@wix/design-system-tokens 1.152.0 → 1.153.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 (18) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/all.css +3 -0
  3. package/all.scss +3 -0
  4. package/all.st.css +6 -0
  5. package/component.st.css +6 -0
  6. package/odeditor/all.css +3 -0
  7. package/odeditor/all.scss +3 -0
  8. package/odeditor/all.st.css +6 -0
  9. package/odeditor/component.st.css +6 -0
  10. package/package.json +2 -2
  11. package/studio/all.css +3 -0
  12. package/studio/all.scss +3 -0
  13. package/studio/all.st.css +6 -0
  14. package/studio/component.st.css +6 -0
  15. package/wixel/all.css +3 -0
  16. package/wixel/all.scss +3 -0
  17. package/wixel/all.st.css +6 -0
  18. package/wixel/component.st.css +6 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,9 @@
1
+ ## 1.153.0 - 2025-12-12
2
+
3
+ ### Bug Fixes
4
+
5
+ - fix(Search): center icon in expandable mode across all themes [15626](https://github.com/wix-private/wix-design-systems/pull/15626)
6
+
1
7
  ## 1.148.0 - 2025-12-03
2
8
 
3
9
  ### Features
package/all.css CHANGED
@@ -295,6 +295,7 @@
295
295
  --wds-side-panel-floating-max-height: 576px;
296
296
  --wds-side-panel-control-layout-divider-border-width: 1px;
297
297
  --wds-section-helper-prefix-offset-margin: 6px;
298
+ --wds-search-expandable-padding-small: 5px;
298
299
  --wds-radio-size: 16px;
299
300
  --wds-radio-dot-size: 10px;
300
301
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
@@ -1068,6 +1069,8 @@
1068
1069
  --wds-section-header-padding-vertical-small: var(--wds-space-150);
1069
1070
  --wds-section-header-padding-vertical-medium: var(--wds-space-150);
1070
1071
  --wds-section-header-font-weight: var(--wds-font-weight-regular);
1072
+ --wds-search-expandable-padding-medium: var(--wds-space-100);
1073
+ --wds-search-expandable-padding-large: var(--wds-space-150);
1071
1074
  --wds-search-border-radius-tiny: var(--wds-border-radius-full);
1072
1075
  --wds-search-border-radius-small: var(--wds-border-radius-full);
1073
1076
  --wds-search-border-radius-medium: var(--wds-border-radius-full);
package/all.scss CHANGED
@@ -93,6 +93,7 @@
93
93
  --wds-shadow-blur-25: 1px;
94
94
  --wds-shadow-blur-0: 0px;
95
95
  --wds-section-helper-prefix-offset-margin: 6px;
96
+ --wds-search-expandable-padding-small: 5px;
96
97
  --wds-radio-size: 16px;
97
98
  --wds-radio-dot-size: 10px;
98
99
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
@@ -719,6 +720,8 @@
719
720
  --wds-section-header-padding-vertical-small: var(--wds-space-150);
720
721
  --wds-section-header-padding-vertical-medium: var(--wds-space-150);
721
722
  --wds-section-header-font-weight: var(--wds-font-weight-regular);
723
+ --wds-search-expandable-padding-medium: var(--wds-space-100);
724
+ --wds-search-expandable-padding-large: var(--wds-space-150);
722
725
  --wds-search-border-radius-tiny: var(--wds-border-radius-full);
723
726
  --wds-search-border-radius-small: var(--wds-border-radius-full);
724
727
  --wds-search-border-radius-medium: var(--wds-border-radius-full);
package/all.st.css CHANGED
@@ -1355,6 +1355,9 @@
1355
1355
  @property st-global(--wds-search-border-radius-medium);
1356
1356
  @property st-global(--wds-search-border-radius-small);
1357
1357
  @property st-global(--wds-search-border-radius-tiny);
1358
+ @property st-global(--wds-search-expandable-padding-large);
1359
+ @property st-global(--wds-search-expandable-padding-medium);
1360
+ @property st-global(--wds-search-expandable-padding-small);
1358
1361
  @property st-global(--wds-section-header-fill-neutral);
1359
1362
  @property st-global(--wds-section-header-font-weight);
1360
1363
  @property st-global(--wds-section-header-label-fill-neutral);
@@ -3419,6 +3422,9 @@
3419
3422
  --wds-search-border-radius-medium: 1000px;
3420
3423
  --wds-search-border-radius-small: 1000px;
3421
3424
  --wds-search-border-radius-tiny: 1000px;
3425
+ --wds-search-expandable-padding-large: 9px;
3426
+ --wds-search-expandable-padding-medium: 6px;
3427
+ --wds-search-expandable-padding-small: 5px;
3422
3428
  --wds-section-header-fill-neutral: #f6f7f9;
3423
3429
  --wds-section-header-font-weight: 400;
3424
3430
  --wds-section-header-label-fill-neutral: #000624;
package/component.st.css CHANGED
@@ -794,6 +794,9 @@
794
794
  @property st-global(--wds-search-border-radius-medium);
795
795
  @property st-global(--wds-search-border-radius-small);
796
796
  @property st-global(--wds-search-border-radius-tiny);
797
+ @property st-global(--wds-search-expandable-padding-large);
798
+ @property st-global(--wds-search-expandable-padding-medium);
799
+ @property st-global(--wds-search-expandable-padding-small);
797
800
  @property st-global(--wds-section-header-fill-neutral);
798
801
  @property st-global(--wds-section-header-font-weight);
799
802
  @property st-global(--wds-section-header-label-fill-neutral);
@@ -2143,6 +2146,9 @@
2143
2146
  --wds-search-border-radius-medium: 1000px;
2144
2147
  --wds-search-border-radius-small: 1000px;
2145
2148
  --wds-search-border-radius-tiny: 1000px;
2149
+ --wds-search-expandable-padding-large: 9px;
2150
+ --wds-search-expandable-padding-medium: 6px;
2151
+ --wds-search-expandable-padding-small: 5px;
2146
2152
  --wds-section-header-fill-neutral: #f6f7f9;
2147
2153
  --wds-section-header-font-weight: 400;
2148
2154
  --wds-section-header-label-fill-neutral: #000624;
package/odeditor/all.css CHANGED
@@ -1106,6 +1106,9 @@
1106
1106
  --wds-section-header-padding-vertical-small: var(--wds-space-200);
1107
1107
  --wds-section-header-padding-vertical-medium: var(--wds-space-300);
1108
1108
  --wds-section-header-font-weight: var(--wds-font-weight-semi-bold);
1109
+ --wds-search-expandable-padding-small: var(--wds-space-150);
1110
+ --wds-search-expandable-padding-medium: var(--wds-space-175);
1111
+ --wds-search-expandable-padding-large: var(--wds-space-300);
1109
1112
  --wds-search-border-radius-tiny: var(--wds-border-radius-full);
1110
1113
  --wds-search-border-radius-small: var(--wds-border-radius-full);
1111
1114
  --wds-search-border-radius-medium: var(--wds-border-radius-full);
package/odeditor/all.scss CHANGED
@@ -769,6 +769,9 @@
769
769
  --wds-section-header-padding-vertical-small: var(--wds-space-200);
770
770
  --wds-section-header-padding-vertical-medium: var(--wds-space-300);
771
771
  --wds-section-header-font-weight: var(--wds-font-weight-semi-bold);
772
+ --wds-search-expandable-padding-small: var(--wds-space-150);
773
+ --wds-search-expandable-padding-medium: var(--wds-space-175);
774
+ --wds-search-expandable-padding-large: var(--wds-space-300);
772
775
  --wds-search-border-radius-tiny: var(--wds-border-radius-full);
773
776
  --wds-search-border-radius-small: var(--wds-border-radius-full);
774
777
  --wds-search-border-radius-medium: var(--wds-border-radius-full);
package/odeditor/all.st.css CHANGED
@@ -1310,6 +1310,9 @@
1310
1310
  @property st-global(--wds-search-border-radius-medium);
1311
1311
  @property st-global(--wds-search-border-radius-small);
1312
1312
  @property st-global(--wds-search-border-radius-tiny);
1313
+ @property st-global(--wds-search-expandable-padding-large);
1314
+ @property st-global(--wds-search-expandable-padding-medium);
1315
+ @property st-global(--wds-search-expandable-padding-small);
1313
1316
  @property st-global(--wds-section-header-fill-neutral);
1314
1317
  @property st-global(--wds-section-header-font-weight);
1315
1318
  @property st-global(--wds-section-header-label-fill-neutral);
@@ -3329,6 +3332,9 @@
3329
3332
  --wds-search-border-radius-medium: 1000px;
3330
3333
  --wds-search-border-radius-small: 1000px;
3331
3334
  --wds-search-border-radius-tiny: 1000px;
3335
+ --wds-search-expandable-padding-large: 12px;
3336
+ --wds-search-expandable-padding-medium: 7px;
3337
+ --wds-search-expandable-padding-small: 6px;
3332
3338
  --wds-section-header-fill-neutral: #ffffff;
3333
3339
  --wds-section-header-font-weight: 600;
3334
3340
  --wds-section-header-label-fill-neutral: #767574;
package/odeditor/component.st.css CHANGED
@@ -751,6 +751,9 @@
751
751
  @property st-global(--wds-search-border-radius-medium);
752
752
  @property st-global(--wds-search-border-radius-small);
753
753
  @property st-global(--wds-search-border-radius-tiny);
754
+ @property st-global(--wds-search-expandable-padding-large);
755
+ @property st-global(--wds-search-expandable-padding-medium);
756
+ @property st-global(--wds-search-expandable-padding-small);
754
757
  @property st-global(--wds-section-header-fill-neutral);
755
758
  @property st-global(--wds-section-header-font-weight);
756
759
  @property st-global(--wds-section-header-label-fill-neutral);
@@ -2055,6 +2058,9 @@
2055
2058
  --wds-search-border-radius-medium: 1000px;
2056
2059
  --wds-search-border-radius-small: 1000px;
2057
2060
  --wds-search-border-radius-tiny: 1000px;
2061
+ --wds-search-expandable-padding-large: 12px;
2062
+ --wds-search-expandable-padding-medium: 7px;
2063
+ --wds-search-expandable-padding-small: 6px;
2058
2064
  --wds-section-header-fill-neutral: #ffffff;
2059
2065
  --wds-section-header-font-weight: 600;
2060
2066
  --wds-section-header-label-fill-neutral: #767574;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.152.0",
3
+ "version": "1.153.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": "0fbb211e7a48cdf0f8e6822314b38cdeca19867bcca1f8ea6b3605d7"
36
+ "falconPackageHash": "e11aa48ee910f17876d6cdf9bc9857cc21511d2a79a818e341d767ff"
37
37
  }
