@wix/design-system-tokens 1.20.0 → 1.21.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 (9) hide show
  1. package/all.css +9 -8
  2. package/all.st.css +18 -16
  3. package/component.st.css +2 -0
  4. package/package.json +2 -2
  5. package/semantic.st.css +16 -16
  6. package/studio/all.css +9 -8
  7. package/studio/all.st.css +18 -16
  8. package/studio/component.st.css +2 -0
  9. package/studio/semantic.st.css +16 -16
package/all.css CHANGED
@@ -193,6 +193,7 @@
193
193
  --wds-input-border-radius-round-medium: 1000px;
194
194
  --wds-input-border-radius-round-small: 1000px;
195
195
  --wds-input-border-radius-round-tiny: 1000px;
196
+ --wds-input-icon-affix-fill: #116dff;
196
197
  --wds-input-padding-horizontal-large: 9px;
197
198
  --wds-input-padding-horizontal-medium: 6px;
198
199
  --wds-input-padding-horizontal-small: 6px;
@@ -871,6 +872,14 @@
871
872
  --wds-color-fill-destructive-tertiary-active: #fbd0cd;
872
873
  --wds-color-fill-destructive-tertiary-disabled: #ffffff;
873
874
  --wds-color-fill-destructive-tertiary-hover: #fde3e1;
875
+ --wds-color-fill-light-primary: #ffffff;
876
+ --wds-color-fill-light-primary-active: #d6e6fe;
877
+ --wds-color-fill-light-primary-disabled: rgba(255, 255, 255, .3);
878
+ --wds-color-fill-light-primary-hover: #e7f0ff;
879
+ --wds-color-fill-light-secondary: rgba(255, 255, 255, 0);
880
+ --wds-color-fill-light-secondary-active: #d6e6fe;
881
+ --wds-color-fill-light-secondary-disabled: rgba(255, 255, 255, 0);
882
+ --wds-color-fill-light-secondary-hover: #e7f0ff;
874
883
  --wds-color-fill-premium-primary: #9a27d5;
875
884
  --wds-color-fill-premium-primary-active: #7416a5;
876
885
  --wds-color-fill-premium-primary-disabled: rgba(0, 6, 36, .3);
@@ -932,14 +941,6 @@
932
941
  --wds-color-fill-standard-tertiary-disabled: #ffffff;
933
942
  --wds-color-fill-standard-tertiary-hover: #e7f0ff;
934
943
  --wds-color-fill-standard-tertiary-readonly: #eceff3;
935
- --wds-color-fill-standard-light-primary: #ffffff;
936
- --wds-color-fill-standard-light-primary-active: #d6e6fe;
937
- --wds-color-fill-standard-light-primary-disabled: rgba(255, 255, 255, .3);
938
- --wds-color-fill-standard-light-primary-hover: #e7f0ff;
939
- --wds-color-fill-standard-light-secondary: rgba(255, 255, 255, 0);
940
- --wds-color-fill-standard-light-secondary-active: #d6e6fe;
941
- --wds-color-fill-standard-light-secondary-disabled: rgba(255, 255, 255, 0);
942
- --wds-color-fill-standard-light-secondary-hover: #e7f0ff;
943
944
  --wds-color-fill-success-primary: #25a55a;
944
945
  --wds-color-fill-success-primary-active: #1d8649;
945
946
  --wds-color-fill-success-primary-disabled: rgba(0, 6, 36, .3);
package/all.st.css CHANGED
@@ -292,6 +292,14 @@
292
292
  @property st-global(--wds-color-fill-destructive-tertiary-active);
293
293
  @property st-global(--wds-color-fill-destructive-tertiary-disabled);
294
294
  @property st-global(--wds-color-fill-destructive-tertiary-hover);
295
+ @property st-global(--wds-color-fill-light-primary);
296
+ @property st-global(--wds-color-fill-light-primary-active);
297
+ @property st-global(--wds-color-fill-light-primary-disabled);
298
+ @property st-global(--wds-color-fill-light-primary-hover);
299
+ @property st-global(--wds-color-fill-light-secondary);
300
+ @property st-global(--wds-color-fill-light-secondary-active);
301
+ @property st-global(--wds-color-fill-light-secondary-disabled);
302
+ @property st-global(--wds-color-fill-light-secondary-hover);
295
303
  @property st-global(--wds-color-fill-premium-light-primary);
