@sage/design-tokens 15.1.0 → 15.2.1

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

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

@@ -6,11 +6,11 @@
         "bg-active": "#000000",
         "bg-activealt": "#0000001a",
         "bg-enabled": "#fff0",
-        "bg-hover": "#0000001a",
+        "bg-hover": "#008046",
         "label-active": "#FFFFFF",
         "label-activealt": "#000000",
         "label-enabled": "#000000e6",
-        "label-hover": "#000000",
+        "label-hover": "#FFFFFF",
         "label-alt": "#000000ab"
       },
       "menu": {
@@ -70,7 +70,7 @@
     "radius": {
       "menu": 8,
       "menuitem": 4,
-      "menumodal": 16,
+      "menumodal": 8,
       "leftnav": {
         "menuitem": 8
       },

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

@@ -91,15 +91,15 @@
       }
     },
     "color": {
-      "bg-active": "#000000",
-      "bg-activealt": "#0000001a",
+      "bg-active": "#223743",
+      "bg-activealt": "#2237431a",
       "bg-default": "#FFFFFF",
-      "bg-hover": "#0000001a",
+      "bg-hover": "#2237431a",
       "label-active": "#FFFFFF",
-      "label-activealt": "#000000",
+      "label-activealt": "#223743",
       "label-disabled": "#0000006b",
-      "label-hover": "#000000",
-      "label-enabled": "#000000ab",
+      "label-hover": "#000000e6",
+      "label-enabled": "#000000e6",
       "submenu": {
         "bg-default": "#f3f3f3"
       }

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

@@ -62,13 +62,13 @@
     },
     "color": {
       "bg-skeleton": "linear-gradient(135deg, #6F6F6F5c 0%, #6F6F6F0A 100%)",
-      "bg-default": "#00000014",
-      "border-default": "#a6a6a6",
+      "bg-default": "#cad3d9",
+      "border-default": "#335B70",
       "fg-ai": "linear-gradient(90deg, #13A038 0%, #149197 40%, #A87CFB 90%)",
       "fg-alt": "#00811F",
       "fg-alt2": "#000000ab",
       "fg-caution": "#D64309",
-      "fg-default": "#000000",
+      "fg-default": "#335B70",
       "fg-error": "#CD384B",
       "fg-info": "#0060A7",
       "label-alt": "#000000ab",
@@ -77,8 +77,8 @@
         "fg-default": "#007C7B"
       },
       "loader": {
-        "bg-default": "#00000014",
-        "fg-default": "#000000",
+        "bg-default": "#00804614",
+        "fg-default": "#008046",
         "fg-error": "#CD384B",
         "fg-complete": "#00811F",
         "inverse": {

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

@@ -10,7 +10,7 @@
           "text": "#000000",
           "AI": {
             "bg-default": "#000000",
-            "bgAlt": "#efefef",
+            "bgAlt": "#fff0",
             "border-default": "#000000"
           },
           "callout": {
@@ -19,25 +19,25 @@
           },
           "error": {
             "bg-default": "#CD384B",
-            "bgAlt": "#fdeceb",
+            "bgAlt": "#fff0",
             "border-default": "#CD384B",
             "icon": "#CD384B"
           },
           "info": {
             "bg-default": "#0060A7",
-            "bgAlt": "#eaeef6",
+            "bgAlt": "#fff0",
             "border-default": "#0060A7",
             "icon": "#0060A7"
           },
           "success": {
             "bg-default": "#00811F",
-            "bgAlt": "#e9f2e8",
+            "bgAlt": "#fff0",
             "border-default": "#00811F",
             "icon": "#00811F"
           },
           "warning": {
             "bg-default": "#D64309",
-            "bgAlt": "#ffede5",
+            "bgAlt": "#fff0",
             "border-default": "#D64309",
             "icon": "#D64309"
           }
@@ -51,14 +51,14 @@
             "icon": "#000000f2"
           },
           "info": {
-            "bg-default": "#eaeef6",
-            "bg-hover": "#cdd7ea",
-            "icon": "#0060A7"
+            "bg-default": "#65a9ff",
+            "bg-hover": "#82b5ff",
+            "icon": "#000000f2"
           },
           "warning": {
-            "bg-default": "#ffede5",
-            "bg-hover": "#fed5c3",
-            "icon": "#D64309"
+            "bg-default": "#ff8629",
+            "bg-hover": "#ff994c",
+            "icon": "#000000f2"
           }
         }
       },
