@wix/design-system-tokens 1.3.13 → 1.3.15

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.st.css +8 -2
  2. package/component.st.css +4 -2
  3. package/package.json +2 -2
  4. package/semantic.st.css +4 -0
  5. package/studio/all.st.css +8 -2
  6. package/studio/component.st.css +4 -2
  7. package/studio/semantic.st.css +4 -0
package/all.st.css CHANGED
@@ -27,6 +27,8 @@
27
27
  @property st-global(--wds-border-radius-500);
28
28
  @property st-global(--wds-border-radius-600);
29
29
  @property st-global(--wds-border-radius-full);
30
+ @property st-global(--wds-border-radius-surface-modal);
31
+ @property st-global(--wds-border-radius-surface-overlay);
30
32
  @property st-global(--wds-border-width-100);
31
33
  @property st-global(--wds-border-width-200);
32
34
  @property st-global(--wds-border-width-none);
@@ -509,7 +511,8 @@
509
511
  @property st-global(--wds-dock-foreground-fill-active);
510
512
  @property st-global(--wds-dock-foreground-fill-disabled);
511
513
  @property st-global(--wds-dock-foreground-fill-hover);
512
- @property st-global(--wds-dropdown-layout-border);
514
+ @property st-global(--wds-dropdown-layout-option-size-big);
515
+ @property st-global(--wds-dropdown-layout-option-size-small);
513
516
  @property st-global(--wds-empty-state-border);
514
517
  @property st-global(--wds-empty-state-page-content-paddings);
515
518
  @property st-global(--wds-empty-state-section-content-paddings);
@@ -999,6 +1002,8 @@
999
1002
  --wds-border-radius-500: 10px;
1000
1003
  --wds-border-radius-600: 12px;
1001
1004
  --wds-border-radius-full: 1000px;
1005
+ --wds-border-radius-surface-modal: 8px;
1006
+ --wds-border-radius-surface-overlay: 8px;
1002
1007
  --wds-border-width-100: 1px;
1003
1008
  --wds-border-width-200: 2px;
1004
1009
  --wds-border-width-none: 0;
@@ -1481,7 +1486,8 @@
1481
1486
  --wds-dock-foreground-fill-active: #116dff;
1482
1487
  --wds-dock-foreground-fill-disabled: rgba(0, 6, 36, .3);
1483
1488
  --wds-dock-foreground-fill-hover: #5999ff;
1484
- --wds-dropdown-layout-border: 6px;
1489
+ --wds-dropdown-layout-option-size-big: 48px;
1490
+ --wds-dropdown-layout-option-size-small: 36px;
1485
1491
  --wds-empty-state-border: 8px;
1486
1492
  --wds-empty-state-page-content-paddings: 18px;
1487
1493
  --wds-empty-state-section-content-paddings: 15px;
package/component.st.css CHANGED
@@ -130,7 +130,8 @@
130
130
  @property st-global(--wds-dock-foreground-fill-active);
131
131
  @property st-global(--wds-dock-foreground-fill-disabled);
132
132
  @property st-global(--wds-dock-foreground-fill-hover);
133
- @property st-global(--wds-dropdown-layout-border);
133
+ @property st-global(--wds-dropdown-layout-option-size-big);
134
+ @property st-global(--wds-dropdown-layout-option-size-small);
134
135
  @property st-global(--wds-empty-state-border);
135
136
  @property st-global(--wds-empty-state-page-content-paddings);
136
137
  @property st-global(--wds-empty-state-section-content-paddings);
@@ -620,7 +621,8 @@
620
621
  --wds-dock-foreground-fill-active: #116dff;
621
622
  --wds-dock-foreground-fill-disabled: rgba(0, 6, 36, .3);
622
623
  --wds-dock-foreground-fill-hover: #5999ff;
623
- --wds-dropdown-layout-border: 6px;
624
+ --wds-dropdown-layout-option-size-big: 48px;
625
+ --wds-dropdown-layout-option-size-small: 36px;
624
626
  --wds-empty-state-border: 8px;
625
627
  --wds-empty-state-page-content-paddings: 18px;
626
628
  --wds-empty-state-section-content-paddings: 15px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.3.13",
3
+ "version": "1.3.15",
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": "57f2e622aace3defbef63582b639f707bda0755462c44c5bf301f089"
36
+ "falconPackageHash": "ed65c822d8320c31082dc0f1076dabbc5ad0b13ec9502e1e51fe67fe"
37
37
  }
package/semantic.st.css CHANGED
@@ -1,3 +1,5 @@
1
+ @property st-global(--wds-border-radius-surface-modal);
2
+ @property st-global(--wds-border-radius-surface-overlay);
1
3
  @property st-global(--wds-color-border-dark-primary);
2
4
  @property st-global(--wds-color-border-dark-primary-active);
3
5
  @property st-global(--wds-color-border-dark-primary-disabled);
@@ -315,6 +317,8 @@
315
317
  @property st-global(--wds-shadow-surface-raised);
316
318
 
