npm - @wix/design-system - Versions diffs - 1.204.1 → 1.205.0 - Mend

@wix/design-system 1.204.1 → 1.205.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 (724) hide show

package/dist/statics/tokens-default.global.css CHANGED Viewed

@@ -992,6 +992,7 @@
   --wds-list-item-select-icon-padding-vertical-medium: var(--wds-space-100);
   --wds-list-item-select-icon-padding-horizontal-small: var(--wds-space-200);
   --wds-list-item-select-icon-padding-horizontal-medium: var(--wds-space-200);
+  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-regular);
   --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
   --wds-list-item-select-padding-vertical-small: var(--wds-space-100);
   --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
@@ -1002,9 +1003,13 @@
   --wds-list-item-select-padding-left-medium: var(--wds-space-300);
   --wds-list-item-select-padding-horizontal-small: var(--wds-space-300);
   --wds-list-item-select-padding-horizontal-medium: var(--wds-space-300);
+  --wds-list-item-select-label-font-weight-small: var(--wds-font-weight-regular);
+  --wds-list-item-select-label-font-weight-medium: var(--wds-font-weight-regular);
   --wds-list-item-select-border-radius: var(--wds-border-radius-0);
   --wds-list-item-select-affix-margin: var(--wds-space-100);
   --wds-list-item-section-padding-horizontal: var(--wds-space-400);
+  --wds-list-item-action-title-font-weight-active: var(--wds-font-weight-regular);
+  --wds-list-item-action-title-font-weight: var(--wds-font-weight-regular);
   --wds-list-item-action-padding-vertical-small-screen-small: var(--wds-space-200);
   --wds-list-item-action-padding-vertical-small: var(--wds-space-100);
   --wds-list-item-action-padding-vertical-medium-screen-small: var(--wds-space-200);
@@ -1012,7 +1017,8 @@
   --wds-list-item-action-padding-horizontal-small: var(--wds-space-300);
   --wds-list-item-action-padding-horizontal-medium: var(--wds-space-300);
   --wds-list-item-action-border-radius: var(--wds-border-radius-0);
-  --wds-list-item-action-affix-margin: var(--wds-space-100);
+  --wds-list-item-action-affix-margin-small: var(--wds-space-100);
+  --wds-list-item-action-affix-margin-medium: var(--wds-space-100);
   --wds-list-item-padding-vertical-xx-tiny: var(--wds-space-50);
   --wds-list-item-padding-vertical-x-tiny: var(--wds-space-100);
   --wds-list-item-padding-vertical-tiny: var(--wds-space-200);
@@ -1151,10 +1157,10 @@
   --wds-card-tab-padding-vertical-medium: var(--wds-space-300);
   --wds-card-tab-padding-horizontal-small: var(--wds-space-300);
   --wds-card-tab-padding-horizontal-medium: var(--wds-space-300);
-  --wds-card-header-paddings-vertical: var(--wds-space-300);
-  --wds-card-header-paddings-horizontal: var(--wds-space-400);
-  --wds-card-content-paddings-vertical: var(--wds-space-400);
-  --wds-card-content-paddings-horizontal: var(--wds-space-400);
+  --wds-card-header-padding-vertical: var(--wds-space-300);
+  --wds-card-header-padding-horizontal: var(--wds-space-400);
+  --wds-card-content-padding-medium: var(--wds-space-400);
+  --wds-card-content-padding-large: var(--wds-space-600);
   --wds-card-border: var(--wds-border-radius-400);
   --wds-button-text-standard-primary-hover: var(--wds-color-black-100);
   --wds-button-text-standard-primary: var(--wds-color-black-100);
@@ -1223,6 +1229,9 @@
   --wds-add-item-border-radius: var(--wds-border-radius-400);
   --wds-accordion-title-font-weight-small: var(--wds-font-weight-medium);
   --wds-accordion-title-font-weight: var(--wds-font-weight-medium);
+  --wds-accordion-inner-content-padding-top: var(--wds-space-250);
+  --wds-accordion-inner-content-fill: var(--wds-color-blue-600);
+  --wds-accordion-border-radius: var(--wds-border-radius-0);
   --wds-shadow-surface-raised: var(--wds-shadow-200);
   --wds-shadow-surface-overlay-dark: var(--wds-shadow-300);
   --wds-shadow-surface-overlay: var(--wds-shadow-300);
