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

@sage/design-tokens 7.2.0 → 7.3.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 (134) hide show

package/css/frozenproduct/all.css CHANGED Viewed

@@ -1121,15 +1121,18 @@
   --form-space-integral-yg-s: var(--global-space-micro-m); /* Space below labelset or error validation in form components */
   --form-space-integral-yg-m: var(--global-space-micro-l); /* Space below labelset or error validation in form components */
   --form-space-integral-yg-l: var(--global-space-micro-xl); /* Space below labelset or error validation in form components */
-  --form-space-integral-progressive-x-s: calc(var(--global-space-macro-m) - var(--global-space-micro-xs)); /* Left padding on progressively shown form inputs on radio and checkbox */
-  --form-space-integral-progressive-x-m: var(--global-space-macro-l); /* Left padding on progressively shown form inputs on radio and checkbox */
-  --form-space-integral-progressive-x-l: calc(var(--global-space-macro-xl) + var(--global-space-micro-xs)); /* Left padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-x-s: calc(var(--global-space-macro-xs) - 3); /* Left padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-x-m: var(--global-space-macro-s); /* Left padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-x-l: calc(var(--global-space-macro-m) + 1); /* Left padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-y-s: var(--global-space-micro-l); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-y-m: var(--global-space-micro-xxl); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-y-l: calc(var(--global-space-micro-l) * 2); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-yg-s: var(--global-space-micro-l); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-yg-m: var(--global-space-micro-xxl); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-yg-l: calc(var(--global-space-micro-l) * 2); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-keyline-x-s: calc(var(--global-space-macro-xxxs) - 1); /* Left padding on keyline for small progressively shown inputs */
+  --form-space-integral-progressive-keyline-x-m: calc(var(--global-space-macro-xxs) - 1); /* Left padding on keyline for medium progressively shown inputs */
+  --form-space-integral-progressive-keyline-x-l: calc(var(--global-space-macro-xs) - 1); /* Left padding on keyline for large progressively shown inputs */
   --form-space-rating-xg-m: var(--global-space-micro-l); /* small gap between rating stars */
   --form-space-rating-xg-l: var(--global-space-micro-xxl); /* medium gap between rating stars */
   --form-space-layout-stack-s: var(--global-space-macro-xs); /* Spacing between horizontal and vertical S form components */
@@ -1210,6 +1213,7 @@
   --form-size-switch-handle-icon-l: var(--global-size-icon-m); /* L switch icon inside knob */
   --form-size-textarea-m: calc(var(--global-size-macro-m) * 2); /* Min height for all text area sizes. */
   --form-size-validation-bar: var(--global-size-micro-xxs); /* 2px validation bar used on errors and warnings */
+  --form-size-progressive-bar: var(--global-size-micro-xxs); /* 2px progressive disclosure keyline bar used in checkbox and radio groups */
   --form-size-rating-m: var(--global-size-icon-m); /* medium rating stars */
   --form-size-rating-l: var(--global-size-icon-xl); /* large rating stars */
   --form-color-calendar-bg-disabled: light-dark(var(--modes-color-interactive-inactive-default-alt-light), var(--modes-color-interactive-inactive-default-alt-dark));
@@ -1257,6 +1261,7 @@
   --form-radius-fileselector: var(--global-radius-container-m); /* File preview (file selector asset) */
   --form-radius-input: var(--global-radius-interactive-m); /* Date picker input, Date range input, Dropdown select (trigger), Search, File input (draggable area), Text area, Text input */
   --form-radius-validationbar: var(--global-radius-interactive-xs); /* Validation bar */
+  --form-radius-progressivebar: var(--global-radius-interactive-xs); /* Validation bar */
   --form-radius-calendar-today: var(--global-radius-container-xs); /* Calendar (today indicator) */
   --form-borderwidth-colorpicker: var(--global-borderwidth-xs); /* swatch border */
   --form-borderwidth-caution: var(--global-borderwidth-xs); /* Caution border */

package/css/frozenproduct/large/components/form.css CHANGED Viewed

@@ -118,15 +118,18 @@
   --form-space-integral-yg-s: var(--global-space-micro-m); /* Space below labelset or error validation in form components */
   --form-space-integral-yg-m: var(--global-space-micro-l); /* Space below labelset or error validation in form components */
   --form-space-integral-yg-l: var(--global-space-micro-xl); /* Space below labelset or error validation in form components */
