@wix/design-system-tokens 1.231.1 → 1.231.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/README.md +4 -0
  3. package/all.css +2 -0
  4. package/all.scss +2 -0
  5. package/all.st.css +9 -0
  6. package/component.st.css +9 -0
  7. package/foundation.st.css +5 -0
  8. package/odeditor/all.css +3 -1
  9. package/odeditor/all.scss +3 -1
  10. package/odeditor/all.st.css +10 -1
  11. package/odeditor/component.st.css +10 -1
  12. package/odeditor/foundation.st.css +5 -0
  13. package/odeditor/semantic.st.css +5 -0
  14. package/odeditor-dark/all.st.css +5 -0
  15. package/odeditor-dark/component.st.css +5 -0
  16. package/odeditor-dark/foundation.st.css +5 -0
  17. package/odeditor-dark/semantic.st.css +5 -0
  18. package/package.json +2 -2
  19. package/semantic.st.css +5 -0
  20. package/studio/all.css +2 -0
  21. package/studio/all.scss +2 -0
  22. package/studio/all.st.css +9 -0
  23. package/studio/component.st.css +9 -0
  24. package/studio/foundation.st.css +5 -0
  25. package/studio/semantic.st.css +5 -0
  26. package/studio2-light/all.css +1 -1
  27. package/studio2-light/all.scss +1 -1
  28. package/studio2-light/all.st.css +6 -1
  29. package/studio2-light/component.st.css +6 -1
  30. package/studio2-light/foundation.st.css +5 -0
  31. package/studio2-light/semantic.st.css +5 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ ## 1.231.3
2
+
3
+ ### Patch Changes
4
+
5
+ - [#17280](https://github.com/wix-private/wix-design-systems/pull/17280) [`7478260`](https://github.com/wix-private/wix-design-systems/commit/7478260e8a20d644df92ec142f5069e0e2a982e0) - `--wds-notification-fill-standard` changes from `#e7e4fe` to `#d5dfff` in Harmony (odeditor) and Studio 2.0 Light (studio2-light), so it no longer matches the premium fill.
6
+
7
+ ## 1.231.2
8
+
9
+ ### Patch Changes
10
+
11
+ - [#17233](https://github.com/wix-private/wix-design-systems/pull/17233) [`ef1784a`](https://github.com/wix-private/wix-design-systems/commit/ef1784a51270db1a2cf60512da904cf72ecdf1cc) - Add `--wds-segmented-toggle-inner-shadow-fill-primary` and `--wds-segmented-toggle-inner-shadow-fill-secondary` to the default, Studio (studio) and Harmony (odeditor) themes, set to `--wds-color-black-100-transparent-0`. A SegmentedToggle rendered in one of these themes inside a Studio 2.0 (odeditor-dark) page no longer shows a dark inset edge on its selected item.
12
+
1
13
  ## 1.231.1
2
14
 
3
15
  ### Patch Changes
package/README.md CHANGED
@@ -30,12 +30,16 @@ You can find more details on Style Dictionary and its' configuration [here](http
30
30
 
31
31
  Tokens are available in 2 themes - **default** and **Studio**. Default theme resides at the root of the package, while Studio theme is under the `studio` directory. Each theme has files named `foundation`, `semantic` and `component`, these correspond directly to the tiers of the tokens. File named `all` contains the tokens from all of the tiers.
32
32
 
33
+ > **Deprecated:** the Stylable token files (`all.st.css`, `foundation.st.css`, `semantic.st.css` and `component.st.css`, at the root and in every theme folder) will be removed in a future release. Read the tokens as CSS custom properties from `all.css`, or from `all.scss` for scoped styling.
34
+
33
35
  ## Custom Formats
34
36
 
35
37
  Style Dictionary allows to create your own output format, it's called Formats. These are our custom formats:
36
38
 
37
39
  ### `css/properties-stylable`
38
40
 
41
+ Deprecated, and will be removed together with the files it generates.
42
+
39
43
  It outputs [Stylable](https://stylable.io/) file with `.st.css` extension. This file contains:
40
44
 
41
45
  1. Variable declarations using partially correct [@property rule](https://developer.mozilla.org/en-US/docs/Web/CSS/@property) syntax, which in this form is only valid for Stylable pre-processor.
package/all.css CHANGED
@@ -1305,6 +1305,8 @@
1305
1305
  --wds-segmented-toggle-padding-horizontal-medium: var(--wds-space-400);
1306
1306
  --wds-segmented-toggle-padding-container: var(--wds-space-0);
1307
1307
  --wds-segmented-toggle-label-font-weight: var(--wds-font-weight-regular);
1308
+ --wds-segmented-toggle-inner-shadow-fill-secondary: var(--wds-color-black-100-transparent-0);
1309
+ --wds-segmented-toggle-inner-shadow-fill-primary: var(--wds-color-black-100-transparent-0);
1308
1310
  --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-100);
1309
1311
  --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-100);
1310
1312
  --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-100);
package/all.scss CHANGED
@@ -948,6 +948,8 @@
948
948
  --wds-segmented-toggle-padding-horizontal-medium: var(--wds-space-400);
949
949
  --wds-segmented-toggle-padding-container: var(--wds-space-0);
950
950
  --wds-segmented-toggle-label-font-weight: var(--wds-font-weight-regular);
951
+ --wds-segmented-toggle-inner-shadow-fill-secondary: var(--wds-color-black-100-transparent-0);
952
+ --wds-segmented-toggle-inner-shadow-fill-primary: var(--wds-color-black-100-transparent-0);
951
953
  --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-100);
