@wix/design-system-tokens 1.182.0 → 1.184.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/all.css +6 -0
  3. package/all.scss +6 -0
  4. package/all.st.css +12 -0
  5. package/component.st.css +12 -0
  6. package/odeditor/all.css +3 -0
  7. package/odeditor/all.scss +3 -0
  8. package/odeditor/all.st.css +6 -0
  9. package/odeditor/component.st.css +6 -0
  10. package/odeditor-dark/all.css +26 -20
  11. package/odeditor-dark/all.scss +26 -20
  12. package/odeditor-dark/all.st.css +51 -39
  13. package/odeditor-dark/component.st.css +43 -31
  14. package/odeditor-dark/semantic.st.css +8 -8
  15. package/package.json +2 -2
  16. package/studio/all.css +3 -0
  17. package/studio/all.scss +3 -0
  18. package/studio/all.st.css +6 -0
  19. package/studio/component.st.css +6 -0
  20. package/wixel/all.css +3 -0
  21. package/wixel/all.scss +3 -0
  22. package/wixel/all.st.css +6 -0
  23. package/wixel/component.st.css +6 -0
package/odeditor-dark/all.st.css CHANGED
@@ -226,7 +226,10 @@
226
226
  @property st-global(--wds-button-label-fill-premium-secondary-active);
227
227
  @property st-global(--wds-button-label-fill-premium-secondary-disabled);
228
228
  @property st-global(--wds-button-label-fill-premium-secondary-hover);
229
+ @property st-global(--wds-button-label-fill-standard-primary);
230
+ @property st-global(--wds-button-label-fill-standard-primary-active);
229
231
  @property st-global(--wds-button-label-fill-standard-primary-disabled);
232
+ @property st-global(--wds-button-label-fill-standard-primary-hover);
230
233
  @property st-global(--wds-button-label-fill-standard-secondary);
231
234
  @property st-global(--wds-button-label-fill-standard-secondary-active);
232
235
  @property st-global(--wds-button-label-fill-standard-secondary-disabled);
@@ -1218,6 +1221,7 @@
1218
1221
  @property st-global(--wds-loader-fill-error);
1219
1222
  @property st-global(--wds-loader-fill-light);
1220
1223
  @property st-global(--wds-loader-fill-loading);
1224
+ @property st-global(--wds-loader-fill-loading-with-error);
1221
1225
  @property st-global(--wds-loader-fill-success);
1222
1226
  @property st-global(--wds-loader-stroke-width-large);
1223
1227
  @property st-global(--wds-loader-stroke-width-medium);
@@ -1550,7 +1554,9 @@
1550
1554
  @property st-global(--wds-side-panel-control-layout-divider-border-width);
1551
1555
  @property st-global(--wds-side-panel-field-padding-horizontal);
1552
1556
  @property st-global(--wds-side-panel-field-padding-vertical);
1557
+ @property st-global(--wds-side-panel-floating-border-fill);
1553
1558
  @property st-global(--wds-side-panel-floating-border-radius);
1559
+ @property st-global(--wds-side-panel-floating-border-width);
1554
1560
  @property st-global(--wds-side-panel-floating-header-padding-left);
1555
1561
  @property st-global(--wds-side-panel-floating-header-padding-right);
1556
1562
  @property st-global(--wds-side-panel-floating-header-padding-vertical);
@@ -2046,13 +2052,13 @@
2046
2052
 
