@wix/design-system-tokens 1.110.0 → 1.112.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 (11) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/all.css +5 -0
  3. package/all.st.css +10 -0
  4. package/component.st.css +10 -0
  5. package/package.json +2 -2
  6. package/studio/all.css +8 -0
  7. package/studio/all.st.css +16 -0
  8. package/studio/component.st.css +16 -0
  9. package/wixel/all.css +5 -0
  10. package/wixel/all.st.css +10 -0
  11. package/wixel/component.st.css +10 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,9 @@
1
+ ## 1.112.0 - 2025-06-07
2
+
3
+ ### Features
4
+
5
+ - feat(tokens): new component level token for picasso dark theme [14963](https://github.com/wix-private/wix-design-systems/pull/14963)
6
+
1
7
  ## 1.102.0 - 2025-05-12
2
8
 
3
9
  ### Features
package/all.css CHANGED
@@ -1043,6 +1043,7 @@
1043
1043
  --wds-input-padding-horizontal-small: var(--wds-space-100);
1044
1044
  --wds-input-padding-horizontal-medium: var(--wds-space-100);
1045
1045
  --wds-input-padding-horizontal-large: var(--wds-space-150);
1046
+ --wds-input-border-width-default: var(--wds-border-width-none);
1046
1047
  --wds-input-border-radius-round-tiny: var(--wds-border-radius-full);
1047
1048
  --wds-input-border-radius-round-small: var(--wds-border-radius-full);
1048
1049
  --wds-input-border-radius-round-medium: var(--wds-border-radius-full);
@@ -1309,6 +1310,9 @@
1309
1310
  --wds-tabs-selection-fill-primary: var(--wds-color-fill-standard-primary);
1310
1311
  --wds-tabs-label-font-size-small: var(--wds-font-size-body-small);
1311
1312
  --wds-status-toast-text-font-size: var(--wds-font-size-body-medium);
1313
+ --wds-status-toast-text-fill: var(--wds-color-text-standard-primary-light);
1314
+ --wds-status-toast-info-icon-fill: var(--wds-color-text-standard-primary-light);
1315
+ --wds-status-toast-background-fill: var(--wds-color-fill-dark-primary);
1312
1316
  --wds-slider-track-color: var(--wds-color-fill-standard-secondary);
1313
1317
  --wds-slider-slider-knob-color-hover: var(--wds-color-fill-standard-primary);
1314
1318
  --wds-slider-slider-knob-color: var(--wds-color-fill-standard-primary);
@@ -1327,6 +1331,7 @@
1327
1331
  --wds-segmented-toggle-label-font-size-medium: var(--wds-font-size-body-medium);
1328
1332
  --wds-segmented-toggle-fill-selected: var(--wds-color-fill-standard-tertiary);
1329
1333
  --wds-segmented-toggle-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1334
+ --wds-segmented-toggle-fill-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1330
1335
  --wds-segmented-toggle-fill-default: var(--wds-color-fill-standard-tertiary);
1331
1336
  --wds-segmented-toggle-border-hover: var(--wds-color-border-standard-secondary-hover);
1332
1337
  --wds-section-helper-text-font-line-height: var(--wds-font-line-height-200);
package/all.st.css CHANGED
@@ -844,6 +844,7 @@
844
844
  @property st-global(--wds-input-border-radius-round-medium);
845
845
  @property st-global(--wds-input-border-radius-round-small);
846
846
  @property st-global(--wds-input-border-radius-round-tiny);
847
+ @property st-global(--wds-input-border-width-default);
847
848
  @property st-global(--wds-input-icon-affix-fill);
848
849
  @property st-global(--wds-input-padding-horizontal-large);
849
850
  @property st-global(--wds-input-padding-horizontal-medium);
@@ -1086,6 +1087,7 @@
1086
1087
  @property st-global(--wds-segmented-toggle-border-radius-small);
1087
1088
  @property st-global(--wds-segmented-toggle-border-width-default);
1088
1089
  @property st-global(--wds-segmented-toggle-fill-default);
1090
+ @property st-global(--wds-segmented-toggle-fill-disabled);
1089
1091
  @property st-global(--wds-segmented-toggle-fill-hover);
1090
1092
  @property st-global(--wds-segmented-toggle-fill-selected);
1091
1093
  @property st-global(--wds-segmented-toggle-fill-selected-disabled);
@@ -1326,6 +1328,9 @@
1326
1328
  @property st-global(--wds-space-padding-vertical-tiny);
1327
1329
  @property st-global(--wds-space-padding-vertical-x-tiny);
1328
1330
  @property st-global(--wds-space-padding-vertical-xx-tiny);
1331
+ @property st-global(--wds-status-toast-background-fill);
1332
+ @property st-global(--wds-status-toast-info-icon-fill);
1333
+ @property st-global(--wds-status-toast-text-fill);
1329
1334
  @property st-global(--wds-status-toast-text-font-line-height);
1330
1335
  @property st-global(--wds-status-toast-text-font-size);
1331
1336
  @property st-global(--wds-status-toast-width);
@@ -2394,6 +2399,7 @@
2394
2399
  --wds-input-border-radius-round-medium: 1000px;
2395
2400
  --wds-input-border-radius-round-small: 1000px;
2396
2401
  --wds-input-border-radius-round-tiny: 1000px;
2402
+ --wds-input-border-width-default: 0;
2397
2403
  --wds-input-icon-affix-fill: #116dff;
2398
2404
  --wds-input-padding-horizontal-large: 9px;
2399
2405
  --wds-input-padding-horizontal-medium: 6px;
@@ -2636,6 +2642,7 @@
2636
2642
  --wds-segmented-toggle-border-radius-small: 6px;
2637
2643
  --wds-segmented-toggle-border-width-default: 1px;
2638
2644
  --wds-segmented-toggle-fill-default: #ffffff;
2645
+ --wds-segmented-toggle-fill-disabled: #ffffff;
2639
2646
  --wds-segmented-toggle-fill-hover: #e7f0ff;
2640
2647
  --wds-segmented-toggle-fill-selected: #ffffff;
2641
2648
  --wds-segmented-toggle-fill-selected-disabled: rgba(255, 255, 255, 0);
@@ -2876,6 +2883,9 @@
2876
2883
  --wds-space-padding-vertical-tiny: 12px;
2877
2884
  --wds-space-padding-vertical-x-tiny: 6px;
2878
2885
  --wds-space-padding-vertical-xx-tiny: 3px;
2886
+ --wds-status-toast-background-fill: #000624;
2887
+ --wds-status-toast-info-icon-fill: #ffffff;
2888
+ --wds-status-toast-text-fill: #ffffff;
2879
2889
  --wds-status-toast-text-font-line-height: 24px;
2880
2890
  --wds-status-toast-text-font-size: 16px;
2881
2891
  --wds-status-toast-width: 600px;
package/component.st.css CHANGED
@@ -309,6 +309,7 @@
309
309
  @property st-global(--wds-input-border-radius-round-medium);
310
310
  @property st-global(--wds-input-border-radius-round-small);
311
311
  @property st-global(--wds-input-border-radius-round-tiny);
312
+ @property st-global(--wds-input-border-width-default);
312
313
  @property st-global(--wds-input-icon-affix-fill);
313
314
  @property st-global(--wds-input-padding-horizontal-large);
314
315
  @property st-global(--wds-input-padding-horizontal-medium);
@@ -551,6 +552,7 @@
551
552
  @property st-global(--wds-segmented-toggle-border-radius-small);
552
553
  @property st-global(--wds-segmented-toggle-border-width-default);
553
554
  @property st-global(--wds-segmented-toggle-fill-default);
555
+ @property st-global(--wds-segmented-toggle-fill-disabled);
554
556
  @property st-global(--wds-segmented-toggle-fill-hover);
555
557
  @property st-global(--wds-segmented-toggle-fill-selected);
556
558
  @property st-global(--wds-segmented-toggle-fill-selected-disabled);
@@ -702,6 +704,9 @@
702
704
  @property st-global(--wds-social-post-preview-content-padding-vertical);
703
705
  @property st-global(--wds-social-preview-content-padding-horizontal);
704
706
  @property st-global(--wds-social-preview-content-padding-vertical);
707
+ @property st-global(--wds-status-toast-background-fill);
708
+ @property st-global(--wds-status-toast-info-icon-fill);
709
+ @property st-global(--wds-status-toast-text-fill);
705
710
  @property st-global(--wds-status-toast-text-font-line-height);
706
711
  @property st-global(--wds-status-toast-text-font-size);
707
712
  @property st-global(--wds-status-toast-width);
@@ -1233,6 +1238,7 @@
1233
1238
  --wds-input-border-radius-round-medium: 1000px;
1234
1239
  --wds-input-border-radius-round-small: 1000px;
1235
1240
  --wds-input-border-radius-round-tiny: 1000px;
1241
+ --wds-input-border-width-default: 0;
1236
1242
  --wds-input-icon-affix-fill: #116dff;
1237
1243
  --wds-input-padding-horizontal-large: 9px;
1238
1244
  --wds-input-padding-horizontal-medium: 6px;
@@ -1475,6 +1481,7 @@
1475
1481
  --wds-segmented-toggle-border-radius-small: 6px;
1476
1482
  --wds-segmented-toggle-border-width-default: 1px;
1477
1483
  --wds-segmented-toggle-fill-default: #ffffff;
1484
+ --wds-segmented-toggle-fill-disabled: #ffffff;
1478
1485
  --wds-segmented-toggle-fill-hover: #e7f0ff;
1479
1486
  --wds-segmented-toggle-fill-selected: #ffffff;
1480
1487
  --wds-segmented-toggle-fill-selected-disabled: rgba(255, 255, 255, 0);
@@ -1626,6 +1633,9 @@
1626
1633
  --wds-social-post-preview-content-padding-vertical: 12px;
1627
1634
  --wds-social-preview-content-padding-horizontal: 12px;
1628
1635
  --wds-social-preview-content-padding-vertical: 9px;
1636
+ --wds-status-toast-background-fill: #000624;
1637
+ --wds-status-toast-info-icon-fill: #ffffff;
1638
+ --wds-status-toast-text-fill: #ffffff;
1629
1639
  --wds-status-toast-text-font-line-height: 24px;
1630
1640
  --wds-status-toast-text-font-size: 16px;
1631
1641
  --wds-status-toast-width: 600px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.110.0",
3
+ "version": "1.112.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": "5da6c0cf99664099005cb719e2ce46859bb52ed9e79913d861730bbf"
36
+ "falconPackageHash": "8b95834f3dd5f5c66b423104adf409e5518d1457a569e4677ae357f6"
37
37
  }
