@wix/design-system-tokens 1.86.1 → 1.86.3

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 (11) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/all.css +2 -2
  3. package/all.st.css +4 -4
  4. package/component.st.css +4 -4
  5. package/package.json +2 -2
  6. package/studio/all.css +2 -2
  7. package/studio/all.st.css +4 -4
  8. package/studio/component.st.css +4 -4
  9. package/wixel/all.css +10 -10
  10. package/wixel/all.st.css +11 -11
  11. package/wixel/component.st.css +11 -11
package/CHANGELOG.md CHANGED
@@ -1,3 +1,9 @@
1
+ ## 1.86.2 - 2025-03-24
2
+
3
+ ### Bug Fixes
4
+
5
+ - fix(Tooltip): change colors for Wixel [14658](https://github.com/wix-private/wix-design-systems/pull/14658)
6
+
1
7
  ## 1.86.1 - 2025-03-21
2
8
 
3
9
  ### Visual Breaking Changes
package/all.css CHANGED
@@ -208,8 +208,8 @@
208
208
  --wds-custom-modal-header-padding-vertical: 18px;
209
209
  --wds-custom-modal-header-title-font-line-height: 24px;
210
210
  --wds-custom-modal-header-title-font-size: 16px;
211
- --wds-divider-fill-color-light-1: #dfe5eb;
212
- --wds-divider-fill-color-light-2: #dfe5eb;
211
+ --wds-divider-fill-color-light: #dfe5eb;
212
+ --wds-divider-vertical-fill-color-light: #dfe5eb;
213
213
  --wds-divider-fill-color-light-primary: #dfe5eb;
214
214
  --wds-divider-fill-color-light-secondary: #dfe5eb;
215
215
  --wds-divider-gradient-border: linear-gradient(90deg, #dfe5eb 0%, #dfe5eb 16%, #dfe5eb 84%, #dfe5eb 100%);
package/all.st.css CHANGED
@@ -686,11 +686,11 @@
686
686
  @property st-global(--wds-custom-modal-header-padding-vertical);
687
687
  @property st-global(--wds-custom-modal-header-title-font-line-height);
688
688
  @property st-global(--wds-custom-modal-header-title-font-size);
689
- @property st-global(--wds-divider-fill-color-light-1);
690
- @property st-global(--wds-divider-fill-color-light-2);
689
+ @property st-global(--wds-divider-fill-color-light);
691
690
  @property st-global(--wds-divider-fill-color-light-primary);
692
691
  @property st-global(--wds-divider-fill-color-light-secondary);
693
692
  @property st-global(--wds-divider-gradient-border);
693
+ @property st-global(--wds-divider-vertical-fill-color-light);
694
694
  @property st-global(--wds-dock-background-fill);
695
695
  @property st-global(--wds-dock-background-fill-active);
696
696
  @property st-global(--wds-dock-background-fill-disabled);
@@ -2194,11 +2194,11 @@
2194
2194
  --wds-custom-modal-header-padding-vertical: 18px;
2195
2195
  --wds-custom-modal-header-title-font-line-height: 24px;
2196
2196
  --wds-custom-modal-header-title-font-size: 16px;
2197
- --wds-divider-fill-color-light-1: #dfe5eb;
2198
- --wds-divider-fill-color-light-2: #dfe5eb;
2197
+ --wds-divider-fill-color-light: #dfe5eb;
2199
2198
  --wds-divider-fill-color-light-primary: #dfe5eb;
2200
2199
  --wds-divider-fill-color-light-secondary: #dfe5eb;
2201
2200
  --wds-divider-gradient-border: linear-gradient(90deg, #dfe5eb 0%, #dfe5eb 16%, #dfe5eb 84%, #dfe5eb 100%);
2201
+ --wds-divider-vertical-fill-color-light: #dfe5eb;
2202
2202
  --wds-dock-background-fill: #e7f0ff;
2203
2203
  --wds-dock-background-fill-active: #d6e6fe;
2204
2204
  --wds-dock-background-fill-disabled: rgba(0, 6, 36, .1);
package/component.st.css CHANGED
@@ -207,11 +207,11 @@
207
207
  @property st-global(--wds-custom-modal-header-padding-vertical);
208
208
  @property st-global(--wds-custom-modal-header-title-font-line-height);
209
209
  @property st-global(--wds-custom-modal-header-title-font-size);
210
- @property st-global(--wds-divider-fill-color-light-1);
211
- @property st-global(--wds-divider-fill-color-light-2);
210
+ @property st-global(--wds-divider-fill-color-light);
212
211
  @property st-global(--wds-divider-fill-color-light-primary);
213
212
  @property st-global(--wds-divider-fill-color-light-secondary);
214
213
  @property st-global(--wds-divider-gradient-border);
214
+ @property st-global(--wds-divider-vertical-fill-color-light);
215
215
  @property st-global(--wds-dock-background-fill);
216
216
  @property st-global(--wds-dock-background-fill-active);
217
217
  @property st-global(--wds-dock-background-fill-disabled);
@@ -1092,11 +1092,11 @@
1092
1092
  --wds-custom-modal-header-padding-vertical: 18px;
1093
1093
  --wds-custom-modal-header-title-font-line-height: 24px;
1094
1094
  --wds-custom-modal-header-title-font-size: 16px;
1095
- --wds-divider-fill-color-light-1: #dfe5eb;
1096
- --wds-divider-fill-color-light-2: #dfe5eb;
1095
+ --wds-divider-fill-color-light: #dfe5eb;
1097
1096
  --wds-divider-fill-color-light-primary: #dfe5eb;
1098
1097
  --wds-divider-fill-color-light-secondary: #dfe5eb;
1099
1098
  --wds-divider-gradient-border: linear-gradient(90deg, #dfe5eb 0%, #dfe5eb 16%, #dfe5eb 84%, #dfe5eb 100%);
1099
+ --wds-divider-vertical-fill-color-light: #dfe5eb;
1100
1100
  --wds-dock-background-fill: #e7f0ff;
1101
1101
  --wds-dock-background-fill-active: #d6e6fe;
1102
1102
  --wds-dock-background-fill-disabled: rgba(0, 6, 36, .1);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.86.1",
3
+ "version": "1.86.3",
4
4
  "packageManager": "yarn@3.5.0",
5
5
  "author": "augustinasv@wix.com",
6
6
  "license": "MIT",
@@ -33,5 +33,5 @@
33
33
  "groupId": "com.wixpress"
34
34
  }
35
35
  },
36
- "falconPackageHash": "551f1b0a2602ef824df2da9319bafa1d40c10d8696d0dac74ab3e944"
36
+ "falconPackageHash": "ecf5d9317e8c193c2c6be6b163e3ae96b8a19ef7cd75baa69396b52b"
37
37
  }
package/studio/all.css CHANGED
@@ -208,8 +208,8 @@
208
208
  --wds-custom-modal-header-padding-vertical: 16px;
209
209
  --wds-custom-modal-header-title-font-line-height: 20px;
210
210
  --wds-custom-modal-header-title-font-size: 14px;
211
- --wds-divider-fill-color-light-1: #e2e3ea;
212
- --wds-divider-fill-color-light-2: #e2e3ea;
211
+ --wds-divider-fill-color-light: #e2e3ea;
212
+ --wds-divider-vertical-fill-color-light: #e2e3ea;
213
213
  --wds-divider-fill-color-light-primary: #e2e3ea;
214
214
  --wds-divider-fill-color-light-secondary: #e2e3ea;
215
215
  --wds-divider-gradient-border: linear-gradient(90deg, #e2e3ea 0%, #e2e3ea 16%, #e2e3ea 84%, #e2e3ea 100%);
package/studio/all.st.css CHANGED
@@ -682,11 +682,11 @@
682
682
  @property st-global(--wds-custom-modal-header-padding-vertical);
683
683
  @property st-global(--wds-custom-modal-header-title-font-line-height);
684
684
  @property st-global(--wds-custom-modal-header-title-font-size);
685
- @property st-global(--wds-divider-fill-color-light-1);
686
- @property st-global(--wds-divider-fill-color-light-2);
685
+ @property st-global(--wds-divider-fill-color-light);
687
686
  @property st-global(--wds-divider-fill-color-light-primary);
688
687
  @property st-global(--wds-divider-fill-color-light-secondary);
689
688
  @property st-global(--wds-divider-gradient-border);
689
+ @property st-global(--wds-divider-vertical-fill-color-light);
690
690
  @property st-global(--wds-dock-background-fill);
691
691
  @property st-global(--wds-dock-background-fill-active);
692
692
  @property st-global(--wds-dock-background-fill-disabled);
@@ -2180,11 +2180,11 @@
2180
2180
  --wds-custom-modal-header-padding-vertical: 16px;
2181
2181
  --wds-custom-modal-header-title-font-line-height: 20px;
2182
2182
  --wds-custom-modal-header-title-font-size: 14px;
2183
- --wds-divider-fill-color-light-1: #e2e3ea;
2184
- --wds-divider-fill-color-light-2: #e2e3ea;
2183
+ --wds-divider-fill-color-light: #e2e3ea;
2185
2184
  --wds-divider-fill-color-light-primary: #e2e3ea;
2186
2185
  --wds-divider-fill-color-light-secondary: #e2e3ea;
2187
2186
  --wds-divider-gradient-border: linear-gradient(90deg, #e2e3ea 0%, #e2e3ea 16%, #e2e3ea 84%, #e2e3ea 100%);
2187
+ --wds-divider-vertical-fill-color-light: #e2e3ea;
2188
2188
  --wds-dock-background-fill: #ebf2ff;
2189
2189
  --wds-dock-background-fill-active: #dce9ff;
2190
2190
  --wds-dock-background-fill-disabled: #e5e5e5;
package/studio/component.st.css CHANGED
@@ -207,11 +207,11 @@
207
207
  @property st-global(--wds-custom-modal-header-padding-vertical);
208
208
  @property st-global(--wds-custom-modal-header-title-font-line-height);
209
209
  @property st-global(--wds-custom-modal-header-title-font-size);
210
- @property st-global(--wds-divider-fill-color-light-1);
211
- @property st-global(--wds-divider-fill-color-light-2);
210
+ @property st-global(--wds-divider-fill-color-light);
212
211
  @property st-global(--wds-divider-fill-color-light-primary);
213
212
  @property st-global(--wds-divider-fill-color-light-secondary);
214
213
  @property st-global(--wds-divider-gradient-border);
214
+ @property st-global(--wds-divider-vertical-fill-color-light);
215
215
  @property st-global(--wds-dock-background-fill);
216
216
  @property st-global(--wds-dock-background-fill-active);
217
217
  @property st-global(--wds-dock-background-fill-disabled);
@@ -1086,11 +1086,11 @@
1086
1086
  --wds-custom-modal-header-padding-vertical: 16px;
1087
1087
  --wds-custom-modal-header-title-font-line-height: 20px;
1088
1088
  --wds-custom-modal-header-title-font-size: 14px;
1089
- --wds-divider-fill-color-light-1: #e2e3ea;
1090
- --wds-divider-fill-color-light-2: #e2e3ea;
1089
+ --wds-divider-fill-color-light: #e2e3ea;
1091
1090
  --wds-divider-fill-color-light-primary: #e2e3ea;
1092
1091
  --wds-divider-fill-color-light-secondary: #e2e3ea;
1093
1092
  --wds-divider-gradient-border: linear-gradient(90deg, #e2e3ea 0%, #e2e3ea 16%, #e2e3ea 84%, #e2e3ea 100%);
1093
+ --wds-divider-vertical-fill-color-light: #e2e3ea;
1094
1094
  --wds-dock-background-fill: #ebf2ff;
1095
1095
  --wds-dock-background-fill-active: #dce9ff;
1096
1096
  --wds-dock-background-fill-disabled: #e5e5e5;
package/wixel/all.css CHANGED
@@ -205,11 +205,11 @@
205
205
  --wds-custom-modal-header-padding-vertical: 16px;
206
206
  --wds-custom-modal-header-title-font-line-height: 20px;
207
207
  --wds-custom-modal-header-title-font-size: 14px;
208
- --wds-divider-fill-color-light-1: #d6dcff;
209
- --wds-divider-fill-color-light-2: rgba(244, 247, 255, 0.0000);
210
- --wds-divider-fill-color-light-primary: rgba(214, 220, 255, 1);
208
+ --wds-divider-fill-color-light: linear-gradient(90deg, rgba(244, 247, 255, 0.0000) 0%, #d6dcff 16%, #d6dcff 84%, rgba(244, 247, 255, 0.0000) 100%);
209
+ --wds-divider-vertical-fill-color-light: linear-gradient(0deg, rgba(244, 247, 255, 0.0000) 0%, #d6dcff 16%, #d6dcff 84%, rgba(244, 247, 255, 0.0000) 100%);
210
+ --wds-divider-fill-color-light-primary: #d6dcff;
211
211
  --wds-divider-fill-color-light-secondary: rgba(244, 247, 255, 0.0000);
212
- --wds-divider-gradient-border: linear-gradient(90deg, rgba(244, 247, 255, 0.0000) 0%, rgba(214, 220, 255, 1) 16%, rgba(214, 220, 255, 1) 84%, rgba(244, 247, 255, 0.0000) 100%);
212
+ --wds-divider-gradient-border: linear-gradient(90deg, rgba(244, 247, 255, 0.0000) 0%, #d6dcff 16%, #d6dcff 84%, rgba(244, 247, 255, 0.0000) 100%);
213
213
  --wds-dock-background-fill: #eef0ff;
214
214
  --wds-dock-background-fill-active: #d6dcff;
215
215
  --wds-dock-background-fill-disabled: #e5e5e5;
@@ -657,9 +657,9 @@
657
657
  --wds-skeleton-border-radius-rectangle: 4px;
658
658
  --wds-slider-slider-knob-border-width: 5px;
659
659
  --wds-slider-slider-knob-border-width-hover: 12px;
660
- --wds-slider-slider-knob-color: #ffffff;
661
- --wds-slider-slider-knob-color-hover: #f4f6ff;
662
- --wds-slider-slider-knob-shadow: true;
660
+ --wds-slider-slider-knob-color: #526cff;
661
+ --wds-slider-slider-knob-color-hover: #4c49fb;
662
+ --wds-slider-slider-knob-shadow: 0 1px 4px 0 rgba(38, 37, 36, 0.3000), 0 2px 4px 0 rgba(38, 37, 36, 0.0000);
663
663
  --wds-slider-slider-knob-size: 16px;
664
664
  --wds-slider-slider-knob-size-hover: 24px;
665
665
  --wds-slider-slider-knob-size-transparent: 16px;
@@ -703,9 +703,9 @@
703
703
  --wds-tabs-padding-horizontal-small: 12px;
704
704
  --wds-tabs-padding-vertical-medium: 16px;
705
705
  --wds-tabs-padding-vertical-small: 12px;
706
+ --wds-tabs-selection-border: linear-gradient(90deg, rgba(255, 255, 255, 0.0000) 0%, #526cff 20%, #526cff 80%, rgba(255, 255, 255, 0.0000) 100%);
706
707
  --wds-tabs-selection-fill-primary: #526cff;
707
708
  --wds-tabs-selection-fill-secondary: rgba(255, 255, 255, 0.0000);
708
- --wds-tabs-selection-border: linear-gradient(90deg, rgba(255, 255, 255, 0.0000) 0%, #526cff 20%, #526cff 80%, rgba(255, 255, 255, 0.0000) 100%);
709
709
  --wds-tabs-selection-height: 1px;
710
710
  --wds-tag-border-radius-large: 4px;
711
711
  --wds-tag-border-radius-medium: 4px;
@@ -806,7 +806,7 @@
806
806
  --wds-toggle-switch-width-large: 40px;
807
807
  --wds-toggle-switch-width-medium: 32px;
808
808
  --wds-toggle-switch-width-small: 24px;
809
- --wds-tooltip-background-fill: #ffffff;
809
+ --wds-tooltip-background-fill: #131720;
810
810
  --wds-tooltip-border-radius: 8px;
811
811
  --wds-tooltip-border-radius-medium: 8px;
812
812
  --wds-tooltip-border-radius-small: 8px;
@@ -814,7 +814,7 @@
814
814
  --wds-tooltip-padding-horizontal-small: 8px;
815
815
  --wds-tooltip-padding-vertical-medium: 8px;
816
816
  --wds-tooltip-padding-vertical-small: 6px;
817
- --wds-tooltip-text-fill: #131720;
817
+ --wds-tooltip-text-fill: #ffffff;
818
818
  --wds-vertical-tabs-action-padding-horizontal-medium: 24px;
819
819
  --wds-vertical-tabs-action-padding-horizontal-small: 24px;
820
820
  --wds-vertical-tabs-action-padding-horizontal-tiny: 24px;
package/wixel/all.st.css CHANGED
@@ -682,11 +682,11 @@
682
682
  @property st-global(--wds-custom-modal-header-padding-vertical);
683
683
  @property st-global(--wds-custom-modal-header-title-font-line-height);
684
684
  @property st-global(--wds-custom-modal-header-title-font-size);
685
- @property st-global(--wds-divider-fill-color-light-1);
686
- @property st-global(--wds-divider-fill-color-light-2);
685
+ @property st-global(--wds-divider-fill-color-light);
687
686
  @property st-global(--wds-divider-fill-color-light-primary);
688
687
  @property st-global(--wds-divider-fill-color-light-secondary);
689
688
  @property st-global(--wds-divider-gradient-border);
689
+ @property st-global(--wds-divider-vertical-fill-color-light);
690
690
  @property st-global(--wds-dock-background-fill);
691
691
  @property st-global(--wds-dock-background-fill-active);
692
692
  @property st-global(--wds-dock-background-fill-disabled);
@@ -2192,11 +2192,11 @@
2192
2192
  --wds-custom-modal-header-padding-vertical: 16px;
2193
2193
  --wds-custom-modal-header-title-font-line-height: 20px;
2194
2194
  --wds-custom-modal-header-title-font-size: 14px;
2195
- --wds-divider-fill-color-light-1: #d6dcff;
2196
- --wds-divider-fill-color-light-2: rgba(244, 247, 255, 0.0000);
2197
- --wds-divider-fill-color-light-primary: rgba(214, 220, 255, 1);
2195
+ --wds-divider-fill-color-light: linear-gradient(90deg, rgba(244, 247, 255, 0.0000) 0%, #d6dcff 16%, #d6dcff 84%, rgba(244, 247, 255, 0.0000) 100%);
2196
+ --wds-divider-fill-color-light-primary: #d6dcff;
2198
2197
  --wds-divider-fill-color-light-secondary: rgba(244, 247, 255, 0.0000);
2199
- --wds-divider-gradient-border: linear-gradient(90deg, rgba(244, 247, 255, 0.0000) 0%, rgba(214, 220, 255, 1) 16%, rgba(214, 220, 255, 1) 84%, rgba(244, 247, 255, 0.0000) 100%);
2198
+ --wds-divider-gradient-border: linear-gradient(90deg, rgba(244, 247, 255, 0.0000) 0%, #d6dcff 16%, #d6dcff 84%, rgba(244, 247, 255, 0.0000) 100%);
2199
+ --wds-divider-vertical-fill-color-light: linear-gradient(0deg, rgba(244, 247, 255, 0.0000) 0%, #d6dcff 16%, #d6dcff 84%, rgba(244, 247, 255, 0.0000) 100%);
2200
2200
  --wds-dock-background-fill: #eef0ff;
2201
2201
  --wds-dock-background-fill-active: #d6dcff;
2202
2202
  --wds-dock-background-fill-disabled: #e5e5e5;
@@ -2744,9 +2744,9 @@
2744
2744
  --wds-skeleton-border-radius-rectangle: 4px;
2745
2745
  --wds-slider-slider-knob-border-width: 5px;
2746
2746
  --wds-slider-slider-knob-border-width-hover: 12px;
2747
- --wds-slider-slider-knob-color: #ffffff;
2748
- --wds-slider-slider-knob-color-hover: #f4f6ff;
2749
- --wds-slider-slider-knob-shadow: true;
2747
+ --wds-slider-slider-knob-color: #526cff;
2748
+ --wds-slider-slider-knob-color-hover: #4c49fb;
2749
+ --wds-slider-slider-knob-shadow: 0 1px 4px 0 rgba(38, 37, 36, 0.3000), 0 2px 4px 0 rgba(38, 37, 36, 0.0000);
2750
2750
  --wds-slider-slider-knob-size: 16px;
2751
2751
  --wds-slider-slider-knob-size-hover: 24px;
2752
2752
  --wds-slider-slider-knob-size-transparent: 16px;
@@ -2933,7 +2933,7 @@
2933
2933
  --wds-toggle-switch-width-large: 40px;
2934
2934
  --wds-toggle-switch-width-medium: 32px;
2935
2935
  --wds-toggle-switch-width-small: 24px;
2936
- --wds-tooltip-background-fill: #ffffff;
2936
+ --wds-tooltip-background-fill: #131720;
2937
2937
  --wds-tooltip-border-radius: 8px;
2938
2938
  --wds-tooltip-border-radius-medium: 8px;
2939
2939
  --wds-tooltip-border-radius-small: 8px;
@@ -2941,7 +2941,7 @@
2941
2941
  --wds-tooltip-padding-horizontal-small: 8px;
2942
2942
  --wds-tooltip-padding-vertical-medium: 8px;
2943
2943
  --wds-tooltip-padding-vertical-small: 6px;
2944
- --wds-tooltip-text-fill: #131720;
2944
+ --wds-tooltip-text-fill: #ffffff;
2945
2945
  --wds-vertical-tabs-action-padding-horizontal-medium: 24px;
2946
2946
  --wds-vertical-tabs-action-padding-horizontal-small: 24px;
2947
2947
  --wds-vertical-tabs-action-padding-horizontal-tiny: 24px;
package/wixel/component.st.css CHANGED
@@ -204,11 +204,11 @@
204
204
  @property st-global(--wds-custom-modal-header-padding-vertical);
205
205
  @property st-global(--wds-custom-modal-header-title-font-line-height);
206
206
  @property st-global(--wds-custom-modal-header-title-font-size);
207
- @property st-global(--wds-divider-fill-color-light-1);
208
- @property st-global(--wds-divider-fill-color-light-2);
207
+ @property st-global(--wds-divider-fill-color-light);
209
208
  @property st-global(--wds-divider-fill-color-light-primary);
210
209
  @property st-global(--wds-divider-fill-color-light-secondary);
211
210
  @property st-global(--wds-divider-gradient-border);
211
+ @property st-global(--wds-divider-vertical-fill-color-light);
212
212
  @property st-global(--wds-dock-background-fill);
213
213
  @property st-global(--wds-dock-background-fill-active);
214
214
  @property st-global(--wds-dock-background-fill-disabled);
@@ -1094,11 +1094,11 @@
1094
1094
  --wds-custom-modal-header-padding-vertical: 16px;
1095
1095
  --wds-custom-modal-header-title-font-line-height: 20px;
1096
1096
  --wds-custom-modal-header-title-font-size: 14px;
1097
- --wds-divider-fill-color-light-1: #d6dcff;
1098
- --wds-divider-fill-color-light-2: rgba(244, 247, 255, 0.0000);
1099
- --wds-divider-fill-color-light-primary: rgba(214, 220, 255, 1);
1097
+ --wds-divider-fill-color-light: linear-gradient(90deg, rgba(244, 247, 255, 0.0000) 0%, #d6dcff 16%, #d6dcff 84%, rgba(244, 247, 255, 0.0000) 100%);
1098
+ --wds-divider-fill-color-light-primary: #d6dcff;
1100
1099
  --wds-divider-fill-color-light-secondary: rgba(244, 247, 255, 0.0000);
1101
- --wds-divider-gradient-border: linear-gradient(90deg, rgba(244, 247, 255, 0.0000) 0%, rgba(214, 220, 255, 1) 16%, rgba(214, 220, 255, 1) 84%, rgba(244, 247, 255, 0.0000) 100%);
1100
+ --wds-divider-gradient-border: linear-gradient(90deg, rgba(244, 247, 255, 0.0000) 0%, #d6dcff 16%, #d6dcff 84%, rgba(244, 247, 255, 0.0000) 100%);
1101
+ --wds-divider-vertical-fill-color-light: linear-gradient(0deg, rgba(244, 247, 255, 0.0000) 0%, #d6dcff 16%, #d6dcff 84%, rgba(244, 247, 255, 0.0000) 100%);
1102
1102
  --wds-dock-background-fill: #eef0ff;
1103
1103
  --wds-dock-background-fill-active: #d6dcff;
1104
1104
  --wds-dock-background-fill-disabled: #e5e5e5;
@@ -1546,9 +1546,9 @@
1546
1546
  --wds-skeleton-border-radius-rectangle: 4px;
1547
1547
  --wds-slider-slider-knob-border-width: 5px;
1548
1548
  --wds-slider-slider-knob-border-width-hover: 12px;
1549
- --wds-slider-slider-knob-color: #ffffff;
1550
- --wds-slider-slider-knob-color-hover: #f4f6ff;
1551
- --wds-slider-slider-knob-shadow: true;
1549
+ --wds-slider-slider-knob-color: #526cff;
1550
+ --wds-slider-slider-knob-color-hover: #4c49fb;
1551
+ --wds-slider-slider-knob-shadow: 0 1px 4px 0 rgba(38, 37, 36, 0.3000), 0 2px 4px 0 rgba(38, 37, 36, 0.0000);
1552
1552
  --wds-slider-slider-knob-size: 16px;
1553
1553
  --wds-slider-slider-knob-size-hover: 24px;
1554
1554
  --wds-slider-slider-knob-size-transparent: 16px;
@@ -1695,7 +1695,7 @@
1695
1695
  --wds-toggle-switch-width-large: 40px;
1696
1696
  --wds-toggle-switch-width-medium: 32px;
1697
1697
  --wds-toggle-switch-width-small: 24px;
1698
- --wds-tooltip-background-fill: #ffffff;
1698
+ --wds-tooltip-background-fill: #131720;
1699
1699
  --wds-tooltip-border-radius: 8px;
1700
1700
  --wds-tooltip-border-radius-medium: 8px;
1701
1701
  --wds-tooltip-border-radius-small: 8px;
@@ -1703,7 +1703,7 @@
1703
1703
  --wds-tooltip-padding-horizontal-small: 8px;
1704
1704
  --wds-tooltip-padding-vertical-medium: 8px;
1705
1705
  --wds-tooltip-padding-vertical-small: 6px;
1706
- --wds-tooltip-text-fill: #131720;
1706
+ --wds-tooltip-text-fill: #ffffff;
1707
1707
  --wds-vertical-tabs-action-padding-horizontal-medium: 24px;
1708
1708
  --wds-vertical-tabs-action-padding-horizontal-small: 24px;
1709
1709
  --wds-vertical-tabs-action-padding-horizontal-tiny: 24px;