@@ -1393,8 +1402,11 @@
   --wds-loader-fill-light: var(--wds-color-fill-light-primary);
   --wds-loader-fill-error: var(--wds-color-fill-destructive-primary);
   --wds-loader-fill: var(--wds-color-fill-standard-secondary);
+  --wds-list-item-select-title-pressed: var(--wds-color-text-standard-primary);
   --wds-list-item-select-title-disabled: var(--wds-color-text-disabled);
   --wds-list-item-select-title: var(--wds-color-text-standard-primary);
+  --wds-list-item-select-suffix-pressed: var(--wds-color-text-placeholder);
+  --wds-list-item-select-suffix: var(--wds-color-text-placeholder);
   --wds-list-item-select-subtitle-font-size-medium: var(--wds-font-size-body-small);
   --wds-list-item-select-subtitle-disabled: var(--wds-color-text-disabled);
   --wds-list-item-select-subtitle: var(--wds-color-text-placeholder);
@@ -1420,7 +1432,9 @@
   --wds-list-item-select-active-fill: var(--wds-color-fill-standard-primary);
   --wds-list-item-section-font-size: var(--wds-font-size-body-small);
   --wds-list-item-section-fill: var(--wds-color-fill-standard-tertiary);
-  --wds-list-item-action-subtitle-font-size-medium: var(--wds-font-size-body-small);
+  --wds-list-item-action-suffix-fill-active: var(--wds-color-text-placeholder);
+  --wds-list-item-action-suffix-fill: var(--wds-color-text-placeholder);
+  --wds-list-item-action-subtitle-font-size: var(--wds-font-size-body-small);
   --wds-list-item-action-subtitle-fill-active: var(--wds-color-text-placeholder);
   --wds-list-item-action-label-font-size-small: var(--wds-font-size-body-small);
   --wds-list-item-action-label-font-size-medium: var(--wds-font-size-body-medium);
@@ -1562,7 +1576,7 @@
   --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-small);
   --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
   --wds-list-item-section-line-height: var(--wds-font-line-height-body-small);
-  --wds-list-item-action-subtitle-font-line-height-medium: var(--wds-font-line-height-body-small);
+  --wds-list-item-action-subtitle-font-line-height: var(--wds-font-line-height-body-small);
   --wds-list-item-action-label-font-line-height-small: var(--wds-font-line-height-body-small);
   --wds-list-item-action-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
   --wds-input-value-font-line-height-tiny: var(--wds-font-line-height-body-tiny);

package/dist/statics/tokens-studio.global.css CHANGED Viewed

@@ -146,9 +146,9 @@
   --wds-color-fill-accent-3: #6959F0;
   --wds-color-fill-accent-2: #17B0E2;
   --wds-color-fill-accent-1: #1684EA;
-  --wds-color-border-ai-hover: #ffffff;
-  --wds-color-border-ai-disabled: #ffffff;
-  --wds-color-border-ai-active: #ffffff;
+  --wds-color-border-ai-primary-hover: #ffffff;
+  --wds-color-border-ai-primary-disabled: #ffffff;
+  --wds-color-border-ai-primary-active: #ffffff;
   --wds-color-yellow-600: #fef6ed;
   --wds-color-yellow-500: #fef3e5;
   --wds-color-yellow-400: #fdead2;
@@ -811,7 +811,7 @@
   --wds-swatches-list-padding-horizontal: var(--wds-space-400);
   --wds-swatches-list-gap: var(--wds-space-300);
   --wds-stepper-prefix-size-number: var(--wds-space-400);
-  --wds-stepper-prefix-size-circle: var(--wds-space-500);
+  --wds-stepper-prefix-size-circle: var(--wds-space-700);
   --wds-social-preview-content-padding-vertical: var(--wds-space-200);
   --wds-social-preview-content-padding-horizontal: var(--wds-space-300);
   --wds-social-post-preview-content-padding-vertical: var(--wds-space-300);
@@ -1010,6 +1010,7 @@
   --wds-list-item-select-icon-padding-vertical-medium: var(--wds-space-100);
   --wds-list-item-select-icon-padding-horizontal-medium: var(--wds-space-300);
   --wds-list-item-select-title-disabled: var(--wds-color-text-disabled);
+  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-regular);
   --wds-list-item-select-subtitle-disabled: var(--wds-color-text-disabled);
   --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
   --wds-list-item-select-padding-vertical-small: var(--wds-space-150);