2047
2053
  .root {
2048
2054
  --wds-accordion-background-fill-light: #212122;
2049
- --wds-accordion-background-fill-light-hover: #2D2D2E;
2050
- --wds-accordion-background-fill-standard: #212122;
2051
- --wds-accordion-background-fill-standard-hover: #2D2D2E;
2055
+ --wds-accordion-background-fill-light-hover: #3A3A3B;
2056
+ --wds-accordion-background-fill-standard: rgba(255, 255, 255, 0);
2057
+ --wds-accordion-background-fill-standard-hover: rgba(255, 255, 255, 0);
2052
2058
  --wds-accordion-border-radius: 0px;
2053
2059
  --wds-accordion-caret-fill: #FFFFFF;
2054
2060
  --wds-accordion-caret-fill-hover: #FFFFFF;
2055
- --wds-accordion-inner-content-fill: #212122;
2061
+ --wds-accordion-inner-content-fill: rgba(255, 255, 255, 0);
2056
2062
  --wds-accordion-inner-content-padding-top: 4px;
2057
2063
  --wds-accordion-title-fill: #FFFFFF;
2058
2064
  --wds-accordion-title-fill-hover: #FFFFFF;
@@ -2228,10 +2234,10 @@
2228
2234
  --wds-button-fill-premium-secondary-active: #2D354E;
2229
2235
  --wds-button-fill-premium-secondary-disabled: #3A3A3B;
2230
2236
  --wds-button-fill-premium-secondary-hover: #212328;
2231
- --wds-button-fill-standard-primary: #82B0FF;
2232
- --wds-button-fill-standard-primary-active: #E0E7FF;
2237
+ --wds-button-fill-standard-primary: #3C67FF;
2238
+ --wds-button-fill-standard-primary-active: #82B0FF;
2233
2239
  --wds-button-fill-standard-primary-disabled: #3A3A3B;
2234
- --wds-button-fill-standard-primary-hover: #B1CCFF;
2240
+ --wds-button-fill-standard-primary-hover: #6F94D4;
2235
2241
  --wds-button-fill-standard-secondary: rgba(0, 0, 0, 0);
2236
2242
  --wds-button-fill-standard-secondary-active: #2D354E;
2237
2243
  --wds-button-fill-standard-secondary-disabled: #3A3A3B;
@@ -2273,7 +2279,10 @@
2273
2279
  --wds-button-label-fill-premium-secondary-active: #E0E7FF;
2274
2280
  --wds-button-label-fill-premium-secondary-disabled: #878685;
2275
2281
  --wds-button-label-fill-premium-secondary-hover: #E0E7FF;
2282
+ --wds-button-label-fill-standard-primary: #FFFFFF;
2283
+ --wds-button-label-fill-standard-primary-active: #FFFFFF;
2276
2284
  --wds-button-label-fill-standard-primary-disabled: #878685;
2285
+ --wds-button-label-fill-standard-primary-hover: #FFFFFF;
2277
2286
  --wds-button-label-fill-standard-secondary: #B1CCFF;
2278
2287
  --wds-button-label-fill-standard-secondary-active: #E0E7FF;
2279
2288
  --wds-button-label-fill-standard-secondary-disabled: #878685;
@@ -2320,7 +2329,7 @@
2320
2329
  --wds-card-tab-padding-horizontal-small: 20px;
2321
2330
  --wds-card-tab-padding-vertical-medium: 16px;
2322
2331
  --wds-card-tab-padding-vertical-small: 16px;
2323
- --wds-carousel-controls-shadow: 0 9 20px rgba(0, 0, 0, .3), 0 0px 0px rgba(255, 255, 255, 0);
2332
+ --wds-carousel-controls-shadow: 0 20px 30px rgba(0, 0, 0, .2), 0 0px 0px rgba(255, 255, 255, 0);
2324
2333
  --wds-carousel-dots-width: 4px;
2325
2334
  --wds-checkbox-border: #D4D3D2;
2326
2335
  --wds-checkbox-border-active: #82B0FF;
@@ -2370,7 +2379,7 @@
2370
2379
  --wds-clickable-card-outline-border-color-active: #82B0FF;
2371
2380
  --wds-clickable-card-outline-border-color-disabled: rgba(255, 255, 255, .1);
2372
2381
  --wds-clickable-card-outline-border-color-hover: #3F4D6E;
2373
- --wds-close-button-standard-fill-active: #3A3A3B;
2382
+ --wds-close-button-standard-fill-active: #2D2D2E;
2374
2383
  --wds-close-button-standard-fill-disabled: rgba(255, 255, 255, .1);
2375
2384
  --wds-close-button-standard-fill-hover: #454544;
2376
2385
  --wds-close-button-standard-filled-fill: #3A3A3B;
@@ -2553,9 +2562,9 @@
2553
2562
  --wds-color-fill-dark-secondary-disabled: rgba(255, 255, 255, .1);
2554
2563
  --wds-color-fill-dark-secondary-hover: #454544;
2555
2564
  --wds-color-fill-dark-tertiary: #212122;
2556
- --wds-color-fill-dark-tertiary-active: #3A3A3B;
2565
+ --wds-color-fill-dark-tertiary-active: #2D2D2E;
2557
2566
  --wds-color-fill-dark-tertiary-disabled: #212122;
2558
- --wds-color-fill-dark-tertiary-hover: #2D2D2E;
2567
+ --wds-color-fill-dark-tertiary-hover: #3A3A3B;
2559
2568
  --wds-color-fill-destructive-primary: #FF7680;
2560
2569
  --wds-color-fill-destructive-primary-active: #F9D6D7;
2561
2570
  --wds-color-fill-destructive-primary-disabled: rgba(255, 255, 255, .3);
@@ -2697,7 +2706,7 @@
2697
2706
  --wds-color-fill-surface-default: #212122;
2698
2707
  --wds-color-fill-surface-destructive: #4D2324;
2699
2708
  --wds-color-fill-surface-modal: #212122;
2700
- --wds-color-fill-surface-modal-backdrop: rgba(212, 211, 210, .5);
2709
+ --wds-color-fill-surface-modal-backdrop: rgba(0, 0, 0, .2);
2701
2710
  --wds-color-fill-surface-neutral: #2D2D2E;
2702
2711
  --wds-color-fill-surface-overlay: #212122;
2703
2712
  --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.92);
@@ -3001,13 +3010,13 @@
3001
3010
  --wds-icon-button-color-fill-dark-primary-disabled: #3A3A3B;
3002
3011
  --wds-icon-button-color-fill-dark-primary-hover: #D4D3D2;
3003
3012
  --wds-icon-button-color-fill-dark-secondary: rgba(0, 0, 0, 0);
3004
- --wds-icon-button-color-fill-dark-secondary-active: #3A3A3B;
3013
+ --wds-icon-button-color-fill-dark-secondary-active: #2D2D2E;
3005
3014
  --wds-icon-button-color-fill-dark-secondary-disabled: #3A3A3B;
3006
- --wds-icon-button-color-fill-dark-secondary-hover: #2D2D2E;
3015
+ --wds-icon-button-color-fill-dark-secondary-hover: #3A3A3B;
3007
3016
  --wds-icon-button-color-fill-dark-tertiary: rgba(0, 0, 0, 0);
3008
- --wds-icon-button-color-fill-dark-tertiary-active: #3A3A3B;
3017
+ --wds-icon-button-color-fill-dark-tertiary-active: #2D2D2E;
3009
3018
  --wds-icon-button-color-fill-dark-tertiary-disabled: rgba(0, 0, 0, 0);
3010
- --wds-icon-button-color-fill-dark-tertiary-hover: #2D2D2E;
3019
+ --wds-icon-button-color-fill-dark-tertiary-hover: #3A3A3B;
3011
3020
  --wds-icon-button-color-fill-light-primary: #212122;
3012
3021
  --wds-icon-button-color-fill-light-primary-active: #2D354E;
3013
3022
  --wds-icon-button-color-fill-light-primary-disabled: #3A3A3B;
@@ -3032,10 +3041,10 @@
3032
3041
  --wds-icon-button-color-fill-premium-tertiary-active: #5B78A9;
3033
3042
  --wds-icon-button-color-fill-premium-tertiary-disabled: rgba(255, 255, 255, .1);
3034
3043
  --wds-icon-button-color-fill-premium-tertiary-hover: #3F4D6E;
3035
- --wds-icon-button-color-fill-standard-primary: #82B0FF;
3036
- --wds-icon-button-color-fill-standard-primary-active: #E0E7FF;
3044
+ --wds-icon-button-color-fill-standard-primary: #3C67FF;
3045
+ --wds-icon-button-color-fill-standard-primary-active: #82B0FF;
3037
3046
  --wds-icon-button-color-fill-standard-primary-disabled: #3A3A3B;
3038
- --wds-icon-button-color-fill-standard-primary-hover: #B1CCFF;
3047
+ --wds-icon-button-color-fill-standard-primary-hover: #6F94D4;
3039
3048
  --wds-icon-button-color-fill-standard-secondary: rgba(255, 255, 255, 0);
3040
3049
  --wds-icon-button-color-fill-standard-secondary-active: #2D354E;
3041
3050
  --wds-icon-button-color-fill-standard-secondary-disabled: #3A3A3B;
@@ -3080,10 +3089,10 @@
3080
3089
  --wds-icon-button-color-text-premium-tertiary-active: #E0E7FF;
3081
3090
  --wds-icon-button-color-text-premium-tertiary-disabled: #878685;
