Add backgroundContainerError and textError tokens (#1732)

* #1708 Rowlist danger * tokens changes added textErrorInverse token and changed backgroundContainerError palette same as errorLow * textErrorInverse dark = textError textErrorInverse in dark should be = textError in all brands * update telefonica * backgroundContainerError fix * mov fix * text error tokens changed O2-new text-Error and vivo-new textErrorInverse * Update tokens/vivo-new.json Co-authored-by: Alex Bueno <[email protected]> --------- Co-authored-by: Alex Bueno <[email protected]>
Telefonica · Apr 22, 2024 · 927ba1d · 927ba1d
1 parent a9515d9
commit 927ba1d
Show file tree

Hide file tree

Showing 9 changed files with 246 additions and 0 deletions.
diff --git a/tokens/blau.json b/tokens/blau.json
@@ -25,6 +25,11 @@
       "type": "color",
       "description": "white"
     },
+    "backgroundContainerError": {
+      "value": "{palette.blauRed10}",
+      "type": "color",
+      "description": "blauRed10"
+    },
     "backgroundContainerHover": {
       "value": "rgba({palette.blauBluePrimary}, 0.03)",
       "type": "color",
@@ -440,6 +445,16 @@
       "type": "color",
       "description": "blauRed"
     },
+    "textError": {
+      "value": "{palette.blauRed}",
+      "type": "color",
+      "description": "blauRed"
+    },
+    "textErrorInverse": {
+      "value": "{palette.white}",
+      "type": "color",
+      "description": "white"
+    },
     "success": {
       "value": "{palette.blauGreen}",
       "type": "color",
@@ -668,6 +683,11 @@
       "type": "color",
       "description": "darkModeGrey"
     },
+    "backgroundContainerError": {
+      "value": "{palette.darkModeGrey}",
+      "type": "color",
+      "description": "darkModeGrey"
+    },
     "backgroundContainerHover": {
       "value": "rgba({palette.white}, 0.03)",
       "type": "color",
@@ -1083,6 +1103,16 @@
       "type": "color",
       "description": "blauRed"
     },
+    "textError": {
+      "value": "{palette.blauRed}",
+      "type": "color",
+      "description": "blauRed"
+    },
+    "textErrorInverse": {
+      "value": "{palette.blauRed}",
+      "type": "color",
+      "description": "blauRed"
+    },
     "success": {
       "value": "{palette.blauGreen}",
       "type": "color",

diff --git a/tokens/movistar.json b/tokens/movistar.json
@@ -25,6 +25,11 @@
       "type": "color",
       "description": "white"
     },
+    "backgroundContainerError": {
+      "value": "{palette.pepper10}",
+      "type": "color",
+      "description": "pepper10"
+    },
     "backgroundContainerHover": {
       "value": "rgba({palette.darkModeBlack}, 0.03)",
       "type": "color",
@@ -450,6 +455,16 @@
       "type": "color",
       "description": "pepper"
     },
+    "textError": {
+      "value": "{palette.pepper}",
+      "type": "color",
+      "description": "pepper"
+    },
+    "textErrorInverse": {
+      "value": "{palette.white}",
+      "type": "color",
+      "description": "white"
+    },
     "promo": {
       "value": "{palette.purple}",
       "type": "color",
@@ -668,6 +683,11 @@
       "type": "color",
       "description": "darkModeGrey"
     },
+    "backgroundContainerError": {
+      "value": "{palette.darkModeGrey}",
+      "type": "color",
+      "description": "darkModeGrey"
+    },
     "backgroundContainerHover": {
       "value": "rgba({palette.white}, 0.03)",
       "type": "color",
@@ -1093,6 +1113,16 @@
       "type": "color",
       "description": "pepper"
     },