package/studio/all.css CHANGED
@@ -323,6 +323,7 @@
323
323
  --wds-side-panel-floating-max-height: 576px;
324
324
  --wds-side-panel-control-layout-divider-border-width: 0px;
325
325
  --wds-section-helper-prefix-offset-margin: 4px;
326
+ --wds-search-expandable-padding-large: 5px;
326
327
  --wds-radio-dot-size: 4px;
327
328
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
328
329
  --wds-internal-thumbnail-illustration-size-small: 51px;
@@ -1088,6 +1089,8 @@
1088
1089
  --wds-section-header-padding-vertical-small: var(--wds-space-200);
1089
1090
  --wds-section-header-padding-vertical-medium: var(--wds-space-200);
1090
1091
  --wds-section-header-font-weight: var(--wds-font-weight-regular);
1092
+ --wds-search-expandable-padding-small: var(--wds-space-100);
1093
+ --wds-search-expandable-padding-medium: var(--wds-space-100);
1091
1094
  --wds-search-border-radius-tiny: var(--wds-border-radius-200);
1092
1095
  --wds-search-border-radius-small: var(--wds-border-radius-200);
1093
1096
  --wds-search-border-radius-medium: var(--wds-border-radius-200);
package/studio/all.scss CHANGED
@@ -94,6 +94,7 @@
94
94
  --wds-shadow-blur-25: 2px;