package/studio/all.css CHANGED
@@ -280,6 +280,7 @@
280
280
  --wds-tabs-selection-height: 3px;
281
281
  --wds-swatches-swatch-active-border-radius-small: 5px;
282
282
  --wds-swatches-swatch-active-border-radius-medium: 7px;
283
+ --wds-status-toast-width: 600px;
283
284
  --wds-slider-track-size-transparent: 2px;
284
285
  --wds-slider-track-size: 2px;
285
286
  --wds-slider-slider-knob-size-transparent: 16px;
@@ -1063,6 +1064,7 @@
1063
1064
  --wds-input-padding-horizontal-small: var(--wds-space-100);
1064
1065
  --wds-input-padding-horizontal-medium: var(--wds-space-200);
1065
1066
  --wds-input-padding-horizontal-large: var(--wds-space-200);
1067
+ --wds-input-border-width-default: var(--wds-border-width-none);
1066
1068
  --wds-input-border-radius-round-tiny: var(--wds-border-radius-full);
1067
1069
  --wds-input-border-radius-round-small: var(--wds-border-radius-full);
1068
1070
  --wds-input-border-radius-round-medium: var(--wds-border-radius-full);
@@ -1335,6 +1337,10 @@
1335
1337
  --wds-tabs-selection-fill-secondary: var(--wds-color-fill-standard-primary);