296
304
  @property st-global(--wds-color-fill-premium-light-primary-active);
297
305
  @property st-global(--wds-color-fill-premium-light-primary-disabled);
@@ -340,14 +348,6 @@
340
348
  @property st-global(--wds-color-fill-social-youtube-active);
341
349
  @property st-global(--wds-color-fill-social-youtube-disabled);
342
350
  @property st-global(--wds-color-fill-social-youtube-hover);
343
- @property st-global(--wds-color-fill-standard-light-primary);
344
- @property st-global(--wds-color-fill-standard-light-primary-active);
345
- @property st-global(--wds-color-fill-standard-light-primary-disabled);
346
- @property st-global(--wds-color-fill-standard-light-primary-hover);
347
- @property st-global(--wds-color-fill-standard-light-secondary);
348
- @property st-global(--wds-color-fill-standard-light-secondary-active);
349
- @property st-global(--wds-color-fill-standard-light-secondary-disabled);
350
- @property st-global(--wds-color-fill-standard-light-secondary-hover);
351
351
  @property st-global(--wds-color-fill-standard-primary);
352
352
  @property st-global(--wds-color-fill-standard-primary-active);
353
353
  @property st-global(--wds-color-fill-standard-primary-disabled);
@@ -638,6 +638,7 @@
638
638
  @property st-global(--wds-input-border-radius-round-medium);
639
639
  @property st-global(--wds-input-border-radius-round-small);
640
640
  @property st-global(--wds-input-border-radius-round-tiny);
641
+ @property st-global(--wds-input-icon-affix-fill);
641
642
  @property st-global(--wds-input-padding-horizontal-large);
642
643
  @property st-global(--wds-input-padding-horizontal-medium);
643
644
  @property st-global(--wds-input-padding-horizontal-small);
@@ -1427,6 +1428,14 @@
1427
1428
  --wds-color-fill-destructive-tertiary-active: #fbd0cd;
1428
1429
  --wds-color-fill-destructive-tertiary-disabled: #ffffff;
1429
1430
  --wds-color-fill-destructive-tertiary-hover: #fde3e1;
1431
+ --wds-color-fill-light-primary: #ffffff;
1432
+ --wds-color-fill-light-primary-active: #d6e6fe;
1433
+ --wds-color-fill-light-primary-disabled: rgba(255, 255, 255, .3);
1434
+ --wds-color-fill-light-primary-hover: #e7f0ff;
1435
+ --wds-color-fill-light-secondary: rgba(255, 255, 255, 0);
1436
+ --wds-color-fill-light-secondary-active: #d6e6fe;
1437
+ --wds-color-fill-light-secondary-disabled: rgba(255, 255, 255, 0);
1438
+ --wds-color-fill-light-secondary-hover: #e7f0ff;
1430
1439
  --wds-color-fill-premium-light-primary: #ffffff;
1431
1440
  --wds-color-fill-premium-light-primary-active: #e3c3f4;
1432
1441
  --wds-color-fill-premium-light-primary-disabled: rgba(255, 255, 255, .3);
@@ -1475,14 +1484,6 @@
1475
1484
  --wds-color-fill-social-youtube-active: #ff0000;
1476
1485
  --wds-color-fill-social-youtube-disabled: rgba(0, 6, 36, .3);
1477
1486
  --wds-color-fill-social-youtube-hover: rgba(255, 0, 0, .8);
1478
- --wds-color-fill-standard-light-primary: #ffffff;
1479
- --wds-color-fill-standard-light-primary-active: #d6e6fe;
1480
- --wds-color-fill-standard-light-primary-disabled: rgba(255, 255, 255, .3);
1481
- --wds-color-fill-standard-light-primary-hover: #e7f0ff;
1482
- --wds-color-fill-standard-light-secondary: rgba(255, 255, 255, 0);
1483
- --wds-color-fill-standard-light-secondary-active: #d6e6fe;
1484
- --wds-color-fill-standard-light-secondary-disabled: rgba(255, 255, 255, 0);
1485
- --wds-color-fill-standard-light-secondary-hover: #e7f0ff;
1486
1487
  --wds-color-fill-standard-primary: #116dff;
