@wix/design-system-tokens 1.16.7 → 1.17.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 (7) hide show
  1. package/all.css +5 -2
  2. package/all.st.css +2 -0
  3. package/package.json +2 -2
  4. package/semantic.st.css +2 -0
  5. package/studio/all.css +5 -2
  6. package/studio/all.st.css +2 -0
  7. package/studio/semantic.st.css +2 -0
package/all.css CHANGED
@@ -319,6 +319,8 @@
319
319
  --wds-radio-label-font-line-height-small: 18px;
320
320
  --wds-radio-label-font-size-medium: 16px;
321
321
  --wds-radio-label-font-size-small: 14px;
322
+ --wds-radio-group-gap-horizontal-medium: 24px;
323
+ --wds-radio-group-gap-horizontal-small: 24px;
322
324
  --wds-radio-group-gap-vertical-medium: 12px;
323
325
  --wds-radio-group-gap-vertical-small: 6px;
324
326
  --wds-radio-group-item-padding-default-horizontal: 0;
@@ -363,7 +365,7 @@
363
365
  --wds-segmented-toggle-padding-vertical-small: 6px;
364
366
  --wds-segmented-toggle-size-medium: 36px;
365
367
  --wds-segmented-toggle-size-small: 30px;
366
- --wds-select-area-border: 8px;
368
+ --wds-select-area-border-radius: 8px;
367
369
  --wds-select-area-fill: #f4f7ff;
368
370
  --wds-select-area-fill-active: #d6e6fe;
369
371
  --wds-select-area-fill-disabled: rgba(255, 255, 255, 0);
@@ -809,6 +811,7 @@
809
811
  --wds-color-border-warning-tertiary-active: #ffd16e;
810
812
  --wds-color-border-warning-tertiary-disabled: rgba(0, 6, 36, .1);
811
813
  --wds-color-border-warning-tertiary-hover: #ffe2a5;
814
+ --wds-color-border-ai-primary: linear-gradient(60deg, #0021FF 0%, #116DFF 65%, #5FF2AE 96%);
812
815
  --wds-color-fill-accent-1: #1684EA;
813
816
  --wds-color-fill-accent-2: #17B0E2;
814
817
  --wds-color-fill-accent-3: #6544F9;
@@ -941,7 +944,7 @@
941
944
  --wds-color-fill-surface-destructive: #fde3e1;
942
945
  --wds-color-fill-surface-modal: #ffffff;
943
946
  --wds-color-fill-surface-modal-backdrop: rgba(0, 6, 36, .7);
944
- --wds-color-fill-surface-neutral: #eceff3;
947
+ --wds-color-fill-surface-neutral: #f7f8f8;
945
948
  --wds-color-fill-surface-overlay: #ffffff;
946
949
  --wds-color-fill-surface-overlay-dark: #000624;
947
950
  --wds-color-fill-surface-premium: #f1e0f9;
package/all.st.css CHANGED
@@ -146,6 +146,7 @@
146
146
  @property st-global(--wds-color-blue-400);
147
147
  @property st-global(--wds-color-blue-500);
148
148
  @property st-global(--wds-color-blue-600);
149
+ @property st-global(--wds-color-border-ai-primary);
149
150
  @property st-global(--wds-color-border-dark-primary);
150
151
  @property st-global(--wds-color-border-dark-primary-active);
151
152
  @property st-global(--wds-color-border-dark-primary-disabled);
@@ -1267,6 +1268,7 @@
1267
1268
  --wds-color-blue-400: #d6e6fe;
1268
1269
  --wds-color-blue-500: #e7f0ff;
1269
1270
  --wds-color-blue-600: #f4f7ff;
1271
+ --wds-color-border-ai-primary: linear-gradient(60deg, #0021FF 0%, #116DFF 65%, #5FF2AE 96%);
1270
1272
  --wds-color-border-dark-primary: #868aa5;
1271
1273
  --wds-color-border-dark-primary-active: #44485f;
1272
1274
  --wds-color-border-dark-primary-disabled: rgba(0, 6, 36, .1);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.16.7",
3
+ "version": "1.17.0",
4
4
  "packageManager": "yarn@3.5.0",
5
5
  "author": "augustinasv@wix.com",
6
6
  "license": "MIT",
@@ -33,5 +33,5 @@
33
33
  "groupId": "com.wixpress"
34
34
  }
35
35
  },
36
- "falconPackageHash": "b3ae8f9283f12974bdcbdc9279fa49c7b55bb8edb56d94d70c90c696"
36
+ "falconPackageHash": "a6d35850ee78a38f6f30b0302cbd21cfa794442c06b81deed2cec5bc"
37
37
  }
package/semantic.st.css CHANGED
@@ -1,5 +1,6 @@
1
1
  @property st-global(--wds-border-radius-surface-modal);
2
2
  @property st-global(--wds-border-radius-surface-overlay);
3
+ @property st-global(--wds-color-border-ai-primary);
3
4
  @property st-global(--wds-color-border-dark-primary);
4
5
  @property st-global(--wds-color-border-dark-primary-active);