952
954
  --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-100);
953
955
  --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-100);
package/all.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-accordion-background-fill-light);
2
7
  @property st-global(--wds-accordion-background-fill-light-hover);
3
8
  @property st-global(--wds-accordion-background-fill-standard);
@@ -1883,6 +1888,8 @@
1883
1888
  @property st-global(--wds-segmented-toggle-icononly-padding-horizontal-small);
1884
1889
  @property st-global(--wds-segmented-toggle-icononly-padding-vertical-medium);
1885
1890
  @property st-global(--wds-segmented-toggle-icononly-padding-vertical-small);
1891
+ @property st-global(--wds-segmented-toggle-inner-shadow-fill-primary);
1892
+ @property st-global(--wds-segmented-toggle-inner-shadow-fill-secondary);
1886
1893
  @property st-global(--wds-segmented-toggle-label-font-line-height-medium);
1887
1894
  @property st-global(--wds-segmented-toggle-label-font-line-height-small);
1888
1895
  @property st-global(--wds-segmented-toggle-label-font-size-medium);
@@ -4604,6 +4611,8 @@
4604
4611
  --wds-segmented-toggle-icononly-padding-horizontal-small: 6px;
4605
4612
  --wds-segmented-toggle-icononly-padding-vertical-medium: 6px;
4606
4613
  --wds-segmented-toggle-icononly-padding-vertical-small: 6px;
4614
+ --wds-segmented-toggle-inner-shadow-fill-primary: rgba(0, 6, 36, 0);
4615
+ --wds-segmented-toggle-inner-shadow-fill-secondary: rgba(0, 6, 36, 0);
4607
4616
  --wds-segmented-toggle-label-font-line-height-medium: 24px;
4608
4617
  --wds-segmented-toggle-label-font-line-height-small: 18px;
4609
4618
  --wds-segmented-toggle-label-font-size-medium: 16px;
package/component.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-accordion-background-fill-light);
2
7
  @property st-global(--wds-accordion-background-fill-light-hover);
3
8
  @property st-global(--wds-accordion-background-fill-standard);
@@ -1297,6 +1302,8 @@
1297
1302
  @property st-global(--wds-segmented-toggle-icononly-padding-horizontal-small);
1298
1303
  @property st-global(--wds-segmented-toggle-icononly-padding-vertical-medium);
1299
1304
  @property st-global(--wds-segmented-toggle-icononly-padding-vertical-small);
