@wix/design-system-tokens 1.229.2 → 1.231.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.
@@ -266,6 +266,7 @@
266
266
  --wds-counter-badge-font-size-tiny: 10px;
267
267
  --wds-composer-sidebar-end-max-width: 240px;
268
268
  --wds-composer-sidebar-bottom-width: 88px;
269
+ --wds-composer-sidebar-border-width: 1px;
269
270
  --wds-color-yellow-600: #3E2B13;
270
271
  --wds-color-yellow-500: #6F502B;
271
272
  --wds-color-yellow-400: #946933;
@@ -1021,8 +1022,8 @@
1021
1022
  --wds-segmented-toggle-border-color-hover: var(--wds-color-black-100-transparent-0);
1022
1023
  --wds-segmented-toggle-border-color-disabled: var(--wds-color-black-100-transparent-0);
1023
1024
  --wds-segmented-toggle-border-color: var(--wds-color-black-100-transparent-0);
1024
- --wds-section-helper-vertical-padding-small: var(--wds-space-200);
1025
- --wds-section-helper-vertical-padding-medium: var(--wds-space-600);
1025
+ --wds-section-helper-vertical-padding-small: var(--wds-space-400);
1026
+ --wds-section-helper-vertical-padding-medium: var(--wds-space-400);
1026
1027
  --wds-section-helper-vertical-margin: var(--wds-space-150);
1027
1028
  --wds-section-helper-title-font-weight: var(--wds-font-weight-semi-bold);
1028
1029
  --wds-section-helper-prefix-offset-medium: var(--wds-space-400);
@@ -1032,8 +1033,14 @@
1032
1033
  --wds-section-helper-fill-standard: var(--wds-color-blue-500);
1033
1034
  --wds-section-helper-fill-preview: var(--wds-color-black-750);
1034
1035
  --wds-section-helper-fill-premium: var(--wds-color-blue-500);
1036
+ --wds-section-helper-content-gap-small: var(--wds-space-500);
1037
+ --wds-section-helper-content-gap-medium: var(--wds-space-500);
1035
1038
  --wds-section-helper-close-button-offset: var(--wds-space-0);
1036
- --wds-section-helper-border-radius: var(--wds-border-radius-300);
1039
+ --wds-section-helper-close-button-inset-small: var(--wds-space-100);
1040
+ --wds-section-helper-close-button-inset-medium: var(--wds-space-100);
1041
+ --wds-section-helper-close-button-clearance-small: var(--wds-space-800);
1042
+ --wds-section-helper-close-button-clearance-medium: var(--wds-space-800);
1043
+ --wds-section-helper-border-radius: var(--wds-border-radius-600);
1037
1044
  --wds-section-helper-border-preview: var(--wds-color-black-600);
1038
1045
  --wds-section-helper-action-padding-small: var(--wds-space-200);
1039
1046
  --wds-section-helper-action-padding-medium: var(--wds-space-300);
@@ -1421,14 +1428,17 @@
1421
1428
  --wds-counter-badge-size-medium: var(--wds-space-600);
1422
1429
  --wds-counter-badge-padding-horizontal-small: var(--wds-space-150);
1423
1430
  --wds-counter-badge-padding-horizontal-medium: var(--wds-space-200);
1431
+ --wds-counter-badge-outline-warning-label-color: var(--wds-color-yellow-0);
1424
1432
  --wds-counter-badge-border-radius-small: var(--wds-border-radius-full);
1425
1433
  --wds-counter-badge-border-radius-medium: var(--wds-border-radius-full);
1426
- --wds-composer-sidebar-item-tooltip-padding-vertical-small: var(--wds-space-100);
1427
- --wds-composer-sidebar-item-tooltip-padding-vertical-medium: var(--wds-space-200);
1428
- --wds-composer-sidebar-item-tooltip-padding-vertical-large: var(--wds-space-200);
1429
- --wds-composer-sidebar-item-tooltip-padding-horizontal-small: var(--wds-space-200);
1430
- --wds-composer-sidebar-item-tooltip-padding-horizontal-medium: var(--wds-space-200);
1431
- --wds-composer-sidebar-item-tooltip-padding-horizontal-large: var(--wds-space-200);
1434
+ --wds-composer-sidebar-tooltip-item-gap: var(--wds-space-200);
1435
+ --wds-composer-sidebar-tooltip-container-padding-vertical: var(--wds-space-0);
1436
+ --wds-composer-sidebar-item-tooltip-padding-vertical-small: var(--wds-space-0);
1437
+ --wds-composer-sidebar-item-tooltip-padding-vertical-medium: var(--wds-space-0);
1438
+ --wds-composer-sidebar-item-tooltip-padding-vertical-large: var(--wds-space-0);
1439
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-small: var(--wds-space-300);
1440
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-medium: var(--wds-space-300);
1441
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-large: var(--wds-space-300);
1432
1442
  --wds-composer-sidebar-item-end-padding-vertical-small: var(--wds-space-100);
1433
1443
  --wds-composer-sidebar-item-end-padding-vertical-medium: var(--wds-space-200);
1434
1444
  --wds-composer-sidebar-item-end-padding-vertical-large: var(--wds-space-200);
@@ -1441,6 +1451,15 @@
1441
1451
  --wds-composer-sidebar-item-bottom-padding-horizontal-small: var(--wds-space-100);
1442
1452
  --wds-composer-sidebar-item-bottom-padding-horizontal-medium: var(--wds-space-100);
1443
1453
  --wds-composer-sidebar-item-bottom-padding-horizontal-large: var(--wds-space-100);
1454
+ --wds-composer-sidebar-item-border-radius: var(--wds-border-radius-full);
1455
+ --wds-composer-header-padding-vertical-small: var(--wds-space-250);
1456
+ --wds-composer-header-height-small: var(--wds-space-750);
1457
+ --wds-composer-header-height-medium: var(--wds-space-750);
1458
+ --wds-composer-header-divider-margin: var(--wds-space-400);
1459
+ --wds-composer-header-border-fill: var(--wds-color-white-transparent-0);
1460
+ --wds-composer-header-back-button-icon-size-small: var(--wds-space-475);
1461
+ --wds-composer-header-back-button-icon-size-medium: var(--wds-space-475);
1462
+ --wds-composer-header-actions-gap: var(--wds-space-50);
1444
1463
  --wds-color-text-warning: var(--wds-color-yellow-100);
