@sage/design-tokens 7.1.6 → 7.2.0

package/js/es6/product/small/dark/mode.d.ts

@@ -38,6 +38,7 @@ export const modesColorGenericFgFaint: string;
 export const modesColorGenericFgDelicate: string;
 export const modesColorGenericFgSoft: string;
 export const modesColorGenericFgModerate: string;
+export const modesColorGenericFgFrozenSoft: string;
 export const modesColorGenericBackdropNought: string;
 export const modesColorGenericBackdropFaint: string;
 export const modesColorInteractiveAiActive: string;
@@ -93,6 +94,7 @@ export const modesColorInteractiveMonochromeGenericWithActiveAlt: string;
 export const modesColorInteractiveMonochromeGenericWithDefault: string;
 export const modesColorInteractiveMonochromeGenericWithHover: string;
 export const modesColorInteractiveMonochromeGenericFrozenActive: string;
+export const modesColorInteractiveMonochromeGenericFrozenActive2: string;
 export const modesColorInteractiveMonochromeMarketingWithActive: string;
 export const modesColorInteractiveMonochromeMarketingActive: string;
 export const modesColorInteractiveMonochromeSubtleDefaultAlt: string;
@@ -116,6 +118,7 @@ export const modesColorInteractivePrimaryFrozenTableDefault: string;
 export const modesColorInteractiveProgressBg: string;
 export const modesColorInteractiveProgressBgAlt: string;
 export const modesColorInteractiveProgressFrozenBg: string;
+export const modesColorInteractiveProgressFrozenBgAlt: string;
 export const modesColorStatusCautionDefault: string;
 export const modesColorStatusCautionDefaultAlt: string;
 export const modesColorStatusCautionHover: string;

package/js/es6/product/small/dark/mode.js

@@ -38,6 +38,7 @@ export const modesColorGenericFgFaint = "#181818";
 export const modesColorGenericFgDelicate = "#282828";
 export const modesColorGenericFgSoft = "#4b4b4b";
 export const modesColorGenericFgModerate = "#777";
+export const modesColorGenericFgFrozenSoft = "#4b4b4b";
 export const modesColorGenericBackdropNought = "#000000";
 export const modesColorGenericBackdropFaint = "#181818";
 export const modesColorInteractiveAiActive =
@@ -96,6 +97,7 @@ export const modesColorInteractiveMonochromeGenericWithActiveAlt = "#ffffffe6";
 export const modesColorInteractiveMonochromeGenericWithDefault = "#000000";
 export const modesColorInteractiveMonochromeGenericWithHover = "#FFFFFF";
 export const modesColorInteractiveMonochromeGenericFrozenActive = "#FFFFFF";
+export const modesColorInteractiveMonochromeGenericFrozenActive2 = "#FFFFFF";
 export const modesColorInteractiveMonochromeMarketingWithActive = "#000000";
 export const modesColorInteractiveMonochromeMarketingActive = "#00D639";
 export const modesColorInteractiveMonochromeSubtleDefaultAlt = "#ffffff80";
@@ -119,6 +121,7 @@ export const modesColorInteractivePrimaryFrozenTableDefault = "#18232a";
 export const modesColorInteractiveProgressBg = "#ffffff14";
 export const modesColorInteractiveProgressBgAlt = "#00000014";
 export const modesColorInteractiveProgressFrozenBg = "#ffffff14";
+export const modesColorInteractiveProgressFrozenBgAlt = "#ffffff14";
 export const modesColorStatusCautionDefault = "#E04500";
 export const modesColorStatusCautionDefaultAlt = "#251206";
 export const modesColorStatusCautionHover = "#eb6732";

package/js/es6/product/small/light/components/profile.js

@@ -20,7 +20,7 @@ export const profileSizeInsideM = 20;
 export const profileSizeInsideMl = 28;
 export const profileSizeInsideL = 40;
 export const profileSizeInsideXl = 56;
-export const profileSizeInsideXxl = 104;
+export const profileSizeInsideXxl = 72;
 export const profileColorBgAlt = "#000000f2";
 export const profileColorBgDefault = "#f3f3f3";
 export const profileColorBorderDefault = "#d1d1d1";

package/js/es6/product/small/light/components/status.js