@@ -1021,6 +1022,8 @@
   --wds-list-item-select-padding-left-medium: var(--wds-space-300);
   --wds-list-item-select-padding-horizontal-small: var(--wds-space-200);
   --wds-list-item-select-padding-horizontal-medium: var(--wds-space-200);
+  --wds-list-item-select-label-font-weight-small: var(--wds-font-weight-regular);
+  --wds-list-item-select-label-font-weight-medium: var(--wds-font-weight-regular);
   --wds-list-item-select-affix-margin: var(--wds-space-150);
   --wds-list-item-select-active-title-disabled-screen-small: var(--wds-color-text-disabled);
   --wds-list-item-select-active-title-disabled: var(--wds-color-text-disabled);
@@ -1028,6 +1031,9 @@
   --wds-list-item-select-active-subtitle-disabled: var(--wds-color-text-disabled);
   --wds-list-item-select-active-fill-disabled: var(--wds-color-fill-standard-secondary-disabled);
   --wds-list-item-section-padding-horizontal: var(--wds-space-400);
+  --wds-list-item-action-title-font-weight-active: var(--wds-font-weight-regular);
+  --wds-list-item-action-title-font-weight: var(--wds-font-weight-regular);
+  --wds-list-item-action-subtitle-font-line-height: var(--wds-space-475);
   --wds-list-item-action-padding-vertical-small-screen-small: var(--wds-space-200);
   --wds-list-item-action-padding-vertical-small: var(--wds-space-150);
   --wds-list-item-action-padding-vertical-medium-screen-small: var(--wds-space-200);
@@ -1036,7 +1042,8 @@
   --wds-list-item-action-padding-horizontal-medium: var(--wds-space-300);
   --wds-list-item-action-label-font-line-height-small: var(--wds-space-475);
   --wds-list-item-action-border-radius: var(--wds-border-radius-0);
-  --wds-list-item-action-affix-margin: var(--wds-space-100);
+  --wds-list-item-action-affix-margin-small: var(--wds-space-100);
+  --wds-list-item-action-affix-margin-medium: var(--wds-space-100);
   --wds-list-item-padding-vertical-xx-tiny: var(--wds-space-100);
   --wds-list-item-padding-vertical-x-tiny: var(--wds-space-200);
   --wds-list-item-padding-vertical-tiny: var(--wds-space-300);
@@ -1187,10 +1194,10 @@
   --wds-card-tab-padding-vertical-medium: var(--wds-space-400);
   --wds-card-tab-padding-horizontal-small: var(--wds-space-500);
   --wds-card-tab-padding-horizontal-medium: var(--wds-space-500);
-  --wds-card-header-paddings-vertical: var(--wds-space-400);
-  --wds-card-header-paddings-horizontal: var(--wds-space-600);
-  --wds-card-content-paddings-vertical: var(--wds-space-600);
-  --wds-card-content-paddings-horizontal: var(--wds-space-600);
+  --wds-card-header-padding-vertical: var(--wds-space-400);
+  --wds-card-header-padding-horizontal: var(--wds-space-600);
+  --wds-card-content-padding-medium: var(--wds-space-600);
+  --wds-card-content-padding-large: var(--wds-space-900);
   --wds-card-border: var(--wds-border-radius-200);
   --wds-button-text-standard-primary-hover: var(--wds-color-black-100);
   --wds-button-text-standard-primary: var(--wds-color-black-100);
@@ -1259,6 +1266,9 @@
   --wds-add-item-border-radius: var(--wds-border-radius-200);
   --wds-accordion-title-font-weight-small: var(--wds-font-weight-bold);
   --wds-accordion-title-font-weight: var(--wds-font-weight-medium);
+  --wds-accordion-inner-content-padding-top: var(--wds-space-400);
+  --wds-accordion-inner-content-fill: var(--wds-color-blue-600);
+  --wds-accordion-border-radius: var(--wds-border-radius-0);
   --wds-shadow-surface-overlay: var(--wds-shadow-300);
   --wds-shadow-surface-modal: var(--wds-shadow-400);
   --wds-shadow-inner-400-vertical: var(--wds-shadow-inner-300-top), var(--wds-shadow-inner-300-bottom);
@@ -1413,7 +1423,10 @@
   --wds-loader-fill-light: var(--wds-color-fill-light-primary);
   --wds-loader-fill-error: var(--wds-color-fill-destructive-primary);
   --wds-loader-fill: var(--wds-color-fill-standard-secondary);