@@ -137,7 +137,7 @@
         },
         "error": {
           "bg-default": "#CD384B",
-          "bgAlt-default": "#fdeceb",
+          "bgAlt-default": "#fff0",
           "bgAlt-hover": "#f9d3d1",
           "bg-hover": "#ac3240",
           "border-default": "#CD384B",
@@ -177,7 +177,7 @@
         },
         "info": {
           "bg-default": "#0060A7",
-          "bgAlt-default": "#eaeef6",
+          "bgAlt-default": "#fff0",
           "bgAlt-hover": "#cdd7ea",
           "bg-hover": "#10518c",
           "border-default": "#0060A7",
@@ -190,11 +190,11 @@
           }
         },
         "neutral": {
-          "bg-default": "#656565",
-          "bgAlt-default": "#efefef",
-          "bgAlt-hover": "#d9d9d9",
-          "bg-hover": "#565656",
-          "border-default": "#656565",
+          "bg-default": "#335B70",
+          "bgAlt-default": "#fff0",
+          "bgAlt-hover": "#dde0e2",
+          "bg-hover": "#20313b",
+          "border-default": "#335B70",
           "inverse": {
             "bg-default": "#7C7C7C",
             "bgAlt-default": "#171717",
@@ -210,7 +210,7 @@
         },
         "success": {
           "bg-default": "#00811F",
-          "bgAlt-default": "#e9f2e8",
+          "bgAlt-default": "#fff0",
           "bgAlt-hover": "#cbe1c9",
           "bg-hover": "#0e6d1d",
           "border-default": "#00811F",
@@ -224,7 +224,7 @@
         },
         "warning": {
           "bg-default": "#D64309",
-          "bgAlt-default": "#ffede5",
+          "bgAlt-default": "#fff0",
           "bgAlt-hover": "#fed5c3",
           "bg-hover": "#b33b0d",
           "border-default": "#D64309",
@@ -238,10 +238,10 @@
         }
       },
       "rating": {
-        "bg-default": "#00811F",
-        "bg-defaultAlt": "linear-gradient(90deg, #00811F 0%, #00811F 50%, #d1d1d1 50%, #d1d1d1 100%)",
-        "bg-hover": "#0e6d1d",
-        "border-default": "#00811F"
+        "bg-default": "#008046",
+        "bg-defaultAlt": "linear-gradient(90deg, #008046 0%, #008046 50%, #d1d1d1 50%, #d1d1d1 100%)",
+        "bg-hover": "#0d6c3c",
+        "border-default": "#008046"
       }
     },
     "size": {
@@ -269,7 +269,7 @@
     "radius": {
       "none": "0",
       "message": 8,
-      "pill": 6
+      "pill": 2
     },
     "borderwidth": {
       "pill": 2,

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

@@ -36,11 +36,11 @@
     "color": {
       "bg-active": "#FFFFFF",
       "bg-enabled": "#fff0",
-      "bg-hover": "#0000001a",
+      "bg-hover": "#2237431a",
       "border-activealt": "#d1d1d1",
-      "border-active": "#000000",
-      "border-enabled": "#d1d1d1",
-      "border-hover": "#777",
+      "border-active": "#008046",
+      "border-enabled": "#2237431a",
+      "border-hover": "#2237431a",
       "icon-enabled": "#000000ab",
       "icon-hover": "#000000",
       "label-active": "#000000",
@@ -60,8 +60,8 @@
       }
     },
     "radius": {
-      "M": 8,
-      "L": 8,
+      "M": 4,
+      "L": 4,
       "baseline": {
         "M": 1,
         "L": 1

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

@@ -11,8 +11,8 @@
           "label-hover": "#000000e6"
         },
         "harsh": {
-          "bg-alt": "#000000e6",
-          "bg-default": "#000000ab",
+          "bg-alt": "#476a7d",
+          "bg-default": "#335B70",
           "bg-hover": "#00000026",
           "border-default": "#a6a6a6",
           "label-default": "#FFFFFF",
@@ -20,16 +20,16 @@
         }
       },
       "row": {
-        "bg-activated": "#00811F",
-        "bg-active": "#000000",
+        "bg-activated": "#9badb8",
+        "bg-active": "#22374326",
         "bg-default": "#FFFFFF",
-        "bg-alt": "#e8e8e8",
+        "bg-alt": "#fbfbfc",
         "bg-alt2": "#dedede",
         "bg-alt3": "#f3f3f3",
-        "bg-hover": "#dedede",
+        "bg-hover": "#f2f4f6",
         "border-default": "#d1d1d1",
-        "label-activated": "#FFFFFF",
-        "label-active": "#FFFFFF",
+        "label-activated": "#000000",
+        "label-active": "#000000",
         "label-default": "#000000f2",
         "label-hover": "#000000"
       },

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

@@ -180,7 +180,8 @@
           "activeAlt": "#00000026",
           "default": "#000000e6",
           "defaultAlt": "#000000ab",
-          "defaultAlt2": "#0000006b",
+          "defaultAlt2": "#0000008c",
+          "defaultAlt3": "#0000006b",
           "hoverAlt": "#0000001a",
           "hover": "#00000026",
           "withActive": "#FFFFFF",

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