tokens changes

added textErrorInverse token and changed backgroundContainerError palette same as errorLow
Telefonica · Apr 16, 2024 · 5957863 · 5957863
1 parent c1ebb26
commit 5957863
Show file tree

Hide file tree

Showing 9 changed files with 106 additions and 24 deletions.
diff --git a/tokens/blau.json b/tokens/blau.json
@@ -450,6 +450,11 @@
       "type": "color",
       "description": "blauRed"
     },
+    "textErrorInverse": {
+      "value": "{palette.white}",
+      "type": "color",
+      "description": "white"
+    },
     "success": {
       "value": "{palette.blauGreen}",
       "type": "color",
@@ -679,9 +684,9 @@
       "description": "darkModeGrey"
     },
     "backgroundContainerError": {
-      "value": "{palette.darkModeGrey}",
+      "value": "{palette.blauRed10}",
       "type": "color",
-      "description": "darkModeGrey"
+      "description": "blauRed10"
     },
     "backgroundContainerHover": {
       "value": "rgba({palette.white}, 0.03)",
@@ -1103,6 +1108,11 @@
       "type": "color",
       "description": "blauRed"
     },
+    "textErrorInverse": {
+      "value": "{palette.grey2}",
+      "type": "color",
+      "description": "grey2"
+    },
     "success": {
       "value": "{palette.blauGreen}",
       "type": "color",

diff --git a/tokens/movistar.json b/tokens/movistar.json
@@ -460,6 +460,11 @@
       "type": "color",
       "description": "pepper"
     },
+    "textErrorInverse": {
+      "value": "{palette.white}",
+      "type": "color",
+      "description": "white"
+    },
     "promo": {
       "value": "{palette.purple}",
       "type": "color",
@@ -679,9 +684,9 @@
       "description": "darkModeGrey"
     },
     "backgroundContainerError": {
-      "value": "{palette.darkModeGrey}",
+      "value": "{palette.movistarBlueDark}",
       "type": "color",
-      "description": "darkModeGrey"
+      "description": "movistarBlueDark"
     },
     "backgroundContainerHover": {
       "value": "rgba({palette.white}, 0.03)",
@@ -1113,6 +1118,11 @@
       "type": "color",
       "description": "pepper"
     },
+    "textErrorInverse": {
+      "value": "{palette.darkModeGrey2}",
+      "type": "color",
+      "description": "darkModeGrey2"
+    },
     "promo": {
       "value": "{palette.purple}",
       "type": "color",

diff --git a/tokens/o2-new.json b/tokens/o2-new.json
@@ -42,9 +42,9 @@
       "description": "white"
     },
     "backgroundContainerError": {
-      "value": "{palette.white}",
+      "value": "{palette.o2Red10}",
       "type": "color",
-      "description": "white"
+      "description": "o2Red10"
     },
     "backgroundContainerHover": {
       "value": "rgba({palette.darkModeBlack}, 0.03)",
@@ -492,6 +492,11 @@
       "type": "color",
       "description": "o2Red45"
     },
+    "textErrorInverse": {
+      "value": "{palette.white}",
+      "type": "color",
+      "description": "white"
+    },
     "promo": {
       "value": "{palette.o2Pink}",
       "type": "color",
@@ -711,9 +716,9 @@
       "description": "darkModeGrey"
     },
     "backgroundContainerError": {
-      "value": "{palette.darkModeGrey}",
+      "value": "{palette.darkModeGrey6}",
       "type": "color",
-      "description": "darkModeGrey"
+      "description": "darkModeGrey6"
     },
     "backgroundContainerHover": {
       "value": "rgba({palette.white}, 0.03)",
@@ -1145,6 +1150,11 @@
       "type": "color",
       "description": "o2Red45"
     },
+    "textErrorInverse": {
+      "value": "{palette.grey30}",
+      "type": "color",
+      "description": "grey30"
+    },
     "promo": {
       "value": "{palette.o2Pink}",
       "type": "color",

diff --git a/tokens/o2.json b/tokens/o2.json
@@ -26,9 +26,9 @@
       "description": "white"
     },
     "backgroundContainerError": {
-      "value": "{palette.white}",
+      "value": "{palette.pepper10}",
       "type": "color",
-      "description": "white"
+      "description": "pepper10"
     },
     "backgroundContainerHover": {
       "value": "rgba({palette.darkModeBlack}, 0.03)",
@@ -460,6 +460,11 @@
       "type": "color",
       "description": "pepper"
     },
+    "textErrorInverse": {
+      "value": "{palette.white}",
+      "type": "color",
+      "description": "white"
+    },
     "promo": {
       "value": "{palette.o2Purple}",
       "type": "color",
@@ -679,9 +684,9 @@
       "description": "darkModeGrey"
     },
     "backgroundContainerError": {
-      "value": "{palette.darkModeGrey}",
+      "value": "{palette.darkModeGrey6}",
       "type": "color",
-      "description": "darkModeGrey"
+      "description": "darkModeGrey6"
     },
     "backgroundContainerHover": {
       "value": "rgba({palette.white}, 0.03)",
@@ -1113,6 +1118,11 @@
       "type": "color",
       "description": "pepper"
     },