1445
1464
  --wds-color-text-urgent: var(--wds-color-orange-100);
1446
1465
  --wds-color-text-success: var(--wds-color-green-100);
@@ -1928,6 +1947,20 @@
1928
1947
  --wds-border-radius-surface-modal-backdrop: var(--wds-border-radius-0);
1929
1948
  --wds-border-radius-surface-modal: var(--wds-border-radius-600);
1930
1949
  --wds-border-radius-surface-default: var(--wds-border-radius-600);
1950
+ --wds-badge-transparent-warning-light-label-color: var(--wds-color-yellow-400);
1951
+ --wds-badge-transparent-neutral-success-label-color: var(--wds-color-green-400);
1952
+ --wds-badge-transparent-neutral-standard-label-color: var(--wds-color-blue-400);
1953
+ --wds-badge-transparent-neutral-light-label-color: var(--wds-color-black-700);
1954
+ --wds-badge-transparent-neutral-label-color: var(--wds-color-black-200);
1955
+ --wds-badge-transparent-neutral-danger-label-color: var(--wds-color-red-400);
1956
+ --wds-badge-solid-warning-light-label-color: var(--wds-color-yellow-50);
1957
+ --wds-badge-solid-neutral-success-label-color: var(--wds-color-green-50);
1958
+ --wds-badge-solid-neutral-success-fill: var(--wds-color-green-600);
1959
+ --wds-badge-solid-neutral-standard-label-color: var(--wds-color-blue-50);
1960
+ --wds-badge-solid-neutral-standard-fill: var(--wds-color-blue-500);
1961
+ --wds-badge-solid-neutral-light-label-color: var(--wds-color-black-200);
1962
+ --wds-badge-solid-neutral-danger-label-color: var(--wds-color-red-50);
1963
+ --wds-badge-solid-neutral-danger-fill: var(--wds-color-red-600);
1931
1964
  --wds-badge-size-tiny: var(--wds-space-500);
1932
1965
  --wds-badge-size-small: var(--wds-space-600);
1933
1966
  --wds-badge-size-medium: var(--wds-space-700);
@@ -1937,18 +1970,24 @@
1937
1970
  --wds-badge-padding-horizontal-tiny: var(--wds-space-150);
1938
1971
  --wds-badge-padding-horizontal-small: var(--wds-space-200);
1939
1972
  --wds-badge-padding-horizontal-medium: var(--wds-space-200);
1940
- --wds-badge-outline-warning-label-color: var(--wds-color-yellow-0);
1941
- --wds-badge-outline-warning-fill: var(--wds-color-yellow-500);
1973
+ --wds-badge-outline-warning-label-color: var(--wds-color-yellow-50);
1942
1974
  --wds-badge-outline-warning-border-color: var(--wds-color-yellow-300);
1943
1975
  --wds-badge-outline-urgent-label-color: var(--wds-color-orange-50);
1944
1976
  --wds-badge-outline-urgent-fill: var(--wds-color-orange-600);
1945
1977
  --wds-badge-outline-success-label-color: var(--wds-color-green-50);
1946
1978
  --wds-badge-outline-success-fill: var(--wds-color-green-600);
1979
+ --wds-badge-outline-success-border-color: var(--wds-color-green-300);
1947
1980
  --wds-badge-outline-standard-label-color: var(--wds-color-blue-50);
1948
1981
  --wds-badge-outline-standard-fill: var(--wds-color-blue-500);
1949
- --wds-badge-outline-neutral-border-color: var(--wds-color-black-500);
1982
+ --wds-badge-outline-premium-fill: var(--wds-color-blue-500);
1983
+ --wds-badge-outline-premium-border-color: var(--wds-color-blue-250);
1984
+ --wds-badge-outline-neutral-light-border-color: var(--wds-color-black-500);
1985
+ --wds-badge-outline-neutral-danger-border-color: var(--wds-color-red-200);
1950
1986
  --wds-badge-outline-destructive-label-color: var(--wds-color-red-50);
1951
1987
  --wds-badge-outline-destructive-fill: var(--wds-color-red-600);
1988
+ --wds-badge-outline-destructive-border-color: var(--wds-color-red-200);
1989
+ --wds-badge-outline-dark-label-color: var(--wds-color-black-200);
1990
+ --wds-badge-outline-dark-border-color: var(--wds-color-black-400);
1952
1991
  --wds-badge-border-radius-tiny: var(--wds-border-radius-200);
1953
1992
  --wds-badge-border-radius-small: var(--wds-border-radius-200);
1954
1993
  --wds-badge-border-radius-medium: var(--wds-border-radius-200);
@@ -2080,6 +2119,41 @@
2080
2119
  --wds-text-button-font-size-tiny: var(--wds-font-size-body-tiny);
2081
2120
  --wds-text-button-font-size-small: var(--wds-font-size-body-small);
2082
2121
  --wds-text-button-font-size-medium: var(--wds-font-size-body-medium);