@@ -109,7 +109,7 @@ export const statusSpaceMessageContextualYgM = 2;
 export const statusSpaceMessageContextualYgL = 4;
 export const statusSpaceMessageContextualSubtleIconwrapperYM = 2;
 export const statusSpaceMessageContextualSubtleIconwrapperYL = 4;
-export const statusSpaceMessageGlobalXM = 25.6;
+export const statusSpaceMessageGlobalXM = 32;
 export const statusSpaceMessageGlobalYM = 8;
 export const statusSpaceMessageGlobalXgM = 12.8;
 export const statusSpaceMessageGlobalYgM = 4;

package/js/es6/product/small/light/mode.d.ts

@@ -38,6 +38,7 @@ export const modesColorGenericFgFaint: string;
 export const modesColorGenericFgDelicate: string;
 export const modesColorGenericFgSoft: string;
 export const modesColorGenericFgModerate: string;
+export const modesColorGenericFgFrozenSoft: string;
 export const modesColorGenericBackdropNought: string;
 export const modesColorGenericBackdropFaint: string;
 export const modesColorInteractiveAiActive: string;
@@ -93,6 +94,7 @@ export const modesColorInteractiveMonochromeGenericWithActiveAlt: string;
 export const modesColorInteractiveMonochromeGenericWithDefault: string;
 export const modesColorInteractiveMonochromeGenericWithHover: string;
 export const modesColorInteractiveMonochromeGenericFrozenActive: string;
+export const modesColorInteractiveMonochromeGenericFrozenActive2: string;
 export const modesColorInteractiveMonochromeMarketingActive: string;
 export const modesColorInteractiveMonochromeMarketingWithActive: string;
 export const modesColorInteractiveMonochromeSubtleDefaultAlt: string;
@@ -116,6 +118,7 @@ export const modesColorInteractivePrimaryFrozenTableDefault: string;
 export const modesColorInteractiveProgressBg: string;
 export const modesColorInteractiveProgressBgAlt: string;
 export const modesColorInteractiveProgressFrozenBg: string;
+export const modesColorInteractiveProgressFrozenBgAlt: string;
 export const modesColorStatusAiDefault: string;
 export const modesColorStatusAiDefaultAlt: string;
 export const modesColorStatusAiDefaultHorizontal: string;

package/js/es6/product/small/light/mode.js

@@ -38,6 +38,7 @@ export const modesColorGenericFgFaint = "#e8e8e8";
 export const modesColorGenericFgDelicate = "#d1d1d1";
 export const modesColorGenericFgSoft = "#a6a6a6";
 export const modesColorGenericFgModerate = "#777";
+export const modesColorGenericFgFrozenSoft = "#335B70";
 export const modesColorGenericBackdropNought = "#FFFFFF";
 export const modesColorGenericBackdropFaint = "#f6f8f9";
 export const modesColorInteractiveAiActive =
@@ -96,6 +97,7 @@ export const modesColorInteractiveMonochromeGenericWithActiveAlt = "#000000e6";
 export const modesColorInteractiveMonochromeGenericWithDefault = "#FFFFFF";
 export const modesColorInteractiveMonochromeGenericWithHover = "#000000";
 export const modesColorInteractiveMonochromeGenericFrozenActive = "#eaedf0";
+export const modesColorInteractiveMonochromeGenericFrozenActive2 = "#335B70";
 export const modesColorInteractiveMonochromeMarketingActive = "#000000";
 export const modesColorInteractiveMonochromeMarketingWithActive = "#00D639";
 export const modesColorInteractiveMonochromeSubtleDefaultAlt = "#00000080";
@@ -119,6 +121,7 @@ export const modesColorInteractivePrimaryFrozenTableDefault = "#9badb8";
 export const modesColorInteractiveProgressBg = "#00000014";
 export const modesColorInteractiveProgressBgAlt = "#ffffff14";
 export const modesColorInteractiveProgressFrozenBg = "#00804614";
+export const modesColorInteractiveProgressFrozenBgAlt = "#cad3d9";
 export const modesColorStatusAiDefault = "#FFFFFF";
 export const modesColorStatusAiDefaultAlt = "#000000";
 export const modesColorStatusAiDefaultHorizontal =

package/js/umd/frozenproduct/large/dark/components/profile.js

