npm - @sage/design-tokens - Versions diffs - 7.1.7 → 7.2.0 - Mend

@sage/design-tokens 7.1.7 → 7.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (243) hide show

package/ios/frozenproduct/small/dark/mode.h CHANGED Viewed

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

package/ios/frozenproduct/small/light/components/profile.h CHANGED Viewed

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

package/ios/frozenproduct/small/light/mode.h CHANGED Viewed

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

package/ios/marketing/large/dark/components/profile.h CHANGED Viewed

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

package/ios/marketing/large/dark/mode.h CHANGED Viewed

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

package/ios/marketing/large/light/components/profile.h CHANGED Viewed

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

package/ios/marketing/large/light/mode.h CHANGED Viewed

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

package/ios/marketing/small/dark/components/profile.h CHANGED Viewed

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

package/ios/marketing/small/dark/mode.h CHANGED Viewed

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

package/ios/marketing/small/light/components/profile.h CHANGED Viewed

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

package/ios/marketing/small/light/mode.h CHANGED Viewed

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

package/ios/product/large/dark/components/profile.h CHANGED Viewed

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

package/ios/product/large/dark/mode.h CHANGED Viewed

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

package/ios/product/large/light/components/profile.h CHANGED Viewed

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

package/ios/product/large/light/mode.h CHANGED Viewed

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

package/ios/product/small/dark/components/profile.h CHANGED Viewed

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

package/ios/product/small/dark/mode.h CHANGED Viewed

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

package/ios/product/small/light/components/profile.h CHANGED Viewed

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

package/ios/product/small/light/mode.h CHANGED Viewed

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

package/js/common/frozenproduct/large/dark/components/profile.js CHANGED Viewed

@@ -225,13 +225,13 @@ module.exports = {
         },
         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/common/frozenproduct/large/dark/mode.d.ts CHANGED Viewed

@@ -71,6 +71,9 @@ declare const tokens: {
           delicate: DesignToken;
           soft: DesignToken;
           moderate: DesignToken;
+          frozen: {
+            soft: DesignToken;
+          };
         };
         backdrop: {
           nought: DesignToken;
@@ -150,6 +153,7 @@ declare const tokens: {
             withHover: DesignToken;
             frozen: {
               active: DesignToken;
+              active2: DesignToken;
             };
           };
           marketing: {
@@ -190,6 +194,7 @@ declare const tokens: {
           bgAlt: DesignToken;
           frozen: {
             bg: DesignToken;
+            "bg-alt": DesignToken;
           };
         };
       };

package/js/common/frozenproduct/large/dark/mode.js CHANGED Viewed

@@ -877,6 +877,42 @@ module.exports = {
             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: {
@@ -2178,6 +2214,29 @@ module.exports = {
                   "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: {
@@ -2871,6 +2930,26 @@ module.exports = {
                 "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/common/frozenproduct/large/light/components/profile.js CHANGED Viewed

@@ -225,13 +225,13 @@ module.exports = {
         },
         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/common/frozenproduct/large/light/mode.d.ts CHANGED Viewed

@@ -71,6 +71,9 @@ declare const tokens: {
           delicate: DesignToken;
           soft: DesignToken;
           moderate: DesignToken;
+          frozen: {
+            soft: DesignToken;
+          };
         };
         backdrop: {
           nought: DesignToken;
@@ -150,6 +153,7 @@ declare const tokens: {
             withHover: DesignToken;
             frozen: {
               active: DesignToken;
+              active2: DesignToken;
             };
           };
           marketing: {
@@ -190,6 +194,7 @@ declare const tokens: {
           bgAlt: DesignToken;
           frozen: {
             bg: DesignToken;
+            "bg-alt": DesignToken;
           };
         };
       };

package/js/common/frozenproduct/large/light/mode.js CHANGED Viewed

@@ -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/common/frozenproduct/small/dark/components/profile.js CHANGED Viewed

@@ -225,13 +225,13 @@ module.exports = {
         },
         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/common/frozenproduct/small/dark/mode.d.ts CHANGED Viewed

@@ -71,6 +71,9 @@ declare const tokens: {
           delicate: DesignToken;
           soft: DesignToken;
           moderate: DesignToken;
+          frozen: {
+            soft: DesignToken;
+          };
         };
         backdrop: {
           nought: DesignToken;
@@ -150,6 +153,7 @@ declare const tokens: {
             withHover: DesignToken;
             frozen: {
               active: DesignToken;
+              active2: DesignToken;
             };
           };
           marketing: {
@@ -190,6 +194,7 @@ declare const tokens: {
           bgAlt: DesignToken;
           frozen: {
             bg: DesignToken;
+            "bg-alt": DesignToken;
           };
         };
       };