-  --form-space-integral-progressive-x-s: calc(var(--global-space-macro-m) - var(--global-space-micro-xs)); /* Left padding on progressively shown form inputs on radio and checkbox */
-  --form-space-integral-progressive-x-m: var(--global-space-macro-l); /* Left padding on progressively shown form inputs on radio and checkbox */
-  --form-space-integral-progressive-x-l: calc(var(--global-space-macro-xl) + var(--global-space-micro-xs)); /* Left padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-x-s: calc(var(--global-space-macro-xs) - 3); /* Left padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-x-m: var(--global-space-macro-s); /* Left padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-x-l: calc(var(--global-space-macro-m) + 1); /* Left padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-y-s: var(--global-space-micro-l); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-y-m: var(--global-space-micro-xxl); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-y-l: calc(var(--global-space-micro-l) * 2); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-yg-s: var(--global-space-micro-l); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-yg-m: var(--global-space-micro-xxl); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-yg-l: calc(var(--global-space-micro-l) * 2); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-keyline-x-s: calc(var(--global-space-macro-xxxs) - 1); /* Left padding on keyline for small progressively shown inputs */
+  --form-space-integral-progressive-keyline-x-m: calc(var(--global-space-macro-xxs) - 1); /* Left padding on keyline for medium progressively shown inputs */
+  --form-space-integral-progressive-keyline-x-l: calc(var(--global-space-macro-xs) - 1); /* Left padding on keyline for large progressively shown inputs */
   --form-space-rating-xg-m: var(--global-space-micro-l); /* small gap between rating stars */
   --form-space-rating-xg-l: var(--global-space-micro-xxl); /* medium gap between rating stars */
   --form-space-layout-stack-s: var(--global-space-macro-xs); /* Spacing between horizontal and vertical S form components */
@@ -207,6 +210,7 @@
   --form-size-switch-handle-icon-l: var(--global-size-icon-m); /* L switch icon inside knob */
   --form-size-textarea-m: calc(var(--global-size-macro-m) * 2); /* Min height for all text area sizes. */
   --form-size-validation-bar: var(--global-size-micro-xxs); /* 2px validation bar used on errors and warnings */
+  --form-size-progressive-bar: var(--global-size-micro-xxs); /* 2px progressive disclosure keyline bar used in checkbox and radio groups */
   --form-size-rating-m: var(--global-size-icon-m); /* medium rating stars */
   --form-size-rating-l: var(--global-size-icon-xl); /* large rating stars */
   --form-color-calendar-bg-disabled: var(--modes-color-interactive-inactive-default-alt);
@@ -254,6 +258,7 @@
   --form-radius-fileselector: var(--global-radius-container-m); /* File preview (file selector asset) */
   --form-radius-input: var(--global-radius-interactive-m); /* Date picker input, Date range input, Dropdown select (trigger), Search, File input (draggable area), Text area, Text input */
   --form-radius-validationbar: var(--global-radius-interactive-xs); /* Validation bar */
+  --form-radius-progressivebar: var(--global-radius-interactive-xs); /* Validation bar */
   --form-radius-calendar-today: var(--global-radius-container-xs); /* Calendar (today indicator) */
   --form-borderwidth-colorpicker: var(--global-borderwidth-xs); /* swatch border */
   --form-borderwidth-caution: var(--global-borderwidth-xs); /* Caution border */

package/css/frozenproduct/small/components/form.css CHANGED Viewed

@@ -118,15 +118,18 @@
   --form-space-integral-yg-s: var(--global-space-micro-m); /* Space below labelset or error validation in form components */
   --form-space-integral-yg-m: var(--global-space-micro-l); /* Space below labelset or error validation in form components */
   --form-space-integral-yg-l: var(--global-space-micro-xl); /* Space below labelset or error validation in form components */
-  --form-space-integral-progressive-x-s: calc(var(--global-space-macro-m) - var(--global-space-micro-xs)); /* Left padding on progressively shown form inputs on radio and checkbox */
-  --form-space-integral-progressive-x-m: var(--global-space-macro-l); /* Left padding on progressively shown form inputs on radio and checkbox */
-  --form-space-integral-progressive-x-l: calc(var(--global-space-macro-xl) + var(--global-space-micro-xs)); /* Left padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-x-s: calc(var(--global-space-macro-xs) - 3); /* Left padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-x-m: var(--global-space-macro-s); /* Left padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-x-l: calc(var(--global-space-macro-m) + 1); /* Left padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-y-s: var(--global-space-micro-l); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-y-m: var(--global-space-micro-xxl); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-y-l: calc(var(--global-space-micro-l) * 2); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-yg-s: var(--global-space-micro-l); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-yg-m: var(--global-space-micro-xxl); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-yg-l: calc(var(--global-space-micro-l) * 2); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-keyline-x-s: calc(var(--global-space-macro-xxxs) - 1); /* Left padding on keyline for small progressively shown inputs */
+  --form-space-integral-progressive-keyline-x-m: calc(var(--global-space-macro-xxs) - 1); /* Left padding on keyline for medium progressively shown inputs */
+  --form-space-integral-progressive-keyline-x-l: calc(var(--global-space-macro-xs) - 1); /* Left padding on keyline for large progressively shown inputs */
   --form-space-rating-xg-m: var(--global-space-micro-l); /* small gap between rating stars */
   --form-space-rating-xg-l: var(--global-space-micro-xxl); /* medium gap between rating stars */
   --form-space-layout-stack-s: var(--global-space-macro-xs); /* Spacing between horizontal and vertical S form components */
@@ -207,6 +210,7 @@
   --form-size-switch-handle-icon-l: var(--global-size-icon-m); /* L switch icon inside knob */
   --form-size-textarea-m: calc(var(--global-size-macro-m) * 2); /* Min height for all text area sizes. */
   --form-size-validation-bar: var(--global-size-micro-xxs); /* 2px validation bar used on errors and warnings */