+  --wds-list-item-select-title-pressed: var(--wds-color-text-standard-primary);
   --wds-list-item-select-title: var(--wds-color-text-standard-primary);
+  --wds-list-item-select-suffix-pressed: var(--wds-color-text-placeholder);
+  --wds-list-item-select-suffix: var(--wds-color-text-placeholder);
   --wds-list-item-select-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
   --wds-list-item-select-subtitle: var(--wds-color-text-placeholder);
   --wds-list-item-select-label-font-size-small: var(--wds-font-size-body-tiny);
@@ -1433,7 +1446,9 @@
   --wds-list-item-select-active-fill: var(--wds-color-fill-standard-secondary);
   --wds-list-item-section-font-size: var(--wds-font-size-body-tiny);
   --wds-list-item-section-fill: var(--wds-color-fill-standard-tertiary);
-  --wds-list-item-action-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
+  --wds-list-item-action-suffix-fill-active: var(--wds-color-text-placeholder);
+  --wds-list-item-action-suffix-fill: var(--wds-color-text-placeholder);
+  --wds-list-item-action-subtitle-font-size: var(--wds-font-size-body-tiny);
   --wds-list-item-action-subtitle-fill-active: var(--wds-color-text-placeholder);
   --wds-list-item-action-label-font-size-small: var(--wds-font-size-body-tiny);
   --wds-list-item-action-label-font-size-medium: var(--wds-font-size-body-small);
@@ -1562,7 +1577,6 @@
   --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
   --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-small);
   --wds-list-item-section-line-height: var(--wds-font-line-height-body-tiny);
-  --wds-list-item-action-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
   --wds-list-item-action-label-font-line-height-medium: var(--wds-font-line-height-body-small);
   --wds-input-value-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
   --wds-input-value-font-line-height-small: var(--wds-font-line-height-body-tiny);

package/dist/statics/tokens-wixel.global.css CHANGED Viewed

@@ -1020,6 +1020,7 @@
   --wds-list-item-select-icon-padding-vertical-medium: var(--wds-space-100);
   --wds-list-item-select-icon-padding-horizontal-small: var(--wds-space-300);
   --wds-list-item-select-icon-padding-horizontal-medium: var(--wds-space-300);
+  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-regular);
   --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
   --wds-list-item-select-padding-vertical-small: var(--wds-space-300);
   --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
@@ -1030,10 +1031,14 @@
   --wds-list-item-select-padding-left-medium: var(--wds-space-300);
   --wds-list-item-select-padding-horizontal-small: var(--wds-space-200);
   --wds-list-item-select-padding-horizontal-medium: var(--wds-space-200);
+  --wds-list-item-select-label-font-weight-small: var(--wds-font-weight-regular);
+  --wds-list-item-select-label-font-weight-medium: var(--wds-font-weight-regular);
   --wds-list-item-select-border-radius: var(--wds-border-radius-400);
   --wds-list-item-select-affix-margin: var(--wds-space-150);
   --wds-list-item-select-active-fill-disabled: var(--wds-color-fill-standard-secondary-disabled);
   --wds-list-item-section-padding-horizontal: var(--wds-space-400);
+  --wds-list-item-action-title-font-weight-active: var(--wds-font-weight-regular);
+  --wds-list-item-action-title-font-weight: var(--wds-font-weight-regular);
   --wds-list-item-action-padding-vertical-small-screen-small: var(--wds-space-200);
   --wds-list-item-action-padding-vertical-small: var(--wds-space-300);
   --wds-list-item-action-padding-vertical-medium-screen-small: var(--wds-space-200);
@@ -1041,7 +1046,8 @@
   --wds-list-item-action-padding-horizontal-small: var(--wds-space-200);
   --wds-list-item-action-padding-horizontal-medium: var(--wds-space-200);
   --wds-list-item-action-border-radius: var(--wds-border-radius-400);
-  --wds-list-item-action-affix-margin: var(--wds-space-150);
+  --wds-list-item-action-affix-margin-small: var(--wds-space-150);
+  --wds-list-item-action-affix-margin-medium: var(--wds-space-150);
   --wds-list-item-padding-vertical-xx-tiny: var(--wds-space-100);
   --wds-list-item-padding-vertical-x-tiny: var(--wds-space-200);
   --wds-list-item-padding-vertical-tiny: var(--wds-space-300);