+    "textError": {
+      "value": "{palette.pepper}",
+      "type": "color",
+      "description": "pepper"
+    },
+    "textErrorInverse": {
+      "value": "{palette.pepper}",
+      "type": "color",
+      "description": "pepper"
+    },
     "promo": {
       "value": "{palette.purple}",
       "type": "color",

diff --git a/tokens/o2-new.json b/tokens/o2-new.json
@@ -41,6 +41,11 @@
       "type": "color",
       "description": "white"
     },
+    "backgroundContainerError": {
+      "value": "{palette.o2Red10}",
+      "type": "color",
+      "description": "o2Red10"
+    },
     "backgroundContainerHover": {
       "value": "rgba({palette.darkModeBlack}, 0.03)",
       "type": "color",
@@ -482,6 +487,16 @@
       "type": "color",
       "description": "o2Red65"
     },
+    "textError": {
+      "value": "{palette.o2Red65}",
+      "type": "color",
+      "description": "o2Red65"
+    },
+    "textErrorInverse": {
+      "value": "{palette.white}",
+      "type": "color",
+      "description": "white"
+    },
     "promo": {
       "value": "{palette.o2Pink}",
       "type": "color",
@@ -700,6 +715,11 @@
       "type": "color",
       "description": "darkModeGrey"
     },
+    "backgroundContainerError": {
+      "value": "{palette.darkModeGrey}",
+      "type": "color",
+      "description": "darkModeGrey"
+    },
     "backgroundContainerHover": {
       "value": "rgba({palette.white}, 0.03)",
       "type": "color",
@@ -1125,6 +1145,16 @@
       "type": "color",
       "description": "o2Red45"
     },
+    "textError": {
+      "value": "{palette.o2Red45}",
+      "type": "color",
+      "description": "o2Red45"
+    },
+    "textErrorInverse": {
+      "value": "{palette.o2Red45}",
+      "type": "color",
+      "description": "o2Red45"
+    },
     "promo": {
       "value": "{palette.o2Pink}",
       "type": "color",

diff --git a/tokens/o2.json b/tokens/o2.json
@@ -25,6 +25,11 @@
       "type": "color",
       "description": "white"
     },
+    "backgroundContainerError": {
+      "value": "{palette.pepper10}",
+      "type": "color",
+      "description": "pepper10"
+    },
     "backgroundContainerHover": {
       "value": "rgba({palette.darkModeBlack}, 0.03)",
       "type": "color",
@@ -450,6 +455,16 @@
       "type": "color",
       "description": "pepper"
     },
+    "textError": {
+      "value": "{palette.pepper}",
+      "type": "color",
+      "description": "pepper"
+    },
+    "textErrorInverse": {
+      "value": "{palette.white}",
+      "type": "color",
+      "description": "white"
+    },
     "promo": {
       "value": "{palette.o2Purple}",
       "type": "color",
@@ -668,6 +683,11 @@
       "type": "color",
       "description": "darkModeGrey"
     },
+    "backgroundContainerError": {
+      "value": "{palette.darkModeGrey}",
+      "type": "color",
+      "description": "darkModeGrey"
+    },
     "backgroundContainerHover": {
       "value": "rgba({palette.white}, 0.03)",
       "type": "color",
@@ -1093,6 +1113,16 @@
       "type": "color",
       "description": "pepper"
     },
