feat(ui5-breadcrumbs): implement Horizon theme (#5066)

dobrinyonkov · web-flow · commit 34c9d915e9c0 · 2022-04-27T15:42:33.000+03:00
* feat(ui5-breadcrumbs): implement Horizon theme Related to: #5008
diff --git a/packages/base/hash.txt b/packages/base/hash.txt
@@ -1 +1 @@
-sKtI8to12A73DxsbDoXwWKS8MWo=
+g/MdibSc8U2nmIVx4FgakPMj5bI=
diff --git a/packages/main/src/themes/Breadcrumbs.css b/packages/main/src/themes/Breadcrumbs.css
@@ -25,8 +25,8 @@
 }
 
 .ui5-breadcrumbs-current-location > span:focus {
-	outline-offset: -1px;
-	outline: 1px dotted var(--sapContent_FocusColor);
+    outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+    border-radius: var(--_ui5_breadcrumbs_current_location_focus_border_radius);
 }
 
 .ui5-breadcrumbs-dropdown-arrow-link-wrapper[hidden] {
@@ -41,6 +41,10 @@
     color: var(--sapLinkColor);
 }
 
+.ui5-breadcrumbs-dropdown-arrow-link-wrapper [ui5-link][focused] [ui5-icon] {
+    color: var(--_ui5_link_focus_color);
+}
+
 .ui5-breadcrumbs-dropdown-arrow-link-wrapper [ui5-icon]::before {
     content: "...";
     vertical-align: middle;
diff --git a/packages/main/src/themes/sap_horizon/Breadcrumbs-parameters.css b/packages/main/src/themes/sap_horizon/Breadcrumbs-parameters.css
@@ -0,0 +1,3 @@
+:root {
+	--_ui5_breadcrumbs_current_location_focus_border_radius: 0.25rem;
+}
diff --git a/packages/main/src/themes/sap_horizon/parameters-bundle.css b/packages/main/src/themes/sap_horizon/parameters-bundle.css
@@ -2,6 +2,7 @@
 @import "../base/rtl-parameters.css";
 @import "./Avatar-parameters.css";
 @import "../base/Badge-parameters.css";
+@import "./Breadcrumbs-parameters.css";
 @import "../base/BrowserScrollbar-parameters.css";
 @import "./BusyIndicator-parameters.css";
 @import "./Button-parameters.css";
diff --git a/packages/main/src/themes/sap_horizon_dark/Breadcrumbs-parameters.css b/packages/main/src/themes/sap_horizon_dark/Breadcrumbs-parameters.css
@@ -0,0 +1,3 @@
+:root {
+	--_ui5_breadcrumbs_current_location_focus_border_radius: 0.25rem;
+}
diff --git a/packages/main/src/themes/sap_horizon_dark/parameters-bundle.css b/packages/main/src/themes/sap_horizon_dark/parameters-bundle.css
@@ -2,6 +2,7 @@
 @import "../base/rtl-parameters.css";
 @import "./Avatar-parameters.css";
 @import "../base/Badge-parameters.css";
+@import "./Breadcrumbs-parameters.css";
 @import "../base/BrowserScrollbar-parameters.css";
 @import "./BusyIndicator-parameters.css";
 @import "./Button-parameters.css";
diff --git a/packages/theming/hash.txt b/packages/theming/hash.txt
@@ -1 +1 @@
-jTxjP4q8ZYzq4ZcbwLrh2rt5ZuI=
+5cRcd16xPQ6SL0cTQosGtwcesyE=

Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-sKtI8to12A73DxsbDoXwWKS8MWo=`
	`1`	`+g/MdibSc8U2nmIVx4FgakPMj5bI=`
Original file line number	Diff line number	Diff line change
`@@ -25,8 +25,8 @@`
`25`	`25`	`}`
`26`	`26`
`27`	`27`	`.ui5-breadcrumbs-current-location > span:focus {`
`28`		`- outline-offset: -1px;`
`29`		`- outline: 1px dotted var(--sapContent_FocusColor);`
	`28`	`+ outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);`
	`29`	`+ border-radius: var(--_ui5_breadcrumbs_current_location_focus_border_radius);`
`30`	`30`	`}`
`31`	`31`
`32`	`32`	`.ui5-breadcrumbs-dropdown-arrow-link-wrapper[hidden] {`
`@@ -41,6 +41,10 @@`
`41`	`41`	`color: var(--sapLinkColor);`
`42`	`42`	`}`
`43`	`43`
	`44`	`+.ui5-breadcrumbs-dropdown-arrow-link-wrapper [ui5-link][focused] [ui5-icon] {`
	`45`	`+ color: var(--_ui5_link_focus_color);`
	`46`	`+}`
	`47`	`+`
`44`	`48`	`.ui5-breadcrumbs-dropdown-arrow-link-wrapper [ui5-icon]::before {`
`45`	`49`	`content: "...";`
`46`	`50`	`vertical-align: middle;`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+:root {`
	`2`	`+ --_ui5_breadcrumbs_current_location_focus_border_radius: 0.25rem;`
	`3`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-jTxjP4q8ZYzq4ZcbwLrh2rt5ZuI=`
	`1`	`+5cRcd16xPQ6SL0cTQosGtwcesyE=`