@sage/design-tokens 7.1.7 → 7.3.0

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/form.d.ts

@@ -98,6 +98,9 @@ export const formSpaceIntegralProgressiveYL: number;
 export const formSpaceIntegralProgressiveYgS: number;
 export const formSpaceIntegralProgressiveYgM: number;
 export const formSpaceIntegralProgressiveYgL: number;
+export const formSpaceIntegralProgressiveKeylineXS: number;
+export const formSpaceIntegralProgressiveKeylineXM: number;
+export const formSpaceIntegralProgressiveKeylineXL: number;
 export const formSpaceRatingXgM: number;
 export const formSpaceRatingXgL: number;
 export const formSpaceLayoutStackS: number;
@@ -183,6 +186,7 @@ export const formSizeSearchInputMinwidth: number;
 export const formSizeSearchInputMaxwidth: number;
 export const formSizeTextareaM: number;
 export const formSizeValidationBar: number;
+export const formSizeProgressiveBar: number;
 export const formSizeRatingM: number;
 export const formSizeRatingL: number;
 export const formColorCalendarBgActive: string;
@@ -267,6 +271,7 @@ export const formRadiusInput: number;
 export const formRadiusRadio: string;
 export const formRadiusSwitch: string;
 export const formRadiusValidationbar: number;
+export const formRadiusProgressivebar: number;
 export const formRadiusCalendarNone: string;
 export const formRadiusCalendarDate: string;
 export const formRadiusCalendarToday: number;

package/js/es6/marketing/small/light/components/form.js

@@ -89,15 +89,18 @@ export const formSpaceIntegralXgL = 10;
 export const formSpaceIntegralYgS = 6;
 export const formSpaceIntegralYgM = 8;
 export const formSpaceIntegralYgL = 10;
-export const formSpaceIntegralProgressiveXS = 17.2;
-export const formSpaceIntegralProgressiveXM = 25.6;
-export const formSpaceIntegralProgressiveXL = 34;
+export const formSpaceIntegralProgressiveXS = 9.8;
+export const formSpaceIntegralProgressiveXM = 16;
+export const formSpaceIntegralProgressiveXL = 20.2;
 export const formSpaceIntegralProgressiveYS = 8;
 export const formSpaceIntegralProgressiveYM = 12;
 export const formSpaceIntegralProgressiveYL = 16;
 export const formSpaceIntegralProgressiveYgS = 8;
 export const formSpaceIntegralProgressiveYgM = 12;
 export const formSpaceIntegralProgressiveYgL = 16;
+export const formSpaceIntegralProgressiveKeylineXS = 5.4;
+export const formSpaceIntegralProgressiveKeylineXM = 8.6;
+export const formSpaceIntegralProgressiveKeylineXL = 11.8;
 export const formSpaceRatingXgM = 8;
 export const formSpaceRatingXgL = 12;
 export const formSpaceLayoutStackS = 12.8;
@@ -183,6 +186,7 @@ export const formSizeSearchInputMinwidth = 288;
 export const formSizeSearchInputMaxwidth = 400;
 export const formSizeTextareaM = 80;
 export const formSizeValidationBar = 2;
+export const formSizeProgressiveBar = 2;
 export const formSizeRatingM = 20;
 export const formSizeRatingL = 32;
 export const formColorCalendarBgActive = "#000000";
@@ -267,6 +271,7 @@ export const formRadiusInput = 8;
 export const formRadiusRadio = "999";
 export const formRadiusSwitch = "999";
 export const formRadiusValidationbar = 2;
+export const formRadiusProgressivebar = 2;
 export const formRadiusCalendarNone = "0";
 export const formRadiusCalendarDate = "999";
 export const formRadiusCalendarToday = 2;

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/form.d.ts

@@ -98,6 +98,9 @@ export const formSpaceIntegralProgressiveYL: number;
 export const formSpaceIntegralProgressiveYgS: number;
 export const formSpaceIntegralProgressiveYgM: number;
 export const formSpaceIntegralProgressiveYgL: number;
+export const formSpaceIntegralProgressiveKeylineXS: number;
+export const formSpaceIntegralProgressiveKeylineXM: number;
+export const formSpaceIntegralProgressiveKeylineXL: number;
 export const formSpaceRatingXgM: number;
 export const formSpaceRatingXgL: number;
 export const formSpaceLayoutStackS: number;
@@ -183,6 +186,7 @@ export const formSizeSearchInputMinwidth: number;
 export const formSizeSearchInputMaxwidth: number;
 export const formSizeTextareaM: number;
 export const formSizeValidationBar: number;