@@ -237,13 +237,13 @@
           },
           XXL: {
             $type: "sizing",
-            $value: 104,
+            $value: 72,
             $description: "XXL Portraits",
             filePath: "data/tokens/components/profile.json",
             isSource: true,
             original: {
               $type: "sizing",
-              $value: "{global.size.micro.M} * 13",
+              $value: "{global.size.micro.M} * 9",
               $description: "XXL Portraits",
             },
             name: "profileSizeInsideXxl",

package/js/umd/frozenproduct/large/dark/components/status.js

@@ -1782,13 +1782,13 @@
             x: {
               M: {
                 $type: "spacing",
-                $value: 32,
+                $value: 40,
                 $description: "Left and right padding on global message",
                 filePath: "data/tokens/components/status.json",
                 isSource: true,
                 original: {
                   $type: "spacing",
-                  $value: "{global.space.macro.L}",
+                  $value: "{global.space.macro.XL}",
                   $description: "Left and right padding on global message",
                 },
                 name: "statusSpaceMessageGlobalXM",

package/js/umd/frozenproduct/large/dark/mode.js

@@ -888,6 +888,42 @@
               attributes: {},
               path: ["modes", "color", "generic", "fg", "moderate"],
             },
+            frozen: {
+              soft: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.32",
+                      space: "lch",
+                      color: "#FFFFFF ",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#4b4b4b",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "0.32",
+                        space: "lch",
+                        color: "{modes.color.modifier.contrastMore} ",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{modes.color.generic.fg.nought}",
+                },
+                name: "modesColorGenericFgFrozenSoft",
+                attributes: {},
+                path: ["modes", "color", "generic", "fg", "frozen", "soft"],
+              },
+            },
           },
           backdrop: {
             nought: {
@@ -2224,6 +2260,30 @@
                     "active",
                   ],
                 },
+                active2: {
+                  $type: "color",
+                  $value: "#FFFFFF",
+                  $description: "progress tracker",
+                  filePath: "data/tokens/modes/dark.json",
+                  isSource: true,
+                  original: {
+                    $type: "color",
+                    $value:
+                      "{modes.color.interactive.monochrome.generic.active}",
+                    $description: "progress tracker",
+                  },
+                  name: "modesColorInteractiveMonochromeGenericFrozenActive2",
+                  attributes: {},
+                  path: [
+                    "modes",
+                    "color",
+                    "interactive",
+                    "monochrome",
+                    "generic",
+                    "frozen",
+                    "active2",
+                  ],
+                },
               },
             },
             marketing: {
@@ -2918,6 +2978,26 @@
                   "bg",
                 ],
               },
+              "bg-alt": {
+                $type: "color",
+                $value: "#ffffff14",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $type: "color",
+                  $value: "{modes.color.interactive.progress.bg}",
+                },
+                name: "modesColorInteractiveProgressFrozenBgAlt",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "interactive",
+                  "progress",
+                  "frozen",
+                  "bg-alt",
+                ],
+              },
             },
           },
         },

package/js/umd/frozenproduct/large/light/components/profile.js

