fix(styles): bring Horizon updates for Tokenizer [ci visual] (#4691)

SAP · Jul 14, 2023 · 3c4f7ab · 3c4f7ab
1 parent f8e434f
commit 3c4f7ab
Show file tree

Hide file tree

Showing 12 changed files with 19 additions and 0 deletions.
diff --git a/packages/styles/src/theming/common/tokenizer/_sap_fiori.scss b/packages/styles/src/theming/common/tokenizer/_sap_fiori.scss
@@ -0,0 +1,3 @@
+:root {
+  --fdTokenizer_Indicator_Color: var(--sapTextColor);
+}
diff --git a/packages/styles/src/theming/common/tokenizer/_sap_horizon.scss b/packages/styles/src/theming/common/tokenizer/_sap_horizon.scss
@@ -0,0 +1,3 @@
+:root {
+  --fdTokenizer_Indicator_Color: var(--sapLinkColor);
+}
diff --git a/packages/styles/src/theming/sap_fiori_3.scss b/packages/styles/src/theming/sap_fiori_3.scss
@@ -39,6 +39,7 @@
 @import "./common/calendar/sap_fiori";
 @import "./common/step-input/sap_fiori";
 @import "./common/object-status/sap_fiori";
+@import "./common/tokenizer/sap_fiori";
 @import "./sap_fiori_3/css_variables";
 
 :root {
@@ -229,4 +230,7 @@
 
   /** Nested List */
   --fdNested_List_Border_Corner_Radius: var(--sapElement_BorderCornerRadius);
+
+  /** Tokenizer */
+  --fdTokenizer_Indicator_Color: var(--sapTextColor);
 }
diff --git a/packages/styles/src/theming/sap_fiori_3_dark.scss b/packages/styles/src/theming/sap_fiori_3_dark.scss
@@ -39,6 +39,7 @@
 @import "./common/calendar/sap_fiori";
 @import "./common/step-input/sap_fiori";
 @import "./common/object-status/sap_fiori";
+@import "./common/tokenizer/sap_fiori";
 @import "./sap_fiori_3_dark/css_variables";
 
 :root {

diff --git a/packages/styles/src/theming/sap_fiori_3_hcb.scss b/packages/styles/src/theming/sap_fiori_3_hcb.scss
@@ -46,6 +46,7 @@
 @import "./common/calendar/sap_fiori";
 @import "./common/step-input/sap_fiori";
 @import "./common/object-status/sap_fiori_hc";
+@import "./common/tokenizer/sap_fiori";
 @import "./sap_fiori_3_hcb/css_variables";
 
 :root {

diff --git a/packages/styles/src/theming/sap_fiori_3_hcw.scss b/packages/styles/src/theming/sap_fiori_3_hcw.scss
@@ -40,6 +40,7 @@
 @import "./common/calendar/sap_fiori";
 @import "./sap_fiori_3_hcw/css_variables";
 @import "./common/object-status/sap_fiori_hc";
+@import "./common/tokenizer/sap_fiori";
 @import "./common/step-input/sap_fiori";
 
 :root {

diff --git a/packages/styles/src/theming/sap_fiori_3_light_dark.scss b/packages/styles/src/theming/sap_fiori_3_light_dark.scss
@@ -38,6 +38,7 @@
 @import "./common/calendar/sap_fiori";
 @import "./common/step-input/sap_fiori";
 @import "./common/object-status/sap_fiori";
+@import "./common/tokenizer/sap_fiori";
 @import "./sap_fiori_3_light_dark/css_variables";
 
 :root {

diff --git a/packages/styles/src/theming/sap_horizon.scss b/packages/styles/src/theming/sap_horizon.scss
@@ -41,6 +41,7 @@
 @import "./common/calendar/sap_horizon";
 @import "./common/step-input/sap_horizon";
 @import "./common/object-status/sap_horizon";
+@import "./common/tokenizer/sap_horizon";
 @import "./sap_horizon/css_variables";
 
 :root {

diff --git a/packages/styles/src/theming/sap_horizon_dark.scss b/packages/styles/src/theming/sap_horizon_dark.scss
@@ -41,6 +41,7 @@
 @import "./common/calendar/sap_horizon";
 @import "./common/step-input/sap_horizon";
 @import "./common/object-status/sap_horizon";
+@import "./common/tokenizer/sap_horizon";
 @import "./sap_horizon_dark/css_variables";
 
 :root {

diff --git a/packages/styles/src/theming/sap_horizon_hcb.scss b/packages/styles/src/theming/sap_horizon_hcb.scss
@@ -41,6 +41,7 @@
 @import "./common/calendar/sap_horizon";
 @import "./common/step-input/sap_horizon";
 @import "./common/object-status/sap_horizon_hc";
+@import "./common/tokenizer/sap_horizon";
 @import "./sap_horizon_hcb/css_variables";
 
 :root {

diff --git a/packages/styles/src/theming/sap_horizon_hcw.scss b/packages/styles/src/theming/sap_horizon_hcw.scss
@@ -42,6 +42,7 @@
 @import "./common/calendar/sap_horizon";
 @import "./common/step-input/sap_horizon";
 @import "./common/object-status/sap_horizon_hc";
+@import "./common/tokenizer/sap_horizon";
 @import "./sap_horizon_hcw/css_variables";
 
 :root {

diff --git a/packages/styles/src/tokenizer.scss b/packages/styles/src/tokenizer.scss
@@ -50,6 +50,7 @@ $block: #{$fd-namespace}-tokenizer;
 
     display: inline-block;
     cursor: pointer;
+    color: var(--fdTokenizer_Indicator_Color);
   }
 
   .#{$block}__input {