1336
1338
  --wds-tabs-selection-fill-primary: var(--wds-color-fill-standard-primary);
1337
1339
  --wds-tabs-label-font-size-small: var(--wds-font-size-body-tiny);
1340
+ --wds-status-toast-text-font-size: var(--wds-font-size-body-medium);
1341
+ --wds-status-toast-text-fill: var(--wds-color-text-standard-primary-light);
1342
+ --wds-status-toast-info-icon-fill: var(--wds-color-text-standard-primary-light);
1343
+ --wds-status-toast-background-fill: var(--wds-color-fill-dark-primary);
1338
1344
  --wds-slider-track-color: var(--wds-color-fill-standard-secondary);
1339
1345
  --wds-slider-slider-knob-color-hover: var(--wds-color-fill-standard-primary-hover);
1340
1346
  --wds-slider-slider-knob-color: var(--wds-color-fill-standard-primary);
@@ -1351,6 +1357,7 @@
1351
1357
  --wds-segmented-toggle-label-font-size-medium: var(--wds-font-size-body-medium);
1352
1358
  --wds-segmented-toggle-fill-selected: var(--wds-color-fill-standard-tertiary);
1353
1359
  --wds-segmented-toggle-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1360
+ --wds-segmented-toggle-fill-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1354
1361
  --wds-segmented-toggle-fill-default: var(--wds-color-fill-standard-tertiary);