+  --form-size-progressive-bar: var(--global-size-micro-xxs); /* 2px progressive disclosure keyline bar used in checkbox and radio groups */
   --form-size-rating-m: var(--global-size-icon-m); /* medium rating stars */
   --form-size-rating-l: var(--global-size-icon-xl); /* large rating stars */
   --form-color-calendar-bg-disabled: var(--modes-color-interactive-inactive-default-alt);
@@ -254,6 +258,7 @@
   --form-radius-fileselector: var(--global-radius-container-m); /* File preview (file selector asset) */
   --form-radius-input: var(--global-radius-interactive-m); /* Date picker input, Date range input, Dropdown select (trigger), Search, File input (draggable area), Text area, Text input */
   --form-radius-validationbar: var(--global-radius-interactive-xs); /* Validation bar */
+  --form-radius-progressivebar: var(--global-radius-interactive-xs); /* Validation bar */
   --form-radius-calendar-today: var(--global-radius-container-xs); /* Calendar (today indicator) */
   --form-borderwidth-colorpicker: var(--global-borderwidth-xs); /* swatch border */
   --form-borderwidth-caution: var(--global-borderwidth-xs); /* Caution border */

package/css/marketing/all.css CHANGED Viewed

@@ -1121,15 +1121,18 @@
   --form-space-integral-yg-s: var(--global-space-micro-m); /* Space below labelset or error validation in form components */
   --form-space-integral-yg-m: var(--global-space-micro-l); /* Space below labelset or error validation in form components */
   --form-space-integral-yg-l: var(--global-space-micro-xl); /* Space below labelset or error validation in form components */
-  --form-space-integral-progressive-x-s: calc(var(--global-space-macro-m) - var(--global-space-micro-xs)); /* Left padding on progressively shown form inputs on radio and checkbox */
-  --form-space-integral-progressive-x-m: var(--global-space-macro-l); /* Left padding on progressively shown form inputs on radio and checkbox */
-  --form-space-integral-progressive-x-l: calc(var(--global-space-macro-xl) + var(--global-space-micro-xs)); /* Left padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-x-s: calc(var(--global-space-macro-xs) - 3); /* Left padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-x-m: var(--global-space-macro-s); /* Left padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-x-l: calc(var(--global-space-macro-m) + 1); /* Left padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-y-s: var(--global-space-micro-l); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-y-m: var(--global-space-micro-xxl); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-y-l: calc(var(--global-space-micro-l) * 2); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-yg-s: var(--global-space-micro-l); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-yg-m: var(--global-space-micro-xxl); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-yg-l: calc(var(--global-space-micro-l) * 2); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-keyline-x-s: calc(var(--global-space-macro-xxxs) - 1); /* Left padding on keyline for small progressively shown inputs */
+  --form-space-integral-progressive-keyline-x-m: calc(var(--global-space-macro-xxs) - 1); /* Left padding on keyline for medium progressively shown inputs */
+  --form-space-integral-progressive-keyline-x-l: calc(var(--global-space-macro-xs) - 1); /* Left padding on keyline for large progressively shown inputs */
   --form-space-rating-xg-m: var(--global-space-micro-l); /* small gap between rating stars */
   --form-space-rating-xg-l: var(--global-space-micro-xxl); /* medium gap between rating stars */
   --form-space-layout-stack-s: var(--global-space-macro-xs); /* Spacing between horizontal and vertical S form components */
@@ -1210,6 +1213,7 @@
   --form-size-switch-handle-icon-l: var(--global-size-icon-m); /* L switch icon inside knob */
   --form-size-textarea-m: calc(var(--global-size-macro-m) * 2); /* Min height for all text area sizes. */
   --form-size-validation-bar: var(--global-size-micro-xxs); /* 2px validation bar used on errors and warnings */
+  --form-size-progressive-bar: var(--global-size-micro-xxs); /* 2px progressive disclosure keyline bar used in checkbox and radio groups */
   --form-size-rating-m: var(--global-size-icon-m); /* medium rating stars */
   --form-size-rating-l: var(--global-size-icon-xl); /* large rating stars */
   --form-color-calendar-bg-disabled: light-dark(var(--modes-color-interactive-inactive-default-alt-light), var(--modes-color-interactive-inactive-default-alt-dark));
@@ -1257,6 +1261,7 @@
   --form-radius-fileselector: var(--global-radius-container-m); /* File preview (file selector asset) */
   --form-radius-input: var(--global-radius-interactive-m); /* Date picker input, Date range input, Dropdown select (trigger), Search, File input (draggable area), Text area, Text input */
   --form-radius-validationbar: var(--global-radius-interactive-xs); /* Validation bar */
+  --form-radius-progressivebar: var(--global-radius-interactive-xs); /* Validation bar */
   --form-radius-calendar-today: var(--global-radius-container-xs); /* Calendar (today indicator) */
   --form-borderwidth-colorpicker: var(--global-borderwidth-xs); /* swatch border */
   --form-borderwidth-caution: var(--global-borderwidth-xs); /* Caution border */

package/css/marketing/large/components/form.css CHANGED Viewed

@@ -118,15 +118,18 @@
   --form-space-integral-yg-s: var(--global-space-micro-m); /* Space below labelset or error validation in form components */
   --form-space-integral-yg-m: var(--global-space-micro-l); /* Space below labelset or error validation in form components */
   --form-space-integral-yg-l: var(--global-space-micro-xl); /* Space below labelset or error validation in form components */