5
6
  @property st-global(--wds-color-border-dark-primary-disabled);
@@ -334,6 +335,7 @@
334
335
  .root {
335
336
  --wds-border-radius-surface-modal: 8px;
336
337
  --wds-border-radius-surface-overlay: 8px;
338
+ --wds-color-border-ai-primary: linear-gradient(60deg, #0021FF 0%, #116DFF 65%, #5FF2AE 96%);
337
339
  --wds-color-border-dark-primary: #868aa5;
338
340
  --wds-color-border-dark-primary-active: #44485f;
339
341
  --wds-color-border-dark-primary-disabled: rgba(0, 6, 36, .1);
package/studio/all.css CHANGED
@@ -319,6 +319,8 @@
319
319
  --wds-radio-label-font-line-height-small: 16px;
320
320
  --wds-radio-label-font-size-medium: 14px;
321
321
  --wds-radio-label-font-size-small: 12px;
322
+ --wds-radio-group-gap-horizontal-medium: 16px;
323
+ --wds-radio-group-gap-horizontal-small: 16px;
322
324
  --wds-radio-group-gap-vertical-medium: 12px;
323
325
  --wds-radio-group-gap-vertical-small: 6px;
324
326
  --wds-radio-group-item-padding-default-horizontal: 0;
@@ -363,7 +365,7 @@
363
365
  --wds-segmented-toggle-padding-vertical-small: 4px;
364
366
  --wds-segmented-toggle-size-medium: 32px;
365
367
  --wds-segmented-toggle-size-small: 28px;
366
- --wds-select-area-border: 4px;
368
+ --wds-select-area-border-radius: 4px;
367
369
  --wds-select-area-fill: #f7f8f8;
368
370
  --wds-select-area-fill-active: #dce9ff;
369
371
  --wds-select-area-fill-disabled: rgba(255, 255, 255, 0);
@@ -808,6 +810,7 @@
808
810
  --wds-color-border-warning-tertiary-active: #fcd29d;
809
811
  --wds-color-border-warning-tertiary-disabled: rgba(19, 23, 32, .1);
810
812
  --wds-color-border-warning-tertiary-hover: #fdead2;
813
+ --wds-color-border-ai-primary: #5a48f5;
811
814
  --wds-color-fill-accent-1: #1684EA;
812
815
  --wds-color-fill-accent-2: #17B0E2;
813
816
  --wds-color-fill-accent-3: #6959F0;
@@ -940,7 +943,7 @@
940
943
  --wds-color-fill-surface-destructive: #fde3e1;
941
944
  --wds-color-fill-surface-modal: #ffffff;
942
945
  --wds-color-fill-surface-modal-backdrop: rgba(19, 23, 32, .7);
943
- --wds-color-fill-surface-neutral: #edeef2;
946
+ --wds-color-fill-surface-neutral: #f7f8f8;
944
947
  --wds-color-fill-surface-overlay: #ffffff;
945
948
  --wds-color-fill-surface-overlay-dark: #42454c;
946
949
  --wds-color-fill-surface-premium: #f1e0f9;
package/studio/all.st.css CHANGED
@@ -146,6 +146,7 @@
146
146
  @property st-global(--wds-color-blue-400);
147
147
  @property st-global(--wds-color-blue-500);
148
148
  @property st-global(--wds-color-blue-600);
149
+ @property st-global(--wds-color-border-ai-primary);
149
150
  @property st-global(--wds-color-border-dark-primary);
150
151
  @property st-global(--wds-color-border-dark-primary-active);
151
152
  @property st-global(--wds-color-border-dark-primary-disabled);
@@ -1262,6 +1263,7 @@
1262
1263
  --wds-color-blue-400: #dce9ff;
1263
1264
  --wds-color-blue-500: #ebf2ff;
1264
1265
  --wds-color-blue-600: #f8faff;
1266
+ --wds-color-border-ai-primary: #5a48f5;
1265
1267
  --wds-color-border-dark-primary: #868aa5;
1266
1268
  --wds-color-border-dark-primary-active: #2b2e36;
1267
1269
  --wds-color-border-dark-primary-disabled: rgba(19, 23, 32, .1);
package/studio/semantic.st.css CHANGED
@@ -1,5 +1,6 @@
1
1
  @property st-global(--wds-border-radius-surface-modal);
2
2
  @property st-global(--wds-border-radius-surface-overlay);
3
+ @property st-global(--wds-color-border-ai-primary);
3
4
  @property st-global(--wds-color-border-dark-primary);
4
5
  @property st-global(--wds-color-border-dark-primary-active);
5
6
  @property st-global(--wds-color-border-dark-primary-disabled);
@@ -330,6 +331,7 @@
330
331
  .root {
331
332
  --wds-border-radius-surface-modal: 4px;
332
333
  --wds-border-radius-surface-overlay: 4px;
334
+ --wds-color-border-ai-primary: #5a48f5;
333
335
  --wds-color-border-dark-primary: #868aa5;
334
336
  --wds-color-border-dark-primary-active: #2b2e36;
335
337
  --wds-color-border-dark-primary-disabled: rgba(19, 23, 32, .1);