@wix/design-system-tokens 1.86.2 → 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 (10) hide show
  1. package/all.css +2 -2
  2. package/all.st.css +4 -4
  3. package/component.st.css +4 -4
  4. package/package.json +2 -2
  5. package/studio/all.css +2 -2
  6. package/studio/all.st.css +4 -4
  7. package/studio/component.st.css +4 -4
  8. package/wixel/all.css +4 -4
  9. package/wixel/all.st.css +6 -6
  10. package/wixel/component.st.css +6 -6
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.2",
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": "5e48c393b9d0a4e4d5f475fbee5c05363cb0c38105cfff9db7d9926e"
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;
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;
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;