2122
+ --wds-tag-transparent-warning-label-color: var(--wds-color-text-warning);
2123
+ --wds-tag-transparent-success-label-color: var(--wds-color-text-success);
2124
+ --wds-tag-transparent-standard-label-color: var(--wds-color-text-standard-secondary);
2125
+ --wds-tag-transparent-neutral-label-color: var(--wds-color-text-standard-secondary-light);
2126
+ --wds-tag-transparent-light-label-color: var(--wds-color-text-standard-primary-light);
2127
+ --wds-tag-transparent-error-label-color: var(--wds-color-text-destructive);
2128
+ --wds-tag-transparent-dark-label-color: var(--wds-color-text-standard-primary);
2129
+ --wds-tag-solid-warning-fill: var(--wds-color-fill-warning-secondary);
2130
+ --wds-tag-solid-success-fill: var(--wds-color-fill-success-secondary);
2131
+ --wds-tag-solid-standard-fill: var(--wds-color-fill-dark-secondary);
2132
+ --wds-tag-solid-neutral-fill: var(--wds-color-fill-dark-secondary);
2133
+ --wds-tag-solid-light-fill: var(--wds-color-fill-light-primary);
2134
+ --wds-tag-solid-error-fill: var(--wds-color-fill-destructive-secondary);
2135
+ --wds-tag-solid-dark-fill: var(--wds-color-fill-dark-primary);
2136
+ --wds-tag-outlined-warning-label-color: var(--wds-color-text-standard-secondary);
2137
+ --wds-tag-outlined-warning-fill: var(--wds-color-fill-warning-tertiary);
2138
+ --wds-tag-outlined-warning-border-color: var(--wds-color-border-warning-secondary);
2139
+ --wds-tag-outlined-success-label-color: var(--wds-color-text-standard-secondary);
2140
+ --wds-tag-outlined-success-fill: var(--wds-color-fill-success-tertiary);
2141
+ --wds-tag-outlined-success-border-color: var(--wds-color-border-success-secondary);
2142
+ --wds-tag-outlined-standard-label-color: var(--wds-color-text-standard-secondary);
2143
+ --wds-tag-outlined-standard-fill: var(--wds-color-fill-standard-tertiary);
2144
+ --wds-tag-outlined-standard-border-color: var(--wds-color-border-standard-secondary);
2145
+ --wds-tag-outlined-neutral-label-color: var(--wds-color-text-standard-secondary);
2146
+ --wds-tag-outlined-neutral-fill: var(--wds-color-fill-dark-tertiary);
2147
+ --wds-tag-outlined-neutral-border-color: var(--wds-color-border-dark-secondary);
2148
+ --wds-tag-outlined-light-label-color: var(--wds-color-text-standard-primary-light);
2149
+ --wds-tag-outlined-light-fill: var(--wds-color-fill-light-secondary);
2150
+ --wds-tag-outlined-light-border-color: var(--wds-color-border-light);
2151
+ --wds-tag-outlined-error-label-color: var(--wds-color-text-standard-secondary);
2152
+ --wds-tag-outlined-error-fill: var(--wds-color-fill-destructive-tertiary);
2153
+ --wds-tag-outlined-error-border-color: var(--wds-color-border-destructive-secondary);
2154
+ --wds-tag-outlined-dark-label-color: var(--wds-color-text-standard-primary);
2155
+ --wds-tag-outlined-dark-fill: var(--wds-color-fill-dark-tertiary);
2156
+ --wds-tag-outlined-dark-border-color: var(--wds-color-border-dark-primary);
2083
2157
  --wds-tag-label-font-size-small: var(--wds-font-size-body-tiny);
2084
2158
  --wds-tabs-label-font-size-small-medium: var(--wds-font-size-body-small);
2085
2159
  --wds-tabs-label-font-size-small: var(--wds-font-size-body-tiny);
@@ -2157,8 +2231,14 @@
2157
2231
  --wds-segmented-toggle-fill-hover: var(--wds-color-fill-light-secondary);
2158
2232
  --wds-segmented-toggle-fill-default: var(--wds-color-fill-standard-tertiary);
2159
2233
  --wds-segmented-toggle-border-hover: var(--wds-color-border-standard-secondary-hover);
2160
- --wds-section-helper-title-font-size: var(--wds-font-size-body-small);
2234
+ --wds-section-helper-title-font-size: var(--wds-font-size-body-tiny);
2161
2235
  --wds-section-helper-text-font-size: var(--wds-font-size-body-tiny);
2236
+ --wds-section-helper-fill-warning: var(--wds-color-fill-surface-warning);
2237
+ --wds-section-helper-fill-success: var(--wds-color-fill-surface-success);
2238
+ --wds-section-helper-fill-danger: var(--wds-color-fill-surface-destructive);
2239
+ --wds-section-helper-border-success: var(--wds-color-border-success-primary);
2240
+ --wds-section-helper-border-standard: var(--wds-color-border-standard-primary);
2241
+ --wds-section-helper-border-experimental-dark: var(--wds-color-fill-dark-primary);
2162
2242
  --wds-section-header-label-font-size-small: var(--wds-font-size-body-tiny);
2163
2243
  --wds-section-header-label-font-size-medium: var(--wds-font-size-body-small);
2164
2244
  --wds-section-header-label-fill-neutral: var(--wds-color-text-placeholder);
@@ -2382,6 +2462,9 @@
2382
2462
  --wds-custom-modal-footnote-text-font-size: var(--wds-font-size-body-tiny);
2383
2463
  --wds-custom-modal-close-button-fill: var(--wds-color-fill-dark-secondary);
2384
2464
  --wds-custom-modal-border-radius: var(--wds-border-radius-surface-modal);
2465
+ --wds-counter-badge-outline-destructive-border-color: var(--wds-color-border-destructive-primary);
2466
+ --wds-composer-sidebar-fill: var(--wds-color-fill-standard-tertiary);
2467
+ --wds-composer-header-fill: var(--wds-color-fill-surface-default);
2385
2468
  --wds-close-button-standard-filled-text-hover: var(--wds-color-text-standard-primary);
2386
2469
  --wds-close-button-standard-filled-text-disabled: var(--wds-color-text-disabled);
2387
2470
  --wds-close-button-standard-filled-text: var(--wds-color-text-standard-primary);
@@ -2487,37 +2570,27 @@
2487
2570
  --wds-badge-transparent-warning-label-color: var(--wds-color-text-warning);
2488
2571
  --wds-badge-transparent-urgent-label-color: var(--wds-color-text-urgent);
2489
2572
  --wds-badge-transparent-success-label-color: var(--wds-color-text-success);
2490
- --wds-badge-solid-warning-light-label-color: var(--wds-color-text-standard-primary);
2491
- --wds-badge-solid-warning-light-fill: var(--wds-color-fill-warning-secondary);
2573
+ --wds-badge-solid-warning-light-fill: var(--wds-color-fill-warning-tertiary-hover);
2492
2574
  --wds-badge-solid-warning-label-color: var(--wds-color-text-standard-primary-light);
2493
2575
  --wds-badge-solid-urgent-label-color: var(--wds-color-text-standard-primary-light);
2494
2576
  --wds-badge-solid-success-label-color: var(--wds-color-text-standard-primary-light);
2495
2577
  --wds-badge-solid-success-fill: var(--wds-color-fill-success-primary);