+export const formSizeProgressiveBar: number;
 export const formSizeRatingM: number;
 export const formSizeRatingL: number;
 export const formColorCalendarBgActive: string;
@@ -267,6 +271,7 @@ export const formRadiusInput: number;
 export const formRadiusRadio: string;
 export const formRadiusSwitch: string;
 export const formRadiusValidationbar: number;
+export const formRadiusProgressivebar: number;
 export const formRadiusCalendarNone: string;
 export const formRadiusCalendarDate: string;
 export const formRadiusCalendarToday: number;

package/js/es6/product/large/dark/components/form.js

@@ -89,15 +89,18 @@ export const formSpaceIntegralXgL = 10;
 export const formSpaceIntegralYgS = 6;
 export const formSpaceIntegralYgM = 8;
 export const formSpaceIntegralYgL = 10;
-export const formSpaceIntegralProgressiveXS = 22;
-export const formSpaceIntegralProgressiveXM = 32;
-export const formSpaceIntegralProgressiveXL = 42;
+export const formSpaceIntegralProgressiveXS = 13;
+export const formSpaceIntegralProgressiveXM = 20;
+export const formSpaceIntegralProgressiveXL = 25;
 export const formSpaceIntegralProgressiveYS = 8;
 export const formSpaceIntegralProgressiveYM = 12;
 export const formSpaceIntegralProgressiveYL = 16;
 export const formSpaceIntegralProgressiveYgS = 8;
 export const formSpaceIntegralProgressiveYgM = 12;
 export const formSpaceIntegralProgressiveYgL = 16;
+export const formSpaceIntegralProgressiveKeylineXS = 7;
+export const formSpaceIntegralProgressiveKeylineXM = 11;
+export const formSpaceIntegralProgressiveKeylineXL = 15;
 export const formSpaceRatingXgM = 8;
 export const formSpaceRatingXgL = 12;
 export const formSpaceLayoutStackS = 16;
@@ -183,6 +186,7 @@ export const formSizeSearchInputMinwidth = 288;
 export const formSizeSearchInputMaxwidth = 400;
 export const formSizeTextareaM = 80;
 export const formSizeValidationBar = 2;
+export const formSizeProgressiveBar = 2;
 export const formSizeRatingM = 20;
 export const formSizeRatingL = 32;
 export const formColorCalendarBgActive = "#FFFFFF";
@@ -267,6 +271,7 @@ export const formRadiusInput = 8;
 export const formRadiusRadio = "999";
 export const formRadiusSwitch = "999";
 export const formRadiusValidationbar = 2;
+export const formRadiusProgressivebar = 2;
 export const formRadiusCalendarNone = "0";
 export const formRadiusCalendarDate = "999";
 export const formRadiusCalendarToday = 2;

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";

package/js/es6/product/large/light/components/form.d.ts

@@ -98,6 +98,9 @@ export const formSpaceIntegralProgressiveYL: number;
 export const formSpaceIntegralProgressiveYgS: number;
 export const formSpaceIntegralProgressiveYgM: number;
 export const formSpaceIntegralProgressiveYgL: number;
+export const formSpaceIntegralProgressiveKeylineXS: number;
+export const formSpaceIntegralProgressiveKeylineXM: number;
+export const formSpaceIntegralProgressiveKeylineXL: number;
 export const formSpaceRatingXgM: number;
 export const formSpaceRatingXgL: number;
 export const formSpaceLayoutStackS: number;
@@ -183,6 +186,7 @@ export const formSizeSearchInputMinwidth: number;
 export const formSizeSearchInputMaxwidth: number;
 export const formSizeTextareaM: number;
 export const formSizeValidationBar: number;
+export const formSizeProgressiveBar: number;
 export const formSizeRatingM: number;
 export const formSizeRatingL: number;
 export const formColorCalendarBgActive: string;
@@ -267,6 +271,7 @@ export const formRadiusInput: number;
 export const formRadiusRadio: string;
 export const formRadiusSwitch: string;
 export const formRadiusValidationbar: number;
+export const formRadiusProgressivebar: number;
 export const formRadiusCalendarNone: string;
 export const formRadiusCalendarDate: string;
 export const formRadiusCalendarToday: number;

package/js/es6/product/large/light/components/form.js

@@ -89,15 +89,18 @@ export const formSpaceIntegralXgL = 10;
 export const formSpaceIntegralYgS = 6;
 export const formSpaceIntegralYgM = 8;
 export const formSpaceIntegralYgL = 10;