3082
3091
  --wds-icon-button-color-text-premium-tertiary-hover: #E0E7FF;
3083
- --wds-icon-button-color-text-standard-primary: #212122;
3084
- --wds-icon-button-color-text-standard-primary-active: #212122;
3092
+ --wds-icon-button-color-text-standard-primary: #FFFFFF;
3093
+ --wds-icon-button-color-text-standard-primary-active: #FFFFFF;
3085
3094
  --wds-icon-button-color-text-standard-primary-disabled: #878685;
3086
- --wds-icon-button-color-text-standard-primary-hover: #212122;
3095
+ --wds-icon-button-color-text-standard-primary-hover: #FFFFFF;
3087
3096
  --wds-icon-button-color-text-standard-secondary: #82B0FF;
3088
3097
  --wds-icon-button-color-text-standard-secondary-active: #E0E7FF;
3089
3098
  --wds-icon-button-color-text-standard-secondary-disabled: #878685;
@@ -3178,8 +3187,8 @@
3178
3187
  --wds-linear-progress-bar-value-gap: 4px;
3179
3188
  --wds-list-item-action-affix-margin: 4px;
3180
3189
  --wds-list-item-action-border-radius: 8px;
3181
- --wds-list-item-action-fill-active: #3A3A3B;
3182
- --wds-list-item-action-fill-hover: #2D2D2E;
3190
+ --wds-list-item-action-fill-active: #2D2D2E;
3191
+ --wds-list-item-action-fill-hover: #3A3A3B;
3183
3192
  --wds-list-item-action-gap: 2px;
3184
3193
  --wds-list-item-action-label-fill-active: #FFFFFF;
3185
3194
  --wds-list-item-action-label-fill-pressed-destructive: #FEBEC0;
@@ -3215,7 +3224,7 @@
3215
3224
  --wds-list-item-section-padding-vertical-neutral: 10px;
3216
3225
  --wds-list-item-section-title-label-fill: #A09E9D;
3217
3226
  --wds-list-item-section-title-label-fill-neutral: #878685;
3218
- --wds-list-item-select-active-fill: #3A3A3B;
3227
+ --wds-list-item-select-active-fill: #2D2D2E;
3219
3228
  --wds-list-item-select-active-fill-active: #2D354E;
3220
3229
  --wds-list-item-select-active-fill-active-screen-small: #5B78A9;
3221
3230
  --wds-list-item-select-active-fill-disabled: #212122;
@@ -3232,7 +3241,7 @@
3232
3241
  --wds-list-item-select-fill: #212122;
3233
3242
  --wds-list-item-select-fill-active: #212122;
3234
3243
  --wds-list-item-select-fill-disabled: #212122;
3235
- --wds-list-item-select-fill-hover: #2D2D2E;
3244
+ --wds-list-item-select-fill-hover: #3A3A3B;
3236
3245
  --wds-list-item-select-gap: 2px;
3237
3246
  --wds-list-item-select-icon-padding-horizontal-medium: 12px;
3238
3247
  --wds-list-item-select-icon-padding-horizontal-small: 12px;
@@ -3265,6 +3274,7 @@
3265
3274
  --wds-loader-fill-error: #FF7680;
3266
3275
  --wds-loader-fill-light: #212122;
3267
3276
  --wds-loader-fill-loading: #E0E7FF;
3277
+ --wds-loader-fill-loading-with-error: #FF7680;
3268
3278
  --wds-loader-fill-success: #82B0FF;
3269
3279
  --wds-loader-stroke-width-large: 2px;
3270
3280
  --wds-loader-stroke-width-medium: 2px;
@@ -3500,7 +3510,7 @@
3500
3510
  --wds-shadow-blur-500: 20px;
3501
3511
  --wds-shadow-blur-800: 30px;
3502
3512
  --wds-shadow-blur-input: 3px;
3503
- --wds-shadow-blur-primary-modal: 20px;
3513
+ --wds-shadow-blur-primary-modal: 30px;
3504
3514
  --wds-shadow-blur-primary-overlay: 8px;
3505
3515
  --wds-shadow-blur-primary-overlay-dark: 8px;
3506
3516
  --wds-shadow-blur-primary-raised: 4px;
@@ -3514,7 +3524,7 @@
3514
3524
  --wds-shadow-blur-secondary-toggle-button: 1.7px;
3515
3525
  --wds-shadow-blur-tertiary-toggle-button: 0.6px;
3516
3526
  --wds-shadow-fill-input: rgba(0, 0, 0, .2);
3517
- --wds-shadow-fill-primary-modal: rgba(0, 0, 0, .3);
3527
+ --wds-shadow-fill-primary-modal: rgba(0, 0, 0, .2);
3518
3528
  --wds-shadow-fill-primary-overlay: rgba(0, 0, 0, .3);
3519
3529
  --wds-shadow-fill-primary-overlay-dark: rgba(0, 0, 0, .3);
3520
3530
  --wds-shadow-fill-primary-raised: rgba(0, 0, 0, .3);
@@ -3562,7 +3572,7 @@
3562
3572
  --wds-shadow-x-25: 1px;
3563
3573
  --wds-shadow-x-50: 2px;
3564
3574
  --wds-shadow-x-input: 1px;
3565
- --wds-shadow-x-primary-modal: 0px;
3575
+ --wds-shadow-x-primary-modal: 2px;
3566
3576
  --wds-shadow-x-primary-toggle-button: 1px;
3567
3577
  --wds-shadow-x-secondary-raised: 0px;
3568
3578
  --wds-shadow-x-secondary-toggle-button: 1.2px;
@@ -3578,7 +3588,7 @@
3578
3588
  --wds-shadow-y-350: 10px;
3579
3589
  --wds-shadow-y-600: 20px;
3580
3590
  --wds-shadow-y-input: 1px;
3581
- --wds-shadow-y-primary-modal: 9;
3591
+ --wds-shadow-y-primary-modal: 20px;
3582
3592
  --wds-shadow-y-primary-overlay: 0px;
3583
3593
  --wds-shadow-y-primary-overlay-dark: 0px;
3584
3594
  --wds-shadow-y-primary-raised: 0px;
@@ -3587,7 +3597,7 @@
3587
3597
  --wds-shadow-y-secondary-modal: 0px;
3588
3598
  --wds-shadow-y-secondary-overlay: 12;
3589
3599
  --wds-shadow-y-secondary-overlay-dark: 0px;