-  --form-space-integral-progressive-x-s: calc(var(--global-space-macro-m) - var(--global-space-micro-xs)); /* Left padding on progressively shown form inputs on radio and checkbox */
-  --form-space-integral-progressive-x-m: var(--global-space-macro-l); /* Left padding on progressively shown form inputs on radio and checkbox */
-  --form-space-integral-progressive-x-l: calc(var(--global-space-macro-xl) + var(--global-space-micro-xs)); /* Left padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-x-s: calc(var(--global-space-macro-xs) - 3); /* Left padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-x-m: var(--global-space-macro-s); /* Left padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-x-l: calc(var(--global-space-macro-m) + 1); /* Left padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-y-s: var(--global-space-micro-l); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-y-m: var(--global-space-micro-xxl); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-y-l: calc(var(--global-space-micro-l) * 2); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-yg-s: var(--global-space-micro-l); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-yg-m: var(--global-space-micro-xxl); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-yg-l: calc(var(--global-space-micro-l) * 2); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-keyline-x-s: calc(var(--global-space-macro-xxxs) - 1); /* Left padding on keyline for small progressively shown inputs */
+  --form-space-integral-progressive-keyline-x-m: calc(var(--global-space-macro-xxs) - 1); /* Left padding on keyline for medium progressively shown inputs */
+  --form-space-integral-progressive-keyline-x-l: calc(var(--global-space-macro-xs) - 1); /* Left padding on keyline for large progressively shown inputs */
   --form-space-rating-xg-m: var(--global-space-micro-l); /* small gap between rating stars */
   --form-space-rating-xg-l: var(--global-space-micro-xxl); /* medium gap between rating stars */
   --form-space-layout-stack-s: var(--global-space-macro-xs); /* Spacing between horizontal and vertical S form components */
@@ -207,6 +210,7 @@
   --form-size-switch-handle-icon-l: var(--global-size-icon-m); /* L switch icon inside knob */
   --form-size-textarea-m: calc(var(--global-size-macro-m) * 2); /* Min height for all text area sizes. */
   --form-size-validation-bar: var(--global-size-micro-xxs); /* 2px validation bar used on errors and warnings */
+  --form-size-progressive-bar: var(--global-size-micro-xxs); /* 2px progressive disclosure keyline bar used in checkbox and radio groups */
   --form-size-rating-m: var(--global-size-icon-m); /* medium rating stars */
   --form-size-rating-l: var(--global-size-icon-xl); /* large rating stars */
   --form-color-calendar-bg-disabled: var(--modes-color-interactive-inactive-default-alt);
@@ -254,6 +258,7 @@
   --form-radius-fileselector: var(--global-radius-container-m); /* File preview (file selector asset) */
   --form-radius-input: var(--global-radius-interactive-m); /* Date picker input, Date range input, Dropdown select (trigger), Search, File input (draggable area), Text area, Text input */
   --form-radius-validationbar: var(--global-radius-interactive-xs); /* Validation bar */
+  --form-radius-progressivebar: var(--global-radius-interactive-xs); /* Validation bar */
   --form-radius-calendar-today: var(--global-radius-container-xs); /* Calendar (today indicator) */
   --form-borderwidth-colorpicker: var(--global-borderwidth-xs); /* swatch border */
   --form-borderwidth-caution: var(--global-borderwidth-xs); /* Caution border */

package/css/marketing/small/components/form.css CHANGED Viewed

@@ -118,15 +118,18 @@
   --form-space-integral-yg-s: var(--global-space-micro-m); /* Space below labelset or error validation in form components */
   --form-space-integral-yg-m: var(--global-space-micro-l); /* Space below labelset or error validation in form components */
   --form-space-integral-yg-l: var(--global-space-micro-xl); /* Space below labelset or error validation in form components */
-  --form-space-integral-progressive-x-s: calc(var(--global-space-macro-m) - var(--global-space-micro-xs)); /* Left padding on progressively shown form inputs on radio and checkbox */
-  --form-space-integral-progressive-x-m: var(--global-space-macro-l); /* Left padding on progressively shown form inputs on radio and checkbox */
-  --form-space-integral-progressive-x-l: calc(var(--global-space-macro-xl) + var(--global-space-micro-xs)); /* Left padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-x-s: calc(var(--global-space-macro-xs) - 3); /* Left padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-x-m: var(--global-space-macro-s); /* Left padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-x-l: calc(var(--global-space-macro-m) + 1); /* Left padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-y-s: var(--global-space-micro-l); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-y-m: var(--global-space-micro-xxl); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-y-l: calc(var(--global-space-micro-l) * 2); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-yg-s: var(--global-space-micro-l); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-yg-m: var(--global-space-micro-xxl); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-yg-l: calc(var(--global-space-micro-l) * 2); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-keyline-x-s: calc(var(--global-space-macro-xxxs) - 1); /* Left padding on keyline for small progressively shown inputs */
+  --form-space-integral-progressive-keyline-x-m: calc(var(--global-space-macro-xxs) - 1); /* Left padding on keyline for medium progressively shown inputs */
+  --form-space-integral-progressive-keyline-x-l: calc(var(--global-space-macro-xs) - 1); /* Left padding on keyline for large progressively shown inputs */
   --form-space-rating-xg-m: var(--global-space-micro-l); /* small gap between rating stars */
   --form-space-rating-xg-l: var(--global-space-micro-xxl); /* medium gap between rating stars */
   --form-space-layout-stack-s: var(--global-space-macro-xs); /* Spacing between horizontal and vertical S form components */