1355
1362
  --wds-segmented-toggle-border-hover: var(--wds-color-border-standard-secondary-hover);
1356
1363
  --wds-section-helper-text-font-line-height: var(--wds-font-line-height-100);
@@ -1506,6 +1513,7 @@
1506
1513
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
1507
1514
  --wds-tabs-selection-border: linear-gradient(90deg, var(--wds-tabs-selection-fill-secondary) 0%, var(--wds-tabs-selection-fill-primary) 20%, var(--wds-tabs-selection-fill-primary) 80%, var(--wds-tabs-selection-fill-secondary) 100%);
1508
1515
  --wds-tabs-label-line-height-small: var(--wds-font-line-height-body-tiny);
1516
+ --wds-status-toast-text-font-line-height: var(--wds-font-line-height-body-medium);
1509
1517
  --wds-side-panel-title-font-line-height: var(--wds-font-line-height-body-medium);
1510
1518
  --wds-side-panel-floating-title-font-line-height: var(--wds-font-line-height-body-medium);
1511
1519
  --wds-segmented-toggle-label-font-line-height-small: var(--wds-font-line-height-body-small);
package/studio/all.st.css CHANGED
@@ -840,6 +840,7 @@
840
840
  @property st-global(--wds-input-border-radius-round-medium);
841
841
  @property st-global(--wds-input-border-radius-round-small);
842
842
  @property st-global(--wds-input-border-radius-round-tiny);
843
+ @property st-global(--wds-input-border-width-default);
843
844
  @property st-global(--wds-input-icon-affix-fill);
844
845
  @property st-global(--wds-input-padding-horizontal-large);
845
846
  @property st-global(--wds-input-padding-horizontal-medium);
@@ -1074,6 +1075,7 @@
1074
1075
  @property st-global(--wds-segmented-toggle-border-radius-small);
1075
1076
  @property st-global(--wds-segmented-toggle-border-width-default);
1076
1077
  @property st-global(--wds-segmented-toggle-fill-default);
1078
+ @property st-global(--wds-segmented-toggle-fill-disabled);
1077
1079
  @property st-global(--wds-segmented-toggle-fill-hover);
1078
1080
  @property st-global(--wds-segmented-toggle-fill-selected);
1079
1081
  @property st-global(--wds-segmented-toggle-fill-selected-disabled);
@@ -1314,6 +1316,12 @@
1314
1316
  @property st-global(--wds-space-padding-vertical-tiny);
1315
1317
  @property st-global(--wds-space-padding-vertical-x-tiny);
1316
1318
  @property st-global(--wds-space-padding-vertical-xx-tiny);
