@sage/design-tokens 14.0.0 → 14.1.0

package/json/nested/frozenproduct/large/dark/components/button.json

@@ -254,38 +254,38 @@
         "primary": {
           "bg-disabled": "#4b4b4b",
           "bg-enabled": "#E13E53",
-          "bg-hover": "#eb646c",
+          "bg-hover": "#ea626a",
           "label-disabled": "#000000",
           "label-enabled": "#000000",
           "label-hover": "#000000"
         },
         "secondary": {
-          "bg-hover": "#e13e5314",
+          "bg-hover": "#e13e531a",
           "border-disabled": "#4b4b4b",
           "border-enabled": "#E13E53",
-          "border-hover": "#eb646c",
+          "border-hover": "#ea626a",
           "label-disabled": "#ffffff4d",
           "label-enabled": "#E13E53",
-          "label-hover": "#eb646c"
+          "label-hover": "#ea626a"
         }
       },
       "typical": {
         "primary": {
-          "bg-active": "#81e57d",
+          "bg-active": "#7ce47a",
           "bg-default": "#000000",
           "bg-disabled": "#4b4b4b",
           "bg-enabled": "#00D639",
-          "bg-hover": "#58de5d",
+          "bg-hover": "#55dd5b",
           "label-active": "#000000",
           "label-disabled": "#000000",
           "label-enabled": "#000000",
           "label-hover": "#000000",
           "inverse": {
-            "bg-active": "#14571a",
+            "bg-active": "#13591a",
             "bg-default": "#FFFFFF",
             "bg-disabled": "#a6a6a6",
             "bg-enabled": "#00811F",
-            "bg-hover": "#0e6b1d",
+            "bg-hover": "#0e6d1d",
             "label-active": "#FFFFFF",
             "label-disabled": "#FFFFFF",
             "label-enabled": "#FFFFFF",
@@ -293,23 +293,25 @@
           }
         },
         "secondary": {
-          "bg-active": "#00d63952",
-          "bg-hover": "#00d63914",
-          "border-active": "#81e57d",
+          "bg-active": "#00d6394d",
+          "bg-enabled": "#00d63908",
+          "bg-hover": "#00d6391a",
+          "border-active": "#7ce47a",
           "border-disabled": "#4b4b4b",
           "border-enabled": "#00d639cc",
-          "border-hover": "#58de5d",
+          "border-hover": "#55dd5b",
           "label-active": "#FFFFFF",
           "label-disabled": "#ffffff4d",
           "label-enabled": "#ffffffe6",
           "label-hover": "#FFFFFF",
           "inverse": {
-            "bg-active": "#00811f52",
-            "bg-hover": "#00811f14",
-            "border-active": "#14571a",
+            "bg-active": "#00811f4d",
+            "bg-enabled": "#00811f08",
+            "bg-hover": "#0c711d1a",
+            "border-active": "#13591a",
             "border-disabled": "#a6a6a6",
             "border-enabled": "#00811fcc",
-            "border-hover": "#0e6b1d",
+            "border-hover": "#0e6d1d",
             "label-active": "#000000",
             "label-disabled": "#0000006b",
             "label-enabled": "#000000e6",
@@ -317,25 +319,25 @@
           }
         },
         "tertiary": {
-          "bg-active": "#00d63952",
+          "bg-active": "#00d6394d",
           "bg-enabled": "#fff0",
-          "bg-hover": "#00d63914",
-          "border-active": "#81e57d",
+          "bg-hover": "#00d6391a",
+          "border-active": "#7ce47a",
           "border-disabled": "#4b4b4b",
-          "border-enabled": "#00d63980",
-          "border-hover": "#58de5d",
+          "border-enabled": "#00d639cc",
+          "border-hover": "#55dd5b",
           "label-active": "#FFFFFF",
           "label-disabled": "#ffffff4d",
           "label-enabled": "#ffffffe6",
           "label-hover": "#FFFFFF",
           "inverse": {
-            "bg-active": "#00811f52",
+            "bg-active": "#00811f4d",
             "bg-enabled": "#fff0",
-            "bg-hover": "#00811f14",
-            "border-active": "#14571a",
+            "bg-hover": "#0c711d1a",
+            "border-active": "#13591a",
             "border-disabled": "#a6a6a6",
-            "border-enabled": "#00811f80",
-            "border-hover": "#0e6b1d",
+            "border-enabled": "#00811fcc",
+            "border-hover": "#0e6d1d",
             "label-active": "#000000",
             "label-disabled": "#0000006b",
             "label-enabled": "#000000e6",
@@ -343,15 +345,15 @@
           }
         },
         "subtle": {
-          "bg-active": "#ffffff29",
-          "bg-hover": "#ffffff14",
+          "bg-active": "#ffffff26",
+          "bg-hover": "#ffffff1a",
           "label-active": "#FFFFFF",
           "label-disabled": "#ffffff4d",
           "label-enabled": "#ffffffe6",
           "label-hover": "#FFFFFF",
           "inverse": {
-            "bg-active": "#00000029",
-            "bg-hover": "#00000014",
+            "bg-active": "#00000026",
+            "bg-hover": "#0000001a",
             "label-active": "#000000",
             "label-disabled": "#0000006b",
             "label-enabled": "#000000e6",
@@ -362,7 +364,7 @@
           "bg-activeDisabled": "#4b4b4b",
           "label-activeDisabled": "#000000",
           "bg-active": "#FFFFFF",
-          "bg-hover": "#ffffff14",
+          "bg-hover": "#ffffff1a",
           "border-enabled": "#ffffffe6",
           "border-disabled": "#4b4b4b",
           "label-active": "#000000",
@@ -372,7 +374,7 @@
         }
       },
       "video": {
-        "bg-blur": "#ffffff14",
+        "bg-blur": "#ffffff1a",
         "primary": {
           "bg-enabled": "#000000",
           "bg-hover": "#000000",

package/json/nested/frozenproduct/large/dark/components/container.json

@@ -23,10 +23,10 @@
         "bgFooter-default": "#000000",
         "bg-enabled": "#000000",
         "bg-disabled": "#0e0e0e",
-        "bg-hover": "#ffffff14",
+        "bg-hover": "#ffffff1a",
         "border-active": "#FFFFFF",
         "border-alt": "#282828",
-        "borderalt-hover": "#464646",
+        "borderalt-hover": "#ffffffe6",
         "border-inactive": "#4b4b4b",
         "border-enabled": "#777",
         "icon-active": "#FFFFFF",
@@ -66,7 +66,7 @@
           "bg-ai": "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
           "bg-caution": "#E04500",
           "bg-negative": "#E13E53",
-          "bg-important": "#985FDC",
+          "bg-important": "#8F4CD7",
           "bg-info": "#007ED9",
           "bg-neutral": "#7C7C7C",
           "bg-positive": "#009023"
@@ -719,7 +719,7 @@
     },
     "opacity": {
       "carousel": {
-        "hidden": "0.30"
+        "hidden": "0.3"
       },
       "dialog": {
         "dimmer": "0.4"

package/json/nested/frozenproduct/large/dark/components/form.json

@@ -400,8 +400,8 @@
       "calendar": {
         "bg-active": "#FFFFFF",
         "bg-disabled": "#0e0e0e",
-        "bg-duration": "#181818",
-        "bg-hover": "#ffffff14",
+        "bg-duration": "#1b1b1b",
+        "bg-hover": "#ffffff1a",
         "border-duration": "#FFFFFF",
         "text-active": "#000000",
         "text-alt": "#ffffff8c",
@@ -412,7 +412,7 @@
         "textAlt-enabled": "#ffffff8c"
       },
       "dropdown": {
-        "bg-hover": "#ffffff14",
+        "bg-hover": "#ffffff1a",
         "label-active": "#000000",
         "label-alt": "#ffffffe6",
         "label-disabled": "#ffffff4d",
@@ -431,7 +431,7 @@
         "bg-disabled": "#0e0e0e",
         "bg-default": "#000000",
         "bg-enabled": "#000000",
-        "bg-hover": "#181818",
+        "bg-hover": "#1b1b1b",
         "bg-readOnly": "#0e0e0e",
         "border-alt": "#4b4b4b",
         "border-enabled": "#777",

package/json/nested/frozenproduct/large/dark/components/link.json

@@ -3,18 +3,18 @@
     "color": {
       "destructive": {
         "label-default": "#e85b66",
-        "label-hover": "#ec6a71",
+        "label-hover": "#ed6e74",
         "inverse": {
           "label-default": "#b23342",
-          "label-hover": "#a3303d"
+          "label-hover": "#9f303c"
         }
       },
       "typical": {
         "label-default": "#4cdc55",
-        "label-hover": "#73e372",
+        "label-hover": "#71e270",
         "inverse": {
           "label-default": "#0c711d",
-          "label-hover": "#10681c"
+          "label-hover": "#11651c"
         }
       },
       "subtle": {

package/json/nested/frozenproduct/large/dark/components/nav.json

@@ -4,9 +4,9 @@
       "bg-default": "#000000",
       "item": {
         "bg-active": "#FFFFFF",
-        "bg-activealt": "#ffffff14",
+        "bg-activealt": "#ffffff1a",
         "bg-enabled": "#fff0",
-        "bg-hover": "#ffffff14",
+        "bg-hover": "#ffffff1a",
         "label-active": "#000000",
         "label-activealt": "#FFFFFF",
         "label-enabled": "#ffffffe6",
@@ -28,7 +28,7 @@
         "item": {
           "bg-active": "#ffffff59",
           "bg-enabled": "#fff0",
-          "bg-hover": "#ffffff29",
+          "bg-hover": "#ffffff26",
           "label-active": "#FFFFFF",
           "label-enabled": "#fffffff2",
           "label-hover": "#FFFFFF"
@@ -43,7 +43,7 @@
         "item": {
           "bg-active": "#ffffff59",
           "bg-enabled": "#fff0",
-          "bg-hover": "#ffffff29",
+          "bg-hover": "#ffffff26",
           "label-active": "#FFFFFF",
           "label-enabled": "#fffffff2",
           "label-hover": "#FFFFFF"
@@ -60,7 +60,7 @@
         "item": {
           "bg-active": "#ffffff59",
           "bg-enabled": "#fff0",
-          "bg-hover": "#ffffff29",
+          "bg-hover": "#ffffff26",
           "label-active": "#FFFFFF",
           "label-enabled": "#fffffff2",
           "label-hover": "#FFFFFF"

package/json/nested/frozenproduct/large/dark/components/popover.json

@@ -92,9 +92,9 @@
     },
     "color": {
       "bg-active": "#FFFFFF",
-      "bg-activealt": "#ffffff14",
+      "bg-activealt": "#ffffff1a",
       "bg-default": "#000000",
-      "bg-hover": "#ffffff14",
+      "bg-hover": "#ffffff1a",
       "label-active": "#000000",
       "label-activealt": "#FFFFFF",
       "label-disabled": "#ffffff4d",

package/json/nested/frozenproduct/large/dark/components/progress.json

@@ -23,6 +23,7 @@
         }
       },
       "spinner": {
+        "XXS": 16,
         "XS": 20,
         "S": 32,
         "M": 64,
@@ -73,7 +74,7 @@
       "label-alt": "#ffffffab",
       "label-default": "#fffffff2",
       "datavis": {
-        "fg-default": "#008a89"
+        "fg-default": "#008A89"
       },
       "loader": {
         "bg-default": "#ffffff14",

package/json/nested/frozenproduct/large/dark/components/status.json

@@ -3,25 +3,6 @@
     "color": {
       "none": "#fff0",
       "message": {
-        "global": {
-          "label-default": "#fffffff2",
-          "label-hover": "#FFFFFF",
-          "callout": {
-            "bg-default": "#122211",
-            "bg-hover": "#223121",
-            "icon": "#fffffff2"
-          },
-          "info": {
-            "bg-default": "#111722",
-            "bg-hover": "#17253b",
-            "icon": "#007ED9"
-          },
-          "warning": {
-            "bg-default": "#251206",
-            "bg-hover": "#3f1b0b",
-            "icon": "#E04500"
-          }
-        },
         "contextual": {
           "bg": "#000000",
           "icon": "#000000",
@@ -60,101 +41,192 @@
             "border-default": "#E04500",
             "icon": "#E04500"
           }
+        },
+        "global": {
+          "label-default": "#fffffff2",
+          "label-hover": "#FFFFFF",
+          "callout": {
+            "bg-default": "#122211",
+            "bg-hover": "#263525",
+            "icon": "#fffffff2"
+          },
+          "info": {
+            "bg-default": "#111722",
+            "bg-hover": "#17253a",
+            "icon": "#007ED9"
+          },
+          "warning": {
+            "bg-default": "#251206",
+            "bg-hover": "#3e1a0b",
+            "icon": "#E04500"
+          }
         }
       },
       "pill": {
-        "generic": {
-          "label-default": "#000000",
-          "label-hover": "#000000",
-          "labelAlt-default": "#fffffff2",
-          "labelAlt-hover": "#fffffff2",
-          "inverse": {
-            "label-default": "#FFFFFF",
-            "label-hover": "#FFFFFF",
-            "labelAlt-default": "#000000f2",
-            "labelAlt-hover": "#000000f2"
+        "custom": {
+          "blue": {
+            "bg-default": "#007FD9",
+            "bgAlt-default": "#0d1219",
+            "bgAlt-hover": "#142131",
+            "bg-hover": "#4f91df",
+            "border-default": "#007FD9"
+          },
+          "teal": {
+            "bg-default": "#008A89",
+            "bgAlt-default": "#0a1313",
+            "bgAlt-hover": "#082427",
+            "bg-hover": "#449b9a",
+            "border-default": "#008A89"
+          },
+          "green": {
+            "bg-default": "#009023",
+            "bgAlt-default": "#0a1408",
+            "bgAlt-hover": "#0b2418",
+            "bg-hover": "#44a146",
+            "border-default": "#009023"
+          },
+          "lime": {
+            "bg-default": "#6E8500",
+            "bgAlt-default": "#111205",
+            "bgAlt-hover": "#162311",
+            "bg-hover": "#859635",
+            "border-default": "#6E8500"
+          },
+          "orange": {
+            "bg-default": "#DB4B00",
+            "bgAlt-default": "#1c0e04",
+            "bgAlt-hover": "#331816",
+            "bg-hover": "#e66930",
+            "border-default": "#DB4B00"
+          },
+          "red": {
+            "bg-default": "#F50058",
+            "bgAlt-default": "#1e0d0d",
+            "bgAlt-hover": "#331720",
+            "bg-hover": "#fc4e6e",
+            "border-default": "#F50058"
+          },
+          "pink": {
+            "bg-default": "#DD2BAB",
+            "bgAlt-default": "#1b0d16",
+            "bgAlt-hover": "#2d192b",
+            "bg-hover": "#e558b7",
+            "border-default": "#DD2BAB"
+          },
+          "purple": {
+            "bg-default": "#985FDC",
+            "bgAlt-default": "#150f19",
+            "bgAlt-hover": "#231c30",
+            "bg-hover": "#a977e2",
+            "border-default": "#985FDC"
+          },
+          "gray": {
+            "bg-default": "#7C7C7C",
+            "bgAlt-default": "#111",
+            "bgAlt-hover": "#1a202b",
+            "bg-hover": "#8e8e8e",
+            "border-default": "#7C7C7C"
+          },
+          "slate": {
+            "bg-default": "#5C8196",
+            "bgAlt-default": "#0f1214",
+            "bgAlt-hover": "#13222c",
+            "bg-hover": "#7493a5",
+            "border-default": "#5C8196"
           }
         },
         "error": {
           "bg-default": "#E13E53",
           "bgAlt-default": "#241212",
-          "bgAlt-hover": "#3f1a1c",
-          "bg-hover": "#eb646c",
+          "bgAlt-hover": "#3d1a1c",
+          "bg-hover": "#ea626a",
           "border-default": "#E13E53",
           "inverse": {
             "bg-default": "#CD384B",
             "bgAlt-default": "#fdeceb",
-            "bgAlt-hover": "#f9d1cf",
-            "bg-hover": "#aa323f",
+            "bgAlt-hover": "#f9d3d1",
+            "bg-hover": "#ac3240",
             "border-default": "#CD384B"
           }
         },
+        "generic": {
+          "label-default": "#000000",
+          "label-hover": "#000000",
+          "labelAlt-default": "#fffffff2",
+          "labelAlt-hover": "#fffffff2",
+          "inverse": {
+            "label-default": "#FFFFFF",
+            "label-hover": "#FFFFFF",
+            "labelAlt-default": "#000000f2",
+            "labelAlt-hover": "#000000f2"
+          }
+        },
         "info": {
           "bg-default": "#007ED9",
           "bgAlt-default": "#111722",
-          "bgAlt-hover": "#17253b",
-          "bg-hover": "#5291e0",
+          "bgAlt-hover": "#17253a",
+          "bg-hover": "#4f90df",
           "border-default": "#007ED9",
           "inverse": {
             "bg-default": "#0060A7",
             "bgAlt-default": "#eaeef6",
-            "bgAlt-hover": "#cbd6e9",
-            "bg-hover": "#10508a",
+            "bgAlt-hover": "#cdd7ea",
+            "bg-hover": "#10518c",
             "border-default": "#0060A7"
           }
         },
         "neutral": {
           "bg-default": "#7C7C7C",
           "bgAlt-default": "#171717",
-          "bgAlt-hover": "#252525",
-          "bg-hover": "#909090",
+          "bgAlt-hover": "#242424",
+          "bg-hover": "#8e8e8e",
           "border-default": "#7C7C7C",
           "inverse": {
             "bg-default": "#656565",
             "bgAlt-default": "#efefef",
-            "bgAlt-hover": "#d8d8d8",
-            "bg-hover": "#676767",
+            "bgAlt-hover": "#d9d9d9",
+            "bg-hover": "#696969",
             "border-default": "#656565"
           }
         },
+        "readonly": {
+          "bg-default": "#4b4b4b",
+          "border-default": "#4b4b4b",
+          "label": "#ffffffab"
+        },
         "success": {
           "bg-default": "#009023",
           "bgAlt-default": "#0e1a0b",
-          "bgAlt-hover": "#132b12",
-          "bg-hover": "#2e9936",
+          "bgAlt-hover": "#132912",
+          "bg-hover": "#359b3b",
           "border-default": "#009023",
           "inverse": {
             "bg-default": "#00811F",
             "bgAlt-default": "#e9f2e8",
-            "bgAlt-hover": "#c9e0c7",
-            "bg-hover": "#0e6b1d",
+            "bgAlt-hover": "#cbe1c9",
+            "bg-hover": "#0e6d1d",
             "border-default": "#00811F"
           }
         },
         "warning": {
           "bg-default": "#E04500",
           "bgAlt-default": "#251206",
-          "bgAlt-hover": "#3f1b0b",
-          "bg-hover": "#eb6732",
+          "bgAlt-hover": "#3e1a0b",
+          "bg-hover": "#eb6530",
           "border-default": "#E04500",
           "inverse": {
             "bg-default": "#D64309",
             "bgAlt-default": "#ffede5",
-            "bgAlt-hover": "#fdd3c0",
-            "bg-hover": "#b13a0d",
+            "bgAlt-hover": "#fed5c3",
+            "bg-hover": "#b33b0d",
             "border-default": "#D64309"
           }
-        },
-        "readonly": {
-          "bg-default": "#4b4b4b",
-          "border-default": "#4b4b4b",
-          "label": "#ffffffab"
         }
       },
       "rating": {
         "bg-default": "#00D639",
         "bg-defaultAlt": "linear-gradient(90deg, #00D639 0%, #00D639 50%, #282828 50%, #282828  100%)",
-        "bg-hover": "#18b032",
+        "bg-hover": "#17b333",
         "border-default": "#00D639"
       }
     },

package/json/nested/frozenproduct/large/dark/components/tab.json

@@ -36,7 +36,7 @@
     "color": {
       "bg-active": "#000000",
       "bg-enabled": "#fff0",
-      "bg-hover": "#ffffff14",
+      "bg-hover": "#ffffff1a",
       "border-activealt": "#282828",
       "border-active": "#FFFFFF",
       "border-enabled": "#282828",

package/json/nested/frozenproduct/large/dark/components/table.json

@@ -5,7 +5,7 @@
         "subtle": {
           "bg-alt": "#ffffff14",
           "bg-default": "#fff0",
-          "bg-hover": "#ffffff29",
+          "bg-hover": "#ffffff26",
           "border-default": "#282828",
           "label-default": "#ffffffe6",
           "label-hover": "#ffffffe6"
@@ -13,7 +13,7 @@
         "harsh": {
           "bg-alt": "#ffffffe6",
           "bg-default": "#ffffffab",
-          "bg-hover": "#ffffff29",
+          "bg-hover": "#ffffff26",
           "border-default": "#4b4b4b",
           "label-default": "#000000",
           "label-hover": "#ffffffe6"
@@ -172,7 +172,7 @@
       },
       "icon": {
         "XS": 16,
-        "S": 16,
+        "S": 20,
         "M": 20,
         "L": 24,
         "XL": 32