@sage/design-tokens 7.1.7 → 7.3.0

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

@@ -31,6 +31,7 @@
   "modesColorGenericFgDelicate": "#d1d1d1",
   "modesColorGenericFgSoft": "#a6a6a6",
   "modesColorGenericFgModerate": "#777",
+  "modesColorGenericFgFrozenSoft": "#335B70",
   "modesColorGenericBackdropNought": "#FFFFFF",
   "modesColorGenericBackdropFaint": "#f6f8f9",
   "modesColorInteractiveAiActive": "linear-gradient(90deg, #13A03826 0%, #14919726 40%, #a87cfb26 90%)",
@@ -86,6 +87,7 @@
   "modesColorInteractiveMonochromeGenericWithDefault": "#FFFFFF",
   "modesColorInteractiveMonochromeGenericWithHover": "#000000",
   "modesColorInteractiveMonochromeGenericFrozenActive": "#eaedf0",
+  "modesColorInteractiveMonochromeGenericFrozenActive2": "#335B70",
   "modesColorInteractiveMonochromeMarketingActive": "#000000",
   "modesColorInteractiveMonochromeMarketingWithActive": "#00D639",
   "modesColorInteractiveMonochromeSubtleDefaultAlt": "#00000080",
@@ -109,6 +111,7 @@
   "modesColorInteractiveProgressBg": "#00000014",
   "modesColorInteractiveProgressBgAlt": "#ffffff14",
   "modesColorInteractiveProgressFrozenBg": "#00804614",
+  "modesColorInteractiveProgressFrozenBgAlt": "#cad3d9",
   "modesColorStatusAiDefault": "#FFFFFF",
   "modesColorStatusAiDefaultAlt": "#000000",
   "modesColorStatusAiDefaultHorizontal": "linear-gradient(90deg, #13A038 0%, #149197 40%, #A87CFB 90%)",

package/json/flat/product/small/dark/components/form.json

@@ -82,15 +82,18 @@
   "formSpaceIntegralYgS": 6,
   "formSpaceIntegralYgM": 8,
   "formSpaceIntegralYgL": 10,
-  "formSpaceIntegralProgressiveXS": 17.2,
-  "formSpaceIntegralProgressiveXM": 25.6,
-  "formSpaceIntegralProgressiveXL": 34,
+  "formSpaceIntegralProgressiveXS": 9.8,
+  "formSpaceIntegralProgressiveXM": 16,
+  "formSpaceIntegralProgressiveXL": 20.2,
   "formSpaceIntegralProgressiveYS": 8,
   "formSpaceIntegralProgressiveYM": 12,
   "formSpaceIntegralProgressiveYL": 16,
   "formSpaceIntegralProgressiveYgS": 8,
   "formSpaceIntegralProgressiveYgM": 12,
   "formSpaceIntegralProgressiveYgL": 16,
+  "formSpaceIntegralProgressiveKeylineXS": 5.4,
+  "formSpaceIntegralProgressiveKeylineXM": 8.6,
+  "formSpaceIntegralProgressiveKeylineXL": 11.8,
   "formSpaceRatingXgM": 8,
   "formSpaceRatingXgL": 12,
   "formSpaceLayoutStackS": 12.8,
@@ -176,6 +179,7 @@
   "formSizeSearchInputMaxwidth": 400,
   "formSizeTextareaM": 80,
   "formSizeValidationBar": 2,
+  "formSizeProgressiveBar": 2,
   "formSizeRatingM": 20,
   "formSizeRatingL": 32,
   "formColorCalendarBgActive": "#FFFFFF",
@@ -260,6 +264,7 @@
   "formRadiusRadio": "999",
   "formRadiusSwitch": "999",
   "formRadiusValidationbar": 2,
+  "formRadiusProgressivebar": 2,
   "formRadiusCalendarNone": "0",
   "formRadiusCalendarDate": "999",
   "formRadiusCalendarToday": 2,

package/json/flat/product/small/dark/components/profile.json

@@ -13,7 +13,7 @@
   "profileSizeInsideMl": 28,
   "profileSizeInsideL": 40,
   "profileSizeInsideXl": 56,
-  "profileSizeInsideXxl": 104,
+  "profileSizeInsideXxl": 72,
   "profileColorBgAlt": "#fffffff2",
   "profileColorBgDefault": "#0e0e0e",
   "profileColorBorderDefault": "#282828",

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