1305
+ @property st-global(--wds-segmented-toggle-inner-shadow-fill-primary);
1306
+ @property st-global(--wds-segmented-toggle-inner-shadow-fill-secondary);
1300
1307
  @property st-global(--wds-segmented-toggle-label-font-line-height-medium);
1301
1308
  @property st-global(--wds-segmented-toggle-label-font-line-height-small);
1302
1309
  @property st-global(--wds-segmented-toggle-label-font-size-medium);
@@ -3277,6 +3284,8 @@
3277
3284
  --wds-segmented-toggle-icononly-padding-horizontal-small: 6px;
3278
3285
  --wds-segmented-toggle-icononly-padding-vertical-medium: 6px;
3279
3286
  --wds-segmented-toggle-icononly-padding-vertical-small: 6px;
3287
+ --wds-segmented-toggle-inner-shadow-fill-primary: rgba(0, 6, 36, 0);
3288
+ --wds-segmented-toggle-inner-shadow-fill-secondary: rgba(0, 6, 36, 0);
3280
3289
  --wds-segmented-toggle-label-font-line-height-medium: 24px;
3281
3290
  --wds-segmented-toggle-label-font-line-height-small: 18px;
3282
3291
  --wds-segmented-toggle-label-font-size-medium: 16px;
package/foundation.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-background-blur-0);
2
7
  @property st-global(--wds-background-blur-50);
3
8
  @property st-global(--wds-background-blur-100);
package/odeditor/all.css CHANGED
@@ -1350,6 +1350,8 @@
1350
1350
  --wds-segmented-toggle-padding-horizontal-medium: var(--wds-space-400);
1351
1351
  --wds-segmented-toggle-padding-container: var(--wds-space-100);
1352
1352
  --wds-segmented-toggle-label-font-weight: var(--wds-font-weight-semi-bold);
1353
+ --wds-segmented-toggle-inner-shadow-fill-secondary: var(--wds-color-black-100-transparent-0);
1354
+ --wds-segmented-toggle-inner-shadow-fill-primary: var(--wds-color-black-100-transparent-0);
1353
1355
  --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-100);
1354
1356
  --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-100);
1355
1357
  --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-150);
@@ -1481,7 +1483,7 @@
1481
1483
  --wds-notification-padding-horizontal: var(--wds-space-200);
1482
1484
  --wds-notification-fill-warning: var(--wds-color-yellow-400);
1483
1485
  --wds-notification-fill-success: var(--wds-color-green-400);
1484
- --wds-notification-fill-standard: var(--wds-color-iris-500);
1486
+ --wds-notification-fill-standard: var(--wds-color-blue-400);
1485
1487
  --wds-notification-fill-premium: var(--wds-color-iris-500);
1486
1488
  --wds-notification-fill-error: var(--wds-color-red-400);
1487
1489
  --wds-notification-border-width: var(--wds-border-width-100);
package/odeditor/all.scss CHANGED
@@ -1008,6 +1008,8 @@
1008
1008
  --wds-segmented-toggle-padding-horizontal-medium: var(--wds-space-400);
1009
1009
  --wds-segmented-toggle-padding-container: var(--wds-space-100);
1010
1010
  --wds-segmented-toggle-label-font-weight: var(--wds-font-weight-semi-bold);
1011
+ --wds-segmented-toggle-inner-shadow-fill-secondary: var(--wds-color-black-100-transparent-0);
1012
+ --wds-segmented-toggle-inner-shadow-fill-primary: var(--wds-color-black-100-transparent-0);
1011
1013
  --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-100);
1012
1014
  --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-100);
1013
1015
  --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-150);
@@ -1141,7 +1143,7 @@
1141
1143
  --wds-notification-padding-horizontal: var(--wds-space-200);
1142
1144
  --wds-notification-fill-warning: var(--wds-color-yellow-400);
1143
1145
  --wds-notification-fill-success: var(--wds-color-green-400);
1144
- --wds-notification-fill-standard: var(--wds-color-iris-500);
1146
+ --wds-notification-fill-standard: var(--wds-color-blue-400);
1145
1147
  --wds-notification-fill-premium: var(--wds-color-iris-500);