1319
+ @property st-global(--wds-status-toast-background-fill);
1320
+ @property st-global(--wds-status-toast-info-icon-fill);
1321
+ @property st-global(--wds-status-toast-text-fill);
1322
+ @property st-global(--wds-status-toast-text-font-line-height);
1323
+ @property st-global(--wds-status-toast-text-font-size);
1324
+ @property st-global(--wds-status-toast-width);
1317
1325
  @property st-global(--wds-stepper-prefix-size-circle);
1318
1326
  @property st-global(--wds-stepper-prefix-size-number);
1319
1327
  @property st-global(--wds-swatches-list-gap);
@@ -2383,6 +2391,7 @@
2383
2391
  --wds-input-border-radius-round-medium: 1000px;
2384
2392
  --wds-input-border-radius-round-small: 1000px;
2385
2393
  --wds-input-border-radius-round-tiny: 1000px;
2394
+ --wds-input-border-width-default: 0;
2386
2395
  --wds-input-icon-affix-fill: #131720;
2387
2396
  --wds-input-padding-horizontal-large: 8px;
2388
2397
  --wds-input-padding-horizontal-medium: 8px;
@@ -2617,6 +2626,7 @@
2617
2626
  --wds-segmented-toggle-border-radius-small: 4px;
2618
2627
  --wds-segmented-toggle-border-width-default: 1px;
2619
2628
  --wds-segmented-toggle-fill-default: #ffffff;
2629
+ --wds-segmented-toggle-fill-disabled: #ffffff;
2620
2630
  --wds-segmented-toggle-fill-hover: #f7f8f8;
2621
2631
  --wds-segmented-toggle-fill-selected: #ffffff;
2622
2632
  --wds-segmented-toggle-fill-selected-disabled: rgba(255, 255, 255, 0);
@@ -2857,6 +2867,12 @@
2857
2867
  --wds-space-padding-vertical-tiny: 12px;
2858
2868
  --wds-space-padding-vertical-x-tiny: 8px;
2859
2869
  --wds-space-padding-vertical-xx-tiny: 4px;
2870
+ --wds-status-toast-background-fill: #131720;
2871
+ --wds-status-toast-info-icon-fill: #ffffff;
2872
+ --wds-status-toast-text-fill: #ffffff;
2873
+ --wds-status-toast-text-font-line-height: 24px;
2874
+ --wds-status-toast-text-font-size: 16px;
2875
+ --wds-status-toast-width: 600px;
2860
2876
  --wds-stepper-prefix-size-circle: 20px;
2861
2877
  --wds-stepper-prefix-size-number: 16px;
2862
2878
  --wds-swatches-list-gap: 12px;
package/studio/component.st.css CHANGED
@@ -309,6 +309,7 @@
309
309
  @property st-global(--wds-input-border-radius-round-medium);
310
310
  @property st-global(--wds-input-border-radius-round-small);
311
311
  @property st-global(--wds-input-border-radius-round-tiny);
312
+ @property st-global(--wds-input-border-width-default);
312
313
  @property st-global(--wds-input-icon-affix-fill);
313
314
  @property st-global(--wds-input-padding-horizontal-large);
314
315
  @property st-global(--wds-input-padding-horizontal-medium);
@@ -543,6 +544,7 @@
543
544
  @property st-global(--wds-segmented-toggle-border-radius-small);
544
545
  @property st-global(--wds-segmented-toggle-border-width-default);
545
546
  @property st-global(--wds-segmented-toggle-fill-default);
547
+ @property st-global(--wds-segmented-toggle-fill-disabled);
546
548
  @property st-global(--wds-segmented-toggle-fill-hover);
547
549
  @property st-global(--wds-segmented-toggle-fill-selected);
548
550
  @property st-global(--wds-segmented-toggle-fill-selected-disabled);
@@ -694,6 +696,12 @@
694
696
  @property st-global(--wds-social-post-preview-content-padding-vertical);
695
697
  @property st-global(--wds-social-preview-content-padding-horizontal);
696
698
  @property st-global(--wds-social-preview-content-padding-vertical);