2496
- --wds-badge-solid-neutral-success-label-color: var(--wds-color-text-standard-primary);
2497
- --wds-badge-solid-neutral-success-fill: var(--wds-color-fill-success-secondary);
2498
- --wds-badge-solid-neutral-standard-label-color: var(--wds-color-text-standard-secondary);
2499
- --wds-badge-solid-neutral-standard-fill: var(--wds-color-fill-standard-secondary);
2500
- --wds-badge-solid-neutral-light-label-color: var(--wds-color-text-standard-secondary);
2501
- --wds-badge-solid-neutral-light-fill: var(--wds-color-fill-dark-secondary);
2502
- --wds-badge-solid-neutral-danger-label-color: var(--wds-color-text-standard-primary);
2503
- --wds-badge-solid-neutral-danger-fill: var(--wds-color-fill-destructive-secondary);
2504
- --wds-badge-outline-warning-light-border-color: var(--wds-color-border-warning-secondary);
2578
+ --wds-badge-outline-warning-light-label-color: var(--wds-color-text-standard-primary);
2579
+ --wds-badge-outline-warning-light-border-color: var(--wds-color-border-warning-primary);
2580
+ --wds-badge-outline-warning-fill: var(--wds-color-fill-warning-tertiary-hover);
2505
2581
  --wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
2506
- --wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
2507
2582
  --wds-badge-outline-standard-border-color: var(--wds-color-border-standard-primary);
2508
2583
  --wds-badge-outline-premium-label-color: var(--wds-color-text-premium);
2509
- --wds-badge-outline-premium-fill: var(--wds-color-fill-premium-tertiary-hover);
2510
- --wds-badge-outline-premium-border-color: var(--wds-color-border-premium-primary);
2511
- --wds-badge-outline-neutral-success-border-color: var(--wds-color-border-success-secondary);
2512
- --wds-badge-outline-neutral-standard-border-color: var(--wds-color-border-standard-secondary);
2513
- --wds-badge-outline-neutral-light-border-color: var(--wds-color-border-dark-secondary);
2514
- --wds-badge-outline-neutral-label-color: var(--wds-color-text-standard-secondary-light);
2584
+ --wds-badge-outline-neutral-success-label-color: var(--wds-color-text-standard-primary);
2585
+ --wds-badge-outline-neutral-success-border-color: var(--wds-color-border-success-primary);
2586
+ --wds-badge-outline-neutral-standard-label-color: var(--wds-color-text-standard-primary);
2587
+ --wds-badge-outline-neutral-standard-border-color: var(--wds-color-border-standard-primary);
2588
+ --wds-badge-outline-neutral-light-label-color: var(--wds-color-text-standard-primary);
2589
+ --wds-badge-outline-neutral-label-color: var(--wds-color-text-standard-secondary);
2515
2590
  --wds-badge-outline-neutral-fill: var(--wds-color-fill-dark-secondary);
2516
- --wds-badge-outline-neutral-danger-border-color: var(--wds-color-border-destructive-secondary);
2517
- --wds-badge-outline-destructive-border-color: var(--wds-color-border-destructive-primary);
2518
- --wds-badge-outline-dark-label-color: var(--wds-color-text-standard-secondary);
2591
+ --wds-badge-outline-neutral-danger-label-color: var(--wds-color-text-standard-primary);
2592
+ --wds-badge-outline-neutral-border-color: var(--wds-color-border-dark-primary);
2519
2593
  --wds-badge-outline-dark-fill: var(--wds-color-fill-dark-secondary);
2520
- --wds-badge-outline-dark-border-color: var(--wds-color-border-dark-primary);
2521
2594
  --wds-badge-label-font-size-small: var(--wds-font-size-body-tiny);
2522
2595
  --wds-avatar-text-fill: var(--wds-color-text-standard-primary-light);
2523
2596
  --wds-avatar-group-counter-fill-hover: var(--wds-color-fill-dark-secondary-hover);
@@ -117,11 +117,15 @@
117
117
  @property st-global(--wds-badge-outline-destructive-label-color);
118
118
  @property st-global(--wds-badge-outline-neutral-border-color);
119
119
  @property st-global(--wds-badge-outline-neutral-danger-border-color);
120
+ @property st-global(--wds-badge-outline-neutral-danger-label-color);
120
121
  @property st-global(--wds-badge-outline-neutral-fill);
121
122
  @property st-global(--wds-badge-outline-neutral-label-color);
122
123
  @property st-global(--wds-badge-outline-neutral-light-border-color);
124
+ @property st-global(--wds-badge-outline-neutral-light-label-color);
123
125
  @property st-global(--wds-badge-outline-neutral-standard-border-color);
126
+ @property st-global(--wds-badge-outline-neutral-standard-label-color);
124
127
  @property st-global(--wds-badge-outline-neutral-success-border-color);
128
+ @property st-global(--wds-badge-outline-neutral-success-label-color);
125
129
  @property st-global(--wds-badge-outline-premium-border-color);
126
130
  @property st-global(--wds-badge-outline-premium-fill);
127
131
  @property st-global(--wds-badge-outline-premium-label-color);
@@ -138,6 +142,7 @@
138
142
  @property st-global(--wds-badge-outline-warning-fill);
139
143
  @property st-global(--wds-badge-outline-warning-label-color);
140
144
  @property st-global(--wds-badge-outline-warning-light-border-color);
145
+ @property st-global(--wds-badge-outline-warning-light-label-color);
141
146
  @property st-global(--wds-badge-padding-horizontal-medium);
142
147
  @property st-global(--wds-badge-padding-horizontal-small);
143
148
  @property st-global(--wds-badge-padding-horizontal-tiny);
@@ -149,7 +154,6 @@
149
154
  @property st-global(--wds-badge-size-tiny);
150
155
  @property st-global(--wds-badge-solid-neutral-danger-fill);
151
156
  @property st-global(--wds-badge-solid-neutral-danger-label-color);
152
- @property st-global(--wds-badge-solid-neutral-light-fill);
153
157
  @property st-global(--wds-badge-solid-neutral-light-label-color);
154
158
  @property st-global(--wds-badge-solid-neutral-standard-fill);
155
159
  @property st-global(--wds-badge-solid-neutral-standard-label-color);
@@ -161,9 +165,15 @@
161
165
  @property st-global(--wds-badge-solid-warning-label-color);
162
166
  @property st-global(--wds-badge-solid-warning-light-fill);
