@wix/design-system-tokens 1.231.1 → 1.231.2

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 (14) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/all.css +2 -0
  3. package/all.scss +2 -0
  4. package/all.st.css +4 -0
  5. package/component.st.css +4 -0
  6. package/odeditor/all.css +2 -0
  7. package/odeditor/all.scss +2 -0
  8. package/odeditor/all.st.css +4 -0
  9. package/odeditor/component.st.css +4 -0
  10. package/package.json +2 -2
  11. package/studio/all.css +2 -0
  12. package/studio/all.scss +2 -0
  13. package/studio/all.st.css +4 -0
  14. package/studio/component.st.css +4 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,9 @@
1
+ ## 1.231.2
2
+
3
+ ### Patch Changes
4
+
5
+ - [#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.
6
+
1
7
  ## 1.231.1
2
8
 
3
9
  ### Patch Changes
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
@@ -1883,6 +1883,8 @@
1883
1883
  @property st-global(--wds-segmented-toggle-icononly-padding-horizontal-small);
1884
1884
  @property st-global(--wds-segmented-toggle-icononly-padding-vertical-medium);
1885
1885
  @property st-global(--wds-segmented-toggle-icononly-padding-vertical-small);
1886
+ @property st-global(--wds-segmented-toggle-inner-shadow-fill-primary);
1887
+ @property st-global(--wds-segmented-toggle-inner-shadow-fill-secondary);
1886
1888
  @property st-global(--wds-segmented-toggle-label-font-line-height-medium);
1887
1889
  @property st-global(--wds-segmented-toggle-label-font-line-height-small);
1888
1890
  @property st-global(--wds-segmented-toggle-label-font-size-medium);
@@ -4604,6 +4606,8 @@
4604
4606
  --wds-segmented-toggle-icononly-padding-horizontal-small: 6px;
4605
4607
  --wds-segmented-toggle-icononly-padding-vertical-medium: 6px;
4606
4608
  --wds-segmented-toggle-icononly-padding-vertical-small: 6px;
4609
+ --wds-segmented-toggle-inner-shadow-fill-primary: rgba(0, 6, 36, 0);
4610
+ --wds-segmented-toggle-inner-shadow-fill-secondary: rgba(0, 6, 36, 0);
4607
4611
  --wds-segmented-toggle-label-font-line-height-medium: 24px;
4608
4612
  --wds-segmented-toggle-label-font-line-height-small: 18px;
4609
4613
  --wds-segmented-toggle-label-font-size-medium: 16px;
package/component.st.css CHANGED
@@ -1297,6 +1297,8 @@
1297
1297
  @property st-global(--wds-segmented-toggle-icononly-padding-horizontal-small);
1298
1298
  @property st-global(--wds-segmented-toggle-icononly-padding-vertical-medium);
1299
1299
  @property st-global(--wds-segmented-toggle-icononly-padding-vertical-small);
1300
+ @property st-global(--wds-segmented-toggle-inner-shadow-fill-primary);
1301
+ @property st-global(--wds-segmented-toggle-inner-shadow-fill-secondary);
1300
1302
  @property st-global(--wds-segmented-toggle-label-font-line-height-medium);
1301
1303
  @property st-global(--wds-segmented-toggle-label-font-line-height-small);
1302
1304
  @property st-global(--wds-segmented-toggle-label-font-size-medium);
@@ -3277,6 +3279,8 @@
3277
3279
  --wds-segmented-toggle-icononly-padding-horizontal-small: 6px;
3278
3280
  --wds-segmented-toggle-icononly-padding-vertical-medium: 6px;
3279
3281
  --wds-segmented-toggle-icononly-padding-vertical-small: 6px;
3282
+ --wds-segmented-toggle-inner-shadow-fill-primary: rgba(0, 6, 36, 0);
3283
+ --wds-segmented-toggle-inner-shadow-fill-secondary: rgba(0, 6, 36, 0);
3280
3284
  --wds-segmented-toggle-label-font-line-height-medium: 24px;
3281
3285
  --wds-segmented-toggle-label-font-line-height-small: 18px;
3282
3286
  --wds-segmented-toggle-label-font-size-medium: 16px;
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);
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);
package/odeditor/all.st.css CHANGED
@@ -1860,6 +1860,8 @@
1860
1860
  @property st-global(--wds-segmented-toggle-icononly-padding-horizontal-small);
1861
1861
  @property st-global(--wds-segmented-toggle-icononly-padding-vertical-medium);
1862
1862
  @property st-global(--wds-segmented-toggle-icononly-padding-vertical-small);
1863
+ @property st-global(--wds-segmented-toggle-inner-shadow-fill-primary);
1864
+ @property st-global(--wds-segmented-toggle-inner-shadow-fill-secondary);
1863
1865
  @property st-global(--wds-segmented-toggle-label-font-line-height-medium);
1864
1866
  @property st-global(--wds-segmented-toggle-label-font-line-height-small);
1865
1867
  @property st-global(--wds-segmented-toggle-label-font-size-medium);
@@ -4565,6 +4567,8 @@
4565
4567
  --wds-segmented-toggle-icononly-padding-horizontal-small: 6px;
4566
4568
  --wds-segmented-toggle-icononly-padding-vertical-medium: 4px;
4567
4569
  --wds-segmented-toggle-icononly-padding-vertical-small: 4px;
