@wix/design-system-tokens 1.165.0 → 1.166.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 (22) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/all.css +1 -0
  3. package/all.scss +1 -0
  4. package/all.st.css +2 -0
  5. package/component.st.css +2 -0
  6. package/odeditor/all.css +1 -0
  7. package/odeditor/all.scss +1 -0
  8. package/odeditor/all.st.css +2 -0
  9. package/odeditor/component.st.css +2 -0
  10. package/odeditor-dark/all.css +1 -0
  11. package/odeditor-dark/all.scss +1 -0
  12. package/odeditor-dark/all.st.css +2 -0
  13. package/odeditor-dark/component.st.css +2 -0
  14. package/package.json +2 -2
  15. package/studio/all.css +1 -0
  16. package/studio/all.scss +1 -0
  17. package/studio/all.st.css +2 -0
  18. package/studio/component.st.css +2 -0
  19. package/wixel/all.css +1 -0
  20. package/wixel/all.scss +1 -0
  21. package/wixel/all.st.css +2 -0
  22. package/wixel/component.st.css +2 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,9 @@
1
+ ## 1.166.0 - 2026-01-28
2
+
3
+ ### Features
4
+
5
+ - feat(Page): add media query + decrease min-width [15873](https://github.com/wix-private/wix-design-systems/pull/15873)
6
+
1
7
  ## 1.162.0 - 2026-01-23
2
8
 
3
9
  ### Features
package/all.css CHANGED
@@ -1114,6 +1114,7 @@
1114
1114
  --wds-pagination-gap: var(--wds-space-100);
1115
1115
  --wds-page-header-padding-vertical-small: var(--wds-space-300);
1116
1116
  --wds-page-header-padding-vertical: var(--wds-space-400);
1117
+ --wds-page-header-padding-horizontal-small: var(--wds-space-400);
1117
1118
  --wds-page-header-padding-horizontal: var(--wds-space-800);
1118
1119
  --wds-notification-padding-vertical: var(--wds-space-150);
1119
1120
  --wds-notification-padding-horizontal: var(--wds-space-200);
package/all.scss CHANGED
@@ -765,6 +765,7 @@
765
765
  --wds-pagination-gap: var(--wds-space-100);
766
766
  --wds-page-header-padding-vertical-small: var(--wds-space-300);
767
767
  --wds-page-header-padding-vertical: var(--wds-space-400);
768
+ --wds-page-header-padding-horizontal-small: var(--wds-space-400);
768
769
  --wds-page-header-padding-horizontal: var(--wds-space-800);
769
770
  --wds-notification-padding-vertical: var(--wds-space-150);
770
771
  --wds-notification-padding-horizontal: var(--wds-space-200);
package/all.st.css CHANGED
@@ -1307,6 +1307,7 @@
1307
1307
  @property st-global(--wds-notification-padding-vertical);
1308
1308
  @property st-global(--wds-number-input-icon-fill);
1309
1309
  @property st-global(--wds-page-header-padding-horizontal);
1310
+ @property st-global(--wds-page-header-padding-horizontal-small);
1310
1311
  @property st-global(--wds-page-header-padding-vertical);
1311
1312
  @property st-global(--wds-page-header-padding-vertical-small);
1312
1313
  @property st-global(--wds-pagination-fill);
@@ -3390,6 +3391,7 @@
3390
3391
  --wds-notification-padding-vertical: 9px;
3391
3392
  --wds-number-input-icon-fill: #116dff;
3392
3393
  --wds-page-header-padding-horizontal: 48px;
3394
+ --wds-page-header-padding-horizontal-small: 24px;
3393
3395
  --wds-page-header-padding-vertical: 24px;
3394
3396
  --wds-page-header-padding-vertical-small: 18px;
3395
3397
  --wds-pagination-fill: #ffffff;
package/component.st.css CHANGED
@@ -743,6 +743,7 @@
743
743
  @property st-global(--wds-notification-padding-vertical);
744
744
  @property st-global(--wds-number-input-icon-fill);
745
745
  @property st-global(--wds-page-header-padding-horizontal);
746
+ @property st-global(--wds-page-header-padding-horizontal-small);
746
747
  @property st-global(--wds-page-header-padding-vertical);
747
748
  @property st-global(--wds-page-header-padding-vertical-small);
748
749
  @property st-global(--wds-pagination-fill);
@@ -2107,6 +2108,7 @@
2107
2108
  --wds-notification-padding-vertical: 9px;
2108
2109
  --wds-number-input-icon-fill: #116dff;
2109
2110
  --wds-page-header-padding-horizontal: 48px;
2111
+ --wds-page-header-padding-horizontal-small: 24px;
2110
2112
  --wds-page-header-padding-vertical: 24px;
2111
2113
  --wds-page-header-padding-vertical-small: 18px;
2112
2114
  --wds-pagination-fill: #ffffff;
package/odeditor/all.css CHANGED
@@ -1152,6 +1152,7 @@
1152
1152
  --wds-pagination-gap: var(--wds-space-100);
1153
1153
  --wds-page-header-padding-vertical-small: var(--wds-space-475);
1154
1154
  --wds-page-header-padding-vertical: var(--wds-space-600);
1155
+ --wds-page-header-padding-horizontal-small: var(--wds-space-600);
1155
1156
  --wds-page-header-padding-horizontal: var(--wds-space-1200);
1156
1157
  --wds-padding-vertical-tiny: var(--wds-space-500);
1157
1158
  --wds-padding-vertical-small: var(--wds-space-600);
package/odeditor/all.scss CHANGED
@@ -815,6 +815,7 @@
815
815
  --wds-pagination-gap: var(--wds-space-100);
816
816
  --wds-page-header-padding-vertical-small: var(--wds-space-475);
817
817
  --wds-page-header-padding-vertical: var(--wds-space-600);
818
+ --wds-page-header-padding-horizontal-small: var(--wds-space-600);
818
819
  --wds-page-header-padding-horizontal: var(--wds-space-1200);
819
820
  --wds-padding-vertical-tiny: var(--wds-space-500);
820
821
  --wds-padding-vertical-small: var(--wds-space-600);
package/odeditor/all.st.css CHANGED
@@ -1254,6 +1254,7 @@
1254
1254
  @property st-global(--wds-padding-vertical-small);
1255
1255
  @property st-global(--wds-padding-vertical-tiny);
1256
1256
  @property st-global(--wds-page-header-padding-horizontal);
1257
+ @property st-global(--wds-page-header-padding-horizontal-small);
1257
1258
  @property st-global(--wds-page-header-padding-vertical);
1258
1259
  @property st-global(--wds-page-header-padding-vertical-small);
1259
1260
  @property st-global(--wds-pagination-fill);
@@ -3283,6 +3284,7 @@
3283
3284
  --wds-padding-vertical-small: 24px;
3284
3285
  --wds-padding-vertical-tiny: 20px;
3285
3286
  --wds-page-header-padding-horizontal: 48px;
3287
+ --wds-page-header-padding-horizontal-small: 24px;
3286
3288
  --wds-page-header-padding-vertical: 24px;
3287
3289
  --wds-page-header-padding-vertical-small: 18px;
3288
3290
  --wds-pagination-fill: #ffffff;
package/odeditor/component.st.css CHANGED
@@ -694,6 +694,7 @@
694
694
  @property st-global(--wds-padding-vertical-small);
695
695
  @property st-global(--wds-padding-vertical-tiny);
696
696
  @property st-global(--wds-page-header-padding-horizontal);
697
+ @property st-global(--wds-page-header-padding-horizontal-small);
697
698
  @property st-global(--wds-page-header-padding-vertical);
698
699
  @property st-global(--wds-page-header-padding-vertical-small);
699
700
  @property st-global(--wds-pagination-fill);
@@ -2007,6 +2008,7 @@
2007
2008
  --wds-padding-vertical-small: 24px;
2008
2009
  --wds-padding-vertical-tiny: 20px;
2009
2010
  --wds-page-header-padding-horizontal: 48px;
2011
+ --wds-page-header-padding-horizontal-small: 24px;
2010
2012
  --wds-page-header-padding-vertical: 24px;
2011
2013
  --wds-page-header-padding-vertical-small: 18px;
2012
2014
  --wds-pagination-fill: #ffffff;
package/odeditor-dark/all.css CHANGED
@@ -1155,6 +1155,7 @@
1155
1155
  --wds-pagination-gap: var(--wds-space-100);
1156
1156
  --wds-page-header-padding-vertical-small: var(--wds-space-475);
1157
1157
  --wds-page-header-padding-vertical: var(--wds-space-600);
1158
+ --wds-page-header-padding-horizontal-small: var(--wds-space-600);
1158
1159
  --wds-page-header-padding-horizontal: var(--wds-space-1200);
1159
1160
  --wds-padding-vertical-tiny: var(--wds-space-500);
1160
1161
  --wds-padding-vertical-small: var(--wds-space-600);
package/odeditor-dark/all.scss CHANGED
@@ -818,6 +818,7 @@
818
818
  --wds-pagination-gap: var(--wds-space-100);
819
819
  --wds-page-header-padding-vertical-small: var(--wds-space-475);
820
820
  --wds-page-header-padding-vertical: var(--wds-space-600);
821
+ --wds-page-header-padding-horizontal-small: var(--wds-space-600);
821
822
  --wds-page-header-padding-horizontal: var(--wds-space-1200);
822
823
  --wds-padding-vertical-tiny: var(--wds-space-500);
823
824
  --wds-padding-vertical-small: var(--wds-space-600);
package/odeditor-dark/all.st.css CHANGED
@@ -1255,6 +1255,7 @@
1255
1255
  @property st-global(--wds-padding-vertical-small);
1256
1256
  @property st-global(--wds-padding-vertical-tiny);
1257
1257
  @property st-global(--wds-page-header-padding-horizontal);
1258
+ @property st-global(--wds-page-header-padding-horizontal-small);
1258
1259
  @property st-global(--wds-page-header-padding-vertical);
1259
1260
  @property st-global(--wds-page-header-padding-vertical-small);
1260
1261
  @property st-global(--wds-pagination-fill);
@@ -3285,6 +3286,7 @@
3285
3286
  --wds-padding-vertical-small: 24px;
3286
3287
  --wds-padding-vertical-tiny: 20px;
3287
3288
  --wds-page-header-padding-horizontal: 48px;
3289
+ --wds-page-header-padding-horizontal-small: 24px;
3288
3290
  --wds-page-header-padding-vertical: 24px;
3289
3291
  --wds-page-header-padding-vertical-small: 18px;
3290
3292
  --wds-pagination-fill: #2C2D30;
package/odeditor-dark/component.st.css CHANGED
@@ -694,6 +694,7 @@
694
694
  @property st-global(--wds-padding-vertical-small);
695
695
  @property st-global(--wds-padding-vertical-tiny);
696
696
  @property st-global(--wds-page-header-padding-horizontal);
697
+ @property st-global(--wds-page-header-padding-horizontal-small);
697
698
  @property st-global(--wds-page-header-padding-vertical);
698
699
  @property st-global(--wds-page-header-padding-vertical-small);
699
700
  @property st-global(--wds-pagination-fill);
@@ -2007,6 +2008,7 @@
2007
2008
  --wds-padding-vertical-small: 24px;
2008
2009
  --wds-padding-vertical-tiny: 20px;
2009
2010
  --wds-page-header-padding-horizontal: 48px;
2011
+ --wds-page-header-padding-horizontal-small: 24px;
2010
2012
  --wds-page-header-padding-vertical: 24px;
2011
2013
  --wds-page-header-padding-vertical-small: 18px;
2012
2014
  --wds-pagination-fill: #2C2D30;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.165.0",
3
+ "version": "1.166.0",
4
4
  "scripts": {
5
5
  "build": "cp -r tokens/* .",
6
6
  "figma-to-dictionary": "ts-node src/scripts/figma-to-dictionary.ts",
@@ -34,5 +34,5 @@
34
34
  "author": "augustinasv@wix.com",
35
35
  "description": "Design system tokens",
36
36
  "packageManager": "yarn@3.5.0",
37
- "falconPackageHash": "0c9d7175f3b195415d6dcdaca45bcc7663b9e149018b7a9859228520"
37
+ "falconPackageHash": "a0b15caf22f9974c561326aad1754b94dbe8cec615e14e7eb745344a"
38
38
  }
package/studio/all.css CHANGED
@@ -1138,6 +1138,7 @@
1138
1138
  --wds-pagination-gap: var(--wds-space-100);
1139
1139
  --wds-page-header-padding-vertical-small: var(--wds-space-475);
1140
1140
  --wds-page-header-padding-vertical: var(--wds-space-600);
1141
+ --wds-page-header-padding-horizontal-small: var(--wds-space-600);
1141
1142
  --wds-page-header-padding-horizontal: var(--wds-space-1200);
1142
1143
  --wds-notification-padding-vertical: var(--wds-space-200);
1143
1144
  --wds-notification-padding-horizontal: var(--wds-space-200);
package/studio/all.scss CHANGED
@@ -820,6 +820,7 @@
820
820
  --wds-pagination-gap: var(--wds-space-100);
821
821
  --wds-page-header-padding-vertical-small: var(--wds-space-475);
822
822
  --wds-page-header-padding-vertical: var(--wds-space-600);
823
+ --wds-page-header-padding-horizontal-small: var(--wds-space-600);
823
824
  --wds-page-header-padding-horizontal: var(--wds-space-1200);
824
825
  --wds-notification-padding-vertical: var(--wds-space-200);
825
826
  --wds-notification-padding-horizontal: var(--wds-space-200);
package/studio/all.st.css CHANGED
@@ -1299,6 +1299,7 @@
1299
1299
  @property st-global(--wds-notification-padding-vertical);
1300
1300
  @property st-global(--wds-number-input-icon-fill);
1301
1301
  @property st-global(--wds-page-header-padding-horizontal);
1302
+ @property st-global(--wds-page-header-padding-horizontal-small);
1302
1303
  @property st-global(--wds-page-header-padding-vertical);
1303
1304
  @property st-global(--wds-page-header-padding-vertical-small);
1304
1305
  @property st-global(--wds-pagination-fill);
@@ -3375,6 +3376,7 @@
3375
3376
  --wds-notification-padding-vertical: 8px;
3376
3377
  --wds-number-input-icon-fill: #42454c;
3377
3378
  --wds-page-header-padding-horizontal: 48px;
3379
+ --wds-page-header-padding-horizontal-small: 24px;
3378
3380
  --wds-page-header-padding-vertical: 24px;
3379
3381
  --wds-page-header-padding-vertical-small: 18px;
3380
3382
  --wds-pagination-fill: #ffffff;
package/studio/component.st.css CHANGED
@@ -739,6 +739,7 @@
739
739
  @property st-global(--wds-notification-padding-vertical);
740
740
  @property st-global(--wds-number-input-icon-fill);
741
741
  @property st-global(--wds-page-header-padding-horizontal);
742
+ @property st-global(--wds-page-header-padding-horizontal-small);
742
743
  @property st-global(--wds-page-header-padding-vertical);
743
744
  @property st-global(--wds-page-header-padding-vertical-small);
744
745
  @property st-global(--wds-pagination-fill);
@@ -2100,6 +2101,7 @@
2100
2101
  --wds-notification-padding-vertical: 8px;
2101
2102
  --wds-number-input-icon-fill: #42454c;
2102
2103
  --wds-page-header-padding-horizontal: 48px;
2104
+ --wds-page-header-padding-horizontal-small: 24px;
2103
2105
  --wds-page-header-padding-vertical: 24px;
2104
2106
  --wds-page-header-padding-vertical-small: 18px;
2105
2107
  --wds-pagination-fill: #ffffff;
package/wixel/all.css CHANGED
@@ -1109,6 +1109,7 @@
1109
1109
  --wds-pagination-gap: var(--wds-space-100);
1110
1110
  --wds-page-header-padding-vertical-small: var(--wds-space-475);
1111
1111
  --wds-page-header-padding-vertical: var(--wds-space-600);
1112
+ --wds-page-header-padding-horizontal-small: var(--wds-space-600);
1112
1113
  --wds-page-header-padding-horizontal: var(--wds-space-1200);
1113
1114
  --wds-notification-padding-vertical: var(--wds-space-200);
1114
1115
  --wds-notification-padding-horizontal: var(--wds-space-200);
package/wixel/all.scss CHANGED
@@ -792,6 +792,7 @@
792
792
  --wds-pagination-gap: var(--wds-space-100);
793
793
  --wds-page-header-padding-vertical-small: var(--wds-space-475);
794
794
  --wds-page-header-padding-vertical: var(--wds-space-600);
795
+ --wds-page-header-padding-horizontal-small: var(--wds-space-600);
795
796
  --wds-page-header-padding-horizontal: var(--wds-space-1200);
796
797
  --wds-notification-padding-vertical: var(--wds-space-200);
797
798
  --wds-notification-padding-horizontal: var(--wds-space-200);
package/wixel/all.st.css CHANGED
@@ -1278,6 +1278,7 @@
1278
1278
  @property st-global(--wds-notification-padding-vertical);
1279
1279
  @property st-global(--wds-number-input-icon-fill);
1280
1280
  @property st-global(--wds-page-header-padding-horizontal);
1281
+ @property st-global(--wds-page-header-padding-horizontal-small);
1281
1282
  @property st-global(--wds-page-header-padding-vertical);
1282
1283
  @property st-global(--wds-page-header-padding-vertical-small);
1283
1284
  @property st-global(--wds-pagination-fill);
@@ -3302,6 +3303,7 @@
3302
3303
  --wds-notification-padding-vertical: 8px;
3303
3304
  --wds-number-input-icon-fill: #595d70;
3304
3305
  --wds-page-header-padding-horizontal: 48px;
3306
+ --wds-page-header-padding-horizontal-small: 24px;
3305
3307
  --wds-page-header-padding-vertical: 24px;
3306
3308
  --wds-page-header-padding-vertical-small: 18px;
3307
3309
  --wds-pagination-fill: #ffffff;
package/wixel/component.st.css CHANGED
@@ -720,6 +720,7 @@
720
720
  @property st-global(--wds-notification-padding-vertical);
721
721
  @property st-global(--wds-number-input-icon-fill);
722
722
  @property st-global(--wds-page-header-padding-horizontal);
723
+ @property st-global(--wds-page-header-padding-horizontal-small);
723
724
  @property st-global(--wds-page-header-padding-vertical);
724
725
  @property st-global(--wds-page-header-padding-vertical-small);
725
726
  @property st-global(--wds-pagination-fill);
@@ -2047,6 +2048,7 @@
2047
2048
  --wds-notification-padding-vertical: 8px;
2048
2049
  --wds-number-input-icon-fill: #595d70;
2049
2050
  --wds-page-header-padding-horizontal: 48px;
2051
+ --wds-page-header-padding-horizontal-small: 24px;
2050
2052
  --wds-page-header-padding-vertical: 24px;
2051
2053
  --wds-page-header-padding-vertical-small: 18px;
2052
2054
  --wds-pagination-fill: #ffffff;