buttonLink danger tokens (#1588)

Telefonica · Dec 5, 2023 · eb316f1 · eb316f1
1 parent 07d4f66
commit eb316f1
Show file tree

Hide file tree

Showing 8 changed files with 216 additions and 0 deletions.
diff --git a/tokens/blau.json b/tokens/blau.json
@@ -140,6 +140,21 @@
       "type": "color",
       "description": "blauRed70"
     },
+    "buttonLinkDangerBackgroundSelected": {
+      "value": "{palette.blauRed10}",
+      "type": "color",
+      "description": "blauRed10"
+    },
+    "buttonLinkDangerBackgroundInverse": {
+      "value": "{palette.white}",
+      "type": "color",
+      "description": "white"
+    },
+    "buttonLinkDangerBackgroundInverseSelected": {
+      "value": "{palette.blauRed10}",
+      "type": "color",
+      "description": "blauRed10"
+    },
     "buttonLinkBackgroundSelected": {
       "value": "{palette.blauPurple10}",
       "type": "color",
@@ -677,6 +692,21 @@
       "type": "color",
       "description": "blauRed70"
     },
+    "buttonLinkDangerBackgroundSelected": {
+      "value": "rgba({palette.blauPurple}, 0.3)",
+      "type": "color",
+      "description": "blauPurple"
+    },
+    "buttonLinkDangerBackgroundInverse": {
+      "value": "rgba({palette.blauPurple}, 0.3)",
+      "type": "color",
+      "description": "blauPurple"
+    },
+    "buttonLinkDangerBackgroundInverseSelected": {
+      "value": "rgba({palette.blauPurple}, 0.3)",
+      "type": "color",
+      "description": "blauPurple"
+    },
     "buttonLinkBackgroundSelected": {
       "value": "rgba({palette.blauPurple}, 0.3)",
       "type": "color",

diff --git a/tokens/movistar-legacy.json b/tokens/movistar-legacy.json
@@ -140,6 +140,21 @@
       "type": "color",
       "description": "pepper55"
     },
+    "buttonLinkDangerBackgroundSelected": {
+      "value": "{palette.pepper10}",
+      "type": "color",
+      "description": "pepper10"
+    },
+    "buttonLinkDangerBackgroundInverse": {
+      "value": "{palette.white}",
+      "type": "color",
+      "description": "white"
+    },
+    "buttonLinkDangerBackgroundInverseSelected": {
+      "value": "{palette.pepper10}",
+      "type": "color",
+      "description": "pepper10"
+    },
     "buttonLinkBackgroundSelected": {
       "value": "{palette.movistarBlue10}",
       "type": "color",
@@ -677,6 +692,21 @@
       "type": "color",
       "description": "pepper55"
     },
+    "buttonLinkDangerBackgroundSelected": {
+      "value": "rgba({palette.white}, 0.08)",
+      "type": "color",
+      "description": "white"
+    },
+    "buttonLinkDangerBackgroundInverse": {
+      "value": "rgba({palette.white}, 0.08)",
+      "type": "color",
+      "description": "white"
+    },
+    "buttonLinkDangerBackgroundInverseSelected": {
+      "value": "rgba({palette.white}, 0.08)",
+      "type": "color",
+      "description": "white"
+    },
     "buttonLinkBackgroundSelected": {
       "value": "rgba({palette.white}, 0.08)",
       "type": "color",

diff --git a/tokens/movistar.json b/tokens/movistar.json
@@ -140,6 +140,21 @@
       "type": "color",
       "description": "pepper55"
     },
+    "buttonLinkDangerBackgroundSelected": {
+      "value": "{palette.pepper10}",
+      "type": "color",
+      "description": "pepper10"
+    },
+    "buttonLinkDangerBackgroundInverse": {
+      "value": "{palette.white}",
+      "type": "color",
+      "description": "white"
+    },
+    "buttonLinkDangerBackgroundInverseSelected": {
+      "value": "{palette.pepper10}",
+      "type": "color",
+      "description": "pepper10"
+    },
     "buttonLinkBackgroundSelected": {
       "value": "{palette.movistarBlue10}",
       "type": "color",
@@ -678,6 +693,21 @@
       "type": "color",
       "description": "pepper55"
     },