317
319
  .root {
320
+ --wds-border-radius-surface-modal: 8px;
321
+ --wds-border-radius-surface-overlay: 8px;
318
322
  --wds-color-border-dark-primary: #868aa5;
319
323
  --wds-color-border-dark-primary-active: #44485f;
320
324
  --wds-color-border-dark-primary-disabled: rgba(0, 6, 36, .1);
package/studio/all.st.css CHANGED
@@ -27,6 +27,8 @@
27
27
  @property st-global(--wds-border-radius-500);
28
28
  @property st-global(--wds-border-radius-600);
29
29
  @property st-global(--wds-border-radius-full);
30
+ @property st-global(--wds-border-radius-surface-modal);
31
+ @property st-global(--wds-border-radius-surface-overlay);
30
32
  @property st-global(--wds-border-width-100);
31
33
  @property st-global(--wds-border-width-200);
32
34
  @property st-global(--wds-border-width-none);
@@ -505,7 +507,8 @@
505
507
  @property st-global(--wds-dock-foreground-fill-active);
506
508
  @property st-global(--wds-dock-foreground-fill-disabled);
507
509
  @property st-global(--wds-dock-foreground-fill-hover);
508
- @property st-global(--wds-dropdown-layout-border);
510
+ @property st-global(--wds-dropdown-layout-option-size-big);
511
+ @property st-global(--wds-dropdown-layout-option-size-small);
509
512
  @property st-global(--wds-empty-state-border);
510
513
  @property st-global(--wds-empty-state-page-content-paddings);
511
514
  @property st-global(--wds-empty-state-section-content-paddings);
@@ -972,6 +975,8 @@
972
975
  --wds-border-radius-500: 10px;
973
976
  --wds-border-radius-600: 12px;
974
977
  --wds-border-radius-full: 1000px;
978
+ --wds-border-radius-surface-modal: 4px;
979
+ --wds-border-radius-surface-overlay: 4px;
975
980
  --wds-border-width-100: 1px;
976
981
  --wds-border-width-200: 2px;
977
982
  --wds-border-width-none: 0;
@@ -1450,7 +1455,8 @@
1450
1455
  --wds-dock-foreground-fill-active: #116dff;
1451
1456
  --wds-dock-foreground-fill-disabled: #bebebe;
1452
1457
  --wds-dock-foreground-fill-hover: #dce9ff;
1453
- --wds-dropdown-layout-border: 4px;
1458
+ --wds-dropdown-layout-option-size-big: 40px;
1459
+ --wds-dropdown-layout-option-size-small: 32px;
1454
1460
  --wds-empty-state-border: 4px;
1455
1461
  --wds-empty-state-page-content-paddings: 24px;
1456
1462
  --wds-empty-state-section-content-paddings: 24px;
package/studio/component.st.css CHANGED
@@ -130,7 +130,8 @@
130
130
  @property st-global(--wds-dock-foreground-fill-active);
131
131
  @property st-global(--wds-dock-foreground-fill-disabled);
132
132
  @property st-global(--wds-dock-foreground-fill-hover);
133
- @property st-global(--wds-dropdown-layout-border);
133
+ @property st-global(--wds-dropdown-layout-option-size-big);
134
+ @property st-global(--wds-dropdown-layout-option-size-small);
134
135
  @property st-global(--wds-empty-state-border);
135
136
  @property st-global(--wds-empty-state-page-content-paddings);
136
137
  @property st-global(--wds-empty-state-section-content-paddings);
@@ -620,7 +621,8 @@
620
621
  --wds-dock-foreground-fill-active: #116dff;
621
622
  --wds-dock-foreground-fill-disabled: #bebebe;
622
623
  --wds-dock-foreground-fill-hover: #dce9ff;
623
- --wds-dropdown-layout-border: 4px;
624
+ --wds-dropdown-layout-option-size-big: 40px;
625
+ --wds-dropdown-layout-option-size-small: 32px;
624
626
  --wds-empty-state-border: 4px;
625
627
  --wds-empty-state-page-content-paddings: 24px;
626
628
  --wds-empty-state-section-content-paddings: 24px;
package/studio/semantic.st.css CHANGED
@@ -1,3 +1,5 @@
1
+ @property st-global(--wds-border-radius-surface-modal);
2
+ @property st-global(--wds-border-radius-surface-overlay);
1
3
  @property st-global(--wds-color-border-dark-primary);
2
4
  @property st-global(--wds-color-border-dark-primary-active);
3
5
  @property st-global(--wds-color-border-dark-primary-disabled);
@@ -304,6 +306,8 @@
304
306
  @property st-global(--wds-font-weight-heading-6);
305
307
 
306
308
  .root {
309
+ --wds-border-radius-surface-modal: 4px;
310
+ --wds-border-radius-surface-overlay: 4px;
307
311
  --wds-color-border-dark-primary: #868aa5;
308
312
  --wds-color-border-dark-primary-active: #2b2e36;
309
313
  --wds-color-border-dark-primary-disabled: rgba(19, 23, 32, .1);