@wix/design-system-tokens 1.208.0 → 1.209.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 +8 -0
  2. package/all.css +14 -0
  3. package/all.scss +14 -0
  4. package/all.st.css +28 -0
  5. package/component.st.css +28 -0
  6. package/odeditor/all.css +19 -5
  7. package/odeditor/all.scss +19 -5
  8. package/odeditor/all.st.css +33 -5
  9. package/odeditor/component.st.css +33 -5
  10. package/odeditor-dark/all.css +16 -2
  11. package/odeditor-dark/all.scss +16 -2
  12. package/odeditor-dark/all.st.css +30 -2
  13. package/odeditor-dark/component.st.css +30 -2
  14. package/package.json +2 -2
  15. package/studio/all.css +14 -0
  16. package/studio/all.scss +14 -0
  17. package/studio/all.st.css +28 -0
  18. package/studio/component.st.css +28 -0
  19. package/wixel/all.css +14 -0
  20. package/wixel/all.scss +14 -0
  21. package/wixel/all.st.css +28 -0
  22. package/wixel/component.st.css +28 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,11 @@
1
+ ## 1.209.0 - 2026-07-03
2
+
3
+ ### Features
4
+
5
+ - feat(CounterBadge): add tiny size [16468](https://github.com/wix-private/wix-design-systems/pull/16468)
6
+ - feat(GooglePreview): theme-aware tokens for Studio 2.0 (odeditor-dark) [16473](https://github.com/wix-private/wix-design-systems/pull/16473)
7
+ - feat(Tabs): add smallMedium size and refresh odeditor active/hover fills [16466](https://github.com/wix-private/wix-design-systems/pull/16466)
8
+
1
9
  ## 1.208.0 - 2026-07-02
2
10
 
3
11
  ### Bug Fixes
package/all.css CHANGED
@@ -336,7 +336,14 @@
336
336
  --wds-input-width-medium: 72px;
337
337
  --wds-input-width-large: 96px;
338
338
  --wds-input-width-fixed: 288px;
339
+ --wds-google-preview-title-fill: #260AA8;
340
+ --wds-google-preview-text-fill: #4D5156;
341
+ --wds-google-preview-site-name-fill: #202124;
342
+ --wds-google-preview-favicon-border-fill: #E6E6E6;
343
+ --wds-google-preview-favicon-background-fill: #F1F3F4;
344
+ --wds-counter-badge-padding-horizontal-tiny: 4px;
339
345
  --wds-counter-badge-padding-horizontal-medium: 8px;
346
+ --wds-counter-badge-font-size-tiny: 10px;
340
347
  --wds-composer-sidebar-end-max-width: 240px;
341
348
  --wds-composer-sidebar-bottom-width: 90px;
342
349
  --wds-color-picker-width: 240px;
@@ -928,12 +935,15 @@
928
935
  --wds-tag-border-radius-small: var(--wds-border-radius-full);
929
936
  --wds-tag-border-radius-medium: var(--wds-border-radius-full);
930
937
  --wds-tag-border-radius-large: var(--wds-border-radius-full);
938
+ --wds-tabs-padding-vertical-small-medium: var(--wds-space-200);
931
939
  --wds-tabs-padding-vertical-small: var(--wds-space-200);
932
940
  --wds-tabs-padding-vertical-medium: var(--wds-space-300);
941
+ --wds-tabs-padding-horizontal-small-medium: var(--wds-space-200);
933
942
  --wds-tabs-padding-horizontal-small: var(--wds-space-200);
934
943
  --wds-tabs-padding-horizontal-medium: var(--wds-space-300);
935
944
  --wds-tabs-label-font-weight-active: var(--wds-font-weight-regular);
936
945
  --wds-tabs-label-font-weight: var(--wds-font-weight-regular);
946
+ --wds-tabs-item-gap-small-medium: var(--wds-space-100);
937
947
  --wds-tabs-item-gap-small: var(--wds-space-100);
938
948
  --wds-tabs-item-gap-medium: var(--wds-space-100);
939
949
  --wds-tabs-item-fill-hover: var(--wds-color-black-100-transparent-0);
@@ -1267,6 +1277,7 @@
1267
1277
  --wds-input-border-radius-default-large: var(--wds-border-radius-300);
1268
1278
  --wds-image-border-radius-none: var(--wds-border-radius-0);
1269
1279
  --wds-image-border-radius-default: var(--wds-border-radius-400);
1280
+ --wds-google-preview-surface-fill: var(--wds-color-white);
1270
1281
  --wds-gallery-item-padding-vertical-small: var(--wds-space-200);
1271
1282
  --wds-gallery-item-padding-vertical-medium: var(--wds-space-300);
1272
1283
  --wds-gallery-item-padding-right-small: var(--wds-space-300);
@@ -1309,6 +1320,7 @@
1309
1320
  --wds-custom-modal-content-padding-vertical: var(--wds-space-400);
1310
1321
  --wds-custom-modal-content-padding-horizontal: var(--wds-space-400);
1311
1322
  --wds-custom-modal-border-radius: var(--wds-border-radius-400);
1323
+ --wds-counter-badge-size-tiny: var(--wds-space-350);
1312
1324
  --wds-counter-badge-size-small: var(--wds-space-300);
1313
1325
  --wds-counter-badge-size-medium: var(--wds-space-400);
1314
1326
  --wds-counter-badge-padding-horizontal-small: var(--wds-space-100);
@@ -1611,6 +1623,7 @@
1611
1623
  --wds-tag-label-font-size-small: var(--wds-font-size-body-small);
1612
1624
  --wds-tabs-selection-fill-secondary: var(--wds-color-fill-standard-primary);
1613
1625
  --wds-tabs-selection-fill-primary: var(--wds-color-fill-standard-primary);
1626
+ --wds-tabs-label-font-size-small-medium: var(--wds-font-size-body-small);
1614
1627
  --wds-tabs-label-font-size-small: var(--wds-font-size-body-small);
1615
1628
  --wds-tabs-label-font-size-medium: var(--wds-font-size-body-medium);
1616
1629
  --wds-tabs-label-fill-active: var(--wds-color-text-primary);
@@ -2103,6 +2116,7 @@
2103
2116
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-small);
2104
2117
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-small);
2105
2118
  --wds-tabs-selection-border: linear-gradient(90deg, var(--wds-tabs-selection-fill-secondary) 0%, var(--wds-tabs-selection-fill-primary) 20%, var(--wds-tabs-selection-fill-primary) 80%, var(--wds-tabs-selection-fill-secondary) 100%);
2119
+ --wds-tabs-label-line-height-small-medium: var(--wds-font-line-height-body-small);
2106
2120
  --wds-tabs-label-line-height-small: var(--wds-font-line-height-body-small);
2107
2121
  --wds-tabs-label-line-height-medium: var(--wds-font-line-height-body-medium);
2108
2122
  --wds-status-toast-text-font-line-height: var(--wds-font-line-height-body-medium);
package/all.scss CHANGED
@@ -119,6 +119,11 @@
119
119
  --wds-input-width-medium: 72px;
120
120
  --wds-input-width-large: 96px;
121
121
  --wds-input-width-fixed: 288px;
122
+ --wds-google-preview-title-fill: #260AA8;
123
+ --wds-google-preview-text-fill: #4D5156;
124
+ --wds-google-preview-site-name-fill: #202124;
125
+ --wds-google-preview-favicon-border-fill: #E6E6E6;
126
+ --wds-google-preview-favicon-background-fill: #F1F3F4;
122
127
  --wds-font-weight-semi-bold: 600;
123
128
  --wds-font-weight-regular: 400;
124
129
  --wds-font-weight-medium: 500;
@@ -136,7 +141,9 @@
136
141
  --wds-font-letter-spacing-0: 0px;
137
142
  --wds-font-family-display: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
138
143
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
144
+ --wds-counter-badge-padding-horizontal-tiny: 4px;
139
145
  --wds-counter-badge-padding-horizontal-medium: 8px;
146
+ --wds-counter-badge-font-size-tiny: 10px;
140
147
  --wds-composer-sidebar-end-max-width: 240px;
141
148
  --wds-composer-sidebar-bottom-width: 90px;
142
149
  --wds-color-yellow-600: #fff6e5;
@@ -488,12 +495,15 @@
488
495
  --wds-tag-border-radius-small: var(--wds-border-radius-full);
489
496
  --wds-tag-border-radius-medium: var(--wds-border-radius-full);
490
497
  --wds-tag-border-radius-large: var(--wds-border-radius-full);
498
+ --wds-tabs-padding-vertical-small-medium: var(--wds-space-200);
491
499
  --wds-tabs-padding-vertical-small: var(--wds-space-200);
492
500
  --wds-tabs-padding-vertical-medium: var(--wds-space-300);
501
+ --wds-tabs-padding-horizontal-small-medium: var(--wds-space-200);
493
502
  --wds-tabs-padding-horizontal-small: var(--wds-space-200);
494
503
  --wds-tabs-padding-horizontal-medium: var(--wds-space-300);
495
504
  --wds-tabs-label-font-weight-active: var(--wds-font-weight-regular);
496
505
  --wds-tabs-label-font-weight: var(--wds-font-weight-regular);
506
+ --wds-tabs-item-gap-small-medium: var(--wds-space-100);
497
507
  --wds-tabs-item-gap-small: var(--wds-space-100);
498
508
  --wds-tabs-item-gap-medium: var(--wds-space-100);
499
509
  --wds-tabs-item-fill-hover: var(--wds-color-black-100-transparent-0);
@@ -928,6 +938,7 @@
928
938
  --wds-inner-shadow-blur-input: var(--wds-shadow-blur-0);
929
939
  --wds-image-border-radius-none: var(--wds-border-radius-0);
930
940
  --wds-image-border-radius-default: var(--wds-border-radius-400);
941
+ --wds-google-preview-surface-fill: var(--wds-color-white);
931
942
  --wds-gallery-item-padding-vertical-small: var(--wds-space-200);
932
943
  --wds-gallery-item-padding-vertical-medium: var(--wds-space-300);
933
944
  --wds-gallery-item-padding-right-small: var(--wds-space-300);
@@ -999,6 +1010,7 @@
999
1010
  --wds-custom-modal-content-padding-vertical: var(--wds-space-400);
1000
1011
  --wds-custom-modal-content-padding-horizontal: var(--wds-space-400);
1001
1012
  --wds-custom-modal-border-radius: var(--wds-border-radius-400);
1013
+ --wds-counter-badge-size-tiny: var(--wds-space-350);
1002
1014
  --wds-counter-badge-size-small: var(--wds-space-300);
1003
1015
  --wds-counter-badge-size-medium: var(--wds-space-400);
1004
1016
  --wds-counter-badge-padding-horizontal-small: var(--wds-space-100);
@@ -1593,6 +1605,7 @@
1593
1605
  --wds-tag-label-font-size-small: var(--wds-font-size-body-small);
1594
1606
  --wds-tabs-selection-fill-secondary: var(--wds-color-fill-standard-primary);
1595
1607
  --wds-tabs-selection-fill-primary: var(--wds-color-fill-standard-primary);
1608
+ --wds-tabs-label-font-size-small-medium: var(--wds-font-size-body-small);
1596
1609
  --wds-tabs-label-font-size-small: var(--wds-font-size-body-small);
1597
1610
  --wds-tabs-label-font-size-medium: var(--wds-font-size-body-medium);
1598
1611
  --wds-tabs-label-fill-active: var(--wds-color-text-primary);
@@ -2103,6 +2116,7 @@
2103
2116
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-small);
2104
2117
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-small);
2105
2118
  --wds-tabs-selection-border: linear-gradient(90deg, var(--wds-tabs-selection-fill-secondary) 0%, var(--wds-tabs-selection-fill-primary) 20%, var(--wds-tabs-selection-fill-primary) 80%, var(--wds-tabs-selection-fill-secondary) 100%);