1487
1488
  --wds-color-fill-standard-primary-active: #084ebd;
1488
1489
  --wds-color-fill-standard-primary-disabled: rgba(0, 6, 36, .3);
@@ -1773,6 +1774,7 @@
1773
1774
  --wds-input-border-radius-round-medium: 1000px;
1774
1775
  --wds-input-border-radius-round-small: 1000px;
1775
1776
  --wds-input-border-radius-round-tiny: 1000px;
1777
+ --wds-input-icon-affix-fill: #116dff;
1776
1778
  --wds-input-padding-horizontal-large: 9px;
1777
1779
  --wds-input-padding-horizontal-medium: 6px;
1778
1780
  --wds-input-padding-horizontal-small: 6px;
package/component.st.css CHANGED
@@ -200,6 +200,7 @@
200
200
  @property st-global(--wds-input-border-radius-round-medium);
201
201
  @property st-global(--wds-input-border-radius-round-small);
202
202
  @property st-global(--wds-input-border-radius-round-tiny);
203
+ @property st-global(--wds-input-icon-affix-fill);
203
204
  @property st-global(--wds-input-padding-horizontal-large);
204
205
  @property st-global(--wds-input-padding-horizontal-medium);
205
206
  @property st-global(--wds-input-padding-horizontal-small);
@@ -831,6 +832,7 @@
831
832
  --wds-input-border-radius-round-medium: 1000px;
832
833
  --wds-input-border-radius-round-small: 1000px;
833
834
  --wds-input-border-radius-round-tiny: 1000px;
835
+ --wds-input-icon-affix-fill: #116dff;
834
836
  --wds-input-padding-horizontal-large: 9px;
835
837
  --wds-input-padding-horizontal-medium: 6px;
836
838
  --wds-input-padding-horizontal-small: 6px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.20.0",
3
+ "version": "1.21.0",
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": "52801dc7bfbb27523ce83566ca9cdb1c6dff078631fc1d24cfc0f7cb"
36
+ "falconPackageHash": "8efed8904b6c467a4c053c592e3859507c17dc3d97abafbac989fddd"
37
37
  }
package/semantic.st.css CHANGED
@@ -136,6 +136,14 @@
136
136
  @property st-global(--wds-color-fill-destructive-tertiary-active);
137
137
  @property st-global(--wds-color-fill-destructive-tertiary-disabled);
138
138
  @property st-global(--wds-color-fill-destructive-tertiary-hover);
139
+ @property st-global(--wds-color-fill-light-primary);
140
+ @property st-global(--wds-color-fill-light-primary-active);
141
+ @property st-global(--wds-color-fill-light-primary-disabled);
142
+ @property st-global(--wds-color-fill-light-primary-hover);
143
+ @property st-global(--wds-color-fill-light-secondary);
144
+ @property st-global(--wds-color-fill-light-secondary-active);
145
+ @property st-global(--wds-color-fill-light-secondary-disabled);
146
+ @property st-global(--wds-color-fill-light-secondary-hover);
139
147
  @property st-global(--wds-color-fill-premium-light-primary);
140
148
  @property st-global(--wds-color-fill-premium-light-primary-active);
141
149
  @property st-global(--wds-color-fill-premium-light-primary-disabled);
@@ -184,14 +192,6 @@
184
192
  @property st-global(--wds-color-fill-social-youtube-active);
185
193
  @property st-global(--wds-color-fill-social-youtube-disabled);
186
194
  @property st-global(--wds-color-fill-social-youtube-hover);
187
- @property st-global(--wds-color-fill-standard-light-primary);
188
- @property st-global(--wds-color-fill-standard-light-primary-active);
189
- @property st-global(--wds-color-fill-standard-light-primary-disabled);
190
- @property st-global(--wds-color-fill-standard-light-primary-hover);
191
- @property st-global(--wds-color-fill-standard-light-secondary);
192
- @property st-global(--wds-color-fill-standard-light-secondary-active);
193
- @property st-global(--wds-color-fill-standard-light-secondary-disabled);
194
- @property st-global(--wds-color-fill-standard-light-secondary-hover);
195
195
  @property st-global(--wds-color-fill-standard-primary);
