@sage/design-tokens 15.1.0 → 15.2.1

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

@@ -83,14 +83,14 @@
   "progressBorderwidthStepindicatorMActive": 3,
   "progressBorderwidthStepindicatorMDefault": 3,
   "progressSpaceCarouselselectorXgM": 8,
-  "progressSpaceCarouselselectorYM": 12.8,
+  "progressSpaceCarouselselectorYM": 16,
   "progressSpaceIntegralX": 4,
   "progressSpaceLoaderYgS": 6,
   "progressSpaceLoaderYgM": 8,
   "progressSpaceLoaderYgL": 10,
   "progressSpaceLoaderXgS": 8,
   "progressSpaceLoaderXgM": 12,
-  "progressSpaceLoaderXgL": 12.8,
+  "progressSpaceLoaderXgL": 16,
   "progressSpaceSkeletonMultilineYgXs": 8,
   "progressSpaceSkeletonMultilineYgS": 10,
   "progressSpaceSkeletonMultilineYgM": 6,
@@ -105,17 +105,17 @@
   "progressSpaceSkeletonSinglelineXgS": 8,
   "progressSpaceSkeletonSinglelineXgM": 12,
   "progressSpaceSkeletonSinglelineXgL": 12,
-  "progressSpaceSkeletonSinglelineXgXl": 12.8,
+  "progressSpaceSkeletonSinglelineXgXl": 16,
   "progressSpaceStepflowYM": 4,
   "progressSpaceStepflowYgM": 8,
-  "progressSpaceStepflowStepsXgM": 12.8,
+  "progressSpaceStepflowStepsXgM": 16,
   "progressSpaceStepflowStepsYgM": 4,
   "progressSpaceTrackerYgS": 6,
   "progressSpaceTrackerYgM": 8,
   "progressSpaceTrackerYgL": 12,
   "progressSpaceTrackerXgM": 8,
   "progressSpaceStepindicatorGenericGS": 12,
-  "progressSpaceStepindicatorGenericGM": 12.8,
+  "progressSpaceStepindicatorGenericGM": 16,
   "progressSpaceStepindicatorGenericTextYgS": 4,
   "progressSpaceStepindicatorGenericTextYgM": 4,
   "progressSpaceStepindicatorGenericVisualGS": 8,

package/json/flat/product/small/light/components/status.json

@@ -176,27 +176,27 @@
   "statusBorderwidthMessage": 1,
   "statusSpaceNone": 0,
   "statusSpaceIntegralX": 4,
-  "statusSpacePillXS": 6.4,
-  "statusSpacePillXM": 6.4,
-  "statusSpacePillXL": 6.4,
+  "statusSpacePillXS": 8,
+  "statusSpacePillXM": 8,
+  "statusSpacePillXL": 8,
   "statusSpaceTooltipX": 12,
   "statusSpaceTooltipY": 8,
   "statusSpaceMessageContextualXM": 12,
-  "statusSpaceMessageContextualXL": 16,
+  "statusSpaceMessageContextualXL": 20,
   "statusSpaceMessageContextualYM": 12,
-  "statusSpaceMessageContextualYL": 16,
+  "statusSpaceMessageContextualYL": 20,
   "statusSpaceMessageContextualXgM": 8,
-  "statusSpaceMessageContextualXgL": 12.8,
+  "statusSpaceMessageContextualXgL": 16,
   "statusSpaceMessageContextualYgM": 2,
   "statusSpaceMessageContextualYgL": 4,
   "statusSpaceMessageContextualSubtleIconwrapperYM": 2,
   "statusSpaceMessageContextualSubtleIconwrapperYL": 4,
-  "statusSpaceMessageGlobalXM": 32,
+  "statusSpaceMessageGlobalXM": 40,
   "statusSpaceMessageGlobalYM": 8,
-  "statusSpaceMessageGlobalXgM": 12.8,
+  "statusSpaceMessageGlobalXgM": 16,
   "statusSpaceMessageGlobalYgM": 4,
-  "statusSpaceMessageGlobalCtaYM": 12.8,
-  "statusSpaceMessageGlobalCtaYgM": 19.2,
+  "statusSpaceMessageGlobalCtaYM": 16,
+  "statusSpaceMessageGlobalCtaYgM": 24,
   "statusSpaceMessageGlobalIconwrapperYM": 12,
   "statusTypographyAdaptiveLabelS": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"14px","paragraphSpacing":"0"},
   "statusTypographyAdaptiveLabelM": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"14px","paragraphSpacing":"0"},

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