@@ -207,6 +210,7 @@
   --form-size-switch-handle-icon-l: var(--global-size-icon-m); /* L switch icon inside knob */
   --form-size-textarea-m: calc(var(--global-size-macro-m) * 2); /* Min height for all text area sizes. */
   --form-size-validation-bar: var(--global-size-micro-xxs); /* 2px validation bar used on errors and warnings */
+  --form-size-progressive-bar: var(--global-size-micro-xxs); /* 2px progressive disclosure keyline bar used in checkbox and radio groups */
   --form-size-rating-m: var(--global-size-icon-m); /* medium rating stars */
   --form-size-rating-l: var(--global-size-icon-xl); /* large rating stars */
   --form-color-calendar-bg-disabled: var(--modes-color-interactive-inactive-default-alt);
@@ -254,6 +258,7 @@
   --form-radius-fileselector: var(--global-radius-container-m); /* File preview (file selector asset) */
   --form-radius-input: var(--global-radius-interactive-m); /* Date picker input, Date range input, Dropdown select (trigger), Search, File input (draggable area), Text area, Text input */
   --form-radius-validationbar: var(--global-radius-interactive-xs); /* Validation bar */
+  --form-radius-progressivebar: var(--global-radius-interactive-xs); /* Validation bar */
   --form-radius-calendar-today: var(--global-radius-container-xs); /* Calendar (today indicator) */
   --form-borderwidth-colorpicker: var(--global-borderwidth-xs); /* swatch border */
   --form-borderwidth-caution: var(--global-borderwidth-xs); /* Caution border */

package/css/product/all.css CHANGED Viewed

@@ -1121,15 +1121,18 @@
   --form-space-integral-yg-s: var(--global-space-micro-m); /* Space below labelset or error validation in form components */
   --form-space-integral-yg-m: var(--global-space-micro-l); /* Space below labelset or error validation in form components */
   --form-space-integral-yg-l: var(--global-space-micro-xl); /* Space below labelset or error validation in form components */
-  --form-space-integral-progressive-x-s: calc(var(--global-space-macro-m) - var(--global-space-micro-xs)); /* Left padding on progressively shown form inputs on radio and checkbox */
-  --form-space-integral-progressive-x-m: var(--global-space-macro-l); /* Left padding on progressively shown form inputs on radio and checkbox */
-  --form-space-integral-progressive-x-l: calc(var(--global-space-macro-xl) + var(--global-space-micro-xs)); /* Left padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-x-s: calc(var(--global-space-macro-xs) - 3); /* Left padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-x-m: var(--global-space-macro-s); /* Left padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-x-l: calc(var(--global-space-macro-m) + 1); /* Left padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-y-s: var(--global-space-micro-l); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-y-m: var(--global-space-micro-xxl); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-y-l: calc(var(--global-space-micro-l) * 2); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-yg-s: var(--global-space-micro-l); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-yg-m: var(--global-space-micro-xxl); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-yg-l: calc(var(--global-space-micro-l) * 2); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-keyline-x-s: calc(var(--global-space-macro-xxxs) - 1); /* Left padding on keyline for small progressively shown inputs */
+  --form-space-integral-progressive-keyline-x-m: calc(var(--global-space-macro-xxs) - 1); /* Left padding on keyline for medium progressively shown inputs */
+  --form-space-integral-progressive-keyline-x-l: calc(var(--global-space-macro-xs) - 1); /* Left padding on keyline for large progressively shown inputs */
   --form-space-rating-xg-m: var(--global-space-micro-l); /* small gap between rating stars */
   --form-space-rating-xg-l: var(--global-space-micro-xxl); /* medium gap between rating stars */
   --form-space-layout-stack-s: var(--global-space-macro-xs); /* Spacing between horizontal and vertical S form components */
@@ -1210,6 +1213,7 @@
   --form-size-switch-handle-icon-l: var(--global-size-icon-m); /* L switch icon inside knob */
   --form-size-textarea-m: calc(var(--global-size-macro-m) * 2); /* Min height for all text area sizes. */
   --form-size-validation-bar: var(--global-size-micro-xxs); /* 2px validation bar used on errors and warnings */
+  --form-size-progressive-bar: var(--global-size-micro-xxs); /* 2px progressive disclosure keyline bar used in checkbox and radio groups */
   --form-size-rating-m: var(--global-size-icon-m); /* medium rating stars */
   --form-size-rating-l: var(--global-size-icon-xl); /* large rating stars */
   --form-color-calendar-bg-disabled: light-dark(var(--modes-color-interactive-inactive-default-alt-light), var(--modes-color-interactive-inactive-default-alt-dark));
@@ -1257,6 +1261,7 @@
   --form-radius-fileselector: var(--global-radius-container-m); /* File preview (file selector asset) */
   --form-radius-input: var(--global-radius-interactive-m); /* Date picker input, Date range input, Dropdown select (trigger), Search, File input (draggable area), Text area, Text input */
   --form-radius-validationbar: var(--global-radius-interactive-xs); /* Validation bar */
