From 34c9d915e9c07cf7fc0eb3ddca6f58bfe93c456f Mon Sep 17 00:00:00 2001
From: Dobrin Dimchev <dobrin.dimchev@sap.com>
Date: Wed, 27 Apr 2022 15:42:33 +0300
Subject: [PATCH] feat(ui5-breadcrumbs): implement Horizon theme (#5066)

* feat(ui5-breadcrumbs): implement Horizon theme

Related to: #5008
---
 packages/base/hash.txt                                    | 2 +-
 packages/main/src/themes/Breadcrumbs.css                  | 8 ++++++--
 .../src/themes/sap_horizon/Breadcrumbs-parameters.css     | 3 +++
 .../main/src/themes/sap_horizon/parameters-bundle.css     | 1 +
 .../themes/sap_horizon_dark/Breadcrumbs-parameters.css    | 3 +++
 .../src/themes/sap_horizon_dark/parameters-bundle.css     | 1 +
 packages/theming/hash.txt                                 | 2 +-
 7 files changed, 16 insertions(+), 4 deletions(-)
 create mode 100644 packages/main/src/themes/sap_horizon/Breadcrumbs-parameters.css
 create mode 100644 packages/main/src/themes/sap_horizon_dark/Breadcrumbs-parameters.css

diff --git a/packages/base/hash.txt b/packages/base/hash.txt
index 24f487c70d20..82c073fb390e 100644
--- a/packages/base/hash.txt
+++ b/packages/base/hash.txt
@@ -1 +1 @@
-sKtI8to12A73DxsbDoXwWKS8MWo=
\ No newline at end of file
+g/MdibSc8U2nmIVx4FgakPMj5bI=
\ No newline at end of file
diff --git a/packages/main/src/themes/Breadcrumbs.css b/packages/main/src/themes/Breadcrumbs.css
index 711a934a107f..4402903c9e02 100644
--- 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
new file mode 100644
index 000000000000..1ac222ff6159
--- /dev/null
+++ b/packages/main/src/themes/sap_horizon/Breadcrumbs-parameters.css
@@ -0,0 +1,3 @@
+:root {
+	--_ui5_breadcrumbs_current_location_focus_border_radius: 0.25rem;
+}
\ No newline at end of file
diff --git a/packages/main/src/themes/sap_horizon/parameters-bundle.css b/packages/main/src/themes/sap_horizon/parameters-bundle.css
index 178e0ca1bed6..ccf015353f0e 100644
--- 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
new file mode 100644
index 000000000000..1ac222ff6159
--- /dev/null
+++ 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;
+}
\ No newline at end of file
diff --git a/packages/main/src/themes/sap_horizon_dark/parameters-bundle.css b/packages/main/src/themes/sap_horizon_dark/parameters-bundle.css
index 178e0ca1bed6..ccf015353f0e 100644
--- 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
index 14ef08f4a7b3..09d4adb1b113 100644
--- a/packages/theming/hash.txt
+++ b/packages/theming/hash.txt
@@ -1 +1 @@
-jTxjP4q8ZYzq4ZcbwLrh2rt5ZuI=
\ No newline at end of file
+5cRcd16xPQ6SL0cTQosGtwcesyE=
\ No newline at end of file