3590
- --wds-shadow-y-secondary-raised: 2px;
3600
+ --wds-shadow-y-secondary-raised: 4px;
3591
3601
  --wds-shadow-y-secondary-toggle: 0px;
3592
3602
  --wds-shadow-y-secondary-toggle-button: 1.2px;
3593
3603
  --wds-shadow-y-tertiary-toggle-button: 0.4px;
@@ -3597,7 +3607,9 @@
3597
3607
  --wds-side-panel-control-layout-divider-border-width: false;
3598
3608
  --wds-side-panel-field-padding-horizontal: 16px;
3599
3609
  --wds-side-panel-field-padding-vertical: 12px;
3610
+ --wds-side-panel-floating-border-fill: #3A3A3B;
3600
3611
  --wds-side-panel-floating-border-radius: 12px;
3612
+ --wds-side-panel-floating-border-width: 1px;
3601
3613
  --wds-side-panel-floating-header-padding-left: 16px;
3602
3614
  --wds-side-panel-floating-header-padding-right: 12px;
3603
3615
  --wds-side-panel-floating-header-padding-vertical: 16px;
@@ -3786,9 +3798,9 @@
3786
3798
  --wds-table-list-item-controls-padding-medium: 8px;
3787
3799
  --wds-table-list-item-drag-handle-color: #FFFFFF;
3788
3800
  --wds-table-list-item-fill: #212122;
3789
- --wds-table-list-item-fill-active: #3A3A3B;
3801
+ --wds-table-list-item-fill-active: #2D2D2E;
3790
3802
  --wds-table-list-item-fill-highlight: #2D2D2E;
3791
- --wds-table-list-item-fill-hover: #2D2D2E;
3803
+ --wds-table-list-item-fill-hover: #3A3A3B;
3792
3804
  --wds-table-list-item-gap: 16px;
3793
3805
  --wds-table-list-item-indentation-level-2: 12px;
3794
3806
  --wds-table-list-item-indentation-level-3: 28px;
@@ -3888,7 +3900,7 @@
3888
3900
  --wds-toggle-button-fill-inverted-hover: #454544;
3889
3901
  --wds-toggle-button-fill-inverted-selected: #212122;
3890
3902
  --wds-toggle-button-fill-inverted-selected-disabled: #3A3A3B;
3891
- --wds-toggle-button-fill-inverted-selected-hover: #2D2D2E;
3903
+ --wds-toggle-button-fill-inverted-selected-hover: #3A3A3B;
3892
3904
  --wds-toggle-button-fill-standard: rgba(255, 255, 255, 0);
3893
3905
  --wds-toggle-button-fill-standard-disabled: rgba(255, 255, 255, 0);
3894
3906
  --wds-toggle-button-fill-standard-hover: rgba(255, 255, 255, 0);
@@ -4041,15 +4053,15 @@
4041
4053
  --wds-vertical-tabs-icon-padding-vertical-small: 8px;
4042
4054
  --wds-vertical-tabs-item-active-title-text-disabled: #878685;
4043
4055
  --wds-vertical-tabs-item-fill-light: #212122;
4044
- --wds-vertical-tabs-item-fill-light-active: #3A3A3B;
4056
+ --wds-vertical-tabs-item-fill-light-active: #2D2D2E;
4045
4057
  --wds-vertical-tabs-item-fill-light-disabled: #212122;
4046
- --wds-vertical-tabs-item-fill-light-hover: #2D2D2E;
4058
+ --wds-vertical-tabs-item-fill-light-hover: #3A3A3B;
4047
4059
  --wds-vertical-tabs-item-fill-light-premium: #212122;
4048
4060
  --wds-vertical-tabs-item-fill-light-premium-active: #2D354E;
4049
4061
  --wds-vertical-tabs-item-fill-light-premium-disabled: #212122;
4050
4062
  --wds-vertical-tabs-item-fill-light-premium-hover: #212328;
4051
4063
  --wds-vertical-tabs-item-fill-neutral: #2D2D2E;
4052
- --wds-vertical-tabs-item-fill-neutral-active: #3A3A3B;
4064
+ --wds-vertical-tabs-item-fill-neutral-active: #2D2D2E;
4053
4065
  --wds-vertical-tabs-item-fill-neutral-disabled: #2D2D2E;
4054
4066
  --wds-vertical-tabs-item-fill-neutral-hover: #454544;
4055
4067
  --wds-vertical-tabs-item-fill-neutral-premium: #2D2D2E;
@@ -4057,9 +4069,9 @@
4057
4069
  --wds-vertical-tabs-item-fill-neutral-premium-disabled: #2D2D2E;
4058
4070
  --wds-vertical-tabs-item-fill-neutral-premium-hover: #212328;
4059
4071
  --wds-vertical-tabs-item-fill-standard: #212122;
4060
- --wds-vertical-tabs-item-fill-standard-active: #3A3A3B;
4072
+ --wds-vertical-tabs-item-fill-standard-active: #2D2D2E;
4061
4073
  --wds-vertical-tabs-item-fill-standard-disabled: #212122;
4062
- --wds-vertical-tabs-item-fill-standard-hover: #2D2D2E;
4074
+ --wds-vertical-tabs-item-fill-standard-hover: #3A3A3B;
4063
4075
  --wds-vertical-tabs-item-fill-standard-premium: #212122;
4064
4076
  --wds-vertical-tabs-item-fill-standard-premium-active: #2D354E;
4065
4077
  --wds-vertical-tabs-item-fill-standard-premium-disabled: #212328;
package/odeditor-dark/component.st.css CHANGED
@@ -186,7 +186,10 @@
186
186
  @property st-global(--wds-button-label-fill-premium-secondary-active);
187
187
  @property st-global(--wds-button-label-fill-premium-secondary-disabled);
188
188
  @property st-global(--wds-button-label-fill-premium-secondary-hover);
189
+ @property st-global(--wds-button-label-fill-standard-primary);
190
+ @property st-global(--wds-button-label-fill-standard-primary-active);
189
191
  @property st-global(--wds-button-label-fill-standard-primary-disabled);
192
+ @property st-global(--wds-button-label-fill-standard-primary-hover);
190
193
  @property st-global(--wds-button-label-fill-standard-secondary);
191
194
  @property st-global(--wds-button-label-fill-standard-secondary-active);
192
195
  @property st-global(--wds-button-label-fill-standard-secondary-disabled);
@@ -653,6 +656,7 @@
653
656
  @property st-global(--wds-loader-fill-error);
654
657
  @property st-global(--wds-loader-fill-light);
