Add controlKnobInverse tokens (#1922)

Co-authored-by: Ignacio Ceballos (Yayo) <yceballost@gmail.com>
Telefonica · Oct 16, 2024 · a2ebbf5 · a2ebbf5
1 parent 7fc44eb
commit a2ebbf5
Show file tree

Hide file tree

Showing 9 changed files with 82 additions and 0 deletions.
diff --git a/tokens/blau.json b/tokens/blau.json
@@ -365,6 +365,11 @@
       "type": "color",
       "description": "white"
     },
+    "controlKnobInverse": {
+      "value": "{palette.blauBlueSecondary}",
+      "type": "color",
+      "description": "blauBlueSecondary"
+    },
     "divider": {
       "value": "{palette.grey2}",
       "type": "color",
@@ -1038,6 +1043,11 @@
       "type": "color",
       "description": "grey2"
     },
+    "controlKnobInverse": {
+      "value": "{palette.grey2}",
+      "type": "color",
+      "description": "grey2"
+    },
     "divider": {
       "value": "rgba({palette.white}, 0.05)",
       "type": "color",

diff --git a/tokens/movistar.json b/tokens/movistar.json
@@ -365,6 +365,11 @@
       "type": "color",
       "description": "white"
     },
+    "controlKnobInverse": {
+      "value": "{palette.movistarBlue}",
+      "type": "color",
+      "description": "movistarBlue"
+    },
     "divider": {
       "value": "{palette.grey3}",
       "type": "color",
@@ -1038,6 +1043,11 @@
       "type": "color",
       "description": "darkModeGrey2"
     },
+    "controlKnobInverse": {
+      "value": "{palette.darkModeGrey2}",
+      "type": "color",
+      "description": "darkModeGrey2"
+    },
     "divider": {
       "value": "rgba({palette.white}, 0.1)",
       "type": "color",

diff --git a/tokens/o2-new.json b/tokens/o2-new.json
@@ -397,6 +397,11 @@
       "type": "color",
       "description": "white"
     },
+    "controlKnobInverse": {
+      "value": "{palette.beyondBlue}",
+      "type": "color",
+      "description": "beyondBlue"
+    },
     "divider": {
       "value": "{palette.grey30}",
       "type": "color",
@@ -1070,6 +1075,11 @@
       "type": "color",
       "description": "grey30"
     },
+    "controlKnobInverse": {
+      "value": "{palette.grey30}",
+      "type": "color",
+      "description": "grey30"
+    },
     "badge": {
       "value": "{palette.o2Red65}",
       "type": "color",

diff --git a/tokens/o2.json b/tokens/o2.json
@@ -365,6 +365,11 @@
       "type": "color",
       "description": "white"
     },
+    "controlKnobInverse": {
+      "value": "{palette.o2BluePrimary}",
+      "type": "color",
+      "description": "o2BluePrimary"
+    },
     "divider": {
       "value": "{palette.grey2}",
       "type": "color",
@@ -1038,6 +1043,11 @@
       "type": "color",
       "description": "grey2"
     },
+    "controlKnobInverse": {
+      "value": "{palette.grey2}",
+      "type": "color",
+      "description": "grey2"
+    },
     "badge": {
       "value": "{palette.pepper60}",
       "type": "color",

diff --git a/tokens/schema/skin-schema.json b/tokens/schema/skin-schema.json
@@ -116,6 +116,7 @@
         "toggleAndroidInactive",
         "toggleAndroidBackgroundActive",
         "iosControlKnob",
+        "controlKnobInverse",
         "divider",
         "dividerInverse",
         "navigationBarDivider",
@@ -249,6 +250,7 @@
         "toggleAndroidInactive": { "$ref": "#/definitions/constantProperties" },
         "toggleAndroidBackgroundActive": { "$ref": "#/definitions/constantProperties" },
         "iosControlKnob": { "$ref": "#/definitions/constantProperties" },
+        "controlKnobInverse": { "$ref": "#/definitions/constantProperties" },
         "divider": { "$ref": "#/definitions/constantProperties" },
         "dividerInverse": { "$ref": "#/definitions/constantProperties" },
         "navigationBarDivider": { "$ref": "#/definitions/constantProperties" },

diff --git a/tokens/telefonica.json b/tokens/telefonica.json
@@ -365,6 +365,11 @@
       "type": "color",
       "description": "white"
     },
+    "controlKnobInverse": {
+      "value": "{palette.telefonicaBlue}",
+      "type": "color",
+      "description": "telefonicaBlue"
+    },
     "divider": {
       "value": "{palette.grey2}",
       "type": "color",
@@ -1038,6 +1043,11 @@
       "type": "color",
       "description": "grey2"
     },
+    "controlKnobInverse": {
+      "value": "{palette.grey2}",
+      "type": "color",
+      "description": "grey2"
+    },
     "divider": {
       "value": "rgba({palette.white}, 0.05)",
       "type": "color",

diff --git a/tokens/tu.json b/tokens/tu.json
@@ -365,6 +365,11 @@
       "type": "color",
       "description": "white"
     },
+    "controlKnobInverse": {
+      "value": "{palette.primary}",
+      "type": "color",
+      "description": "primary"
+    },
     "divider": {
       "value": "{palette.grey2}",
       "type": "color",
@@ -1038,6 +1043,11 @@
       "type": "color",
       "description": "grey2"
     },
+    "controlKnobInverse": {
+      "value": "{palette.grey2}",
+      "type": "color",
+      "description": "grey2"
+    },
     "divider": {
       "value": "rgba({palette.white}, 0.05)",
       "type": "color",

diff --git a/tokens/vivo-new.json b/tokens/vivo-new.json
@@ -365,6 +365,11 @@
       "type": "color",
       "description": "white"
     },
+    "controlKnobInverse": {
+      "value": "{palette.vivoPurple}",
+      "type": "color",
+      "description": "vivoPurple"
+    },
     "divider": {
       "value": "{palette.grey3}",
       "type": "color",
@@ -1038,6 +1043,11 @@
       "type": "color",
       "description": "grey2"
     },
+    "controlKnobInverse": {
+      "value": "{palette.grey2}",
+      "type": "color",
+      "description": "grey2"
+    },
     "divider": {
       "value": "rgba({palette.white}, 0.05)",
       "type": "color",

diff --git a/tokens/vivo.json b/tokens/vivo.json
@@ -365,6 +365,11 @@
       "type": "color",
       "description": "white"
     },
+    "controlKnobInverse": {
+      "value": "{palette.vivoPurple}",
+      "type": "color",
+      "description": "vivoPurple"
+    },
     "divider": {
       "value": "{palette.grey2}",
       "type": "color",
@@ -1038,6 +1043,11 @@
       "type": "color",
       "description": "grey2"
     },
+    "controlKnobInverse": {
+      "value": "{palette.grey2}",
+      "type": "color",
+      "description": "grey2"
+    },
     "divider": {
       "value": "rgba({palette.white}, 0.05)",
       "type": "color",