Add controlKnobInverse tokens

Telefonica · Oct 10, 2024 · e9ef7e4 · e9ef7e4
1 parent 9fb7c31
commit e9ef7e4
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
@@ -360,6 +360,11 @@
       "type": "color",
       "description": "white"
     },
+    "controlKnobInverse": {
+      "value": "{palette.blauBlueSecondary}",
+      "type": "color",
+      "description": "blauBlueSecondary"
+    },
     "divider": {
       "value": "{palette.grey2}",
       "type": "color",
@@ -1028,6 +1033,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
@@ -360,6 +360,11 @@
       "type": "color",
       "description": "white"
     },
+    "controlKnobInverse": {
+      "value": "{palette.movistarBlue}",
+      "type": "color",
+      "description": "movistarBlue"
+    },
     "divider": {
       "value": "{palette.grey3}",
       "type": "color",
@@ -1028,6 +1033,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
@@ -392,6 +392,11 @@
       "type": "color",
       "description": "white"
     },
+    "controlKnobInverse": {
+      "value": "{palette.beyondBlue}",
+      "type": "color",
+      "description": "beyondBlue"
+    },
     "divider": {
       "value": "{palette.grey30}",
       "type": "color",
@@ -1060,6 +1065,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
@@ -360,6 +360,11 @@
       "type": "color",
       "description": "white"
     },
+    "controlKnobInverse": {
+      "value": "{palette.o2BluePrimary}",
+      "type": "color",
+      "description": "o2BluePrimary"
+    },
     "divider": {
       "value": "{palette.grey2}",
       "type": "color",
@@ -1028,6 +1033,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
@@ -115,6 +115,7 @@
         "toggleAndroidInactive",
         "toggleAndroidBackgroundActive",
         "iosControlKnob",
+        "controlKnobInverse",
         "divider",
         "dividerInverse",
         "navigationBarDivider",
@@ -247,6 +248,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
@@ -360,6 +360,11 @@
       "type": "color",
       "description": "white"
     },
+    "controlKnobInverse": {
+      "value": "{palette.telefonicaBlue}",
+      "type": "color",
+      "description": "telefonicaBlue"
+    },
     "divider": {
       "value": "{palette.grey2}",
       "type": "color",
@@ -1028,6 +1033,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
@@ -360,6 +360,11 @@
       "type": "color",
       "description": "white"
     },
+    "controlKnobInverse": {
+      "value": "{palette.primary}",
+      "type": "color",
+      "description": "primary"
+    },
     "divider": {
       "value": "{palette.grey2}",
       "type": "color",
@@ -1028,6 +1033,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
@@ -360,6 +360,11 @@
       "type": "color",
       "description": "white"
     },
+    "controlKnobInverse": {
+      "value": "{palette.vivoPurple}",
+      "type": "color",
+      "description": "vivoPurple"
+    },
     "divider": {
       "value": "{palette.grey3}",
       "type": "color",
@@ -1028,6 +1033,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
@@ -360,6 +360,11 @@
       "type": "color",
       "description": "white"
     },
+    "controlKnobInverse": {
+      "value": "{palette.vivoPurple}",
+      "type": "color",
+      "description": "vivoPurple"
+    },
     "divider": {
       "value": "{palette.grey2}",
       "type": "color",
@@ -1028,6 +1033,11 @@
       "type": "color",
       "description": "grey2"
     },
+    "controlKnobInverse": {
+      "value": "{palette.grey2}",
+      "type": "color",
+      "description": "grey2"
+    },
     "divider": {
       "value": "rgba({palette.white}, 0.05)",
       "type": "color",