1146
1148
  --wds-notification-fill-error: var(--wds-color-red-400);
1147
1149
  --wds-notification-border-width: var(--wds-border-width-100);
package/odeditor/all.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-accordion-background-fill-light);
2
7
  @property st-global(--wds-accordion-background-fill-light-hover);
3
8
  @property st-global(--wds-accordion-background-fill-standard);
@@ -1860,6 +1865,8 @@
1860
1865
  @property st-global(--wds-segmented-toggle-icononly-padding-horizontal-small);
1861
1866
  @property st-global(--wds-segmented-toggle-icononly-padding-vertical-medium);
1862
1867
  @property st-global(--wds-segmented-toggle-icononly-padding-vertical-small);
1868
+ @property st-global(--wds-segmented-toggle-inner-shadow-fill-primary);
1869
+ @property st-global(--wds-segmented-toggle-inner-shadow-fill-secondary);
1863
1870
  @property st-global(--wds-segmented-toggle-label-font-line-height-medium);
1864
1871
  @property st-global(--wds-segmented-toggle-label-font-line-height-small);
1865
1872
  @property st-global(--wds-segmented-toggle-label-font-size-medium);
@@ -4373,7 +4380,7 @@
4373
4380
  --wds-notification-content-color: #383838;
4374
4381
  --wds-notification-fill-error: #f4b8b9;
4375
4382
  --wds-notification-fill-premium: #e7e4fe;
4376
- --wds-notification-fill-standard: #e7e4fe;
4383
+ --wds-notification-fill-standard: #d5dfff;
4377
4384
  --wds-notification-fill-success: #daf3c0;
4378
4385
  --wds-notification-fill-warning: #fdead2;
4379
4386
  --wds-notification-padding-horizontal: 8px;
@@ -4565,6 +4572,8 @@
4565
4572
  --wds-segmented-toggle-icononly-padding-horizontal-small: 6px;
4566
4573
  --wds-segmented-toggle-icononly-padding-vertical-medium: 4px;
4567
4574
  --wds-segmented-toggle-icononly-padding-vertical-small: 4px;
4575
+ --wds-segmented-toggle-inner-shadow-fill-primary: rgba(19, 23, 32, 0);
4576
+ --wds-segmented-toggle-inner-shadow-fill-secondary: rgba(19, 23, 32, 0);
4568
4577
  --wds-segmented-toggle-label-font-line-height-medium: 24px;
4569
4578
  --wds-segmented-toggle-label-font-line-height-small: 18px;
4570
4579
  --wds-segmented-toggle-label-font-size-medium: 16px;
package/odeditor/component.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-accordion-background-fill-light);
2
7
  @property st-global(--wds-accordion-background-fill-light-hover);
3
8
  @property st-global(--wds-accordion-background-fill-standard);
@@ -1265,6 +1270,8 @@
1265
1270
  @property st-global(--wds-segmented-toggle-icononly-padding-horizontal-small);
1266
1271
  @property st-global(--wds-segmented-toggle-icononly-padding-vertical-medium);
1267
1272
  @property st-global(--wds-segmented-toggle-icononly-padding-vertical-small);
1273
+ @property st-global(--wds-segmented-toggle-inner-shadow-fill-primary);
1274
+ @property st-global(--wds-segmented-toggle-inner-shadow-fill-secondary);
1268
1275
  @property st-global(--wds-segmented-toggle-label-font-line-height-medium);
1269
1276
  @property st-global(--wds-segmented-toggle-label-font-line-height-small);
1270
1277
  @property st-global(--wds-segmented-toggle-label-font-size-medium);
@@ -3028,7 +3035,7 @@
3028
3035
  --wds-notification-content-color: #383838;
3029
3036
  --wds-notification-fill-error: #f4b8b9;
3030
3037
  --wds-notification-fill-premium: #e7e4fe;