@@ -237,13 +237,13 @@
           },
           XXL: {
             $type: "sizing",
-            $value: 104,
+            $value: 72,
             $description: "XXL Portraits",
             filePath: "data/tokens/components/profile.json",
             isSource: true,
             original: {
               $type: "sizing",
-              $value: "{global.size.micro.M} * 13",
+              $value: "{global.size.micro.M} * 9",
               $description: "XXL Portraits",
             },
             name: "profileSizeInsideXxl",

package/js/umd/frozenproduct/large/light/components/status.js

@@ -1782,13 +1782,13 @@
             x: {
               M: {
                 $type: "spacing",
-                $value: 32,
+                $value: 40,
                 $description: "Left and right padding on global message",
                 filePath: "data/tokens/components/status.json",
                 isSource: true,
                 original: {
                   $type: "spacing",
-                  $value: "{global.space.macro.L}",
+                  $value: "{global.space.macro.XL}",
                   $description: "Left and right padding on global message",
                 },
                 name: "statusSpaceMessageGlobalXM",

package/js/umd/frozenproduct/large/light/mode.js

@@ -890,6 +890,23 @@
               attributes: {},
               path: ["modes", "color", "generic", "fg", "moderate"],
             },
+            frozen: {
+              soft: {
+                $type: "color",
+                $value: "#335B70",
+                $description: "frozen progress tracker border",
+                filePath: "data/tokens/modes/light.json",
+                isSource: true,
+                original: {
+                  $type: "color",
+                  $value: "{modes.color.status.neutral.frozen.default}",
+                  $description: "frozen progress tracker border",
+                },
+                name: "modesColorGenericFgFrozenSoft",
+                attributes: {},
+                path: ["modes", "color", "generic", "fg", "frozen", "soft"],
+              },
+            },
           },
           backdrop: {
             nought: {
@@ -2304,6 +2321,29 @@
                     "active",
                   ],
                 },
+                active2: {
+                  $type: "color",
+                  $value: "#335B70",
+                  $description: "Frozen progress tracker",
+                  filePath: "data/tokens/modes/light.json",
+                  isSource: true,
+                  original: {
+                    $type: "color",
+                    $value: "{modes.color.generic.fg.frozen.soft}",
+                    $description: "Frozen progress tracker",
+                  },
+                  name: "modesColorInteractiveMonochromeGenericFrozenActive2",
+                  attributes: {},
+                  path: [
+                    "modes",
+                    "color",
+                    "interactive",
+                    "monochrome",
+                    "generic",
+                    "frozen",
+                    "active2",
+                  ],
+                },
               },
             },
             marketing: {
@@ -3020,6 +3060,49 @@
                   "bg",
                 ],
               },
+              "bg-alt": {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.75",
+                      space: "lch",
+                      color: "#FFFFFF",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#cad3d9",
+                $description: "progress tracker bg",
+                filePath: "data/tokens/modes/light.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "0.75",
+                        space: "lch",
+                        color: "{modes.color.modifier.contrastLess}",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{primitives.colors.navy}",
+                  $description: "progress tracker bg",
+                },
+                name: "modesColorInteractiveProgressFrozenBgAlt",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "interactive",
+                  "progress",
+                  "frozen",
+                  "bg-alt",
+                ],
+              },
             },
           },
         },

package/js/umd/frozenproduct/small/dark/components/profile.js

@@ -237,13 +237,13 @@
           },
           XXL: {
             $type: "sizing",
-            $value: 104,
+            $value: 72,
             $description: "XXL Portraits",
             filePath: "data/tokens/components/profile.json",
             isSource: true,
             original: {
               $type: "sizing",
-              $value: "{global.size.micro.M} * 13",
+              $value: "{global.size.micro.M} * 9",
               $description: "XXL Portraits",
             },
             name: "profileSizeInsideXxl",

package/js/umd/frozenproduct/small/dark/components/status.js

@@ -1782,13 +1782,13 @@
             x: {
               M: {
                 $type: "spacing",
-                $value: 25.6,
+                $value: 32,
                 $description: "Left and right padding on global message",
                 filePath: "data/tokens/components/status.json",
                 isSource: true,
                 original: {
                   $type: "spacing",
-                  $value: "{global.space.macro.L}",
+                  $value: "{global.space.macro.XL}",
                   $description: "Left and right padding on global message",
                 },
                 name: "statusSpaceMessageGlobalXM",

package/js/umd/frozenproduct/small/dark/mode.js

@@ -888,6 +888,42 @@
               attributes: {},
               path: ["modes", "color", "generic", "fg", "moderate"],
             },
+            frozen: {
+              soft: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.32",
+                      space: "lch",
+                      color: "#FFFFFF ",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#4b4b4b",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "0.32",
+                        space: "lch",
+                        color: "{modes.color.modifier.contrastMore} ",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{modes.color.generic.fg.nought}",
+                },
+                name: "modesColorGenericFgFrozenSoft",
+                attributes: {},
+                path: ["modes", "color", "generic", "fg", "frozen", "soft"],
+              },
+            },
           },
           backdrop: {
             nought: {
@@ -2224,6 +2260,30 @@
                     "active",
                   ],
                 },