163
167
  @property st-global(--wds-badge-solid-warning-light-label-color);
168
+ @property st-global(--wds-badge-transparent-neutral-danger-label-color);
169
+ @property st-global(--wds-badge-transparent-neutral-label-color);
170
+ @property st-global(--wds-badge-transparent-neutral-light-label-color);
171
+ @property st-global(--wds-badge-transparent-neutral-standard-label-color);
172
+ @property st-global(--wds-badge-transparent-neutral-success-label-color);
164
173
  @property st-global(--wds-badge-transparent-success-label-color);
165
174
  @property st-global(--wds-badge-transparent-urgent-label-color);
166
175
  @property st-global(--wds-badge-transparent-warning-label-color);
176
+ @property st-global(--wds-badge-transparent-warning-light-label-color);
167
177
  @property st-global(--wds-border-radius-0);
168
178
  @property st-global(--wds-border-radius-100);
169
179
  @property st-global(--wds-border-radius-200);
@@ -1014,8 +1024,20 @@
1014
1024
  @property st-global(--wds-color-yellow-400);
1015
1025
  @property st-global(--wds-color-yellow-500);
1016
1026
  @property st-global(--wds-color-yellow-600);
1027
+ @property st-global(--wds-composer-header-actions-gap);
1028
+ @property st-global(--wds-composer-header-back-button-icon-size-medium);
1029
+ @property st-global(--wds-composer-header-back-button-icon-size-small);
1030
+ @property st-global(--wds-composer-header-border-fill);
1031
+ @property st-global(--wds-composer-header-divider-margin);
1032
+ @property st-global(--wds-composer-header-fill);
1033
+ @property st-global(--wds-composer-header-height-medium);
1034
+ @property st-global(--wds-composer-header-height-small);
1035
+ @property st-global(--wds-composer-header-padding-vertical-small);
1036
+ @property st-global(--wds-composer-sidebar-border-width);
1017
1037
  @property st-global(--wds-composer-sidebar-bottom-width);
1018
1038
  @property st-global(--wds-composer-sidebar-end-max-width);
1039
+ @property st-global(--wds-composer-sidebar-fill);
1040
+ @property st-global(--wds-composer-sidebar-item-border-radius);
1019
1041
  @property st-global(--wds-composer-sidebar-item-bottom-padding-horizontal-large);
1020
1042
  @property st-global(--wds-composer-sidebar-item-bottom-padding-horizontal-medium);
1021
1043
  @property st-global(--wds-composer-sidebar-item-bottom-padding-horizontal-small);
@@ -1034,9 +1056,13 @@
1034
1056
  @property st-global(--wds-composer-sidebar-item-tooltip-padding-vertical-large);
1035
1057
  @property st-global(--wds-composer-sidebar-item-tooltip-padding-vertical-medium);
1036
1058
  @property st-global(--wds-composer-sidebar-item-tooltip-padding-vertical-small);
1059
+ @property st-global(--wds-composer-sidebar-tooltip-container-padding-vertical);
1060
+ @property st-global(--wds-composer-sidebar-tooltip-item-gap);
1037
1061
  @property st-global(--wds-counter-badge-border-radius-medium);
1038
1062
  @property st-global(--wds-counter-badge-border-radius-small);
1039
1063
  @property st-global(--wds-counter-badge-font-size-tiny);
1064
+ @property st-global(--wds-counter-badge-outline-destructive-border-color);
1065
+ @property st-global(--wds-counter-badge-outline-warning-label-color);
1040
1066
  @property st-global(--wds-counter-badge-padding-horizontal-medium);
1041
1067
  @property st-global(--wds-counter-badge-padding-horizontal-small);
1042
1068
  @property st-global(--wds-counter-badge-padding-horizontal-tiny);
@@ -1784,12 +1810,24 @@
1784
1810
  @property st-global(--wds-section-header-padding-vertical-small);
1785
1811
  @property st-global(--wds-section-helper-action-padding-medium);
1786
1812
  @property st-global(--wds-section-helper-action-padding-small);
1813
+ @property st-global(--wds-section-helper-border-experimental-dark);
1787
1814
  @property st-global(--wds-section-helper-border-preview);
1788
1815
  @property st-global(--wds-section-helper-border-radius);
1816
+ @property st-global(--wds-section-helper-border-standard);
1817
+ @property st-global(--wds-section-helper-border-success);
1818
+ @property st-global(--wds-section-helper-close-button-clearance-medium);
1819
+ @property st-global(--wds-section-helper-close-button-clearance-small);
1820
+ @property st-global(--wds-section-helper-close-button-inset-medium);
1821
+ @property st-global(--wds-section-helper-close-button-inset-small);
1789
1822
  @property st-global(--wds-section-helper-close-button-offset);
1823
+ @property st-global(--wds-section-helper-content-gap-medium);
1824
+ @property st-global(--wds-section-helper-content-gap-small);
1825
+ @property st-global(--wds-section-helper-fill-danger);
1790
1826
  @property st-global(--wds-section-helper-fill-premium);
1791
1827
  @property st-global(--wds-section-helper-fill-preview);
1792
1828
  @property st-global(--wds-section-helper-fill-standard);
1829
+ @property st-global(--wds-section-helper-fill-success);
1830
+ @property st-global(--wds-section-helper-fill-warning);
1793
1831
  @property st-global(--wds-section-helper-horizontal-margin);
1794
1832
  @property st-global(--wds-section-helper-horizontal-padding-medium);
1795
1833
  @property st-global(--wds-section-helper-horizontal-padding-small);
@@ -2334,6 +2372,27 @@
2334
2372
  @property st-global(--wds-tag-label-font-line-height-small);
2335
2373
  @property st-global(--wds-tag-label-font-size-small);
2336
2374
  @property st-global(--wds-tag-list-action-gap);
