@sage/design-tokens 13.2.0 → 14.0.1

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

@@ -8,17 +8,17 @@
           "label-hover": "#FFFFFF",
           "callout": {
             "bg-default": "#122211",
-            "bg-hover": "#223121",
+            "bg-hover": "#263525",
             "icon": "#fffffff2"
           },
           "info": {
             "bg-default": "#111722",
-            "bg-hover": "#17253b",
+            "bg-hover": "#17253a",
             "icon": "#007ED9"
           },
           "warning": {
             "bg-default": "#251206",
-            "bg-hover": "#3f1b0b",
+            "bg-hover": "#3e1a0b",
             "icon": "#E04500"
           }
         },
@@ -78,70 +78,70 @@
         "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"
           }
         },
         "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"
           }
         },
         "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"
           }
         },
@@ -154,7 +154,7 @@
       "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/marketing/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/marketing/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"

package/json/nested/marketing/large/dark/mode.json

@@ -113,21 +113,21 @@
           "default": "linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)"
         },
         "danger": {
-          "active": "#f28486",
+          "active": "#f28083",
           "default": "#E13E53",
           "defaultAlt": "#e85b66",
-          "hover": "#eb646c",
-          "hoverAlt": "#e13e5314",
-          "hoverAlt2": "#ec6a71",
+          "hover": "#ea626a",
+          "hoverAlt": "#e13e531a",
+          "hoverAlt2": "#ed6e74",
           "withActive": "#000000",
           "withDefault": "#000000",
           "inverse": {
-            "active": "#882b34",
+            "active": "#8c2c35",
             "default": "#CD384B",
             "defaultAlt": "#b23342",
-            "hover": "#aa323f",
-            "hoverAlt": "#cd384b14",
-            "hoverAlt2": "#a3303d",
+            "hover": "#ac3240",
+            "hoverAlt": "#cd384b1a",
+            "hoverAlt2": "#9f303c",
             "withActive": "#FFFFFF",
             "withDefault": "#FFFFFF"
           }
@@ -137,7 +137,7 @@
           "withActive": "#FFFFFF",
           "withActiveAlt": "#000000",
           "withHover": "#FFFFFF",
-          "hoverAlt": "#181818",
+          "hoverAlt": "#1b1b1b",
           "withDefault": "#777",
           "defaultAlt": "#0e0e0e",
           "content": "#fffffff2",
@@ -177,34 +177,34 @@
         },
         "monochrome": {
           "active": "#FFFFFF",
-          "activeAlt": "#ffffff29",
+          "activeAlt": "#ffffff26",
           "default": "#ffffffe6",
           "defaultAlt": "#ffffffab",
           "defaultAlt2": "#ffffff6b",
-          "hoverAlt": "#ffffff14",
-          "hover": "#ffffff29",
+          "hoverAlt": "#ffffff1a",
+          "hover": "#ffffff26",
           "withActive": "#000000",
           "withActiveAlt": "#FFFFFF",
           "withDefault": "#000000",
           "withHover": "#FFFFFF",
           "frozen": {
             "active": "#FFFFFF",
-            "activeAlt": "#ffffff29",
+            "activeAlt": "#ffffff26",
             "default": "#ffffffe6",
             "defaultAlt": "#ffffffab",
-            "hoverAlt": "#ffffff14",
+            "hoverAlt": "#ffffff1a",
             "withActive": "#000000",
             "withHover": "#FFFFFF",
             "withHoverAlt": "#000000"
           },
           "inverse": {
             "active": "#000000",
-            "activeAlt": "#00000029",
+            "activeAlt": "#00000026",
             "default": "#000000e6",
             "defaultAlt": "#000000ab",
             "defaultAlt2": "#0000006b",
-            "hoverAlt": "#00000014",
-            "hover": "#00000029",
+            "hoverAlt": "#0000001a",
+            "hover": "#00000026",
             "withActive": "#FFFFFF",
             "withActiveAlt": "#000000",
             "withDefault": "#FFFFFF",
@@ -223,30 +223,30 @@
           "active": "#ffffff59",
           "default": "#000000",
           "defaultAlt": "#282828",
-          "hover": "#ffffff29",
+          "hover": "#ffffff26",
           "withActive": "#FFFFFF",
           "withDefault": "#fffffff2",
           "withHover": "#FFFFFF"
         },
         "primary": {
-          "active": "#81e57d",
-          "activeAlt": "#00d63952",
+          "active": "#7ce47a",
+          "activeAlt": "#00d6394d",
           "default": "#00D639",
           "defaultAlt": "#00d639cc",
-          "defaultAlt2": "#00d63980",
-          "defaultAlt3": "#4cdc55",
-          "hover": "#58de5d",
-          "hoverAlt": "#00d63914",
-          "hoverAlt2": "#73e372",
+          "defaultAlt2": "#4cdc55",
+          "defaultAlt3": "#00d63908",
+          "hover": "#55dd5b",
+          "hoverAlt": "#00d6391a",
+          "hoverAlt2": "#71e270",
           "withActive": "#000000",
           "withDefault": "#000000",
           "withHover": "#000000",
           "frozen": {
-            "active": "#81e57d",
+            "active": "#7ce47a",
             "default": "#00D639",
             "defaultAlt": "#4cdc55",
-            "hover": "#58de5d",
-            "hoverAlt": "#73e372",
+            "hover": "#55dd5b",
+            "hoverAlt": "#71e270",
             "nav": {
               "hover": "#008046",
               "label-hover": "#FFFFFF"
@@ -256,15 +256,15 @@
             }
           },
           "inverse": {
-            "active": "#14571a",
-            "activeAlt": "#00811f52",
+            "active": "#13591a",
+            "activeAlt": "#00811f4d",
             "default": "#00811F",
             "defaultAlt": "#00811fcc",
-            "defaultAlt2": "#00811f80",
-            "defaultAlt3": "#0c711d",
-            "hover": "#0e6b1d",
-            "hoverAlt": "#00811f14",
-            "hoverAlt2": "#10681c",
+            "defaultAlt2": "#0c711d",
+            "defaultAlt3": "#00811f08",
+            "hover": "#0e6d1d",
+            "hoverAlt": "#0c711d1a",
+            "hoverAlt2": "#11651c",
             "withActive": "#FFFFFF",
             "withDefault": "#FFFFFF",
             "withHover": "#FFFFFF"
@@ -292,18 +292,18 @@
         "caution": {
           "default": "#E04500",
           "defaultAlt": "#251206",
-          "hover": "#eb6732",
-          "hoverAlt": "#3f1b0b",
+          "hover": "#eb6530",
+          "hoverAlt": "#3e1a0b",
           "text": "#e75b23",
           "frozenglobal": {
             "default": "#E04500",
-            "hover": "#eb6732"
+            "hover": "#eb6530"
           },
           "inverse": {
             "default": "#D64309",
             "defaultAlt": "#ffede5",
-            "hover": "#b13a0d",
-            "hoverAlt": "#fdd3c0",
+            "hover": "#b33b0d",
+            "hoverAlt": "#fed5c3",
             "text": "#bf3e0c"
           }
         },
@@ -334,96 +334,81 @@
         "info": {
           "default": "#007ED9",
           "defaultAlt": "#111722",
-          "hover": "#5291e0",
-          "hoverAlt": "#17253b",
+          "hover": "#4f90df",
+          "hoverAlt": "#17253a",
           "frozenglobal": {
             "default": "#007ED9",
-            "hover": "#5291e0"
+            "hover": "#4f90df"
           },
           "inverse": {
             "default": "#0060A7",
             "defaultAlt": "#eaeef6",
-            "hover": "#10508a",
-            "hoverAlt": "#cbd6e9"
+            "hover": "#10518c",
+            "hoverAlt": "#cdd7ea"
           }
         },
         "negative": {
           "default": "#E13E53",
           "defaultAlt": "#241212",
-          "hover": "#eb646c",
-          "hoverAlt": "#3f1a1c",
+          "hover": "#ea626a",
+          "hoverAlt": "#3d1a1c",
           "text": "#E13E53",
           "inverse": {
             "default": "#CD384B",
             "defaultAlt": "#fdeceb",
-            "hover": "#aa323f",
-            "hoverAlt": "#f9d1cf",
+            "hover": "#ac3240",
+            "hoverAlt": "#f9d3d1",
             "text": "#CD384B"
           }
         },
         "neutral": {
           "default": "#7C7C7C",
           "defaultAlt": "#171717",
-          "hover": "#909090",
-          "hoverAlt": "#252525",
+          "hover": "#8e8e8e",
+          "hoverAlt": "#242424",
           "frozen": {
             "default": "#9e9e9e",
             "defaultAlt": "#171717",
-            "hover": "#909090",
-            "hoverAlt": "#262626"
+            "hover": "#8e8e8e",
+            "hoverAlt": "#2a2a2a"
           },
           "inverse": {
             "default": "#656565",
             "defaultAlt": "#efefef",
-            "hover": "#676767",
-            "hoverAlt": "#d8d8d8"
+            "hover": "#696969",
+            "hoverAlt": "#d9d9d9"
           }
         },
         "positive": {
           "default": "#009023",
           "defaultAlt": "#0e1a0b",
-          "hover": "#2e9936",
-          "hoverAlt": "#132b12",
+          "hover": "#359b3b",
+          "hoverAlt": "#132912",
           "inverse": {
             "default": "#00811F",
             "defaultAlt": "#e9f2e8",
-            "hover": "#0e6b1d",
-            "hoverAlt": "#c9e0c7"
+            "hover": "#0e6d1d",
+            "hoverAlt": "#cbe1c9"
           }
         },
         "callout": {
           "defaultAlt": "#122211",
-          "hoverAlt": "#223121"
+          "hoverAlt": "#263525"
         },
         "reviews": {
           "default": "#00D639",
           "defaultAlt": "linear-gradient(90deg, #00D639 0%, #00D639 50%, #282828 50%, #282828  100%)",
-          "hover": "#18b032",
+          "hover": "#17b333",
           "frozen": {
             "default": "#00D639",
             "defaultAlt": "linear-gradient(90deg, #00D639 0%, #00D639 50%, #282828 50%, #282828  100%)",
-            "hover": "#18b032"
+            "hover": "#17b333"
           }
         }
       },
       "modifier": {
         "contrastLess": "#000000",
         "contrastMore": "#FFFFFF"
-      },
-      "modifiers": {
-        "button": {
-          "active": "0.32",
-          "activeAlt": "0.16",
-          "hover": "0.16",
-          "hoverAlt": "0.08"
-        },
-        "input": {
-          "disabledBg": "0.04",
-          "disabledFg": "0.30"
-        },
-        "shadow": {
-          "standard": "0.5"
-        }
       }
     }
   }