655
658
  @property st-global(--wds-loader-fill-loading);
659
+ @property st-global(--wds-loader-fill-loading-with-error);
656
660
  @property st-global(--wds-loader-fill-success);
657
661
  @property st-global(--wds-loader-stroke-width-large);
658
662
  @property st-global(--wds-loader-stroke-width-medium);
@@ -876,7 +880,9 @@
876
880
  @property st-global(--wds-side-panel-control-layout-divider-border-width);
877
881
  @property st-global(--wds-side-panel-field-padding-horizontal);
878
882
  @property st-global(--wds-side-panel-field-padding-vertical);
883
+ @property st-global(--wds-side-panel-floating-border-fill);
879
884
  @property st-global(--wds-side-panel-floating-border-radius);
885
+ @property st-global(--wds-side-panel-floating-border-width);
880
886
  @property st-global(--wds-side-panel-floating-header-padding-left);
881
887
  @property st-global(--wds-side-panel-floating-header-padding-right);
882
888
  @property st-global(--wds-side-panel-floating-header-padding-vertical);
@@ -1325,13 +1331,13 @@
1325
1331
 
1326
1332
  .root {
1327
1333
  --wds-accordion-background-fill-light: #212122;
1328
- --wds-accordion-background-fill-light-hover: #2D2D2E;
1329
- --wds-accordion-background-fill-standard: #212122;
1330
- --wds-accordion-background-fill-standard-hover: #2D2D2E;
1334
+ --wds-accordion-background-fill-light-hover: #3A3A3B;
1335
+ --wds-accordion-background-fill-standard: rgba(255, 255, 255, 0);
1336
+ --wds-accordion-background-fill-standard-hover: rgba(255, 255, 255, 0);
1331
1337
  --wds-accordion-border-radius: 0px;
1332
1338
  --wds-accordion-caret-fill: #FFFFFF;
1333
1339
  --wds-accordion-caret-fill-hover: #FFFFFF;
1334
- --wds-accordion-inner-content-fill: #212122;
1340
+ --wds-accordion-inner-content-fill: rgba(255, 255, 255, 0);
1335
1341
  --wds-accordion-inner-content-padding-top: 4px;
1336
1342
  --wds-accordion-title-fill: #FFFFFF;
1337
1343
  --wds-accordion-title-fill-hover: #FFFFFF;
@@ -1467,10 +1473,10 @@
1467
1473
  --wds-button-fill-premium-secondary-active: #2D354E;
1468
1474
  --wds-button-fill-premium-secondary-disabled: #3A3A3B;
1469
1475
  --wds-button-fill-premium-secondary-hover: #212328;
1470
- --wds-button-fill-standard-primary: #82B0FF;
1471
- --wds-button-fill-standard-primary-active: #E0E7FF;
1476
+ --wds-button-fill-standard-primary: #3C67FF;
1477
+ --wds-button-fill-standard-primary-active: #82B0FF;
1472
1478
  --wds-button-fill-standard-primary-disabled: #3A3A3B;
1473
- --wds-button-fill-standard-primary-hover: #B1CCFF;
1479
+ --wds-button-fill-standard-primary-hover: #6F94D4;
1474
1480
  --wds-button-fill-standard-secondary: rgba(0, 0, 0, 0);
1475
1481
  --wds-button-fill-standard-secondary-active: #2D354E;
1476
1482
  --wds-button-fill-standard-secondary-disabled: #3A3A3B;
@@ -1512,7 +1518,10 @@
1512
1518
  --wds-button-label-fill-premium-secondary-active: #E0E7FF;
1513
1519
  --wds-button-label-fill-premium-secondary-disabled: #878685;
1514
1520
  --wds-button-label-fill-premium-secondary-hover: #E0E7FF;
1521
+ --wds-button-label-fill-standard-primary: #FFFFFF;
1522
+ --wds-button-label-fill-standard-primary-active: #FFFFFF;
1515
1523
  --wds-button-label-fill-standard-primary-disabled: #878685;
1524
+ --wds-button-label-fill-standard-primary-hover: #FFFFFF;
1516
1525
  --wds-button-label-fill-standard-secondary: #B1CCFF;
1517
1526
  --wds-button-label-fill-standard-secondary-active: #E0E7FF;
1518
1527
  --wds-button-label-fill-standard-secondary-disabled: #878685;
@@ -1559,7 +1568,7 @@
1559
1568
  --wds-card-tab-padding-horizontal-small: 20px;
1560
1569
  --wds-card-tab-padding-vertical-medium: 16px;
1561
1570
  --wds-card-tab-padding-vertical-small: 16px;
1562
- --wds-carousel-controls-shadow: 0 9 20px rgba(0, 0, 0, .3), 0 0px 0px rgba(255, 255, 255, 0);
1571
+ --wds-carousel-controls-shadow: 0 20px 30px rgba(0, 0, 0, .2), 0 0px 0px rgba(255, 255, 255, 0);
1563
1572
  --wds-carousel-dots-width: 4px;
1564
1573
  --wds-checkbox-border: #D4D3D2;
1565
1574
  --wds-checkbox-border-active: #82B0FF;
@@ -1609,7 +1618,7 @@
1609
1618
  --wds-clickable-card-outline-border-color-active: #82B0FF;
1610
1619
  --wds-clickable-card-outline-border-color-disabled: rgba(255, 255, 255, .1);
1611
1620
  --wds-clickable-card-outline-border-color-hover: #3F4D6E;
1612
- --wds-close-button-standard-fill-active: #3A3A3B;
1621
+ --wds-close-button-standard-fill-active: #2D2D2E;
1613
1622
  --wds-close-button-standard-fill-disabled: rgba(255, 255, 255, .1);
1614
1623
  --wds-close-button-standard-fill-hover: #454544;
1615
1624
  --wds-close-button-standard-filled-fill: #3A3A3B;
@@ -1728,13 +1737,13 @@
1728
1737
  --wds-icon-button-color-fill-dark-primary-disabled: #3A3A3B;
1729
1738
  --wds-icon-button-color-fill-dark-primary-hover: #D4D3D2;
1730
1739
  --wds-icon-button-color-fill-dark-secondary: rgba(0, 0, 0, 0);
1731
- --wds-icon-button-color-fill-dark-secondary-active: #3A3A3B;
1740
+ --wds-icon-button-color-fill-dark-secondary-active: #2D2D2E;
1732
1741
  --wds-icon-button-color-fill-dark-secondary-disabled: #3A3A3B;
1733
- --wds-icon-button-color-fill-dark-secondary-hover: #2D2D2E;
1742
+ --wds-icon-button-color-fill-dark-secondary-hover: #3A3A3B;
1734
1743
  --wds-icon-button-color-fill-dark-tertiary: rgba(0, 0, 0, 0);
1735
- --wds-icon-button-color-fill-dark-tertiary-active: #3A3A3B;
1744
+ --wds-icon-button-color-fill-dark-tertiary-active: #2D2D2E;
1736
1745
  --wds-icon-button-color-fill-dark-tertiary-disabled: rgba(0, 0, 0, 0);
1737
- --wds-icon-button-color-fill-dark-tertiary-hover: #2D2D2E;
1746
+ --wds-icon-button-color-fill-dark-tertiary-hover: #3A3A3B;
1738
1747
  --wds-icon-button-color-fill-light-primary: #212122;
1739
1748
  --wds-icon-button-color-fill-light-primary-active: #2D354E;
1740
1749
  --wds-icon-button-color-fill-light-primary-disabled: #3A3A3B;
@@ -1759,10 +1768,10 @@
1759
1768
  --wds-icon-button-color-fill-premium-tertiary-active: #5B78A9;
1760
1769
  --wds-icon-button-color-fill-premium-tertiary-disabled: rgba(255, 255, 255, .1);
1761
1770
  --wds-icon-button-color-fill-premium-tertiary-hover: #3F4D6E;
1762
- --wds-icon-button-color-fill-standard-primary: #82B0FF;
1763
- --wds-icon-button-color-fill-standard-primary-active: #E0E7FF;
1771
+ --wds-icon-button-color-fill-standard-primary: #3C67FF;
1772
+ --wds-icon-button-color-fill-standard-primary-active: #82B0FF;
1764
1773
  --wds-icon-button-color-fill-standard-primary-disabled: #3A3A3B;
1765
- --wds-icon-button-color-fill-standard-primary-hover: #B1CCFF;
1774
+ --wds-icon-button-color-fill-standard-primary-hover: #6F94D4;
1766
1775
  --wds-icon-button-color-fill-standard-secondary: rgba(255, 255, 255, 0);
1767
1776
  --wds-icon-button-color-fill-standard-secondary-active: #2D354E;
1768
1777
  --wds-icon-button-color-fill-standard-secondary-disabled: #3A3A3B;
@@ -1807,10 +1816,10 @@
1807
1816
  --wds-icon-button-color-text-premium-tertiary-active: #E0E7FF;
1808
1817
  --wds-icon-button-color-text-premium-tertiary-disabled: #878685;
1809
1818
  --wds-icon-button-color-text-premium-tertiary-hover: #E0E7FF;
1810
- --wds-icon-button-color-text-standard-primary: #212122;
1811
- --wds-icon-button-color-text-standard-primary-active: #212122;
1819
+ --wds-icon-button-color-text-standard-primary: #FFFFFF;
1820
+ --wds-icon-button-color-text-standard-primary-active: #FFFFFF;
1812
1821
  --wds-icon-button-color-text-standard-primary-disabled: #878685;
1813
- --wds-icon-button-color-text-standard-primary-hover: #212122;
1822
+ --wds-icon-button-color-text-standard-primary-hover: #FFFFFF;
1814
1823
  --wds-icon-button-color-text-standard-secondary: #82B0FF;
1815
1824
  --wds-icon-button-color-text-standard-secondary-active: #E0E7FF;
1816
1825
  --wds-icon-button-color-text-standard-secondary-disabled: #878685;
@@ -1892,8 +1901,8 @@
1892
1901
  --wds-linear-progress-bar-value-gap: 4px;
1893
1902
  --wds-list-item-action-affix-margin: 4px;
1894
1903
  --wds-list-item-action-border-radius: 8px;
1895
- --wds-list-item-action-fill-active: #3A3A3B;
1896
- --wds-list-item-action-fill-hover: #2D2D2E;
1904
+ --wds-list-item-action-fill-active: #2D2D2E;
1905
+ --wds-list-item-action-fill-hover: #3A3A3B;
1897
1906
  --wds-list-item-action-gap: 2px;
1898
1907
  --wds-list-item-action-label-fill-active: #FFFFFF;
1899
1908
  --wds-list-item-action-label-fill-pressed-destructive: #FEBEC0;
@@ -1929,7 +1938,7 @@
1929
1938
  --wds-list-item-section-padding-vertical-neutral: 10px;
1930
1939
  --wds-list-item-section-title-label-fill: #A09E9D;
1931
1940
  --wds-list-item-section-title-label-fill-neutral: #878685;
1932
- --wds-list-item-select-active-fill: #3A3A3B;
1941
+ --wds-list-item-select-active-fill: #2D2D2E;
1933
1942
  --wds-list-item-select-active-fill-active: #2D354E;
1934
1943
  --wds-list-item-select-active-fill-active-screen-small: #5B78A9;
1935
1944
  --wds-list-item-select-active-fill-disabled: #212122;
@@ -1946,7 +1955,7 @@
1946
1955
  --wds-list-item-select-fill: #212122;
1947
1956
  --wds-list-item-select-fill-active: #212122;
1948
1957
  --wds-list-item-select-fill-disabled: #212122;
1949
- --wds-list-item-select-fill-hover: #2D2D2E;
1958
+ --wds-list-item-select-fill-hover: #3A3A3B;
1950
1959
  --wds-list-item-select-gap: 2px;
1951
1960
  --wds-list-item-select-icon-padding-horizontal-medium: 12px;
1952
1961
  --wds-list-item-select-icon-padding-horizontal-small: 12px;
@@ -1979,6 +1988,7 @@
1979
1988
  --wds-loader-fill-error: #FF7680;
1980
1989
  --wds-loader-fill-light: #212122;
1981
1990
  --wds-loader-fill-loading: #E0E7FF;
1991
+ --wds-loader-fill-loading-with-error: #FF7680;
1982
1992
  --wds-loader-fill-success: #82B0FF;
1983
1993
  --wds-loader-stroke-width-large: 2px;
1984
1994
  --wds-loader-stroke-width-medium: 2px;
@@ -2202,7 +2212,9 @@
2202
2212
  --wds-side-panel-control-layout-divider-border-width: false;
2203
2213
  --wds-side-panel-field-padding-horizontal: 16px;
2204
2214
  --wds-side-panel-field-padding-vertical: 12px;
2215
+ --wds-side-panel-floating-border-fill: #3A3A3B;
2205
2216
  --wds-side-panel-floating-border-radius: 12px;
2217
+ --wds-side-panel-floating-border-width: 1px;
2206
2218
  --wds-side-panel-floating-header-padding-left: 16px;
2207
2219
  --wds-side-panel-floating-header-padding-right: 12px;
2208
2220
  --wds-side-panel-floating-header-padding-vertical: 16px;
@@ -2346,9 +2358,9 @@
2346
2358
  --wds-table-list-item-controls-padding-medium: 8px;
2347
2359
  --wds-table-list-item-drag-handle-color: #FFFFFF;
2348
2360
  --wds-table-list-item-fill: #212122;
2349
- --wds-table-list-item-fill-active: #3A3A3B;
2361
+ --wds-table-list-item-fill-active: #2D2D2E;
2350
2362
  --wds-table-list-item-fill-highlight: #2D2D2E;
2351
- --wds-table-list-item-fill-hover: #2D2D2E;
2363
+ --wds-table-list-item-fill-hover: #3A3A3B;
2352
2364
  --wds-table-list-item-gap: 16px;
2353
2365
  --wds-table-list-item-indentation-level-2: 12px;
2354
2366
  --wds-table-list-item-indentation-level-3: 28px;
@@ -2448,7 +2460,7 @@
2448
2460
  --wds-toggle-button-fill-inverted-hover: #454544;
2449
2461
  --wds-toggle-button-fill-inverted-selected: #212122;
2450
2462
  --wds-toggle-button-fill-inverted-selected-disabled: #3A3A3B;
2451
- --wds-toggle-button-fill-inverted-selected-hover: #2D2D2E;
2463
+ --wds-toggle-button-fill-inverted-selected-hover: #3A3A3B;
2452
2464
  --wds-toggle-button-fill-standard: rgba(255, 255, 255, 0);
2453
2465
  --wds-toggle-button-fill-standard-disabled: rgba(255, 255, 255, 0);
2454
2466
  --wds-toggle-button-fill-standard-hover: rgba(255, 255, 255, 0);
@@ -2601,15 +2613,15 @@
2601
2613
  --wds-vertical-tabs-icon-padding-vertical-small: 8px;
2602
2614
  --wds-vertical-tabs-item-active-title-text-disabled: #878685;
2603
2615
  --wds-vertical-tabs-item-fill-light: #212122;
2604
- --wds-vertical-tabs-item-fill-light-active: #3A3A3B;
2616
+ --wds-vertical-tabs-item-fill-light-active: #2D2D2E;
2605
2617
  --wds-vertical-tabs-item-fill-light-disabled: #212122;
2606
- --wds-vertical-tabs-item-fill-light-hover: #2D2D2E;
2618
+ --wds-vertical-tabs-item-fill-light-hover: #3A3A3B;
2607
2619
  --wds-vertical-tabs-item-fill-light-premium: #212122;
2608
2620
  --wds-vertical-tabs-item-fill-light-premium-active: #2D354E;
2609
2621
  --wds-vertical-tabs-item-fill-light-premium-disabled: #212122;
2610
2622
  --wds-vertical-tabs-item-fill-light-premium-hover: #212328;
2611
2623
  --wds-vertical-tabs-item-fill-neutral: #2D2D2E;
2612
- --wds-vertical-tabs-item-fill-neutral-active: #3A3A3B;
2624
+ --wds-vertical-tabs-item-fill-neutral-active: #2D2D2E;
2613
2625
  --wds-vertical-tabs-item-fill-neutral-disabled: #2D2D2E;
2614
2626
  --wds-vertical-tabs-item-fill-neutral-hover: #454544;
2615
2627
  --wds-vertical-tabs-item-fill-neutral-premium: #2D2D2E;
@@ -2617,9 +2629,9 @@
2617
2629
  --wds-vertical-tabs-item-fill-neutral-premium-disabled: #2D2D2E;
2618
2630
  --wds-vertical-tabs-item-fill-neutral-premium-hover: #212328;
2619
2631
  --wds-vertical-tabs-item-fill-standard: #212122;
2620
- --wds-vertical-tabs-item-fill-standard-active: #3A3A3B;
2632
+ --wds-vertical-tabs-item-fill-standard-active: #2D2D2E;
2621
2633
  --wds-vertical-tabs-item-fill-standard-disabled: #212122;
2622
- --wds-vertical-tabs-item-fill-standard-hover: #2D2D2E;
2634
+ --wds-vertical-tabs-item-fill-standard-hover: #3A3A3B;
2623
2635
  --wds-vertical-tabs-item-fill-standard-premium: #212122;
2624
2636
  --wds-vertical-tabs-item-fill-standard-premium-active: #2D354E;
2625
2637
  --wds-vertical-tabs-item-fill-standard-premium-disabled: #212328;
package/odeditor-dark/semantic.st.css CHANGED
@@ -630,9 +630,9 @@
630
630
  --wds-color-fill-dark-secondary-disabled: rgba(255, 255, 255, .1);
631
631
  --wds-color-fill-dark-secondary-hover: #454544;
632
632
  --wds-color-fill-dark-tertiary: #212122;
633
- --wds-color-fill-dark-tertiary-active: #3A3A3B;
633
+ --wds-color-fill-dark-tertiary-active: #2D2D2E;
634
634
  --wds-color-fill-dark-tertiary-disabled: #212122;
635
- --wds-color-fill-dark-tertiary-hover: #2D2D2E;
635
+ --wds-color-fill-dark-tertiary-hover: #3A3A3B;
636
636
  --wds-color-fill-destructive-primary: #FF7680;
637
637
  --wds-color-fill-destructive-primary-active: #F9D6D7;
638
638
  --wds-color-fill-destructive-primary-disabled: rgba(255, 255, 255, .3);
@@ -774,7 +774,7 @@
774
774
  --wds-color-fill-surface-default: #212122;
775
775
  --wds-color-fill-surface-destructive: #4D2324;
776
776
  --wds-color-fill-surface-modal: #212122;
777
- --wds-color-fill-surface-modal-backdrop: rgba(212, 211, 210, .5);
777
+ --wds-color-fill-surface-modal-backdrop: rgba(0, 0, 0, .2);
778
778
  --wds-color-fill-surface-neutral: #2D2D2E;
779
779
  --wds-color-fill-surface-overlay: #212122;
780
780
  --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.92);