2375
+ @property st-global(--wds-tag-outlined-dark-border-color);
2376
+ @property st-global(--wds-tag-outlined-dark-fill);
2377
+ @property st-global(--wds-tag-outlined-dark-label-color);
2378
+ @property st-global(--wds-tag-outlined-error-border-color);
2379
+ @property st-global(--wds-tag-outlined-error-fill);
2380
+ @property st-global(--wds-tag-outlined-error-label-color);
2381
+ @property st-global(--wds-tag-outlined-light-border-color);
2382
+ @property st-global(--wds-tag-outlined-light-fill);
2383
+ @property st-global(--wds-tag-outlined-light-label-color);
2384
+ @property st-global(--wds-tag-outlined-neutral-border-color);
2385
+ @property st-global(--wds-tag-outlined-neutral-fill);
2386
+ @property st-global(--wds-tag-outlined-neutral-label-color);
2387
+ @property st-global(--wds-tag-outlined-standard-border-color);
2388
+ @property st-global(--wds-tag-outlined-standard-fill);
2389
+ @property st-global(--wds-tag-outlined-standard-label-color);
2390
+ @property st-global(--wds-tag-outlined-success-border-color);
2391
+ @property st-global(--wds-tag-outlined-success-fill);
2392
+ @property st-global(--wds-tag-outlined-success-label-color);
2393
+ @property st-global(--wds-tag-outlined-warning-border-color);
2394
+ @property st-global(--wds-tag-outlined-warning-fill);
2395
+ @property st-global(--wds-tag-outlined-warning-label-color);
2337
2396
  @property st-global(--wds-tag-padding-horizontal-large);
2338
2397
  @property st-global(--wds-tag-padding-horizontal-medium);
2339
2398
  @property st-global(--wds-tag-padding-horizontal-small);
@@ -2346,6 +2405,20 @@
2346
2405
  @property st-global(--wds-tag-size-medium);
2347
2406
  @property st-global(--wds-tag-size-small);
2348
2407
  @property st-global(--wds-tag-size-tiny);
2408
+ @property st-global(--wds-tag-solid-dark-fill);
2409
+ @property st-global(--wds-tag-solid-error-fill);
2410
+ @property st-global(--wds-tag-solid-light-fill);
2411
+ @property st-global(--wds-tag-solid-neutral-fill);
2412
+ @property st-global(--wds-tag-solid-standard-fill);
2413
+ @property st-global(--wds-tag-solid-success-fill);
2414
+ @property st-global(--wds-tag-solid-warning-fill);
2415
+ @property st-global(--wds-tag-transparent-dark-label-color);
2416
+ @property st-global(--wds-tag-transparent-error-label-color);
2417
+ @property st-global(--wds-tag-transparent-light-label-color);
2418
+ @property st-global(--wds-tag-transparent-neutral-label-color);
2419
+ @property st-global(--wds-tag-transparent-standard-label-color);
2420
+ @property st-global(--wds-tag-transparent-success-label-color);
2421
+ @property st-global(--wds-tag-transparent-warning-label-color);
2349
2422
  @property st-global(--wds-testimonial-list-gap);
2350
2423
  @property st-global(--wds-text-button-font-line-height-medium);
2351
2424
  @property st-global(--wds-text-button-font-line-height-small);
@@ -2744,17 +2817,21 @@
2744
2817
  --wds-badge-outline-dark-border-color: #A09E9D;
2745
2818
  --wds-badge-outline-dark-fill: #3A3A3B;
2746
2819
  --wds-badge-outline-dark-label-color: #D4D3D2;
2747
- --wds-badge-outline-destructive-border-color: #A6464B;
2820
+ --wds-badge-outline-destructive-border-color: #D34D55;
2748
2821
  --wds-badge-outline-destructive-fill: #380D0E;
2749
2822
  --wds-badge-outline-destructive-label-color: #FEBEC0;
2750
- --wds-badge-outline-neutral-border-color: #878685;
2751
- --wds-badge-outline-neutral-danger-border-color: #A6464B;
2823
+ --wds-badge-outline-neutral-border-color: #A09E9D;
2824
+ --wds-badge-outline-neutral-danger-border-color: #D34D55;
2825
+ --wds-badge-outline-neutral-danger-label-color: #FFFFFF;
2752
2826
  --wds-badge-outline-neutral-fill: #3A3A3B;
2753
- --wds-badge-outline-neutral-label-color: #A09E9D;
2754
- --wds-badge-outline-neutral-light-border-color: #454544;
2755
- --wds-badge-outline-neutral-standard-border-color: #212328;
2756
- --wds-badge-outline-neutral-success-border-color: #396F5C;
2757
- --wds-badge-outline-premium-border-color: #3F4D6E;
2827
+ --wds-badge-outline-neutral-label-color: #D4D3D2;
2828
+ --wds-badge-outline-neutral-light-border-color: #878685;
2829
+ --wds-badge-outline-neutral-light-label-color: #FFFFFF;
2830
+ --wds-badge-outline-neutral-standard-border-color: #5B78A9;
2831
+ --wds-badge-outline-neutral-standard-label-color: #FFFFFF;
2832
+ --wds-badge-outline-neutral-success-border-color: #4B9476;
2833
+ --wds-badge-outline-neutral-success-label-color: #FFFFFF;
2834
+ --wds-badge-outline-premium-border-color: #5B78A9;
2758
2835
  --wds-badge-outline-premium-fill: #212328;
2759
2836
  --wds-badge-outline-premium-label-color: #82B0FF;
2760
2837
  --wds-badge-outline-standard-border-color: #5B78A9;
@@ -2768,8 +2845,9 @@
2768
2845
  --wds-badge-outline-urgent-label-color: #FBCFBB;
2769
2846
  --wds-badge-outline-warning-border-color: #C68B40;
2770
2847
  --wds-badge-outline-warning-fill: #6F502B;
2771
- --wds-badge-outline-warning-label-color: #FEF6ED;
2772
- --wds-badge-outline-warning-light-border-color: #946933;
2848
+ --wds-badge-outline-warning-label-color: #FEDB9A;
2849
+ --wds-badge-outline-warning-light-border-color: #C68B40;
2850
+ --wds-badge-outline-warning-light-label-color: #FFFFFF;
2773
2851
  --wds-badge-padding-horizontal-medium: 8px;
2774
2852
  --wds-badge-padding-horizontal-small: 8px;
2775
2853
  --wds-badge-padding-horizontal-tiny: 6px;
@@ -2779,23 +2857,28 @@
2779
2857
  --wds-badge-size-medium: 28px;
2780
2858
  --wds-badge-size-small: 24px;
2781
2859
  --wds-badge-size-tiny: 20px;