@@ -8,8 +8,8 @@
   "tabSizeIconL": 20,
   "tabSizeIndicatorM": 4,
   "tabSizeIndicatorL": 4,
-  "tabSpaceXM": 12.8,
-  "tabSpaceXL": 19.2,
+  "tabSpaceXM": 16,
+  "tabSpaceXL": 24,
   "tabSpaceXgM": 8,
   "tabSpaceXgL": 8,
   "tabSpaceYM": 8,

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

@@ -37,20 +37,20 @@
   "tableSpaceNone": 0,
   "tableSpaceYg": 4,
   "tableSpaceRowXXs": 8,
-  "tableSpaceRowXS": 12.8,
-  "tableSpaceRowXM": 12.8,
-  "tableSpaceRowXL": 12.8,
-  "tableSpaceRowXXl": 12.8,
+  "tableSpaceRowXS": 16,
+  "tableSpaceRowXM": 16,
+  "tableSpaceRowXL": 16,
+  "tableSpaceRowXXl": 16,
   "tableSpaceRowXgXs": 8,
   "tableSpaceRowXgS": 8,
   "tableSpaceRowXgM": 8,
   "tableSpaceRowXgL": 8,
   "tableSpaceRowXgXl": 8,
-  "tableSpaceRowchildXXs": 29.6,
-  "tableSpaceRowchildXS": 36,
-  "tableSpaceRowchildXM": 36,
-  "tableSpaceRowchildXL": 36,
-  "tableSpaceRowchildXXl": 36,
+  "tableSpaceRowchildXXs": 36,
+  "tableSpaceRowchildXS": 44,
+  "tableSpaceRowchildXM": 44,
+  "tableSpaceRowchildXL": 44,
+  "tableSpaceRowchildXXl": 44,
   "tableSizeRowStandardXs": 24,
   "tableSizeRowStandardS": 32,
   "tableSizeRowStandardM": 40,

package/json/flat/product/small/light/mode.json

@@ -108,7 +108,8 @@
   "modesColorInteractiveMonochromeActiveAlt": "#00000026",
   "modesColorInteractiveMonochromeDefault": "#000000e6",
   "modesColorInteractiveMonochromeDefaultAlt": "#000000ab",
-  "modesColorInteractiveMonochromeDefaultAlt2": "#0000006b",
+  "modesColorInteractiveMonochromeDefaultAlt2": "#0000008c",
+  "modesColorInteractiveMonochromeDefaultAlt3": "#0000006b",
   "modesColorInteractiveMonochromeHoverAlt": "#0000001a",
   "modesColorInteractiveMonochromeHover": "#00000026",
   "modesColorInteractiveMonochromeWithActive": "#FFFFFF",

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