@@ -898,7 +898,7 @@
898
898
  --wds-inner-shadow-y-primary: 1px;
899
899
  --wds-inner-shadow-y-secondary: 1px;
900
900
  --wds-shadow-blur-input: 3px;
901
- --wds-shadow-blur-primary-modal: 20px;
901
+ --wds-shadow-blur-primary-modal: 30px;
902
902
  --wds-shadow-blur-primary-overlay: 8px;
903
903
  --wds-shadow-blur-primary-overlay-dark: 8px;
904
904
  --wds-shadow-blur-primary-raised: 4px;
@@ -912,7 +912,7 @@
912
912
  --wds-shadow-blur-secondary-toggle-button: 1.7px;
913
913
  --wds-shadow-blur-tertiary-toggle-button: 0.6px;
914
914
  --wds-shadow-fill-input: rgba(0, 0, 0, .2);
915
- --wds-shadow-fill-primary-modal: rgba(0, 0, 0, .3);
915
+ --wds-shadow-fill-primary-modal: rgba(0, 0, 0, .2);
916
916
  --wds-shadow-fill-primary-overlay: rgba(0, 0, 0, .3);
917
917
  --wds-shadow-fill-primary-overlay-dark: rgba(0, 0, 0, .3);
918
918
  --wds-shadow-fill-primary-raised: rgba(0, 0, 0, .3);
