@wix/design-system-tokens 1.197.0 → 1.198.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.
- package/CHANGELOG.md +10 -0
- package/all.css +3 -0
- package/all.scss +3 -0
- package/all.st.css +6 -0
- package/component.st.css +6 -0
- package/odeditor/all.css +5 -2
- package/odeditor/all.scss +5 -2
- package/odeditor/all.st.css +8 -2
- package/odeditor/component.st.css +8 -2
- package/odeditor-dark/all.css +3 -0
- package/odeditor-dark/all.scss +3 -0
- package/odeditor-dark/all.st.css +6 -0
- package/odeditor-dark/component.st.css +6 -0
- package/package.json +2 -2
- package/studio/all.css +3 -0
- package/studio/all.scss +3 -0
- package/studio/all.st.css +6 -0
- package/studio/component.st.css +6 -0
- package/wixel/all.css +3 -0
- package/wixel/all.scss +3 -0
- package/wixel/all.st.css +6 -0
- package/wixel/component.st.css +6 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,13 @@
|
|
|
1
|
+
## 1.198.0 - 2026-06-04
|
|
2
|
+
|
|
3
|
+
### Bug Fixes
|
|
4
|
+
|
|
5
|
+
- fix(tokens): update icon-button secondary fill tokens in odeditor theme [16324](https://github.com/wix-private/wix-design-systems/pull/16324)
|
|
6
|
+
|
|
7
|
+
### Features
|
|
8
|
+
|
|
9
|
+
- feat(CodeSnippet): add component [16274](https://github.com/wix-private/wix-design-systems/pull/16274)
|
|
10
|
+
|
|
1
11
|
## 1.196.0 - 2026-05-27
|
|
2
12
|
|
|
3
13
|
### Bug Fixes
|
package/all.css
CHANGED
|
@@ -1319,6 +1319,9 @@
|
|
|
1319
1319
|
--wds-composer-sidebar-item-bottom-padding-horizontal-large: var(--wds-space-100);
|
|
1320
1320
|
--wds-color-picker-padding-vertical: var(--wds-space-200);
|
|
1321
1321
|
--wds-color-picker-padding-horizontal: var(--wds-space-300);
|
|
1322
|
+
--wds-code-snippet-border-radius-singleline: var(--wds-border-radius-200);
|
|
1323
|
+
--wds-code-snippet-border-radius-multiline: var(--wds-border-radius-200);
|
|
1324
|
+
--wds-code-snippet-border-radius-inline: var(--wds-border-radius-200);
|
|
1322
1325
|
--wds-close-button-standard-filled-size-small: var(--wds-space-300);
|
|
1323
1326
|
--wds-close-button-standard-filled-size-medium: var(--wds-space-400);
|
|
1324
1327
|
--wds-close-button-standard-filled-size-large: var(--wds-space-500);
|
package/all.scss
CHANGED
|
@@ -1308,6 +1308,9 @@
|
|
|
1308
1308
|
--wds-color-border-dark-primary-disabled: var(--wds-color-black-100-transparent-10);
|
|
1309
1309
|
--wds-color-border-dark-primary-active: var(--wds-color-black-200);
|
|
1310
1310
|
--wds-color-border-dark-primary: var(--wds-color-black-400);
|
|
1311
|
+
--wds-code-snippet-border-radius-singleline: var(--wds-border-radius-200);
|
|
1312
|
+
--wds-code-snippet-border-radius-multiline: var(--wds-border-radius-200);
|
|
1313
|
+
--wds-code-snippet-border-radius-inline: var(--wds-border-radius-200);
|
|
1311
1314
|
--wds-close-button-standard-filled-size-small: var(--wds-space-300);
|
|
1312
1315
|
--wds-close-button-standard-filled-size-medium: var(--wds-space-400);
|
|
1313
1316
|
--wds-close-button-standard-filled-size-large: var(--wds-space-500);
|
package/all.st.css
CHANGED
|
@@ -355,6 +355,9 @@
|
|
|
355
355
|
@property st-global(--wds-close-button-standard-filled-text);
|
|
356
356
|
@property st-global(--wds-close-button-standard-filled-text-disabled);
|
|
357
357
|
@property st-global(--wds-close-button-standard-filled-text-hover);
|
|
358
|
+
@property st-global(--wds-code-snippet-border-radius-inline);
|
|
359
|
+
@property st-global(--wds-code-snippet-border-radius-multiline);
|
|
360
|
+
@property st-global(--wds-code-snippet-border-radius-singleline);
|
|
358
361
|
@property st-global(--wds-color-black-100);
|
|
359
362
|
@property st-global(--wds-color-black-100-transparent-0);
|
|
360
363
|
@property st-global(--wds-color-black-100-transparent-5);
|
|
@@ -2482,6 +2485,9 @@
|
|
|
2482
2485
|
--wds-close-button-standard-filled-text: #116dff;
|
|
2483
2486
|
--wds-close-button-standard-filled-text-disabled: #ffffff;
|
|
2484
2487
|
--wds-close-button-standard-filled-text-hover: #116dff;
|
|
2488
|
+
--wds-code-snippet-border-radius-inline: 4px;
|
|
2489
|
+
--wds-code-snippet-border-radius-multiline: 4px;
|
|
2490
|
+
--wds-code-snippet-border-radius-singleline: 4px;
|
|
2485
2491
|
--wds-color-black-100: #000624;
|
|
2486
2492
|
--wds-color-black-100-transparent-0: rgba(0, 6, 36, 0);
|
|
2487
2493
|
--wds-color-black-100-transparent-5: rgba(0, 6, 36, .05);
|
package/component.st.css
CHANGED
|
@@ -317,6 +317,9 @@
|
|
|
317
317
|
@property st-global(--wds-close-button-standard-filled-text);
|
|
318
318
|
@property st-global(--wds-close-button-standard-filled-text-disabled);
|
|
319
319
|
@property st-global(--wds-close-button-standard-filled-text-hover);
|
|
320
|
+
@property st-global(--wds-code-snippet-border-radius-inline);
|
|
321
|
+
@property st-global(--wds-code-snippet-border-radius-multiline);
|
|
322
|
+
@property st-global(--wds-code-snippet-border-radius-singleline);
|
|
320
323
|
@property st-global(--wds-color-picker-padding-horizontal);
|
|
321
324
|
@property st-global(--wds-color-picker-padding-vertical);
|
|
322
325
|
@property st-global(--wds-color-picker-width);
|
|
@@ -1721,6 +1724,9 @@
|
|
|
1721
1724
|
--wds-close-button-standard-filled-text: #116dff;
|
|
1722
1725
|
--wds-close-button-standard-filled-text-disabled: #ffffff;
|
|
1723
1726
|
--wds-close-button-standard-filled-text-hover: #116dff;
|
|
1727
|
+
--wds-code-snippet-border-radius-inline: 4px;
|
|
1728
|
+
--wds-code-snippet-border-radius-multiline: 4px;
|
|
1729
|
+
--wds-code-snippet-border-radius-singleline: 4px;
|
|
1724
1730
|
--wds-color-picker-padding-horizontal: 18px;
|
|
1725
1731
|
--wds-color-picker-padding-vertical: 12px;
|
|
1726
1732
|
--wds-color-picker-width: 240px;
|
package/odeditor/all.css
CHANGED
|
@@ -1309,7 +1309,6 @@
|
|
|
1309
1309
|
--wds-icon-button-color-text-dark-secondary-disabled: var(--wds-color-black-500);
|
|
1310
1310
|
--wds-icon-button-color-text-dark-primary-disabled: var(--wds-color-black-500);
|
|
1311
1311
|
--wds-icon-button-color-fill-standard-secondary-disabled: var(--wds-color-black-700);
|
|
1312
|
-
--wds-icon-button-color-fill-standard-secondary: var(--wds-color-black-100-transparent-0);
|
|
1313
1312
|
--wds-icon-button-color-fill-standard-primary-disabled: var(--wds-color-black-700);
|
|
1314
1313
|
--wds-icon-button-color-fill-premium-secondary-disabled: var(--wds-color-black-700);
|
|
1315
1314
|
--wds-icon-button-color-fill-premium-primary-disabled: var(--wds-color-black-700);
|
|
@@ -1378,6 +1377,9 @@
|
|
|
1378
1377
|
--wds-composer-sidebar-item-bottom-padding-horizontal-large: var(--wds-space-100);
|
|
1379
1378
|
--wds-color-picker-padding-vertical: var(--wds-space-300);
|
|
1380
1379
|
--wds-color-picker-padding-horizontal: var(--wds-space-400);
|
|
1380
|
+
--wds-code-snippet-border-radius-singleline: var(--wds-border-radius-500);
|
|
1381
|
+
--wds-code-snippet-border-radius-multiline: var(--wds-border-radius-400);
|
|
1382
|
+
--wds-code-snippet-border-radius-inline: var(--wds-border-radius-300);
|
|
1381
1383
|
--wds-close-button-standard-filled-size-small: var(--wds-space-475);
|
|
1382
1384
|
--wds-close-button-standard-filled-size-medium: var(--wds-space-600);
|
|
1383
1385
|
--wds-close-button-standard-filled-size-large: var(--wds-space-750);
|
|
@@ -1831,6 +1833,7 @@
|
|
|
1831
1833
|
--wds-icon-button-color-fill-standard-tertiary: var(--wds-color-fill-light-secondary);
|
|
1832
1834
|
--wds-icon-button-color-fill-standard-secondary-hover: var(--wds-color-fill-standard-tertiary-hover);
|
|
1833
1835
|
--wds-icon-button-color-fill-standard-secondary-active: var(--wds-color-fill-standard-tertiary-active);
|
|
1836
|
+
--wds-icon-button-color-fill-standard-secondary: var(--wds-color-fill-standard-tertiary);
|
|
1834
1837
|
--wds-icon-button-color-fill-standard-primary-hover: var(--wds-color-fill-standard-primary-hover);
|
|
1835
1838
|
--wds-icon-button-color-fill-standard-primary-active: var(--wds-color-fill-standard-primary-active);
|
|
1836
1839
|
--wds-icon-button-color-fill-standard-primary: var(--wds-color-fill-standard-primary);
|
|
@@ -1860,7 +1863,7 @@
|
|
|
1860
1863
|
--wds-icon-button-color-fill-dark-tertiary: var(--wds-color-fill-light-secondary);
|
|
1861
1864
|
--wds-icon-button-color-fill-dark-secondary-hover: var(--wds-color-fill-dark-tertiary-hover);
|
|
1862
1865
|
--wds-icon-button-color-fill-dark-secondary-active: var(--wds-color-fill-dark-tertiary-active);
|
|
1863
|
-
--wds-icon-button-color-fill-dark-secondary: var(--wds-color-fill-
|
|
1866
|
+
--wds-icon-button-color-fill-dark-secondary: var(--wds-color-fill-dark-tertiary);
|
|
1864
1867
|
--wds-icon-button-color-fill-dark-primary-hover: var(--wds-color-fill-dark-primary-hover);
|
|
1865
1868
|
--wds-icon-button-color-fill-dark-primary-active: var(--wds-color-fill-dark-primary-active);
|
|
1866
1869
|
--wds-icon-button-color-fill-dark-primary: var(--wds-color-fill-dark-primary);
|
package/odeditor/all.scss
CHANGED
|
@@ -983,7 +983,6 @@
|
|
|
983
983
|
--wds-icon-button-color-text-dark-secondary-disabled: var(--wds-color-black-500);
|
|
984
984
|
--wds-icon-button-color-text-dark-primary-disabled: var(--wds-color-black-500);
|
|
985
985
|
--wds-icon-button-color-fill-standard-secondary-disabled: var(--wds-color-black-700);
|
|
986
|
-
--wds-icon-button-color-fill-standard-secondary: var(--wds-color-black-100-transparent-0);
|
|
987
986
|
--wds-icon-button-color-fill-standard-primary-disabled: var(--wds-color-black-700);
|
|
988
987
|
--wds-icon-button-color-fill-premium-secondary-disabled: var(--wds-color-black-700);
|
|
989
988
|
--wds-icon-button-color-fill-premium-primary-disabled: var(--wds-color-black-700);
|
|
@@ -1367,6 +1366,9 @@
|
|
|
1367
1366
|
--wds-color-border-dark-primary-disabled: var(--wds-color-black-100-transparent-10);
|
|
1368
1367
|
--wds-color-border-dark-primary-active: var(--wds-color-black-200);
|
|
1369
1368
|
--wds-color-border-dark-primary: var(--wds-color-black-400);
|
|
1369
|
+
--wds-code-snippet-border-radius-singleline: var(--wds-border-radius-500);
|
|
1370
|
+
--wds-code-snippet-border-radius-multiline: var(--wds-border-radius-400);
|
|
1371
|
+
--wds-code-snippet-border-radius-inline: var(--wds-border-radius-300);
|
|
1370
1372
|
--wds-close-button-standard-filled-size-small: var(--wds-space-475);
|
|
1371
1373
|
--wds-close-button-standard-filled-size-medium: var(--wds-space-600);
|
|
1372
1374
|
--wds-close-button-standard-filled-size-large: var(--wds-space-750);
|
|
@@ -1819,6 +1821,7 @@
|
|
|
1819
1821
|
--wds-icon-button-color-fill-standard-tertiary: var(--wds-color-fill-light-secondary);
|
|
1820
1822
|
--wds-icon-button-color-fill-standard-secondary-hover: var(--wds-color-fill-standard-tertiary-hover);
|
|
1821
1823
|
--wds-icon-button-color-fill-standard-secondary-active: var(--wds-color-fill-standard-tertiary-active);
|
|
1824
|
+
--wds-icon-button-color-fill-standard-secondary: var(--wds-color-fill-standard-tertiary);
|
|
1822
1825
|
--wds-icon-button-color-fill-standard-primary-hover: var(--wds-color-fill-standard-primary-hover);
|
|
1823
1826
|
--wds-icon-button-color-fill-standard-primary-active: var(--wds-color-fill-standard-primary-active);
|
|
1824
1827
|
--wds-icon-button-color-fill-standard-primary: var(--wds-color-fill-standard-primary);
|
|
@@ -1848,7 +1851,7 @@
|
|
|
1848
1851
|
--wds-icon-button-color-fill-dark-tertiary: var(--wds-color-fill-light-secondary);
|
|
1849
1852
|
--wds-icon-button-color-fill-dark-secondary-hover: var(--wds-color-fill-dark-tertiary-hover);
|
|
1850
1853
|
--wds-icon-button-color-fill-dark-secondary-active: var(--wds-color-fill-dark-tertiary-active);
|
|
1851
|
-
--wds-icon-button-color-fill-dark-secondary: var(--wds-color-fill-
|
|
1854
|
+
--wds-icon-button-color-fill-dark-secondary: var(--wds-color-fill-dark-tertiary);
|
|
1852
1855
|
--wds-icon-button-color-fill-dark-primary-hover: var(--wds-color-fill-dark-primary-hover);
|
|
1853
1856
|
--wds-icon-button-color-fill-dark-primary-active: var(--wds-color-fill-dark-primary-active);
|
|
1854
1857
|
--wds-icon-button-color-fill-dark-primary: var(--wds-color-fill-dark-primary);
|
package/odeditor/all.st.css
CHANGED
|
@@ -343,6 +343,9 @@
|
|
|
343
343
|
@property st-global(--wds-close-button-standard-filled-text);
|
|
344
344
|
@property st-global(--wds-close-button-standard-filled-text-disabled);
|
|
345
345
|
@property st-global(--wds-close-button-standard-filled-text-hover);
|
|
346
|
+
@property st-global(--wds-code-snippet-border-radius-inline);
|
|
347
|
+
@property st-global(--wds-code-snippet-border-radius-multiline);
|
|
348
|
+
@property st-global(--wds-code-snippet-border-radius-singleline);
|
|
346
349
|
@property st-global(--wds-color-black-100);
|
|
347
350
|
@property st-global(--wds-color-black-100-transparent-0);
|
|
348
351
|
@property st-global(--wds-color-black-100-transparent-5);
|
|
@@ -2419,6 +2422,9 @@
|
|
|
2419
2422
|
--wds-close-button-standard-filled-text: #151414;
|
|
2420
2423
|
--wds-close-button-standard-filled-text-disabled: #a8a6a5;
|
|
2421
2424
|
--wds-close-button-standard-filled-text-hover: #151414;
|
|
2425
|
+
--wds-code-snippet-border-radius-inline: 6px;
|
|
2426
|
+
--wds-code-snippet-border-radius-multiline: 8px;
|
|
2427
|
+
--wds-code-snippet-border-radius-singleline: 10px;
|
|
2422
2428
|
--wds-color-black-100: #151414;
|
|
2423
2429
|
--wds-color-black-100-transparent-0: rgba(19, 23, 32, 0);
|
|
2424
2430
|
--wds-color-black-100-transparent-5: rgba(19, 23, 32, .05);
|
|
@@ -3040,7 +3046,7 @@
|
|
|
3040
3046
|
--wds-icon-button-color-fill-dark-primary-active: #525150;
|
|
3041
3047
|
--wds-icon-button-color-fill-dark-primary-disabled: #f0efef;
|
|
3042
3048
|
--wds-icon-button-color-fill-dark-primary-hover: #383838;
|
|
3043
|
-
--wds-icon-button-color-fill-dark-secondary:
|
|
3049
|
+
--wds-icon-button-color-fill-dark-secondary: #ffffff;
|
|
3044
3050
|
--wds-icon-button-color-fill-dark-secondary-active: #f0efef;
|
|
3045
3051
|
--wds-icon-button-color-fill-dark-secondary-disabled: #f0efef;
|
|
3046
3052
|
--wds-icon-button-color-fill-dark-secondary-hover: #f8f6f6;
|
|
@@ -3076,7 +3082,7 @@
|
|
|
3076
3082
|
--wds-icon-button-color-fill-standard-primary-active: #0f2ccf;
|
|
3077
3083
|
--wds-icon-button-color-fill-standard-primary-disabled: #f0efef;
|
|
3078
3084
|
--wds-icon-button-color-fill-standard-primary-hover: #1c3fe5;
|
|
3079
|
-
--wds-icon-button-color-fill-standard-secondary:
|
|
3085
|
+
--wds-icon-button-color-fill-standard-secondary: #ffffff;
|
|
3080
3086
|
--wds-icon-button-color-fill-standard-secondary-active: #d5dfff;
|
|
3081
3087
|
--wds-icon-button-color-fill-standard-secondary-disabled: #f0efef;
|
|
3082
3088
|
--wds-icon-button-color-fill-standard-secondary-hover: #eaefff;
|
|
@@ -303,6 +303,9 @@
|
|
|
303
303
|
@property st-global(--wds-close-button-standard-filled-text);
|
|
304
304
|
@property st-global(--wds-close-button-standard-filled-text-disabled);
|
|
305
305
|
@property st-global(--wds-close-button-standard-filled-text-hover);
|
|
306
|
+
@property st-global(--wds-code-snippet-border-radius-inline);
|
|
307
|
+
@property st-global(--wds-code-snippet-border-radius-multiline);
|
|
308
|
+
@property st-global(--wds-code-snippet-border-radius-singleline);
|
|
306
309
|
@property st-global(--wds-color-picker-padding-horizontal);
|
|
307
310
|
@property st-global(--wds-color-picker-padding-vertical);
|
|
308
311
|
@property st-global(--wds-color-picker-width);
|
|
@@ -1651,6 +1654,9 @@
|
|
|
1651
1654
|
--wds-close-button-standard-filled-text: #151414;
|
|
1652
1655
|
--wds-close-button-standard-filled-text-disabled: #a8a6a5;
|
|
1653
1656
|
--wds-close-button-standard-filled-text-hover: #151414;
|
|
1657
|
+
--wds-code-snippet-border-radius-inline: 6px;
|
|
1658
|
+
--wds-code-snippet-border-radius-multiline: 8px;
|
|
1659
|
+
--wds-code-snippet-border-radius-singleline: 10px;
|
|
1654
1660
|
--wds-color-picker-padding-horizontal: 16px;
|
|
1655
1661
|
--wds-color-picker-padding-vertical: 12px;
|
|
1656
1662
|
--wds-color-picker-width: 236px;
|
|
@@ -1761,7 +1767,7 @@
|
|
|
1761
1767
|
--wds-icon-button-color-fill-dark-primary-active: #525150;
|
|
1762
1768
|
--wds-icon-button-color-fill-dark-primary-disabled: #f0efef;
|
|
1763
1769
|
--wds-icon-button-color-fill-dark-primary-hover: #383838;
|
|
1764
|
-
--wds-icon-button-color-fill-dark-secondary:
|
|
1770
|
+
--wds-icon-button-color-fill-dark-secondary: #ffffff;
|
|
1765
1771
|
--wds-icon-button-color-fill-dark-secondary-active: #f0efef;
|
|
1766
1772
|
--wds-icon-button-color-fill-dark-secondary-disabled: #f0efef;
|
|
1767
1773
|
--wds-icon-button-color-fill-dark-secondary-hover: #f8f6f6;
|
|
@@ -1797,7 +1803,7 @@
|
|
|
1797
1803
|
--wds-icon-button-color-fill-standard-primary-active: #0f2ccf;
|
|
1798
1804
|
--wds-icon-button-color-fill-standard-primary-disabled: #f0efef;
|
|
1799
1805
|
--wds-icon-button-color-fill-standard-primary-hover: #1c3fe5;
|
|
1800
|
-
--wds-icon-button-color-fill-standard-secondary:
|
|
1806
|
+
--wds-icon-button-color-fill-standard-secondary: #ffffff;
|
|
1801
1807
|
--wds-icon-button-color-fill-standard-secondary-active: #d5dfff;
|
|
1802
1808
|
--wds-icon-button-color-fill-standard-secondary-disabled: #f0efef;
|
|
1803
1809
|
--wds-icon-button-color-fill-standard-secondary-hover: #eaefff;
|
package/odeditor-dark/all.css
CHANGED
|
@@ -1401,6 +1401,9 @@
|
|
|
1401
1401
|
--wds-composer-sidebar-item-bottom-padding-horizontal-large: var(--wds-space-100);
|
|
1402
1402
|
--wds-color-picker-padding-vertical: var(--wds-space-300);
|
|
1403
1403
|
--wds-color-picker-padding-horizontal: var(--wds-space-400);
|
|
1404
|
+
--wds-code-snippet-border-radius-singleline: var(--wds-border-radius-500);
|
|
1405
|
+
--wds-code-snippet-border-radius-multiline: var(--wds-border-radius-400);
|
|
1406
|
+
--wds-code-snippet-border-radius-inline: var(--wds-border-radius-300);
|
|
1404
1407
|
--wds-close-button-standard-filled-size-small: var(--wds-space-475);
|
|
1405
1408
|
--wds-close-button-standard-filled-size-medium: var(--wds-space-600);
|
|
1406
1409
|
--wds-close-button-standard-filled-size-large: var(--wds-space-750);
|
package/odeditor-dark/all.scss
CHANGED
|
@@ -1390,6 +1390,9 @@
|
|
|
1390
1390
|
--wds-color-border-dark-primary-disabled: var(--wds-color-black-100-transparent-10);
|
|
1391
1391
|
--wds-color-border-dark-primary-active: var(--wds-color-black-200);
|
|
1392
1392
|
--wds-color-border-dark-primary: var(--wds-color-black-400);
|
|
1393
|
+
--wds-code-snippet-border-radius-singleline: var(--wds-border-radius-500);
|
|
1394
|
+
--wds-code-snippet-border-radius-multiline: var(--wds-border-radius-400);
|
|
1395
|
+
--wds-code-snippet-border-radius-inline: var(--wds-border-radius-300);
|
|
1393
1396
|
--wds-close-button-standard-filled-size-small: var(--wds-space-475);
|
|
1394
1397
|
--wds-close-button-standard-filled-size-medium: var(--wds-space-600);
|
|
1395
1398
|
--wds-close-button-standard-filled-size-large: var(--wds-space-750);
|
package/odeditor-dark/all.st.css
CHANGED
|
@@ -347,6 +347,9 @@
|
|
|
347
347
|
@property st-global(--wds-close-button-standard-filled-text);
|
|
348
348
|
@property st-global(--wds-close-button-standard-filled-text-disabled);
|
|
349
349
|
@property st-global(--wds-close-button-standard-filled-text-hover);
|
|
350
|
+
@property st-global(--wds-code-snippet-border-radius-inline);
|
|
351
|
+
@property st-global(--wds-code-snippet-border-radius-multiline);
|
|
352
|
+
@property st-global(--wds-code-snippet-border-radius-singleline);
|
|
350
353
|
@property st-global(--wds-color-black-100);
|
|
351
354
|
@property st-global(--wds-color-black-100-transparent-0);
|
|
352
355
|
@property st-global(--wds-color-black-100-transparent-5);
|
|
@@ -2433,6 +2436,9 @@
|
|
|
2433
2436
|
--wds-close-button-standard-filled-text: #FFFFFF;
|
|
2434
2437
|
--wds-close-button-standard-filled-text-disabled: #878685;
|
|
2435
2438
|
--wds-close-button-standard-filled-text-hover: #FFFFFF;
|
|
2439
|
+
--wds-code-snippet-border-radius-inline: 6px;
|
|
2440
|
+
--wds-code-snippet-border-radius-multiline: 8px;
|
|
2441
|
+
--wds-code-snippet-border-radius-singleline: 10px;
|
|
2436
2442
|
--wds-color-black-100: #FFFFFF;
|
|
2437
2443
|
--wds-color-black-100-transparent-0: rgba(255, 255, 255, 0);
|
|
2438
2444
|
--wds-color-black-100-transparent-5: rgba(255, 255, 255, .05);
|
|
@@ -306,6 +306,9 @@
|
|
|
306
306
|
@property st-global(--wds-close-button-standard-filled-text);
|
|
307
307
|
@property st-global(--wds-close-button-standard-filled-text-disabled);
|
|
308
308
|
@property st-global(--wds-close-button-standard-filled-text-hover);
|
|
309
|
+
@property st-global(--wds-code-snippet-border-radius-inline);
|
|
310
|
+
@property st-global(--wds-code-snippet-border-radius-multiline);
|
|
311
|
+
@property st-global(--wds-code-snippet-border-radius-singleline);
|
|
309
312
|
@property st-global(--wds-color-picker-padding-horizontal);
|
|
310
313
|
@property st-global(--wds-color-picker-padding-vertical);
|
|
311
314
|
@property st-global(--wds-color-picker-width);
|
|
@@ -1662,6 +1665,9 @@
|
|
|
1662
1665
|
--wds-close-button-standard-filled-text: #FFFFFF;
|
|
1663
1666
|
--wds-close-button-standard-filled-text-disabled: #878685;
|
|
1664
1667
|
--wds-close-button-standard-filled-text-hover: #FFFFFF;
|
|
1668
|
+
--wds-code-snippet-border-radius-inline: 6px;
|
|
1669
|
+
--wds-code-snippet-border-radius-multiline: 8px;
|
|
1670
|
+
--wds-code-snippet-border-radius-singleline: 10px;
|
|
1665
1671
|
--wds-color-picker-padding-horizontal: 16px;
|
|
1666
1672
|
--wds-color-picker-padding-vertical: 12px;
|
|
1667
1673
|
--wds-color-picker-width: 236px;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wix/design-system-tokens",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.198.0",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"build": "cp -r tokens/* .",
|
|
6
6
|
"figma-to-dictionary": "ts-node src/scripts/figma-to-dictionary.ts",
|
|
@@ -32,5 +32,5 @@
|
|
|
32
32
|
"author": "augustinasv@wix.com",
|
|
33
33
|
"description": "Design system tokens",
|
|
34
34
|
"packageManager": "yarn@3.5.0",
|
|
35
|
-
"falconPackageHash": "
|
|
35
|
+
"falconPackageHash": "e1be04e14dff712f1d01d61c5e7a18d8f494333a902ac0b16619db26"
|
|
36
36
|
}
|
package/studio/all.css
CHANGED
|
@@ -1375,6 +1375,9 @@
|
|
|
1375
1375
|
--wds-composer-sidebar-item-bottom-padding-horizontal-large: var(--wds-space-100);
|
|
1376
1376
|
--wds-color-picker-padding-vertical: var(--wds-space-300);
|
|
1377
1377
|
--wds-color-picker-padding-horizontal: var(--wds-space-400);
|
|
1378
|
+
--wds-code-snippet-border-radius-singleline: var(--wds-border-radius-100);
|
|
1379
|
+
--wds-code-snippet-border-radius-multiline: var(--wds-border-radius-100);
|
|
1380
|
+
--wds-code-snippet-border-radius-inline: var(--wds-border-radius-100);
|
|
1378
1381
|
--wds-close-button-standard-filled-text-disabled: var(--wds-color-text-disabled);
|
|
1379
1382
|
--wds-close-button-standard-filled-size-small: var(--wds-space-475);
|
|
1380
1383
|
--wds-close-button-standard-filled-size-medium: var(--wds-space-475);
|
package/studio/all.scss
CHANGED
|
@@ -1364,6 +1364,9 @@
|
|
|
1364
1364
|
--wds-color-border-dark-primary-active: var(--wds-color-black-200);
|
|
1365
1365
|
--wds-color-border-dark-primary: var(--wds-color-black-400);
|
|
1366
1366
|
--wds-color-border-ai-primary: var(--wds-color-iris-100);
|
|
1367
|
+
--wds-code-snippet-border-radius-singleline: var(--wds-border-radius-100);
|
|
1368
|
+
--wds-code-snippet-border-radius-multiline: var(--wds-border-radius-100);
|
|
1369
|
+
--wds-code-snippet-border-radius-inline: var(--wds-border-radius-100);
|
|
1367
1370
|
--wds-close-button-standard-filled-text-disabled: var(--wds-color-text-disabled);
|
|
1368
1371
|
--wds-close-button-standard-filled-size-small: var(--wds-space-475);
|
|
1369
1372
|
--wds-close-button-standard-filled-size-medium: var(--wds-space-475);
|
package/studio/all.st.css
CHANGED
|
@@ -351,6 +351,9 @@
|
|
|
351
351
|
@property st-global(--wds-close-button-standard-filled-text);
|
|
352
352
|
@property st-global(--wds-close-button-standard-filled-text-disabled);
|
|
353
353
|
@property st-global(--wds-close-button-standard-filled-text-hover);
|
|
354
|
+
@property st-global(--wds-code-snippet-border-radius-inline);
|
|
355
|
+
@property st-global(--wds-code-snippet-border-radius-multiline);
|
|
356
|
+
@property st-global(--wds-code-snippet-border-radius-singleline);
|
|
354
357
|
@property st-global(--wds-color-black-100);
|
|
355
358
|
@property st-global(--wds-color-black-100-transparent-0);
|
|
356
359
|
@property st-global(--wds-color-black-100-transparent-5);
|
|
@@ -2470,6 +2473,9 @@
|
|
|
2470
2473
|
--wds-close-button-standard-filled-text: #131720;
|
|
2471
2474
|
--wds-close-button-standard-filled-text-disabled: #bebebe;
|
|
2472
2475
|
--wds-close-button-standard-filled-text-hover: #131720;
|
|
2476
|
+
--wds-code-snippet-border-radius-inline: 2px;
|
|
2477
|
+
--wds-code-snippet-border-radius-multiline: 2px;
|
|
2478
|
+
--wds-code-snippet-border-radius-singleline: 2px;
|
|
2473
2479
|
--wds-color-black-100: #131720;
|
|
2474
2480
|
--wds-color-black-100-transparent-0: rgba(19, 23, 32, 0);
|
|
2475
2481
|
--wds-color-black-100-transparent-5: rgba(19, 23, 32, .05);
|
package/studio/component.st.css
CHANGED
|
@@ -313,6 +313,9 @@
|
|
|
313
313
|
@property st-global(--wds-close-button-standard-filled-text);
|
|
314
314
|
@property st-global(--wds-close-button-standard-filled-text-disabled);
|
|
315
315
|
@property st-global(--wds-close-button-standard-filled-text-hover);
|
|
316
|
+
@property st-global(--wds-code-snippet-border-radius-inline);
|
|
317
|
+
@property st-global(--wds-code-snippet-border-radius-multiline);
|
|
318
|
+
@property st-global(--wds-code-snippet-border-radius-singleline);
|
|
316
319
|
@property st-global(--wds-color-picker-padding-horizontal);
|
|
317
320
|
@property st-global(--wds-color-picker-padding-vertical);
|
|
318
321
|
@property st-global(--wds-color-picker-width);
|
|
@@ -1706,6 +1709,9 @@
|
|
|
1706
1709
|
--wds-close-button-standard-filled-text: #131720;
|
|
1707
1710
|
--wds-close-button-standard-filled-text-disabled: #bebebe;
|
|
1708
1711
|
--wds-close-button-standard-filled-text-hover: #131720;
|
|
1712
|
+
--wds-code-snippet-border-radius-inline: 2px;
|
|
1713
|
+
--wds-code-snippet-border-radius-multiline: 2px;
|
|
1714
|
+
--wds-code-snippet-border-radius-singleline: 2px;
|
|
1709
1715
|
--wds-color-picker-padding-horizontal: 16px;
|
|
1710
1716
|
--wds-color-picker-padding-vertical: 12px;
|
|
1711
1717
|
--wds-color-picker-width: 236px;
|
package/wixel/all.css
CHANGED
|
@@ -1318,6 +1318,9 @@
|
|
|
1318
1318
|
--wds-composer-sidebar-item-bottom-padding-horizontal-small: var(--wds-space-100);
|
|
1319
1319
|
--wds-composer-sidebar-item-bottom-padding-horizontal-medium: var(--wds-space-100);
|
|
1320
1320
|
--wds-composer-sidebar-item-bottom-padding-horizontal-large: var(--wds-space-100);
|
|
1321
|
+
--wds-code-snippet-border-radius-singleline: var(--wds-border-radius-200);
|
|
1322
|
+
--wds-code-snippet-border-radius-multiline: var(--wds-border-radius-200);
|
|
1323
|
+
--wds-code-snippet-border-radius-inline: var(--wds-border-radius-200);
|
|
1321
1324
|
--wds-close-button-standard-filled-size-small: var(--wds-space-475);
|
|
1322
1325
|
--wds-close-button-standard-filled-size-medium: var(--wds-space-475);
|
|
1323
1326
|
--wds-close-button-standard-filled-size-large: var(--wds-space-700);
|
package/wixel/all.scss
CHANGED
|
@@ -1307,6 +1307,9 @@
|
|
|
1307
1307
|
--wds-color-border-dark-primary-disabled: var(--wds-color-black-100-transparent-10);
|
|
1308
1308
|
--wds-color-border-dark-primary-active: var(--wds-color-black-200);
|
|
1309
1309
|
--wds-color-border-dark-primary: var(--wds-color-black-400);
|
|
1310
|
+
--wds-code-snippet-border-radius-singleline: var(--wds-border-radius-200);
|
|
1311
|
+
--wds-code-snippet-border-radius-multiline: var(--wds-border-radius-200);
|
|
1312
|
+
--wds-code-snippet-border-radius-inline: var(--wds-border-radius-200);
|
|
1310
1313
|
--wds-close-button-standard-filled-size-small: var(--wds-space-475);
|
|
1311
1314
|
--wds-close-button-standard-filled-size-medium: var(--wds-space-475);
|
|
1312
1315
|
--wds-close-button-standard-filled-size-large: var(--wds-space-700);
|
package/wixel/all.st.css
CHANGED
|
@@ -337,6 +337,9 @@
|
|
|
337
337
|
@property st-global(--wds-close-button-standard-filled-text);
|
|
338
338
|
@property st-global(--wds-close-button-standard-filled-text-disabled);
|
|
339
339
|
@property st-global(--wds-close-button-standard-filled-text-hover);
|
|
340
|
+
@property st-global(--wds-code-snippet-border-radius-inline);
|
|
341
|
+
@property st-global(--wds-code-snippet-border-radius-multiline);
|
|
342
|
+
@property st-global(--wds-code-snippet-border-radius-singleline);
|
|
340
343
|
@property st-global(--wds-color-black-100);
|
|
341
344
|
@property st-global(--wds-color-black-100-transparent-0);
|
|
342
345
|
@property st-global(--wds-color-black-100-transparent-5);
|
|
@@ -2397,6 +2400,9 @@
|
|
|
2397
2400
|
--wds-close-button-standard-filled-text: #4a57ff;
|
|
2398
2401
|
--wds-close-button-standard-filled-text-disabled: #ffffff;
|
|
2399
2402
|
--wds-close-button-standard-filled-text-hover: #4a57ff;
|
|
2403
|
+
--wds-code-snippet-border-radius-inline: 4px;
|
|
2404
|
+
--wds-code-snippet-border-radius-multiline: 4px;
|
|
2405
|
+
--wds-code-snippet-border-radius-singleline: 4px;
|
|
2400
2406
|
--wds-color-black-100: #000624;
|
|
2401
2407
|
--wds-color-black-100-transparent-0: rgba(38, 37, 36, 0.0000);
|
|
2402
2408
|
--wds-color-black-100-transparent-5: rgba(38, 37, 36, 0.0500);
|
package/wixel/component.st.css
CHANGED
|
@@ -299,6 +299,9 @@
|
|
|
299
299
|
@property st-global(--wds-close-button-standard-filled-text);
|
|
300
300
|
@property st-global(--wds-close-button-standard-filled-text-disabled);
|
|
301
301
|
@property st-global(--wds-close-button-standard-filled-text-hover);
|
|
302
|
+
@property st-global(--wds-code-snippet-border-radius-inline);
|
|
303
|
+
@property st-global(--wds-code-snippet-border-radius-multiline);
|
|
304
|
+
@property st-global(--wds-code-snippet-border-radius-singleline);
|
|
302
305
|
@property st-global(--wds-composer-sidebar-bottom-width);
|
|
303
306
|
@property st-global(--wds-composer-sidebar-end-max-width);
|
|
304
307
|
@property st-global(--wds-composer-sidebar-item-bottom-padding-horizontal-large);
|
|
@@ -1658,6 +1661,9 @@
|
|
|
1658
1661
|
--wds-close-button-standard-filled-text: #4a57ff;
|
|
1659
1662
|
--wds-close-button-standard-filled-text-disabled: #ffffff;
|
|
1660
1663
|
--wds-close-button-standard-filled-text-hover: #4a57ff;
|
|
1664
|
+
--wds-code-snippet-border-radius-inline: 4px;
|
|
1665
|
+
--wds-code-snippet-border-radius-multiline: 4px;
|
|
1666
|
+
--wds-code-snippet-border-radius-singleline: 4px;
|
|
1661
1667
|
--wds-composer-sidebar-bottom-width: 88px;
|
|
1662
1668
|
--wds-composer-sidebar-end-max-width: 240px;
|
|
1663
1669
|
--wds-composer-sidebar-item-bottom-padding-horizontal-large: 4px;
|