@@ -31,6 +31,7 @@
   "modesColorGenericFgDelicate": "#282828",
   "modesColorGenericFgSoft": "#4b4b4b",
   "modesColorGenericFgModerate": "#777",
+  "modesColorGenericFgFrozenSoft": "#4b4b4b",
   "modesColorGenericBackdropNought": "#000000",
   "modesColorGenericBackdropFaint": "#181818",
   "modesColorInteractiveAiActive": "linear-gradient(90deg, #00D63926 0%, #00d6de26 40%, #9d60ff26 90%)",
@@ -86,6 +87,7 @@
   "modesColorInteractiveMonochromeGenericWithDefault": "#000000",
   "modesColorInteractiveMonochromeGenericWithHover": "#FFFFFF",
   "modesColorInteractiveMonochromeGenericFrozenActive": "#FFFFFF",
+  "modesColorInteractiveMonochromeGenericFrozenActive2": "#FFFFFF",
   "modesColorInteractiveMonochromeMarketingWithActive": "#000000",
   "modesColorInteractiveMonochromeMarketingActive": "#00D639",
   "modesColorInteractiveMonochromeSubtleDefaultAlt": "#ffffff80",
@@ -109,6 +111,7 @@
   "modesColorInteractiveProgressBg": "#ffffff14",
   "modesColorInteractiveProgressBgAlt": "#00000014",
   "modesColorInteractiveProgressFrozenBg": "#ffffff14",
+  "modesColorInteractiveProgressFrozenBgAlt": "#ffffff14",
   "modesColorStatusCautionDefault": "#E04500",
   "modesColorStatusCautionDefaultAlt": "#251206",
   "modesColorStatusCautionHover": "#eb6732",

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

@@ -82,15 +82,18 @@
   "formSpaceIntegralYgS": 6,
   "formSpaceIntegralYgM": 8,
   "formSpaceIntegralYgL": 10,
-  "formSpaceIntegralProgressiveXS": 17.2,
-  "formSpaceIntegralProgressiveXM": 25.6,
-  "formSpaceIntegralProgressiveXL": 34,
+  "formSpaceIntegralProgressiveXS": 9.8,
+  "formSpaceIntegralProgressiveXM": 16,
+  "formSpaceIntegralProgressiveXL": 20.2,
   "formSpaceIntegralProgressiveYS": 8,
   "formSpaceIntegralProgressiveYM": 12,
   "formSpaceIntegralProgressiveYL": 16,
   "formSpaceIntegralProgressiveYgS": 8,
   "formSpaceIntegralProgressiveYgM": 12,
   "formSpaceIntegralProgressiveYgL": 16,
+  "formSpaceIntegralProgressiveKeylineXS": 5.4,
+  "formSpaceIntegralProgressiveKeylineXM": 8.6,
+  "formSpaceIntegralProgressiveKeylineXL": 11.8,
   "formSpaceRatingXgM": 8,
   "formSpaceRatingXgL": 12,
   "formSpaceLayoutStackS": 12.8,
@@ -176,6 +179,7 @@
   "formSizeSearchInputMaxwidth": 400,
   "formSizeTextareaM": 80,
   "formSizeValidationBar": 2,
+  "formSizeProgressiveBar": 2,
   "formSizeRatingM": 20,
   "formSizeRatingL": 32,
   "formColorCalendarBgActive": "#000000",
@@ -260,6 +264,7 @@
   "formRadiusRadio": "999",
   "formRadiusSwitch": "999",
   "formRadiusValidationbar": 2,
+  "formRadiusProgressivebar": 2,
   "formRadiusCalendarNone": "0",
   "formRadiusCalendarDate": "999",
   "formRadiusCalendarToday": 2,

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

@@ -13,7 +13,7 @@
   "profileSizeInsideMl": 28,
   "profileSizeInsideL": 40,
   "profileSizeInsideXl": 56,
-  "profileSizeInsideXxl": 104,
+  "profileSizeInsideXxl": 72,
   "profileColorBgAlt": "#000000f2",
   "profileColorBgDefault": "#f3f3f3",
   "profileColorBorderDefault": "#d1d1d1",

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

@@ -31,6 +31,7 @@
   "modesColorGenericFgDelicate": "#d1d1d1",
   "modesColorGenericFgSoft": "#a6a6a6",
   "modesColorGenericFgModerate": "#777",