@@ -941,13 +941,13 @@
941
941
  --wds-shadow-surface-overlay-dark: 0 12px 30px 0 rgba(0, 0, 0, .3), 0 0px 0px 0 rgba(0, 0, 0, .3);
942
942
  --wds-shadow-surface-raised: 0 2px 4px rgba(0, 0, 0, .05), 0 0 6px rgba(0, 0, 0, .1);
943
943
  --wds-shadow-x-input: 1px;
944
- --wds-shadow-x-primary-modal: 0px;
944
+ --wds-shadow-x-primary-modal: 2px;
945
945
  --wds-shadow-x-primary-toggle-button: 1px;
946
946
  --wds-shadow-x-secondary-raised: 0px;
947
947
  --wds-shadow-x-secondary-toggle-button: 1.2px;
948
948
  --wds-shadow-x-tertiary-toggle-button: 0.4px;
949
949
  --wds-shadow-y-input: 1px;
950
- --wds-shadow-y-primary-modal: 9;
950
+ --wds-shadow-y-primary-modal: 20px;
951
951
  --wds-shadow-y-primary-overlay: 0px;
952
952
  --wds-shadow-y-primary-overlay-dark: 0px;
953
953
  --wds-shadow-y-primary-raised: 0px;
@@ -956,7 +956,7 @@
956
956
  --wds-shadow-y-secondary-modal: 0px;