2782
- --wds-badge-solid-neutral-danger-fill: #A6464B;
2783
- --wds-badge-solid-neutral-danger-label-color: #FFFFFF;
2784
- --wds-badge-solid-neutral-light-fill: #3A3A3B;
2860
+ --wds-badge-solid-neutral-danger-fill: #380D0E;
2861
+ --wds-badge-solid-neutral-danger-label-color: #FEBEC0;
2785
2862
  --wds-badge-solid-neutral-light-label-color: #D4D3D2;
2786
- --wds-badge-solid-neutral-standard-fill: #2D354E;
2787
- --wds-badge-solid-neutral-standard-label-color: #D4D3D2;
2788
- --wds-badge-solid-neutral-success-fill: #396F5C;
2789
- --wds-badge-solid-neutral-success-label-color: #FFFFFF;
2863
+ --wds-badge-solid-neutral-standard-fill: #212328;
2864
+ --wds-badge-solid-neutral-standard-label-color: #B1CCFF;
2865
+ --wds-badge-solid-neutral-success-fill: #13241B;
2866
+ --wds-badge-solid-neutral-success-label-color: #A3E5C5;
2790
2867
  --wds-badge-solid-success-fill: #53DA98;
2791
2868
  --wds-badge-solid-success-label-color: #212122;
2792
2869
  --wds-badge-solid-urgent-label-color: #212122;
2793
2870
  --wds-badge-solid-warning-label-color: #212122;
2794
- --wds-badge-solid-warning-light-fill: #946933;
2795
- --wds-badge-solid-warning-light-label-color: #FFFFFF;
2871
+ --wds-badge-solid-warning-light-fill: #6F502B;
2872
+ --wds-badge-solid-warning-light-label-color: #FEDB9A;
2873
+ --wds-badge-transparent-neutral-danger-label-color: #A6464B;
2874
+ --wds-badge-transparent-neutral-label-color: #D4D3D2;
2875
+ --wds-badge-transparent-neutral-light-label-color: #3A3A3B;
2876
+ --wds-badge-transparent-neutral-standard-label-color: #2D354E;
2877
+ --wds-badge-transparent-neutral-success-label-color: #396F5C;
2796
2878
  --wds-badge-transparent-success-label-color: #53DA98;
2797
2879
  --wds-badge-transparent-urgent-label-color: #FF8044;
2798
2880
  --wds-badge-transparent-warning-label-color: #FFCB62;
2881
+ --wds-badge-transparent-warning-light-label-color: #946933;
2799
2882
  --wds-border-radius-0: 0px;
2800
2883
  --wds-border-radius-100: 2px;
2801
2884
  --wds-border-radius-200: 4px;
@@ -3646,8 +3729,20 @@
3646
3729
  --wds-color-yellow-400: #946933;
3647
3730
  --wds-color-yellow-500: #6F502B;
3648
3731
  --wds-color-yellow-600: #3E2B13;
3732
+ --wds-composer-header-actions-gap: 2px;
3733
+ --wds-composer-header-back-button-icon-size-medium: 18px;
3734
+ --wds-composer-header-back-button-icon-size-small: 18px;
3735
+ --wds-composer-header-border-fill: rgba(0, 0, 0, 0);
3736
+ --wds-composer-header-divider-margin: 16px;
3737
+ --wds-composer-header-fill: #212122;
3738
+ --wds-composer-header-height-medium: 30px;
3739
+ --wds-composer-header-height-small: 30px;
3740
+ --wds-composer-header-padding-vertical-small: 10px;
3741
+ --wds-composer-sidebar-border-width: 1px;
3649
3742
  --wds-composer-sidebar-bottom-width: 88px;
3650
3743
  --wds-composer-sidebar-end-max-width: 240px;
3744
+ --wds-composer-sidebar-fill: #212122;
3745
+ --wds-composer-sidebar-item-border-radius: 1000px;
3651
3746
  --wds-composer-sidebar-item-bottom-padding-horizontal-large: 4px;
3652
3747
  --wds-composer-sidebar-item-bottom-padding-horizontal-medium: 4px;
3653
3748
  --wds-composer-sidebar-item-bottom-padding-horizontal-small: 4px;
@@ -3660,15 +3755,19 @@
3660
3755
  --wds-composer-sidebar-item-end-padding-vertical-large: 8px;
3661
3756
  --wds-composer-sidebar-item-end-padding-vertical-medium: 8px;
3662
3757
  --wds-composer-sidebar-item-end-padding-vertical-small: 4px;
3663
- --wds-composer-sidebar-item-tooltip-padding-horizontal-large: 8px;
3664
- --wds-composer-sidebar-item-tooltip-padding-horizontal-medium: 8px;
3665
- --wds-composer-sidebar-item-tooltip-padding-horizontal-small: 8px;
3666
- --wds-composer-sidebar-item-tooltip-padding-vertical-large: 8px;
3667
- --wds-composer-sidebar-item-tooltip-padding-vertical-medium: 8px;
3668
- --wds-composer-sidebar-item-tooltip-padding-vertical-small: 4px;
3758
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-large: 12px;
3759
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-medium: 12px;
3760
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-small: 12px;
3761
+ --wds-composer-sidebar-item-tooltip-padding-vertical-large: 0px;
3762
+ --wds-composer-sidebar-item-tooltip-padding-vertical-medium: 0px;
3763
+ --wds-composer-sidebar-item-tooltip-padding-vertical-small: 0px;
3764
+ --wds-composer-sidebar-tooltip-container-padding-vertical: 0px;
3765
+ --wds-composer-sidebar-tooltip-item-gap: 8px;
3669
3766
  --wds-counter-badge-border-radius-medium: 1000px;
3670
3767
  --wds-counter-badge-border-radius-small: 1000px;
3671
3768
  --wds-counter-badge-font-size-tiny: 10px;
3769
+ --wds-counter-badge-outline-destructive-border-color: #A6464B;
3770
+ --wds-counter-badge-outline-warning-label-color: #FEF6ED;
3672
3771
  --wds-counter-badge-padding-horizontal-medium: 8px;
3673
3772
  --wds-counter-badge-padding-horizontal-small: 6px;
3674
3773
  --wds-counter-badge-padding-horizontal-tiny: 4px;
@@ -4416,12 +4515,24 @@
4416
4515
  --wds-section-header-padding-vertical-small: 8px;