+                active2: {
+                  $type: "color",
+                  $value: "#FFFFFF",
+                  $description: "progress tracker",
+                  filePath: "data/tokens/modes/dark.json",
+                  isSource: true,
+                  original: {
+                    $type: "color",
+                    $value:
+                      "{modes.color.interactive.monochrome.generic.active}",
+                    $description: "progress tracker",
+                  },
+                  name: "modesColorInteractiveMonochromeGenericFrozenActive2",
+                  attributes: {},
+                  path: [
+                    "modes",
+                    "color",
+                    "interactive",
+                    "monochrome",
+                    "generic",
+                    "frozen",
+                    "active2",
+                  ],
+                },
               },
             },
             marketing: {
@@ -2918,6 +2978,26 @@
                   "bg",
                 ],
               },
+              "bg-alt": {
+                $type: "color",
+                $value: "#ffffff14",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $type: "color",
+                  $value: "{modes.color.interactive.progress.bg}",
+                },
+                name: "modesColorInteractiveProgressFrozenBgAlt",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "interactive",
+                  "progress",
+                  "frozen",
+                  "bg-alt",
+                ],
+              },
             },
           },
         },

package/js/umd/frozenproduct/small/light/components/profile.js

@@ -237,13 +237,13 @@
           },
           XXL: {
             $type: "sizing",
-            $value: 104,
+            $value: 72,
             $description: "XXL Portraits",
             filePath: "data/tokens/components/profile.json",
             isSource: true,
             original: {
               $type: "sizing",
-              $value: "{global.size.micro.M} * 13",
+              $value: "{global.size.micro.M} * 9",
               $description: "XXL Portraits",
             },
             name: "profileSizeInsideXxl",

package/js/umd/frozenproduct/small/light/components/status.js

@@ -1782,13 +1782,13 @@
             x: {
               M: {
                 $type: "spacing",
-                $value: 25.6,
+                $value: 32,
                 $description: "Left and right padding on global message",
                 filePath: "data/tokens/components/status.json",
                 isSource: true,
                 original: {
                   $type: "spacing",
-                  $value: "{global.space.macro.L}",
+                  $value: "{global.space.macro.XL}",
                   $description: "Left and right padding on global message",
                 },
                 name: "statusSpaceMessageGlobalXM",

package/js/umd/frozenproduct/small/light/mode.js

@@ -890,6 +890,23 @@
               attributes: {},
               path: ["modes", "color", "generic", "fg", "moderate"],
             },
+            frozen: {
+              soft: {
+                $type: "color",
+                $value: "#335B70",
+                $description: "frozen progress tracker border",
+                filePath: "data/tokens/modes/light.json",
+                isSource: true,
+                original: {
+                  $type: "color",
+                  $value: "{modes.color.status.neutral.frozen.default}",
+                  $description: "frozen progress tracker border",
+                },
+                name: "modesColorGenericFgFrozenSoft",
+                attributes: {},
+                path: ["modes", "color", "generic", "fg", "frozen", "soft"],
+              },
+            },
           },
           backdrop: {
             nought: {
@@ -2304,6 +2321,29 @@
                     "active",
                   ],
                 },
+                active2: {
+                  $type: "color",
+                  $value: "#335B70",
+                  $description: "Frozen progress tracker",
+                  filePath: "data/tokens/modes/light.json",
+                  isSource: true,
+                  original: {
+                    $type: "color",
+                    $value: "{modes.color.generic.fg.frozen.soft}",
+                    $description: "Frozen progress tracker",
+                  },
+                  name: "modesColorInteractiveMonochromeGenericFrozenActive2",
+                  attributes: {},
+                  path: [
+                    "modes",
+                    "color",
+                    "interactive",
+                    "monochrome",
+                    "generic",
+                    "frozen",
+                    "active2",
+                  ],
+                },
               },
             },
             marketing: {
@@ -3020,6 +3060,49 @@
                   "bg",
                 ],
               },
+              "bg-alt": {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.75",
+                      space: "lch",
+                      color: "#FFFFFF",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#cad3d9",
+                $description: "progress tracker bg",
+                filePath: "data/tokens/modes/light.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "0.75",
+                        space: "lch",
+                        color: "{modes.color.modifier.contrastLess}",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{primitives.colors.navy}",
+                  $description: "progress tracker bg",
+                },
+                name: "modesColorInteractiveProgressFrozenBgAlt",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "interactive",
+                  "progress",
+                  "frozen",
+                  "bg-alt",
+                ],
+              },
             },
           },
         },