@wix/design-system-tokens 1.232.0 → 1.232.2
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 +18 -0
- package/all.css +2 -0
- package/all.scss +2 -0
- package/all.st.css +4 -0
- package/component.st.css +4 -0
- package/odeditor/all.css +35 -27
- package/odeditor/all.scss +35 -27
- package/odeditor/all.st.css +41 -25
- package/odeditor/component.st.css +39 -23
- package/odeditor/semantic.st.css +2 -2
- package/odeditor-dark/all.css +10 -2
- package/odeditor-dark/all.scss +10 -2
- package/odeditor-dark/all.st.css +18 -2
- package/odeditor-dark/component.st.css +18 -2
- package/package.json +2 -2
- package/studio/all.css +2 -0
- package/studio/all.scss +2 -0
- package/studio/all.st.css +4 -0
- package/studio/component.st.css +4 -0
- package/studio2-light/all.css +19 -11
- package/studio2-light/all.scss +9 -1
- package/studio2-light/all.st.css +17 -1
- package/studio2-light/component.st.css +17 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,21 @@
|
|
|
1
|
+
## 1.232.2
|
|
2
|
+
|
|
3
|
+
### Patch Changes
|
|
4
|
+
|
|
5
|
+
- [#17268](https://github.com/wix-private/wix-design-systems/pull/17268) [`694b4b8`](https://github.com/wix-private/wix-design-systems/commit/694b4b890115ca1f18a079c13e260de1d57045cd) - Define the six `--wds-list-item-padding-horizontal-*` tokens in odeditor, odeditor-dark and studio2-light
|
|
6
|
+
|
|
7
|
+
## 1.232.1
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- [#17295](https://github.com/wix-private/wix-design-systems/pull/17295) [`1cb6689`](https://github.com/wix-private/wix-design-systems/commit/1cb668965a96a32b501feecdedbadc5bb92bef51) - Harmony (odeditor) and Studio 2.0 Light (studio2-light): `--wds-icon-button-color-fill-dark-secondary` changed from `var(--wds-color-fill-dark-tertiary)` (`#ffffff`) to `var(--wds-color-white-transparent-0)` (`rgba(255, 255, 255, 0)`).
|
|
12
|
+
|
|
13
|
+
- [#17284](https://github.com/wix-private/wix-design-systems/pull/17284) [`362733d`](https://github.com/wix-private/wix-design-systems/commit/362733d827c18bb82b6d9612fe8aec3318f526a7) - Studio 2.0 (odeditor-dark): `--wds-popover-border-fill` changed from `#2D2D2E` to `#3A3A3B`, so the outline around popovers and dropdown menus is visible against the dark surface instead of blending into it.
|
|
14
|
+
|
|
15
|
+
- [#17232](https://github.com/wix-private/wix-design-systems/pull/17232) [`d7c728e`](https://github.com/wix-private/wix-design-systems/commit/d7c728eba326dcf4f28e272bb8763b7eab12f5b3) - The Harmony (odeditor) `toggle-button` shadow tokens match the design definition again: the standard-skin layers now resolve through the existing `--wds-shadow-*-toggle-button` semantic tokens, and the inverted layers take new offsets, blur and fills. New token `--wds-toggle-button-shadow-spread-primary-inverted` sets the inverted shadow's outermost spread: `-6px` in Harmony (odeditor), `0px` in every other theme.
|
|
16
|
+
|
|
17
|
+
- [#17285](https://github.com/wix-private/wix-design-systems/pull/17285) [`12315a2`](https://github.com/wix-private/wix-design-systems/commit/12315a23a8535f55d641ca0957cb409443c7333c) - `--wds-section-helper-border-experimental-dark` in Studio 2.0 (odeditor-dark) goes from `#ffffff` to `#acbeff`, so the `experimentalDark` SectionHelper has a visible border there.
|
|
18
|
+
|
|
1
19
|
## 1.232.0
|
|
2
20
|
|
|
3
21
|
### Minor Changes
|
package/all.css
CHANGED
|
@@ -289,6 +289,7 @@
|
|
|
289
289
|
--wds-toggle-switch-icon: true;
|
|
290
290
|
--wds-toggle-button-shadow-spread-tertiary: -0.75px;
|
|
291
291
|
--wds-toggle-button-shadow-spread-secondary: -1.5px;
|
|
292
|
+
--wds-toggle-button-shadow-spread-primary-inverted: 0px;
|
|
292
293
|
--wds-tabs-selection-height: 3px;
|
|
293
294
|
--wds-table-toolbar-padding-block-start: 15px;
|
|
294
295
|
--wds-table-toolbar-padding-block-end: 15px;
|
|
@@ -2110,6 +2111,7 @@
|
|
|
2110
2111
|
--wds-section-helper-fill-standard: var(--wds-color-fill-surface-standard);
|
|
2111
2112
|
--wds-section-helper-fill-preview: var(--wds-color-fill-surface-neutral);
|
|
2112
2113
|
--wds-section-helper-fill-premium: var(--wds-color-fill-surface-premium);
|
|
2114
|
+
--wds-section-helper-fill-experimental-dark: var(--wds-color-fill-dark-primary);
|
|
2113
2115
|
--wds-section-helper-fill-danger: var(--wds-color-fill-surface-destructive);
|
|
2114
2116
|
--wds-section-helper-border-success: var(--wds-color-border-success-primary);
|
|
2115
2117
|
--wds-section-helper-border-standard: var(--wds-color-border-standard-primary);
|
package/all.scss
CHANGED
|
@@ -14,6 +14,7 @@
|
|
|
14
14
|
--wds-toggle-switch-icon: true;
|
|
15
15
|
--wds-toggle-button-shadow-spread-tertiary: -0.75px;
|
|
16
16
|
--wds-toggle-button-shadow-spread-secondary: -1.5px;
|
|
17
|
+
--wds-toggle-button-shadow-spread-primary-inverted: 0px;
|
|
17
18
|
--wds-tabs-selection-height: 3px;
|
|
18
19
|
--wds-table-toolbar-padding-block-start: 15px;
|
|
19
20
|
--wds-table-toolbar-padding-block-end: 15px;
|
|
@@ -2099,6 +2100,7 @@
|
|
|
2099
2100
|
--wds-section-helper-fill-standard: var(--wds-color-fill-surface-standard);
|
|
2100
2101
|
--wds-section-helper-fill-preview: var(--wds-color-fill-surface-neutral);
|
|
2101
2102
|
--wds-section-helper-fill-premium: var(--wds-color-fill-surface-premium);
|
|
2103
|
+
--wds-section-helper-fill-experimental-dark: var(--wds-color-fill-dark-primary);
|
|
2102
2104
|
--wds-section-helper-fill-danger: var(--wds-color-fill-surface-destructive);
|
|
2103
2105
|
--wds-section-helper-border-success: var(--wds-color-border-success-primary);
|
|
2104
2106
|
--wds-section-helper-border-standard: var(--wds-color-border-standard-primary);
|
package/all.st.css
CHANGED
|
@@ -1843,6 +1843,7 @@
|
|
|
1843
1843
|
@property st-global(--wds-section-helper-content-gap-medium);
|
|
1844
1844
|
@property st-global(--wds-section-helper-content-gap-small);
|
|
1845
1845
|
@property st-global(--wds-section-helper-fill-danger);
|
|
1846
|
+
@property st-global(--wds-section-helper-fill-experimental-dark);
|
|
1846
1847
|
@property st-global(--wds-section-helper-fill-premium);
|
|
1847
1848
|
@property st-global(--wds-section-helper-fill-preview);
|
|
1848
1849
|
@property st-global(--wds-section-helper-fill-standard);
|
|
@@ -2562,6 +2563,7 @@
|
|
|
2562
2563
|
@property st-global(--wds-toggle-button-shadow-fill-secondary-inverted);
|
|
2563
2564
|
@property st-global(--wds-toggle-button-shadow-fill-tertiary);
|
|
2564
2565
|
@property st-global(--wds-toggle-button-shadow-fill-tertiary-inverted);
|
|
2566
|
+
@property st-global(--wds-toggle-button-shadow-spread-primary-inverted);
|
|
2565
2567
|
@property st-global(--wds-toggle-button-shadow-spread-secondary);
|
|
2566
2568
|
@property st-global(--wds-toggle-button-shadow-spread-tertiary);
|
|
2567
2569
|
@property st-global(--wds-toggle-button-shadow-x-primary);
|
|
@@ -4566,6 +4568,7 @@
|
|
|
4566
4568
|
--wds-section-helper-content-gap-medium: 12px;
|
|
4567
4569
|
--wds-section-helper-content-gap-small: 9px;
|
|
4568
4570
|
--wds-section-helper-fill-danger: #fde3e1;
|
|
4571
|
+
--wds-section-helper-fill-experimental-dark: #000624;
|
|
4569
4572
|
--wds-section-helper-fill-premium: #f1e0f9;
|
|
4570
4573
|
--wds-section-helper-fill-preview: #f6f7f9;
|
|
4571
4574
|
--wds-section-helper-fill-standard: #e7f0ff;
|
|
@@ -5285,6 +5288,7 @@
|
|
|
5285
5288
|
--wds-toggle-button-shadow-fill-secondary-inverted: rgba(0, 6, 36, 0);
|
|
5286
5289
|
--wds-toggle-button-shadow-fill-tertiary: rgba(0, 6, 36, 0);
|
|
5287
5290
|
--wds-toggle-button-shadow-fill-tertiary-inverted: rgba(0, 6, 36, 0);
|
|
5291
|
+
--wds-toggle-button-shadow-spread-primary-inverted: 0px;
|
|
5288
5292
|
--wds-toggle-button-shadow-spread-secondary: -1.5px;
|
|
5289
5293
|
--wds-toggle-button-shadow-spread-tertiary: -0.75px;
|
|
5290
5294
|
--wds-toggle-button-shadow-x-primary: 0px;
|
package/component.st.css
CHANGED
|
@@ -1257,6 +1257,7 @@
|
|
|
1257
1257
|
@property st-global(--wds-section-helper-content-gap-medium);
|
|
1258
1258
|
@property st-global(--wds-section-helper-content-gap-small);
|
|
1259
1259
|
@property st-global(--wds-section-helper-fill-danger);
|
|
1260
|
+
@property st-global(--wds-section-helper-fill-experimental-dark);
|
|
1260
1261
|
@property st-global(--wds-section-helper-fill-premium);
|
|
1261
1262
|
@property st-global(--wds-section-helper-fill-preview);
|
|
1262
1263
|
@property st-global(--wds-section-helper-fill-standard);
|
|
@@ -1823,6 +1824,7 @@
|
|
|
1823
1824
|
@property st-global(--wds-toggle-button-shadow-fill-secondary-inverted);
|
|
1824
1825
|
@property st-global(--wds-toggle-button-shadow-fill-tertiary);
|
|
1825
1826
|
@property st-global(--wds-toggle-button-shadow-fill-tertiary-inverted);
|
|
1827
|
+
@property st-global(--wds-toggle-button-shadow-spread-primary-inverted);
|
|
1826
1828
|
@property st-global(--wds-toggle-button-shadow-spread-secondary);
|
|
1827
1829
|
@property st-global(--wds-toggle-button-shadow-spread-tertiary);
|
|
1828
1830
|
@property st-global(--wds-toggle-button-shadow-x-primary);
|
|
@@ -3239,6 +3241,7 @@
|
|
|
3239
3241
|
--wds-section-helper-content-gap-medium: 12px;
|
|
3240
3242
|
--wds-section-helper-content-gap-small: 9px;
|
|
3241
3243
|
--wds-section-helper-fill-danger: #fde3e1;
|
|
3244
|
+
--wds-section-helper-fill-experimental-dark: #000624;
|
|
3242
3245
|
--wds-section-helper-fill-premium: #f1e0f9;
|
|
3243
3246
|
--wds-section-helper-fill-preview: #f6f7f9;
|
|
3244
3247
|
--wds-section-helper-fill-standard: #e7f0ff;
|
|
@@ -3805,6 +3808,7 @@
|
|
|
3805
3808
|
--wds-toggle-button-shadow-fill-secondary-inverted: rgba(0, 6, 36, 0);
|
|
3806
3809
|
--wds-toggle-button-shadow-fill-tertiary: rgba(0, 6, 36, 0);
|
|
3807
3810
|
--wds-toggle-button-shadow-fill-tertiary-inverted: rgba(0, 6, 36, 0);
|
|
3811
|
+
--wds-toggle-button-shadow-spread-primary-inverted: 0px;
|
|
3808
3812
|
--wds-toggle-button-shadow-spread-secondary: -1.5px;
|
|
3809
3813
|
--wds-toggle-button-shadow-spread-tertiary: -0.75px;
|
|
3810
3814
|
--wds-toggle-button-shadow-x-primary: 0px;
|
package/odeditor/all.css
CHANGED
|
@@ -321,22 +321,18 @@
|
|
|
321
321
|
--wds-toggle-switch-knob-size-medium: 14px;
|
|
322
322
|
--wds-toggle-switch-knob-size-large: 20px;
|
|
323
323
|
--wds-toggle-switch-icon: false;
|
|
324
|
-
--wds-toggle-button-shadow-y-tertiary-inverted:
|
|
325
|
-
--wds-toggle-button-shadow-y-
|
|
326
|
-
--wds-toggle-button-shadow-y-
|
|
327
|
-
--wds-toggle-button-shadow-
|
|
328
|
-
--wds-toggle-button-shadow-
|
|
329
|
-
--wds-toggle-button-shadow-
|
|
330
|
-
--wds-toggle-button-shadow-x-tertiary-inverted: 0.7px;
|
|
331
|
-
--wds-toggle-button-shadow-x-tertiary: 0.7px;
|
|
332
|
-
--wds-toggle-button-shadow-x-secondary-inverted: 2px;
|
|
333
|
-
--wds-toggle-button-shadow-x-secondary: 2px;
|
|
334
|
-
--wds-toggle-button-shadow-x-primary-inverted: 1px;
|
|
335
|
-
--wds-toggle-button-shadow-x-primary: 1px;
|
|
324
|
+
--wds-toggle-button-shadow-y-tertiary-inverted: 4px;
|
|
325
|
+
--wds-toggle-button-shadow-y-secondary-inverted: 0.4px;
|
|
326
|
+
--wds-toggle-button-shadow-y-primary-inverted: 5px;
|
|
327
|
+
--wds-toggle-button-shadow-x-tertiary-inverted: 1px;
|
|
328
|
+
--wds-toggle-button-shadow-x-secondary-inverted: 0.4px;
|
|
329
|
+
--wds-toggle-button-shadow-x-primary-inverted: -8px;
|
|
336
330
|
--wds-toggle-button-shadow-spread-tertiary: -0.75px;
|
|
337
331
|
--wds-toggle-button-shadow-spread-secondary: -1.5px;
|
|
338
|
-
--wds-toggle-button-shadow-
|
|
339
|
-
--wds-toggle-button-shadow-blur-tertiary:
|
|
332
|
+
--wds-toggle-button-shadow-spread-primary-inverted: -6px;
|
|
333
|
+
--wds-toggle-button-shadow-blur-tertiary-inverted: 5px;
|
|
334
|
+
--wds-toggle-button-shadow-blur-secondary-inverted: 0.6px;
|
|
335
|
+
--wds-toggle-button-shadow-blur-primary-inverted: 30px;
|
|
340
336
|
--wds-toggle-button-inner-shadow-blur-secondary: 1px;
|
|
341
337
|
--wds-toggle-button-inner-shadow-blur-primary: 1px;
|
|
342
338
|
--wds-tabs-selection-height: 3px;
|
|
@@ -432,6 +428,12 @@
|
|
|
432
428
|
--wds-loader-stroke-width-large: 2px;
|
|
433
429
|
--wds-list-item-select-min-height-medium: auto;
|
|
434
430
|
--wds-list-item-action-subtitle-offset: -2px;
|
|
431
|
+
--wds-list-item-padding-horizontal-xx-tiny: 3px;
|
|
432
|
+
--wds-list-item-padding-horizontal-x-tiny: 6px;
|
|
433
|
+
--wds-list-item-padding-horizontal-tiny: 12px;
|
|
434
|
+
--wds-list-item-padding-horizontal-small: 15px;
|
|
435
|
+
--wds-list-item-padding-horizontal-medium: 18px;
|
|
436
|
+
--wds-list-item-padding-horizontal-large: 24px;
|
|
435
437
|
--wds-internal-theme: odeditor;
|
|
436
438
|
--wds-internal-thumbnail-illustration-size-tiny: 38px;
|
|
437
439
|
--wds-internal-thumbnail-illustration-size-small: 51px;
|
|
@@ -580,8 +582,8 @@
|
|
|
580
582
|
--wds-shadow-focus-inner-destructive: 0 0 0 3px var(--wds-color-red-400) inset;
|
|
581
583
|
--wds-shadow-focus-destructive: 0 0 0 var(--wds-color-red-400);
|
|
582
584
|
--wds-shadow-fill-tertiary-raised: var(--wds-color-black-100-transparent-5);
|
|
583
|
-
--wds-shadow-fill-tertiary-toggle-button: var(--wds-color-black-100-transparent-
|
|
584
|
-
--wds-shadow-fill-secondary-toggle-button: var(--wds-color-black-100-transparent-
|
|
585
|
+
--wds-shadow-fill-tertiary-toggle-button: var(--wds-color-black-100-transparent-5);
|
|
586
|
+
--wds-shadow-fill-secondary-toggle-button: var(--wds-color-black-100-transparent-10);
|
|
585
587
|
--wds-shadow-fill-secondary-toggle: var(--wds-color-black-100-transparent-0);
|
|
586
588
|
--wds-shadow-fill-secondary-raised: var(--wds-color-black-100-transparent-5);
|
|
587
589
|
--wds-shadow-fill-secondary-overlay-dark: var(--wds-color-black-100-transparent-0);
|
|
@@ -1007,16 +1009,15 @@
|
|
|
1007
1009
|
--wds-toggle-switch-border-success-disabled: var(--wds-color-black-100-transparent-0);
|
|
1008
1010
|
--wds-toggle-switch-border-standard-disabled: var(--wds-color-black-100-transparent-0);
|
|
1009
1011
|
--wds-toggle-switch-border-error-disabled: var(--wds-color-black-100-transparent-0);
|
|
1010
|
-
--wds-toggle-button-shadow-
|
|
1011
|
-
--wds-toggle-button-shadow-
|
|
1012
|
-
--wds-toggle-button-shadow-
|
|
1013
|
-
--wds-toggle-button-shadow-
|
|
1014
|
-
--wds-toggle-button-shadow-fill-
|
|
1015
|
-
--wds-toggle-button-shadow-fill-
|
|
1016
|
-
--wds-toggle-button-shadow-
|
|
1017
|
-
--wds-toggle-button-shadow-blur-
|
|
1018
|
-
--wds-toggle-button-shadow-blur-
|
|
1019
|
-
--wds-toggle-button-shadow-blur-primary: var(--wds-shadow-blur-50);
|
|
1012
|
+
--wds-toggle-button-shadow-y-tertiary: var(--wds-shadow-y-tertiary-toggle-button);
|
|
1013
|
+
--wds-toggle-button-shadow-y-secondary: var(--wds-shadow-y-secondary-toggle-button);
|
|
1014
|
+
--wds-toggle-button-shadow-x-tertiary: var(--wds-shadow-x-tertiary-toggle-button);
|
|
1015
|
+
--wds-toggle-button-shadow-x-secondary: var(--wds-shadow-x-secondary-toggle-button);
|
|
1016
|
+
--wds-toggle-button-shadow-fill-tertiary-inverted: var(--wds-color-black-100-transparent-5);
|
|
1017
|
+
--wds-toggle-button-shadow-fill-secondary-inverted: var(--wds-color-black-100-transparent-10);
|
|
1018
|
+
--wds-toggle-button-shadow-fill-primary-inverted: var(--wds-color-black-100-transparent-5);
|
|
1019
|
+
--wds-toggle-button-shadow-blur-tertiary: var(--wds-shadow-blur-tertiary-toggle-button);
|
|
1020
|
+
--wds-toggle-button-shadow-blur-secondary: var(--wds-shadow-blur-secondary-toggle-button);
|
|
1020
1021
|
--wds-toggle-button-padding-tiny-round: var(--wds-space-300);
|
|
1021
1022
|
--wds-toggle-button-padding-tiny: var(--wds-space-200);
|
|
1022
1023
|
--wds-toggle-button-padding-small-round: var(--wds-space-400);
|
|
@@ -1697,6 +1698,7 @@
|
|
|
1697
1698
|
--wds-icon-button-color-fill-light-primary-disabled: var(--wds-color-black-700);
|
|
1698
1699
|
--wds-icon-button-color-fill-dark-tertiary-hover: var(--wds-color-black-600);
|
|
1699
1700
|
--wds-icon-button-color-fill-dark-secondary-disabled: var(--wds-color-black-700);
|
|
1701
|
+
--wds-icon-button-color-fill-dark-secondary: var(--wds-color-white-transparent-0);
|
|
1700
1702
|
--wds-icon-button-color-fill-dark-primary-disabled: var(--wds-color-black-700);
|
|
1701
1703
|
--wds-icon-button-color-border-standard-secondary-disabled: var(--wds-color-black-700);
|
|
1702
1704
|
--wds-icon-button-color-border-premium-secondary-disabled: var(--wds-color-black-700);
|
|
@@ -2148,6 +2150,12 @@
|
|
|
2148
2150
|
--wds-toggle-button-square-label-font-size-small: var(--wds-font-size-body-tiny);
|
|
2149
2151
|
--wds-toggle-button-square-label-font-size-medium: var(--wds-font-size-body-small);
|
|
2150
2152
|
--wds-toggle-button-square-label-font-size-large: var(--wds-font-size-body-small);
|
|
2153
|
+
--wds-toggle-button-shadow-y-primary: var(--wds-shadow-y-primary-toggle-button);
|
|
2154
|
+
--wds-toggle-button-shadow-x-primary: var(--wds-shadow-x-primary-toggle-button);
|
|
2155
|
+
--wds-toggle-button-shadow-fill-tertiary: var(--wds-shadow-fill-tertiary-toggle-button);
|
|
2156
|
+
--wds-toggle-button-shadow-fill-secondary: var(--wds-shadow-fill-secondary-toggle-button);
|
|
2157
|
+
--wds-toggle-button-shadow-fill-primary: var(--wds-shadow-fill-primary-toggle-button);
|
|
2158
|
+
--wds-toggle-button-shadow-blur-primary: var(--wds-shadow-blur-primary-toggle-button);
|
|
2151
2159
|
--wds-toggle-button-label-font-size-square-tiny: var(--wds-font-size-body-tiny);
|
|
2152
2160
|
--wds-toggle-button-label-font-size-square-small: var(--wds-font-size-body-small);
|
|
2153
2161
|
--wds-toggle-button-label-font-size-square-medium: var(--wds-font-size-body-small);
|
|
@@ -2278,6 +2286,7 @@
|
|
|
2278
2286
|
--wds-section-helper-title-font-size: var(--wds-font-size-body-tiny);
|
|
2279
2287
|
--wds-section-helper-text-font-size: var(--wds-font-size-body-tiny);
|
|
2280
2288
|
--wds-section-helper-fill-premium: var(--wds-color-fill-surface-premium);
|
|
2289
|
+
--wds-section-helper-fill-experimental-dark: var(--wds-color-fill-dark-primary);
|
|
2281
2290
|
--wds-section-header-label-font-size-small: var(--wds-font-size-body-tiny);
|
|
2282
2291
|
--wds-section-header-label-font-size-medium: var(--wds-font-size-body-small);
|
|
2283
2292
|
--wds-section-header-label-fill-neutral: var(--wds-color-text-placeholder);
|
|
@@ -2446,7 +2455,6 @@
|
|
|
2446
2455
|
--wds-icon-button-color-fill-dark-tertiary: var(--wds-color-fill-light-secondary);
|
|
2447
2456
|
--wds-icon-button-color-fill-dark-secondary-hover: var(--wds-color-fill-dark-tertiary-hover);
|
|
2448
2457
|
--wds-icon-button-color-fill-dark-secondary-active: var(--wds-color-fill-dark-tertiary-active);
|
|
2449
|
-
--wds-icon-button-color-fill-dark-secondary: var(--wds-color-fill-dark-tertiary);
|
|
2450
2458
|
--wds-icon-button-color-fill-dark-primary-hover: var(--wds-color-fill-dark-primary-hover);
|
|
2451
2459
|
--wds-icon-button-color-fill-dark-primary-active: var(--wds-color-fill-dark-primary-active);
|
|
2452
2460
|
--wds-icon-button-color-fill-dark-primary: var(--wds-color-fill-dark-primary);
|
package/odeditor/all.scss
CHANGED
|
@@ -15,22 +15,18 @@
|
|
|
15
15
|
--wds-toggle-switch-knob-size-medium: 14px;
|
|
16
16
|
--wds-toggle-switch-knob-size-large: 20px;
|
|
17
17
|
--wds-toggle-switch-icon: false;
|
|
18
|
-
--wds-toggle-button-shadow-y-tertiary-inverted:
|
|
19
|
-
--wds-toggle-button-shadow-y-
|
|
20
|
-
--wds-toggle-button-shadow-y-
|
|
21
|
-
--wds-toggle-button-shadow-
|
|
22
|
-
--wds-toggle-button-shadow-
|
|
23
|
-
--wds-toggle-button-shadow-
|
|
24
|
-
--wds-toggle-button-shadow-x-tertiary-inverted: 0.7px;
|
|
25
|
-
--wds-toggle-button-shadow-x-tertiary: 0.7px;
|
|
26
|
-
--wds-toggle-button-shadow-x-secondary-inverted: 2px;
|
|
27
|
-
--wds-toggle-button-shadow-x-secondary: 2px;
|
|
28
|
-
--wds-toggle-button-shadow-x-primary-inverted: 1px;
|
|
29
|
-
--wds-toggle-button-shadow-x-primary: 1px;
|
|
18
|
+
--wds-toggle-button-shadow-y-tertiary-inverted: 4px;
|
|
19
|
+
--wds-toggle-button-shadow-y-secondary-inverted: 0.4px;
|
|
20
|
+
--wds-toggle-button-shadow-y-primary-inverted: 5px;
|
|
21
|
+
--wds-toggle-button-shadow-x-tertiary-inverted: 1px;
|
|
22
|
+
--wds-toggle-button-shadow-x-secondary-inverted: 0.4px;
|
|
23
|
+
--wds-toggle-button-shadow-x-primary-inverted: -8px;
|
|
30
24
|
--wds-toggle-button-shadow-spread-tertiary: -0.75px;
|
|
31
25
|
--wds-toggle-button-shadow-spread-secondary: -1.5px;
|
|
32
|
-
--wds-toggle-button-shadow-
|
|
33
|
-
--wds-toggle-button-shadow-blur-tertiary:
|
|
26
|
+
--wds-toggle-button-shadow-spread-primary-inverted: -6px;
|
|
27
|
+
--wds-toggle-button-shadow-blur-tertiary-inverted: 5px;
|
|
28
|
+
--wds-toggle-button-shadow-blur-secondary-inverted: 0.6px;
|
|
29
|
+
--wds-toggle-button-shadow-blur-primary-inverted: 30px;
|
|
34
30
|
--wds-toggle-button-inner-shadow-blur-secondary: 1px;
|
|
35
31
|
--wds-toggle-button-inner-shadow-blur-primary: 1px;
|
|
36
32
|
--wds-tabs-selection-height: 3px;
|
|
@@ -191,6 +187,12 @@
|
|
|
191
187
|
--wds-loader-stroke-width-medium: 2px;
|
|
192
188
|
--wds-loader-stroke-width-large: 2px;
|
|
193
189
|
--wds-list-item-select-min-height-medium: auto;
|
|
190
|
+
--wds-list-item-padding-horizontal-xx-tiny: 3px;
|
|
191
|
+
--wds-list-item-padding-horizontal-x-tiny: 6px;
|
|
192
|
+
--wds-list-item-padding-horizontal-tiny: 12px;
|
|
193
|
+
--wds-list-item-padding-horizontal-small: 15px;
|
|
194
|
+
--wds-list-item-padding-horizontal-medium: 18px;
|
|
195
|
+
--wds-list-item-padding-horizontal-large: 24px;
|
|
194
196
|
--wds-list-item-action-subtitle-offset: -2px;
|
|
195
197
|
--wds-internal-thumbnail-illustration-size-tiny: 38px;
|
|
196
198
|
--wds-internal-thumbnail-illustration-size-small: 51px;
|
|
@@ -582,16 +584,15 @@
|
|
|
582
584
|
--wds-toggle-switch-border-success-disabled: var(--wds-color-black-100-transparent-0);
|
|
583
585
|
--wds-toggle-switch-border-standard-disabled: var(--wds-color-black-100-transparent-0);
|
|
584
586
|
--wds-toggle-switch-border-error-disabled: var(--wds-color-black-100-transparent-0);
|
|
585
|
-
--wds-toggle-button-shadow-
|
|
586
|
-
--wds-toggle-button-shadow-
|
|
587
|
-
--wds-toggle-button-shadow-
|
|
588
|
-
--wds-toggle-button-shadow-
|
|
589
|
-
--wds-toggle-button-shadow-fill-
|
|
590
|
-
--wds-toggle-button-shadow-fill-
|
|
591
|
-
--wds-toggle-button-shadow-
|
|
592
|
-
--wds-toggle-button-shadow-blur-
|
|
593
|
-
--wds-toggle-button-shadow-blur-
|
|
594
|
-
--wds-toggle-button-shadow-blur-primary: var(--wds-shadow-blur-50);
|
|
587
|
+
--wds-toggle-button-shadow-y-tertiary: var(--wds-shadow-y-tertiary-toggle-button);
|
|
588
|
+
--wds-toggle-button-shadow-y-secondary: var(--wds-shadow-y-secondary-toggle-button);
|
|
589
|
+
--wds-toggle-button-shadow-x-tertiary: var(--wds-shadow-x-tertiary-toggle-button);
|
|
590
|
+
--wds-toggle-button-shadow-x-secondary: var(--wds-shadow-x-secondary-toggle-button);
|
|
591
|
+
--wds-toggle-button-shadow-fill-tertiary-inverted: var(--wds-color-black-100-transparent-5);
|
|
592
|
+
--wds-toggle-button-shadow-fill-secondary-inverted: var(--wds-color-black-100-transparent-10);
|
|
593
|
+
--wds-toggle-button-shadow-fill-primary-inverted: var(--wds-color-black-100-transparent-5);
|
|
594
|
+
--wds-toggle-button-shadow-blur-tertiary: var(--wds-shadow-blur-tertiary-toggle-button);
|
|
595
|
+
--wds-toggle-button-shadow-blur-secondary: var(--wds-shadow-blur-secondary-toggle-button);
|
|
595
596
|
--wds-toggle-button-padding-tiny-round: var(--wds-space-300);
|
|
596
597
|
--wds-toggle-button-padding-tiny: var(--wds-space-200);
|
|
597
598
|
--wds-toggle-button-padding-small-round: var(--wds-space-400);
|
|
@@ -934,9 +935,9 @@
|
|
|
934
935
|
--wds-shadow-focus-inner-standard: 0 0 0 3px var(--wds-color-blue-300) inset;
|
|
935
936
|
--wds-shadow-focus-inner-destructive: 0 0 0 3px var(--wds-color-red-400) inset;
|
|
936
937
|
--wds-shadow-focus-destructive: 0 0 0 var(--wds-color-red-400);
|
|
937
|
-
--wds-shadow-fill-tertiary-toggle-button: var(--wds-color-black-100-transparent-
|
|
938
|
+
--wds-shadow-fill-tertiary-toggle-button: var(--wds-color-black-100-transparent-5);
|
|
938
939
|
--wds-shadow-fill-tertiary-raised: var(--wds-color-black-100-transparent-5);
|
|
939
|
-
--wds-shadow-fill-secondary-toggle-button: var(--wds-color-black-100-transparent-
|
|
940
|
+
--wds-shadow-fill-secondary-toggle-button: var(--wds-color-black-100-transparent-10);
|
|
940
941
|
--wds-shadow-fill-secondary-toggle: var(--wds-color-black-100-transparent-0);
|
|
941
942
|
--wds-shadow-fill-secondary-raised: var(--wds-color-black-100-transparent-5);
|
|
942
943
|
--wds-shadow-fill-secondary-overlay-dark: var(--wds-color-black-100-transparent-0);
|
|
@@ -1370,6 +1371,7 @@
|
|
|
1370
1371
|
--wds-icon-button-color-fill-light-primary-disabled: var(--wds-color-black-700);
|
|
1371
1372
|
--wds-icon-button-color-fill-dark-tertiary-hover: var(--wds-color-black-600);
|
|
1372
1373
|
--wds-icon-button-color-fill-dark-secondary-disabled: var(--wds-color-black-700);
|
|
1374
|
+
--wds-icon-button-color-fill-dark-secondary: var(--wds-color-white-transparent-0);
|
|
1373
1375
|
--wds-icon-button-color-fill-dark-primary-disabled: var(--wds-color-black-700);
|
|
1374
1376
|
--wds-icon-button-color-border-standard-secondary-disabled: var(--wds-color-black-700);
|
|
1375
1377
|
--wds-icon-button-color-border-premium-secondary-disabled: var(--wds-color-black-700);
|
|
@@ -2130,6 +2132,12 @@
|
|
|
2130
2132
|
--wds-toggle-button-square-label-font-size-small: var(--wds-font-size-body-tiny);
|
|
2131
2133
|
--wds-toggle-button-square-label-font-size-medium: var(--wds-font-size-body-small);
|
|
2132
2134
|
--wds-toggle-button-square-label-font-size-large: var(--wds-font-size-body-small);
|
|
2135
|
+
--wds-toggle-button-shadow-y-primary: var(--wds-shadow-y-primary-toggle-button);
|
|
2136
|
+
--wds-toggle-button-shadow-x-primary: var(--wds-shadow-x-primary-toggle-button);
|
|
2137
|
+
--wds-toggle-button-shadow-fill-tertiary: var(--wds-shadow-fill-tertiary-toggle-button);
|
|
2138
|
+
--wds-toggle-button-shadow-fill-secondary: var(--wds-shadow-fill-secondary-toggle-button);
|
|
2139
|
+
--wds-toggle-button-shadow-fill-primary: var(--wds-shadow-fill-primary-toggle-button);
|
|
2140
|
+
--wds-toggle-button-shadow-blur-primary: var(--wds-shadow-blur-primary-toggle-button);
|
|
2133
2141
|
--wds-toggle-button-label-font-size-square-tiny: var(--wds-font-size-body-tiny);
|
|
2134
2142
|
--wds-toggle-button-label-font-size-square-small: var(--wds-font-size-body-small);
|
|
2135
2143
|
--wds-toggle-button-label-font-size-square-medium: var(--wds-font-size-body-small);
|
|
@@ -2266,6 +2274,7 @@
|
|
|
2266
2274
|
--wds-section-helper-title-font-size: var(--wds-font-size-body-tiny);
|
|
2267
2275
|
--wds-section-helper-text-font-size: var(--wds-font-size-body-tiny);
|
|
2268
2276
|
--wds-section-helper-fill-premium: var(--wds-color-fill-surface-premium);
|
|
2277
|
+
--wds-section-helper-fill-experimental-dark: var(--wds-color-fill-dark-primary);
|
|
2269
2278
|
--wds-section-header-label-font-size-small: var(--wds-font-size-body-tiny);
|
|
2270
2279
|
--wds-section-header-label-font-size-medium: var(--wds-font-size-body-small);
|
|
2271
2280
|
--wds-section-header-label-fill-neutral: var(--wds-color-text-placeholder);
|
|
@@ -2434,7 +2443,6 @@
|
|
|
2434
2443
|
--wds-icon-button-color-fill-dark-tertiary: var(--wds-color-fill-light-secondary);
|
|
2435
2444
|
--wds-icon-button-color-fill-dark-secondary-hover: var(--wds-color-fill-dark-tertiary-hover);
|
|
2436
2445
|
--wds-icon-button-color-fill-dark-secondary-active: var(--wds-color-fill-dark-tertiary-active);
|
|
2437
|
-
--wds-icon-button-color-fill-dark-secondary: var(--wds-color-fill-dark-tertiary);
|
|
2438
2446
|
--wds-icon-button-color-fill-dark-primary-hover: var(--wds-color-fill-dark-primary-hover);
|
|
2439
2447
|
--wds-icon-button-color-fill-dark-primary-active: var(--wds-color-fill-dark-primary-active);
|
|
2440
2448
|
--wds-icon-button-color-fill-dark-primary: var(--wds-color-fill-dark-primary);
|
package/odeditor/all.st.css
CHANGED
|
@@ -1455,6 +1455,12 @@
|
|
|
1455
1455
|
@property st-global(--wds-list-item-action-suffix-fill-active);
|
|
1456
1456
|
@property st-global(--wds-list-item-action-title-font-weight);
|
|
1457
1457
|
@property st-global(--wds-list-item-action-title-font-weight-active);
|
|
1458
|
+
@property st-global(--wds-list-item-padding-horizontal-large);
|
|
1459
|
+
@property st-global(--wds-list-item-padding-horizontal-medium);
|
|
1460
|
+
@property st-global(--wds-list-item-padding-horizontal-small);
|
|
1461
|
+
@property st-global(--wds-list-item-padding-horizontal-tiny);
|
|
1462
|
+
@property st-global(--wds-list-item-padding-horizontal-x-tiny);
|
|
1463
|
+
@property st-global(--wds-list-item-padding-horizontal-xx-tiny);
|
|
1458
1464
|
@property st-global(--wds-list-item-section-divider-padding-bottom);
|
|
1459
1465
|
@property st-global(--wds-list-item-section-divider-padding-horizontal);
|
|
1460
1466
|
@property st-global(--wds-list-item-section-divider-padding-top);
|
|
@@ -1824,6 +1830,7 @@
|
|
|
1824
1830
|
@property st-global(--wds-section-helper-content-gap-medium);
|
|
1825
1831
|
@property st-global(--wds-section-helper-content-gap-small);
|
|
1826
1832
|
@property st-global(--wds-section-helper-fill-danger);
|
|
1833
|
+
@property st-global(--wds-section-helper-fill-experimental-dark);
|
|
1827
1834
|
@property st-global(--wds-section-helper-fill-premium);
|
|
1828
1835
|
@property st-global(--wds-section-helper-fill-preview);
|
|
1829
1836
|
@property st-global(--wds-section-helper-fill-standard);
|
|
@@ -2558,6 +2565,7 @@
|
|
|
2558
2565
|
@property st-global(--wds-toggle-button-shadow-fill-secondary-inverted);
|
|
2559
2566
|
@property st-global(--wds-toggle-button-shadow-fill-tertiary);
|
|
2560
2567
|
@property st-global(--wds-toggle-button-shadow-fill-tertiary-inverted);
|
|
2568
|
+
@property st-global(--wds-toggle-button-shadow-spread-primary-inverted);
|
|
2561
2569
|
@property st-global(--wds-toggle-button-shadow-spread-secondary);
|
|
2562
2570
|
@property st-global(--wds-toggle-button-shadow-spread-tertiary);
|
|
2563
2571
|
@property st-global(--wds-toggle-button-shadow-x-primary);
|
|
@@ -3939,7 +3947,7 @@
|
|
|
3939
3947
|
--wds-icon-button-color-fill-dark-primary-active: #525150;
|
|
3940
3948
|
--wds-icon-button-color-fill-dark-primary-disabled: #f0efef;
|
|
3941
3949
|
--wds-icon-button-color-fill-dark-primary-hover: #383838;
|
|
3942
|
-
--wds-icon-button-color-fill-dark-secondary:
|
|
3950
|
+
--wds-icon-button-color-fill-dark-secondary: rgba(255, 255, 255, 0);
|
|
3943
3951
|
--wds-icon-button-color-fill-dark-secondary-active: #f0efef;
|
|
3944
3952
|
--wds-icon-button-color-fill-dark-secondary-disabled: #f0efef;
|
|
3945
3953
|
--wds-icon-button-color-fill-dark-secondary-hover: #f8f6f6;
|
|
@@ -4162,6 +4170,12 @@
|
|
|
4162
4170
|
--wds-list-item-action-suffix-fill-active: #151414;
|
|
4163
4171
|
--wds-list-item-action-title-font-weight: 500;
|
|
4164
4172
|
--wds-list-item-action-title-font-weight-active: 500;
|
|
4173
|
+
--wds-list-item-padding-horizontal-large: 24px;
|
|
4174
|
+
--wds-list-item-padding-horizontal-medium: 18px;
|
|
4175
|
+
--wds-list-item-padding-horizontal-small: 15px;
|
|
4176
|
+
--wds-list-item-padding-horizontal-tiny: 12px;
|
|
4177
|
+
--wds-list-item-padding-horizontal-x-tiny: 6px;
|
|
4178
|
+
--wds-list-item-padding-horizontal-xx-tiny: 3px;
|
|
4165
4179
|
--wds-list-item-section-divider-padding-bottom: 8px;
|
|
4166
4180
|
--wds-list-item-section-divider-padding-horizontal: 8px;
|
|
4167
4181
|
--wds-list-item-section-divider-padding-top: 8px;
|
|
@@ -4531,6 +4545,7 @@
|
|
|
4531
4545
|
--wds-section-helper-content-gap-medium: 20px;
|
|
4532
4546
|
--wds-section-helper-content-gap-small: 20px;
|
|
4533
4547
|
--wds-section-helper-fill-danger: #fcebeb;
|
|
4548
|
+
--wds-section-helper-fill-experimental-dark: #151414;
|
|
4534
4549
|
--wds-section-helper-fill-premium: #f5f7ff;
|
|
4535
4550
|
--wds-section-helper-fill-preview: #f0efef;
|
|
4536
4551
|
--wds-section-helper-fill-standard: #f5f7ff;
|
|
@@ -4681,9 +4696,9 @@
|
|
|
4681
4696
|
--wds-shadow-fill-secondary-overlay-dark: rgba(19, 23, 32, 0);
|
|
4682
4697
|
--wds-shadow-fill-secondary-raised: rgba(19, 23, 32, .05);
|
|
4683
4698
|
--wds-shadow-fill-secondary-toggle: rgba(19, 23, 32, 0);
|
|
4684
|
-
--wds-shadow-fill-secondary-toggle-button: rgba(19, 23, 32, .
|
|
4699
|
+
--wds-shadow-fill-secondary-toggle-button: rgba(19, 23, 32, .1);
|
|
4685
4700
|
--wds-shadow-fill-tertiary-raised: rgba(19, 23, 32, .05);
|
|
4686
|
-
--wds-shadow-fill-tertiary-toggle-button: rgba(19, 23, 32, .
|
|
4701
|
+
--wds-shadow-fill-tertiary-toggle-button: rgba(19, 23, 32, .05);
|
|
4687
4702
|
--wds-shadow-focus-destructive: 0 0 0 #f4b8b9;
|
|
4688
4703
|
--wds-shadow-focus-inner-destructive: 0 0 0 3px #f4b8b9 inset;
|
|
4689
4704
|
--wds-shadow-focus-inner-standard: 0 0 0 3px #acbeff inset;
|
|
@@ -5254,31 +5269,32 @@
|
|
|
5254
5269
|
--wds-toggle-button-padding-tiny: 8px;
|
|
5255
5270
|
--wds-toggle-button-padding-tiny-round: 12px;
|
|
5256
5271
|
--wds-toggle-button-shadow-blur-primary: 4px;
|
|
5257
|
-
--wds-toggle-button-shadow-blur-primary-inverted:
|
|
5258
|
-
--wds-toggle-button-shadow-blur-secondary:
|
|
5259
|
-
--wds-toggle-button-shadow-blur-secondary-inverted:
|
|
5260
|
-
--wds-toggle-button-shadow-blur-tertiary: 0.
|
|
5261
|
-
--wds-toggle-button-shadow-blur-tertiary-inverted:
|
|
5262
|
-
--wds-toggle-button-shadow-fill-primary: rgba(19, 23, 32, .
|
|
5263
|
-
--wds-toggle-button-shadow-fill-primary-inverted: rgba(19, 23, 32, .
|
|
5264
|
-
--wds-toggle-button-shadow-fill-secondary: rgba(19, 23, 32, .
|
|
5265
|
-
--wds-toggle-button-shadow-fill-secondary-inverted: rgba(19, 23, 32, .
|
|
5266
|
-
--wds-toggle-button-shadow-fill-tertiary: rgba(19, 23, 32, .
|
|
5267
|
-
--wds-toggle-button-shadow-fill-tertiary-inverted: rgba(19, 23, 32, .
|
|
5272
|
+
--wds-toggle-button-shadow-blur-primary-inverted: 30px;
|
|
5273
|
+
--wds-toggle-button-shadow-blur-secondary: 1.7px;
|
|
5274
|
+
--wds-toggle-button-shadow-blur-secondary-inverted: 0.6px;
|
|
5275
|
+
--wds-toggle-button-shadow-blur-tertiary: 0.6px;
|
|
5276
|
+
--wds-toggle-button-shadow-blur-tertiary-inverted: 5px;
|
|
5277
|
+
--wds-toggle-button-shadow-fill-primary: rgba(19, 23, 32, .05);
|
|
5278
|
+
--wds-toggle-button-shadow-fill-primary-inverted: rgba(19, 23, 32, .05);
|
|
5279
|
+
--wds-toggle-button-shadow-fill-secondary: rgba(19, 23, 32, .1);
|
|
5280
|
+
--wds-toggle-button-shadow-fill-secondary-inverted: rgba(19, 23, 32, .1);
|
|
5281
|
+
--wds-toggle-button-shadow-fill-tertiary: rgba(19, 23, 32, .05);
|
|
5282
|
+
--wds-toggle-button-shadow-fill-tertiary-inverted: rgba(19, 23, 32, .05);
|
|
5283
|
+
--wds-toggle-button-shadow-spread-primary-inverted: -6px;
|
|
5268
5284
|
--wds-toggle-button-shadow-spread-secondary: -1.5px;
|
|
5269
5285
|
--wds-toggle-button-shadow-spread-tertiary: -0.75px;
|
|
5270
5286
|
--wds-toggle-button-shadow-x-primary: 1px;
|
|
5271
|
-
--wds-toggle-button-shadow-x-primary-inverted:
|
|
5272
|
-
--wds-toggle-button-shadow-x-secondary: 2px;
|
|
5273
|
-
--wds-toggle-button-shadow-x-secondary-inverted:
|
|
5274
|
-
--wds-toggle-button-shadow-x-tertiary: 0.
|
|
5275
|
-
--wds-toggle-button-shadow-x-tertiary-inverted:
|
|
5276
|
-
--wds-toggle-button-shadow-y-primary:
|
|
5277
|
-
--wds-toggle-button-shadow-y-primary-inverted:
|
|
5278
|
-
--wds-toggle-button-shadow-y-secondary: 2px;
|
|
5279
|
-
--wds-toggle-button-shadow-y-secondary-inverted:
|
|
5280
|
-
--wds-toggle-button-shadow-y-tertiary: 0.
|
|
5281
|
-
--wds-toggle-button-shadow-y-tertiary-inverted:
|
|
5287
|
+
--wds-toggle-button-shadow-x-primary-inverted: -8px;
|
|
5288
|
+
--wds-toggle-button-shadow-x-secondary: 1.2px;
|
|
5289
|
+
--wds-toggle-button-shadow-x-secondary-inverted: 0.4px;
|
|
5290
|
+
--wds-toggle-button-shadow-x-tertiary: 0.4px;
|
|
5291
|
+
--wds-toggle-button-shadow-x-tertiary-inverted: 1px;
|
|
5292
|
+
--wds-toggle-button-shadow-y-primary: 4px;
|
|
5293
|
+
--wds-toggle-button-shadow-y-primary-inverted: 5px;
|
|
5294
|
+
--wds-toggle-button-shadow-y-secondary: 1.2px;
|
|
5295
|
+
--wds-toggle-button-shadow-y-secondary-inverted: 0.4px;
|
|
5296
|
+
--wds-toggle-button-shadow-y-tertiary: 0.4px;
|
|
5297
|
+
--wds-toggle-button-shadow-y-tertiary-inverted: 4px;
|
|
5282
5298
|
--wds-toggle-button-square-label-font-size-large: 14px;
|
|
5283
5299
|
--wds-toggle-button-square-label-font-size-medium: 14px;
|
|
5284
5300
|
--wds-toggle-button-square-label-font-size-small: 12px;
|
|
@@ -862,6 +862,12 @@
|
|
|
862
862
|
@property st-global(--wds-list-item-action-suffix-fill-active);
|
|
863
863
|
@property st-global(--wds-list-item-action-title-font-weight);
|
|
864
864
|
@property st-global(--wds-list-item-action-title-font-weight-active);
|
|
865
|
+
@property st-global(--wds-list-item-padding-horizontal-large);
|
|
866
|
+
@property st-global(--wds-list-item-padding-horizontal-medium);
|
|
867
|
+
@property st-global(--wds-list-item-padding-horizontal-small);
|
|
868
|
+
@property st-global(--wds-list-item-padding-horizontal-tiny);
|
|
869
|
+
@property st-global(--wds-list-item-padding-horizontal-x-tiny);
|
|
870
|
+
@property st-global(--wds-list-item-padding-horizontal-xx-tiny);
|
|
865
871
|
@property st-global(--wds-list-item-section-divider-padding-bottom);
|
|
866
872
|
@property st-global(--wds-list-item-section-divider-padding-horizontal);
|
|
867
873
|
@property st-global(--wds-list-item-section-divider-padding-top);
|
|
@@ -1229,6 +1235,7 @@
|
|
|
1229
1235
|
@property st-global(--wds-section-helper-content-gap-medium);
|
|
1230
1236
|
@property st-global(--wds-section-helper-content-gap-small);
|
|
1231
1237
|
@property st-global(--wds-section-helper-fill-danger);
|
|
1238
|
+
@property st-global(--wds-section-helper-fill-experimental-dark);
|
|
1232
1239
|
@property st-global(--wds-section-helper-fill-premium);
|
|
1233
1240
|
@property st-global(--wds-section-helper-fill-preview);
|
|
1234
1241
|
@property st-global(--wds-section-helper-fill-standard);
|
|
@@ -1808,6 +1815,7 @@
|
|
|
1808
1815
|
@property st-global(--wds-toggle-button-shadow-fill-secondary-inverted);
|
|
1809
1816
|
@property st-global(--wds-toggle-button-shadow-fill-tertiary);
|
|
1810
1817
|
@property st-global(--wds-toggle-button-shadow-fill-tertiary-inverted);
|
|
1818
|
+
@property st-global(--wds-toggle-button-shadow-spread-primary-inverted);
|
|
1811
1819
|
@property st-global(--wds-toggle-button-shadow-spread-secondary);
|
|
1812
1820
|
@property st-global(--wds-toggle-button-shadow-spread-tertiary);
|
|
1813
1821
|
@property st-global(--wds-toggle-button-shadow-x-primary);
|
|
@@ -2620,7 +2628,7 @@
|
|
|
2620
2628
|
--wds-icon-button-color-fill-dark-primary-active: #525150;
|
|
2621
2629
|
--wds-icon-button-color-fill-dark-primary-disabled: #f0efef;
|
|
2622
2630
|
--wds-icon-button-color-fill-dark-primary-hover: #383838;
|
|
2623
|
-
--wds-icon-button-color-fill-dark-secondary:
|
|
2631
|
+
--wds-icon-button-color-fill-dark-secondary: rgba(255, 255, 255, 0);
|
|
2624
2632
|
--wds-icon-button-color-fill-dark-secondary-active: #f0efef;
|
|
2625
2633
|
--wds-icon-button-color-fill-dark-secondary-disabled: #f0efef;
|
|
2626
2634
|
--wds-icon-button-color-fill-dark-secondary-hover: #f8f6f6;
|
|
@@ -2817,6 +2825,12 @@
|
|
|
2817
2825
|
--wds-list-item-action-suffix-fill-active: #151414;
|
|
2818
2826
|
--wds-list-item-action-title-font-weight: 500;
|
|
2819
2827
|
--wds-list-item-action-title-font-weight-active: 500;
|
|
2828
|
+
--wds-list-item-padding-horizontal-large: 24px;
|
|
2829
|
+
--wds-list-item-padding-horizontal-medium: 18px;
|
|
2830
|
+
--wds-list-item-padding-horizontal-small: 15px;
|
|
2831
|
+
--wds-list-item-padding-horizontal-tiny: 12px;
|
|
2832
|
+
--wds-list-item-padding-horizontal-x-tiny: 6px;
|
|
2833
|
+
--wds-list-item-padding-horizontal-xx-tiny: 3px;
|
|
2820
2834
|
--wds-list-item-section-divider-padding-bottom: 8px;
|
|
2821
2835
|
--wds-list-item-section-divider-padding-horizontal: 8px;
|
|
2822
2836
|
--wds-list-item-section-divider-padding-top: 8px;
|
|
@@ -3184,6 +3198,7 @@
|
|
|
3184
3198
|
--wds-section-helper-content-gap-medium: 20px;
|
|
3185
3199
|
--wds-section-helper-content-gap-small: 20px;
|
|
3186
3200
|
--wds-section-helper-fill-danger: #fcebeb;
|
|
3201
|
+
--wds-section-helper-fill-experimental-dark: #151414;
|
|
3187
3202
|
--wds-section-helper-fill-premium: #f5f7ff;
|
|
3188
3203
|
--wds-section-helper-fill-preview: #f0efef;
|
|
3189
3204
|
--wds-section-helper-fill-standard: #f5f7ff;
|
|
@@ -3752,31 +3767,32 @@
|
|
|
3752
3767
|
--wds-toggle-button-padding-tiny: 8px;
|
|
3753
3768
|
--wds-toggle-button-padding-tiny-round: 12px;
|
|
3754
3769
|
--wds-toggle-button-shadow-blur-primary: 4px;
|
|
3755
|
-
--wds-toggle-button-shadow-blur-primary-inverted:
|
|
3756
|
-
--wds-toggle-button-shadow-blur-secondary:
|
|
3757
|
-
--wds-toggle-button-shadow-blur-secondary-inverted:
|
|
3758
|
-
--wds-toggle-button-shadow-blur-tertiary: 0.
|
|
3759
|
-
--wds-toggle-button-shadow-blur-tertiary-inverted:
|
|
3760
|
-
--wds-toggle-button-shadow-fill-primary: rgba(19, 23, 32, .
|
|
3761
|
-
--wds-toggle-button-shadow-fill-primary-inverted: rgba(19, 23, 32, .
|
|
3762
|
-
--wds-toggle-button-shadow-fill-secondary: rgba(19, 23, 32, .
|
|
3763
|
-
--wds-toggle-button-shadow-fill-secondary-inverted: rgba(19, 23, 32, .
|
|
3764
|
-
--wds-toggle-button-shadow-fill-tertiary: rgba(19, 23, 32, .
|
|
3765
|
-
--wds-toggle-button-shadow-fill-tertiary-inverted: rgba(19, 23, 32, .
|
|
3770
|
+
--wds-toggle-button-shadow-blur-primary-inverted: 30px;
|
|
3771
|
+
--wds-toggle-button-shadow-blur-secondary: 1.7px;
|
|
3772
|
+
--wds-toggle-button-shadow-blur-secondary-inverted: 0.6px;
|
|
3773
|
+
--wds-toggle-button-shadow-blur-tertiary: 0.6px;
|
|
3774
|
+
--wds-toggle-button-shadow-blur-tertiary-inverted: 5px;
|
|
3775
|
+
--wds-toggle-button-shadow-fill-primary: rgba(19, 23, 32, .05);
|
|
3776
|
+
--wds-toggle-button-shadow-fill-primary-inverted: rgba(19, 23, 32, .05);
|
|
3777
|
+
--wds-toggle-button-shadow-fill-secondary: rgba(19, 23, 32, .1);
|
|
3778
|
+
--wds-toggle-button-shadow-fill-secondary-inverted: rgba(19, 23, 32, .1);
|
|
3779
|
+
--wds-toggle-button-shadow-fill-tertiary: rgba(19, 23, 32, .05);
|
|
3780
|
+
--wds-toggle-button-shadow-fill-tertiary-inverted: rgba(19, 23, 32, .05);
|
|
3781
|
+
--wds-toggle-button-shadow-spread-primary-inverted: -6px;
|
|
3766
3782
|
--wds-toggle-button-shadow-spread-secondary: -1.5px;
|
|
3767
3783
|
--wds-toggle-button-shadow-spread-tertiary: -0.75px;
|
|
3768
3784
|
--wds-toggle-button-shadow-x-primary: 1px;
|
|
3769
|
-
--wds-toggle-button-shadow-x-primary-inverted:
|
|
3770
|
-
--wds-toggle-button-shadow-x-secondary: 2px;
|
|
3771
|
-
--wds-toggle-button-shadow-x-secondary-inverted:
|
|
3772
|
-
--wds-toggle-button-shadow-x-tertiary: 0.
|
|
3773
|
-
--wds-toggle-button-shadow-x-tertiary-inverted:
|
|
3774
|
-
--wds-toggle-button-shadow-y-primary:
|
|
3775
|
-
--wds-toggle-button-shadow-y-primary-inverted:
|
|
3776
|
-
--wds-toggle-button-shadow-y-secondary: 2px;
|
|
3777
|
-
--wds-toggle-button-shadow-y-secondary-inverted:
|
|
3778
|
-
--wds-toggle-button-shadow-y-tertiary: 0.
|
|
3779
|
-
--wds-toggle-button-shadow-y-tertiary-inverted:
|
|
3785
|
+
--wds-toggle-button-shadow-x-primary-inverted: -8px;
|
|
3786
|
+
--wds-toggle-button-shadow-x-secondary: 1.2px;
|
|
3787
|
+
--wds-toggle-button-shadow-x-secondary-inverted: 0.4px;
|
|
3788
|
+
--wds-toggle-button-shadow-x-tertiary: 0.4px;
|
|
3789
|
+
--wds-toggle-button-shadow-x-tertiary-inverted: 1px;
|
|
3790
|
+
--wds-toggle-button-shadow-y-primary: 4px;
|
|
3791
|
+
--wds-toggle-button-shadow-y-primary-inverted: 5px;
|
|
3792
|
+
--wds-toggle-button-shadow-y-secondary: 1.2px;
|
|
3793
|
+
--wds-toggle-button-shadow-y-secondary-inverted: 0.4px;
|
|
3794
|
+
--wds-toggle-button-shadow-y-tertiary: 0.4px;
|
|
3795
|
+
--wds-toggle-button-shadow-y-tertiary-inverted: 4px;
|
|
3780
3796
|
--wds-toggle-button-square-label-font-size-large: 14px;
|
|
3781
3797
|
--wds-toggle-button-square-label-font-size-medium: 14px;
|
|
3782
3798
|
--wds-toggle-button-square-label-font-size-small: 12px;
|
package/odeditor/semantic.st.css
CHANGED
|
@@ -974,9 +974,9 @@
|
|
|
974
974
|
--wds-shadow-fill-secondary-overlay-dark: rgba(19, 23, 32, 0);
|
|
975
975
|
--wds-shadow-fill-secondary-raised: rgba(19, 23, 32, .05);
|
|
976
976
|
--wds-shadow-fill-secondary-toggle: rgba(19, 23, 32, 0);
|
|
977
|
-
--wds-shadow-fill-secondary-toggle-button: rgba(19, 23, 32, .
|
|
977
|
+
--wds-shadow-fill-secondary-toggle-button: rgba(19, 23, 32, .1);
|
|
978
978
|
--wds-shadow-fill-tertiary-raised: rgba(19, 23, 32, .05);
|
|
979
|
-
--wds-shadow-fill-tertiary-toggle-button: rgba(19, 23, 32, .
|
|
979
|
+
--wds-shadow-fill-tertiary-toggle-button: rgba(19, 23, 32, .05);
|
|
980
980
|
--wds-shadow-focus-destructive: 0 0 0 #f4b8b9;
|
|
981
981
|
--wds-shadow-focus-inner-destructive: 0 0 0 3px #f4b8b9 inset;
|
|
982
982
|
--wds-shadow-focus-inner-standard: 0 0 0 3px #acbeff inset;
|
package/odeditor-dark/all.css
CHANGED
|
@@ -339,6 +339,7 @@
|
|
|
339
339
|
--wds-toggle-button-shadow-x-primary: 1px;
|
|
340
340
|
--wds-toggle-button-shadow-spread-tertiary: 0px;
|
|
341
341
|
--wds-toggle-button-shadow-spread-secondary: 0px;
|
|
342
|
+
--wds-toggle-button-shadow-spread-primary-inverted: 0px;
|
|
342
343
|
--wds-toggle-button-shadow-blur-tertiary-inverted: 4px;
|
|
343
344
|
--wds-toggle-button-shadow-blur-tertiary: 0.6px;
|
|
344
345
|
--wds-toggle-button-shadow-blur-secondary-inverted: 0.6px;
|
|
@@ -399,6 +400,8 @@
|
|
|
399
400
|
--wds-side-panel-floating-max-height: 576px;
|
|
400
401
|
--wds-side-panel-control-layout-divider-border-width: false;
|
|
401
402
|
--wds-section-helper-prefix-offset-margin: 0px;
|
|
403
|
+
--wds-section-helper-fill-experimental-dark: #f5f7ff;
|
|
404
|
+
--wds-section-helper-border-experimental-dark: #acbeff;
|
|
402
405
|
--wds-scrollbar-width: 4px;
|
|
403
406
|
--wds-radio-dot-size: 4px;
|
|
404
407
|
--wds-page-section-divider-display: block;
|
|
@@ -447,6 +450,12 @@
|
|
|
447
450
|
--wds-loader-stroke-width-large: 2px;
|
|
448
451
|
--wds-list-item-select-min-height-medium: auto;
|
|
449
452
|
--wds-list-item-action-subtitle-offset: 0px;
|
|
453
|
+
--wds-list-item-padding-horizontal-xx-tiny: 3px;
|
|
454
|
+
--wds-list-item-padding-horizontal-x-tiny: 6px;
|
|
455
|
+
--wds-list-item-padding-horizontal-tiny: 12px;
|
|
456
|
+
--wds-list-item-padding-horizontal-small: 15px;
|
|
457
|
+
--wds-list-item-padding-horizontal-medium: 18px;
|
|
458
|
+
--wds-list-item-padding-horizontal-large: 24px;
|
|
450
459
|
--wds-internal-theme: odeditor-dark;
|
|
451
460
|
--wds-internal-thumbnail-illustration-size-tiny: 38px;
|
|
452
461
|
--wds-internal-thumbnail-illustration-size-small: 51px;
|
|
@@ -1437,7 +1446,7 @@
|
|
|
1437
1446
|
--wds-popover-fill: var(--wds-color-fill-surface-overlay-blur);
|
|
1438
1447
|
--wds-popover-border-width: var(--wds-border-width-100);
|
|
1439
1448
|
--wds-popover-border-radius: var(--wds-border-radius-600);
|
|
1440
|
-
--wds-popover-border-fill: var(--wds-color-black-
|
|
1449
|
+
--wds-popover-border-fill: var(--wds-color-black-700);
|
|
1441
1450
|
--wds-palette-border: var(--wds-border-radius-200);
|
|
1442
1451
|
--wds-pagination-padding-vertical: var(--wds-space-50);
|
|
1443
1452
|
--wds-pagination-padding-horizontal: var(--wds-space-50);
|
|
@@ -2248,7 +2257,6 @@
|
|
|
2248
2257
|
--wds-section-helper-fill-danger: var(--wds-color-fill-surface-destructive);
|
|
2249
2258
|
--wds-section-helper-border-success: var(--wds-color-border-success-primary);
|
|
2250
2259
|
--wds-section-helper-border-standard: var(--wds-color-border-standard-primary);
|
|
2251
|
-
--wds-section-helper-border-experimental-dark: var(--wds-color-fill-dark-primary);
|
|
2252
2260
|
--wds-section-header-label-font-size-small: var(--wds-font-size-body-tiny);
|
|
2253
2261
|
--wds-section-header-label-font-size-medium: var(--wds-font-size-body-small);
|
|
2254
2262
|
--wds-section-header-label-fill-neutral: var(--wds-color-text-placeholder);
|
package/odeditor-dark/all.scss
CHANGED
|
@@ -30,6 +30,7 @@
|
|
|
30
30
|
--wds-toggle-button-shadow-x-primary: 1px;
|
|
31
31
|
--wds-toggle-button-shadow-spread-tertiary: 0px;
|
|
32
32
|
--wds-toggle-button-shadow-spread-secondary: 0px;
|
|
33
|
+
--wds-toggle-button-shadow-spread-primary-inverted: 0px;
|
|
33
34
|
--wds-toggle-button-shadow-blur-tertiary-inverted: 4px;
|
|
34
35
|
--wds-toggle-button-shadow-blur-tertiary: 0.6px;
|
|
35
36
|
--wds-toggle-button-shadow-blur-secondary-inverted: 0.6px;
|
|
@@ -158,6 +159,8 @@
|
|
|
158
159
|
--wds-shadow-blur-25: 2px;
|
|
159
160
|
--wds-shadow-blur-0: 0px;
|
|
160
161
|
--wds-section-helper-prefix-offset-margin: 0px;
|
|
162
|
+
--wds-section-helper-fill-experimental-dark: #f5f7ff;
|
|
163
|
+
--wds-section-helper-border-experimental-dark: #acbeff;
|
|
161
164
|
--wds-scrollbar-width: 4px;
|
|
162
165
|
--wds-radio-dot-size: 4px;
|
|
163
166
|
--wds-page-section-divider-display: block;
|
|
@@ -205,6 +208,12 @@
|
|
|
205
208
|
--wds-loader-stroke-width-medium: 2px;
|
|
206
209
|
--wds-loader-stroke-width-large: 2px;
|
|
207
210
|
--wds-list-item-select-min-height-medium: auto;
|
|
211
|
+
--wds-list-item-padding-horizontal-xx-tiny: 3px;
|
|
212
|
+
--wds-list-item-padding-horizontal-x-tiny: 6px;
|
|
213
|
+
--wds-list-item-padding-horizontal-tiny: 12px;
|
|
214
|
+
--wds-list-item-padding-horizontal-small: 15px;
|
|
215
|
+
--wds-list-item-padding-horizontal-medium: 18px;
|
|
216
|
+
--wds-list-item-padding-horizontal-large: 24px;
|
|
208
217
|
--wds-list-item-action-subtitle-offset: 0px;
|
|
209
218
|
--wds-internal-thumbnail-illustration-size-tiny: 38px;
|
|
210
219
|
--wds-internal-thumbnail-illustration-size-small: 51px;
|
|
@@ -1093,7 +1102,7 @@
|
|
|
1093
1102
|
--wds-popover-fill: var(--wds-color-fill-surface-overlay-blur);
|
|
1094
1103
|
--wds-popover-border-width: var(--wds-border-width-100);
|
|
1095
1104
|
--wds-popover-border-radius: var(--wds-border-radius-600);
|
|
1096
|
-
--wds-popover-border-fill: var(--wds-color-black-
|
|
1105
|
+
--wds-popover-border-fill: var(--wds-color-black-700);
|
|
1097
1106
|
--wds-palette-border: var(--wds-border-radius-200);
|
|
1098
1107
|
--wds-pagination-padding-vertical: var(--wds-space-50);
|
|
1099
1108
|
--wds-pagination-padding-horizontal: var(--wds-space-50);
|
|
@@ -2238,7 +2247,6 @@
|
|
|
2238
2247
|
--wds-section-helper-fill-danger: var(--wds-color-fill-surface-destructive);
|
|
2239
2248
|
--wds-section-helper-border-success: var(--wds-color-border-success-primary);
|
|
2240
2249
|
--wds-section-helper-border-standard: var(--wds-color-border-standard-primary);
|
|
2241
|
-
--wds-section-helper-border-experimental-dark: var(--wds-color-fill-dark-primary);
|
|
2242
2250
|
--wds-section-header-label-font-size-small: var(--wds-font-size-body-tiny);
|
|
2243
2251
|
--wds-section-header-label-font-size-medium: var(--wds-font-size-body-small);
|
|
2244
2252
|
--wds-section-header-label-fill-neutral: var(--wds-color-text-placeholder);
|
package/odeditor-dark/all.st.css
CHANGED
|
@@ -1459,6 +1459,12 @@
|
|
|
1459
1459
|
@property st-global(--wds-list-item-action-suffix-fill-active);
|
|
1460
1460
|
@property st-global(--wds-list-item-action-title-font-weight);
|
|
1461
1461
|
@property st-global(--wds-list-item-action-title-font-weight-active);
|
|
1462
|
+
@property st-global(--wds-list-item-padding-horizontal-large);
|
|
1463
|
+
@property st-global(--wds-list-item-padding-horizontal-medium);
|
|
1464
|
+
@property st-global(--wds-list-item-padding-horizontal-small);
|
|
1465
|
+
@property st-global(--wds-list-item-padding-horizontal-tiny);
|
|
1466
|
+
@property st-global(--wds-list-item-padding-horizontal-x-tiny);
|
|
1467
|
+
@property st-global(--wds-list-item-padding-horizontal-xx-tiny);
|
|
1462
1468
|
@property st-global(--wds-list-item-section-divider-padding-bottom);
|
|
1463
1469
|
@property st-global(--wds-list-item-section-divider-padding-horizontal);
|
|
1464
1470
|
@property st-global(--wds-list-item-section-divider-padding-top);
|
|
@@ -1828,6 +1834,7 @@
|
|
|
1828
1834
|
@property st-global(--wds-section-helper-content-gap-medium);
|
|
1829
1835
|
@property st-global(--wds-section-helper-content-gap-small);
|
|
1830
1836
|
@property st-global(--wds-section-helper-fill-danger);
|
|
1837
|
+
@property st-global(--wds-section-helper-fill-experimental-dark);
|
|
1831
1838
|
@property st-global(--wds-section-helper-fill-premium);
|
|
1832
1839
|
@property st-global(--wds-section-helper-fill-preview);
|
|
1833
1840
|
@property st-global(--wds-section-helper-fill-standard);
|
|
@@ -2556,6 +2563,7 @@
|
|
|
2556
2563
|
@property st-global(--wds-toggle-button-shadow-fill-secondary-inverted);
|
|
2557
2564
|
@property st-global(--wds-toggle-button-shadow-fill-tertiary);
|
|
2558
2565
|
@property st-global(--wds-toggle-button-shadow-fill-tertiary-inverted);
|
|
2566
|
+
@property st-global(--wds-toggle-button-shadow-spread-primary-inverted);
|
|
2559
2567
|
@property st-global(--wds-toggle-button-shadow-spread-secondary);
|
|
2560
2568
|
@property st-global(--wds-toggle-button-shadow-spread-tertiary);
|
|
2561
2569
|
@property st-global(--wds-toggle-button-shadow-x-primary);
|
|
@@ -4164,6 +4172,12 @@
|
|
|
4164
4172
|
--wds-list-item-action-suffix-fill-active: #FFFFFF;
|
|
4165
4173
|
--wds-list-item-action-title-font-weight: 500;
|
|
4166
4174
|
--wds-list-item-action-title-font-weight-active: 600;
|
|
4175
|
+
--wds-list-item-padding-horizontal-large: 24px;
|
|
4176
|
+
--wds-list-item-padding-horizontal-medium: 18px;
|
|
4177
|
+
--wds-list-item-padding-horizontal-small: 15px;
|
|
4178
|
+
--wds-list-item-padding-horizontal-tiny: 12px;
|
|
4179
|
+
--wds-list-item-padding-horizontal-x-tiny: 6px;
|
|
4180
|
+
--wds-list-item-padding-horizontal-xx-tiny: 3px;
|
|
4167
4181
|
--wds-list-item-section-divider-padding-bottom: 8px;
|
|
4168
4182
|
--wds-list-item-section-divider-padding-horizontal: 0px;
|
|
4169
4183
|
--wds-list-item-section-divider-padding-top: 8px;
|
|
@@ -4446,7 +4460,7 @@
|
|
|
4446
4460
|
--wds-pagination-padding-horizontal: 2px;
|
|
4447
4461
|
--wds-pagination-padding-vertical: 2px;
|
|
4448
4462
|
--wds-palette-border: 4px;
|
|
4449
|
-
--wds-popover-border-fill: #
|
|
4463
|
+
--wds-popover-border-fill: #3A3A3B;
|
|
4450
4464
|
--wds-popover-border-radius: 12px;
|
|
4451
4465
|
--wds-popover-border-width: 1px;
|
|
4452
4466
|
--wds-popover-fill: rgba(33, 33, 34, 0.98);
|
|
@@ -4520,7 +4534,7 @@
|
|
|
4520
4534
|
--wds-section-header-padding-vertical-small: 8px;
|
|
4521
4535
|
--wds-section-helper-action-padding-medium: 12px;
|
|
4522
4536
|
--wds-section-helper-action-padding-small: 8px;
|
|
4523
|
-
--wds-section-helper-border-experimental-dark: #
|
|
4537
|
+
--wds-section-helper-border-experimental-dark: #acbeff;
|
|
4524
4538
|
--wds-section-helper-border-preview: #454544;
|
|
4525
4539
|
--wds-section-helper-border-radius: 12px;
|
|
4526
4540
|
--wds-section-helper-border-standard: #5B78A9;
|
|
@@ -4533,6 +4547,7 @@
|
|
|
4533
4547
|
--wds-section-helper-content-gap-medium: 20px;
|
|
4534
4548
|
--wds-section-helper-content-gap-small: 20px;
|
|
4535
4549
|
--wds-section-helper-fill-danger: #4D2324;
|
|
4550
|
+
--wds-section-helper-fill-experimental-dark: #f5f7ff;
|
|
4536
4551
|
--wds-section-helper-fill-premium: #212328;
|
|
4537
4552
|
--wds-section-helper-fill-preview: #2D2D2E;
|
|
4538
4553
|
--wds-section-helper-fill-standard: #212328;
|
|
@@ -5261,6 +5276,7 @@
|
|
|
5261
5276
|
--wds-toggle-button-shadow-fill-secondary-inverted: rgba(0, 0, 0, .2);
|
|
5262
5277
|
--wds-toggle-button-shadow-fill-tertiary: #212328;
|
|
5263
5278
|
--wds-toggle-button-shadow-fill-tertiary-inverted: rgba(0, 0, 0, .1);
|
|
5279
|
+
--wds-toggle-button-shadow-spread-primary-inverted: 0px;
|
|
5264
5280
|
--wds-toggle-button-shadow-spread-secondary: 0px;
|
|
5265
5281
|
--wds-toggle-button-shadow-spread-tertiary: 0px;
|
|
5266
5282
|
--wds-toggle-button-shadow-x-primary: 1px;
|
|
@@ -865,6 +865,12 @@
|
|
|
865
865
|
@property st-global(--wds-list-item-action-suffix-fill-active);
|
|
866
866
|
@property st-global(--wds-list-item-action-title-font-weight);
|
|
867
867
|
@property st-global(--wds-list-item-action-title-font-weight-active);
|
|
868
|
+
@property st-global(--wds-list-item-padding-horizontal-large);
|
|
869
|
+
@property st-global(--wds-list-item-padding-horizontal-medium);
|
|
870
|
+
@property st-global(--wds-list-item-padding-horizontal-small);
|
|
871
|
+
@property st-global(--wds-list-item-padding-horizontal-tiny);
|
|
872
|
+
@property st-global(--wds-list-item-padding-horizontal-x-tiny);
|
|
873
|
+
@property st-global(--wds-list-item-padding-horizontal-xx-tiny);
|
|
868
874
|
@property st-global(--wds-list-item-section-divider-padding-bottom);
|
|
869
875
|
@property st-global(--wds-list-item-section-divider-padding-horizontal);
|
|
870
876
|
@property st-global(--wds-list-item-section-divider-padding-top);
|
|
@@ -1232,6 +1238,7 @@
|
|
|
1232
1238
|
@property st-global(--wds-section-helper-content-gap-medium);
|
|
1233
1239
|
@property st-global(--wds-section-helper-content-gap-small);
|
|
1234
1240
|
@property st-global(--wds-section-helper-fill-danger);
|
|
1241
|
+
@property st-global(--wds-section-helper-fill-experimental-dark);
|
|
1235
1242
|
@property st-global(--wds-section-helper-fill-premium);
|
|
1236
1243
|
@property st-global(--wds-section-helper-fill-preview);
|
|
1237
1244
|
@property st-global(--wds-section-helper-fill-standard);
|
|
@@ -1805,6 +1812,7 @@
|
|
|
1805
1812
|
@property st-global(--wds-toggle-button-shadow-fill-secondary-inverted);
|
|
1806
1813
|
@property st-global(--wds-toggle-button-shadow-fill-tertiary);
|
|
1807
1814
|
@property st-global(--wds-toggle-button-shadow-fill-tertiary-inverted);
|
|
1815
|
+
@property st-global(--wds-toggle-button-shadow-spread-primary-inverted);
|
|
1808
1816
|
@property st-global(--wds-toggle-button-shadow-spread-secondary);
|
|
1809
1817
|
@property st-global(--wds-toggle-button-shadow-spread-tertiary);
|
|
1810
1818
|
@property st-global(--wds-toggle-button-shadow-x-primary);
|
|
@@ -2817,6 +2825,12 @@
|
|
|
2817
2825
|
--wds-list-item-action-suffix-fill-active: #FFFFFF;
|
|
2818
2826
|
--wds-list-item-action-title-font-weight: 500;
|
|
2819
2827
|
--wds-list-item-action-title-font-weight-active: 600;
|
|
2828
|
+
--wds-list-item-padding-horizontal-large: 24px;
|
|
2829
|
+
--wds-list-item-padding-horizontal-medium: 18px;
|
|
2830
|
+
--wds-list-item-padding-horizontal-small: 15px;
|
|
2831
|
+
--wds-list-item-padding-horizontal-tiny: 12px;
|
|
2832
|
+
--wds-list-item-padding-horizontal-x-tiny: 6px;
|
|
2833
|
+
--wds-list-item-padding-horizontal-xx-tiny: 3px;
|
|
2820
2834
|
--wds-list-item-section-divider-padding-bottom: 8px;
|
|
2821
2835
|
--wds-list-item-section-divider-padding-horizontal: 0px;
|
|
2822
2836
|
--wds-list-item-section-divider-padding-top: 8px;
|
|
@@ -3097,7 +3111,7 @@
|
|
|
3097
3111
|
--wds-pagination-padding-horizontal: 2px;
|
|
3098
3112
|
--wds-pagination-padding-vertical: 2px;
|
|
3099
3113
|
--wds-palette-border: 4px;
|
|
3100
|
-
--wds-popover-border-fill: #
|
|
3114
|
+
--wds-popover-border-fill: #3A3A3B;
|
|
3101
3115
|
--wds-popover-border-radius: 12px;
|
|
3102
3116
|
--wds-popover-border-width: 1px;
|
|
3103
3117
|
--wds-popover-fill: rgba(33, 33, 34, 0.98);
|
|
@@ -3171,7 +3185,7 @@
|
|
|
3171
3185
|
--wds-section-header-padding-vertical-small: 8px;
|
|
3172
3186
|
--wds-section-helper-action-padding-medium: 12px;
|
|
3173
3187
|
--wds-section-helper-action-padding-small: 8px;
|
|
3174
|
-
--wds-section-helper-border-experimental-dark: #
|
|
3188
|
+
--wds-section-helper-border-experimental-dark: #acbeff;
|
|
3175
3189
|
--wds-section-helper-border-preview: #454544;
|
|
3176
3190
|
--wds-section-helper-border-radius: 12px;
|
|
3177
3191
|
--wds-section-helper-border-standard: #5B78A9;
|
|
@@ -3184,6 +3198,7 @@
|
|
|
3184
3198
|
--wds-section-helper-content-gap-medium: 20px;
|
|
3185
3199
|
--wds-section-helper-content-gap-small: 20px;
|
|
3186
3200
|
--wds-section-helper-fill-danger: #4D2324;
|
|
3201
|
+
--wds-section-helper-fill-experimental-dark: #f5f7ff;
|
|
3187
3202
|
--wds-section-helper-fill-premium: #212328;
|
|
3188
3203
|
--wds-section-helper-fill-preview: #2D2D2E;
|
|
3189
3204
|
--wds-section-helper-fill-standard: #212328;
|
|
@@ -3757,6 +3772,7 @@
|
|
|
3757
3772
|
--wds-toggle-button-shadow-fill-secondary-inverted: rgba(0, 0, 0, .2);
|
|
3758
3773
|
--wds-toggle-button-shadow-fill-tertiary: #212328;
|
|
3759
3774
|
--wds-toggle-button-shadow-fill-tertiary-inverted: rgba(0, 0, 0, .1);
|
|
3775
|
+
--wds-toggle-button-shadow-spread-primary-inverted: 0px;
|
|
3760
3776
|
--wds-toggle-button-shadow-spread-secondary: 0px;
|
|
3761
3777
|
--wds-toggle-button-shadow-spread-tertiary: 0px;
|
|
3762
3778
|
--wds-toggle-button-shadow-x-primary: 1px;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wix/design-system-tokens",
|
|
3
|
-
"version": "1.232.
|
|
3
|
+
"version": "1.232.2",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"build": "cp -r tokens/* .",
|
|
6
6
|
"figma-to-dictionary": "ts-node src/scripts/figma-to-dictionary.ts",
|
|
@@ -36,5 +36,5 @@
|
|
|
36
36
|
"author": "augustinasv@wix.com",
|
|
37
37
|
"description": "Design system tokens",
|
|
38
38
|
"packageManager": "yarn@3.5.0",
|
|
39
|
-
"falconPackageHash": "
|
|
39
|
+
"falconPackageHash": "fa74f4bb8011db54836ec148dc9b55debbfdfae23f16001553548686"
|
|
40
40
|
}
|
package/studio/all.css
CHANGED
|
@@ -330,6 +330,7 @@
|
|
|
330
330
|
--wds-toggle-switch-icon: false;
|
|
331
331
|
--wds-toggle-button-shadow-spread-tertiary: -0.75px;
|
|
332
332
|
--wds-toggle-button-shadow-spread-secondary: -1.5px;
|
|
333
|
+
--wds-toggle-button-shadow-spread-primary-inverted: 0px;
|
|
333
334
|
--wds-tabs-selection-height: 3px;
|
|
334
335
|
--wds-table-toolbar-padding-block-start: 15px;
|
|
335
336
|
--wds-table-toolbar-padding-block-end: 15px;
|
|
@@ -2155,6 +2156,7 @@
|
|
|
2155
2156
|
--wds-section-helper-fill-success: var(--wds-color-fill-surface-success);
|
|
2156
2157
|
--wds-section-helper-fill-standard: var(--wds-color-fill-surface-standard);
|
|
2157
2158
|
--wds-section-helper-fill-premium: var(--wds-color-fill-surface-premium);
|
|
2159
|
+
--wds-section-helper-fill-experimental-dark: var(--wds-color-fill-dark-primary);
|
|
2158
2160
|
--wds-section-helper-fill-danger: var(--wds-color-fill-surface-destructive);
|
|
2159
2161
|
--wds-section-helper-border-success: var(--wds-color-border-success-primary);
|
|
2160
2162
|
--wds-section-helper-border-standard: var(--wds-color-border-standard-primary);
|
package/studio/all.scss
CHANGED
|
@@ -15,6 +15,7 @@
|
|
|
15
15
|
--wds-toggle-switch-icon: false;
|
|
16
16
|
--wds-toggle-button-shadow-spread-tertiary: -0.75px;
|
|
17
17
|
--wds-toggle-button-shadow-spread-secondary: -1.5px;
|
|
18
|
+
--wds-toggle-button-shadow-spread-primary-inverted: 0px;
|
|
18
19
|
--wds-tabs-selection-height: 3px;
|
|
19
20
|
--wds-table-toolbar-padding-block-start: 15px;
|
|
20
21
|
--wds-table-toolbar-padding-block-end: 15px;
|
|
@@ -2144,6 +2145,7 @@
|
|
|
2144
2145
|
--wds-section-helper-fill-success: var(--wds-color-fill-surface-success);
|
|
2145
2146
|
--wds-section-helper-fill-standard: var(--wds-color-fill-surface-standard);
|
|
2146
2147
|
--wds-section-helper-fill-premium: var(--wds-color-fill-surface-premium);
|
|
2148
|
+
--wds-section-helper-fill-experimental-dark: var(--wds-color-fill-dark-primary);
|
|
2147
2149
|
--wds-section-helper-fill-danger: var(--wds-color-fill-surface-destructive);
|
|
2148
2150
|
--wds-section-helper-border-success: var(--wds-color-border-success-primary);
|
|
2149
2151
|
--wds-section-helper-border-standard: var(--wds-color-border-standard-primary);
|
package/studio/all.st.css
CHANGED
|
@@ -1836,6 +1836,7 @@
|
|
|
1836
1836
|
@property st-global(--wds-section-helper-content-gap-medium);
|
|
1837
1837
|
@property st-global(--wds-section-helper-content-gap-small);
|
|
1838
1838
|
@property st-global(--wds-section-helper-fill-danger);
|
|
1839
|
+
@property st-global(--wds-section-helper-fill-experimental-dark);
|
|
1839
1840
|
@property st-global(--wds-section-helper-fill-premium);
|
|
1840
1841
|
@property st-global(--wds-section-helper-fill-preview);
|
|
1841
1842
|
@property st-global(--wds-section-helper-fill-standard);
|
|
@@ -2547,6 +2548,7 @@
|
|
|
2547
2548
|
@property st-global(--wds-toggle-button-shadow-fill-secondary-inverted);
|
|
2548
2549
|
@property st-global(--wds-toggle-button-shadow-fill-tertiary);
|
|
2549
2550
|
@property st-global(--wds-toggle-button-shadow-fill-tertiary-inverted);
|
|
2551
|
+
@property st-global(--wds-toggle-button-shadow-spread-primary-inverted);
|
|
2550
2552
|
@property st-global(--wds-toggle-button-shadow-spread-secondary);
|
|
2551
2553
|
@property st-global(--wds-toggle-button-shadow-spread-tertiary);
|
|
2552
2554
|
@property st-global(--wds-toggle-button-shadow-x-primary);
|
|
@@ -4544,6 +4546,7 @@
|
|
|
4544
4546
|
--wds-section-helper-content-gap-medium: 8px;
|
|
4545
4547
|
--wds-section-helper-content-gap-small: 8px;
|
|
4546
4548
|
--wds-section-helper-fill-danger: #fde3e1;
|
|
4549
|
+
--wds-section-helper-fill-experimental-dark: #131720;
|
|
4547
4550
|
--wds-section-helper-fill-premium: #f1e0f9;
|
|
4548
4551
|
--wds-section-helper-fill-preview: #edeef2;
|
|
4549
4552
|
--wds-section-helper-fill-standard: #dce9ff;
|
|
@@ -5255,6 +5258,7 @@
|
|
|
5255
5258
|
--wds-toggle-button-shadow-fill-secondary-inverted: rgba(19, 23, 32, 0);
|
|
5256
5259
|
--wds-toggle-button-shadow-fill-tertiary: rgba(19, 23, 32, 0);
|
|
5257
5260
|
--wds-toggle-button-shadow-fill-tertiary-inverted: rgba(19, 23, 32, 0);
|
|
5261
|
+
--wds-toggle-button-shadow-spread-primary-inverted: 0px;
|
|
5258
5262
|
--wds-toggle-button-shadow-spread-secondary: -1.5px;
|
|
5259
5263
|
--wds-toggle-button-shadow-spread-tertiary: -0.75px;
|
|
5260
5264
|
--wds-toggle-button-shadow-x-primary: 0px;
|
package/studio/component.st.css
CHANGED
|
@@ -1242,6 +1242,7 @@
|
|
|
1242
1242
|
@property st-global(--wds-section-helper-content-gap-medium);
|
|
1243
1243
|
@property st-global(--wds-section-helper-content-gap-small);
|
|
1244
1244
|
@property st-global(--wds-section-helper-fill-danger);
|
|
1245
|
+
@property st-global(--wds-section-helper-fill-experimental-dark);
|
|
1245
1246
|
@property st-global(--wds-section-helper-fill-premium);
|
|
1246
1247
|
@property st-global(--wds-section-helper-fill-preview);
|
|
1247
1248
|
@property st-global(--wds-section-helper-fill-standard);
|
|
@@ -1800,6 +1801,7 @@
|
|
|
1800
1801
|
@property st-global(--wds-toggle-button-shadow-fill-secondary-inverted);
|
|
1801
1802
|
@property st-global(--wds-toggle-button-shadow-fill-tertiary);
|
|
1802
1803
|
@property st-global(--wds-toggle-button-shadow-fill-tertiary-inverted);
|
|
1804
|
+
@property st-global(--wds-toggle-button-shadow-spread-primary-inverted);
|
|
1803
1805
|
@property st-global(--wds-toggle-button-shadow-spread-secondary);
|
|
1804
1806
|
@property st-global(--wds-toggle-button-shadow-spread-tertiary);
|
|
1805
1807
|
@property st-global(--wds-toggle-button-shadow-x-primary);
|
|
@@ -3201,6 +3203,7 @@
|
|
|
3201
3203
|
--wds-section-helper-content-gap-medium: 8px;
|
|
3202
3204
|
--wds-section-helper-content-gap-small: 8px;
|
|
3203
3205
|
--wds-section-helper-fill-danger: #fde3e1;
|
|
3206
|
+
--wds-section-helper-fill-experimental-dark: #131720;
|
|
3204
3207
|
--wds-section-helper-fill-premium: #f1e0f9;
|
|
3205
3208
|
--wds-section-helper-fill-preview: #edeef2;
|
|
3206
3209
|
--wds-section-helper-fill-standard: #dce9ff;
|
|
@@ -3759,6 +3762,7 @@
|
|
|
3759
3762
|
--wds-toggle-button-shadow-fill-secondary-inverted: rgba(19, 23, 32, 0);
|
|
3760
3763
|
--wds-toggle-button-shadow-fill-tertiary: rgba(19, 23, 32, 0);
|
|
3761
3764
|
--wds-toggle-button-shadow-fill-tertiary-inverted: rgba(19, 23, 32, 0);
|
|
3765
|
+
--wds-toggle-button-shadow-spread-primary-inverted: 0px;
|
|
3762
3766
|
--wds-toggle-button-shadow-spread-secondary: -1.5px;
|
|
3763
3767
|
--wds-toggle-button-shadow-spread-tertiary: -0.75px;
|
|
3764
3768
|
--wds-toggle-button-shadow-x-primary: 0px;
|
package/studio2-light/all.css
CHANGED
|
@@ -335,6 +335,7 @@
|
|
|
335
335
|
--wds-toggle-button-shadow-x-primary: 1px;
|
|
336
336
|
--wds-toggle-button-shadow-spread-tertiary: 0px;
|
|
337
337
|
--wds-toggle-button-shadow-spread-secondary: 0px;
|
|
338
|
+
--wds-toggle-button-shadow-spread-primary-inverted: 0px;
|
|
338
339
|
--wds-toggle-button-shadow-blur-tertiary-inverted: 4px;
|
|
339
340
|
--wds-toggle-button-shadow-blur-tertiary: 0.6px;
|
|
340
341
|
--wds-toggle-button-shadow-blur-secondary-inverted: 0.6px;
|
|
@@ -444,6 +445,12 @@
|
|
|
444
445
|
--wds-loader-stroke-width-large: 2px;
|
|
445
446
|
--wds-list-item-select-min-height-medium: auto;
|
|
446
447
|
--wds-list-item-action-subtitle-offset: 0px;
|
|
448
|
+
--wds-list-item-padding-horizontal-xx-tiny: 3px;
|
|
449
|
+
--wds-list-item-padding-horizontal-x-tiny: 6px;
|
|
450
|
+
--wds-list-item-padding-horizontal-tiny: 12px;
|
|
451
|
+
--wds-list-item-padding-horizontal-small: 15px;
|
|
452
|
+
--wds-list-item-padding-horizontal-medium: 18px;
|
|
453
|
+
--wds-list-item-padding-horizontal-large: 24px;
|
|
447
454
|
--wds-internal-theme: studio2-light;
|
|
448
455
|
--wds-internal-thumbnail-illustration-size-tiny: 38px;
|
|
449
456
|
--wds-internal-thumbnail-illustration-size-small: 51px;
|
|
@@ -471,9 +478,9 @@
|
|
|
471
478
|
--wds-editable-title-marker-line-style: none;
|
|
472
479
|
--wds-counter-badge-padding-horizontal-tiny: 4px;
|
|
473
480
|
--wds-counter-badge-font-size-tiny: 10px;
|
|
474
|
-
--wds-composer-sidebar-border-width: 1px;
|
|
475
481
|
--wds-composer-sidebar-end-max-width: 240px;
|
|
476
482
|
--wds-composer-sidebar-bottom-width: 88px;
|
|
483
|
+
--wds-composer-sidebar-border-width: 1px;
|
|
477
484
|
--wds-color-picker-width: 236px;
|
|
478
485
|
--wds-clickable-card-standard-box-shadow-hover: none;
|
|
479
486
|
--wds-carousel-gradient-opacity: 50%;
|
|
@@ -967,14 +974,6 @@
|
|
|
967
974
|
--wds-color-border-dark-primary-disabled: var(--wds-color-black-100-transparent-10);
|
|
968
975
|
--wds-color-border-dark-primary-active: var(--wds-color-black-200);
|
|
969
976
|
--wds-color-border-dark-primary: var(--wds-color-black-400);
|
|
970
|
-
--wds-composer-header-padding-vertical-small: var(--wds-space-250);
|
|
971
|
-
--wds-composer-header-height-small: var(--wds-space-750);
|
|
972
|
-
--wds-composer-header-height-medium: var(--wds-space-750);
|
|
973
|
-
--wds-composer-header-divider-margin: var(--wds-space-400);
|
|
974
|
-
--wds-composer-header-border-fill: var(--wds-color-white-transparent-0);
|
|
975
|
-
--wds-composer-header-back-button-icon-size-small: var(--wds-space-475);
|
|
976
|
-
--wds-composer-header-back-button-icon-size-medium: var(--wds-space-475);
|
|
977
|
-
--wds-composer-header-actions-gap: var(--wds-space-50);
|
|
978
977
|
--wds-vertical-tabs-item-padding-vertical-tiny: var(--wds-space-100);
|
|
979
978
|
--wds-vertical-tabs-item-padding-vertical-small: var(--wds-space-200);
|
|
980
979
|
--wds-vertical-tabs-item-padding-vertical-medium: var(--wds-space-200);
|
|
@@ -1697,6 +1696,7 @@
|
|
|
1697
1696
|
--wds-icon-button-color-fill-light-primary-disabled: var(--wds-color-black-700);
|
|
1698
1697
|
--wds-icon-button-color-fill-dark-tertiary-hover: var(--wds-color-black-600);
|
|
1699
1698
|
--wds-icon-button-color-fill-dark-secondary-disabled: var(--wds-color-black-700);
|
|
1699
|
+
--wds-icon-button-color-fill-dark-secondary: var(--wds-color-white-transparent-0);
|
|
1700
1700
|
--wds-icon-button-color-fill-dark-primary-disabled: var(--wds-color-black-700);
|
|
1701
1701
|
--wds-icon-button-color-border-standard-secondary-disabled: var(--wds-color-black-700);
|
|
1702
1702
|
--wds-icon-button-color-border-premium-secondary-disabled: var(--wds-color-black-700);
|
|
@@ -1773,6 +1773,14 @@
|
|
|
1773
1773
|
--wds-composer-sidebar-item-bottom-padding-horizontal-small: var(--wds-space-100);
|
|
1774
1774
|
--wds-composer-sidebar-item-bottom-padding-horizontal-medium: var(--wds-space-100);
|
|
1775
1775
|
--wds-composer-sidebar-item-bottom-padding-horizontal-large: var(--wds-space-100);
|
|
1776
|
+
--wds-composer-header-padding-vertical-small: var(--wds-space-250);
|
|
1777
|
+
--wds-composer-header-height-small: var(--wds-space-750);
|
|
1778
|
+
--wds-composer-header-height-medium: var(--wds-space-750);
|
|
1779
|
+
--wds-composer-header-divider-margin: var(--wds-space-400);
|
|
1780
|
+
--wds-composer-header-border-fill: var(--wds-color-white-transparent-0);
|
|
1781
|
+
--wds-composer-header-back-button-icon-size-small: var(--wds-space-475);
|
|
1782
|
+
--wds-composer-header-back-button-icon-size-medium: var(--wds-space-475);
|
|
1783
|
+
--wds-composer-header-actions-gap: var(--wds-space-50);
|
|
1776
1784
|
--wds-color-picker-padding-vertical: var(--wds-space-300);
|
|
1777
1785
|
--wds-color-picker-padding-horizontal: var(--wds-space-400);
|
|
1778
1786
|
--wds-code-snippet-border-radius-singleline: var(--wds-border-radius-500);
|
|
@@ -2066,7 +2074,6 @@
|
|
|
2066
2074
|
--wds-font-line-height-body-extra-tiny: var(--wds-font-line-height-100);
|
|
2067
2075
|
--wds-color-fill-surface-overlay-blur: var(--wds-color-fill-surface-overlay);
|
|
2068
2076
|
--wds-color-fill-surface-modal-backdrop: var(--wds-color-fill-transparent-primary);
|
|
2069
|
-
--wds-composer-header-fill: var(--wds-color-fill-surface-sunken);
|
|
2070
2077
|
--wds-vertical-tabs-item-label-text-premium-active: var(--wds-color-text-premium);
|
|
2071
2078
|
--wds-vertical-tabs-item-label-text-premium: var(--wds-color-text-premium);
|
|
2072
2079
|
--wds-vertical-tabs-item-label-text-active: var(--wds-color-text-standard-primary);
|
|
@@ -2258,6 +2265,7 @@
|
|
|
2258
2265
|
--wds-section-helper-title-font-size: var(--wds-font-size-body-tiny);
|
|
2259
2266
|
--wds-section-helper-text-font-size: var(--wds-font-size-body-tiny);
|
|
2260
2267
|
--wds-section-helper-fill-premium: var(--wds-color-fill-surface-premium);
|
|
2268
|
+
--wds-section-helper-fill-experimental-dark: var(--wds-color-fill-dark-primary);
|
|
2261
2269
|
--wds-section-header-label-font-size-small: var(--wds-font-size-body-tiny);
|
|
2262
2270
|
--wds-section-header-label-font-size-medium: var(--wds-font-size-body-small);
|
|
2263
2271
|
--wds-section-header-label-fill-neutral: var(--wds-color-text-placeholder);
|
|
@@ -2431,7 +2439,6 @@
|
|
|
2431
2439
|
--wds-icon-button-color-fill-dark-tertiary: var(--wds-color-fill-light-secondary);
|
|
2432
2440
|
--wds-icon-button-color-fill-dark-secondary-hover: var(--wds-color-fill-dark-tertiary-hover);
|
|
2433
2441
|
--wds-icon-button-color-fill-dark-secondary-active: var(--wds-color-fill-dark-tertiary-active);
|
|
2434
|
-
--wds-icon-button-color-fill-dark-secondary: var(--wds-color-fill-dark-tertiary);
|
|
2435
2442
|
--wds-icon-button-color-fill-dark-primary-hover: var(--wds-color-fill-dark-primary-hover);
|
|
2436
2443
|
--wds-icon-button-color-fill-dark-primary-active: var(--wds-color-fill-dark-primary-active);
|
|
2437
2444
|
--wds-icon-button-color-fill-dark-primary: var(--wds-color-fill-dark-primary);
|
|
@@ -2474,6 +2481,7 @@
|
|
|
2474
2481
|
--wds-custom-modal-close-button-fill: var(--wds-color-fill-dark-secondary);
|
|
2475
2482
|
--wds-custom-modal-border-radius: var(--wds-border-radius-surface-modal);
|
|
2476
2483
|
--wds-composer-sidebar-fill: var(--wds-color-fill-surface-sunken);
|
|
2484
|
+
--wds-composer-header-fill: var(--wds-color-fill-surface-sunken);
|
|
2477
2485
|
--wds-close-button-standard-filled-text-hover: var(--wds-color-text-standard-primary);
|
|
2478
2486
|
--wds-close-button-standard-filled-text-disabled: var(--wds-color-text-disabled);
|
|
2479
2487
|
--wds-close-button-standard-filled-text: var(--wds-color-text-standard-primary);
|
package/studio2-light/all.scss
CHANGED
|
@@ -29,6 +29,7 @@
|
|
|
29
29
|
--wds-toggle-button-shadow-x-primary: 1px;
|
|
30
30
|
--wds-toggle-button-shadow-spread-tertiary: 0px;
|
|
31
31
|
--wds-toggle-button-shadow-spread-secondary: 0px;
|
|
32
|
+
--wds-toggle-button-shadow-spread-primary-inverted: 0px;
|
|
32
33
|
--wds-toggle-button-shadow-blur-tertiary-inverted: 4px;
|
|
33
34
|
--wds-toggle-button-shadow-blur-tertiary: 0.6px;
|
|
34
35
|
--wds-toggle-button-shadow-blur-secondary-inverted: 0.6px;
|
|
@@ -203,6 +204,12 @@
|
|
|
203
204
|
--wds-loader-stroke-width-medium: 2px;
|
|
204
205
|
--wds-loader-stroke-width-large: 2px;
|
|
205
206
|
--wds-list-item-select-min-height-medium: auto;
|
|
207
|
+
--wds-list-item-padding-horizontal-xx-tiny: 3px;
|
|
208
|
+
--wds-list-item-padding-horizontal-x-tiny: 6px;
|
|
209
|
+
--wds-list-item-padding-horizontal-tiny: 12px;
|
|
210
|
+
--wds-list-item-padding-horizontal-small: 15px;
|
|
211
|
+
--wds-list-item-padding-horizontal-medium: 18px;
|
|
212
|
+
--wds-list-item-padding-horizontal-large: 24px;
|
|
206
213
|
--wds-list-item-action-subtitle-offset: 0px;
|
|
207
214
|
--wds-internal-thumbnail-illustration-size-tiny: 38px;
|
|
208
215
|
--wds-internal-thumbnail-illustration-size-small: 51px;
|
|
@@ -1362,6 +1369,7 @@
|
|
|
1362
1369
|
--wds-icon-button-color-fill-light-primary-disabled: var(--wds-color-black-700);
|
|
1363
1370
|
--wds-icon-button-color-fill-dark-tertiary-hover: var(--wds-color-black-600);
|
|
1364
1371
|
--wds-icon-button-color-fill-dark-secondary-disabled: var(--wds-color-black-700);
|
|
1372
|
+
--wds-icon-button-color-fill-dark-secondary: var(--wds-color-white-transparent-0);
|
|
1365
1373
|
--wds-icon-button-color-fill-dark-primary-disabled: var(--wds-color-black-700);
|
|
1366
1374
|
--wds-icon-button-color-border-standard-secondary-disabled: var(--wds-color-black-700);
|
|
1367
1375
|
--wds-icon-button-color-border-premium-secondary-disabled: var(--wds-color-black-700);
|
|
@@ -2245,6 +2253,7 @@
|
|
|
2245
2253
|
--wds-section-helper-title-font-size: var(--wds-font-size-body-tiny);
|
|
2246
2254
|
--wds-section-helper-text-font-size: var(--wds-font-size-body-tiny);
|
|
2247
2255
|
--wds-section-helper-fill-premium: var(--wds-color-fill-surface-premium);
|
|
2256
|
+
--wds-section-helper-fill-experimental-dark: var(--wds-color-fill-dark-primary);
|
|
2248
2257
|
--wds-section-header-label-font-size-small: var(--wds-font-size-body-tiny);
|
|
2249
2258
|
--wds-section-header-label-font-size-medium: var(--wds-font-size-body-small);
|
|
2250
2259
|
--wds-section-header-label-fill-neutral: var(--wds-color-text-placeholder);
|
|
@@ -2418,7 +2427,6 @@
|
|
|
2418
2427
|
--wds-icon-button-color-fill-dark-tertiary: var(--wds-color-fill-light-secondary);
|
|
2419
2428
|
--wds-icon-button-color-fill-dark-secondary-hover: var(--wds-color-fill-dark-tertiary-hover);
|
|
2420
2429
|
--wds-icon-button-color-fill-dark-secondary-active: var(--wds-color-fill-dark-tertiary-active);
|
|
2421
|
-
--wds-icon-button-color-fill-dark-secondary: var(--wds-color-fill-dark-tertiary);
|
|
2422
2430
|
--wds-icon-button-color-fill-dark-primary-hover: var(--wds-color-fill-dark-primary-hover);
|
|
2423
2431
|
--wds-icon-button-color-fill-dark-primary-active: var(--wds-color-fill-dark-primary-active);
|
|
2424
2432
|
--wds-icon-button-color-fill-dark-primary: var(--wds-color-fill-dark-primary);
|
package/studio2-light/all.st.css
CHANGED
|
@@ -1455,6 +1455,12 @@
|
|
|
1455
1455
|
@property st-global(--wds-list-item-action-suffix-fill-active);
|
|
1456
1456
|
@property st-global(--wds-list-item-action-title-font-weight);
|
|
1457
1457
|
@property st-global(--wds-list-item-action-title-font-weight-active);
|
|
1458
|
+
@property st-global(--wds-list-item-padding-horizontal-large);
|
|
1459
|
+
@property st-global(--wds-list-item-padding-horizontal-medium);
|
|
1460
|
+
@property st-global(--wds-list-item-padding-horizontal-small);
|
|
1461
|
+
@property st-global(--wds-list-item-padding-horizontal-tiny);
|
|
1462
|
+
@property st-global(--wds-list-item-padding-horizontal-x-tiny);
|
|
1463
|
+
@property st-global(--wds-list-item-padding-horizontal-xx-tiny);
|
|
1458
1464
|
@property st-global(--wds-list-item-section-divider-padding-bottom);
|
|
1459
1465
|
@property st-global(--wds-list-item-section-divider-padding-horizontal);
|
|
1460
1466
|
@property st-global(--wds-list-item-section-divider-padding-top);
|
|
@@ -1824,6 +1830,7 @@
|
|
|
1824
1830
|
@property st-global(--wds-section-helper-content-gap-medium);
|
|
1825
1831
|
@property st-global(--wds-section-helper-content-gap-small);
|
|
1826
1832
|
@property st-global(--wds-section-helper-fill-danger);
|
|
1833
|
+
@property st-global(--wds-section-helper-fill-experimental-dark);
|
|
1827
1834
|
@property st-global(--wds-section-helper-fill-premium);
|
|
1828
1835
|
@property st-global(--wds-section-helper-fill-preview);
|
|
1829
1836
|
@property st-global(--wds-section-helper-fill-standard);
|
|
@@ -2554,6 +2561,7 @@
|
|
|
2554
2561
|
@property st-global(--wds-toggle-button-shadow-fill-secondary-inverted);
|
|
2555
2562
|
@property st-global(--wds-toggle-button-shadow-fill-tertiary);
|
|
2556
2563
|
@property st-global(--wds-toggle-button-shadow-fill-tertiary-inverted);
|
|
2564
|
+
@property st-global(--wds-toggle-button-shadow-spread-primary-inverted);
|
|
2557
2565
|
@property st-global(--wds-toggle-button-shadow-spread-secondary);
|
|
2558
2566
|
@property st-global(--wds-toggle-button-shadow-spread-tertiary);
|
|
2559
2567
|
@property st-global(--wds-toggle-button-shadow-x-primary);
|
|
@@ -3933,7 +3941,7 @@
|
|
|
3933
3941
|
--wds-icon-button-color-fill-dark-primary-active: #525150;
|
|
3934
3942
|
--wds-icon-button-color-fill-dark-primary-disabled: #f0efef;
|
|
3935
3943
|
--wds-icon-button-color-fill-dark-primary-hover: #383838;
|
|
3936
|
-
--wds-icon-button-color-fill-dark-secondary:
|
|
3944
|
+
--wds-icon-button-color-fill-dark-secondary: rgba(255, 255, 255, 0);
|
|
3937
3945
|
--wds-icon-button-color-fill-dark-secondary-active: #f0efef;
|
|
3938
3946
|
--wds-icon-button-color-fill-dark-secondary-disabled: #f0efef;
|
|
3939
3947
|
--wds-icon-button-color-fill-dark-secondary-hover: #f8f6f6;
|
|
@@ -4158,6 +4166,12 @@
|
|
|
4158
4166
|
--wds-list-item-action-suffix-fill-active: #151414;
|
|
4159
4167
|
--wds-list-item-action-title-font-weight: 500;
|
|
4160
4168
|
--wds-list-item-action-title-font-weight-active: 600;
|
|
4169
|
+
--wds-list-item-padding-horizontal-large: 24px;
|
|
4170
|
+
--wds-list-item-padding-horizontal-medium: 18px;
|
|
4171
|
+
--wds-list-item-padding-horizontal-small: 15px;
|
|
4172
|
+
--wds-list-item-padding-horizontal-tiny: 12px;
|
|
4173
|
+
--wds-list-item-padding-horizontal-x-tiny: 6px;
|
|
4174
|
+
--wds-list-item-padding-horizontal-xx-tiny: 3px;
|
|
4161
4175
|
--wds-list-item-section-divider-padding-bottom: 8px;
|
|
4162
4176
|
--wds-list-item-section-divider-padding-horizontal: 0px;
|
|
4163
4177
|
--wds-list-item-section-divider-padding-top: 8px;
|
|
@@ -4527,6 +4541,7 @@
|
|
|
4527
4541
|
--wds-section-helper-content-gap-medium: 20px;
|
|
4528
4542
|
--wds-section-helper-content-gap-small: 20px;
|
|
4529
4543
|
--wds-section-helper-fill-danger: #fcebeb;
|
|
4544
|
+
--wds-section-helper-fill-experimental-dark: #151414;
|
|
4530
4545
|
--wds-section-helper-fill-premium: #f5f7ff;
|
|
4531
4546
|
--wds-section-helper-fill-preview: #f0efef;
|
|
4532
4547
|
--wds-section-helper-fill-standard: #f5f7ff;
|
|
@@ -5257,6 +5272,7 @@
|
|
|
5257
5272
|
--wds-toggle-button-shadow-fill-secondary-inverted: rgba(19, 23, 32, .2);
|
|
5258
5273
|
--wds-toggle-button-shadow-fill-tertiary: rgba(19, 23, 32, .25);
|
|
5259
5274
|
--wds-toggle-button-shadow-fill-tertiary-inverted: rgba(19, 23, 32, .25);
|
|
5275
|
+
--wds-toggle-button-shadow-spread-primary-inverted: 0px;
|
|
5260
5276
|
--wds-toggle-button-shadow-spread-secondary: 0px;
|
|
5261
5277
|
--wds-toggle-button-shadow-spread-tertiary: 0px;
|
|
5262
5278
|
--wds-toggle-button-shadow-x-primary: 1px;
|
|
@@ -862,6 +862,12 @@
|
|
|
862
862
|
@property st-global(--wds-list-item-action-suffix-fill-active);
|
|
863
863
|
@property st-global(--wds-list-item-action-title-font-weight);
|
|
864
864
|
@property st-global(--wds-list-item-action-title-font-weight-active);
|
|
865
|
+
@property st-global(--wds-list-item-padding-horizontal-large);
|
|
866
|
+
@property st-global(--wds-list-item-padding-horizontal-medium);
|
|
867
|
+
@property st-global(--wds-list-item-padding-horizontal-small);
|
|
868
|
+
@property st-global(--wds-list-item-padding-horizontal-tiny);
|
|
869
|
+
@property st-global(--wds-list-item-padding-horizontal-x-tiny);
|
|
870
|
+
@property st-global(--wds-list-item-padding-horizontal-xx-tiny);
|
|
865
871
|
@property st-global(--wds-list-item-section-divider-padding-bottom);
|
|
866
872
|
@property st-global(--wds-list-item-section-divider-padding-horizontal);
|
|
867
873
|
@property st-global(--wds-list-item-section-divider-padding-top);
|
|
@@ -1229,6 +1235,7 @@
|
|
|
1229
1235
|
@property st-global(--wds-section-helper-content-gap-medium);
|
|
1230
1236
|
@property st-global(--wds-section-helper-content-gap-small);
|
|
1231
1237
|
@property st-global(--wds-section-helper-fill-danger);
|
|
1238
|
+
@property st-global(--wds-section-helper-fill-experimental-dark);
|
|
1232
1239
|
@property st-global(--wds-section-helper-fill-premium);
|
|
1233
1240
|
@property st-global(--wds-section-helper-fill-preview);
|
|
1234
1241
|
@property st-global(--wds-section-helper-fill-standard);
|
|
@@ -1804,6 +1811,7 @@
|
|
|
1804
1811
|
@property st-global(--wds-toggle-button-shadow-fill-secondary-inverted);
|
|
1805
1812
|
@property st-global(--wds-toggle-button-shadow-fill-tertiary);
|
|
1806
1813
|
@property st-global(--wds-toggle-button-shadow-fill-tertiary-inverted);
|
|
1814
|
+
@property st-global(--wds-toggle-button-shadow-spread-primary-inverted);
|
|
1807
1815
|
@property st-global(--wds-toggle-button-shadow-spread-secondary);
|
|
1808
1816
|
@property st-global(--wds-toggle-button-shadow-spread-tertiary);
|
|
1809
1817
|
@property st-global(--wds-toggle-button-shadow-x-primary);
|
|
@@ -2614,7 +2622,7 @@
|
|
|
2614
2622
|
--wds-icon-button-color-fill-dark-primary-active: #525150;
|
|
2615
2623
|
--wds-icon-button-color-fill-dark-primary-disabled: #f0efef;
|
|
2616
2624
|
--wds-icon-button-color-fill-dark-primary-hover: #383838;
|
|
2617
|
-
--wds-icon-button-color-fill-dark-secondary:
|
|
2625
|
+
--wds-icon-button-color-fill-dark-secondary: rgba(255, 255, 255, 0);
|
|
2618
2626
|
--wds-icon-button-color-fill-dark-secondary-active: #f0efef;
|
|
2619
2627
|
--wds-icon-button-color-fill-dark-secondary-disabled: #f0efef;
|
|
2620
2628
|
--wds-icon-button-color-fill-dark-secondary-hover: #f8f6f6;
|
|
@@ -2813,6 +2821,12 @@
|
|
|
2813
2821
|
--wds-list-item-action-suffix-fill-active: #151414;
|
|
2814
2822
|
--wds-list-item-action-title-font-weight: 500;
|
|
2815
2823
|
--wds-list-item-action-title-font-weight-active: 600;
|
|
2824
|
+
--wds-list-item-padding-horizontal-large: 24px;
|
|
2825
|
+
--wds-list-item-padding-horizontal-medium: 18px;
|
|
2826
|
+
--wds-list-item-padding-horizontal-small: 15px;
|
|
2827
|
+
--wds-list-item-padding-horizontal-tiny: 12px;
|
|
2828
|
+
--wds-list-item-padding-horizontal-x-tiny: 6px;
|
|
2829
|
+
--wds-list-item-padding-horizontal-xx-tiny: 3px;
|
|
2816
2830
|
--wds-list-item-section-divider-padding-bottom: 8px;
|
|
2817
2831
|
--wds-list-item-section-divider-padding-horizontal: 0px;
|
|
2818
2832
|
--wds-list-item-section-divider-padding-top: 8px;
|
|
@@ -3180,6 +3194,7 @@
|
|
|
3180
3194
|
--wds-section-helper-content-gap-medium: 20px;
|
|
3181
3195
|
--wds-section-helper-content-gap-small: 20px;
|
|
3182
3196
|
--wds-section-helper-fill-danger: #fcebeb;
|
|
3197
|
+
--wds-section-helper-fill-experimental-dark: #151414;
|
|
3183
3198
|
--wds-section-helper-fill-premium: #f5f7ff;
|
|
3184
3199
|
--wds-section-helper-fill-preview: #f0efef;
|
|
3185
3200
|
--wds-section-helper-fill-standard: #f5f7ff;
|
|
@@ -3755,6 +3770,7 @@
|
|
|
3755
3770
|
--wds-toggle-button-shadow-fill-secondary-inverted: rgba(19, 23, 32, .2);
|
|
3756
3771
|
--wds-toggle-button-shadow-fill-tertiary: rgba(19, 23, 32, .25);
|
|
3757
3772
|
--wds-toggle-button-shadow-fill-tertiary-inverted: rgba(19, 23, 32, .25);
|
|
3773
|
+
--wds-toggle-button-shadow-spread-primary-inverted: 0px;
|
|
3758
3774
|
--wds-toggle-button-shadow-spread-secondary: 0px;
|
|
3759
3775
|
--wds-toggle-button-shadow-spread-tertiary: 0px;
|
|
3760
3776
|
--wds-toggle-button-shadow-x-primary: 1px;
|