4417
4516
  --wds-section-helper-action-padding-medium: 12px;
4418
4517
  --wds-section-helper-action-padding-small: 8px;
4518
+ --wds-section-helper-border-experimental-dark: #FFFFFF;
4419
4519
  --wds-section-helper-border-preview: #454544;
4420
- --wds-section-helper-border-radius: 6px;
4520
+ --wds-section-helper-border-radius: 12px;
4521
+ --wds-section-helper-border-standard: #5B78A9;
4522
+ --wds-section-helper-border-success: #4B9476;
4523
+ --wds-section-helper-close-button-clearance-medium: 32px;
4524
+ --wds-section-helper-close-button-clearance-small: 32px;
4525
+ --wds-section-helper-close-button-inset-medium: 4px;
4526
+ --wds-section-helper-close-button-inset-small: 4px;
4421
4527
  --wds-section-helper-close-button-offset: 0px;
4528
+ --wds-section-helper-content-gap-medium: 20px;
4529
+ --wds-section-helper-content-gap-small: 20px;
4530
+ --wds-section-helper-fill-danger: #4D2324;
4422
4531
  --wds-section-helper-fill-premium: #212328;
4423
4532
  --wds-section-helper-fill-preview: #2D2D2E;
4424
4533
  --wds-section-helper-fill-standard: #212328;
4534
+ --wds-section-helper-fill-success: #264B43;
4535
+ --wds-section-helper-fill-warning: #6F502B;
4425
4536
  --wds-section-helper-horizontal-margin: 6px;
4426
4537
  --wds-section-helper-horizontal-padding-medium: 16px;
4427
4538
  --wds-section-helper-horizontal-padding-small: 12px;
@@ -4429,11 +4540,11 @@
4429
4540
  --wds-section-helper-prefix-offset-medium: 16px;
4430
4541
  --wds-section-helper-text-font-line-height: 16px;
4431
4542
  --wds-section-helper-text-font-size: 12px;
4432
- --wds-section-helper-title-font-size: 14px;
4543
+ --wds-section-helper-title-font-size: 12px;
4433
4544
  --wds-section-helper-title-font-weight: 600;
4434
4545
  --wds-section-helper-vertical-margin: 6px;
4435
- --wds-section-helper-vertical-padding-medium: 24px;
4436
- --wds-section-helper-vertical-padding-small: 8px;
4546
+ --wds-section-helper-vertical-padding-medium: 16px;
4547
+ --wds-section-helper-vertical-padding-small: 16px;
4437
4548
  --wds-segmented-toggle-border-color: rgba(255, 255, 255, 0);
4438
4549
  --wds-segmented-toggle-border-color-disabled: rgba(255, 255, 255, 0);
4439
4550
  --wds-segmented-toggle-border-color-hover: rgba(255, 255, 255, 0);
@@ -4966,6 +5077,27 @@
4966
5077
  --wds-tag-label-font-line-height-small: 16px;
4967
5078
  --wds-tag-label-font-size-small: 12px;
4968
5079
  --wds-tag-list-action-gap: 12px;
5080
+ --wds-tag-outlined-dark-border-color: #A09E9D;
5081
+ --wds-tag-outlined-dark-fill: #212122;
5082
+ --wds-tag-outlined-dark-label-color: #FFFFFF;
5083
+ --wds-tag-outlined-error-border-color: #A6464B;
5084
+ --wds-tag-outlined-error-fill: #212122;
5085
+ --wds-tag-outlined-error-label-color: #D4D3D2;
5086
+ --wds-tag-outlined-light-border-color: rgba(0, 0, 0, .5);
5087
+ --wds-tag-outlined-light-fill: rgba(0, 0, 0, 0);
5088
+ --wds-tag-outlined-light-label-color: #212122;
5089
+ --wds-tag-outlined-neutral-border-color: #454544;
5090
+ --wds-tag-outlined-neutral-fill: #212122;
5091
+ --wds-tag-outlined-neutral-label-color: #D4D3D2;
5092
+ --wds-tag-outlined-standard-border-color: #212328;
5093
+ --wds-tag-outlined-standard-fill: #212122;
5094
+ --wds-tag-outlined-standard-label-color: #D4D3D2;
5095
+ --wds-tag-outlined-success-border-color: #396F5C;
5096
+ --wds-tag-outlined-success-fill: #212122;
5097
+ --wds-tag-outlined-success-label-color: #D4D3D2;
5098
+ --wds-tag-outlined-warning-border-color: #946933;
5099
+ --wds-tag-outlined-warning-fill: #212122;
5100
+ --wds-tag-outlined-warning-label-color: #D4D3D2;
4969
5101
  --wds-tag-padding-horizontal-large: 16px;
4970
5102
  --wds-tag-padding-horizontal-medium: 12px;
4971
5103
  --wds-tag-padding-horizontal-small: 12px;
@@ -4978,6 +5110,20 @@
4978
5110
  --wds-tag-size-medium: 28px;
4979
5111
  --wds-tag-size-small: 24px;
4980
5112
  --wds-tag-size-tiny: 20px;
5113
+ --wds-tag-solid-dark-fill: #FFFFFF;
5114
+ --wds-tag-solid-error-fill: #A6464B;
5115
+ --wds-tag-solid-light-fill: #212122;
5116
+ --wds-tag-solid-neutral-fill: #3A3A3B;
5117
+ --wds-tag-solid-standard-fill: #3A3A3B;
5118
+ --wds-tag-solid-success-fill: #396F5C;
5119
+ --wds-tag-solid-warning-fill: #946933;
5120
+ --wds-tag-transparent-dark-label-color: #FFFFFF;
5121
+ --wds-tag-transparent-error-label-color: #FF7680;
5122
+ --wds-tag-transparent-light-label-color: #212122;
5123
+ --wds-tag-transparent-neutral-label-color: #A09E9D;
5124
+ --wds-tag-transparent-standard-label-color: #D4D3D2;
5125
+ --wds-tag-transparent-success-label-color: #53DA98;
5126
+ --wds-tag-transparent-warning-label-color: #FFCB62;
4981
5127
  --wds-testimonial-list-gap: 24px;
4982
5128
  --wds-text-button-font-line-height-medium: 24px;
4983
5129
  --wds-text-button-font-line-height-small: 18px;