@sage/design-tokens 14.0.1 → 14.1.0

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

@@ -286,8 +286,9 @@
           "default-horizontal": "linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
           "default-vertical": "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)"
         },
-        "generic": {
-          "default": "#008a89"
+        "callout": {
+          "defaultAlt": "#122211",
+          "hoverAlt": "#263525"
         },
         "caution": {
           "default": "#E04500",
@@ -320,6 +321,83 @@
             "withHoverAlt": "#000000"
           }
         },
+        "custom": {
+          "blue": {
+            "default": "#007FD9",
+            "defaultAlt": "#0d1219",
+            "hover": "#4f91df",
+            "hoverAlt": "#142131"
+          },
+          "teal": {
+            "default": "#008A89",
+            "defaultAlt": "#0a1313",
+            "hover": "#449b9a",
+            "hoverAlt": "#082427"
+          },
+          "green": {
+            "default": "#009023",
+            "defaultAlt": "#0a1408",
+            "hover": "#44a146",
+            "hoverAlt": "#0b2418"
+          },
+          "lime": {
+            "default": "#6E8500",
+            "defaultAlt": "#111205",
+            "hover": "#859635",
+            "hoverAlt": "#162311"
+          },
+          "orange": {
+            "default": "#DB4B00",
+            "defaultAlt": "#1c0e04",
+            "hover": "#e66930",
+            "hoverAlt": "#331816"
+          },
+          "red": {
+            "default": "#F50058",
+            "defaultAlt": "#1e0d0d",
+            "hover": "#fc4e6e",
+            "hoverAlt": "#331720"
+          },
+          "pink": {
+            "default": "#DD2BAB",
+            "defaultAlt": "#1b0d16",
+            "hover": "#e558b7",
+            "hoverAlt": "#2d192b"
+          },
+          "purple": {
+            "default": "#985FDC",
+            "defaultAlt": "#150f19",
+            "hover": "#a977e2",
+            "hoverAlt": "#231c30"
+          },
+          "gray": {
+            "default": "#7C7C7C",
+            "defaultAlt": "#111",
+            "hover": "#8e8e8e",
+            "hoverAlt": "#1a202b"
+          },
+          "slate": {
+            "default": "#5C8196",
+            "defaultAlt": "#0f1214",
+            "hover": "#7493a5",
+            "hoverAlt": "#13222c"
+          }
+        },
+        "generic": {
+          "default": "#F0F"
+        },
+        "important": {
+          "default": "#8F4CD7",
+          "defaultAlt": "#150d19",
+          "hover": "#a267de",
+          "hoverAlt": "#231b30",
+          "inverse": {
+            "default": "#985FDC",
+            "defaultAlt": "#f1e6fa",
+            "hover": "#8051b8",
+            "hoverAlt": "#daceed"
+          }
+        },
         "inactive": {
           "default": "#4b4b4b",
           "withDefault": "#ffffffab",
@@ -328,9 +406,6 @@
             "withDefault": "#000000ab"
           }
         },
-        "important": {
-          "default": "#985FDC"
-        },
         "info": {
           "default": "#007ED9",
           "defaultAlt": "#111722",
@@ -391,10 +466,6 @@
             "hoverAlt": "#cbe1c9"
           }
         },