699
+ @property st-global(--wds-status-toast-background-fill);
700
+ @property st-global(--wds-status-toast-info-icon-fill);
701
+ @property st-global(--wds-status-toast-text-fill);
702
+ @property st-global(--wds-status-toast-text-font-line-height);
703
+ @property st-global(--wds-status-toast-text-font-size);
704
+ @property st-global(--wds-status-toast-width);
697
705
  @property st-global(--wds-stepper-prefix-size-circle);
698
706
  @property st-global(--wds-stepper-prefix-size-number);
699
707
  @property st-global(--wds-swatches-list-gap);
@@ -1230,6 +1238,7 @@
1230
1238
  --wds-input-border-radius-round-medium: 1000px;
1231
1239
  --wds-input-border-radius-round-small: 1000px;
1232
1240
  --wds-input-border-radius-round-tiny: 1000px;
1241
+ --wds-input-border-width-default: 0;
1233
1242
  --wds-input-icon-affix-fill: #131720;
1234
1243
  --wds-input-padding-horizontal-large: 8px;
1235
1244
  --wds-input-padding-horizontal-medium: 8px;
@@ -1464,6 +1473,7 @@
1464
1473
  --wds-segmented-toggle-border-radius-small: 4px;
1465
1474
  --wds-segmented-toggle-border-width-default: 1px;
1466
1475
  --wds-segmented-toggle-fill-default: #ffffff;
1476
+ --wds-segmented-toggle-fill-disabled: #ffffff;
1467
1477
  --wds-segmented-toggle-fill-hover: #f7f8f8;
1468
1478
  --wds-segmented-toggle-fill-selected: #ffffff;
1469
1479
  --wds-segmented-toggle-fill-selected-disabled: rgba(255, 255, 255, 0);
@@ -1615,6 +1625,12 @@
1615
1625
  --wds-social-post-preview-content-padding-vertical: 12px;
1616
1626
  --wds-social-preview-content-padding-horizontal: 12px;
1617
1627
  --wds-social-preview-content-padding-vertical: 8px;
1628
+ --wds-status-toast-background-fill: #131720;
1629
+ --wds-status-toast-info-icon-fill: #ffffff;
1630
+ --wds-status-toast-text-fill: #ffffff;
1631
+ --wds-status-toast-text-font-line-height: 24px;
1632
+ --wds-status-toast-text-font-size: 16px;
1633
+ --wds-status-toast-width: 600px;
1618
1634
  --wds-stepper-prefix-size-circle: 20px;
1619
1635
  --wds-stepper-prefix-size-number: 16px;
1620
1636
  --wds-swatches-list-gap: 12px;
package/wixel/all.css CHANGED
@@ -916,6 +916,7 @@
916
916
  --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-175);
917
917
  --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-175);
918
918
  --wds-segmented-toggle-fill-selected-disabled: var(--wds-color-fill-standard-primary-disabled);
919
+ --wds-segmented-toggle-fill-disabled: var(--wds-color-fill-standard-secondary-disabled);
919
920
  --wds-segmented-toggle-border-width-default: var(--wds-border-width-none);
920
921
  --wds-segmented-toggle-border-radius-small: var(--wds-border-radius-400);
921
922
  --wds-segmented-toggle-border-radius-medium: var(--wds-border-radius-400);
@@ -1070,6 +1071,7 @@
1070
1071
  --wds-input-padding-horizontal-small: var(--wds-space-250);
1071
1072
  --wds-input-padding-horizontal-medium: var(--wds-space-300);
1072
1073
  --wds-input-padding-horizontal-large: var(--wds-space-200);
1074
+ --wds-input-border-width-default: var(--wds-border-width-none);
1073
1075
  --wds-input-border-radius-round-tiny: var(--wds-border-radius-full);
1074
1076
  --wds-input-border-radius-round-small: var(--wds-border-radius-full);
1075
1077
  --wds-input-border-radius-round-medium: var(--wds-border-radius-full);
@@ -1346,6 +1348,9 @@
1346
1348
  --wds-tabs-selection-border: linear-gradient(90deg, var(--wds-tabs-selection-fill-secondary) 0%, var(--wds-tabs-selection-fill-primary) 20%, var(--wds-tabs-selection-fill-primary) 80%, var(--wds-tabs-selection-fill-secondary) 100%);