-export const formSpaceIntegralProgressiveXS = 22;
-export const formSpaceIntegralProgressiveXM = 32;
-export const formSpaceIntegralProgressiveXL = 42;
+export const formSpaceIntegralProgressiveXS = 13;
+export const formSpaceIntegralProgressiveXM = 20;
+export const formSpaceIntegralProgressiveXL = 25;
 export const formSpaceIntegralProgressiveYS = 8;
 export const formSpaceIntegralProgressiveYM = 12;
 export const formSpaceIntegralProgressiveYL = 16;
 export const formSpaceIntegralProgressiveYgS = 8;
 export const formSpaceIntegralProgressiveYgM = 12;
 export const formSpaceIntegralProgressiveYgL = 16;
+export const formSpaceIntegralProgressiveKeylineXS = 7;
+export const formSpaceIntegralProgressiveKeylineXM = 11;
+export const formSpaceIntegralProgressiveKeylineXL = 15;
 export const formSpaceRatingXgM = 8;
 export const formSpaceRatingXgL = 12;
 export const formSpaceLayoutStackS = 16;
@@ -183,6 +186,7 @@ export const formSizeSearchInputMinwidth = 288;
 export const formSizeSearchInputMaxwidth = 400;
 export const formSizeTextareaM = 80;
 export const formSizeValidationBar = 2;
+export const formSizeProgressiveBar = 2;
 export const formSizeRatingM = 20;
 export const formSizeRatingL = 32;
 export const formColorCalendarBgActive = "#000000";
@@ -267,6 +271,7 @@ export const formRadiusInput = 8;
 export const formRadiusRadio = "999";
 export const formRadiusSwitch = "999";
 export const formRadiusValidationbar = 2;
+export const formRadiusProgressivebar = 2;
 export const formRadiusCalendarNone = "0";
 export const formRadiusCalendarDate = "999";
 export const formRadiusCalendarToday = 2;

package/js/es6/product/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/product/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/product/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/product/small/dark/components/form.d.ts

@@ -98,6 +98,9 @@ export const formSpaceIntegralProgressiveYL: number;
 export const formSpaceIntegralProgressiveYgS: number;
 export const formSpaceIntegralProgressiveYgM: number;
 export const formSpaceIntegralProgressiveYgL: number;
+export const formSpaceIntegralProgressiveKeylineXS: number;
+export const formSpaceIntegralProgressiveKeylineXM: number;
+export const formSpaceIntegralProgressiveKeylineXL: number;
 export const formSpaceRatingXgM: number;
 export const formSpaceRatingXgL: number;
 export const formSpaceLayoutStackS: number;
@@ -183,6 +186,7 @@ export const formSizeSearchInputMinwidth: number;
 export const formSizeSearchInputMaxwidth: number;
 export const formSizeTextareaM: number;
 export const formSizeValidationBar: number;
+export const formSizeProgressiveBar: number;
 export const formSizeRatingM: number;
 export const formSizeRatingL: number;
 export const formColorCalendarBgActive: string;
@@ -267,6 +271,7 @@ export const formRadiusInput: number;
 export const formRadiusRadio: string;
 export const formRadiusSwitch: string;
 export const formRadiusValidationbar: number;
+export const formRadiusProgressivebar: number;
 export const formRadiusCalendarNone: string;
 export const formRadiusCalendarDate: string;
 export const formRadiusCalendarToday: number;

package/js/es6/product/small/dark/components/form.js

@@ -89,15 +89,18 @@ export const formSpaceIntegralXgL = 10;
 export const formSpaceIntegralYgS = 6;
 export const formSpaceIntegralYgM = 8;
 export const formSpaceIntegralYgL = 10;
-export const formSpaceIntegralProgressiveXS = 17.2;
-export const formSpaceIntegralProgressiveXM = 25.6;
-export const formSpaceIntegralProgressiveXL = 34;
+export const formSpaceIntegralProgressiveXS = 9.8;
+export const formSpaceIntegralProgressiveXM = 16;
+export const formSpaceIntegralProgressiveXL = 20.2;
 export const formSpaceIntegralProgressiveYS = 8;
 export const formSpaceIntegralProgressiveYM = 12;
 export const formSpaceIntegralProgressiveYL = 16;
 export const formSpaceIntegralProgressiveYgS = 8;
 export const formSpaceIntegralProgressiveYgM = 12;
 export const formSpaceIntegralProgressiveYgL = 16;
+export const formSpaceIntegralProgressiveKeylineXS = 5.4;
+export const formSpaceIntegralProgressiveKeylineXM = 8.6;
+export const formSpaceIntegralProgressiveKeylineXL = 11.8;
 export const formSpaceRatingXgM = 8;
 export const formSpaceRatingXgL = 12;
 export const formSpaceLayoutStackS = 12.8;