4570
+ --wds-segmented-toggle-inner-shadow-fill-primary: rgba(19, 23, 32, 0);
4571
+ --wds-segmented-toggle-inner-shadow-fill-secondary: rgba(19, 23, 32, 0);
4568
4572
  --wds-segmented-toggle-label-font-line-height-medium: 24px;
4569
4573
  --wds-segmented-toggle-label-font-line-height-small: 18px;
4570
4574
  --wds-segmented-toggle-label-font-size-medium: 16px;
package/odeditor/component.st.css CHANGED
@@ -1265,6 +1265,8 @@
1265
1265
  @property st-global(--wds-segmented-toggle-icononly-padding-horizontal-small);
1266
1266
  @property st-global(--wds-segmented-toggle-icononly-padding-vertical-medium);
1267
1267
  @property st-global(--wds-segmented-toggle-icononly-padding-vertical-small);
1268
+ @property st-global(--wds-segmented-toggle-inner-shadow-fill-primary);
1269
+ @property st-global(--wds-segmented-toggle-inner-shadow-fill-secondary);
1268
1270
  @property st-global(--wds-segmented-toggle-label-font-line-height-medium);
1269
1271
  @property st-global(--wds-segmented-toggle-label-font-line-height-small);
1270
1272
  @property st-global(--wds-segmented-toggle-label-font-size-medium);
@@ -3218,6 +3220,8 @@
3218
3220
  --wds-segmented-toggle-icononly-padding-horizontal-small: 6px;
3219
3221
  --wds-segmented-toggle-icononly-padding-vertical-medium: 4px;
3220
3222
  --wds-segmented-toggle-icononly-padding-vertical-small: 4px;
3223
+ --wds-segmented-toggle-inner-shadow-fill-primary: rgba(19, 23, 32, 0);
3224
+ --wds-segmented-toggle-inner-shadow-fill-secondary: rgba(19, 23, 32, 0);
3221
3225
  --wds-segmented-toggle-label-font-line-height-medium: 24px;
3222
3226
  --wds-segmented-toggle-label-font-line-height-small: 18px;
3223
3227
  --wds-segmented-toggle-label-font-size-medium: 16px;
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.2",
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": "c5d7176558d278c3c8690a557ad0d844718a2ba97fbdcfa49476c452"
40
40
  }
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
@@ -1876,6 +1876,8 @@
1876
1876
  @property st-global(--wds-segmented-toggle-icononly-padding-horizontal-small);
1877
1877
  @property st-global(--wds-segmented-toggle-icononly-padding-vertical-medium);
1878
1878
  @property st-global(--wds-segmented-toggle-icononly-padding-vertical-small);
1879
+ @property st-global(--wds-segmented-toggle-inner-shadow-fill-primary);
1880
+ @property st-global(--wds-segmented-toggle-inner-shadow-fill-secondary);
1879
1881
  @property st-global(--wds-segmented-toggle-label-font-line-height-medium);
1880
1882
  @property st-global(--wds-segmented-toggle-label-font-line-height-small);
1881
1883
  @property st-global(--wds-segmented-toggle-label-font-size-medium);
@@ -4582,6 +4584,8 @@
4582
4584
  --wds-segmented-toggle-icononly-padding-horizontal-small: 4px;
4583
4585
  --wds-segmented-toggle-icononly-padding-vertical-medium: 4px;
4584
4586
  --wds-segmented-toggle-icononly-padding-vertical-small: 4px;
4587
+ --wds-segmented-toggle-inner-shadow-fill-primary: rgba(19, 23, 32, 0);
4588
+ --wds-segmented-toggle-inner-shadow-fill-secondary: rgba(19, 23, 32, 0);
4585
4589
  --wds-segmented-toggle-label-font-line-height-medium: 24px;
4586
4590
  --wds-segmented-toggle-label-font-line-height-small: 16px;
4587
4591
  --wds-segmented-toggle-label-font-size-medium: 16px;
package/studio/component.st.css CHANGED
@@ -1282,6 +1282,8 @@
1282
1282
  @property st-global(--wds-segmented-toggle-icononly-padding-horizontal-small);
1283
1283
  @property st-global(--wds-segmented-toggle-icononly-padding-vertical-medium);
1284
1284
  @property st-global(--wds-segmented-toggle-icononly-padding-vertical-small);
1285
+ @property st-global(--wds-segmented-toggle-inner-shadow-fill-primary);
1286
+ @property st-global(--wds-segmented-toggle-inner-shadow-fill-secondary);
1285
1287
  @property st-global(--wds-segmented-toggle-label-font-line-height-medium);
1286
1288
  @property st-global(--wds-segmented-toggle-label-font-line-height-small);
1287
1289
  @property st-global(--wds-segmented-toggle-label-font-size-medium);
@@ -3239,6 +3241,8 @@
3239
3241
  --wds-segmented-toggle-icononly-padding-horizontal-small: 4px;
3240
3242
  --wds-segmented-toggle-icononly-padding-vertical-medium: 4px;
3241
3243
  --wds-segmented-toggle-icononly-padding-vertical-small: 4px;
3244
+ --wds-segmented-toggle-inner-shadow-fill-primary: rgba(19, 23, 32, 0);
3245
+ --wds-segmented-toggle-inner-shadow-fill-secondary: rgba(19, 23, 32, 0);
3242
3246
  --wds-segmented-toggle-label-font-line-height-medium: 24px;
3243
3247
  --wds-segmented-toggle-label-font-line-height-small: 16px;
3244
3248
  --wds-segmented-toggle-label-font-size-medium: 16px;