+  "modesColorGenericFgFrozenSoft": "#335B70",
   "modesColorGenericBackdropNought": "#FFFFFF",
   "modesColorGenericBackdropFaint": "#f6f8f9",
   "modesColorInteractiveAiActive": "linear-gradient(90deg, #13A03826 0%, #14919726 40%, #a87cfb26 90%)",
@@ -86,6 +87,7 @@
   "modesColorInteractiveMonochromeGenericWithDefault": "#FFFFFF",
   "modesColorInteractiveMonochromeGenericWithHover": "#000000",
   "modesColorInteractiveMonochromeGenericFrozenActive": "#eaedf0",
+  "modesColorInteractiveMonochromeGenericFrozenActive2": "#335B70",
   "modesColorInteractiveMonochromeMarketingActive": "#000000",
   "modesColorInteractiveMonochromeMarketingWithActive": "#00D639",
   "modesColorInteractiveMonochromeSubtleDefaultAlt": "#00000080",
@@ -109,6 +111,7 @@
   "modesColorInteractiveProgressBg": "#00000014",
   "modesColorInteractiveProgressBgAlt": "#ffffff14",
   "modesColorInteractiveProgressFrozenBg": "#00804614",
+  "modesColorInteractiveProgressFrozenBgAlt": "#cad3d9",
   "modesColorStatusAiDefault": "#FFFFFF",
   "modesColorStatusAiDefaultAlt": "#000000",
   "modesColorStatusAiDefaultHorizontal": "linear-gradient(90deg, #13A038 0%, #149197 40%, #A87CFB 90%)",

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

@@ -197,9 +197,9 @@
         },
         "progressive": {
           "x": {
-            "S": 22,
-            "M": 32,
-            "L": 42
+            "S": 13,
+            "M": 20,
+            "L": 25
           },
           "y": {
             "S": 8,
@@ -210,6 +210,13 @@
             "S": 8,
             "M": 12,
             "L": 16
+          },
+          "keyline": {
+            "x": {
+              "S": 7,
+              "M": 11,
+              "L": 15
+            }
           }
         }
       },
@@ -390,6 +397,9 @@
       "validation": {
         "bar": 2
       },
+      "progressive": {
+        "bar": 2
+      },
       "rating": {
         "M": 20,
         "L": 32
@@ -492,6 +502,7 @@
       "radio": "999",
       "switch": "999",
       "validationbar": 2,
+      "progressivebar": 2,
       "calendar": {
         "none": "0",
         "date": "999",

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

@@ -18,7 +18,7 @@
         "ML": 28,
         "L": 40,
         "XL": 56,
-        "XXL": 104
+        "XXL": 72
       }
     },
     "color": {

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

@@ -50,7 +50,10 @@
           "faint": "#181818",
           "delicate": "#282828",
           "soft": "#4b4b4b",
-          "moderate": "#777"
+          "moderate": "#777",
+          "frozen": {
+            "soft": "#4b4b4b"
+          }
         },
         "backdrop": {
           "nought": "#000000",
@@ -129,7 +132,8 @@
             "withDefault": "#000000",
             "withHover": "#FFFFFF",
             "frozen": {
-              "active": "#FFFFFF"
+              "active": "#FFFFFF",
+              "active2": "#FFFFFF"
             }
           },
           "marketing": {
@@ -169,7 +173,8 @@
           "bg": "#ffffff14",
           "bgAlt": "#00000014",
           "frozen": {
-            "bg": "#ffffff14"
+            "bg": "#ffffff14",
+            "bg-alt": "#ffffff14"
           }
         }
       },

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

@@ -197,9 +197,9 @@
         },
         "progressive": {
           "x": {
-            "S": 22,
-            "M": 32,
-            "L": 42
+            "S": 13,
+            "M": 20,
+            "L": 25
           },
           "y": {
             "S": 8,
@@ -210,6 +210,13 @@
             "S": 8,
             "M": 12,
             "L": 16
+          },
+          "keyline": {
+            "x": {
+              "S": 7,
+              "M": 11,
+              "L": 15
+            }
           }
         }
       },
@@ -390,6 +397,9 @@
       "validation": {
         "bar": 2
       },