196
196
  @property st-global(--wds-color-fill-standard-primary-active);
197
197
  @property st-global(--wds-color-fill-standard-primary-disabled);
@@ -471,6 +471,14 @@
471
471
  --wds-color-fill-destructive-tertiary-active: #fbd0cd;
472
472
  --wds-color-fill-destructive-tertiary-disabled: #ffffff;
473
473
  --wds-color-fill-destructive-tertiary-hover: #fde3e1;
474
+ --wds-color-fill-light-primary: #ffffff;
475
+ --wds-color-fill-light-primary-active: #d6e6fe;
476
+ --wds-color-fill-light-primary-disabled: rgba(255, 255, 255, .3);
477
+ --wds-color-fill-light-primary-hover: #e7f0ff;
478
+ --wds-color-fill-light-secondary: rgba(255, 255, 255, 0);
479
+ --wds-color-fill-light-secondary-active: #d6e6fe;
480
+ --wds-color-fill-light-secondary-disabled: rgba(255, 255, 255, 0);
481
+ --wds-color-fill-light-secondary-hover: #e7f0ff;
474
482
  --wds-color-fill-premium-light-primary: #ffffff;
475
483
  --wds-color-fill-premium-light-primary-active: #e3c3f4;
476
484
  --wds-color-fill-premium-light-primary-disabled: rgba(255, 255, 255, .3);
@@ -519,14 +527,6 @@
519
527
  --wds-color-fill-social-youtube-active: #ff0000;
520
528
  --wds-color-fill-social-youtube-disabled: rgba(0, 6, 36, .3);
521
529
  --wds-color-fill-social-youtube-hover: rgba(255, 0, 0, .8);
522
- --wds-color-fill-standard-light-primary: #ffffff;
523
- --wds-color-fill-standard-light-primary-active: #d6e6fe;
524
- --wds-color-fill-standard-light-primary-disabled: rgba(255, 255, 255, .3);
525
- --wds-color-fill-standard-light-primary-hover: #e7f0ff;
526
- --wds-color-fill-standard-light-secondary: rgba(255, 255, 255, 0);
527
- --wds-color-fill-standard-light-secondary-active: #d6e6fe;
528
- --wds-color-fill-standard-light-secondary-disabled: rgba(255, 255, 255, 0);
529
- --wds-color-fill-standard-light-secondary-hover: #e7f0ff;
530
530
  --wds-color-fill-standard-primary: #116dff;
531
531
  --wds-color-fill-standard-primary-active: #084ebd;
532
532
  --wds-color-fill-standard-primary-disabled: rgba(0, 6, 36, .3);
package/studio/all.css CHANGED
@@ -193,6 +193,7 @@
193
193
  --wds-input-border-radius-round-medium: 1000px;
194
194
  --wds-input-border-radius-round-small: 1000px;
195
195
  --wds-input-border-radius-round-tiny: 1000px;
196
+ --wds-input-icon-affix-fill: #131720;
196
197
  --wds-input-padding-horizontal-large: 8px;
197
198
  --wds-input-padding-horizontal-medium: 8px;
198
199
  --wds-input-padding-horizontal-small: 4px;
@@ -870,6 +871,14 @@
870
871
  --wds-color-fill-destructive-tertiary-active: #fbd0cd;
871
872
  --wds-color-fill-destructive-tertiary-disabled: #ffffff;
872
873
  --wds-color-fill-destructive-tertiary-hover: #f7f8f8;
874
+ --wds-color-fill-light-primary: #ffffff;
875
+ --wds-color-fill-light-primary-active: #dce9ff;
876
+ --wds-color-fill-light-primary-disabled: rgba(255, 255, 255, .3);
877
+ --wds-color-fill-light-primary-hover: #ebf2ff;
878
+ --wds-color-fill-light-secondary: rgba(255, 255, 255, 0);
879
+ --wds-color-fill-light-secondary-active: #dce9ff;
880
+ --wds-color-fill-light-secondary-disabled: rgba(255, 255, 255, 0);
881
+ --wds-color-fill-light-secondary-hover: #ebf2ff;
873
882
  --wds-color-fill-premium-primary: #9a27d5;
874
883
  --wds-color-fill-premium-primary-active: #9a27d5;