2119
+ --wds-tabs-label-line-height-small-medium: var(--wds-font-line-height-body-small);
2106
2120
  --wds-tabs-label-line-height-small: var(--wds-font-line-height-body-small);
2107
2121
  --wds-tabs-label-line-height-medium: var(--wds-font-line-height-body-medium);
2108
2122
  --wds-status-toast-text-font-line-height: var(--wds-font-line-height-body-medium);
package/all.st.css CHANGED
@@ -862,10 +862,13 @@
862
862
  @property st-global(--wds-composer-sidebar-item-tooltip-padding-vertical-small);
863
863
  @property st-global(--wds-counter-badge-border-radius-medium);
864
864
  @property st-global(--wds-counter-badge-border-radius-small);
865
+ @property st-global(--wds-counter-badge-font-size-tiny);
865
866
  @property st-global(--wds-counter-badge-padding-horizontal-medium);
866
867
  @property st-global(--wds-counter-badge-padding-horizontal-small);
868
+ @property st-global(--wds-counter-badge-padding-horizontal-tiny);
867
869
  @property st-global(--wds-counter-badge-size-medium);
868
870
  @property st-global(--wds-counter-badge-size-small);
871
+ @property st-global(--wds-counter-badge-size-tiny);
869
872
  @property st-global(--wds-custom-modal-border-radius);