95
95
  --wds-shadow-blur-0: 0px;
96
96
  --wds-section-helper-prefix-offset-margin: 4px;
97
+ --wds-search-expandable-padding-large: 5px;
97
98
  --wds-radio-dot-size: 4px;
98
99
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
99
100
  --wds-internal-thumbnail-illustration-size-small: 51px;
@@ -770,6 +771,8 @@
770
771
  --wds-section-header-padding-vertical-small: var(--wds-space-200);
771
772
  --wds-section-header-padding-vertical-medium: var(--wds-space-200);
772
773
  --wds-section-header-font-weight: var(--wds-font-weight-regular);
774
+ --wds-search-expandable-padding-small: var(--wds-space-100);
775
+ --wds-search-expandable-padding-medium: var(--wds-space-100);
773
776
  --wds-search-border-radius-tiny: var(--wds-border-radius-200);
774
777
  --wds-search-border-radius-small: var(--wds-border-radius-200);
775
778
  --wds-search-border-radius-medium: var(--wds-border-radius-200);
package/studio/all.st.css CHANGED
@@ -1347,6 +1347,9 @@
1347
1347
  @property st-global(--wds-search-border-radius-medium);
1348
1348
  @property st-global(--wds-search-border-radius-small);
1349
1349
  @property st-global(--wds-search-border-radius-tiny);