@@ -1193,10 +1199,10 @@
   --wds-card-tab-padding-vertical-medium: var(--wds-space-400);
   --wds-card-tab-padding-horizontal-small: var(--wds-space-500);
   --wds-card-tab-padding-horizontal-medium: var(--wds-space-500);
-  --wds-card-header-paddings-vertical: var(--wds-space-400);
-  --wds-card-header-paddings-horizontal: var(--wds-space-600);
-  --wds-card-content-paddings-vertical: var(--wds-space-600);
-  --wds-card-content-paddings-horizontal: var(--wds-space-600);
+  --wds-card-header-padding-vertical: var(--wds-space-400);
+  --wds-card-header-padding-horizontal: var(--wds-space-600);
+  --wds-card-content-padding-medium: var(--wds-space-600);
+  --wds-card-content-padding-large: var(--wds-space-600);
   --wds-card-border: var(--wds-border-radius-200);
   --wds-button-text-standard-primary-hover: var(--wds-color-black-100);
   --wds-button-text-standard-primary: var(--wds-color-black-100);
@@ -1267,6 +1273,9 @@
   --wds-add-item-border-radius: var(--wds-border-radius-600);
   --wds-accordion-title-font-weight-small: var(--wds-font-weight-semi-bold);
   --wds-accordion-title-font-weight: var(--wds-font-weight-semi-bold);
+  --wds-accordion-inner-content-padding-top: var(--wds-space-400);
+  --wds-accordion-inner-content-fill: var(--wds-color-blue-600);
+  --wds-accordion-border-radius: var(--wds-border-radius-0);
   --wds-shadow-inner-400-vertical: var(--wds-shadow-inner-300-top), var(--wds-shadow-inner-300-bottom);
   --wds-shadow-inner-400-horizontal: var(--wds-shadow-inner-300-left), var(--wds-shadow-inner-300-right);
   --wds-shadow-inner-300-vertical: var(--wds-shadow-inner-300-top), var(--wds-shadow-inner-300-bottom);
@@ -1422,8 +1431,11 @@
   --wds-loader-fill-light: var(--wds-color-fill-light-primary);
   --wds-loader-fill-error: var(--wds-color-fill-destructive-primary);
   --wds-loader-fill: var(--wds-color-fill-standard-secondary);
+  --wds-list-item-select-title-pressed: var(--wds-color-text-standard-primary);
   --wds-list-item-select-title-disabled: var(--wds-color-text-disabled);
   --wds-list-item-select-title: var(--wds-color-text-standard-primary);
+  --wds-list-item-select-suffix-pressed: var(--wds-color-text-placeholder);
+  --wds-list-item-select-suffix: var(--wds-color-text-placeholder);
   --wds-list-item-select-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
   --wds-list-item-select-subtitle-disabled: var(--wds-color-text-disabled);
   --wds-list-item-select-subtitle: var(--wds-color-text-placeholder);
@@ -1448,7 +1460,9 @@
   --wds-list-item-select-active-fill: var(--wds-color-fill-standard-secondary);
   --wds-list-item-section-font-size: var(--wds-font-size-body-tiny);
   --wds-list-item-section-fill: var(--wds-color-fill-standard-tertiary);
-  --wds-list-item-action-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
+  --wds-list-item-action-suffix-fill-active: var(--wds-color-text-placeholder);
+  --wds-list-item-action-suffix-fill: var(--wds-color-text-placeholder);
+  --wds-list-item-action-subtitle-font-size: var(--wds-font-size-body-tiny);
   --wds-list-item-action-subtitle-fill-active: var(--wds-color-text-placeholder);
   --wds-list-item-action-label-font-size-small: var(--wds-font-size-body-tiny);
   --wds-list-item-action-label-font-size-medium: var(--wds-font-size-body-small);
@@ -1566,7 +1580,7 @@
   --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
   --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-small);
   --wds-list-item-section-font-line-height: var(--wds-font-line-height-body-tiny);
-  --wds-list-item-action-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
+  --wds-list-item-action-subtitle-font-line-height: var(--wds-font-line-height-body-tiny);
   --wds-list-item-action-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
   --wds-list-item-action-label-font-line-height-medium: var(--wds-font-line-height-body-small);
   --wds-input-value-font-line-height-tiny: var(--wds-font-line-height-body-tiny);