3031
- --wds-notification-fill-standard: #e7e4fe;
3038
+ --wds-notification-fill-standard: #d5dfff;
3032
3039
  --wds-notification-fill-success: #daf3c0;
3033
3040
  --wds-notification-fill-warning: #fdead2;
3034
3041
  --wds-notification-padding-horizontal: 8px;
@@ -3218,6 +3225,8 @@
3218
3225
  --wds-segmented-toggle-icononly-padding-horizontal-small: 6px;
3219
3226
  --wds-segmented-toggle-icononly-padding-vertical-medium: 4px;
3220
3227
  --wds-segmented-toggle-icononly-padding-vertical-small: 4px;
3228
+ --wds-segmented-toggle-inner-shadow-fill-primary: rgba(19, 23, 32, 0);
3229
+ --wds-segmented-toggle-inner-shadow-fill-secondary: rgba(19, 23, 32, 0);
3221
3230
  --wds-segmented-toggle-label-font-line-height-medium: 24px;
3222
3231
  --wds-segmented-toggle-label-font-line-height-small: 18px;
3223
3232
  --wds-segmented-toggle-label-font-size-medium: 16px;
package/odeditor/foundation.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-background-blur-0);
2
7
  @property st-global(--wds-background-blur-50);
3
8
  @property st-global(--wds-background-blur-100);
package/odeditor/semantic.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-background-blur-modal);
2
7
  @property st-global(--wds-background-blur-surface-overlay);
3
8
  @property st-global(--wds-border-radius-surface-default);
package/odeditor-dark/all.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-accordion-background-fill-light);
2
7
  @property st-global(--wds-accordion-background-fill-light-hover);
3
8
  @property st-global(--wds-accordion-background-fill-standard);
package/odeditor-dark/component.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-accordion-background-fill-light);
2
7
  @property st-global(--wds-accordion-background-fill-light-hover);
3
8
  @property st-global(--wds-accordion-background-fill-standard);
package/odeditor-dark/foundation.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-background-blur-0);
2
7
  @property st-global(--wds-background-blur-50);
3
8
  @property st-global(--wds-background-blur-100);
package/odeditor-dark/semantic.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-background-blur-modal);
2
7
  @property st-global(--wds-background-blur-surface-overlay);
3
8
  @property st-global(--wds-border-radius-surface-default);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.231.1",
3
+ "version": "1.231.3",
4
4
  "scripts": {
5
5
  "build": "cp -r tokens/* .",
6
6
  "figma-to-dictionary": "ts-node src/scripts/figma-to-dictionary.ts",
@@ -36,5 +36,5 @@
36
36
  "author": "augustinasv@wix.com",
37
37
  "description": "Design system tokens",
38
38
  "packageManager": "yarn@3.5.0",
39
- "falconPackageHash": "1a966fa16d5ef98e07811ca185c0309bd4c3248add9ede1e3dce6943"
39
+ "falconPackageHash": "ba3cd03747d48d22ed89f64f797b63e62f4215adbd4ea684baf5f6dc"
40
40
  }
package/semantic.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-background-blur-modal);
2
7
  @property st-global(--wds-background-blur-surface-overlay);
3
8
  @property st-global(--wds-border-radius-surface-default);
package/studio/all.css CHANGED
@@ -1326,6 +1326,8 @@
1326
1326
  --wds-segmented-toggle-padding-horizontal-medium: var(--wds-space-400);
1327
1327
  --wds-segmented-toggle-padding-container: var(--wds-space-0);
1328
1328
  --wds-segmented-toggle-label-font-weight: var(--wds-font-weight-regular);
1329
+ --wds-segmented-toggle-inner-shadow-fill-secondary: var(--wds-color-black-100-transparent-0);
1330
+ --wds-segmented-toggle-inner-shadow-fill-primary: var(--wds-color-black-100-transparent-0);
1329
1331
  --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-100);
1330
1332
  --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-100);
1331
1333
  --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-100);
package/studio/all.scss CHANGED
@@ -1001,6 +1001,8 @@
1001
1001
  --wds-segmented-toggle-padding-horizontal-medium: var(--wds-space-400);