package/json/nested/marketing/large/light/components/badge.json

@@ -6,7 +6,14 @@
         "bg-default": "#CD384B",
         "bg-alt": "#0060A7",
         "label-default": "#FFFFFF",
-        "label-alt": "#FFFFFF"
+        "label-alt": "#FFFFFF",
+        "inverse": {
+          "border-default": "#000000",
+          "bg-default": "#E13E53",
+          "bg-alt": "#007ED9",
+          "label-default": "#000000",
+          "label-alt": "#000000"
+        }
       }
     },
     "size": {

package/json/nested/marketing/large/light/components/button.json

@@ -254,38 +254,38 @@
         "primary": {
           "bg-disabled": "#a6a6a6",
           "bg-enabled": "#CD384B",
-          "bg-hover": "#aa323f",
+          "bg-hover": "#ac3240",
           "label-disabled": "#FFFFFF",
           "label-enabled": "#FFFFFF",
           "label-hover": "#FFFFFF"
         },
         "secondary": {
-          "bg-hover": "#cd384b14",
+          "bg-hover": "#cd384b1a",
           "border-disabled": "#a6a6a6",
           "border-enabled": "#CD384B",
-          "border-hover": "#aa323f",
+          "border-hover": "#ac3240",
           "label-disabled": "#0000006b",
           "label-enabled": "#CD384B",
-          "label-hover": "#aa323f"
+          "label-hover": "#ac3240"
         }
       },
       "typical": {
         "primary": {
-          "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",
           "label-hover": "#FFFFFF",
           "inverse": {
-            "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",
@@ -293,23 +293,25 @@
           }
         },
         "secondary": {
-          "bg-active": "#00811f52",
-          "bg-hover": "#00811f14",
-          "border-active": "#14571a",
+          "bg-active": "#00811f4d",
+          "bg-enabled": "#00811f08",
+          "bg-hover": "#00811f1a",
+          "border-active": "#13591a",
           "border-disabled": "#a6a6a6",
           "border-enabled": "#00811fcc",
-          "border-hover": "#0e6b1d",
+          "border-hover": "#0e6d1d",
           "label-active": "#000000",
           "label-disabled": "#0000006b",
           "label-enabled": "#000000e6",
           "label-hover": "#000000",
           "inverse": {
-            "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": "#ffffff6b",
             "label-enabled": "#ffffffe6",
@@ -317,25 +319,25 @@
           }
         },
         "tertiary": {
-          "bg-active": "#00811f52",
+          "bg-active": "#00811f4d",
           "bg-enabled": "#fff0",
-          "bg-hover": "#00811f14",
-          "border-active": "#14571a",
+          "bg-hover": "#00811f1a",
+          "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",
           "label-hover": "#000000",
           "inverse": {
-            "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": "#ffffff6b",
             "label-enabled": "#ffffffe6",
@@ -343,15 +345,15 @@
           }
         },
         "subtle": {
-          "bg-active": "#00000029",
-          "bg-hover": "#00000014",
+          "bg-active": "#00000026",
+          "bg-hover": "#0000001a",
           "label-active": "#000000",
           "label-disabled": "#0000006b",
           "label-enabled": "#000000e6",
           "label-hover": "#000000",
           "inverse": {
-            "bg-active": "#ffffff29",
-            "bg-hover": "#ffffff14",
+            "bg-active": "#ffffff26",
+            "bg-hover": "#ffffff1a",
             "label-active": "#FFFFFF",
             "label-disabled": "#ffffff6b",
             "label-enabled": "#ffffffe6",
@@ -362,7 +364,7 @@
           "bg-activeDisabled": "#a6a6a6",
           "label-activeDisabled": "#FFFFFF",
           "bg-active": "#000000",
-          "bg-hover": "#00000014",
+          "bg-hover": "#0000001a",
           "border-enabled": "#000000e6",
           "border-disabled": "#a6a6a6",
           "label-active": "#FFFFFF",
@@ -372,7 +374,7 @@
         }
       },
       "video": {
-        "bg-blur": "#00000014",
+        "bg-blur": "#0000001a",
         "primary": {
           "bg-enabled": "#FFFFFF",
           "bg-hover": "#FFFFFF",

package/json/nested/marketing/large/light/components/container.json

@@ -23,10 +23,10 @@
         "bgFooter-default": "#FFFFFF",
         "bg-enabled": "#FFFFFF",
         "bg-disabled": "#f3f3f3",
-        "bg-hover": "#00000014",
+        "bg-hover": "#0000001a",
         "border-active": "#000000",
         "border-alt": "#d1d1d1",
-        "borderalt-hover": "#acacac",
+        "borderalt-hover": "#000000e6",
         "border-inactive": "#a6a6a6",
         "border-enabled": "#777",
         "icon-active": "#000000",
@@ -719,7 +719,7 @@
     },
     "opacity": {
       "carousel": {
-        "hidden": "0.30"
+        "hidden": "0.3"
       },
       "dialog": {
         "dimmer": "0.4"