870
873
  @property st-global(--wds-custom-modal-content-padding-horizontal);
871
874
  @property st-global(--wds-custom-modal-content-padding-vertical);
@@ -998,6 +1001,12 @@
998
1001
  @property st-global(--wds-gallery-item-padding-right-small);
999
1002
  @property st-global(--wds-gallery-item-padding-vertical-medium);
1000
1003
  @property st-global(--wds-gallery-item-padding-vertical-small);
1004
+ @property st-global(--wds-google-preview-favicon-background-fill);
1005
+ @property st-global(--wds-google-preview-favicon-border-fill);
1006
+ @property st-global(--wds-google-preview-site-name-fill);
1007
+ @property st-global(--wds-google-preview-surface-fill);
1008
+ @property st-global(--wds-google-preview-text-fill);
1009
+ @property st-global(--wds-google-preview-title-fill);
1001
1010
  @property st-global(--wds-icon-button-color-border-dark-secondary);
1002
1011
  @property st-global(--wds-icon-button-color-border-dark-secondary-active);
1003
1012
  @property st-global(--wds-icon-button-color-border-dark-secondary-disabled);
@@ -1846,18 +1855,23 @@
1846
1855
  @property st-global(--wds-tabs-item-fill-hover);
1847
1856
  @property st-global(--wds-tabs-item-gap-medium);
1848
1857
  @property st-global(--wds-tabs-item-gap-small);
1858
+ @property st-global(--wds-tabs-item-gap-small-medium);
1849
1859
  @property st-global(--wds-tabs-label-fill);
1850
1860
  @property st-global(--wds-tabs-label-fill-active);
1851
1861
  @property st-global(--wds-tabs-label-font-size-medium);
1852
1862
  @property st-global(--wds-tabs-label-font-size-small);
1863
+ @property st-global(--wds-tabs-label-font-size-small-medium);
1853
1864
  @property st-global(--wds-tabs-label-font-weight);
1854
1865
  @property st-global(--wds-tabs-label-font-weight-active);
1855
1866
  @property st-global(--wds-tabs-label-line-height-medium);
1856
1867
  @property st-global(--wds-tabs-label-line-height-small);
1868
+ @property st-global(--wds-tabs-label-line-height-small-medium);
1857
1869
  @property st-global(--wds-tabs-padding-horizontal-medium);
1858
1870
  @property st-global(--wds-tabs-padding-horizontal-small);
1871
+ @property st-global(--wds-tabs-padding-horizontal-small-medium);
1859
1872
  @property st-global(--wds-tabs-padding-vertical-medium);
1860
1873
  @property st-global(--wds-tabs-padding-vertical-small);
1874
+ @property st-global(--wds-tabs-padding-vertical-small-medium);
1861
1875
  @property st-global(--wds-tabs-selection-border);
1862
1876
  @property st-global(--wds-tabs-selection-fill-primary);
1863
1877
  @property st-global(--wds-tabs-selection-fill-secondary);
@@ -3015,10 +3029,13 @@
3015
3029
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: 6px;
3016
3030
  --wds-counter-badge-border-radius-medium: 1000px;
3017
3031
  --wds-counter-badge-border-radius-small: 1000px;
3032
+ --wds-counter-badge-font-size-tiny: 10px;
3018
3033
  --wds-counter-badge-padding-horizontal-medium: 8px;
3019
3034
  --wds-counter-badge-padding-horizontal-small: 6px;
3035
+ --wds-counter-badge-padding-horizontal-tiny: 4px;
3020
3036
  --wds-counter-badge-size-medium: 24px;
3021
3037
  --wds-counter-badge-size-small: 18px;
3038
+ --wds-counter-badge-size-tiny: 21px;
3022
3039
  --wds-custom-modal-border-radius: 8px;
3023
3040
  --wds-custom-modal-content-padding-horizontal: 24px;
3024
3041
  --wds-custom-modal-content-padding-vertical: 24px;
@@ -3151,6 +3168,12 @@
3151
3168
  --wds-gallery-item-padding-right-small: 18px;
3152
3169
  --wds-gallery-item-padding-vertical-medium: 18px;
3153
3170
  --wds-gallery-item-padding-vertical-small: 12px;
3171
+ --wds-google-preview-favicon-background-fill: #F1F3F4;
3172
+ --wds-google-preview-favicon-border-fill: #E6E6E6;
3173
+ --wds-google-preview-site-name-fill: #202124;
3174
+ --wds-google-preview-surface-fill: #ffffff;
3175
+ --wds-google-preview-text-fill: #4D5156;
3176
+ --wds-google-preview-title-fill: #260AA8;
3154
3177
  --wds-icon-button-color-border-dark-secondary: #868aa5;
3155
3178
  --wds-icon-button-color-border-dark-secondary-active: #44485f;
3156
3179
  --wds-icon-button-color-border-dark-secondary-disabled: rgba(0, 6, 36, .1);
@@ -3999,18 +4022,23 @@
3999
4022
  --wds-tabs-item-fill-hover: rgba(0, 6, 36, 0);
