@sage/design-tokens 14.0.0 → 14.1.0

package/json/nested/product/small/light/components/popover.json

@@ -92,9 +92,9 @@
     },
     "color": {
       "bg-active": "#000000",
-      "bg-activealt": "#00000014",
+      "bg-activealt": "#0000001a",
       "bg-default": "#FFFFFF",
-      "bg-hover": "#00000014",
+      "bg-hover": "#0000001a",
       "label-active": "#FFFFFF",
       "label-activealt": "#000000",
       "label-disabled": "#0000006b",

package/json/nested/product/small/light/components/progress.json

@@ -23,6 +23,7 @@
         }
       },
       "spinner": {
+        "XXS": 16,
         "XS": 20,
         "S": 32,
         "M": 64,
@@ -73,7 +74,7 @@
       "label-alt": "#000000ab",
       "label-default": "#000000f2",
       "datavis": {
-        "fg-default": "#007c7b"
+        "fg-default": "#007C7B"
       },
       "loader": {
         "bg-default": "#00000014",

package/json/nested/product/small/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": "#cbd6e9",
-            "icon": "#0060A7"
-          },
-          "warning": {
-            "bg-default": "#ffede5",
-            "bg-hover": "#fdd3c0",
-            "icon": "#D64309"
-          }
-        },
         "contextual": {
           "bg": "#FFFFFF",
           "icon": "#FFFFFF",
@@ -60,101 +41,192 @@
             "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": {
           "bg-default": "#CD384B",
           "bgAlt-default": "#fdeceb",
-          "bgAlt-hover": "#f9d1cf",
-          "bg-hover": "#aa323f",
+          "bgAlt-hover": "#f9d3d1",
+          "bg-hover": "#ac3240",
           "border-default": "#CD384B",
           "inverse": {
             "bg-default": "#E13E53",
             "bgAlt-default": "#241212",
-            "bgAlt-hover": "#3f1a1c",
-            "bg-hover": "#eb646c",
+            "bgAlt-hover": "#3d1a1c",
+            "bg-hover": "#ea626a",
             "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",
-          "bgAlt-hover": "#cbd6e9",
-          "bg-hover": "#10508a",
+          "bgAlt-hover": "#cdd7ea",
+          "bg-hover": "#10518c",
           "border-default": "#0060A7",
           "inverse": {
             "bg-default": "#007ED9",
             "bgAlt-default": "#111722",
-            "bgAlt-hover": "#17253b",
-            "bg-hover": "#5291e0",
+            "bgAlt-hover": "#17253a",
+            "bg-hover": "#4f90df",
             "border-default": "#007ED9"
           }
         },
         "neutral": {
           "bg-default": "#656565",
           "bgAlt-default": "#efefef",
-          "bgAlt-hover": "#d8d8d8",
-          "bg-hover": "#555",
+          "bgAlt-hover": "#d9d9d9",
+          "bg-hover": "#565656",
           "border-default": "#656565",
           "inverse": {
             "bg-default": "#7C7C7C",
             "bgAlt-default": "#171717",
-            "bgAlt-hover": "#252525",
-            "bg-hover": "#909090",
+            "bgAlt-hover": "#242424",
+            "bg-hover": "#8e8e8e",
             "border-default": "#7C7C7C"
           }
         },
+        "readonly": {
+          "bg-default": "#a6a6a6",
+          "border-default": "#a6a6a6",
+          "label": "#000000ab"
+        },
         "success": {
           "bg-default": "#00811F",
           "bgAlt-default": "#e9f2e8",
-          "bgAlt-hover": "#c9e0c7",
-          "bg-hover": "#0e6b1d",
+          "bgAlt-hover": "#cbe1c9",
+          "bg-hover": "#0e6d1d",
           "border-default": "#00811F",
           "inverse": {
             "bg-default": "#009023",
             "bgAlt-default": "#0e1a0b",
-            "bgAlt-hover": "#132b12",
-            "bg-hover": "#2b8b32",
+            "bgAlt-hover": "#132912",
+            "bg-hover": "#328e37",
             "border-default": "#009023"
           }
         },
         "warning": {
           "bg-default": "#D64309",
           "bgAlt-default": "#ffede5",
-          "bgAlt-hover": "#fdd3c0",
-          "bg-hover": "#b13a0d",
+          "bgAlt-hover": "#fed5c3",
+          "bg-hover": "#b33b0d",
           "border-default": "#D64309",
           "inverse": {
             "bg-default": "#E04500",
             "bgAlt-default": "#251206",
-            "bgAlt-hover": "#3f1b0b",
-            "bg-hover": "#eb6732",
+            "bgAlt-hover": "#3e1a0b",
+            "bg-hover": "#eb6530",
             "border-default": "#E04500"
           }
-        },
-        "readonly": {
-          "bg-default": "#a6a6a6",
-          "border-default": "#a6a6a6",
-          "label": "#000000ab"
         }
       },
       "rating": {
         "bg-default": "#00811F",
         "bg-defaultAlt": "linear-gradient(90deg, #00811F 0%, #00811F 50%, #d1d1d1 50%, #d1d1d1 100%)",
-        "bg-hover": "#0e6b1d",
+        "bg-hover": "#0e6d1d",
         "border-default": "#00811F"
       }
     },

package/json/nested/product/small/light/components/tab.json

@@ -36,7 +36,7 @@
     "color": {
       "bg-active": "#FFFFFF",
       "bg-enabled": "#fff0",
-      "bg-hover": "#00000014",
+      "bg-hover": "#0000001a",
       "border-activealt": "#d1d1d1",
       "border-active": "#000000",
       "border-enabled": "#d1d1d1",

package/json/nested/product/small/light/components/table.json

@@ -5,7 +5,7 @@
         "subtle": {
           "bg-alt": "#0000000a",
           "bg-default": "#fff0",
-          "bg-hover": "#00000029",
+          "bg-hover": "#00000026",
           "border-default": "#d1d1d1",
           "label-default": "#000000e6",
           "label-hover": "#000000e6"
@@ -13,7 +13,7 @@
         "harsh": {
           "bg-alt": "#000000e6",
           "bg-default": "#000000ab",
-          "bg-hover": "#00000029",
+          "bg-hover": "#00000026",
           "border-default": "#a6a6a6",
           "label-default": "#FFFFFF",
           "label-hover": "#000000e6"
@@ -172,7 +172,7 @@
       },
       "icon": {
         "XS": 16,
-        "S": 16,
+        "S": 20,
         "M": 20,
         "L": 24,
         "XL": 32