+  --form-radius-progressivebar: var(--global-radius-interactive-xs); /* Validation bar */
   --form-radius-calendar-today: var(--global-radius-container-xs); /* Calendar (today indicator) */
   --form-borderwidth-colorpicker: var(--global-borderwidth-xs); /* swatch border */
   --form-borderwidth-caution: var(--global-borderwidth-xs); /* Caution border */

package/css/product/large/components/form.css CHANGED Viewed

@@ -118,15 +118,18 @@
   --form-space-integral-yg-s: var(--global-space-micro-m); /* Space below labelset or error validation in form components */
   --form-space-integral-yg-m: var(--global-space-micro-l); /* Space below labelset or error validation in form components */
   --form-space-integral-yg-l: var(--global-space-micro-xl); /* Space below labelset or error validation in form components */
-  --form-space-integral-progressive-x-s: calc(var(--global-space-macro-m) - var(--global-space-micro-xs)); /* Left padding on progressively shown form inputs on radio and checkbox */
-  --form-space-integral-progressive-x-m: var(--global-space-macro-l); /* Left padding on progressively shown form inputs on radio and checkbox */
-  --form-space-integral-progressive-x-l: calc(var(--global-space-macro-xl) + var(--global-space-micro-xs)); /* Left padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-x-s: calc(var(--global-space-macro-xs) - 3); /* Left padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-x-m: var(--global-space-macro-s); /* Left padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-x-l: calc(var(--global-space-macro-m) + 1); /* Left padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-y-s: var(--global-space-micro-l); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-y-m: var(--global-space-micro-xxl); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-y-l: calc(var(--global-space-micro-l) * 2); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-yg-s: var(--global-space-micro-l); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-yg-m: var(--global-space-micro-xxl); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-yg-l: calc(var(--global-space-micro-l) * 2); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-keyline-x-s: calc(var(--global-space-macro-xxxs) - 1); /* Left padding on keyline for small progressively shown inputs */
+  --form-space-integral-progressive-keyline-x-m: calc(var(--global-space-macro-xxs) - 1); /* Left padding on keyline for medium progressively shown inputs */
+  --form-space-integral-progressive-keyline-x-l: calc(var(--global-space-macro-xs) - 1); /* Left padding on keyline for large progressively shown inputs */
   --form-space-rating-xg-m: var(--global-space-micro-l); /* small gap between rating stars */
   --form-space-rating-xg-l: var(--global-space-micro-xxl); /* medium gap between rating stars */
   --form-space-layout-stack-s: var(--global-space-macro-xs); /* Spacing between horizontal and vertical S form components */
@@ -207,6 +210,7 @@
   --form-size-switch-handle-icon-l: var(--global-size-icon-m); /* L switch icon inside knob */
   --form-size-textarea-m: calc(var(--global-size-macro-m) * 2); /* Min height for all text area sizes. */
   --form-size-validation-bar: var(--global-size-micro-xxs); /* 2px validation bar used on errors and warnings */
+  --form-size-progressive-bar: var(--global-size-micro-xxs); /* 2px progressive disclosure keyline bar used in checkbox and radio groups */
   --form-size-rating-m: var(--global-size-icon-m); /* medium rating stars */
   --form-size-rating-l: var(--global-size-icon-xl); /* large rating stars */
   --form-color-calendar-bg-disabled: var(--modes-color-interactive-inactive-default-alt);
@@ -254,6 +258,7 @@
   --form-radius-fileselector: var(--global-radius-container-m); /* File preview (file selector asset) */
   --form-radius-input: var(--global-radius-interactive-m); /* Date picker input, Date range input, Dropdown select (trigger), Search, File input (draggable area), Text area, Text input */
   --form-radius-validationbar: var(--global-radius-interactive-xs); /* Validation bar */
+  --form-radius-progressivebar: var(--global-radius-interactive-xs); /* Validation bar */
   --form-radius-calendar-today: var(--global-radius-container-xs); /* Calendar (today indicator) */
   --form-borderwidth-colorpicker: var(--global-borderwidth-xs); /* swatch border */
   --form-borderwidth-caution: var(--global-borderwidth-xs); /* Caution border */

package/css/product/small/components/form.css CHANGED Viewed

@@ -118,15 +118,18 @@
   --form-space-integral-yg-s: var(--global-space-micro-m); /* Space below labelset or error validation in form components */
   --form-space-integral-yg-m: var(--global-space-micro-l); /* Space below labelset or error validation in form components */
   --form-space-integral-yg-l: var(--global-space-micro-xl); /* Space below labelset or error validation in form components */