@@ -183,6 +186,7 @@ export const formSizeSearchInputMinwidth = 288;
 export const formSizeSearchInputMaxwidth = 400;
 export const formSizeTextareaM = 80;
 export const formSizeValidationBar = 2;
+export const formSizeProgressiveBar = 2;
 export const formSizeRatingM = 20;
 export const formSizeRatingL = 32;
 export const formColorCalendarBgActive = "#FFFFFF";
@@ -267,6 +271,7 @@ export const formRadiusInput = 8;
 export const formRadiusRadio = "999";
 export const formRadiusSwitch = "999";
 export const formRadiusValidationbar = 2;
+export const formRadiusProgressivebar = 2;
 export const formRadiusCalendarNone = "0";
 export const formRadiusCalendarDate = "999";
 export const formRadiusCalendarToday = 2;

package/js/es6/product/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/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/form.d.ts

@@ -98,6 +98,9 @@ export const formSpaceIntegralProgressiveYL: number;
 export const formSpaceIntegralProgressiveYgS: number;
 export const formSpaceIntegralProgressiveYgM: number;
 export const formSpaceIntegralProgressiveYgL: number;
+export const formSpaceIntegralProgressiveKeylineXS: number;
+export const formSpaceIntegralProgressiveKeylineXM: number;
+export const formSpaceIntegralProgressiveKeylineXL: number;
 export const formSpaceRatingXgM: number;
 export const formSpaceRatingXgL: number;
 export const formSpaceLayoutStackS: number;
@@ -183,6 +186,7 @@ export const formSizeSearchInputMinwidth: number;
 export const formSizeSearchInputMaxwidth: number;
 export const formSizeTextareaM: number;
 export const formSizeValidationBar: number;
+export const formSizeProgressiveBar: number;
 export const formSizeRatingM: number;
 export const formSizeRatingL: number;
 export const formColorCalendarBgActive: string;
@@ -267,6 +271,7 @@ export const formRadiusInput: number;
 export const formRadiusRadio: string;
 export const formRadiusSwitch: string;
 export const formRadiusValidationbar: number;
+export const formRadiusProgressivebar: number;
 export const formRadiusCalendarNone: string;
 export const formRadiusCalendarDate: string;
 export const formRadiusCalendarToday: number;

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

@@ -89,15 +89,18 @@ export const formSpaceIntegralXgL = 10;
 export const formSpaceIntegralYgS = 6;
 export const formSpaceIntegralYgM = 8;
 export const formSpaceIntegralYgL = 10;
-export const formSpaceIntegralProgressiveXS = 17.2;
-export const formSpaceIntegralProgressiveXM = 25.6;
-export const formSpaceIntegralProgressiveXL = 34;
+export const formSpaceIntegralProgressiveXS = 9.8;
+export const formSpaceIntegralProgressiveXM = 16;
+export const formSpaceIntegralProgressiveXL = 20.2;
 export const formSpaceIntegralProgressiveYS = 8;
 export const formSpaceIntegralProgressiveYM = 12;
 export const formSpaceIntegralProgressiveYL = 16;
 export const formSpaceIntegralProgressiveYgS = 8;
 export const formSpaceIntegralProgressiveYgM = 12;
 export const formSpaceIntegralProgressiveYgL = 16;
+export const formSpaceIntegralProgressiveKeylineXS = 5.4;
+export const formSpaceIntegralProgressiveKeylineXM = 8.6;
+export const formSpaceIntegralProgressiveKeylineXL = 11.8;
 export const formSpaceRatingXgM = 8;
 export const formSpaceRatingXgL = 12;
 export const formSpaceLayoutStackS = 12.8;
@@ -183,6 +186,7 @@ export const formSizeSearchInputMinwidth = 288;
 export const formSizeSearchInputMaxwidth = 400;
 export const formSizeTextareaM = 80;
 export const formSizeValidationBar = 2;
+export const formSizeProgressiveBar = 2;
 export const formSizeRatingM = 20;
 export const formSizeRatingL = 32;
 export const formColorCalendarBgActive = "#000000";
@@ -267,6 +271,7 @@ export const formRadiusInput = 8;
 export const formRadiusRadio = "999";
 export const formRadiusSwitch = "999";
 export const formRadiusValidationbar = 2;
+export const formRadiusProgressivebar = 2;
 export const formRadiusCalendarNone = "0";
 export const formRadiusCalendarDate = "999";
 export const formRadiusCalendarToday = 2;

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/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 =