@sage/design-tokens 15.1.0 → 15.2.1

package/json/nested/frozenproduct/small/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/small/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/small/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/small/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/small/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/small/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/small/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/small/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/small/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/small/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",

package/json/nested/frozenproduct/small/light/components/button.json

@@ -298,11 +298,11 @@
       },
       "typical": {
         "primary": {
-          "bg-active": "#13591a",
+          "bg-active": "#135932",
           "bg-default": "#FFFFFF",
           "bg-disabled": "#a6a6a6",
-          "bg-enabled": "#00811F",
-          "bg-hover": "#0e6d1d",
+          "bg-enabled": "#008046",
+          "bg-hover": "#0d6c3c",
           "label-active": "#FFFFFF",
           "label-disabled": "#FFFFFF",
           "label-enabled": "#FFFFFF",
@@ -320,17 +320,17 @@
           }
         },
         "secondary": {
-          "bg-active": "#00811f4d",
+          "bg-active": "#135932",
           "bg-enabled": "#00811f08",
-          "bg-hover": "#00811f1a",
-          "border-active": "#13591a",
+          "bg-hover": "#0d6c3c",
+          "border-active": "#135932",
           "border-disabled": "#a6a6a6",
-          "border-enabled": "#00811fcc",
-          "border-hover": "#0e6d1d",
-          "label-active": "#000000",
+          "border-enabled": "#008046",
+          "border-hover": "#0d6c3c",
+          "label-active": "#FFFFFF",
           "label-disabled": "#0000006b",
-          "label-enabled": "#000000e6",
-          "label-hover": "#000000",
+          "label-enabled": "#008046",
+          "label-hover": "#FFFFFF",
           "inverse": {
             "bg-active": "#00d6394d",
             "bg-enabled": "#00d63908",
@@ -346,17 +346,17 @@
           }
         },
         "tertiary": {
-          "bg-active": "#00811f4d",
+          "bg-active": "#135932",
           "bg-enabled": "#fff0",
-          "bg-hover": "#00811f1a",
-          "border-active": "#13591a",
-          "border-disabled": "#a6a6a6",
-          "border-enabled": "#00811fcc",
-          "border-hover": "#0e6d1d",
-          "label-active": "#000000",
+          "bg-hover": "#0d6c3c",
+          "border-active": "#135932",
+          "border-disabled": "#fff0",
+          "border-enabled": "#fff0",
+          "border-hover": "#fff0",
+          "label-active": "#FFFFFF",
           "label-disabled": "#0000006b",
-          "label-enabled": "#000000e6",
-          "label-hover": "#000000",
+          "label-enabled": "#008046",
+          "label-hover": "#FFFFFF",
           "inverse": {
             "bg-active": "#00d6394d",
             "bg-enabled": "#fff0",
@@ -372,12 +372,12 @@
           }
         },
         "subtle": {
-          "bg-active": "#00000026",
-          "bg-hover": "#0000001a",
-          "label-active": "#000000",
+          "bg-active": "#22374326",
+          "bg-hover": "#2237431a",
+          "label-active": "#223743",
           "label-disabled": "#0000006b",
-          "label-enabled": "#000000e6",
-          "label-hover": "#000000",
+          "label-enabled": "#335B70",
+          "label-hover": "#223743",
           "inverse": {
             "bg-active": "#ffffff26",
             "bg-hover": "#ffffff1a",
@@ -390,14 +390,14 @@
         "toggle": {
           "bg-activeDisabled": "#a6a6a6",
           "label-activeDisabled": "#FFFFFF",
-          "bg-active": "#000000",
-          "bg-hover": "#0000001a",
-          "border-enabled": "#000000e6",
+          "bg-active": "#223743",
+          "bg-hover": "#2237431a",
+          "border-enabled": "#698495",
           "border-disabled": "#a6a6a6",
           "label-active": "#FFFFFF",
           "label-disabled": "#0000006b",
-          "label-enabled": "#000000ab",
-          "label-hover": "#000000"
+          "label-enabled": "#476a7d",
+          "label-hover": "#223743"
         }
       },
       "video": {

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

@@ -14,7 +14,7 @@
         }
       },
       "blockquote": {
-        "border": "#00811F"
+        "border": "#008046"
       },
       "interactive": {
         "bgFooter-activated": "#00811F",
@@ -41,7 +41,7 @@
         "textAlt-enabled": "#0000008c",
         "text-hover": "#000000e6",
         "detailedicon": {
-          "bg": "#00811F"
+          "bg": "#008046"
         },
         "droptarget": {
           "bg-default": "#0060A7"
@@ -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/small/light/components/form.json

@@ -412,11 +412,11 @@
     },
     "color": {
       "calendar": {
-        "bg-active": "#000000",
+        "bg-active": "#223743",
         "bg-disabled": "#f3f3f3",
-        "bg-duration": "#e2e2e2",
+        "bg-duration": "#e5eaed",
         "bg-hover": "#0000001a",
-        "border-duration": "#000000",
+        "border-duration": "#223743",
         "text-active": "#FFFFFF",
         "text-alt": "#0000008c",
         "text-disabled": "#0000006b",
@@ -426,12 +426,13 @@
         "textAlt-enabled": "#0000008c"
       },
       "dropdown": {
-        "bg-hover": "#0000001a",
+        "bg-hover": "#2237431a",
         "label-active": "#FFFFFF",
         "label-alt": "#000000e6",
         "label-disabled": "#0000006b",
         "label-enabled": "#000000ab",
-        "label-hover": "#000000"
+        "label-hover": "#000000",
+        "label-subtext": "#0000008c"
       },
       "labelset": {
         "label-required": "#CD384B",
@@ -448,7 +449,7 @@
         "bg-hover": "#e2e2e2",
         "bg-readOnly": "#f3f3f3",
         "border-alt": "#a6a6a6",
-        "border-enabled": "#777",
+        "border-enabled": "#698495",
         "border-disabled": "#a6a6a6",
         "border-hover": "#000000",
         "border-readOnly": "#a6a6a6",
@@ -468,18 +469,18 @@
         "text-readOnly": "#000000f2"
       },
       "switch": {
-        "bg-active": "#000000",
+        "bg-active": "#335B70",
         "bg-activedisabled": "#a6a6a6",
         "bg-disabled": "#f3f3f3",
         "bg-enabled": "#FFFFFF",
         "border-active": "transparent",
         "border-activedisabled": "transparent",
         "border-disabled": "#a6a6a6",
-        "border-enabled": "#00000080",
+        "border-enabled": "#698495",
         "fg-active": "#FFFFFF",
         "fg-activedisabled": "#FFFFFF",
         "fg-disabled": "#a6a6a6",
-        "fg-enabled": "#00000080",
+        "fg-enabled": "#698495",
         "label-active": "#000000f2",
         "label-activedisabled": "#a6a6a6",
         "label-disabled": "#a6a6a6",
@@ -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/small/light/components/link.json

@@ -10,8 +10,8 @@
         }
       },
       "typical": {
-        "label-default": "#0c711d",
-        "label-hover": "#12601b",
+        "label-default": "#0b703e",
+        "label-hover": "#106237",
         "inverse": {
           "label-default": "#4cdc55",
           "label-hover": "#71e270"