1347
1349
  --wds-tabs-label-font-size-small: var(--wds-font-size-body-tiny);
1348
1350
  --wds-status-toast-text-font-size: var(--wds-font-size-body-tiny);
1351
+ --wds-status-toast-text-fill: var(--wds-color-text-standard-primary-light);
1352
+ --wds-status-toast-info-icon-fill: var(--wds-color-text-standard-primary-light);
1353
+ --wds-status-toast-background-fill: var(--wds-color-fill-dark-primary);
1349
1354
  --wds-slider-slider-knob-color-hover: var(--wds-color-fill-standard-primary-hover);
1350
1355
  --wds-sidebar-item-title: var(--wds-color-text-standard-secondary-light);
1351
1356
  --wds-sidebar-item-text-neutral-disabled: var(--wds-color-text-disabled);
package/wixel/all.st.css CHANGED
@@ -841,6 +841,7 @@
841
841
  @property st-global(--wds-input-border-radius-round-medium);
842
842
  @property st-global(--wds-input-border-radius-round-small);
843
843
  @property st-global(--wds-input-border-radius-round-tiny);
844
+ @property st-global(--wds-input-border-width-default);
844
845
  @property st-global(--wds-input-icon-affix-fill);
845
846
  @property st-global(--wds-input-padding-horizontal-large);
846
847
  @property st-global(--wds-input-padding-horizontal-medium);
@@ -1084,6 +1085,7 @@
1084
1085
  @property st-global(--wds-segmented-toggle-border-radius-small);
1085
1086
  @property st-global(--wds-segmented-toggle-border-width-default);
1086
1087
  @property st-global(--wds-segmented-toggle-fill-default);
1088
+ @property st-global(--wds-segmented-toggle-fill-disabled);
1087
1089
  @property st-global(--wds-segmented-toggle-fill-hover);
1088
1090
  @property st-global(--wds-segmented-toggle-fill-selected);
1089
1091
  @property st-global(--wds-segmented-toggle-fill-selected-disabled);
@@ -1324,6 +1326,9 @@
1324
1326
  @property st-global(--wds-space-padding-vertical-tiny);
1325
1327
  @property st-global(--wds-space-padding-vertical-x-tiny);
1326
1328
  @property st-global(--wds-space-padding-vertical-xx-tiny);
1329
+ @property st-global(--wds-status-toast-background-fill);
1330
+ @property st-global(--wds-status-toast-info-icon-fill);
1331
+ @property st-global(--wds-status-toast-text-fill);
1327
1332
  @property st-global(--wds-status-toast-text-font-line-height);
1328
1333
  @property st-global(--wds-status-toast-text-font-size);
1329
1334
  @property st-global(--wds-status-toast-width);
@@ -2396,6 +2401,7 @@
2396
2401
  --wds-input-border-radius-round-medium: 1000px;
2397
2402
  --wds-input-border-radius-round-small: 1000px;
2398
2403
  --wds-input-border-radius-round-tiny: 1000px;
2404
+ --wds-input-border-width-default: 0;
2399
2405
  --wds-input-icon-affix-fill: #131720;
2400
2406
  --wds-input-padding-horizontal-large: 8px;
2401
2407
  --wds-input-padding-horizontal-medium: 12px;
@@ -2639,6 +2645,7 @@
2639
2645
  --wds-segmented-toggle-border-radius-small: 8px;
2640
2646
  --wds-segmented-toggle-border-width-default: 0;
2641
2647
  --wds-segmented-toggle-fill-default: #eef0ff;
2648
+ --wds-segmented-toggle-fill-disabled: #e5e5e5;
2642
2649
  --wds-segmented-toggle-fill-hover: #d6dcff;
2643
2650
  --wds-segmented-toggle-fill-selected: #526cff;
2644
2651
  --wds-segmented-toggle-fill-selected-disabled: #bebebe;
@@ -2879,6 +2886,9 @@
2879
2886
  --wds-space-padding-vertical-tiny: 12px;
2880
2887
  --wds-space-padding-vertical-x-tiny: 8px;