957
957
  --wds-shadow-y-secondary-overlay: 12;
958
958
  --wds-shadow-y-secondary-overlay-dark: 0px;
959
- --wds-shadow-y-secondary-raised: 2px;
959
+ --wds-shadow-y-secondary-raised: 4px;
960
960
  --wds-shadow-y-secondary-toggle: 0px;
961
961
  --wds-shadow-y-secondary-toggle-button: 1.2px;
962
962
  --wds-shadow-y-tertiary-toggle-button: 0.4px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.182.0",
3
+ "version": "1.184.0",
4
4
  "scripts": {
5
5
  "build": "cp -r tokens/* .",
6
6
  "figma-to-dictionary": "ts-node src/scripts/figma-to-dictionary.ts",
@@ -34,5 +34,5 @@
34
34
  "author": "augustinasv@wix.com",
35
35
  "description": "Design system tokens",
36
36
  "packageManager": "yarn@3.5.0",
37
- "falconPackageHash": "6de0d7e2c16afae1767dc6c3840390466c0f0982df963641caf0fc10"
37
+ "falconPackageHash": "eff20f0ad0f62b0d2d2390a271e1daaca8adbf9d10f77c22a8f93fa6"
38
38
  }
package/studio/all.css CHANGED
@@ -1031,7 +1031,9 @@
1031
1031
  --wds-side-panel-floating-header-padding-vertical: var(--wds-space-300);
1032
1032
  --wds-side-panel-floating-header-padding-right: var(--wds-space-200);
1033
1033
  --wds-side-panel-floating-header-padding-left: var(--wds-space-600);
1034
+ --wds-side-panel-floating-border-width: var(--wds-border-width-none);
1034
1035
  --wds-side-panel-floating-border-radius: var(--wds-border-radius-200);
1036
+ --wds-side-panel-floating-border-fill: var(--wds-color-black-700);
1035
1037
  --wds-side-panel-field-padding-vertical: var(--wds-space-300);
1036
1038
  --wds-side-panel-field-padding-horizontal: var(--wds-space-600);
1037
1039
  --wds-side-panel-content-padding-vertical: var(--wds-space-600);
@@ -1719,6 +1721,7 @@
1719
1721
  --wds-message-modal-title-font-size: var(--wds-font-size-heading-4);
1720
1722
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
1721
1723
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1724
+ --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1722
1725
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
1723
1726
  --wds-loader-fill-error: var(--wds-color-fill-destructive-primary);
1724
1727
  --wds-loader-fill: var(--wds-color-fill-standard-secondary);
package/studio/all.scss CHANGED
@@ -636,7 +636,9 @@
636
636
  --wds-side-panel-floating-header-padding-vertical: var(--wds-space-300);
637
637
  --wds-side-panel-floating-header-padding-right: var(--wds-space-200);
638
638
  --wds-side-panel-floating-header-padding-left: var(--wds-space-600);
639
+ --wds-side-panel-floating-border-width: var(--wds-border-width-none);
639
640
  --wds-side-panel-floating-border-radius: var(--wds-border-radius-200);
641
+ --wds-side-panel-floating-border-fill: var(--wds-color-black-700);
640
642
  --wds-side-panel-field-padding-vertical: var(--wds-space-300);
641
643
  --wds-side-panel-field-padding-horizontal: var(--wds-space-600);
642
644
  --wds-side-panel-content-padding-vertical: var(--wds-space-600);
@@ -1708,6 +1710,7 @@
1708
1710
  --wds-message-modal-title-font-size: var(--wds-font-size-heading-4);
1709
1711
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
1710
1712
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1713
+ --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1711
1714
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
1712
1715
  --wds-loader-fill-error: var(--wds-color-fill-destructive-primary);
1713
1716
  --wds-loader-fill: var(--wds-color-fill-standard-secondary);