+      "progressive": {
+        "bar": 2
+      },
       "rating": {
         "M": 20,
         "L": 32
@@ -492,6 +502,7 @@
       "radio": "999",
       "switch": "999",
       "validationbar": 2,
+      "progressivebar": 2,
       "calendar": {
         "none": "0",
         "date": "999",

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

@@ -18,7 +18,7 @@
         "ML": 28,
         "L": 40,
         "XL": 56,
-        "XXL": 104
+        "XXL": 72
       }
     },
     "color": {

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

@@ -50,7 +50,10 @@
           "faint": "#e8e8e8",
           "delicate": "#d1d1d1",
           "soft": "#a6a6a6",
-          "moderate": "#777"
+          "moderate": "#777",
+          "frozen": {
+            "soft": "#335B70"
+          }
         },
         "backdrop": {
           "nought": "#FFFFFF",
@@ -129,7 +132,8 @@
             "withDefault": "#FFFFFF",
             "withHover": "#000000",
             "frozen": {
-              "active": "#eaedf0"
+              "active": "#eaedf0",
+              "active2": "#335B70"
             }
           },
           "marketing": {
@@ -169,7 +173,8 @@
           "bg": "#00000014",
           "bgAlt": "#ffffff14",
           "frozen": {
-            "bg": "#00804614"
+            "bg": "#00804614",
+            "bg-alt": "#cad3d9"
           }
         }
       },

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

@@ -197,9 +197,9 @@
         },
         "progressive": {
           "x": {
-            "S": 17.2,
-            "M": 25.6,
-            "L": 34
+            "S": 9.8,
+            "M": 16,
+            "L": 20.2
           },
           "y": {
             "S": 8,
@@ -210,6 +210,13 @@
             "S": 8,
             "M": 12,
             "L": 16
+          },
+          "keyline": {
+            "x": {
+              "S": 5.4,
+              "M": 8.6,
+              "L": 11.8
+            }
           }
         }
       },
@@ -390,6 +397,9 @@
       "validation": {
         "bar": 2
       },
+      "progressive": {
+        "bar": 2
+      },
       "rating": {
         "M": 20,
         "L": 32
@@ -492,6 +502,7 @@
       "radio": "999",
       "switch": "999",
       "validationbar": 2,
+      "progressivebar": 2,
       "calendar": {
         "none": "0",
         "date": "999",

package/json/nested/frozenproduct/small/dark/components/profile.json

@@ -18,7 +18,7 @@
         "ML": 28,
         "L": 40,
         "XL": 56,
-        "XXL": 104
+        "XXL": 72
       }
     },
     "color": {

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

@@ -50,7 +50,10 @@
           "faint": "#181818",
           "delicate": "#282828",
           "soft": "#4b4b4b",
-          "moderate": "#777"
+          "moderate": "#777",
+          "frozen": {
+            "soft": "#4b4b4b"
+          }
         },
         "backdrop": {
           "nought": "#000000",
@@ -129,7 +132,8 @@
             "withDefault": "#000000",
             "withHover": "#FFFFFF",
             "frozen": {
-              "active": "#FFFFFF"
+              "active": "#FFFFFF",
+              "active2": "#FFFFFF"
             }
           },
           "marketing": {
@@ -169,7 +173,8 @@
           "bg": "#ffffff14",
           "bgAlt": "#00000014",
           "frozen": {
-            "bg": "#ffffff14"
+            "bg": "#ffffff14",
+            "bg-alt": "#ffffff14"
           }
         }
       },

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

@@ -197,9 +197,9 @@
         },
         "progressive": {
           "x": {
-            "S": 17.2,
-            "M": 25.6,
-            "L": 34
+            "S": 9.8,
+            "M": 16,
+            "L": 20.2
           },
           "y": {
             "S": 8,
@@ -210,6 +210,13 @@
             "S": 8,
             "M": 12,
             "L": 16
+          },
+          "keyline": {
+            "x": {
+              "S": 5.4,
+              "M": 8.6,
+              "L": 11.8
+            }
           }
         }
       },
@@ -390,6 +397,9 @@
       "validation": {
         "bar": 2
       },