875
884
  --wds-color-fill-premium-primary-disabled: #bebebe;
@@ -931,14 +940,6 @@
931
940
  --wds-color-fill-standard-tertiary-disabled: #ffffff;
932
941
  --wds-color-fill-standard-tertiary-hover: #f7f8f8;
933
942
  --wds-color-fill-standard-tertiary-readonly: #edeef2;
934
- --wds-color-fill-standard-light-primary: #ffffff;
935
- --wds-color-fill-standard-light-primary-active: #dce9ff;
936
- --wds-color-fill-standard-light-primary-disabled: rgba(255, 255, 255, .3);
937
- --wds-color-fill-standard-light-primary-hover: #ebf2ff;
938
- --wds-color-fill-standard-light-secondary: rgba(255, 255, 255, 0);
939
- --wds-color-fill-standard-light-secondary-active: #dce9ff;
940
- --wds-color-fill-standard-light-secondary-disabled: rgba(255, 255, 255, 0);
941
- --wds-color-fill-standard-light-secondary-hover: #ebf2ff;
942
943
  --wds-color-fill-success-primary: #25a55a;
943
944
  --wds-color-fill-success-primary-active: #25a55a;
944
945
  --wds-color-fill-success-primary-disabled: #bebebe;
package/studio/all.st.css CHANGED
@@ -292,6 +292,14 @@
292
292
  @property st-global(--wds-color-fill-destructive-tertiary-active);
293
293
  @property st-global(--wds-color-fill-destructive-tertiary-disabled);
294
294
  @property st-global(--wds-color-fill-destructive-tertiary-hover);
295
+ @property st-global(--wds-color-fill-light-primary);
296
+ @property st-global(--wds-color-fill-light-primary-active);
297
+ @property st-global(--wds-color-fill-light-primary-disabled);
298
+ @property st-global(--wds-color-fill-light-primary-hover);
299
+ @property st-global(--wds-color-fill-light-secondary);
300
+ @property st-global(--wds-color-fill-light-secondary-active);
301
+ @property st-global(--wds-color-fill-light-secondary-disabled);
302
+ @property st-global(--wds-color-fill-light-secondary-hover);
295
303
  @property st-global(--wds-color-fill-premium-light-primary);
296
304
  @property st-global(--wds-color-fill-premium-light-primary-active);
297
305
  @property st-global(--wds-color-fill-premium-light-primary-disabled);
@@ -340,14 +348,6 @@
340
348
  @property st-global(--wds-color-fill-social-youtube-active);
341
349
  @property st-global(--wds-color-fill-social-youtube-disabled);
342
350
  @property st-global(--wds-color-fill-social-youtube-hover);
343
- @property st-global(--wds-color-fill-standard-light-primary);
344
- @property st-global(--wds-color-fill-standard-light-primary-active);
345
- @property st-global(--wds-color-fill-standard-light-primary-disabled);
346
- @property st-global(--wds-color-fill-standard-light-primary-hover);
347
- @property st-global(--wds-color-fill-standard-light-secondary);
348
- @property st-global(--wds-color-fill-standard-light-secondary-active);
349
- @property st-global(--wds-color-fill-standard-light-secondary-disabled);
350
- @property st-global(--wds-color-fill-standard-light-secondary-hover);
351
351
  @property st-global(--wds-color-fill-standard-primary);
352
352
  @property st-global(--wds-color-fill-standard-primary-active);
353
353
  @property st-global(--wds-color-fill-standard-primary-disabled);
@@ -634,6 +634,7 @@
634
634
  @property st-global(--wds-input-border-radius-round-medium);
635
635
  @property st-global(--wds-input-border-radius-round-small);
636
636
  @property st-global(--wds-input-border-radius-round-tiny);
637
+ @property st-global(--wds-input-icon-affix-fill);
637
638
  @property st-global(--wds-input-padding-horizontal-large);
638
639
  @property st-global(--wds-input-padding-horizontal-medium);
639
640
  @property st-global(--wds-input-padding-horizontal-small);
@@ -1422,6 +1423,14 @@
1422
1423
  --wds-color-fill-destructive-tertiary-active: #fbd0cd;
1423
1424
  --wds-color-fill-destructive-tertiary-disabled: #ffffff;