+    "textErrorInverse": {
+      "value": "{palette.grey2}",
+      "type": "color",
+      "description": "grey2"
+    },
     "promo": {
       "value": "{palette.o2Purple}",
       "type": "color",

diff --git a/tokens/schema/skin-schema.json b/tokens/schema/skin-schema.json
@@ -127,6 +127,7 @@
         "promo",
         "error",
         "textError",
+        "textErrorInverse",
         "highlight",
         "success",
         "warning",
@@ -256,6 +257,7 @@
         "promo": { "$ref": "#/definitions/constantProperties" },
         "error": { "$ref": "#/definitions/constantProperties" },
         "textError": { "$ref": "#/definitions/constantProperties" },
+        "textErrorInverse": { "$ref": "#/definitions/constantProperties" },
         "highlight": { "$ref": "#/definitions/constantProperties" },
         "success": { "$ref": "#/definitions/constantProperties" },
         "warning": { "$ref": "#/definitions/constantProperties" },

diff --git a/tokens/telefonica.json b/tokens/telefonica.json
@@ -450,6 +450,11 @@
       "type": "color",
       "description": "coral"
     },
+    "textErrorInverse": {
+      "value": "{palette.white}",
+      "type": "color",
+      "description": "white"
+    },
     "success": {
       "value": "{palette.turquoise}",
       "type": "color",
@@ -679,9 +684,9 @@
       "description": "darkModeGrey"
     },
     "backgroundContainerError": {
-      "value": "{palette.darkModeGrey}",
+      "value": "{palette.darkModeGrey6}",
       "type": "color",
-      "description": "darkModeGrey"
+      "description": "darkModeGrey6"
     },
     "backgroundContainerHover": {
       "value": "rgba({palette.white}, 0.03)",
@@ -1103,6 +1108,11 @@
       "type": "color",
       "description": "coral"
     },
+    "textErrorInverse": {
+      "value": "{palette.grey2}",
+      "type": "color",
+      "description": "grey2"
+    },
     "success": {
       "value": "{palette.turquoise}",
       "type": "color",

diff --git a/tokens/tu.json b/tokens/tu.json
@@ -16,9 +16,9 @@
       "description": "white"
     },
     "backgroundContainerError": {
-      "value": "{palette.white}",
+      "value": "{palette.red10}",
       "type": "color",
-      "description": "white"
+      "description": "red10"
     },
     "backgroundContainerHover": {
       "value": "rgba({palette.grey9}, 0.03)",
@@ -450,6 +450,11 @@
       "type": "color",
       "description": "red"
     },
+    "textErrorInverse": {
+      "value": "{palette.white}",
+      "type": "color",
+      "description": "white"
+    },
     "success": {
       "value": "{palette.green}",
       "type": "color",
@@ -679,9 +684,9 @@
       "description": "darkModeGrey"
     },
     "backgroundContainerError": {
-      "value": "{palette.darkModeGrey}",
+      "value": "{palette.darkModeGrey6}",
       "type": "color",
-      "description": "darkModeGrey"
+      "description": "darkModeGrey6"
     },
     "backgroundContainerHover": {
       "value": "rgba({palette.white}, 0.03)",
@@ -1103,6 +1108,11 @@
       "type": "color",
       "description": "red"
     },
+    "textErrorInverse": {
+      "value": "{palette.grey2}",
+      "type": "color",
+      "description": "grey2"
+    },
     "success": {
       "value": "{palette.green}",
       "type": "color",

diff --git a/tokens/vivo-new.json b/tokens/vivo-new.json
@@ -26,9 +26,9 @@
       "description": "white"
     },
     "backgroundContainerError": {
-      "value": "{palette.white}",
+      "value": "{palette.pepperLight10}",
       "type": "color",
-      "description": "white"
+      "description": "pepperLight10"
     },
     "backgroundContainerHover": {
       "value": "rgba({palette.darkModeBlack}, 0.03)",
@@ -460,6 +460,11 @@
       "type": "color",
       "description": "pepper"
     },
+    "textErrorInverse": {
+      "value": "{palette.white}",
+      "type": "color",
+      "description": "white"
+    },
     "promo": {
       "value": "{palette.vivoPurple}",
       "type": "color",
@@ -1113,6 +1118,11 @@
       "type": "color",
       "description": "pepper"
     },
+    "textErrorInverse": {
+      "value": "{palette.grey2}",
+      "type": "color",
+      "description": "grey2"
+    },
     "promo": {
       "value": "{palette.vivoPurpleLight80}",
       "type": "color",

diff --git a/tokens/vivo.json b/tokens/vivo.json
@@ -26,9 +26,9 @@
       "description": "white"
     },
     "backgroundContainerError": {
-      "value": "{palette.white}",
+      "value": "{palette.pepperLight10}",
       "type": "color",
-      "description": "white"
+      "description": "pepperLight10"
     },
     "backgroundContainerHover": {
       "value": "rgba({palette.darkModeBlack}, 0.03)",
@@ -460,6 +460,11 @@
       "type": "color",
       "description": "pepper"
     },
+    "textErrorInverse": {
+      "value": "{palette.white}",
+      "type": "color",
+      "description": "white"
+    },
     "promo": {
       "value": "{palette.vivoPurple}",
       "type": "color",
@@ -679,9 +684,9 @@
       "description": "darkModeGrey"
     },
     "backgroundContainerError": {
-      "value": "{palette.darkModeGrey}",
+      "value": "{palette.darkModeGrey6}",
       "type": "color",
-      "description": "darkModeGrey"
+      "description": "darkModeGrey6"
     },
     "backgroundContainerHover": {
       "value": "rgba({palette.white}, 0.03)",
@@ -1113,6 +1118,11 @@
       "type": "color",
       "description": "pepper"
     },
+    "textErrorInverse": {
+      "value": "{palette.grey2}",
+      "type": "color",
+      "description": "grey2"
+    },
     "promo": {
       "value": "{palette.vivoPurpleLight80}",
       "type": "color",