+      "progressive": {
+        "bar": 2
+      },
       "rating": {
         "M": 20,
         "L": 32
@@ -492,6 +502,7 @@
       "radio": "999",
       "switch": "999",
       "validationbar": 2,
+      "progressivebar": 2,
       "calendar": {
         "none": "0",
         "date": "999",

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

@@ -18,7 +18,7 @@
         "ML": 28,
         "L": 40,
         "XL": 56,
-        "XXL": 104
+        "XXL": 72
       }
     },
     "color": {

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

@@ -50,7 +50,10 @@
           "faint": "#e8e8e8",
           "delicate": "#d1d1d1",
           "soft": "#a6a6a6",
-          "moderate": "#777"
+          "moderate": "#777",
+          "frozen": {
+            "soft": "#335B70"
+          }
         },
         "backdrop": {
           "nought": "#FFFFFF",
@@ -129,7 +132,8 @@
             "withDefault": "#FFFFFF",
             "withHover": "#000000",
             "frozen": {
-              "active": "#eaedf0"
+              "active": "#eaedf0",
+              "active2": "#335B70"
             }
           },
           "marketing": {
@@ -169,7 +173,8 @@
           "bg": "#00000014",
           "bgAlt": "#ffffff14",
           "frozen": {
-            "bg": "#00804614"
+            "bg": "#00804614",
+            "bg-alt": "#cad3d9"
           }
         }
       },

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

@@ -197,9 +197,9 @@
         },
         "progressive": {
           "x": {
-            "S": 22,
-            "M": 32,
-            "L": 42
+            "S": 13,
+            "M": 20,
+            "L": 25
           },
           "y": {
             "S": 8,
@@ -210,6 +210,13 @@
             "S": 8,
             "M": 12,
             "L": 16
+          },
+          "keyline": {
+            "x": {
+              "S": 7,
+              "M": 11,
+              "L": 15
+            }
           }
         }
       },
@@ -390,6 +397,9 @@
       "validation": {
         "bar": 2
       },
+      "progressive": {
+        "bar": 2
+      },
       "rating": {
         "M": 20,
         "L": 32
@@ -492,6 +502,7 @@
       "radio": "999",
       "switch": "999",
       "validationbar": 2,
+      "progressivebar": 2,
       "calendar": {
         "none": "0",
         "date": "999",

package/json/nested/marketing/large/dark/components/profile.json

@@ -18,7 +18,7 @@
         "ML": 28,
         "L": 40,
         "XL": 56,
-        "XXL": 104
+        "XXL": 72
       }
     },
     "color": {

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

@@ -50,7 +50,10 @@
           "faint": "#181818",
           "delicate": "#282828",
           "soft": "#4b4b4b",
-          "moderate": "#777"
+          "moderate": "#777",
+          "frozen": {
+            "soft": "#4b4b4b"
+          }
         },
         "backdrop": {
           "nought": "#000000",
@@ -129,7 +132,8 @@
             "withDefault": "#000000",
             "withHover": "#FFFFFF",
             "frozen": {
-              "active": "#FFFFFF"
+              "active": "#FFFFFF",
+              "active2": "#FFFFFF"
             }
           },
           "marketing": {
@@ -169,7 +173,8 @@
           "bg": "#ffffff14",
           "bgAlt": "#00000014",
           "frozen": {
-            "bg": "#ffffff14"
+            "bg": "#ffffff14",
+            "bg-alt": "#ffffff14"
           }
         }
       },

package/json/nested/marketing/large/light/components/form.json

@@ -197,9 +197,9 @@
         },
         "progressive": {
           "x": {
-            "S": 22,
-            "M": 32,
-            "L": 42
+            "S": 13,
+            "M": 20,
+            "L": 25
           },
           "y": {
             "S": 8,
@@ -210,6 +210,13 @@
             "S": 8,
             "M": 12,
             "L": 16
+          },
+          "keyline": {
+            "x": {
+              "S": 7,
+              "M": 11,
+              "L": 15
+            }
           }
         }
       },
@@ -390,6 +397,9 @@
       "validation": {
         "bar": 2
       },
+      "progressive": {
+        "bar": 2
+      },
       "rating": {
         "M": 20,
         "L": 32
@@ -492,6 +502,7 @@
       "radio": "999",
       "switch": "999",
       "validationbar": 2,
+      "progressivebar": 2,
       "calendar": {
         "none": "0",
         "date": "999",

package/json/nested/marketing/large/light/components/profile.json

@@ -18,7 +18,7 @@
         "ML": 28,
         "L": 40,
         "XL": 56,
-        "XXL": 104
+        "XXL": 72
       }
     },
     "color": {