1424
1425
  --wds-color-fill-destructive-tertiary-hover: #f7f8f8;
1426
+ --wds-color-fill-light-primary: #ffffff;
1427
+ --wds-color-fill-light-primary-active: #dce9ff;
1428
+ --wds-color-fill-light-primary-disabled: rgba(255, 255, 255, .3);
1429
+ --wds-color-fill-light-primary-hover: #ebf2ff;
1430
+ --wds-color-fill-light-secondary: rgba(255, 255, 255, 0);
1431
+ --wds-color-fill-light-secondary-active: #dce9ff;
1432
+ --wds-color-fill-light-secondary-disabled: rgba(255, 255, 255, 0);
1433
+ --wds-color-fill-light-secondary-hover: #ebf2ff;
1425
1434
  --wds-color-fill-premium-light-primary: #ffffff;
1426
1435
  --wds-color-fill-premium-light-primary-active: #e3c3f4;
1427
1436
  --wds-color-fill-premium-light-primary-disabled: rgba(255, 255, 255, .3);
@@ -1470,14 +1479,6 @@
1470
1479
  --wds-color-fill-social-youtube-active: #ff0000;
1471
1480
  --wds-color-fill-social-youtube-disabled: #bebebe;
1472
1481
  --wds-color-fill-social-youtube-hover: rgba(255, 0, 0, .8);
1473
- --wds-color-fill-standard-light-primary: #ffffff;
1474
- --wds-color-fill-standard-light-primary-active: #dce9ff;
1475
- --wds-color-fill-standard-light-primary-disabled: rgba(255, 255, 255, .3);
1476
- --wds-color-fill-standard-light-primary-hover: #ebf2ff;
1477
- --wds-color-fill-standard-light-secondary: rgba(255, 255, 255, 0);
1478
- --wds-color-fill-standard-light-secondary-active: #dce9ff;
1479
- --wds-color-fill-standard-light-secondary-disabled: rgba(255, 255, 255, 0);
1480
- --wds-color-fill-standard-light-secondary-hover: #ebf2ff;
1481
1482
  --wds-color-fill-standard-primary: #116dff;
1482
1483
  --wds-color-fill-standard-primary-active: #116dff;
1483
1484
  --wds-color-fill-standard-primary-disabled: #bebebe;
@@ -1764,6 +1765,7 @@
1764
1765
  --wds-input-border-radius-round-medium: 1000px;
1765
1766
  --wds-input-border-radius-round-small: 1000px;
1766
1767
  --wds-input-border-radius-round-tiny: 1000px;
1768
+ --wds-input-icon-affix-fill: #131720;
1767
1769
  --wds-input-padding-horizontal-large: 8px;
1768
1770
  --wds-input-padding-horizontal-medium: 8px;
1769
1771
  --wds-input-padding-horizontal-small: 4px;
package/studio/component.st.css CHANGED
@@ -200,6 +200,7 @@
200
200
  @property st-global(--wds-input-border-radius-round-medium);
201
201
  @property st-global(--wds-input-border-radius-round-small);
202
202
  @property st-global(--wds-input-border-radius-round-tiny);
203
+ @property st-global(--wds-input-icon-affix-fill);
203
204
  @property st-global(--wds-input-padding-horizontal-large);
204
205
  @property st-global(--wds-input-padding-horizontal-medium);
205
206
  @property st-global(--wds-input-padding-horizontal-small);
@@ -830,6 +831,7 @@
830
831
  --wds-input-border-radius-round-medium: 1000px;
831
832
  --wds-input-border-radius-round-small: 1000px;
832
833
  --wds-input-border-radius-round-tiny: 1000px;
834
+ --wds-input-icon-affix-fill: #131720;
833
835
  --wds-input-padding-horizontal-large: 8px;
834
836
  --wds-input-padding-horizontal-medium: 8px;
835
837
  --wds-input-padding-horizontal-small: 4px;
package/studio/semantic.st.css CHANGED
@@ -136,6 +136,14 @@
136
136
  @property st-global(--wds-color-fill-destructive-tertiary-active);
137
137
  @property st-global(--wds-color-fill-destructive-tertiary-disabled);
138
138
  @property st-global(--wds-color-fill-destructive-tertiary-hover);