1350
+ @property st-global(--wds-search-expandable-padding-large);
1351
+ @property st-global(--wds-search-expandable-padding-medium);
1352
+ @property st-global(--wds-search-expandable-padding-small);
1350
1353
  @property st-global(--wds-section-header-fill-neutral);
1351
1354
  @property st-global(--wds-section-header-font-weight);
1352
1355
  @property st-global(--wds-section-header-label-fill-neutral);
@@ -3404,6 +3407,9 @@
3404
3407
  --wds-search-border-radius-medium: 4px;
3405
3408
  --wds-search-border-radius-small: 4px;
3406
3409
  --wds-search-border-radius-tiny: 4px;
3410
+ --wds-search-expandable-padding-large: 5px;
3411
+ --wds-search-expandable-padding-medium: 4px;
3412
+ --wds-search-expandable-padding-small: 4px;
3407
3413
  --wds-section-header-fill-neutral: #f7f8f8;
3408
3414
  --wds-section-header-font-weight: 400;
3409
3415
  --wds-section-header-label-fill-neutral: #131720;
package/studio/component.st.css CHANGED
@@ -790,6 +790,9 @@
790
790
  @property st-global(--wds-search-border-radius-medium);
791
791
  @property st-global(--wds-search-border-radius-small);
792
792
  @property st-global(--wds-search-border-radius-tiny);
793
+ @property st-global(--wds-search-expandable-padding-large);
794
+ @property st-global(--wds-search-expandable-padding-medium);
795
+ @property st-global(--wds-search-expandable-padding-small);
793
796
  @property st-global(--wds-section-header-fill-neutral);
794
797
  @property st-global(--wds-section-header-font-weight);
795
798
  @property st-global(--wds-section-header-label-fill-neutral);
@@ -2136,6 +2139,9 @@
2136
2139
  --wds-search-border-radius-medium: 4px;
2137
2140
  --wds-search-border-radius-small: 4px;
2138
2141
  --wds-search-border-radius-tiny: 4px;
2142
+ --wds-search-expandable-padding-large: 5px;
2143
+ --wds-search-expandable-padding-medium: 4px;
2144
+ --wds-search-expandable-padding-small: 4px;
2139
2145
  --wds-section-header-fill-neutral: #f7f8f8;
2140
2146
  --wds-section-header-font-weight: 400;
2141
2147
  --wds-section-header-label-fill-neutral: #131720;
package/wixel/all.css CHANGED
@@ -1062,6 +1062,9 @@
1062
1062
  --wds-section-header-padding-vertical-small: var(--wds-space-200);
1063
1063
  --wds-section-header-padding-vertical-medium: var(--wds-space-200);