4000
4023
  --wds-tabs-item-gap-medium: 6px;
4001
4024
  --wds-tabs-item-gap-small: 6px;
4025
+ --wds-tabs-item-gap-small-medium: 6px;
4002
4026
  --wds-tabs-label-fill: #000624;
4003
4027
  --wds-tabs-label-fill-active: #116dff;
4004
4028
  --wds-tabs-label-font-size-medium: 16px;
4005
4029
  --wds-tabs-label-font-size-small: 14px;
4030
+ --wds-tabs-label-font-size-small-medium: 14px;
4006
4031
  --wds-tabs-label-font-weight: 400;
4007
4032
  --wds-tabs-label-font-weight-active: 400;
4008
4033
  --wds-tabs-label-line-height-medium: 24px;
4009
4034
  --wds-tabs-label-line-height-small: 18px;
4035
+ --wds-tabs-label-line-height-small-medium: 18px;
4010
4036
  --wds-tabs-padding-horizontal-medium: 18px;
4011
4037
  --wds-tabs-padding-horizontal-small: 12px;
4038
+ --wds-tabs-padding-horizontal-small-medium: 12px;
4012
4039
  --wds-tabs-padding-vertical-medium: 18px;
4013
4040
  --wds-tabs-padding-vertical-small: 12px;