1002
1002
  --wds-segmented-toggle-padding-container: var(--wds-space-0);
1003
1003
  --wds-segmented-toggle-label-font-weight: var(--wds-font-weight-regular);
1004
+ --wds-segmented-toggle-inner-shadow-fill-secondary: var(--wds-color-black-100-transparent-0);
1005
+ --wds-segmented-toggle-inner-shadow-fill-primary: var(--wds-color-black-100-transparent-0);
1004
1006
  --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-100);
1005
1007
  --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-100);
1006
1008
  --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-100);
package/studio/all.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-accordion-background-fill-light);
2
7
  @property st-global(--wds-accordion-background-fill-light-hover);
3
8
  @property st-global(--wds-accordion-background-fill-standard);
@@ -1876,6 +1881,8 @@
1876
1881
  @property st-global(--wds-segmented-toggle-icononly-padding-horizontal-small);
1877
1882
  @property st-global(--wds-segmented-toggle-icononly-padding-vertical-medium);
1878
1883
  @property st-global(--wds-segmented-toggle-icononly-padding-vertical-small);
1884
+ @property st-global(--wds-segmented-toggle-inner-shadow-fill-primary);
1885
+ @property st-global(--wds-segmented-toggle-inner-shadow-fill-secondary);
1879
1886
  @property st-global(--wds-segmented-toggle-label-font-line-height-medium);
1880
1887
  @property st-global(--wds-segmented-toggle-label-font-line-height-small);
1881
1888
  @property st-global(--wds-segmented-toggle-label-font-size-medium);
@@ -4582,6 +4589,8 @@
4582
4589
  --wds-segmented-toggle-icononly-padding-horizontal-small: 4px;
4583
4590
  --wds-segmented-toggle-icononly-padding-vertical-medium: 4px;
4584
4591
  --wds-segmented-toggle-icononly-padding-vertical-small: 4px;
4592
+ --wds-segmented-toggle-inner-shadow-fill-primary: rgba(19, 23, 32, 0);
4593
+ --wds-segmented-toggle-inner-shadow-fill-secondary: rgba(19, 23, 32, 0);
4585
4594
  --wds-segmented-toggle-label-font-line-height-medium: 24px;
4586
4595
  --wds-segmented-toggle-label-font-line-height-small: 16px;
4587
4596
  --wds-segmented-toggle-label-font-size-medium: 16px;
package/studio/component.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-accordion-background-fill-light);
2
7
  @property st-global(--wds-accordion-background-fill-light-hover);
3
8
  @property st-global(--wds-accordion-background-fill-standard);
@@ -1282,6 +1287,8 @@
1282
1287
  @property st-global(--wds-segmented-toggle-icononly-padding-horizontal-small);
1283
1288
  @property st-global(--wds-segmented-toggle-icononly-padding-vertical-medium);
1284
1289
  @property st-global(--wds-segmented-toggle-icononly-padding-vertical-small);
1290
+ @property st-global(--wds-segmented-toggle-inner-shadow-fill-primary);
1291
+ @property st-global(--wds-segmented-toggle-inner-shadow-fill-secondary);
1285
1292
  @property st-global(--wds-segmented-toggle-label-font-line-height-medium);
1286
1293
  @property st-global(--wds-segmented-toggle-label-font-line-height-small);
1287
1294
  @property st-global(--wds-segmented-toggle-label-font-size-medium);
@@ -3239,6 +3246,8 @@
3239
3246
  --wds-segmented-toggle-icononly-padding-horizontal-small: 4px;
3240
3247
  --wds-segmented-toggle-icononly-padding-vertical-medium: 4px;
3241
3248
  --wds-segmented-toggle-icononly-padding-vertical-small: 4px;
3249
+ --wds-segmented-toggle-inner-shadow-fill-primary: rgba(19, 23, 32, 0);
3250
+ --wds-segmented-toggle-inner-shadow-fill-secondary: rgba(19, 23, 32, 0);
3242
3251
  --wds-segmented-toggle-label-font-line-height-medium: 24px;