-  --form-space-integral-progressive-x-s: calc(var(--global-space-macro-m) - var(--global-space-micro-xs)); /* Left padding on progressively shown form inputs on radio and checkbox */
-  --form-space-integral-progressive-x-m: var(--global-space-macro-l); /* Left padding on progressively shown form inputs on radio and checkbox */
-  --form-space-integral-progressive-x-l: calc(var(--global-space-macro-xl) + var(--global-space-micro-xs)); /* Left padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-x-s: calc(var(--global-space-macro-xs) - 3); /* Left padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-x-m: var(--global-space-macro-s); /* Left padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-x-l: calc(var(--global-space-macro-m) + 1); /* Left padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-y-s: var(--global-space-micro-l); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-y-m: var(--global-space-micro-xxl); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-y-l: calc(var(--global-space-micro-l) * 2); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-yg-s: var(--global-space-micro-l); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-yg-m: var(--global-space-micro-xxl); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
   --form-space-integral-progressive-yg-l: calc(var(--global-space-micro-l) * 2); /* Top and bottom padding on progressively shown form inputs on radio and checkbox */
+  --form-space-integral-progressive-keyline-x-s: calc(var(--global-space-macro-xxxs) - 1); /* Left padding on keyline for small progressively shown inputs */
+  --form-space-integral-progressive-keyline-x-m: calc(var(--global-space-macro-xxs) - 1); /* Left padding on keyline for medium progressively shown inputs */
+  --form-space-integral-progressive-keyline-x-l: calc(var(--global-space-macro-xs) - 1); /* Left padding on keyline for large progressively shown inputs */
   --form-space-rating-xg-m: var(--global-space-micro-l); /* small gap between rating stars */
   --form-space-rating-xg-l: var(--global-space-micro-xxl); /* medium gap between rating stars */
   --form-space-layout-stack-s: var(--global-space-macro-xs); /* Spacing between horizontal and vertical S form components */
@@ -207,6 +210,7 @@
   --form-size-switch-handle-icon-l: var(--global-size-icon-m); /* L switch icon inside knob */
   --form-size-textarea-m: calc(var(--global-size-macro-m) * 2); /* Min height for all text area sizes. */
   --form-size-validation-bar: var(--global-size-micro-xxs); /* 2px validation bar used on errors and warnings */
+  --form-size-progressive-bar: var(--global-size-micro-xxs); /* 2px progressive disclosure keyline bar used in checkbox and radio groups */
   --form-size-rating-m: var(--global-size-icon-m); /* medium rating stars */
   --form-size-rating-l: var(--global-size-icon-xl); /* large rating stars */
   --form-color-calendar-bg-disabled: var(--modes-color-interactive-inactive-default-alt);
@@ -254,6 +258,7 @@
   --form-radius-fileselector: var(--global-radius-container-m); /* File preview (file selector asset) */
   --form-radius-input: var(--global-radius-interactive-m); /* Date picker input, Date range input, Dropdown select (trigger), Search, File input (draggable area), Text area, Text input */
   --form-radius-validationbar: var(--global-radius-interactive-xs); /* Validation bar */
+  --form-radius-progressivebar: var(--global-radius-interactive-xs); /* Validation bar */
   --form-radius-calendar-today: var(--global-radius-container-xs); /* Calendar (today indicator) */
   --form-borderwidth-colorpicker: var(--global-borderwidth-xs); /* swatch border */
   --form-borderwidth-caution: var(--global-borderwidth-xs); /* Caution border */

package/ios/frozenproduct/large/dark/components/form.h CHANGED Viewed

@@ -92,15 +92,18 @@
 #define formSpaceIntegralYgS 6
 #define formSpaceIntegralYgM 8
 #define formSpaceIntegralYgL 10
-#define formSpaceIntegralProgressiveXS 22
-#define formSpaceIntegralProgressiveXM 32
-#define formSpaceIntegralProgressiveXL 42
+#define formSpaceIntegralProgressiveXS 13
+#define formSpaceIntegralProgressiveXM 20
+#define formSpaceIntegralProgressiveXL 25
 #define formSpaceIntegralProgressiveYS 8
 #define formSpaceIntegralProgressiveYM 12
 #define formSpaceIntegralProgressiveYL 16
 #define formSpaceIntegralProgressiveYgS 8
 #define formSpaceIntegralProgressiveYgM 12
 #define formSpaceIntegralProgressiveYgL 16
+#define formSpaceIntegralProgressiveKeylineXS 7
+#define formSpaceIntegralProgressiveKeylineXM 11
+#define formSpaceIntegralProgressiveKeylineXL 15
 #define formSpaceRatingXgM 8
 #define formSpaceRatingXgL 12
 #define formSpaceLayoutStackS 16
@@ -186,6 +189,7 @@
 #define formSizeSearchInputMaxwidth 400
 #define formSizeTextareaM 80
 #define formSizeValidationBar 2
+#define formSizeProgressiveBar 2
 #define formSizeRatingM 20
 #define formSizeRatingL 32
 #define formColorCalendarBgActive #FFFFFF
@@ -270,6 +274,7 @@
 #define formRadiusRadio 999
 #define formRadiusSwitch 999
 #define formRadiusValidationbar 2
+#define formRadiusProgressivebar 2
 #define formRadiusCalendarNone 0
 #define formRadiusCalendarDate 999
 #define formRadiusCalendarToday 2

package/ios/frozenproduct/large/light/components/form.h CHANGED Viewed

@@ -92,15 +92,18 @@
 #define formSpaceIntegralYgS 6
 #define formSpaceIntegralYgM 8
 #define formSpaceIntegralYgL 10