4041
+ --wds-tabs-padding-vertical-small-medium: 12px;
4014
4042
  --wds-tabs-selection-border: linear-gradient(90deg, #116dff 0%, #116dff 20%, #116dff 80%, #116dff 100%);
4015
4043
  --wds-tabs-selection-fill-primary: #116dff;
4016
4044
  --wds-tabs-selection-fill-secondary: #116dff;
package/component.st.css CHANGED
@@ -351,10 +351,13 @@
351
351
  @property st-global(--wds-composer-sidebar-item-tooltip-padding-vertical-small);
352
352
  @property st-global(--wds-counter-badge-border-radius-medium);
353
353
  @property st-global(--wds-counter-badge-border-radius-small);
354
+ @property st-global(--wds-counter-badge-font-size-tiny);
354
355
  @property st-global(--wds-counter-badge-padding-horizontal-medium);
355
356
  @property st-global(--wds-counter-badge-padding-horizontal-small);
357
+ @property st-global(--wds-counter-badge-padding-horizontal-tiny);
356
358
  @property st-global(--wds-counter-badge-size-medium);
357
359
  @property st-global(--wds-counter-badge-size-small);
360
+ @property st-global(--wds-counter-badge-size-tiny);
358
361
  @property st-global(--wds-custom-modal-border-radius);
359
362
  @property st-global(--wds-custom-modal-content-padding-horizontal);
360
363
  @property st-global(--wds-custom-modal-content-padding-vertical);
@@ -431,6 +434,12 @@
431
434
  @property st-global(--wds-gallery-item-padding-right-small);
432
435
  @property st-global(--wds-gallery-item-padding-vertical-medium);
433
436
  @property st-global(--wds-gallery-item-padding-vertical-small);
437
+ @property st-global(--wds-google-preview-favicon-background-fill);
438
+ @property st-global(--wds-google-preview-favicon-border-fill);
439
+ @property st-global(--wds-google-preview-site-name-fill);
440
+ @property st-global(--wds-google-preview-surface-fill);
441
+ @property st-global(--wds-google-preview-text-fill);
442
+ @property st-global(--wds-google-preview-title-fill);
434
443
  @property st-global(--wds-icon-button-color-border-dark-secondary);
435
444
  @property st-global(--wds-icon-button-color-border-dark-secondary-active);
436
445
  @property st-global(--wds-icon-button-color-border-dark-secondary-disabled);
@@ -1113,18 +1122,23 @@
1113
1122
  @property st-global(--wds-tabs-item-fill-hover);
1114
1123
  @property st-global(--wds-tabs-item-gap-medium);
1115
1124
  @property st-global(--wds-tabs-item-gap-small);
1125
+ @property st-global(--wds-tabs-item-gap-small-medium);
1116
1126
  @property st-global(--wds-tabs-label-fill);
1117
1127
  @property st-global(--wds-tabs-label-fill-active);
1118
1128
  @property st-global(--wds-tabs-label-font-size-medium);
1119
1129
  @property st-global(--wds-tabs-label-font-size-small);
1130
+ @property st-global(--wds-tabs-label-font-size-small-medium);
1120
1131
  @property st-global(--wds-tabs-label-font-weight);
1121
1132
  @property st-global(--wds-tabs-label-font-weight-active);
1122
1133
  @property st-global(--wds-tabs-label-line-height-medium);
1123
1134
  @property st-global(--wds-tabs-label-line-height-small);
1135
+ @property st-global(--wds-tabs-label-line-height-small-medium);
1124
1136
  @property st-global(--wds-tabs-padding-horizontal-medium);
1125
1137
  @property st-global(--wds-tabs-padding-horizontal-small);
1138
+ @property st-global(--wds-tabs-padding-horizontal-small-medium);
1126
1139
  @property st-global(--wds-tabs-padding-vertical-medium);
1127
1140
  @property st-global(--wds-tabs-padding-vertical-small);
1141
+ @property st-global(--wds-tabs-padding-vertical-small-medium);
1128
1142
  @property st-global(--wds-tabs-selection-border);
1129
1143
  @property st-global(--wds-tabs-selection-fill-primary);
1130
1144
  @property st-global(--wds-tabs-selection-fill-secondary);
@@ -1769,10 +1783,13 @@
1769
1783
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: 6px;
1770
1784
  --wds-counter-badge-border-radius-medium: 1000px;
1771
1785
  --wds-counter-badge-border-radius-small: 1000px;
1786
+ --wds-counter-badge-font-size-tiny: 10px;
1772
1787
  --wds-counter-badge-padding-horizontal-medium: 8px;
1773
1788
  --wds-counter-badge-padding-horizontal-small: 6px;
1789
+ --wds-counter-badge-padding-horizontal-tiny: 4px;
1774
1790
  --wds-counter-badge-size-medium: 24px;
1775
1791
  --wds-counter-badge-size-small: 18px;
1792
+ --wds-counter-badge-size-tiny: 21px;
1776
1793
  --wds-custom-modal-border-radius: 8px;
1777
1794
  --wds-custom-modal-content-padding-horizontal: 24px;
1778
1795
  --wds-custom-modal-content-padding-vertical: 24px;
@@ -1849,6 +1866,12 @@
1849
1866
  --wds-gallery-item-padding-right-small: 18px;
1850
1867
  --wds-gallery-item-padding-vertical-medium: 18px;
1851
1868
  --wds-gallery-item-padding-vertical-small: 12px;
1869
+ --wds-google-preview-favicon-background-fill: #F1F3F4;
1870
+ --wds-google-preview-favicon-border-fill: #E6E6E6;
1871
+ --wds-google-preview-site-name-fill: #202124;
1872
+ --wds-google-preview-surface-fill: #ffffff;
1873
+ --wds-google-preview-text-fill: #4D5156;
1874
+ --wds-google-preview-title-fill: #260AA8;
1852
1875
  --wds-icon-button-color-border-dark-secondary: #868aa5;
1853
1876
  --wds-icon-button-color-border-dark-secondary-active: #44485f;
1854
1877
  --wds-icon-button-color-border-dark-secondary-disabled: rgba(0, 6, 36, .1);
@@ -2531,18 +2554,23 @@
2531
2554
  --wds-tabs-item-fill-hover: rgba(0, 6, 36, 0);
2532
2555
  --wds-tabs-item-gap-medium: 6px;
2533
2556
  --wds-tabs-item-gap-small: 6px;
2557
+ --wds-tabs-item-gap-small-medium: 6px;
2534
2558
  --wds-tabs-label-fill: #000624;
2535
2559
  --wds-tabs-label-fill-active: #116dff;
2536
2560
  --wds-tabs-label-font-size-medium: 16px;
2537
2561
  --wds-tabs-label-font-size-small: 14px;
2562
+ --wds-tabs-label-font-size-small-medium: 14px;
2538
2563
  --wds-tabs-label-font-weight: 400;
2539
2564
  --wds-tabs-label-font-weight-active: 400;
2540
2565
  --wds-tabs-label-line-height-medium: 24px;
2541
2566
  --wds-tabs-label-line-height-small: 18px;
2567
+ --wds-tabs-label-line-height-small-medium: 18px;
2542
2568
  --wds-tabs-padding-horizontal-medium: 18px;
2543
2569
  --wds-tabs-padding-horizontal-small: 12px;
2570
+ --wds-tabs-padding-horizontal-small-medium: 12px;
2544
2571
  --wds-tabs-padding-vertical-medium: 18px;
2545
2572
  --wds-tabs-padding-vertical-small: 12px;
2573
+ --wds-tabs-padding-vertical-small-medium: 12px;
2546
2574
  --wds-tabs-selection-border: linear-gradient(90deg, #116dff 0%, #116dff 20%, #116dff 80%, #116dff 100%);
2547
2575
  --wds-tabs-selection-fill-primary: #116dff;
2548
2576
  --wds-tabs-selection-fill-secondary: #116dff;
package/odeditor/all.css CHANGED
@@ -380,7 +380,14 @@
380
380
  --wds-input-shadow-focus-warning: transparent;
381
381
  --wds-input-shadow-focus-standard: transparent;
382
382
  --wds-input-shadow-focus-destructive: transparent;
383
+ --wds-google-preview-title-fill: #260AA8;
384
+ --wds-google-preview-text-fill: #4D5156;
385
+ --wds-google-preview-site-name-fill: #202124;
386
+ --wds-google-preview-favicon-border-fill: #E6E6E6;
387
+ --wds-google-preview-favicon-background-fill: #F1F3F4;
383
388
  --wds-fill-button-border-color: conic-gradient(from 180deg at 50% 50%, #3747FE 0deg, #4076FD 36deg, #B522FE 72deg, #FF1125 144deg, #F7851A 216deg, #FFCC56 251deg, #37FFC3 324deg, #37A8E8 338deg, #3775D5 352deg, #3747FE 360deg);
389
+ --wds-counter-badge-padding-horizontal-tiny: 4px;
390
+ --wds-counter-badge-font-size-tiny: 10px;
384
391
  --wds-composer-sidebar-end-max-width: 240px;
385
392
  --wds-composer-sidebar-bottom-width: 88px;
386
393
  --wds-color-picker-width: 236px;
@@ -963,16 +970,19 @@
963
970
  --wds-tabs-selection-fill-secondary: var(--wds-color-black-100-transparent-0);
964
971
  --wds-tabs-selection-fill-primary: var(--wds-color-black-100-transparent-0);
965
972
  --wds-tabs-selection-border: var(--wds-color-black-100-transparent-0);
973
+ --wds-tabs-padding-vertical-small-medium: var(--wds-space-150);
966
974
  --wds-tabs-padding-vertical-small: var(--wds-space-100);
967
975
  --wds-tabs-padding-vertical-medium: var(--wds-space-175);
976
+ --wds-tabs-padding-horizontal-small-medium: var(--wds-space-300);
968
977
  --wds-tabs-padding-horizontal-small: var(--wds-space-200);
969
978
  --wds-tabs-padding-horizontal-medium: var(--wds-space-400);
970
- --wds-tabs-label-font-weight-active: var(--wds-font-weight-semi-bold);
979
+ --wds-tabs-label-font-weight-active: var(--wds-font-weight-medium);
971
980
  --wds-tabs-label-font-weight: var(--wds-font-weight-medium);
972
981
  --wds-tabs-label-fill: var(--wds-color-black-300);
982
+ --wds-tabs-item-gap-small-medium: var(--wds-space-150);
973
983
  --wds-tabs-item-gap-small: var(--wds-space-150);
974
984
  --wds-tabs-item-gap-medium: var(--wds-space-200);
975
- --wds-tabs-item-fill-hover: var(--wds-color-black-750);
985
+ --wds-tabs-item-fill-active: var(--wds-color-black-600);
976
986
  --wds-tabs-gap-horizontal: var(--wds-space-100);
977
987
  --wds-tabs-container-padding-horizontal: var(--wds-space-400);
978
988
  --wds-tabs-border-radius: var(--wds-border-radius-300);
@@ -1342,6 +1352,7 @@
1342
1352
  --wds-icon-button-color-border-premium-secondary-disabled: var(--wds-color-black-700);
1343
1353
  --wds-icon-button-color-border-light-secondary-disabled: var(--wds-color-black-700);
1344
1354
  --wds-icon-button-color-border-dark-secondary-disabled: var(--wds-color-black-700);
1355
+ --wds-google-preview-surface-fill: var(--wds-color-white);
1345
1356
  --wds-form-field-label-gap-tiny: var(--wds-space-150);
1346
1357
  --wds-form-field-label-gap-small: var(--wds-space-200);
1347
1358
  --wds-form-field-label-font-weight: var(--wds-font-weight-medium);
@@ -1374,6 +1385,7 @@
1374
1385
  --wds-custom-modal-footer-padding-horizontal: var(--wds-space-600);
1375
1386
  --wds-custom-modal-content-padding-vertical: var(--wds-space-600);
1376
1387
  --wds-custom-modal-content-padding-horizontal: var(--wds-space-600);
1388
+ --wds-counter-badge-size-tiny: var(--wds-space-350);
1377
1389
  --wds-counter-badge-size-small: var(--wds-space-475);
1378
1390
  --wds-counter-badge-size-medium: var(--wds-space-600);
1379
1391
  --wds-counter-badge-padding-horizontal-small: var(--wds-space-150);
@@ -1684,10 +1696,11 @@
1684
1696
  --wds-thumbnail-border-color-disabled: var(--wds-color-border-standard-primary-disabled);
1685
1697
  --wds-thumbnail-border-color: var(--wds-color-border-dark-secondary);
1686
1698
  --wds-tag-label-font-size-small: var(--wds-font-size-body-tiny);
1699
+ --wds-tabs-label-font-size-small-medium: var(--wds-font-size-body-small);
1687
1700
  --wds-tabs-label-font-size-small: var(--wds-font-size-body-small);
1688
- --wds-tabs-label-font-size-medium: var(--wds-font-size-body-medium);
1701
+ --wds-tabs-label-font-size-medium: var(--wds-font-size-body-small);
1689
1702
  --wds-tabs-label-fill-active: var(--wds-color-text-standard-primary);
1690
- --wds-tabs-item-fill-active: var(--wds-color-fill-dark-secondary);
1703
+ --wds-tabs-item-fill-hover: var(--wds-color-fill-dark-secondary);
1691
1704
  --wds-table-list-item-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1692
1705
  --wds-table-list-item-fill-active: var(--wds-color-fill-dark-tertiary-active);
1693
1706
  --wds-table-list-item-fill: var(--wds-color-fill-dark-tertiary);
@@ -2063,8 +2076,9 @@
2063
2076
  --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2064
2077
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2065
2078
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2079
+ --wds-tabs-label-line-height-small-medium: var(--wds-font-line-height-body-small);
2066
2080
  --wds-tabs-label-line-height-small: var(--wds-font-line-height-body-small);
2067
- --wds-tabs-label-line-height-medium: var(--wds-font-line-height-body-medium);
2081
+ --wds-tabs-label-line-height-medium: var(--wds-font-line-height-body-small);
2068
2082
  --wds-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2069
2083
  --wds-status-toast-text-font-line-height: var(--wds-font-line-height-body-small);
2070
2084
  --wds-side-panel-title-font-line-height: var(--wds-font-line-height-heading-3);
package/odeditor/all.scss CHANGED
@@ -154,6 +154,11 @@
154
154
  --wds-illustration-color-3: #B8C4FF;
155
155
  --wds-illustration-color-2: #7896FF;
156
156
  --wds-illustration-color-1: #002294;
157
+ --wds-google-preview-title-fill: #260AA8;
158
+ --wds-google-preview-text-fill: #4D5156;
159
+ --wds-google-preview-site-name-fill: #202124;
160
+ --wds-google-preview-favicon-border-fill: #E6E6E6;
161
+ --wds-google-preview-favicon-background-fill: #F1F3F4;
157
162
  --wds-font-weight-semi-bold: 600;
158
163
  --wds-font-weight-regular: 400;
159
164
  --wds-font-weight-medium: 500;
@@ -175,6 +180,8 @@
175
180
  --wds-font-family-display: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
176
181
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
177
182
  --wds-fill-button-border-color: conic-gradient(from 180deg at 50% 50%, #3747FE 0deg, #4076FD 36deg, #B522FE 72deg, #FF1125 144deg, #F7851A 216deg, #FFCC56 251deg, #37FFC3 324deg, #37A8E8 338deg, #3775D5 352deg, #3747FE 360deg);
183
+ --wds-counter-badge-padding-horizontal-tiny: 4px;
184
+ --wds-counter-badge-font-size-tiny: 10px;
178
185
  --wds-composer-sidebar-end-max-width: 240px;
179
186
  --wds-composer-sidebar-bottom-width: 88px;
180
187
  --wds-color-yellow-600: #fef6ed;
@@ -541,16 +548,19 @@
541
548
  --wds-tabs-selection-fill-secondary: var(--wds-color-black-100-transparent-0);
542
549
  --wds-tabs-selection-fill-primary: var(--wds-color-black-100-transparent-0);
543
550
  --wds-tabs-selection-border: var(--wds-color-black-100-transparent-0);
551
+ --wds-tabs-padding-vertical-small-medium: var(--wds-space-150);
544
552
  --wds-tabs-padding-vertical-small: var(--wds-space-100);
545
553
  --wds-tabs-padding-vertical-medium: var(--wds-space-175);
554
+ --wds-tabs-padding-horizontal-small-medium: var(--wds-space-300);
546
555
  --wds-tabs-padding-horizontal-small: var(--wds-space-200);
547
556
  --wds-tabs-padding-horizontal-medium: var(--wds-space-400);
548
- --wds-tabs-label-font-weight-active: var(--wds-font-weight-semi-bold);
557
+ --wds-tabs-label-font-weight-active: var(--wds-font-weight-medium);
549
558
  --wds-tabs-label-font-weight: var(--wds-font-weight-medium);
550
559
  --wds-tabs-label-fill: var(--wds-color-black-300);
560
+ --wds-tabs-item-gap-small-medium: var(--wds-space-150);
551
561
  --wds-tabs-item-gap-small: var(--wds-space-150);
552
562
  --wds-tabs-item-gap-medium: var(--wds-space-200);
553
- --wds-tabs-item-fill-hover: var(--wds-color-black-750);
563
+ --wds-tabs-item-fill-active: var(--wds-color-black-600);
554
564
  --wds-tabs-gap-horizontal: var(--wds-space-100);
555
565
  --wds-tabs-container-padding-horizontal: var(--wds-space-400);
556
566
  --wds-tabs-border-radius: var(--wds-border-radius-300);
@@ -1016,6 +1026,7 @@
1016
1026
  --wds-icon-button-color-border-premium-secondary-disabled: var(--wds-color-black-700);
1017
1027
  --wds-icon-button-color-border-light-secondary-disabled: var(--wds-color-black-700);
1018
1028
  --wds-icon-button-color-border-dark-secondary-disabled: var(--wds-color-black-700);
1029
+ --wds-google-preview-surface-fill: var(--wds-color-white);
1019
1030
  --wds-form-field-label-gap-tiny: var(--wds-space-150);
1020
1031
  --wds-form-field-label-gap-small: var(--wds-space-200);
1021
1032
  --wds-form-field-label-font-weight: var(--wds-font-weight-medium);
@@ -1075,6 +1086,7 @@
1075
1086
  --wds-custom-modal-footer-padding-horizontal: var(--wds-space-600);
1076
1087
  --wds-custom-modal-content-padding-vertical: var(--wds-space-600);
1077
1088
  --wds-custom-modal-content-padding-horizontal: var(--wds-space-600);
1089
+ --wds-counter-badge-size-tiny: var(--wds-space-350);
1078
1090
  --wds-counter-badge-size-small: var(--wds-space-475);
1079
1091
  --wds-counter-badge-size-medium: var(--wds-space-600);
1080
1092
  --wds-counter-badge-padding-horizontal-small: var(--wds-space-150);
@@ -1666,10 +1678,11 @@
1666
1678
  --wds-thumbnail-border-color-disabled: var(--wds-color-border-standard-primary-disabled);
1667
1679
  --wds-thumbnail-border-color: var(--wds-color-border-dark-secondary);
1668
1680
  --wds-tag-label-font-size-small: var(--wds-font-size-body-tiny);
1681
+ --wds-tabs-label-font-size-small-medium: var(--wds-font-size-body-small);
1669
1682
  --wds-tabs-label-font-size-small: var(--wds-font-size-body-small);
1670
- --wds-tabs-label-font-size-medium: var(--wds-font-size-body-medium);
1683
+ --wds-tabs-label-font-size-medium: var(--wds-font-size-body-small);
1671
1684
  --wds-tabs-label-fill-active: var(--wds-color-text-standard-primary);
1672
- --wds-tabs-item-fill-active: var(--wds-color-fill-dark-secondary);
1685
+ --wds-tabs-item-fill-hover: var(--wds-color-fill-dark-secondary);
1673
1686
  --wds-table-list-item-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1674
1687
  --wds-table-list-item-fill-active: var(--wds-color-fill-dark-tertiary-active);
1675
1688
  --wds-table-list-item-fill: var(--wds-color-fill-dark-tertiary);
@@ -2063,8 +2076,9 @@
2063
2076
  --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2064
2077
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2065
2078
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2079
+ --wds-tabs-label-line-height-small-medium: var(--wds-font-line-height-body-small);
2066
2080
  --wds-tabs-label-line-height-small: var(--wds-font-line-height-body-small);
2067
- --wds-tabs-label-line-height-medium: var(--wds-font-line-height-body-medium);
2081
+ --wds-tabs-label-line-height-medium: var(--wds-font-line-height-body-small);
2068
2082
  --wds-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2069
2083
  --wds-status-toast-text-font-line-height: var(--wds-font-line-height-body-small);
2070
2084
  --wds-side-panel-title-font-line-height: var(--wds-font-line-height-heading-3);
package/odeditor/all.st.css CHANGED
@@ -846,10 +846,13 @@
846
846
  @property st-global(--wds-composer-sidebar-item-tooltip-padding-vertical-small);
847
847
  @property st-global(--wds-counter-badge-border-radius-medium);
848
848
  @property st-global(--wds-counter-badge-border-radius-small);
849
+ @property st-global(--wds-counter-badge-font-size-tiny);
849
850
  @property st-global(--wds-counter-badge-padding-horizontal-medium);
850
851
  @property st-global(--wds-counter-badge-padding-horizontal-small);
852
+ @property st-global(--wds-counter-badge-padding-horizontal-tiny);
851
853
  @property st-global(--wds-counter-badge-size-medium);
852
854
  @property st-global(--wds-counter-badge-size-small);
855
+ @property st-global(--wds-counter-badge-size-tiny);
853
856
  @property st-global(--wds-custom-modal-border-radius);
854
857
  @property st-global(--wds-custom-modal-content-padding-horizontal);
855
858
  @property st-global(--wds-custom-modal-content-padding-vertical);
@@ -971,6 +974,12 @@
971
974
  @property st-global(--wds-form-field-label-gap-tiny);
972
975
  @property st-global(--wds-form-field-label-line-height-small);
973
976
  @property st-global(--wds-form-field-label-line-height-tiny);
977
+ @property st-global(--wds-google-preview-favicon-background-fill);
978
+ @property st-global(--wds-google-preview-favicon-border-fill);
979
+ @property st-global(--wds-google-preview-site-name-fill);
980
+ @property st-global(--wds-google-preview-surface-fill);
981
+ @property st-global(--wds-google-preview-text-fill);
982
+ @property st-global(--wds-google-preview-title-fill);
974
983
  @property st-global(--wds-icon-button-color-border-dark-secondary);
975
984
  @property st-global(--wds-icon-button-color-border-dark-secondary-active);
976
985
  @property st-global(--wds-icon-button-color-border-dark-secondary-disabled);
@@ -1810,18 +1819,23 @@
1810
1819
  @property st-global(--wds-tabs-item-fill-hover);
1811
1820
  @property st-global(--wds-tabs-item-gap-medium);
1812
1821
  @property st-global(--wds-tabs-item-gap-small);
1822
+ @property st-global(--wds-tabs-item-gap-small-medium);
1813
1823
  @property st-global(--wds-tabs-label-fill);
1814
1824
  @property st-global(--wds-tabs-label-fill-active);
1815
1825
  @property st-global(--wds-tabs-label-font-size-medium);
1816
1826
  @property st-global(--wds-tabs-label-font-size-small);
1827
+ @property st-global(--wds-tabs-label-font-size-small-medium);
1817
1828
  @property st-global(--wds-tabs-label-font-weight);
1818
1829
  @property st-global(--wds-tabs-label-font-weight-active);
1819
1830
  @property st-global(--wds-tabs-label-line-height-medium);
1820
1831
  @property st-global(--wds-tabs-label-line-height-small);
1832
+ @property st-global(--wds-tabs-label-line-height-small-medium);
1821
1833
  @property st-global(--wds-tabs-padding-horizontal-medium);
1822
1834
  @property st-global(--wds-tabs-padding-horizontal-small);
1835
+ @property st-global(--wds-tabs-padding-horizontal-small-medium);
1823
1836
  @property st-global(--wds-tabs-padding-vertical-medium);
1824
1837
  @property st-global(--wds-tabs-padding-vertical-small);
1838
+ @property st-global(--wds-tabs-padding-vertical-small-medium);
1825
1839
  @property st-global(--wds-tabs-selection-border);
1826
1840
  @property st-global(--wds-tabs-selection-fill-primary);
1827
1841
  @property st-global(--wds-tabs-selection-fill-secondary);
@@ -2956,10 +2970,13 @@
2956
2970
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: 4px;
2957
2971
  --wds-counter-badge-border-radius-medium: 1000px;
2958
2972
  --wds-counter-badge-border-radius-small: 1000px;
2973
+ --wds-counter-badge-font-size-tiny: 10px;
2959
2974
  --wds-counter-badge-padding-horizontal-medium: 8px;
2960
2975
  --wds-counter-badge-padding-horizontal-small: 6px;
2976
+ --wds-counter-badge-padding-horizontal-tiny: 4px;
2961
2977
  --wds-counter-badge-size-medium: 24px;
2962
2978
  --wds-counter-badge-size-small: 18px;
2979
+ --wds-counter-badge-size-tiny: 14px;
2963
2980
  --wds-custom-modal-border-radius: 12px;
2964
2981
  --wds-custom-modal-content-padding-horizontal: 24px;
2965
2982
  --wds-custom-modal-content-padding-vertical: 24px;
@@ -3081,6 +3098,12 @@
3081
3098
  --wds-form-field-label-gap-tiny: 6px;
3082
3099
  --wds-form-field-label-line-height-small: 16px;
3083
3100
  --wds-form-field-label-line-height-tiny: 12px;
3101
+ --wds-google-preview-favicon-background-fill: #F1F3F4;
3102
+ --wds-google-preview-favicon-border-fill: #E6E6E6;
3103
+ --wds-google-preview-site-name-fill: #202124;
3104
+ --wds-google-preview-surface-fill: #ffffff;
3105
+ --wds-google-preview-text-fill: #4D5156;
3106
+ --wds-google-preview-title-fill: #260AA8;
3084
3107
  --wds-icon-button-color-border-dark-secondary: #767574;
3085
3108
  --wds-icon-button-color-border-dark-secondary-active: #dedede;
3086
3109
  --wds-icon-button-color-border-dark-secondary-disabled: #f0efef;
@@ -3916,22 +3939,27 @@
3916
3939
  --wds-tabs-border-radius: 6px;
3917
3940
  --wds-tabs-container-padding-horizontal: 16px;
3918
3941
  --wds-tabs-gap-horizontal: 4px;
3919
- --wds-tabs-item-fill-active: #f0efef;
3920
- --wds-tabs-item-fill-hover: #f8f6f6;
3942
+ --wds-tabs-item-fill-active: #e8e7e7;
3943
+ --wds-tabs-item-fill-hover: #f0efef;
3921
3944
  --wds-tabs-item-gap-medium: 8px;
3922
3945
  --wds-tabs-item-gap-small: 6px;
3946
+ --wds-tabs-item-gap-small-medium: 6px;
3923
3947
  --wds-tabs-label-fill: #525150;
3924
3948
  --wds-tabs-label-fill-active: #151414;
3925
- --wds-tabs-label-font-size-medium: 16px;
3949
+ --wds-tabs-label-font-size-medium: 14px;
3926
3950
  --wds-tabs-label-font-size-small: 14px;
3951
+ --wds-tabs-label-font-size-small-medium: 14px;
3927
3952
  --wds-tabs-label-font-weight: 500;
3928
- --wds-tabs-label-font-weight-active: 600;
3929
- --wds-tabs-label-line-height-medium: 24px;
3953
+ --wds-tabs-label-font-weight-active: 500;
3954
+ --wds-tabs-label-line-height-medium: 18px;
3930
3955
  --wds-tabs-label-line-height-small: 18px;
3956
+ --wds-tabs-label-line-height-small-medium: 18px;
3931
3957
  --wds-tabs-padding-horizontal-medium: 16px;
3932
3958
  --wds-tabs-padding-horizontal-small: 8px;
3959
+ --wds-tabs-padding-horizontal-small-medium: 12px;
3933
3960
  --wds-tabs-padding-vertical-medium: 7px;
3934
3961
  --wds-tabs-padding-vertical-small: 4px;
3962
+ --wds-tabs-padding-vertical-small-medium: 6px;
3935
3963
  --wds-tabs-selection-border: rgba(19, 23, 32, 0);
3936
3964
  --wds-tabs-selection-fill-primary: rgba(19, 23, 32, 0);
3937
3965
  --wds-tabs-selection-fill-secondary: rgba(19, 23, 32, 0);