2881
2888
  --wds-space-padding-vertical-xx-tiny: 4px;
2889
+ --wds-status-toast-background-fill: #131720;
2890
+ --wds-status-toast-info-icon-fill: #ffffff;
2891
+ --wds-status-toast-text-fill: #ffffff;
2882
2892
  --wds-status-toast-text-font-line-height: 16px;
2883
2893
  --wds-status-toast-text-font-size: 12px;
2884
2894
  --wds-status-toast-width: 600px;
package/wixel/component.st.css CHANGED
@@ -306,6 +306,7 @@
306
306
  @property st-global(--wds-input-border-radius-round-medium);
307
307
  @property st-global(--wds-input-border-radius-round-small);
308
308
  @property st-global(--wds-input-border-radius-round-tiny);
309
+ @property st-global(--wds-input-border-width-default);
309
310
  @property st-global(--wds-input-icon-affix-fill);
310
311
  @property st-global(--wds-input-padding-horizontal-large);
311
312
  @property st-global(--wds-input-padding-horizontal-medium);
@@ -549,6 +550,7 @@
549
550
  @property st-global(--wds-segmented-toggle-border-radius-small);
550
551
  @property st-global(--wds-segmented-toggle-border-width-default);
551
552
  @property st-global(--wds-segmented-toggle-fill-default);
553
+ @property st-global(--wds-segmented-toggle-fill-disabled);
552
554
  @property st-global(--wds-segmented-toggle-fill-hover);
553
555
  @property st-global(--wds-segmented-toggle-fill-selected);
554
556
  @property st-global(--wds-segmented-toggle-fill-selected-disabled);
@@ -700,6 +702,9 @@
700
702
  @property st-global(--wds-social-post-preview-content-padding-vertical);
701
703
  @property st-global(--wds-social-preview-content-padding-horizontal);
702
704
  @property st-global(--wds-social-preview-content-padding-vertical);
705
+ @property st-global(--wds-status-toast-background-fill);
706
+ @property st-global(--wds-status-toast-info-icon-fill);
707
+ @property st-global(--wds-status-toast-text-fill);
703
708
  @property st-global(--wds-status-toast-text-font-line-height);
704
709
  @property st-global(--wds-status-toast-text-font-size);
705
710
  @property st-global(--wds-status-toast-width);
@@ -1235,6 +1240,7 @@
1235
1240
  --wds-input-border-radius-round-medium: 1000px;
1236
1241
  --wds-input-border-radius-round-small: 1000px;
1237
1242
  --wds-input-border-radius-round-tiny: 1000px;
1243
+ --wds-input-border-width-default: 0;
1238
1244
  --wds-input-icon-affix-fill: #131720;
1239
1245
  --wds-input-padding-horizontal-large: 8px;
1240
1246
  --wds-input-padding-horizontal-medium: 12px;
@@ -1478,6 +1484,7 @@
1478
1484
  --wds-segmented-toggle-border-radius-small: 8px;
1479
1485
  --wds-segmented-toggle-border-width-default: 0;
1480
1486
  --wds-segmented-toggle-fill-default: #eef0ff;
1487
+ --wds-segmented-toggle-fill-disabled: #e5e5e5;
1481
1488
  --wds-segmented-toggle-fill-hover: #d6dcff;
1482
1489
  --wds-segmented-toggle-fill-selected: #526cff;
1483
1490
  --wds-segmented-toggle-fill-selected-disabled: #bebebe;
@@ -1629,6 +1636,9 @@
1629
1636
  --wds-social-post-preview-content-padding-vertical: 12px;
1630
1637
  --wds-social-preview-content-padding-horizontal: 12px;
1631
1638
  --wds-social-preview-content-padding-vertical: 8px;
1639
+ --wds-status-toast-background-fill: #131720;
1640
+ --wds-status-toast-info-icon-fill: #ffffff;
1641
+ --wds-status-toast-text-fill: #ffffff;
1632
1642
  --wds-status-toast-text-font-line-height: 16px;
1633
1643
  --wds-status-toast-text-font-size: 12px;
1634
1644
  --wds-status-toast-width: 600px;