+    "textError": {
+      "value": "{palette.pepper}",
+      "type": "color",
+      "description": "pepper"
+    },
+    "textErrorInverse": {
+      "value": "{palette.pepper}",
+      "type": "color",
+      "description": "pepper"
+    },
     "promo": {
       "value": "{palette.o2Purple}",
       "type": "color",

diff --git a/tokens/schema/skin-schema.json b/tokens/schema/skin-schema.json
@@ -55,6 +55,7 @@
         "appBarBackground",
         "background",
         "backgroundContainer",
+        "backgroundContainerError",
         "backgroundContainerHover",
         "backgroundContainerPressed",
         "backgroundContainerAlternative",
@@ -125,6 +126,8 @@
         "neutralMedium",
         "promo",
         "error",
+        "textError",
+        "textErrorInverse",
         "highlight",
         "success",
         "warning",
@@ -182,6 +185,7 @@
         "appBarBackground": { "$ref": "#/definitions/constantProperties" },
         "background": { "$ref": "#/definitions/constantProperties" },
         "backgroundContainer": { "$ref": "#/definitions/constantProperties" },
+        "backgroundContainerError": { "$ref": "#/definitions/constantProperties" },
         "backgroundContainerHover": { "$ref": "#/definitions/constantProperties" },
         "backgroundContainerPressed": { "$ref": "#/definitions/constantProperties" },
         "backgroundContainerAlternative": { "$ref": "#/definitions/constantProperties" },
@@ -252,6 +256,8 @@
         "neutralMedium": { "$ref": "#/definitions/constantProperties" },
         "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
@@ -15,6 +15,11 @@
       "type": "color",
       "description": "white"
     },
+    "backgroundContainerError": {
+      "value": "{palette.coral10}",
+      "type": "color",
+      "description": "coral10"
+    },
     "backgroundContainerHover": {
       "value": "rgba({palette.telefonicaBlue}, 0.03)",
       "type": "color",
@@ -440,6 +445,16 @@
       "type": "color",
       "description": "coral"
     },
+    "textError": {
+      "value": "{palette.coral}",
+      "type": "color",
+      "description": "coral"
+    },
+    "textErrorInverse": {
+      "value": "{palette.white}",
+      "type": "color",
+      "description": "white"
+    },
     "success": {
       "value": "{palette.turquoise}",
       "type": "color",
@@ -668,6 +683,11 @@
       "type": "color",
       "description": "darkModeGrey"
     },
+    "backgroundContainerError": {
+      "value": "{palette.darkModeGrey}",
+      "type": "color",
+      "description": "darkModeGrey"
+    },
     "backgroundContainerHover": {
       "value": "rgba({palette.white}, 0.03)",
       "type": "color",
@@ -1083,6 +1103,16 @@
       "type": "color",
       "description": "coral"
     },
+    "textError": {
+      "value": "{palette.coral}",
+      "type": "color",
+      "description": "coral"
+    },
+    "textErrorInverse": {
+      "value": "{palette.coral}",
+      "type": "color",
+      "description": "coral"
+    },
     "success": {
       "value": "{palette.turquoise}",
       "type": "color",

diff --git a/tokens/tu.json b/tokens/tu.json
@@ -15,6 +15,11 @@
       "type": "color",
       "description": "white"
     },
+    "backgroundContainerError": {
+      "value": "{palette.red10}",
+      "type": "color",
+      "description": "red10"
+    },
     "backgroundContainerHover": {
       "value": "rgba({palette.grey9}, 0.03)",
       "type": "color",
@@ -440,6 +445,16 @@
       "type": "color",
       "description": "red"
     },
+    "textError": {
+      "value": "{palette.red}",
+      "type": "color",
+      "description": "red"
+    },
+    "textErrorInverse": {
+      "value": "{palette.white}",
+      "type": "color",
+      "description": "white"
+    },
     "success": {
       "value": "{palette.green}",
       "type": "color",
@@ -668,6 +683,11 @@
       "type": "color",
       "description": "darkModeGrey"
     },
+    "backgroundContainerError": {
+      "value": "{palette.darkModeGrey}",
+      "type": "color",
+      "description": "darkModeGrey"
+    },
     "backgroundContainerHover": {
       "value": "rgba({palette.white}, 0.03)",
       "type": "color",
@@ -1083,6 +1103,16 @@
       "type": "color",
       "description": "red"
     },
+    "textError": {
+      "value": "{palette.red}",
+      "type": "color",
+      "description": "red"
+    },
+    "textErrorInverse": {
+      "value": "{palette.red}",
+      "type": "color",
+      "description": "red"
+    },
     "success": {
       "value": "{palette.green}",
       "type": "color",