feat(data): adjusting mid layer hover alt colors

Sage · Nov 8, 2024 · 1cba6d0 · 1cba6d0
1 parent c740ae4
commit 1cba6d0
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 16 deletions.
diff --git a/data/tokens/components/status.json b/data/tokens/components/status.json
@@ -430,6 +430,22 @@
               "description": "Gap between heading and other content."
             }
           },
+          "CTA": {
+            "Y": {
+              "M": {
+                "value": "{global.space.macro.XS}",
+                "type": "spacing",
+                "description": "Top and bottom padding on global message for countdown"
+              }
+            },
+            "yg": {
+              "M": {
+                "value": "{global.space.macro.M}",
+                "type": "spacing",
+                "description": "Gap between countdown spacing for global message"
+              }
+            }
+          },
           "iconwrapper": {
             "y": {
               "M": {

diff --git a/data/tokens/modes/light.json b/data/tokens/modes/light.json
@@ -973,13 +973,13 @@
             "description": "used on pill hover states"
           },
           "hoverAlt": {
-            "value": "{modes.color.status.caution.default}",
+            "value": "{modes.color.status.caution.defaultAlt}",
             "type": "color",
             "$extensions": {
               "studio.tokens": {
                 "modify": {
-                  "type": "alpha",
-                  "value": "{modes.color.modifiers.button.hover} ",
+                  "type": "mix",
+                  "value": "0.05",
                   "space": "lch",
                   "color": "{modes.color.modifier.contrastMore}"
                 }
@@ -1063,13 +1063,13 @@
             "description": "used on pill hover states"
           },
           "hoverAlt": {
-            "value": "{modes.color.status.info.default}",
+            "value": "{modes.color.status.info.defaultAlt}",
             "type": "color",
             "$extensions": {
               "studio.tokens": {
                 "modify": {
-                  "type": "alpha",
-                  "value": "{modes.color.modifiers.button.hover} ",
+                  "type": "mix",
+                  "value": "0.05",
                   "space": "lch",
                   "color": "{modes.color.modifier.contrastMore}"
                 }
@@ -1114,13 +1114,13 @@
             "description": "used on pill hover states"
           },
           "hoverAlt": {
-            "value": "{modes.color.status.negative.default}",
+            "value": "{modes.color.status.negative.defaultAlt}",
             "type": "color",
             "$extensions": {
               "studio.tokens": {
                 "modify": {
-                  "type": "alpha",
-                  "value": "{modes.color.modifiers.button.hover} ",
+                  "type": "mix",
+                  "value": "0.05",
                   "space": "lch",
                   "color": "{modes.color.modifier.contrastMore}"
                 }
@@ -1169,13 +1169,13 @@
             "description": "used on pill hover states"
           },
           "hoverAlt": {
-            "value": "{modes.color.status.neutral.default}",
+            "value": "{modes.color.status.neutral.defaultAlt}",
             "type": "color",
             "$extensions": {
               "studio.tokens": {
                 "modify": {
-                  "type": "alpha",
-                  "value": "{modes.color.modifiers.button.hover} ",
+                  "type": "mix",
+                  "value": "0.05",
                   "space": "lch",
                   "color": "{modes.color.modifier.contrastMore}"
                 }
@@ -1220,13 +1220,13 @@
             "description": "used on pill hover states"
           },
           "hoverAlt": {
-            "value": "{modes.color.status.success.default}",
+            "value": "{modes.color.status.success.defaultAlt}",
             "type": "color",
             "$extensions": {
               "studio.tokens": {
                 "modify": {
-                  "type": "alpha",
-                  "value": "{modes.color.modifiers.button.hover} ",
+                  "type": "mix",
+                  "value": "0.05",
                   "space": "lch",
                   "color": "{modes.color.modifier.contrastMore}"
                 }
@@ -1258,7 +1258,7 @@
               "studio.tokens": {
                 "modify": {
                   "type": "mix",
-                  "value": "{modes.color.modifiers.button.hoverAlt} ",
+                  "value": "0.05",
                   "space": "lch",
                   "color": "{modes.color.modifier.contrastMore}"
                 }