@@ -3,9 +3,9 @@
     "color": {
       "notification": {
         "border-default": "#000000",
-        "bg-default": "#E13E53",
+        "bg-default": "#E04500",
         "bg-alt": "#007ED9",
-        "label-default": "#000000",
+        "label-default": "#FFFFFF",
         "label-alt": "#000000",
         "inverse": {
           "border-default": "#FFFFFF",

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

@@ -320,17 +320,17 @@
           }
         },
         "secondary": {
-          "bg-active": "#00d6394d",
+          "bg-active": "#7ce47a",
           "bg-enabled": "#00d63908",
-          "bg-hover": "#00d6391a",
+          "bg-hover": "#55dd5b",
           "border-active": "#7ce47a",
           "border-disabled": "#4b4b4b",
-          "border-enabled": "#00d639cc",
+          "border-enabled": "#00D639",
           "border-hover": "#55dd5b",
-          "label-active": "#FFFFFF",
+          "label-active": "#000000",
           "label-disabled": "#ffffff4d",
-          "label-enabled": "#ffffffe6",
-          "label-hover": "#FFFFFF",
+          "label-enabled": "#00D639",
+          "label-hover": "#000000",
           "inverse": {
             "bg-active": "#00811f4d",
             "bg-enabled": "#00811f08",
@@ -346,17 +346,17 @@
           }
         },
         "tertiary": {
-          "bg-active": "#00d6394d",
+          "bg-active": "#7ce47a",
           "bg-enabled": "#fff0",
-          "bg-hover": "#00d6391a",
+          "bg-hover": "#55dd5b",
           "border-active": "#7ce47a",
-          "border-disabled": "#4b4b4b",
-          "border-enabled": "#00d639cc",
-          "border-hover": "#55dd5b",
-          "label-active": "#FFFFFF",
+          "border-disabled": "#fff0",
+          "border-enabled": "#fff0",
+          "border-hover": "#fff0",
+          "label-active": "#000000",
           "label-disabled": "#ffffff4d",
-          "label-enabled": "#ffffffe6",
-          "label-hover": "#FFFFFF",
+          "label-enabled": "#00D639",
+          "label-hover": "#000000",
           "inverse": {
             "bg-active": "#00811f4d",
             "bg-enabled": "#fff0",
@@ -392,7 +392,7 @@
           "label-activeDisabled": "#000000",
           "bg-active": "#FFFFFF",
           "bg-hover": "#ffffff1a",
-          "border-enabled": "#ffffffe6",
+          "border-enabled": "#777",
           "border-disabled": "#4b4b4b",
           "label-active": "#000000",
           "label-disabled": "#ffffff4d",

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

@@ -216,19 +216,19 @@
         "bar": "999"
       },
       "card": {
-        "moderate": 16,
-        "curved": 24,
-        "sweeping": 32
+        "moderate": 8,
+        "curved": 16,
+        "sweeping": 24
       },
       "tile": {
-        "moderate": 16,
-        "curved": 24,
-        "sweeping": 32
+        "moderate": 8,
+        "curved": 16,
+        "sweeping": 24
       },
       "tileselect": {
-        "moderate": 16,
-        "curved": 24,
-        "sweeping": 32
+        "moderate": 8,
+        "curved": 16,
+        "sweeping": 24
       }
     },
     "space": {

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

@@ -414,7 +414,7 @@
       "calendar": {
         "bg-active": "#FFFFFF",
         "bg-disabled": "#0e0e0e",
-        "bg-duration": "#1b1b1b",
+        "bg-duration": "#0e0e0e",
         "bg-hover": "#ffffff1a",
         "border-duration": "#FFFFFF",
         "text-active": "#000000",
@@ -431,7 +431,8 @@
         "label-alt": "#ffffffe6",
         "label-disabled": "#ffffff4d",
         "label-enabled": "#ffffffab",
-        "label-hover": "#FFFFFF"
+        "label-hover": "#FFFFFF",
+        "label-subtext": "#ffffff8c"
       },
       "labelset": {
         "label-required": "#E13E53",
@@ -468,18 +469,18 @@
         "text-readOnly": "#fffffff2"
       },
       "switch": {
-        "bg-active": "#FFFFFF",
+        "bg-active": "#ffffffe6",
         "bg-activedisabled": "#4b4b4b",
         "bg-disabled": "#0e0e0e",
         "bg-enabled": "#000000",
         "border-active": "transparent",
         "border-activedisabled": "transparent",
         "border-disabled": "#4b4b4b",
-        "border-enabled": "#ffffff80",
+        "border-enabled": "#777",
         "fg-active": "#000000",
         "fg-activedisabled": "#000000",
         "fg-disabled": "#4b4b4b",
-        "fg-enabled": "#ffffff80",
+        "fg-enabled": "#777",
         "label-active": "#fffffff2",
         "label-activedisabled": "#4b4b4b",
         "label-disabled": "#4b4b4b",
@@ -497,16 +498,16 @@
     },
     "radius": {
       "none": "0",
-      "checkbox": 4,
+      "checkbox": 2,
       "texteditorfooter": 4,
-      "colorpicker": "999",
+      "colorpicker": 16,
       "dropdown": 8,
-      "fileupload": 8,
-      "fileselector": 8,
-      "input": 8,
+      "fileupload": 4,
+      "fileselector": 4,
+      "input": 4,
       "radio": "999",
       "switch": "999",
-      "validationbar": 2,
+      "validationbar": 1,
       "progressivebar": 2,
       "calendar": {
         "none": "0",
@@ -581,6 +582,13 @@
           }
         },
         "default": {
+          "XS": {
+            "fontFamily": "Sage UI",
+            "fontWeight": "400",
+            "lineHeight": 1.5,
+            "fontSize": "13px",
+            "paragraphSpacing": "0"
+          },
           "S": {
             "fontFamily": "Sage UI",
             "fontWeight": "400",
@@ -629,6 +637,13 @@
           }
         },
         "default": {
+          "XS": {
+            "fontFamily": "Sage UI",
+            "fontWeight": "400",
+            "lineHeight": 1.5,
+            "fontSize": "clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
+            "paragraphSpacing": "0"
+          },
           "S": {
             "fontFamily": "Sage UI",
             "fontWeight": "400",

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

@@ -6,7 +6,7 @@
         "bg-active": "#FFFFFF",
         "bg-activealt": "#ffffff1a",
         "bg-enabled": "#fff0",
-        "bg-hover": "#ffffff1a",
+        "bg-hover": "#008046",
         "label-active": "#000000",
         "label-activealt": "#FFFFFF",
         "label-enabled": "#ffffffe6",
@@ -70,7 +70,7 @@
     "radius": {
       "menu": 8,
       "menuitem": 4,
-      "menumodal": 16,
+      "menumodal": 8,
       "leftnav": {
         "menuitem": 8
       },

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

@@ -98,8 +98,8 @@
       "label-active": "#000000",
       "label-activealt": "#FFFFFF",
       "label-disabled": "#ffffff4d",
-      "label-hover": "#FFFFFF",
-      "label-enabled": "#ffffffab",
+      "label-hover": "#ffffffe6",
+      "label-enabled": "#ffffffe6",
       "submenu": {
         "bg-default": "#0e0e0e"
       }

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

@@ -68,7 +68,7 @@
       "fg-alt": "#009023",
       "fg-alt2": "#ffffffab",
       "fg-caution": "#E04500",
-      "fg-default": "#FFFFFF",
+      "fg-default": "#4b4b4b",
       "fg-error": "#E13E53",
       "fg-info": "#007ED9",
       "label-alt": "#ffffffab",
@@ -78,7 +78,7 @@
       },
       "loader": {
         "bg-default": "#ffffff14",
-        "fg-default": "#FFFFFF",
+        "fg-default": "#00D639",
         "fg-error": "#E13E53",
         "fg-complete": "#009023",
         "inverse": {

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

@@ -10,7 +10,7 @@
           "text": "#FFFFFF",
           "AI": {
             "bg-default": "#FFFFFF",
-            "bgAlt": "#171717",
+            "bgAlt": "#fff0",
             "border-default": "#FFFFFF"
           },
           "callout": {
@@ -19,25 +19,25 @@
           },
           "error": {
             "bg-default": "#E13E53",
-            "bgAlt": "#241212",
+            "bgAlt": "#fff0",
             "border-default": "#E13E53",
             "icon": "#E13E53"
           },
           "info": {
             "bg-default": "#007ED9",
-            "bgAlt": "#111722",
+            "bgAlt": "#fff0",
             "border-default": "#007ED9",
             "icon": "#007ED9"
           },
           "success": {
             "bg-default": "#009023",
-            "bgAlt": "#0e1a0b",
+            "bgAlt": "#fff0",
             "border-default": "#009023",
             "icon": "#009023"
           },
           "warning": {
             "bg-default": "#E04500",
-            "bgAlt": "#251206",
+            "bgAlt": "#fff0",
             "border-default": "#E04500",
             "icon": "#E04500"
           }
@@ -51,14 +51,14 @@
             "icon": "#fffffff2"
           },
           "info": {
-            "bg-default": "#111722",
-            "bg-hover": "#17253a",
-            "icon": "#007ED9"
+            "bg-default": "#007ED9",
+            "bg-hover": "#4f90df",
+            "icon": "#fffffff2"
           },
           "warning": {
-            "bg-default": "#251206",
-            "bg-hover": "#3e1a0b",
-            "icon": "#E04500"
+            "bg-default": "#E04500",
+            "bg-hover": "#eb6530",
+            "icon": "#fffffff2"
           }
         }
       },
@@ -137,7 +137,7 @@
         },
         "error": {
           "bg-default": "#E13E53",
-          "bgAlt-default": "#241212",
+          "bgAlt-default": "#fff0",
           "bgAlt-hover": "#3d1a1c",
           "bg-hover": "#ea626a",
           "border-default": "#E13E53",
@@ -177,7 +177,7 @@
         },
         "info": {
           "bg-default": "#007ED9",
-          "bgAlt-default": "#111722",
+          "bgAlt-default": "#fff0",
           "bgAlt-hover": "#17253a",
           "bg-hover": "#4f90df",
           "border-default": "#007ED9",
@@ -190,11 +190,11 @@
           }
         },
         "neutral": {
-          "bg-default": "#7C7C7C",
-          "bgAlt-default": "#171717",
-          "bgAlt-hover": "#242424",
+          "bg-default": "#9e9e9e",
+          "bgAlt-default": "#fff0",
+          "bgAlt-hover": "#2a2a2a",
           "bg-hover": "#8e8e8e",
-          "border-default": "#7C7C7C",
+          "border-default": "#9e9e9e",
           "inverse": {
             "bg-default": "#656565",
             "bgAlt-default": "#efefef",
@@ -210,7 +210,7 @@
         },
         "success": {
           "bg-default": "#009023",
-          "bgAlt-default": "#0e1a0b",
+          "bgAlt-default": "#fff0",
           "bgAlt-hover": "#132912",
           "bg-hover": "#359b3b",
           "border-default": "#009023",
@@ -224,7 +224,7 @@
         },
         "warning": {
           "bg-default": "#E04500",
-          "bgAlt-default": "#251206",
+          "bgAlt-default": "#fff0",
           "bgAlt-hover": "#3e1a0b",
           "bg-hover": "#eb6530",
           "border-default": "#E04500",
@@ -269,7 +269,7 @@
     "radius": {
       "none": "0",
       "message": 8,
-      "pill": 6
+      "pill": 2
     },
     "borderwidth": {
       "pill": 2,

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

@@ -38,9 +38,9 @@
       "bg-enabled": "#fff0",
       "bg-hover": "#ffffff1a",
       "border-activealt": "#282828",
-      "border-active": "#FFFFFF",
-      "border-enabled": "#282828",
-      "border-hover": "#777",
+      "border-active": "#00D639",
+      "border-enabled": "#ffffff1a",
+      "border-hover": "#ffffff1a",
       "icon-enabled": "#ffffffab",
       "icon-hover": "#FFFFFF",
       "label-active": "#FFFFFF",
@@ -60,8 +60,8 @@
       }
     },
     "radius": {
-      "M": 8,
-      "L": 8,
+      "M": 4,
+      "L": 4,
       "baseline": {
         "M": 1,
         "L": 1

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

@@ -11,8 +11,8 @@
           "label-hover": "#ffffffe6"
         },
         "harsh": {
-          "bg-alt": "#ffffffe6",
-          "bg-default": "#ffffffab",
+          "bg-alt": "#ffffffab",
+          "bg-default": "#ffffffe6",
           "bg-hover": "#ffffff26",
           "border-default": "#4b4b4b",
           "label-default": "#000000",
@@ -20,16 +20,16 @@
         }
       },
       "row": {
-        "bg-activated": "#00D639",
-        "bg-active": "#FFFFFF",
+        "bg-activated": "#18232a",
+        "bg-active": "#ffffff26",
         "bg-default": "#000000",
-        "bg-alt": "#181818",
+        "bg-alt": "#020303",
         "bg-alt2": "#1f1f1f",
         "bg-alt3": "#0e0e0e",
-        "bg-hover": "#1f1f1f",
+        "bg-hover": "#040607",
         "border-default": "#282828",
-        "label-activated": "#000000",
-        "label-active": "#000000",
+        "label-activated": "#FFFFFF",
+        "label-active": "#FFFFFF",
         "label-default": "#fffffff2",
         "label-hover": "#FFFFFF"
       },

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

@@ -180,7 +180,8 @@
           "activeAlt": "#ffffff26",
           "default": "#ffffffe6",
           "defaultAlt": "#ffffffab",
-          "defaultAlt2": "#ffffff6b",
+          "defaultAlt2": "#ffffff8c",
+          "defaultAlt3": "#ffffff6b",
           "hoverAlt": "#ffffff1a",
           "hover": "#ffffff26",
           "withActive": "#000000",

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

@@ -3,9 +3,9 @@
     "color": {
       "notification": {
         "border-default": "#FFFFFF",
-        "bg-default": "#CD384B",
+        "bg-default": "#ff8629",
         "bg-alt": "#0060A7",
-        "label-default": "#FFFFFF",
+        "label-default": "#000000",
         "label-alt": "#FFFFFF",
         "inverse": {
           "border-default": "#000000",