@sage/design-tokens 15.1.0 → 15.2.1

package/json/nested/frozenproduct/small/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/small/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/small/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/small/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/small/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/small/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/small/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/product/large/dark/components/form.json

@@ -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",
@@ -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/product/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/product/large/light/components/form.json

@@ -431,7 +431,8 @@
         "label-alt": "#000000e6",
         "label-disabled": "#0000006b",
         "label-enabled": "#000000ab",
-        "label-hover": "#000000"
+        "label-hover": "#000000",
+        "label-subtext": "#0000008c"
       },
       "labelset": {
         "label-required": "#CD384B",
@@ -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/product/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/product/small/dark/components/button.json

@@ -33,7 +33,7 @@
             },
             "outer": {
               "M": "14px",
-              "L": 16
+              "L": 20
             }
           }
         }
@@ -41,56 +41,56 @@
       "FAB": {
         "child": {
           "x": {
-            "M": 6.4,
-            "L": 12.8
+            "M": 8,
+            "L": 16
           }
         },
         "parent": {
           "x": {
-            "M": 12.8
+            "M": 16
           },
           "xg": {
             "M": 12
           },
           "y": {
-            "M": 12.8
+            "M": 16
           }
         }
       },
       "layout": {
         "x": {
-          "XS": 6.4,
-          "S": 12.8,
-          "M": 19.2,
-          "L": 25.6
+          "XS": 8,
+          "S": 16,
+          "M": 24,
+          "L": 32
         },
         "y": {
-          "XS": 6.4,
-          "S": 12.8,
-          "M": 19.2,
-          "L": 25.6
+          "XS": 8,
+          "S": 16,
+          "M": 24,
+          "L": 32
         },
         "xg": {
-          "S": 6.4,
+          "S": 8,
           "M": 12,
-          "L": 12.8
+          "L": 16
         },
         "yg": {
-          "S": 6.4,
+          "S": 8,
           "M": 12,
-          "L": 12.8
+          "L": 16
         }
       },
       "primary": {
         "x": {
-          "S": 9.6,
-          "M": 12.8,
-          "L": 16
+          "S": 12,
+          "M": 16,
+          "L": 20
         },
         "xg": {
-          "S": 6.4,
-          "M": 6.4,
-          "L": 6.4
+          "S": 8,
+          "M": 8,
+          "L": 8
         },
         "y": {
           "S": 4,
@@ -112,22 +112,22 @@
       },
       "secondary": {
         "x": {
-          "XS": 6.4,
+          "XS": 8,
           "S": 12,
-          "M": 12.8,
-          "L": 16
+          "M": 16,
+          "L": 20
         },
         "y": {
-          "XS": 1.1,
+          "XS": 1.5,
           "S": 4,
           "M": 8,
           "L": 9.5
         },
         "xg": {
           "XS": 4,
-          "S": 6.4,
-          "M": 6.4,
-          "L": 6.4
+          "S": 8,
+          "M": 8,
+          "L": 8
         },
         "icononly": {
           "x": {
@@ -146,22 +146,22 @@
       },
       "tertiary": {
         "y": {
-          "XS": 1.1,
+          "XS": 1.5,
           "S": 4,
           "M": 8,
           "L": 9.5
         },
         "x": {
-          "XS": 6.4,
-          "S": 9.6,
-          "M": 12.8,
-          "L": 16
+          "XS": 8,
+          "S": 12,
+          "M": 16,
+          "L": 20
         },
         "xg": {
           "XS": 4,
-          "S": 6.4,
-          "M": 6.4,
-          "L": 6.4
+          "S": 8,
+          "M": 8,
+          "L": 8
         },
         "icononly": {
           "x": {
@@ -180,16 +180,16 @@
       },
       "subtle": {
         "y": {
-          "XS": 1.1,
+          "XS": 1.5,
           "S": 4,
           "M": 8,
           "L": 9.5
         },
         "x": {
-          "XS": 6.4,
-          "S": 6.4,
-          "M": 6.4,
-          "L": 6.4
+          "XS": 8,
+          "S": 8,
+          "M": 8,
+          "L": 8
         },
         "xg": {
           "XS": 4,
@@ -215,18 +215,18 @@
       "toggle": {
         "button": {
           "x": {
-            "XS": 6.4,
-            "S": 9.6,
-            "M": 12.8,
-            "L": 16
+            "XS": 8,
+            "S": 12,
+            "M": 16,
+            "L": 20
           },
           "xg": {
-            "S": 6.4,
-            "M": 6.4,
-            "L": 6.4
+            "S": 8,
+            "M": 8,
+            "L": 8
           },
           "y": {
-            "XS": 1.1,
+            "XS": 1.5,
             "S": 4,
             "M": 8,
             "L": 9.5