-        "callout": {
-          "defaultAlt": "#122211",
-          "hoverAlt": "#263525"
-        },
         "reviews": {
           "default": "#00D639",
           "defaultAlt": "linear-gradient(90deg, #00D639 0%, #00D639 50%, #282828 50%, #282828  100%)",

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

@@ -74,7 +74,7 @@
       "label-alt": "#000000ab",
       "label-default": "#000000f2",
       "datavis": {
-        "fg-default": "#007c7b"
+        "fg-default": "#007C7B"
       },
       "loader": {
         "bg-default": "#00000014",

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

@@ -3,25 +3,6 @@
     "color": {
       "none": "#fff0",
       "message": {
-        "global": {
-          "label-default": "#000000f2",
-          "label-hover": "#000000",
-          "callout": {
-            "bg-default": "#e5fae2",
-            "bg-hover": "#d8ecd5",
-            "icon": "#000000f2"
-          },
-          "info": {
-            "bg-default": "#eaeef6",
-            "bg-hover": "#cdd7ea",
-            "icon": "#0060A7"
-          },
-          "warning": {
-            "bg-default": "#ffede5",
-            "bg-hover": "#fed5c3",
-            "icon": "#D64309"
-          }
-        },
         "contextual": {
           "bg": "#FFFFFF",
           "icon": "#FFFFFF",
@@ -60,19 +41,98 @@
             "border-default": "#D64309",
             "icon": "#D64309"
           }
+        },
+        "global": {
+          "label-default": "#000000f2",
+          "label-hover": "#000000",
+          "callout": {
+            "bg-default": "#e5fae2",
+            "bg-hover": "#d8ecd5",
+            "icon": "#000000f2"
+          },
+          "info": {
+            "bg-default": "#eaeef6",
+            "bg-hover": "#cdd7ea",
+            "icon": "#0060A7"
+          },
+          "warning": {
+            "bg-default": "#ffede5",
+            "bg-hover": "#fed5c3",
+            "icon": "#D64309"
+          }
         }
       },
       "pill": {
-        "generic": {
-          "label-default": "#FFFFFF",
-          "label-hover": "#FFFFFF",
-          "labelAlt-default": "#000000f2",
-          "labelAlt-hover": "#000000f2",
-          "inverse": {
-            "label-default": "#000000",
-            "label-hover": "#000000",
-            "labelAlt-default": "#fffffff2",
-            "labelAlt-hover": "#fffffff2"
+        "custom": {
+          "blue": {
+            "bg-default": "#0071C3",
+            "bgAlt-default": "#ebf0f9",
+            "bgAlt-hover": "#ced9ed",
+            "bg-hover": "#135fa3",
+            "border-default": "#0071C3"
+          },
+          "teal": {
+            "bg-default": "#007C7B",
+            "bgAlt-default": "#e9f1f1",
+            "bgAlt-hover": "#c4dde0",
+            "bg-hover": "#0e6968",
+            "border-default": "#007C7B"
+          },
+          "green": {
+            "bg-default": "#00811F",
+            "bgAlt-default": "#e9f2e8",
+            "bgAlt-hover": "#c4decf",
+            "bg-hover": "#0e6d1d",
+            "border-default": "#00811F"
+          },
+          "lime": {
+            "bg-default": "#637700",
+            "bgAlt-default": "#eff1e6",
+            "bgAlt-hover": "#cdddc9",
+            "bg-hover": "#546408",
+            "border-default": "#637700"
+          },
+          "orange": {
+            "bg-default": "#C54300",
+            "bgAlt-default": "#feece5",
+            "bgAlt-hover": "#f2d0ce",
+            "bg-hover": "#a53a06",
+            "border-default": "#C54300"
+          },
+          "red": {
+            "bg-default": "#DC004E",
+            "bgAlt-default": "#ffebec",
+            "bgAlt-hover": "#f1cfd9",
+            "bg-hover": "#b81242",
+            "border-default": "#DC004E"
+          },
+          "pink": {
+            "bg-default": "#C8269A",
+            "bgAlt-default": "#fcecf5",
+            "bgAlt-hover": "#ead2e5",
+            "bg-hover": "#a82581",
+            "border-default": "#C8269A"
+          },
+          "purple": {
+            "bg-default": "#8F4CD7",
+            "bgAlt-default": "#f5edfc",
+            "bgAlt-hover": "#ded4ee",
+            "bg-hover": "#7941b4",
+            "border-default": "#8F4CD7"
+          },
+          "gray": {
+            "bg-default": "#6F6F6F",
+            "bgAlt-default": "#f0f0f0",
+            "bgAlt-hover": "#d3d9e5",
+            "bg-hover": "#5e5e5e",
+            "border-default": "#6F6F6F"
+          },
+          "slate": {
+            "bg-default": "#527386",
+            "bgAlt-default": "#edf0f2",
+            "bgAlt-hover": "#cbdae6",
+            "bg-hover": "#466171",
+            "border-default": "#527386"
           }
         },
         "error": {
@@ -89,6 +149,18 @@
             "border-default": "#E13E53"
           }
         },
+        "generic": {
+          "label-default": "#FFFFFF",
+          "label-hover": "#FFFFFF",
+          "labelAlt-default": "#000000f2",
+          "labelAlt-hover": "#000000f2",
+          "inverse": {
+            "label-default": "#000000",
+            "label-hover": "#000000",
+            "labelAlt-default": "#fffffff2",
+            "labelAlt-hover": "#fffffff2"
+          }
+        },
         "info": {
           "bg-default": "#0060A7",
           "bgAlt-default": "#eaeef6",
@@ -117,6 +189,11 @@
             "border-default": "#7C7C7C"
           }
         },
+        "readonly": {
+          "bg-default": "#a6a6a6",
+          "border-default": "#a6a6a6",
+          "label": "#000000ab"
+        },
         "success": {
           "bg-default": "#00811F",
           "bgAlt-default": "#e9f2e8",
@@ -144,11 +221,6 @@
             "bg-hover": "#eb6530",
             "border-default": "#E04500"
           }
-        },
-        "readonly": {
-          "bg-default": "#a6a6a6",
-          "border-default": "#a6a6a6",
-          "label": "#000000ab"
         }
       },
       "rating": {

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

@@ -172,7 +172,7 @@
       },
       "icon": {
         "XS": 16,
-        "S": 16,
+        "S": 20,
         "M": 20,
         "L": 24,
         "XL": 32

package/json/nested/frozenproduct/large/light/mode.json

@@ -286,8 +286,9 @@
           "default-horizontal": "linear-gradient(90deg, #13A038 0%, #149197 40%, #A87CFB 90%)",
           "default-vertical": "linear-gradient(180deg, #13A038 0%, #149197 40%, #A87CFB 90%)"
         },
-        "generic": {
-          "default": "#007c7b"
+        "callout": {
+          "defaultAlt": "#e5fae2",
+          "hoverAlt": "#d8ecd5"
         },
         "caution": {
           "default": "#D64309",
@@ -320,6 +321,83 @@
             "withHoverAlt": "#FFFFFF"
           }
         },
+        "custom": {
+          "blue": {
+            "default": "#0071C3",
+            "defaultAlt": "#ebf0f9",
+            "hover": "#135fa3",
+            "hoverAlt": "#ced9ed"
+          },
+          "teal": {
+            "default": "#007C7B",
+            "defaultAlt": "#e9f1f1",
+            "hover": "#0e6968",
+            "hoverAlt": "#c4dde0"
+          },
+          "green": {
+            "default": "#00811F",
+            "defaultAlt": "#e9f2e8",
+            "hover": "#0e6d1d",
+            "hoverAlt": "#c4decf"
+          },
+          "lime": {
+            "default": "#637700",
+            "defaultAlt": "#eff1e6",
+            "hover": "#546408",
+            "hoverAlt": "#cdddc9"
+          },
+          "orange": {
+            "default": "#C54300",
+            "defaultAlt": "#feece5",
+            "hover": "#a53a06",
+            "hoverAlt": "#f2d0ce"
+          },
+          "red": {
+            "default": "#DC004E",
+            "defaultAlt": "#ffebec",
+            "hover": "#b81242",
+            "hoverAlt": "#f1cfd9"
+          },
+          "pink": {
+            "default": "#C8269A",
+            "defaultAlt": "#fcecf5",
+            "hover": "#a82581",
+            "hoverAlt": "#ead2e5"
+          },
+          "purple": {
+            "default": "#8F4CD7",
+            "defaultAlt": "#f5edfc",
+            "hover": "#7941b4",
+            "hoverAlt": "#ded4ee"
+          },
+          "gray": {
+            "default": "#6F6F6F",
+            "defaultAlt": "#f0f0f0",
+            "hover": "#5e5e5e",
+            "hoverAlt": "#d3d9e5"
+          },
+          "slate": {
+            "default": "#527386",
+            "defaultAlt": "#edf0f2",
+            "hover": "#466171",
+            "hoverAlt": "#cbdae6"
+          }
+        },
+        "generic": {
+          "default": "#F0F"
+        },
+        "important": {
+          "default": "#8F4CD7",
+          "defaultAlt": "#f5edfc",
+          "hover": "#7941b4",
+          "hoverAlt": "#ded4ee",
+          "inverse": {
+            "default": "#985FDC",
+            "defaultAlt": "#1b1422",
+            "hover": "#a977e2",
+            "hoverAlt": "#282039"
+          }
+        },
         "inactive": {
           "default": "#a6a6a6",
           "withDefault": "#000000ab",
@@ -328,9 +406,6 @@
             "withDefault": "#ffffffab"
           }
         },