139
+ @property st-global(--wds-color-fill-light-primary);
140
+ @property st-global(--wds-color-fill-light-primary-active);
141
+ @property st-global(--wds-color-fill-light-primary-disabled);
142
+ @property st-global(--wds-color-fill-light-primary-hover);
143
+ @property st-global(--wds-color-fill-light-secondary);
144
+ @property st-global(--wds-color-fill-light-secondary-active);
145
+ @property st-global(--wds-color-fill-light-secondary-disabled);
146
+ @property st-global(--wds-color-fill-light-secondary-hover);
139
147
  @property st-global(--wds-color-fill-premium-light-primary);
140
148
  @property st-global(--wds-color-fill-premium-light-primary-active);
141
149
  @property st-global(--wds-color-fill-premium-light-primary-disabled);
@@ -184,14 +192,6 @@
184
192
  @property st-global(--wds-color-fill-social-youtube-active);
185
193
  @property st-global(--wds-color-fill-social-youtube-disabled);
186
194
  @property st-global(--wds-color-fill-social-youtube-hover);
187
- @property st-global(--wds-color-fill-standard-light-primary);
188
- @property st-global(--wds-color-fill-standard-light-primary-active);
189
- @property st-global(--wds-color-fill-standard-light-primary-disabled);
190
- @property st-global(--wds-color-fill-standard-light-primary-hover);
191
- @property st-global(--wds-color-fill-standard-light-secondary);
192
- @property st-global(--wds-color-fill-standard-light-secondary-active);
193
- @property st-global(--wds-color-fill-standard-light-secondary-disabled);
194
- @property st-global(--wds-color-fill-standard-light-secondary-hover);
195
195
  @property st-global(--wds-color-fill-standard-primary);
196
196
  @property st-global(--wds-color-fill-standard-primary-active);
197
197
  @property st-global(--wds-color-fill-standard-primary-disabled);
@@ -467,6 +467,14 @@
467
467
  --wds-color-fill-destructive-tertiary-active: #fbd0cd;
468
468
  --wds-color-fill-destructive-tertiary-disabled: #ffffff;
469
469
  --wds-color-fill-destructive-tertiary-hover: #f7f8f8;
470
+ --wds-color-fill-light-primary: #ffffff;
471
+ --wds-color-fill-light-primary-active: #dce9ff;
472
+ --wds-color-fill-light-primary-disabled: rgba(255, 255, 255, .3);
473
+ --wds-color-fill-light-primary-hover: #ebf2ff;
474
+ --wds-color-fill-light-secondary: rgba(255, 255, 255, 0);
475
+ --wds-color-fill-light-secondary-active: #dce9ff;
476
+ --wds-color-fill-light-secondary-disabled: rgba(255, 255, 255, 0);
477
+ --wds-color-fill-light-secondary-hover: #ebf2ff;
470
478
  --wds-color-fill-premium-light-primary: #ffffff;
471
479
  --wds-color-fill-premium-light-primary-active: #e3c3f4;
472
480
  --wds-color-fill-premium-light-primary-disabled: rgba(255, 255, 255, .3);
@@ -515,14 +523,6 @@
515
523
  --wds-color-fill-social-youtube-active: #ff0000;
516
524
  --wds-color-fill-social-youtube-disabled: #bebebe;
517
525
  --wds-color-fill-social-youtube-hover: rgba(255, 0, 0, .8);
518
- --wds-color-fill-standard-light-primary: #ffffff;
519
- --wds-color-fill-standard-light-primary-active: #dce9ff;
520
- --wds-color-fill-standard-light-primary-disabled: rgba(255, 255, 255, .3);
521
- --wds-color-fill-standard-light-primary-hover: #ebf2ff;
522
- --wds-color-fill-standard-light-secondary: rgba(255, 255, 255, 0);
523
- --wds-color-fill-standard-light-secondary-active: #dce9ff;
524
- --wds-color-fill-standard-light-secondary-disabled: rgba(255, 255, 255, 0);
525
- --wds-color-fill-standard-light-secondary-hover: #ebf2ff;
526
526
  --wds-color-fill-standard-primary: #116dff;
527
527
  --wds-color-fill-standard-primary-active: #116dff;
528
528
  --wds-color-fill-standard-primary-disabled: #bebebe;