+    "buttonLinkDangerBackgroundSelected": {
+      "value": "rgba({palette.white}, 0.08)",
+      "type": "color",
+      "description": "white"
+    },
+    "buttonLinkDangerBackgroundInverse": {
+      "value": "rgba({palette.white}, 0.08)",
+      "type": "color",
+      "description": "white"
+    },
+    "buttonLinkDangerBackgroundInverseSelected": {
+      "value": "rgba({palette.white}, 0.08)",
+      "type": "color",
+      "description": "white"
+    },
     "buttonLinkBackgroundSelected": {
       "value": "rgba({palette.white}, 0.08)",
       "type": "color",

diff --git a/tokens/o2.json b/tokens/o2.json
@@ -140,6 +140,21 @@
       "type": "color",
       "description": "pepper60"
     },
+    "buttonLinkDangerBackgroundSelected": {
+      "value": "{palette.pepper10}",
+      "type": "color",
+      "description": "pepper10"
+    },
+    "buttonLinkDangerBackgroundInverse": {
+      "value": "{palette.white}",
+      "type": "color",
+      "description": "white"
+    },
+    "buttonLinkDangerBackgroundInverseSelected": {
+      "value": "{palette.pepper10}",
+      "type": "color",
+      "description": "pepper10"
+    },
     "buttonLinkBackgroundSelected": {
       "value": "{palette.o2BluePrimary10}",
       "type": "color",
@@ -677,6 +692,21 @@
       "type": "color",
       "description": "pepper60"
     },
+    "buttonLinkDangerBackgroundSelected": {
+      "value": "rgba({palette.white}, 0.08)",
+      "type": "color",
+      "description": "white"
+    },
+    "buttonLinkDangerBackgroundInverse": {
+      "value": "rgba({palette.white}, 0.08)",
+      "type": "color",
+      "description": "white"
+    },
+    "buttonLinkDangerBackgroundInverseSelected": {
+      "value": "rgba({palette.white}, 0.08)",
+      "type": "color",
+      "description": "white"
+    },
     "buttonLinkBackgroundSelected": {
       "value": "rgba({palette.white}, 0.08)",
       "type": "color",

diff --git a/tokens/schema/skin-schema.json b/tokens/schema/skin-schema.json
@@ -80,6 +80,9 @@
         "buttonDangerBackground",
         "buttonDangerBackgroundSelected",
         "buttonDangerBackgroundHover",
+        "buttonLinkDangerBackgroundSelected",
+        "buttonLinkDangerBackgroundInverse",
+        "buttonLinkDangerBackgroundInverseSelected",
         "buttonLinkBackgroundSelected",
         "buttonLinkBackgroundInverseSelected",
         "buttonPrimaryBackground",
@@ -189,6 +192,9 @@
         "buttonDangerBackground": { "$ref": "#/definitions/constantProperties" },
         "buttonDangerBackgroundSelected": { "$ref": "#/definitions/constantProperties" },
         "buttonDangerBackgroundHover": { "$ref": "#/definitions/constantProperties" },
+        "buttonLinkDangerBackgroundSelected": { "$ref": "#/definitions/constantProperties" },
+        "buttonLinkDangerBackgroundInverse": { "$ref": "#/definitions/constantProperties" },
+        "buttonLinkDangerBackgroundInverseSelected": { "$ref": "#/definitions/constantProperties" },
         "buttonLinkBackgroundSelected": { "$ref": "#/definitions/constantProperties" },
         "buttonLinkBackgroundInverseSelected": { "$ref": "#/definitions/constantProperties" },
         "buttonPrimaryBackground": { "$ref": "#/definitions/constantProperties" },

diff --git a/tokens/telefonica.json b/tokens/telefonica.json
@@ -140,6 +140,21 @@
       "type": "color",
       "description": "coral80"
     },