1064
1064
  --wds-section-header-font-weight: var(--wds-font-weight-regular);
1065
+ --wds-search-expandable-padding-small: var(--wds-space-175);
1066
+ --wds-search-expandable-padding-medium: var(--wds-space-200);
1067
+ --wds-search-expandable-padding-large: var(--wds-space-200);
1065
1068
  --wds-search-border-radius-tiny: var(--wds-border-radius-400);
1066
1069
  --wds-search-border-radius-small: var(--wds-border-radius-400);
1067
1070
  --wds-search-border-radius-medium: var(--wds-border-radius-400);
package/wixel/all.scss CHANGED
@@ -745,6 +745,9 @@
745
745
  --wds-section-header-padding-vertical-small: var(--wds-space-200);
746
746
  --wds-section-header-padding-vertical-medium: var(--wds-space-200);
747
747
  --wds-section-header-font-weight: var(--wds-font-weight-regular);
748
+ --wds-search-expandable-padding-small: var(--wds-space-175);
749
+ --wds-search-expandable-padding-medium: var(--wds-space-200);
750
+ --wds-search-expandable-padding-large: var(--wds-space-200);
748
751
  --wds-search-border-radius-tiny: var(--wds-border-radius-400);
749
752
  --wds-search-border-radius-small: var(--wds-border-radius-400);
750
753
  --wds-search-border-radius-medium: var(--wds-border-radius-400);
package/wixel/all.st.css CHANGED
@@ -1328,6 +1328,9 @@
1328
1328
  @property st-global(--wds-search-border-radius-medium);
1329
1329
  @property st-global(--wds-search-border-radius-small);
1330
1330
  @property st-global(--wds-search-border-radius-tiny);
1331
+ @property st-global(--wds-search-expandable-padding-large);
1332
+ @property st-global(--wds-search-expandable-padding-medium);
1333
+ @property st-global(--wds-search-expandable-padding-small);
1331
1334
  @property st-global(--wds-section-header-fill-neutral);
1332
1335
  @property st-global(--wds-section-header-font-weight);
1333
1336
  @property st-global(--wds-section-header-label-fill-neutral);
@@ -3336,6 +3339,9 @@
3336
3339
  --wds-search-border-radius-medium: 8px;
3337
3340
  --wds-search-border-radius-small: 8px;
3338
3341
  --wds-search-border-radius-tiny: 8px;
3342
+ --wds-search-expandable-padding-large: 8px;
3343
+ --wds-search-expandable-padding-medium: 8px;
3344
+ --wds-search-expandable-padding-small: 7px;
3339
3345
  --wds-section-header-fill-neutral: #f7f8f8;
3340
3346
  --wds-section-header-font-weight: 400;
3341
3347
  --wds-section-header-label-fill-neutral: #000624;
package/wixel/component.st.css CHANGED
@@ -771,6 +771,9 @@
771
771
  @property st-global(--wds-search-border-radius-medium);
772
772
  @property st-global(--wds-search-border-radius-small);
773
773
  @property st-global(--wds-search-border-radius-tiny);
774
+ @property st-global(--wds-search-expandable-padding-large);
775
+ @property st-global(--wds-search-expandable-padding-medium);
776
+ @property st-global(--wds-search-expandable-padding-small);
774
777
  @property st-global(--wds-section-header-fill-neutral);
775
778
  @property st-global(--wds-section-header-font-weight);
776
779
  @property st-global(--wds-section-header-label-fill-neutral);
@@ -2083,6 +2086,9 @@
2083
2086
  --wds-search-border-radius-medium: 8px;
2084
2087
  --wds-search-border-radius-small: 8px;
2085
2088
  --wds-search-border-radius-tiny: 8px;
2089
+ --wds-search-expandable-padding-large: 8px;
2090
+ --wds-search-expandable-padding-medium: 8px;
2091
+ --wds-search-expandable-padding-small: 7px;
2086
2092
  --wds-section-header-fill-neutral: #f7f8f8;
2087
2093
  --wds-section-header-font-weight: 400;
2088
2094
  --wds-section-header-label-fill-neutral: #000624;