-        "important": {
-          "default": "#8F4CD7"
-        },
         "info": {
           "default": "#0060A7",
           "defaultAlt": "#eaeef6",
@@ -391,10 +466,6 @@
             "hoverAlt": "#132912"
           }
         },
-        "callout": {
-          "defaultAlt": "#e5fae2",
-          "hoverAlt": "#d8ecd5"
-        },
         "reviews": {
           "default": "#00811F",
           "defaultAlt": "linear-gradient(90deg, #00811F 0%, #00811F 50%, #d1d1d1 50%, #d1d1d1 100%)",

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

@@ -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"

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

@@ -74,7 +74,7 @@
       "label-alt": "#ffffffab",
       "label-default": "#fffffff2",
       "datavis": {
-        "fg-default": "#008a89"
+        "fg-default": "#008A89"
       },
       "loader": {
         "bg-default": "#ffffff14",

package/json/nested/frozenproduct/small/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": "#263525",
-            "icon": "#fffffff2"
-          },
-          "info": {
-            "bg-default": "#111722",
-            "bg-hover": "#17253a",
-            "icon": "#007ED9"
-          },
-          "warning": {
-            "bg-default": "#251206",
-            "bg-hover": "#3e1a0b",
-            "icon": "#E04500"
-          }
-        },
         "contextual": {
           "bg": "#000000",
           "icon": "#000000",
@@ -60,19 +41,98 @@
             "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": {
@@ -89,6 +149,18 @@
             "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",
@@ -117,6 +189,11 @@
             "border-default": "#656565"
           }
         },
+        "readonly": {
+          "bg-default": "#4b4b4b",
+          "border-default": "#4b4b4b",
+          "label": "#ffffffab"
+        },
         "success": {
           "bg-default": "#009023",
           "bgAlt-default": "#0e1a0b",
@@ -144,11 +221,6 @@
             "bg-hover": "#b33b0d",
             "border-default": "#D64309"
           }
-        },
-        "readonly": {
-          "bg-default": "#4b4b4b",
-          "border-default": "#4b4b4b",
-          "label": "#ffffffab"
         }
       },
       "rating": {

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

@@ -172,7 +172,7 @@
       },
       "icon": {
         "XS": 16,
-        "S": 16,
+        "S": 20,
         "M": 20,
         "L": 24,
         "XL": 32