3243
3252
  --wds-segmented-toggle-label-font-line-height-small: 16px;
3244
3253
  --wds-segmented-toggle-label-font-size-medium: 16px;
package/studio/foundation.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-background-blur-0);
2
7
  @property st-global(--wds-background-blur-50);
3
8
  @property st-global(--wds-background-blur-100);
package/studio/semantic.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-background-blur-modal);
2
7
  @property st-global(--wds-background-blur-surface-overlay);
3
8
  @property st-global(--wds-border-radius-surface-default);
package/studio2-light/all.css CHANGED
@@ -1490,7 +1490,7 @@
1490
1490
  --wds-notification-padding-horizontal: var(--wds-space-200);
1491
1491
  --wds-notification-fill-warning: var(--wds-color-yellow-400);
1492
1492
  --wds-notification-fill-success: var(--wds-color-green-400);
1493
- --wds-notification-fill-standard: var(--wds-color-iris-500);
1493
+ --wds-notification-fill-standard: var(--wds-color-blue-400);
1494
1494
  --wds-notification-fill-premium: var(--wds-color-iris-500);
1495
1495
  --wds-notification-fill-error: var(--wds-color-red-400);
1496
1496
  --wds-notification-border-width: var(--wds-border-width-none);
package/studio2-light/all.scss CHANGED
@@ -1142,7 +1142,7 @@
1142
1142
  --wds-notification-padding-horizontal: var(--wds-space-200);
1143
1143
  --wds-notification-fill-warning: var(--wds-color-yellow-400);
1144
1144
  --wds-notification-fill-success: var(--wds-color-green-400);
1145
- --wds-notification-fill-standard: var(--wds-color-iris-500);
1145
+ --wds-notification-fill-standard: var(--wds-color-blue-400);
1146
1146
  --wds-notification-fill-premium: var(--wds-color-iris-500);
1147
1147
  --wds-notification-fill-error: var(--wds-color-red-400);
1148
1148
  --wds-notification-border-width: var(--wds-border-width-none);
package/studio2-light/all.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-accordion-background-fill-light);
2
7
  @property st-global(--wds-accordion-background-fill-light-hover);
3
8
  @property st-global(--wds-accordion-background-fill-standard);
@@ -4371,7 +4376,7 @@
4371
4376
  --wds-notification-content-color: #383838;
4372
4377
  --wds-notification-fill-error: #f4b8b9;
4373
4378
  --wds-notification-fill-premium: #e7e4fe;
4374
- --wds-notification-fill-standard: #e7e4fe;
4379
+ --wds-notification-fill-standard: #d5dfff;
4375
4380
  --wds-notification-fill-success: #daf3c0;
4376
4381
  --wds-notification-fill-warning: #fdead2;
4377
4382
  --wds-notification-padding-horizontal: 8px;
package/studio2-light/component.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-accordion-background-fill-light);
2
7
  @property st-global(--wds-accordion-background-fill-light-hover);
3
8
  @property st-global(--wds-accordion-background-fill-standard);
@@ -3026,7 +3031,7 @@
3026
3031
  --wds-notification-content-color: #383838;
3027
3032
  --wds-notification-fill-error: #f4b8b9;
3028
3033
  --wds-notification-fill-premium: #e7e4fe;
3029
- --wds-notification-fill-standard: #e7e4fe;
3034
+ --wds-notification-fill-standard: #d5dfff;
3030
3035
  --wds-notification-fill-success: #daf3c0;
3031
3036
  --wds-notification-fill-warning: #fdead2;
3032
3037
  --wds-notification-padding-horizontal: 8px;
package/studio2-light/foundation.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-background-blur-0);
2
7
  @property st-global(--wds-background-blur-50);
3
8
  @property st-global(--wds-background-blur-100);
package/studio2-light/semantic.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-background-blur-modal);
2
7
  @property st-global(--wds-background-blur-surface-overlay);
3
8
  @property st-global(--wds-border-radius-surface-default);