@sage/design-tokens 7.1.7 → 7.2.0

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

@@ -879,6 +879,23 @@ module.exports = {
             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: {
@@ -2258,6 +2275,29 @@ module.exports = {
                   "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: {
@@ -2971,6 +3011,49 @@ module.exports = {
                 "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/es6/frozenproduct/large/dark/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 = "#fffffff2";
 export const profileColorBgDefault = "#0e0e0e";
 export const profileColorBorderDefault = "#282828";

package/js/es6/frozenproduct/large/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/frozenproduct/large/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/frozenproduct/large/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/frozenproduct/large/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/frozenproduct/large/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/es6/frozenproduct/small/dark/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 = "#fffffff2";
 export const profileColorBgDefault = "#0e0e0e";
 export const profileColorBorderDefault = "#282828";

package/js/es6/frozenproduct/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/frozenproduct/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/frozenproduct/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/frozenproduct/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/frozenproduct/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/es6/marketing/large/dark/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 = "#fffffff2";
 export const profileColorBgDefault = "#0e0e0e";
 export const profileColorBorderDefault = "#282828";

package/js/es6/marketing/large/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/marketing/large/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/marketing/large/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/marketing/large/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/marketing/large/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/es6/marketing/small/dark/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 = "#fffffff2";
 export const profileColorBgDefault = "#0e0e0e";
 export const profileColorBorderDefault = "#282828";

package/js/es6/marketing/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/marketing/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/marketing/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/marketing/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/marketing/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/es6/product/large/dark/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 = "#fffffff2";
 export const profileColorBgDefault = "#0e0e0e";
 export const profileColorBorderDefault = "#282828";

package/js/es6/product/large/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/large/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";