-#define formSpaceIntegralProgressiveXS 22
-#define formSpaceIntegralProgressiveXM 32
-#define formSpaceIntegralProgressiveXL 42
+#define formSpaceIntegralProgressiveXS 13
+#define formSpaceIntegralProgressiveXM 20
+#define formSpaceIntegralProgressiveXL 25
 #define formSpaceIntegralProgressiveYS 8
 #define formSpaceIntegralProgressiveYM 12
 #define formSpaceIntegralProgressiveYL 16
 #define formSpaceIntegralProgressiveYgS 8
 #define formSpaceIntegralProgressiveYgM 12
 #define formSpaceIntegralProgressiveYgL 16
+#define formSpaceIntegralProgressiveKeylineXS 7
+#define formSpaceIntegralProgressiveKeylineXM 11
+#define formSpaceIntegralProgressiveKeylineXL 15
 #define formSpaceRatingXgM 8
 #define formSpaceRatingXgL 12
 #define formSpaceLayoutStackS 16
@@ -186,6 +189,7 @@
 #define formSizeSearchInputMaxwidth 400
 #define formSizeTextareaM 80
 #define formSizeValidationBar 2
+#define formSizeProgressiveBar 2
 #define formSizeRatingM 20
 #define formSizeRatingL 32
 #define formColorCalendarBgActive #000000
@@ -270,6 +274,7 @@
 #define formRadiusRadio 999
 #define formRadiusSwitch 999
 #define formRadiusValidationbar 2
+#define formRadiusProgressivebar 2
 #define formRadiusCalendarNone 0
 #define formRadiusCalendarDate 999
 #define formRadiusCalendarToday 2

package/ios/frozenproduct/small/dark/components/form.h CHANGED Viewed

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

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

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

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

@@ -92,15 +92,18 @@
 #define formSpaceIntegralYgS 6
 #define formSpaceIntegralYgM 8
 #define formSpaceIntegralYgL 10
-#define formSpaceIntegralProgressiveXS 22
-#define formSpaceIntegralProgressiveXM 32
-#define formSpaceIntegralProgressiveXL 42
+#define formSpaceIntegralProgressiveXS 13
+#define formSpaceIntegralProgressiveXM 20
+#define formSpaceIntegralProgressiveXL 25
 #define formSpaceIntegralProgressiveYS 8
 #define formSpaceIntegralProgressiveYM 12
 #define formSpaceIntegralProgressiveYL 16
 #define formSpaceIntegralProgressiveYgS 8
 #define formSpaceIntegralProgressiveYgM 12
 #define formSpaceIntegralProgressiveYgL 16
+#define formSpaceIntegralProgressiveKeylineXS 7
+#define formSpaceIntegralProgressiveKeylineXM 11
+#define formSpaceIntegralProgressiveKeylineXL 15
 #define formSpaceRatingXgM 8
 #define formSpaceRatingXgL 12
 #define formSpaceLayoutStackS 16
@@ -186,6 +189,7 @@
 #define formSizeSearchInputMaxwidth 400
 #define formSizeTextareaM 80
 #define formSizeValidationBar 2
+#define formSizeProgressiveBar 2
 #define formSizeRatingM 20
 #define formSizeRatingL 32
 #define formColorCalendarBgActive #FFFFFF
@@ -270,6 +274,7 @@
 #define formRadiusRadio 999
 #define formRadiusSwitch 999
 #define formRadiusValidationbar 2
+#define formRadiusProgressivebar 2
 #define formRadiusCalendarNone 0
 #define formRadiusCalendarDate 999
 #define formRadiusCalendarToday 2

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

@@ -92,15 +92,18 @@
 #define formSpaceIntegralYgS 6
 #define formSpaceIntegralYgM 8
 #define formSpaceIntegralYgL 10
-#define formSpaceIntegralProgressiveXS 22
-#define formSpaceIntegralProgressiveXM 32
-#define formSpaceIntegralProgressiveXL 42
+#define formSpaceIntegralProgressiveXS 13
+#define formSpaceIntegralProgressiveXM 20
+#define formSpaceIntegralProgressiveXL 25
 #define formSpaceIntegralProgressiveYS 8
 #define formSpaceIntegralProgressiveYM 12
 #define formSpaceIntegralProgressiveYL 16
 #define formSpaceIntegralProgressiveYgS 8
 #define formSpaceIntegralProgressiveYgM 12
 #define formSpaceIntegralProgressiveYgL 16
+#define formSpaceIntegralProgressiveKeylineXS 7
+#define formSpaceIntegralProgressiveKeylineXM 11
+#define formSpaceIntegralProgressiveKeylineXL 15
 #define formSpaceRatingXgM 8
 #define formSpaceRatingXgL 12
 #define formSpaceLayoutStackS 16
@@ -186,6 +189,7 @@
 #define formSizeSearchInputMaxwidth 400
 #define formSizeTextareaM 80
 #define formSizeValidationBar 2
+#define formSizeProgressiveBar 2
 #define formSizeRatingM 20
 #define formSizeRatingL 32
 #define formColorCalendarBgActive #000000
@@ -270,6 +274,7 @@
 #define formRadiusRadio 999
 #define formRadiusSwitch 999
 #define formRadiusValidationbar 2
+#define formRadiusProgressivebar 2
 #define formRadiusCalendarNone 0
 #define formRadiusCalendarDate 999
 #define formRadiusCalendarToday 2