+    "buttonLinkDangerBackgroundSelected": {
+      "value": "{palette.coral10}",
+      "type": "color",
+      "description": "coral10"
+    },
+    "buttonLinkDangerBackgroundInverse": {
+      "value": "{palette.white}",
+      "type": "color",
+      "description": "white"
+    },
+    "buttonLinkDangerBackgroundInverseSelected": {
+      "value": "{palette.coral10}",
+      "type": "color",
+      "description": "coral10"
+    },
     "buttonLinkBackgroundSelected": {
       "value": "{palette.grey1}",
       "type": "color",
@@ -677,6 +692,21 @@
       "type": "color",
       "description": "coral80"
     },
+    "buttonLinkDangerBackgroundSelected": {
+      "value": "rgba({palette.white}, 0.08)",
+      "type": "color",
+      "description": "white"
+    },
+    "buttonLinkDangerBackgroundInverse": {
+      "value": "rgba({palette.white}, 0.08)",
+      "type": "color",
+      "description": "white"
+    },
+    "buttonLinkDangerBackgroundInverseSelected": {
+      "value": "rgba({palette.white}, 0.08)",
+      "type": "color",
+      "description": "white"
+    },
     "buttonLinkBackgroundSelected": {
       "value": "rgba({palette.white}, 0.08)",
       "type": "color",

diff --git a/tokens/vivo-new.json b/tokens/vivo-new.json
@@ -140,6 +140,21 @@
       "type": "color",
       "description": "pepperDark"
     },
+    "buttonLinkDangerBackgroundSelected": {
+      "value": "{palette.pepper10}",
+      "type": "color",
+      "description": "pepper10"
+    },
+    "buttonLinkDangerBackgroundInverse": {
+      "value": "{palette.white}",
+      "type": "color",
+      "description": "white"
+    },
+    "buttonLinkDangerBackgroundInverseSelected": {
+      "value": "{palette.pepper10}",
+      "type": "color",
+      "description": "pepper10"
+    },
     "buttonLinkBackgroundSelected": {
       "value": "{palette.vivoPurpleLight10}",
       "type": "color",
@@ -677,6 +692,21 @@
       "type": "color",
       "description": "pepperDark"
     },
+    "buttonLinkDangerBackgroundSelected": {
+      "value": "rgba({palette.white}, 0.08)",
+      "type": "color",
+      "description": "white"
+    },
+    "buttonLinkDangerBackgroundInverse": {
+      "value": "rgba({palette.white}, 0.08)",
+      "type": "color",
+      "description": "white"
+    },
+    "buttonLinkDangerBackgroundInverseSelected": {
+      "value": "rgba({palette.white}, 0.08)",
+      "type": "color",
+      "description": "white"
+    },
     "buttonLinkBackgroundSelected": {
       "value": "rgba({palette.white}, 0.08)",
       "type": "color",

diff --git a/tokens/vivo.json b/tokens/vivo.json
@@ -140,6 +140,21 @@
       "type": "color",
       "description": "pepperDark"
     },
+    "buttonLinkDangerBackgroundSelected": {
+      "value": "{palette.pepper10}",
+      "type": "color",
+      "description": "pepper10"
+    },
+    "buttonLinkDangerBackgroundInverse": {
+      "value": "{palette.white}",
+      "type": "color",
+      "description": "white"
+    },
+    "buttonLinkDangerBackgroundInverseSelected": {
+      "value": "{palette.pepper10}",
+      "type": "color",
+      "description": "pepper10"
+    },
     "buttonLinkBackgroundSelected": {
       "value": "{palette.vivoPurpleLight10}",
       "type": "color",
@@ -677,6 +692,21 @@
       "type": "color",
       "description": "pepperDark"
     },
+    "buttonLinkDangerBackgroundSelected": {
+      "value": "rgba({palette.white}, 0.08)",
+      "type": "color",
+      "description": "white"
+    },
+    "buttonLinkDangerBackgroundInverse": {
+      "value": "rgba({palette.white}, 0.08)",
+      "type": "color",
+      "description": "white"
+    },
+    "buttonLinkDangerBackgroundInverseSelected": {
+      "value": "rgba({palette.white}, 0.08)",
+      "type": "color",
+      "description": "white"
+    },
     "buttonLinkBackgroundSelected": {
       "value": "rgba({palette.white}, 0.08)",
       "type": "color",