From 3c4f7abd8a2765fb9e678e7f772200d494999142 Mon Sep 17 00:00:00 2001
From: Inna Atanasova <39598672+InnaAtanasova@users.noreply.github.com>
Date: Fri, 14 Jul 2023 16:48:02 -0400
Subject: [PATCH] fix(styles): bring Horizon updates for Tokenizer [ci visual]
 (#4691)

---
 packages/styles/src/theming/common/tokenizer/_sap_fiori.scss  | 3 +++
 .../styles/src/theming/common/tokenizer/_sap_horizon.scss     | 3 +++
 packages/styles/src/theming/sap_fiori_3.scss                  | 4 ++++
 packages/styles/src/theming/sap_fiori_3_dark.scss             | 1 +
 packages/styles/src/theming/sap_fiori_3_hcb.scss              | 1 +
 packages/styles/src/theming/sap_fiori_3_hcw.scss              | 1 +
 packages/styles/src/theming/sap_fiori_3_light_dark.scss       | 1 +
 packages/styles/src/theming/sap_horizon.scss                  | 1 +
 packages/styles/src/theming/sap_horizon_dark.scss             | 1 +
 packages/styles/src/theming/sap_horizon_hcb.scss              | 1 +
 packages/styles/src/theming/sap_horizon_hcw.scss              | 1 +
 packages/styles/src/tokenizer.scss                            | 1 +
 12 files changed, 19 insertions(+)
 create mode 100644 packages/styles/src/theming/common/tokenizer/_sap_fiori.scss
 create mode 100644 packages/styles/src/theming/common/tokenizer/_sap_horizon.scss

diff --git a/packages/styles/src/theming/common/tokenizer/_sap_fiori.scss b/packages/styles/src/theming/common/tokenizer/_sap_fiori.scss
new file mode 100644
index 0000000000..233d61d79a
--- /dev/null
+++ 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
new file mode 100644
index 0000000000..9b1cc4bf3d
--- /dev/null
+++ 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
index de43298973..b2e4418454 100644
--- 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
index cf6aa72dd0..07f10f0135 100644
--- 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
index 7f26746f5a..d653225531 100644
--- 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
index 583af1cc8c..91255dc2c1 100644
--- 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
index ff84c664c9..6f21c186ed 100644
--- 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
index fb3d0e6c15..5e64bf4777 100644
--- 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
index 0baf593842..283b50e57b 100644
--- 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
index c0ef10b393..6f829210c4 100644
--- 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
index 840b70dc46..dc44793c00 100644
--- 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
index dcade73e7b..799c7d9463 100644
--- 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 {