@empathyco/x-components 6.0.0-alpha.31 → 6.0.0-alpha.33

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 (66) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/core/index.js +1 -0
  3. package/core/index.js.map +1 -1
  4. package/design-system/deprecated-full-theme.css +1195 -1195
  5. package/docs/API-reference/api/x-components.globalxbus.md +2 -0
  6. package/docs/API-reference/api/x-components.hierarchicalfilter.md +1 -0
  7. package/docs/API-reference/api/x-components.md +1 -0
  8. package/docs/API-reference/api/x-components.pageselector.md +80 -0
  9. package/docs/API-reference/api/x-components.searchconfig.md +1 -0
  10. package/docs/API-reference/api/x-components.searchconfig.pagemode.md +11 -0
  11. package/docs/API-reference/api/x-components.searchxevents.md +1 -0
  12. package/docs/API-reference/api/x-components.searchxevents.userselectedapage.md +13 -0
  13. package/docs/API-reference/api/x-components.simplefilter.md +1 -0
  14. package/docs/API-reference/api/x-components.snippetcallbacks.md +1 -0
  15. package/docs/API-reference/components/common/x-components.page-selector.md +151 -0
  16. package/js/components/page-selector.vue.js +78 -0
  17. package/js/components/page-selector.vue.js.map +1 -0
  18. package/js/components/page-selector.vue2.js +128 -0
  19. package/js/components/page-selector.vue2.js.map +1 -0
  20. package/js/components/page-selector.vue3.js +7 -0
  21. package/js/components/page-selector.vue3.js.map +1 -0
  22. package/js/index.js +1 -0
  23. package/js/index.js.map +1 -1
  24. package/js/x-modules/empathize/components/empathize.vue2.js +2 -0
  25. package/js/x-modules/empathize/components/empathize.vue2.js.map +1 -1
  26. package/js/x-modules/queries-preview/components/query-preview-button.vue2.js +2 -0
  27. package/js/x-modules/queries-preview/components/query-preview-button.vue2.js.map +1 -1
  28. package/js/x-modules/queries-preview/components/query-preview.vue2.js +2 -0
  29. package/js/x-modules/queries-preview/components/query-preview.vue2.js.map +1 -1
  30. package/js/x-modules/related-prompts/wiring.js +4 -3
  31. package/js/x-modules/related-prompts/wiring.js.map +1 -1
  32. package/js/x-modules/scroll/components/scroll-to-top.vue2.js +2 -0
  33. package/js/x-modules/scroll/components/scroll-to-top.vue2.js.map +1 -1
  34. package/js/x-modules/search/store/actions/fetch-and-save-search-response.action.js +10 -3
  35. package/js/x-modules/search/store/actions/fetch-and-save-search-response.action.js.map +1 -1
  36. package/js/x-modules/search/store/module.js +2 -1
  37. package/js/x-modules/search/store/module.js.map +1 -1
  38. package/js/x-modules/search/wiring.js +4 -0
  39. package/js/x-modules/search/wiring.js.map +1 -1
  40. package/package.json +2 -2
  41. package/report/x-components.api.json +388 -4
  42. package/report/x-components.api.md +89 -3
  43. package/types/components/global-x-bus.vue.d.ts +2 -0
  44. package/types/components/global-x-bus.vue.d.ts.map +1 -1
  45. package/types/components/index.d.ts +1 -0
  46. package/types/components/index.d.ts.map +1 -1
  47. package/types/components/page-selector.vue.d.ts +125 -0
  48. package/types/components/page-selector.vue.d.ts.map +1 -0
  49. package/types/components/snippet-callbacks.vue.d.ts +1 -0
  50. package/types/components/snippet-callbacks.vue.d.ts.map +1 -1
  51. package/types/types/page-mode.d.ts +2 -0
  52. package/types/types/page-mode.d.ts.map +1 -0
  53. package/types/x-modules/facets/components/filters/hierarchical-filter.vue.d.ts +1 -0
  54. package/types/x-modules/facets/components/filters/hierarchical-filter.vue.d.ts.map +1 -1
  55. package/types/x-modules/facets/components/filters/simple-filter.vue.d.ts +1 -0
  56. package/types/x-modules/facets/components/filters/simple-filter.vue.d.ts.map +1 -1
  57. package/types/x-modules/related-prompts/wiring.d.ts +2 -1
  58. package/types/x-modules/related-prompts/wiring.d.ts.map +1 -1
  59. package/types/x-modules/search/config.types.d.ts +2 -0
  60. package/types/x-modules/search/config.types.d.ts.map +1 -1
  61. package/types/x-modules/search/events.types.d.ts +4 -0
  62. package/types/x-modules/search/events.types.d.ts.map +1 -1
  63. package/types/x-modules/search/store/actions/fetch-and-save-search-response.action.d.ts.map +1 -1
  64. package/types/x-modules/search/store/module.d.ts.map +1 -1
  65. package/types/x-modules/search/wiring.d.ts +4 -0
  66. package/types/x-modules/search/wiring.d.ts.map +1 -1
package/design-system/deprecated-full-theme.css CHANGED
@@ -1,4 +1,5 @@
1
1
 
2
+
2
3
  .x-uppercase {
3
4
  text-transform: uppercase;
4
5
  }
@@ -493,7 +494,6 @@
493
494
  [dir="rtl"] .x-padding--left-20 {
494
495
  padding-right: var(--x-size-base-20) !important;
495
496
  }
496
-
497
497
  .x-margin--auto {
498
498
  margin: auto !important;
499
499
  }
@@ -1013,15 +1013,6 @@
1013
1013
  -webkit-box-orient: vertical !important;
1014
1014
  -webkit-line-clamp: 6 !important;
1015
1015
  }
1016
- .x-font-weight--light {
1017
- font-weight: var(--x-number-font-weight-base-light) !important;
1018
- }
1019
- .x-font-weight--regular {
1020
- font-weight: var(--x-number-font-weight-base-regular) !important;
1021
- }
1022
- .x-font-weight--bold {
1023
- font-weight: var(--x-number-font-weight-base-bold) !important;
1024
- }
1025
1016
  .x-font-size--01 {
1026
1017
  font-size: var(--x-size-base-01) !important;
1027
1018
  line-height: 1.5;
@@ -1102,48 +1093,14 @@
1102
1093
  font-size: var(--x-size-base-20) !important;
1103
1094
  line-height: 1.5;
1104
1095
  }
1105
- .x-font-color--lead {
1106
- color: var(--x-color-base-lead) !important;
1107
- }
1108
-
1109
- .x-font-color--auxiliary {
1110
- color: var(--x-color-base-auxiliary) !important;
1111
- }
1112
-
1113
- .x-font-color--neutral-10 {
1114
- color: var(--x-color-base-neutral-10) !important;
1115
- }
1116
-
1117
- .x-font-color--neutral-35 {
1118
- color: var(--x-color-base-neutral-35) !important;
1119
- }
1120
-
1121
- .x-font-color--neutral-70 {
1122
- color: var(--x-color-base-neutral-70) !important;
1123
- }
1124
-
1125
- .x-font-color--neutral-95 {
1126
- color: var(--x-color-base-neutral-95) !important;
1127
- }
1128
-
1129
- .x-font-color--neutral-100 {
1130
- color: var(--x-color-base-neutral-100) !important;
1131
- }
1132
-
1133
- .x-font-color--accent {
1134
- color: var(--x-color-base-accent) !important;
1135
- }
1136
-
1137
- .x-font-color--enable {
1138
- color: var(--x-color-base-enable) !important;
1096
+ .x-font-weight--light {
1097
+ font-weight: var(--x-number-font-weight-base-light) !important;
1139
1098
  }
1140
-
1141
- .x-font-color--disable {
1142
- color: var(--x-color-base-disable) !important;
1099
+ .x-font-weight--regular {
1100
+ font-weight: var(--x-number-font-weight-base-regular) !important;
1143
1101
  }
1144
-
1145
- .x-font-color--transparent {
1146
- color: var(--x-color-base-transparent) !important;
1102
+ .x-font-weight--bold {
1103
+ font-weight: var(--x-number-font-weight-base-bold) !important;
1147
1104
  }
1148
1105
  .x-flex-1 {
1149
1106
  flex: 1 1 0% !important;
@@ -1188,6 +1145,49 @@
1188
1145
  .x-self-baseline {
1189
1146
  align-self: baseline !important;
1190
1147
  }
1148
+ .x-font-color--lead {
1149
+ color: var(--x-color-base-lead) !important;
1150
+ }
1151
+
1152
+ .x-font-color--auxiliary {
1153
+ color: var(--x-color-base-auxiliary) !important;
1154
+ }
1155
+
1156
+ .x-font-color--neutral-10 {
1157
+ color: var(--x-color-base-neutral-10) !important;
1158
+ }
1159
+
1160
+ .x-font-color--neutral-35 {
1161
+ color: var(--x-color-base-neutral-35) !important;
1162
+ }
1163
+
1164
+ .x-font-color--neutral-70 {
1165
+ color: var(--x-color-base-neutral-70) !important;
1166
+ }
1167
+
1168
+ .x-font-color--neutral-95 {
1169
+ color: var(--x-color-base-neutral-95) !important;
1170
+ }
1171
+
1172
+ .x-font-color--neutral-100 {
1173
+ color: var(--x-color-base-neutral-100) !important;
1174
+ }
1175
+
1176
+ .x-font-color--accent {
1177
+ color: var(--x-color-base-accent) !important;
1178
+ }
1179
+
1180
+ .x-font-color--enable {
1181
+ color: var(--x-color-base-enable) !important;
1182
+ }
1183
+
1184
+ .x-font-color--disable {
1185
+ color: var(--x-color-base-disable) !important;
1186
+ }
1187
+
1188
+ .x-font-color--transparent {
1189
+ color: var(--x-color-base-transparent) !important;
1190
+ }
1191
1191
  .x-fill--lead {
1192
1192
  fill: var(--x-color-base-lead) !important;
1193
1193
  }
@@ -3317,6 +3317,21 @@
3317
3317
  .x-border-color--transparent {
3318
3318
  border-color: var(--x-color-base-transparent) !important;
3319
3319
  }
3320
+ .x-text--stroke.x-text {
3321
+ --x-string-text-decoration: line-through;
3322
+ }
3323
+ .x-text--stroke.x-title1 {
3324
+ --x-string-text-decoration-title1: line-through;
3325
+ }
3326
+ .x-text--stroke.x-title2 {
3327
+ --x-string-text-decoration-title2: line-through;
3328
+ }
3329
+ .x-text--stroke.x-title3 {
3330
+ --x-string-text-decoration-title3: line-through;
3331
+ }
3332
+ .x-text--stroke.x-small {
3333
+ --x-string-text-decoration-small: line-through;
3334
+ }
3320
3335
  .x-background--lead {
3321
3336
  background-color: var(--x-color-base-lead) !important;
3322
3337
  }
@@ -3360,24 +3375,12 @@
3360
3375
  .x-background--transparent {
3361
3376
  background-color: var(--x-color-base-transparent) !important;
3362
3377
  }
3363
- .x-text--stroke.x-text {
3364
- --x-string-text-decoration: line-through;
3365
- }
3366
- .x-text--stroke.x-title1 {
3367
- --x-string-text-decoration-title1: line-through;
3368
- }
3369
- .x-text--stroke.x-title2 {
3370
- --x-string-text-decoration-title2: line-through;
3371
- }
3372
- .x-text--stroke.x-title3 {
3373
- --x-string-text-decoration-title3: line-through;
3374
- }
3375
- .x-text--stroke.x-small {
3376
- --x-string-text-decoration-small: line-through;
3377
- }
3378
3378
  :root {
3379
3379
  --x-color-text-secondary: var(--x-color-base-neutral-35);
3380
3380
  }
3381
+ .x-text--secondary {
3382
+ --x-color-text-default: var(--x-color-text-secondary);
3383
+ }
3381
3384
  .x-text--light.x-text {
3382
3385
  --x-number-font-weight-text: var(--x-number-font-weight-base-light);
3383
3386
  }
@@ -3393,9 +3396,6 @@
3393
3396
  .x-text--light.x-small {
3394
3397
  --x-number-font-weight-small: var(--x-number-font-weight-base-light);
3395
3398
  }
3396
- .x-text--secondary {
3397
- --x-color-text-default: var(--x-color-text-secondary);
3398
- }
3399
3399
  :root {
3400
3400
  --x-font-family-base: "Montserrat", sans-serif;
3401
3401
  --x-size-font-base-xs: 12px;
@@ -3538,9 +3538,6 @@
3538
3538
  overflow: hidden;
3539
3539
  white-space: nowrap;
3540
3540
  }
3541
- :root {
3542
- --x-color-text-accent: var(--x-color-base-accent);
3543
- }
3544
3541
  .x-text--bold.x-text {
3545
3542
  --x-number-font-weight-text: var(--x-number-font-weight-base-bold);
3546
3543
  }
@@ -3556,9 +3553,24 @@
3556
3553
  .x-text--bold.x-small {
3557
3554
  --x-number-font-weight-small: var(--x-number-font-weight-base-bold);
3558
3555
  }
3556
+ :root {
3557
+ --x-color-text-accent: var(--x-color-base-accent);
3558
+ }
3559
3559
  .x-text--accent {
3560
3560
  --x-color-text-default: var(--x-color-text-accent);
3561
3561
  }
3562
+ :root {
3563
+ --x-color-background-tag-ghost: transparent;
3564
+ --x-color-border-tag-ghost: transparent;
3565
+ --x-color-background-tag-selected-ghost: transparent;
3566
+ --x-color-border-tag-selected-ghost: transparent;
3567
+ --x-color-background-tag-curated-ghost: transparent;
3568
+ --x-color-border-tag-curated-ghost: transparent;
3569
+ --x-color-background-tag-curated-selected-ghost: transparent;
3570
+ --x-color-border-tag-curated-selected-ghost: transparent;
3571
+ --x-number-font-weight-tag-selected-ghost: var(--x-number-font-weight-base-bold);
3572
+ --x-number-font-weight-tag-curated-selected-ghost: var(--x-number-font-weight-base-bold);
3573
+ }
3562
3574
  :root {
3563
3575
  --x-size-border-radius-tag-pill: var(--x-size-border-radius-base-pill);
3564
3576
  --x-size-border-radius-top-left-tag-pill: var(--x-size-border-radius-tag-pill);
@@ -3596,6 +3608,24 @@
3596
3608
  --x-number-font-weight-tag-selected-ghost: var(--x-number-font-weight-base-bold);
3597
3609
  --x-number-font-weight-tag-curated-selected-ghost: var(--x-number-font-weight-base-bold);
3598
3610
  }
3611
+
3612
+ .x-tag--ghost.x-tag,
3613
+ .x-tag--ghost .x-tag {
3614
+ --x-color-background-tag-default: var(--x-color-background-tag-ghost);
3615
+ --x-color-border-tag-default: var(--x-color-border-tag-ghost);
3616
+ --x-color-background-tag-default-curated: var(--x-color-background-tag-curated-ghost);
3617
+ --x-color-border-tag-default-curated: var(--x-color-border-tag-curated-ghost);
3618
+ --x-color-background-tag-default-selected: var(--x-color-background-tag-selected-ghost);
3619
+ --x-color-border-tag-default-selected: var(--x-color-border-tag-selected-ghost);
3620
+ --x-color-background-tag-default-curated-selected: var(
3621
+ --x-color-background-tag-curated-selected-ghost
3622
+ );
3623
+ --x-color-border-tag-default-curated-selected: var(--x-color-border-tag-curated-selected-ghost);
3624
+ --x-number-font-weight-tag-default-selected: var(--x-number-font-weight-tag-selected-ghost);
3625
+ --x-number-font-weight-tag-default-curated-selected: var(
3626
+ --x-number-font-weight-tag-curated-selected-ghost
3627
+ );
3628
+ }
3599
3629
  :root {
3600
3630
  --x-color-background-tag-default: var(--x-color-base-neutral-100);
3601
3631
  --x-color-border-tag-default: var(--x-color-text-tag-default);
@@ -3642,36 +3672,6 @@
3642
3672
  --x-number-font-weight-tag-default-selected
3643
3673
  );
3644
3674
  }
3645
- :root {
3646
- --x-color-background-tag-ghost: transparent;
3647
- --x-color-border-tag-ghost: transparent;
3648
- --x-color-background-tag-selected-ghost: transparent;
3649
- --x-color-border-tag-selected-ghost: transparent;
3650
- --x-color-background-tag-curated-ghost: transparent;
3651
- --x-color-border-tag-curated-ghost: transparent;
3652
- --x-color-background-tag-curated-selected-ghost: transparent;
3653
- --x-color-border-tag-curated-selected-ghost: transparent;
3654
- --x-number-font-weight-tag-selected-ghost: var(--x-number-font-weight-base-bold);
3655
- --x-number-font-weight-tag-curated-selected-ghost: var(--x-number-font-weight-base-bold);
3656
- }
3657
-
3658
- .x-tag--ghost.x-tag,
3659
- .x-tag--ghost .x-tag {
3660
- --x-color-background-tag-default: var(--x-color-background-tag-ghost);
3661
- --x-color-border-tag-default: var(--x-color-border-tag-ghost);
3662
- --x-color-background-tag-default-curated: var(--x-color-background-tag-curated-ghost);
3663
- --x-color-border-tag-default-curated: var(--x-color-border-tag-curated-ghost);
3664
- --x-color-background-tag-default-selected: var(--x-color-background-tag-selected-ghost);
3665
- --x-color-border-tag-default-selected: var(--x-color-border-tag-selected-ghost);
3666
- --x-color-background-tag-default-curated-selected: var(
3667
- --x-color-background-tag-curated-selected-ghost
3668
- );
3669
- --x-color-border-tag-default-curated-selected: var(--x-color-border-tag-curated-selected-ghost);
3670
- --x-number-font-weight-tag-default-selected: var(--x-number-font-weight-tag-selected-ghost);
3671
- --x-number-font-weight-tag-default-curated-selected: var(
3672
- --x-number-font-weight-tag-curated-selected-ghost
3673
- );
3674
- }
3675
3675
  :root {
3676
3676
  --x-color-background-tag-default: var(--x-color-base-neutral-100);
3677
3677
  --x-color-border-tag-default: var(--x-color-text-tag-default);
@@ -3900,6 +3900,24 @@
3900
3900
  --x-size-border-radius-bottom-right-tag-card: var(--x-size-border-radius-tag-card);
3901
3901
  --x-size-border-radius-bottom-left-tag-card: var(--x-size-border-radius-tag-card);
3902
3902
  }
3903
+ :root {
3904
+ --x-size-border-radius-tag-card: var(--x-size-border-radius-base-s);
3905
+ --x-size-border-radius-top-left-tag-card: var(--x-size-border-radius-tag-card);
3906
+ --x-size-border-radius-top-right-tag-card: var(--x-size-border-radius-tag-card);
3907
+ --x-size-border-radius-bottom-right-tag-card: var(--x-size-border-radius-tag-card);
3908
+ --x-size-border-radius-bottom-left-tag-card: var(--x-size-border-radius-tag-card);
3909
+ }
3910
+
3911
+ .x-tag--card.x-tag,
3912
+ .x-tag--card .x-tag {
3913
+ --x-size-border-radius-tag-default: var(--x-size-border-radius-tag-card);
3914
+ --x-size-border-radius-top-left-tag-default: var(--x-size-border-radius-top-left-tag-card);
3915
+ --x-size-border-radius-top-right-tag-default: var(--x-size-border-radius-top-right-tag-card);
3916
+ --x-size-border-radius-bottom-right-tag-default: var(
3917
+ --x-size-border-radius-bottom-right-tag-card
3918
+ );
3919
+ --x-size-border-radius-bottom-left-tag-default: var(--x-size-border-radius-bottom-left-tag-card);
3920
+ }
3903
3921
  :root {
3904
3922
  --x-color-text-suggestion-group-default: var(--x-color-text-suggestion-default);
3905
3923
  --x-color-text-suggestion-group-matching-part-default: var(
@@ -3941,24 +3959,6 @@
3941
3959
  --x-size-line-height-suggestion-group-default: var(--x-size-line-height-suggestion-default);
3942
3960
  --x-number-font-weight-suggestion-group-default: var(--x-number-font-weight-suggestion-default);
3943
3961
  }
3944
- :root {
3945
- --x-size-border-radius-tag-card: var(--x-size-border-radius-base-s);
3946
- --x-size-border-radius-top-left-tag-card: var(--x-size-border-radius-tag-card);
3947
- --x-size-border-radius-top-right-tag-card: var(--x-size-border-radius-tag-card);
3948
- --x-size-border-radius-bottom-right-tag-card: var(--x-size-border-radius-tag-card);
3949
- --x-size-border-radius-bottom-left-tag-card: var(--x-size-border-radius-tag-card);
3950
- }
3951
-
3952
- .x-tag--card.x-tag,
3953
- .x-tag--card .x-tag {
3954
- --x-size-border-radius-tag-default: var(--x-size-border-radius-tag-card);
3955
- --x-size-border-radius-top-left-tag-default: var(--x-size-border-radius-top-left-tag-card);
3956
- --x-size-border-radius-top-right-tag-default: var(--x-size-border-radius-top-right-tag-card);
3957
- --x-size-border-radius-bottom-right-tag-default: var(
3958
- --x-size-border-radius-bottom-right-tag-card
3959
- );
3960
- --x-size-border-radius-bottom-left-tag-default: var(--x-size-border-radius-bottom-left-tag-card);
3961
- }
3962
3962
  :root {
3963
3963
  --x-color-text-suggestion-group-default: var(--x-color-text-suggestion-default);
3964
3964
  --x-color-text-suggestion-group-matching-part-default: var(
@@ -4165,96 +4165,6 @@
4165
4165
  --x-number-font-weight-suggestion-default-matching
4166
4166
  );
4167
4167
  }
4168
- :root {
4169
- --x-string-align-items-suggestion-default: center;
4170
- --x-color-text-suggestion-default: var(--x-color-text-default);
4171
- --x-color-text-suggestion-matching-part-default: var(--x-color-base-neutral-35);
4172
- --x-color-text-suggestion-default-matching: var(--x-color-text-suggestion-default);
4173
- --x-color-text-suggestion-filter-default: var(--x-color-base-neutral-35);
4174
- --x-color-background-suggestion-default: transparent;
4175
- --x-color-border-suggestion-default: var(--x-color-text-suggestion-default);
4176
- --x-color-text-suggestion-default-curated: var(--x-color-text-suggestion-default);
4177
- --x-color-text-suggestion-matching-part-default-curated: var(
4178
- --x-color-text-suggestion-matching-part-default
4179
- );
4180
- --x-color-text-suggestion-default-matching-curated: var(
4181
- --x-color-text-suggestion-default-matching
4182
- );
4183
- --x-color-background-suggestion-default-curated: var(--x-color-background-suggestion-default);
4184
- --x-color-border-suggestion-default-curated: var(--x-color-border-suggestion-default);
4185
- --x-size-padding-top-suggestion-default: var(--x-size-base-01);
4186
- --x-size-padding-right-suggestion-default: 0;
4187
- --x-size-padding-bottom-suggestion-default: var(--x-size-base-02);
4188
- --x-size-padding-left-suggestion-default: 0;
4189
- --x-size-gap-suggestion-default: var(--x-size-base-03);
4190
- --x-size-border-width-suggestion-default: 0;
4191
- --x-size-border-width-top-suggestion-default: var(--x-size-border-width-suggestion-default);
4192
- --x-size-border-width-right-suggestion-default: var(--x-size-border-width-suggestion-default);
4193
- --x-size-border-width-bottom-suggestion-default: var(--x-size-border-width-suggestion-default);
4194
- --x-size-border-width-left-suggestion-default: var(--x-size-border-width-suggestion-default);
4195
- --x-size-border-radius-suggestion-default: var(--x-size-border-radius-base-none);
4196
- --x-size-border-radius-top-left-suggestion-default: var(
4197
- --x-size-border-radius-suggestion-default
4198
- );
4199
- --x-size-border-radius-top-right-suggestion-default: var(
4200
- --x-size-border-radius-suggestion-default
4201
- );
4202
- --x-size-border-radius-bottom-right-suggestion-default: var(
4203
- --x-size-border-radius-suggestion-default
4204
- );
4205
- --x-size-border-radius-bottom-left-suggestion-default: var(
4206
- --x-size-border-radius-suggestion-default
4207
- );
4208
- --x-font-family-suggestion-default: var(--x-font-family-text);
4209
- --x-size-font-suggestion-default: var(--x-size-font-text);
4210
- --x-size-line-height-suggestion-default: var(--x-size-line-height-text);
4211
- --x-number-font-weight-suggestion-default: var(--x-number-font-weight-text);
4212
- --x-font-family-suggestion-matching-part-default: var(--x-font-family-suggestion-default);
4213
- --x-size-font-suggestion-matching-part-default: var(--x-size-font-suggestion-default);
4214
- --x-size-line-height-suggestion-matching-part-default: var(
4215
- --x-size-line-height-suggestion-default
4216
- );
4217
- --x-number-font-weight-suggestion-matching-part-default: var(
4218
- --x-number-font-weight-suggestion-default
4219
- );
4220
- --x-font-family-suggestion-default-matching: var(--x-font-family-suggestion-default);
4221
- --x-size-font-suggestion-default-matching: var(--x-size-font-suggestion-default);
4222
- --x-size-line-height-suggestion-default-matching: var(--x-size-line-height-suggestion-default);
4223
- --x-number-font-weight-suggestion-default-matching: var(
4224
- --x-number-font-weight-suggestion-default
4225
- );
4226
- --x-font-family-suggestion-filter-default: var(--x-font-family-suggestion-default);
4227
- --x-size-font-suggestion-filter-default: var(--x-size-font-suggestion-default);
4228
- --x-size-line-height-suggestion-filter-default: var(--x-size-line-height-suggestion-default);
4229
- --x-number-font-weight-suggestion-filter-default: var(--x-number-font-weight-suggestion-default);
4230
- --x-text-transform-suggestion-filter-default: none;
4231
- --x-font-family-suggestion-default-curated: var(--x-font-family-suggestion-default);
4232
- --x-size-font-suggestion-default-curated: var(--x-size-font-suggestion-default);
4233
- --x-size-line-height-suggestion-default-curated: var(--x-size-line-height-suggestion-default);
4234
- --x-number-font-weight-suggestion-default-curated: var(--x-number-font-weight-suggestion-default);
4235
- --x-font-family-suggestion-matching-part-default-curated: var(
4236
- --x-font-family-suggestion-matching-part-default
4237
- );
4238
- --x-size-font-suggestion-matching-part-default-curated: var(
4239
- --x-size-font-suggestion-matching-part-default
4240
- );
4241
- --x-size-line-height-suggestion-matching-part-default-curated: var(
4242
- --x-size-line-height-suggestion-matching-part-default
4243
- );
4244
- --x-number-font-weight-suggestion-matching-part-default-curated: var(
4245
- --x-number-font-weight-suggestion-matching-part-default
4246
- );
4247
- --x-font-family-suggestion-default-matching-curated: var(
4248
- --x-font-family-suggestion-default-matching
4249
- );
4250
- --x-size-font-suggestion-default-matching-curated: var(--x-size-font-suggestion-default-matching);
4251
- --x-size-line-height-suggestion-default-matching-curated: var(
4252
- --x-size-line-height-suggestion-default-matching
4253
- );
4254
- --x-number-font-weight-suggestion-default-matching-curated: var(
4255
- --x-number-font-weight-suggestion-default-matching
4256
- );
4257
- }
4258
4168
 
4259
4169
  [dir="ltr"] .x-suggestion {
4260
4170
  text-align: left;
@@ -4387,6 +4297,96 @@
4387
4297
  --x-color-text-suggestion-default-matching-curated
4388
4298
  );
4389
4299
  }
4300
+ :root {
4301
+ --x-string-align-items-suggestion-default: center;
4302
+ --x-color-text-suggestion-default: var(--x-color-text-default);
4303
+ --x-color-text-suggestion-matching-part-default: var(--x-color-base-neutral-35);
4304
+ --x-color-text-suggestion-default-matching: var(--x-color-text-suggestion-default);
4305
+ --x-color-text-suggestion-filter-default: var(--x-color-base-neutral-35);
4306
+ --x-color-background-suggestion-default: transparent;
4307
+ --x-color-border-suggestion-default: var(--x-color-text-suggestion-default);
4308
+ --x-color-text-suggestion-default-curated: var(--x-color-text-suggestion-default);
4309
+ --x-color-text-suggestion-matching-part-default-curated: var(
4310
+ --x-color-text-suggestion-matching-part-default
4311
+ );
4312
+ --x-color-text-suggestion-default-matching-curated: var(
4313
+ --x-color-text-suggestion-default-matching
4314
+ );
4315
+ --x-color-background-suggestion-default-curated: var(--x-color-background-suggestion-default);
4316
+ --x-color-border-suggestion-default-curated: var(--x-color-border-suggestion-default);
4317
+ --x-size-padding-top-suggestion-default: var(--x-size-base-01);
4318
+ --x-size-padding-right-suggestion-default: 0;
4319
+ --x-size-padding-bottom-suggestion-default: var(--x-size-base-02);
4320
+ --x-size-padding-left-suggestion-default: 0;
4321
+ --x-size-gap-suggestion-default: var(--x-size-base-03);
4322
+ --x-size-border-width-suggestion-default: 0;
4323
+ --x-size-border-width-top-suggestion-default: var(--x-size-border-width-suggestion-default);
4324
+ --x-size-border-width-right-suggestion-default: var(--x-size-border-width-suggestion-default);
4325
+ --x-size-border-width-bottom-suggestion-default: var(--x-size-border-width-suggestion-default);
4326
+ --x-size-border-width-left-suggestion-default: var(--x-size-border-width-suggestion-default);
4327
+ --x-size-border-radius-suggestion-default: var(--x-size-border-radius-base-none);
4328
+ --x-size-border-radius-top-left-suggestion-default: var(
4329
+ --x-size-border-radius-suggestion-default
4330
+ );
4331
+ --x-size-border-radius-top-right-suggestion-default: var(
4332
+ --x-size-border-radius-suggestion-default
4333
+ );
4334
+ --x-size-border-radius-bottom-right-suggestion-default: var(
4335
+ --x-size-border-radius-suggestion-default
4336
+ );
4337
+ --x-size-border-radius-bottom-left-suggestion-default: var(
4338
+ --x-size-border-radius-suggestion-default
4339
+ );
4340
+ --x-font-family-suggestion-default: var(--x-font-family-text);
4341
+ --x-size-font-suggestion-default: var(--x-size-font-text);
4342
+ --x-size-line-height-suggestion-default: var(--x-size-line-height-text);
4343
+ --x-number-font-weight-suggestion-default: var(--x-number-font-weight-text);
4344
+ --x-font-family-suggestion-matching-part-default: var(--x-font-family-suggestion-default);
4345
+ --x-size-font-suggestion-matching-part-default: var(--x-size-font-suggestion-default);
4346
+ --x-size-line-height-suggestion-matching-part-default: var(
4347
+ --x-size-line-height-suggestion-default
4348
+ );
4349
+ --x-number-font-weight-suggestion-matching-part-default: var(
4350
+ --x-number-font-weight-suggestion-default
4351
+ );
4352
+ --x-font-family-suggestion-default-matching: var(--x-font-family-suggestion-default);
4353
+ --x-size-font-suggestion-default-matching: var(--x-size-font-suggestion-default);
4354
+ --x-size-line-height-suggestion-default-matching: var(--x-size-line-height-suggestion-default);
4355
+ --x-number-font-weight-suggestion-default-matching: var(
4356
+ --x-number-font-weight-suggestion-default
4357
+ );
4358
+ --x-font-family-suggestion-filter-default: var(--x-font-family-suggestion-default);
4359
+ --x-size-font-suggestion-filter-default: var(--x-size-font-suggestion-default);
4360
+ --x-size-line-height-suggestion-filter-default: var(--x-size-line-height-suggestion-default);
4361
+ --x-number-font-weight-suggestion-filter-default: var(--x-number-font-weight-suggestion-default);
4362
+ --x-text-transform-suggestion-filter-default: none;
4363
+ --x-font-family-suggestion-default-curated: var(--x-font-family-suggestion-default);
4364
+ --x-size-font-suggestion-default-curated: var(--x-size-font-suggestion-default);
4365
+ --x-size-line-height-suggestion-default-curated: var(--x-size-line-height-suggestion-default);
4366
+ --x-number-font-weight-suggestion-default-curated: var(--x-number-font-weight-suggestion-default);
4367
+ --x-font-family-suggestion-matching-part-default-curated: var(
4368
+ --x-font-family-suggestion-matching-part-default
4369
+ );
4370
+ --x-size-font-suggestion-matching-part-default-curated: var(
4371
+ --x-size-font-suggestion-matching-part-default
4372
+ );
4373
+ --x-size-line-height-suggestion-matching-part-default-curated: var(
4374
+ --x-size-line-height-suggestion-matching-part-default
4375
+ );
4376
+ --x-number-font-weight-suggestion-matching-part-default-curated: var(
4377
+ --x-number-font-weight-suggestion-matching-part-default
4378
+ );
4379
+ --x-font-family-suggestion-default-matching-curated: var(
4380
+ --x-font-family-suggestion-default-matching
4381
+ );
4382
+ --x-size-font-suggestion-default-matching-curated: var(--x-size-font-suggestion-default-matching);
4383
+ --x-size-line-height-suggestion-default-matching-curated: var(
4384
+ --x-size-line-height-suggestion-default-matching
4385
+ );
4386
+ --x-number-font-weight-suggestion-default-matching-curated: var(
4387
+ --x-number-font-weight-suggestion-default-matching
4388
+ );
4389
+ }
4390
4390
  :root {
4391
4391
  --x-color-background-sliding-panel: var(--x-color-base-neutral-100);
4392
4392
  --x-size-width-sliding-panel-gradient: var(--x-size-base-09);
@@ -4806,26 +4806,6 @@
4806
4806
  --x-size-border-width-result-description-default: 0;
4807
4807
  --x-size-border-width-result-picture-default: 0;
4808
4808
  }
4809
- :root {
4810
- --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
4811
- }
4812
- :root {
4813
- --x-color-border-result-default: var(--x-color-base-lead);
4814
- --x-color-border-result-overlay-default: var(--x-color-border-result-default);
4815
- --x-color-border-result-description-default: var(--x-color-border-result-default);
4816
- --x-color-border-result-picture-default: var(--x-color-border-result-default);
4817
- --x-color-background-result-default: transparent;
4818
- --x-size-padding-result-default: 0;
4819
- --x-size-padding-result-overlay-default: 0;
4820
- --x-size-padding-result-description-default: 0;
4821
- --x-size-gap-result-default: var(--x-size-base-03);
4822
- --x-size-padding-result-picture-default: 0;
4823
- --x-size-border-radius-result-default: var(--x-size-border-radius-base-none);
4824
- --x-size-border-width-result-default: 0;
4825
- --x-size-border-width-result-overlay-default: 0;
4826
- --x-size-border-width-result-description-default: 0;
4827
- --x-size-border-width-result-picture-default: 0;
4828
- }
4829
4809
 
4830
4810
  .x-result {
4831
4811
  display: grid;
@@ -4880,13 +4860,21 @@
4880
4860
  }
4881
4861
  }
4882
4862
  :root {
4883
- --x-size-height-progress-bar-line-default: var(--x-size-base-02);
4884
- --x-size-width-progress-bar-line-default: var(--x-size-base-20);
4885
- --x-color-background-progress-bar-default: var(--x-color-base-neutral-70);
4886
- --x-color-border-progress-bar-default: var(--x-color-background-progress-bar-default);
4887
- --x-color-background-progress-bar-line-default: var(--x-color-base-neutral-10);
4888
- --x-size-border-radius-progress-bar-default: var(--x-size-border-radius-base-pill);
4889
- --x-size-border-width-progress-bar-default: 0;
4863
+ --x-color-border-result-default: var(--x-color-base-lead);
4864
+ --x-color-border-result-overlay-default: var(--x-color-border-result-default);
4865
+ --x-color-border-result-description-default: var(--x-color-border-result-default);
4866
+ --x-color-border-result-picture-default: var(--x-color-border-result-default);
4867
+ --x-color-background-result-default: transparent;
4868
+ --x-size-padding-result-default: 0;
4869
+ --x-size-padding-result-overlay-default: 0;
4870
+ --x-size-padding-result-description-default: 0;
4871
+ --x-size-gap-result-default: var(--x-size-base-03);
4872
+ --x-size-padding-result-picture-default: 0;
4873
+ --x-size-border-radius-result-default: var(--x-size-border-radius-base-none);
4874
+ --x-size-border-width-result-default: 0;
4875
+ --x-size-border-width-result-overlay-default: 0;
4876
+ --x-size-border-width-result-description-default: 0;
4877
+ --x-size-border-width-result-picture-default: 0;
4890
4878
  }
4891
4879
  :root {
4892
4880
  --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
@@ -4896,6 +4884,9 @@
4896
4884
  overflow: hidden;
4897
4885
  --x-size-border-radius-result-default: var(--x-size-border-radius-result-card);
4898
4886
  }
4887
+ :root {
4888
+ --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
4889
+ }
4899
4890
  :root {
4900
4891
  --x-size-height-progress-bar-line-default: var(--x-size-base-02);
4901
4892
  --x-size-width-progress-bar-line-default: var(--x-size-base-20);
@@ -4922,8 +4913,13 @@
4922
4913
  background-color: var(--x-color-background-progress-bar-line-default);
4923
4914
  }
4924
4915
  :root {
4925
- --x-number-zoom-scale-picture: 1.1;
4926
- --x-number-zoom-duration-picture: 0.3s;
4916
+ --x-size-height-progress-bar-line-default: var(--x-size-base-02);
4917
+ --x-size-width-progress-bar-line-default: var(--x-size-base-20);
4918
+ --x-color-background-progress-bar-default: var(--x-color-base-neutral-70);
4919
+ --x-color-border-progress-bar-default: var(--x-color-background-progress-bar-default);
4920
+ --x-color-background-progress-bar-line-default: var(--x-color-base-neutral-10);
4921
+ --x-size-border-radius-progress-bar-default: var(--x-size-border-radius-base-pill);
4922
+ --x-size-border-width-progress-bar-default: 0;
4927
4923
  }
4928
4924
  :root {
4929
4925
  --x-number-zoom-scale-picture: 1.1;
@@ -4937,7 +4933,8 @@
4937
4933
  transform: scale(var(--x-number-zoom-scale-picture));
4938
4934
  }
4939
4935
  :root {
4940
- --x-number-aspect-ratio-picture: 1;
4936
+ --x-number-zoom-scale-picture: 1.1;
4937
+ --x-number-zoom-duration-picture: 0.3s;
4941
4938
  }
4942
4939
  :root {
4943
4940
  --x-number-aspect-ratio-picture: 1;
@@ -4947,6 +4944,9 @@
4947
4944
  aspect-ratio: var(--x-number-aspect-ratio-picture);
4948
4945
  width: 100%;
4949
4946
  }
4947
+ :root {
4948
+ --x-number-aspect-ratio-picture: 1;
4949
+ }
4950
4950
  :root {
4951
4951
  --x-size-border-radius-picture-default: 0;
4952
4952
  --x-size-border-radius-top-picture-default: var(--x-size-border-radius-picture-default);
@@ -5051,19 +5051,6 @@
5051
5051
  --x-mix-blend-mode-picture-fallback-colored: var(--x-mix-blend-mode-picture-colored);
5052
5052
  --x-mix-blend-mode-picture-placeholder-colored: var(--x-mix-blend-mode-picture-colored);
5053
5053
  }
5054
- :root {
5055
- --x-size-border-radius-picture-card: var(--x-size-border-radius-base-s);
5056
- --x-size-border-radius-top-picture-card: var(--x-size-border-radius-picture-card);
5057
- --x-size-border-radius-right-picture-card: var(--x-size-border-radius-picture-card);
5058
- --x-size-border-radius-bottom-picture-card: var(--x-size-border-radius-picture-card);
5059
- --x-size-border-radius-left-picture-card: var(--x-size-border-radius-picture-card);
5060
- }
5061
- :root {
5062
- --x-color-background-picture-colored: var(--x-color-base-neutral-95);
5063
- --x-mix-blend-mode-picture-colored: multiply;
5064
- --x-mix-blend-mode-picture-fallback-colored: var(--x-mix-blend-mode-picture-colored);
5065
- --x-mix-blend-mode-picture-placeholder-colored: var(--x-mix-blend-mode-picture-colored);
5066
- }
5067
5054
 
5068
5055
  .x-picture--colored.x-picture {
5069
5056
  --x-color-background-picture-default: var(--x-color-background-picture-colored);
@@ -5077,6 +5064,19 @@
5077
5064
  .x-picture--colored.x-picture .x-picture--placeholder {
5078
5065
  --x-mix-blend-mode-picture-default: var(--x-mix-blend-mode-picture-placeholder-colored);
5079
5066
  }
5067
+ :root {
5068
+ --x-color-background-picture-colored: var(--x-color-base-neutral-95);
5069
+ --x-mix-blend-mode-picture-colored: multiply;
5070
+ --x-mix-blend-mode-picture-fallback-colored: var(--x-mix-blend-mode-picture-colored);
5071
+ --x-mix-blend-mode-picture-placeholder-colored: var(--x-mix-blend-mode-picture-colored);
5072
+ }
5073
+ :root {
5074
+ --x-size-border-radius-picture-card: var(--x-size-border-radius-base-s);
5075
+ --x-size-border-radius-top-picture-card: var(--x-size-border-radius-picture-card);
5076
+ --x-size-border-radius-right-picture-card: var(--x-size-border-radius-picture-card);
5077
+ --x-size-border-radius-bottom-picture-card: var(--x-size-border-radius-picture-card);
5078
+ --x-size-border-radius-left-picture-card: var(--x-size-border-radius-picture-card);
5079
+ }
5080
5080
  :root {
5081
5081
  --x-size-border-radius-picture-card: var(--x-size-border-radius-base-s);
5082
5082
  --x-size-border-radius-top-picture-card: var(--x-size-border-radius-picture-card);
@@ -5172,86 +5172,6 @@
5172
5172
  --x-number-font-weight-option-list-button-default: var(--x-number-font-weight-base-regular);
5173
5173
  --x-number-font-weight-option-list-button-default-selected: var(--x-number-font-weight-base-bold);
5174
5174
  }
5175
- :root {
5176
- --x-color-background-option-list-button-default: transparent;
5177
- --x-color-border-option-list-button-default: transparent;
5178
- --x-color-text-option-list-button-default: var(--x-color-base-neutral-35);
5179
- --x-color-background-option-list-button-default-hover: var(
5180
- --x-color-background-option-list-button-default
5181
- );
5182
- --x-color-border-option-list-button-default-hover: var(
5183
- --x-color-border-option-list-button-default
5184
- );
5185
- --x-color-text-option-list-button-default-hover: var(--x-color-text-option-list-button-default);
5186
- --x-color-background-option-list-button-default-selected: var(
5187
- --x-color-background-option-list-button-default
5188
- );
5189
- --x-color-border-option-list-button-default-selected: var(
5190
- --x-color-border-option-list-button-default
5191
- );
5192
- --x-color-text-option-list-button-default-selected: var(--x-color-text-default);
5193
- --x-color-background-option-list-button-default-selected-hover: var(
5194
- --x-color-background-option-list-button-default-selected
5195
- );
5196
- --x-color-border-option-list-button-default-selected-hover: var(
5197
- --x-color-border-option-list-button-default-selected
5198
- );
5199
- --x-color-text-option-list-button-default-selected-hover: var(
5200
- --x-color-text-option-list-button-default-selected
5201
- );
5202
- --x-color-border-option-list-item-default: var(--x-color-base-neutral-70);
5203
- --x-color-border-top-option-list-item-default: var(--x-color-border-option-list-item-default);
5204
- --x-color-border-right-option-list-item-default: var(--x-color-border-option-list-item-default);
5205
- --x-color-border-bottom-option-list-item-default: var(--x-color-border-option-list-item-default);
5206
- --x-color-border-left-option-list-item-default: var(--x-color-border-option-list-item-default);
5207
- --x-color-border-option-list-item-default-selected: var(--x-color-base-neutral-70);
5208
- --x-color-border-top-option-list-item-default-selected: var(
5209
- --x-color-border-option-list-item-default-selected
5210
- );
5211
- --x-color-border-right-option-list-item-default-selected: var(
5212
- --x-color-border-option-list-item-default-selected
5213
- );
5214
- --x-color-border-bottom-option-list-item-default-selected: var(
5215
- --x-color-border-option-list-item-default-selected
5216
- );
5217
- --x-color-border-left-option-list-item-default-selected: var(
5218
- --x-color-border-option-list-item-default-selected
5219
- );
5220
- --x-size-border-width-option-list-item-default: var(--x-size-border-width-base);
5221
- --x-size-border-width-top-option-list-item-default: 0;
5222
- --x-size-border-width-right-option-list-item-default: var(
5223
- --x-size-border-width-option-list-item-default
5224
- );
5225
- --x-size-border-width-bottom-option-list-item-default: 0;
5226
- --x-size-border-width-left-option-list-item-default: 0;
5227
- --x-size-border-width-top-option-list-item-default-selected: var(
5228
- --x-size-border-width-top-option-list-item-default
5229
- );
5230
- --x-size-border-width-right-option-list-item-default-selected: var(
5231
- --x-size-border-width-right-option-list-item-default
5232
- );
5233
- --x-size-border-width-bottom-option-list-item-default-selected: var(
5234
- --x-size-border-width-bottom-option-list-item-default
5235
- );
5236
- --x-size-border-width-left-option-list-item-default-selected: var(
5237
- --x-size-border-width-left-option-list-item-default
5238
- );
5239
- --x-size-padding-option-list-button-default: var(--x-size-base-02);
5240
- --x-size-padding-top-option-list-button-default: var(--x-size-padding-option-list-button-default);
5241
- --x-size-padding-right-option-list-button-default: var(
5242
- --x-size-padding-option-list-button-default
5243
- );
5244
- --x-size-padding-bottom-option-list-button-default: var(
5245
- --x-size-padding-option-list-button-default
5246
- );
5247
- --x-size-padding-left-option-list-button-default: var(
5248
- --x-size-padding-option-list-button-default
5249
- );
5250
- --x-font-decoration-option-list-button-default-hover: underline;
5251
- --x-size-font-option-list-button-default: var(--x-size-font-text);
5252
- --x-number-font-weight-option-list-button-default: var(--x-number-font-weight-base-regular);
5253
- --x-number-font-weight-option-list-button-default-selected: var(--x-number-font-weight-base-bold);
5254
- }
5255
5175
 
5256
5176
  .x-option-list {
5257
5177
  display: inline-flex;
@@ -5364,6 +5284,86 @@
5364
5284
  -webkit-text-decoration: var(--x-font-decoration-option-list-button-default-hover);
5365
5285
  text-decoration: var(--x-font-decoration-option-list-button-default-hover);
5366
5286
  }
5287
+ :root {
5288
+ --x-color-background-option-list-button-default: transparent;
5289
+ --x-color-border-option-list-button-default: transparent;
5290
+ --x-color-text-option-list-button-default: var(--x-color-base-neutral-35);
5291
+ --x-color-background-option-list-button-default-hover: var(
5292
+ --x-color-background-option-list-button-default
5293
+ );
5294
+ --x-color-border-option-list-button-default-hover: var(
5295
+ --x-color-border-option-list-button-default
5296
+ );
5297
+ --x-color-text-option-list-button-default-hover: var(--x-color-text-option-list-button-default);
5298
+ --x-color-background-option-list-button-default-selected: var(
5299
+ --x-color-background-option-list-button-default
5300
+ );
5301
+ --x-color-border-option-list-button-default-selected: var(
5302
+ --x-color-border-option-list-button-default
5303
+ );
5304
+ --x-color-text-option-list-button-default-selected: var(--x-color-text-default);
5305
+ --x-color-background-option-list-button-default-selected-hover: var(
5306
+ --x-color-background-option-list-button-default-selected
5307
+ );
5308
+ --x-color-border-option-list-button-default-selected-hover: var(
5309
+ --x-color-border-option-list-button-default-selected
5310
+ );
5311
+ --x-color-text-option-list-button-default-selected-hover: var(
5312
+ --x-color-text-option-list-button-default-selected
5313
+ );
5314
+ --x-color-border-option-list-item-default: var(--x-color-base-neutral-70);
5315
+ --x-color-border-top-option-list-item-default: var(--x-color-border-option-list-item-default);
5316
+ --x-color-border-right-option-list-item-default: var(--x-color-border-option-list-item-default);
5317
+ --x-color-border-bottom-option-list-item-default: var(--x-color-border-option-list-item-default);
5318
+ --x-color-border-left-option-list-item-default: var(--x-color-border-option-list-item-default);
5319
+ --x-color-border-option-list-item-default-selected: var(--x-color-base-neutral-70);
5320
+ --x-color-border-top-option-list-item-default-selected: var(
5321
+ --x-color-border-option-list-item-default-selected
5322
+ );
5323
+ --x-color-border-right-option-list-item-default-selected: var(
5324
+ --x-color-border-option-list-item-default-selected
5325
+ );
5326
+ --x-color-border-bottom-option-list-item-default-selected: var(
5327
+ --x-color-border-option-list-item-default-selected
5328
+ );
5329
+ --x-color-border-left-option-list-item-default-selected: var(
5330
+ --x-color-border-option-list-item-default-selected
5331
+ );
5332
+ --x-size-border-width-option-list-item-default: var(--x-size-border-width-base);
5333
+ --x-size-border-width-top-option-list-item-default: 0;
5334
+ --x-size-border-width-right-option-list-item-default: var(
5335
+ --x-size-border-width-option-list-item-default
5336
+ );
5337
+ --x-size-border-width-bottom-option-list-item-default: 0;
5338
+ --x-size-border-width-left-option-list-item-default: 0;
5339
+ --x-size-border-width-top-option-list-item-default-selected: var(
5340
+ --x-size-border-width-top-option-list-item-default
5341
+ );
5342
+ --x-size-border-width-right-option-list-item-default-selected: var(
5343
+ --x-size-border-width-right-option-list-item-default
5344
+ );
5345
+ --x-size-border-width-bottom-option-list-item-default-selected: var(
5346
+ --x-size-border-width-bottom-option-list-item-default
5347
+ );
5348
+ --x-size-border-width-left-option-list-item-default-selected: var(
5349
+ --x-size-border-width-left-option-list-item-default
5350
+ );
5351
+ --x-size-padding-option-list-button-default: var(--x-size-base-02);
5352
+ --x-size-padding-top-option-list-button-default: var(--x-size-padding-option-list-button-default);
5353
+ --x-size-padding-right-option-list-button-default: var(
5354
+ --x-size-padding-option-list-button-default
5355
+ );
5356
+ --x-size-padding-bottom-option-list-button-default: var(
5357
+ --x-size-padding-option-list-button-default
5358
+ );
5359
+ --x-size-padding-left-option-list-button-default: var(
5360
+ --x-size-padding-option-list-button-default
5361
+ );
5362
+ --x-font-decoration-option-list-button-default-hover: underline;
5363
+ --x-size-font-option-list-button-default: var(--x-size-font-text);
5364
+ --x-number-font-weight-option-list-button-default: var(--x-number-font-weight-base-regular);
5365
+ --x-number-font-weight-option-list-button-default-selected: var(--x-number-font-weight-base-bold);
5366
+ }
5367
5367
  :root {
5368
5368
  --x-color-text-option-list-button-bottom-hover: var(--x-color-base-neutral-10);
5369
5369
  --x-color-text-option-list-button-bottom-selected-hover: var(
@@ -5544,15 +5544,6 @@
5544
5544
  --x-modal-overlay-color: rgb(0, 0, 0);
5545
5545
  --x-modal-overlay-opacity: 0.7;
5546
5546
  }
5547
- :root {
5548
- --x-modal-overlay-color: rgb(0, 0, 0);
5549
- --x-modal-overlay-opacity: 0.7;
5550
- }
5551
-
5552
- .x-modal__overlay {
5553
- background-color: var(--x-modal-overlay-color) !important;
5554
- opacity: var(--x-modal-overlay-opacity) !important;
5555
- }
5556
5547
  :root {
5557
5548
  --x-string-justify-message-default: center;
5558
5549
  --x-size-gap-message-default: var(--x-size-base-03);
@@ -5645,21 +5636,36 @@
5645
5636
  .x-message > p {
5646
5637
  margin: 0;
5647
5638
  }
5648
- /* @deprecated */
5649
5639
  :root {
5650
- --x-size-padding-list-01: var(--x-size-base-01);
5651
- --x-size-padding-list-02: var(--x-size-base-02);
5652
- --x-size-padding-list-03: var(--x-size-base-03);
5653
- --x-size-padding-list-04: var(--x-size-base-04);
5654
- --x-size-padding-list-05: var(--x-size-base-05);
5655
- --x-size-padding-list-06: var(--x-size-base-06);
5656
- --x-size-padding-list-07: var(--x-size-base-07);
5657
- --x-size-padding-list-08: var(--x-size-base-08);
5658
- --x-size-padding-list-09: var(--x-size-base-09);
5659
- --x-size-padding-list-10: var(--x-size-base-10);
5660
- --x-size-padding-list-11: var(--x-size-base-11);
5661
- --x-size-padding-list-12: var(--x-size-base-12);
5662
- --x-size-padding-list-13: var(--x-size-base-13);
5640
+ --x-modal-overlay-color: rgb(0, 0, 0);
5641
+ --x-modal-overlay-opacity: 0.7;
5642
+ }
5643
+
5644
+ .x-modal__overlay {
5645
+ background-color: var(--x-modal-overlay-color) !important;
5646
+ opacity: var(--x-modal-overlay-opacity) !important;
5647
+ }
5648
+ :root {
5649
+ --x-size-gap-list-01: var(--x-size-base-01);
5650
+ --x-size-gap-list-02: var(--x-size-base-02);
5651
+ --x-size-gap-list-03: var(--x-size-base-03);
5652
+ --x-size-gap-list-04: var(--x-size-base-04);
5653
+ --x-size-gap-list-05: var(--x-size-base-05);
5654
+ --x-size-gap-list-06: var(--x-size-base-06);
5655
+ --x-size-gap-list-07: var(--x-size-base-07);
5656
+ --x-size-gap-list-08: var(--x-size-base-08);
5657
+ --x-size-gap-list-09: var(--x-size-base-09);
5658
+ --x-size-gap-list-10: var(--x-size-base-10);
5659
+ --x-size-gap-list-11: var(--x-size-base-11);
5660
+ --x-size-gap-list-12: var(--x-size-base-12);
5661
+ --x-size-gap-list-13: var(--x-size-base-13);
5662
+ --x-size-gap-list-14: var(--x-size-base-14);
5663
+ --x-size-gap-list-15: var(--x-size-base-15);
5664
+ --x-size-gap-list-16: var(--x-size-base-16);
5665
+ --x-size-gap-list-17: var(--x-size-base-17);
5666
+ --x-size-gap-list-18: var(--x-size-base-18);
5667
+ --x-size-gap-list-19: var(--x-size-base-19);
5668
+ --x-size-gap-list-20: var(--x-size-base-20);
5663
5669
  }
5664
5670
  /* @deprecated */
5665
5671
  :root {
@@ -5677,872 +5683,866 @@
5677
5683
  --x-size-padding-list-12: var(--x-size-base-12);
5678
5684
  --x-size-padding-list-13: var(--x-size-base-13);
5679
5685
  }
5680
-
5681
- /* @deprecated */
5682
- [class*=x-list--padding-].x-list.x-list--padding-top:not(.x-list--padding-right) {
5683
- padding-right: 0;
5686
+ :root {
5687
+ --x-size-gap-list-01: var(--x-size-base-01);
5688
+ --x-size-gap-list-02: var(--x-size-base-02);
5689
+ --x-size-gap-list-03: var(--x-size-base-03);
5690
+ --x-size-gap-list-04: var(--x-size-base-04);
5691
+ --x-size-gap-list-05: var(--x-size-base-05);
5692
+ --x-size-gap-list-06: var(--x-size-base-06);
5693
+ --x-size-gap-list-07: var(--x-size-base-07);
5694
+ --x-size-gap-list-08: var(--x-size-base-08);
5695
+ --x-size-gap-list-09: var(--x-size-base-09);
5696
+ --x-size-gap-list-10: var(--x-size-base-10);
5697
+ --x-size-gap-list-11: var(--x-size-base-11);
5698
+ --x-size-gap-list-12: var(--x-size-base-12);
5699
+ --x-size-gap-list-13: var(--x-size-base-13);
5700
+ --x-size-gap-list-14: var(--x-size-base-14);
5701
+ --x-size-gap-list-15: var(--x-size-base-15);
5702
+ --x-size-gap-list-16: var(--x-size-base-16);
5703
+ --x-size-gap-list-17: var(--x-size-base-17);
5704
+ --x-size-gap-list-18: var(--x-size-base-18);
5705
+ --x-size-gap-list-19: var(--x-size-base-19);
5706
+ --x-size-gap-list-20: var(--x-size-base-20);
5684
5707
  }
5685
- [class*=x-list--padding-].x-list.x-list--padding-top:not(.x-list--padding-bottom) {
5686
- padding-bottom: 0;
5708
+
5709
+ .x-list--gap-01.x-list {
5710
+ gap: var(--x-size-gap-list-01);
5687
5711
  }
5688
- [class*=x-list--padding-].x-list.x-list--padding-top:not(.x-list--padding-left) {
5689
- padding-left: 0;
5690
- }
5691
- [class*=x-list--padding-].x-list.x-list--padding-right:not(.x-list--padding-top) {
5692
- padding-top: 0;
5693
- }
5694
- [class*=x-list--padding-].x-list.x-list--padding-right:not(.x-list--padding-bottom) {
5695
- padding-bottom: 0;
5696
- }
5697
- [class*=x-list--padding-].x-list.x-list--padding-right:not(.x-list--padding-left) {
5698
- padding-left: 0;
5699
- }
5700
- [class*=x-list--padding-].x-list.x-list--padding-bottom:not(.x-list--padding-top) {
5701
- padding-top: 0;
5702
- }
5703
- [class*=x-list--padding-].x-list.x-list--padding-bottom:not(.x-list--padding-right) {
5704
- padding-right: 0;
5705
- }
5706
- [class*=x-list--padding-].x-list.x-list--padding-bottom:not(.x-list--padding-left) {
5707
- padding-left: 0;
5708
- }
5709
- [class*=x-list--padding-].x-list.x-list--padding-left:not(.x-list--padding-top) {
5710
- padding-top: 0;
5711
- }
5712
- [class*=x-list--padding-].x-list.x-list--padding-left:not(.x-list--padding-right) {
5713
- padding-right: 0;
5714
- }
5715
- [class*=x-list--padding-].x-list.x-list--padding-left:not(.x-list--padding-bottom) {
5716
- padding-bottom: 0;
5717
- }
5718
-
5719
- .x-list--padding-01.x-list {
5720
- padding: var(--x-size-padding-list-01);
5712
+ @media not all and (min-resolution: 0.001dpcm) {
5713
+ .x-list--gap-01.x-list:not(.x-list--horizontal), .x-list--gap-01.x-list.x-list--vertical {
5714
+ gap: 0;
5715
+ }
5716
+ .x-list--gap-01.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-01.x-list.x-list--vertical > *:not(:last-child) {
5717
+ margin-bottom: var(--x-size-gap-list-01);
5718
+ }
5719
+ .x-list--gap-01.x-list.x-list--horizontal {
5720
+ gap: 0;
5721
+ }
5722
+ .x-list--gap-01.x-list.x-list--horizontal > *:not(:last-child) {
5723
+ margin-right: var(--x-size-gap-list-01);
5724
+ }
5725
+ .x-list--gap-01.x-list.x-list--wrap {
5726
+ gap: 0;
5727
+ }
5728
+ .x-list--gap-01.x-list.x-list--wrap > *:not(:last-child) {
5729
+ margin-right: var(--x-size-gap-list-01);
5730
+ margin-bottom: var(--x-size-gap-list-01);
5731
+ }
5721
5732
  }
5722
5733
 
5723
- .x-list--gap-.x-list {
5724
- gap: var(--x-size-gap-list-01);
5734
+ .x-list--gap-02.x-list {
5735
+ gap: var(--x-size-gap-list-02);
5725
5736
  }
5726
5737
  @media not all and (min-resolution: 0.001dpcm) {
5727
- .x-list--gap-.x-list {
5728
- gap: 0;
5729
- }
5730
- .x-list--gap-.x-list > *:not(:last-child) {
5731
- margin-bottom: var(--x-size-gap-list-01);
5732
- }
5733
- .x-list--gap-.x-list.x-list--horizontal {
5738
+ .x-list--gap-02.x-list:not(.x-list--horizontal), .x-list--gap-02.x-list.x-list--vertical {
5734
5739
  gap: 0;
5735
5740
  }
5736
- .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
5737
- margin-right: var(--x-size-gap-list-01);
5741
+ .x-list--gap-02.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-02.x-list.x-list--vertical > *:not(:last-child) {
5742
+ margin-bottom: var(--x-size-gap-list-02);
5738
5743
  }
5739
- }
5740
-
5741
- .x-list--padding-02.x-list {
5742
- padding: var(--x-size-padding-list-02);
5743
- }
5744
-
5745
- .x-list--gap-.x-list {
5746
- gap: var(--x-size-gap-list-02);
5747
- }
5748
- @media not all and (min-resolution: 0.001dpcm) {
5749
- .x-list--gap-.x-list {
5744
+ .x-list--gap-02.x-list.x-list--horizontal {
5750
5745
  gap: 0;
5751
5746
  }
5752
- .x-list--gap-.x-list > *:not(:last-child) {
5753
- margin-bottom: var(--x-size-gap-list-02);
5747
+ .x-list--gap-02.x-list.x-list--horizontal > *:not(:last-child) {
5748
+ margin-right: var(--x-size-gap-list-02);
5754
5749
  }
5755
- .x-list--gap-.x-list.x-list--horizontal {
5750
+ .x-list--gap-02.x-list.x-list--wrap {
5756
5751
  gap: 0;
5757
5752
  }
5758
- .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
5753
+ .x-list--gap-02.x-list.x-list--wrap > *:not(:last-child) {
5759
5754
  margin-right: var(--x-size-gap-list-02);
5755
+ margin-bottom: var(--x-size-gap-list-02);
5760
5756
  }
5761
5757
  }
5762
5758
 
5763
- .x-list--padding-03.x-list {
5764
- padding: var(--x-size-padding-list-03);
5765
- }
5766
-
5767
- .x-list--gap-.x-list {
5759
+ .x-list--gap-03.x-list {
5768
5760
  gap: var(--x-size-gap-list-03);
5769
5761
  }
5770
5762
  @media not all and (min-resolution: 0.001dpcm) {
5771
- .x-list--gap-.x-list {
5763
+ .x-list--gap-03.x-list:not(.x-list--horizontal), .x-list--gap-03.x-list.x-list--vertical {
5772
5764
  gap: 0;
5773
5765
  }
5774
- .x-list--gap-.x-list > *:not(:last-child) {
5766
+ .x-list--gap-03.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-03.x-list.x-list--vertical > *:not(:last-child) {
5775
5767
  margin-bottom: var(--x-size-gap-list-03);
5776
5768
  }
5777
- .x-list--gap-.x-list.x-list--horizontal {
5769
+ .x-list--gap-03.x-list.x-list--horizontal {
5778
5770
  gap: 0;
5779
5771
  }
5780
- .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
5772
+ .x-list--gap-03.x-list.x-list--horizontal > *:not(:last-child) {
5781
5773
  margin-right: var(--x-size-gap-list-03);
5782
5774
  }
5775
+ .x-list--gap-03.x-list.x-list--wrap {
5776
+ gap: 0;
5777
+ }
5778
+ .x-list--gap-03.x-list.x-list--wrap > *:not(:last-child) {
5779
+ margin-right: var(--x-size-gap-list-03);
5780
+ margin-bottom: var(--x-size-gap-list-03);
5781
+ }
5783
5782
  }
5784
5783
 
5785
- .x-list--padding-04.x-list {
5786
- padding: var(--x-size-padding-list-04);
5787
- }
5788
-
5789
- .x-list--gap-.x-list {
5784
+ .x-list--gap-04.x-list {
5790
5785
  gap: var(--x-size-gap-list-04);
5791
5786
  }
5792
5787
  @media not all and (min-resolution: 0.001dpcm) {
5793
- .x-list--gap-.x-list {
5788
+ .x-list--gap-04.x-list:not(.x-list--horizontal), .x-list--gap-04.x-list.x-list--vertical {
5794
5789
  gap: 0;
5795
5790
  }
5796
- .x-list--gap-.x-list > *:not(:last-child) {
5791
+ .x-list--gap-04.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-04.x-list.x-list--vertical > *:not(:last-child) {
5797
5792
  margin-bottom: var(--x-size-gap-list-04);
5798
5793
  }
5799
- .x-list--gap-.x-list.x-list--horizontal {
5794
+ .x-list--gap-04.x-list.x-list--horizontal {
5800
5795
  gap: 0;
5801
5796
  }
5802
- .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
5797
+ .x-list--gap-04.x-list.x-list--horizontal > *:not(:last-child) {
5803
5798
  margin-right: var(--x-size-gap-list-04);
5804
5799
  }
5800
+ .x-list--gap-04.x-list.x-list--wrap {
5801
+ gap: 0;
5802
+ }
5803
+ .x-list--gap-04.x-list.x-list--wrap > *:not(:last-child) {
5804
+ margin-right: var(--x-size-gap-list-04);
5805
+ margin-bottom: var(--x-size-gap-list-04);
5806
+ }
5805
5807
  }
5806
5808
 
5807
- .x-list--padding-05.x-list {
5808
- padding: var(--x-size-padding-list-05);
5809
- }
5810
-
5811
- .x-list--gap-.x-list {
5809
+ .x-list--gap-05.x-list {
5812
5810
  gap: var(--x-size-gap-list-05);
5813
5811
  }
5814
5812
  @media not all and (min-resolution: 0.001dpcm) {
5815
- .x-list--gap-.x-list {
5813
+ .x-list--gap-05.x-list:not(.x-list--horizontal), .x-list--gap-05.x-list.x-list--vertical {
5816
5814
  gap: 0;
5817
5815
  }
5818
- .x-list--gap-.x-list > *:not(:last-child) {
5816
+ .x-list--gap-05.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-05.x-list.x-list--vertical > *:not(:last-child) {
5819
5817
  margin-bottom: var(--x-size-gap-list-05);
5820
5818
  }
5821
- .x-list--gap-.x-list.x-list--horizontal {
5819
+ .x-list--gap-05.x-list.x-list--horizontal {
5822
5820
  gap: 0;
5823
5821
  }
5824
- .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
5822
+ .x-list--gap-05.x-list.x-list--horizontal > *:not(:last-child) {
5825
5823
  margin-right: var(--x-size-gap-list-05);
5826
5824
  }
5825
+ .x-list--gap-05.x-list.x-list--wrap {
5826
+ gap: 0;
5827
+ }
5828
+ .x-list--gap-05.x-list.x-list--wrap > *:not(:last-child) {
5829
+ margin-right: var(--x-size-gap-list-05);
5830
+ margin-bottom: var(--x-size-gap-list-05);
5831
+ }
5827
5832
  }
5828
5833
 
5829
- .x-list--padding-06.x-list {
5830
- padding: var(--x-size-padding-list-06);
5831
- }
5832
-
5833
- .x-list--gap-.x-list {
5834
+ .x-list--gap-06.x-list {
5834
5835
  gap: var(--x-size-gap-list-06);
5835
5836
  }
5836
5837
  @media not all and (min-resolution: 0.001dpcm) {
5837
- .x-list--gap-.x-list {
5838
+ .x-list--gap-06.x-list:not(.x-list--horizontal), .x-list--gap-06.x-list.x-list--vertical {
5838
5839
  gap: 0;
5839
5840
  }
5840
- .x-list--gap-.x-list > *:not(:last-child) {
5841
+ .x-list--gap-06.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-06.x-list.x-list--vertical > *:not(:last-child) {
5841
5842
  margin-bottom: var(--x-size-gap-list-06);
5842
5843
  }
5843
- .x-list--gap-.x-list.x-list--horizontal {
5844
+ .x-list--gap-06.x-list.x-list--horizontal {
5844
5845
  gap: 0;
5845
5846
  }
5846
- .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
5847
+ .x-list--gap-06.x-list.x-list--horizontal > *:not(:last-child) {
5847
5848
  margin-right: var(--x-size-gap-list-06);
5848
5849
  }
5850
+ .x-list--gap-06.x-list.x-list--wrap {
5851
+ gap: 0;
5852
+ }
5853
+ .x-list--gap-06.x-list.x-list--wrap > *:not(:last-child) {
5854
+ margin-right: var(--x-size-gap-list-06);
5855
+ margin-bottom: var(--x-size-gap-list-06);
5856
+ }
5849
5857
  }
5850
5858
 
5851
- .x-list--padding-07.x-list {
5852
- padding: var(--x-size-padding-list-07);
5853
- }
5854
-
5855
- .x-list--gap-.x-list {
5859
+ .x-list--gap-07.x-list {
5856
5860
  gap: var(--x-size-gap-list-07);
5857
5861
  }
5858
5862
  @media not all and (min-resolution: 0.001dpcm) {
5859
- .x-list--gap-.x-list {
5863
+ .x-list--gap-07.x-list:not(.x-list--horizontal), .x-list--gap-07.x-list.x-list--vertical {
5860
5864
  gap: 0;
5861
5865
  }
5862
- .x-list--gap-.x-list > *:not(:last-child) {
5866
+ .x-list--gap-07.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-07.x-list.x-list--vertical > *:not(:last-child) {
5863
5867
  margin-bottom: var(--x-size-gap-list-07);
5864
5868
  }
5865
- .x-list--gap-.x-list.x-list--horizontal {
5869
+ .x-list--gap-07.x-list.x-list--horizontal {
5866
5870
  gap: 0;
5867
5871
  }
5868
- .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
5872
+ .x-list--gap-07.x-list.x-list--horizontal > *:not(:last-child) {
5869
5873
  margin-right: var(--x-size-gap-list-07);
5870
5874
  }
5875
+ .x-list--gap-07.x-list.x-list--wrap {
5876
+ gap: 0;
5877
+ }
5878
+ .x-list--gap-07.x-list.x-list--wrap > *:not(:last-child) {
5879
+ margin-right: var(--x-size-gap-list-07);
5880
+ margin-bottom: var(--x-size-gap-list-07);
5881
+ }
5871
5882
  }
5872
5883
 
5873
- .x-list--padding-08.x-list {
5874
- padding: var(--x-size-padding-list-08);
5875
- }
5876
-
5877
- .x-list--gap-.x-list {
5884
+ .x-list--gap-08.x-list {
5878
5885
  gap: var(--x-size-gap-list-08);
5879
5886
  }
5880
5887
  @media not all and (min-resolution: 0.001dpcm) {
5881
- .x-list--gap-.x-list {
5888
+ .x-list--gap-08.x-list:not(.x-list--horizontal), .x-list--gap-08.x-list.x-list--vertical {
5882
5889
  gap: 0;
5883
5890
  }
5884
- .x-list--gap-.x-list > *:not(:last-child) {
5891
+ .x-list--gap-08.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-08.x-list.x-list--vertical > *:not(:last-child) {
5885
5892
  margin-bottom: var(--x-size-gap-list-08);
5886
5893
  }
5887
- .x-list--gap-.x-list.x-list--horizontal {
5894
+ .x-list--gap-08.x-list.x-list--horizontal {
5888
5895
  gap: 0;
5889
5896
  }
5890
- .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
5897
+ .x-list--gap-08.x-list.x-list--horizontal > *:not(:last-child) {
5891
5898
  margin-right: var(--x-size-gap-list-08);
5892
5899
  }
5900
+ .x-list--gap-08.x-list.x-list--wrap {
5901
+ gap: 0;
5902
+ }
5903
+ .x-list--gap-08.x-list.x-list--wrap > *:not(:last-child) {
5904
+ margin-right: var(--x-size-gap-list-08);
5905
+ margin-bottom: var(--x-size-gap-list-08);
5906
+ }
5893
5907
  }
5894
5908
 
5895
- .x-list--padding-09.x-list {
5896
- padding: var(--x-size-padding-list-09);
5897
- }
5898
-
5899
- .x-list--gap-.x-list {
5909
+ .x-list--gap-09.x-list {
5900
5910
  gap: var(--x-size-gap-list-09);
5901
5911
  }
5902
5912
  @media not all and (min-resolution: 0.001dpcm) {
5903
- .x-list--gap-.x-list {
5913
+ .x-list--gap-09.x-list:not(.x-list--horizontal), .x-list--gap-09.x-list.x-list--vertical {
5904
5914
  gap: 0;
5905
5915
  }
5906
- .x-list--gap-.x-list > *:not(:last-child) {
5916
+ .x-list--gap-09.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-09.x-list.x-list--vertical > *:not(:last-child) {
5907
5917
  margin-bottom: var(--x-size-gap-list-09);
5908
5918
  }
5909
- .x-list--gap-.x-list.x-list--horizontal {
5919
+ .x-list--gap-09.x-list.x-list--horizontal {
5910
5920
  gap: 0;
5911
5921
  }
5912
- .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
5922
+ .x-list--gap-09.x-list.x-list--horizontal > *:not(:last-child) {
5913
5923
  margin-right: var(--x-size-gap-list-09);
5914
5924
  }
5925
+ .x-list--gap-09.x-list.x-list--wrap {
5926
+ gap: 0;
5927
+ }
5928
+ .x-list--gap-09.x-list.x-list--wrap > *:not(:last-child) {
5929
+ margin-right: var(--x-size-gap-list-09);
5930
+ margin-bottom: var(--x-size-gap-list-09);
5931
+ }
5915
5932
  }
5916
5933
 
5917
- .x-list--padding-10.x-list {
5918
- padding: var(--x-size-padding-list-10);
5919
- }
5920
-
5921
- .x-list--gap-.x-list {
5934
+ .x-list--gap-10.x-list {
5922
5935
  gap: var(--x-size-gap-list-10);
5923
5936
  }
5924
5937
  @media not all and (min-resolution: 0.001dpcm) {
5925
- .x-list--gap-.x-list {
5938
+ .x-list--gap-10.x-list:not(.x-list--horizontal), .x-list--gap-10.x-list.x-list--vertical {
5926
5939
  gap: 0;
5927
5940
  }
5928
- .x-list--gap-.x-list > *:not(:last-child) {
5941
+ .x-list--gap-10.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-10.x-list.x-list--vertical > *:not(:last-child) {
5929
5942
  margin-bottom: var(--x-size-gap-list-10);
5930
5943
  }
5931
- .x-list--gap-.x-list.x-list--horizontal {
5944
+ .x-list--gap-10.x-list.x-list--horizontal {
5932
5945
  gap: 0;
5933
5946
  }
5934
- .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
5947
+ .x-list--gap-10.x-list.x-list--horizontal > *:not(:last-child) {
5935
5948
  margin-right: var(--x-size-gap-list-10);
5936
5949
  }
5950
+ .x-list--gap-10.x-list.x-list--wrap {
5951
+ gap: 0;
5952
+ }
5953
+ .x-list--gap-10.x-list.x-list--wrap > *:not(:last-child) {
5954
+ margin-right: var(--x-size-gap-list-10);
5955
+ margin-bottom: var(--x-size-gap-list-10);
5956
+ }
5937
5957
  }
5938
5958
 
5939
- .x-list--padding-11.x-list {
5940
- padding: var(--x-size-padding-list-11);
5941
- }
5942
-
5943
- .x-list--gap-.x-list {
5959
+ .x-list--gap-11.x-list {
5944
5960
  gap: var(--x-size-gap-list-11);
5945
5961
  }
5946
5962
  @media not all and (min-resolution: 0.001dpcm) {
5947
- .x-list--gap-.x-list {
5963
+ .x-list--gap-11.x-list:not(.x-list--horizontal), .x-list--gap-11.x-list.x-list--vertical {
5948
5964
  gap: 0;
5949
5965
  }
5950
- .x-list--gap-.x-list > *:not(:last-child) {
5966
+ .x-list--gap-11.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-11.x-list.x-list--vertical > *:not(:last-child) {
5951
5967
  margin-bottom: var(--x-size-gap-list-11);
5952
5968
  }
5953
- .x-list--gap-.x-list.x-list--horizontal {
5969
+ .x-list--gap-11.x-list.x-list--horizontal {
5954
5970
  gap: 0;
5955
5971
  }
5956
- .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
5972
+ .x-list--gap-11.x-list.x-list--horizontal > *:not(:last-child) {
5957
5973
  margin-right: var(--x-size-gap-list-11);
5958
5974
  }
5959
- }
5960
-
5961
- .x-list--padding-12.x-list {
5962
- padding: var(--x-size-padding-list-12);
5963
- }
5964
-
5965
- .x-list--gap-.x-list {
5975
+ .x-list--gap-11.x-list.x-list--wrap {
5976
+ gap: 0;
5977
+ }
5978
+ .x-list--gap-11.x-list.x-list--wrap > *:not(:last-child) {
5979
+ margin-right: var(--x-size-gap-list-11);
5980
+ margin-bottom: var(--x-size-gap-list-11);
5981
+ }
5982
+ }
5983
+
5984
+ .x-list--gap-12.x-list {
5966
5985
  gap: var(--x-size-gap-list-12);
5967
5986
  }
5968
5987
  @media not all and (min-resolution: 0.001dpcm) {
5969
- .x-list--gap-.x-list {
5988
+ .x-list--gap-12.x-list:not(.x-list--horizontal), .x-list--gap-12.x-list.x-list--vertical {
5970
5989
  gap: 0;
5971
5990
  }
5972
- .x-list--gap-.x-list > *:not(:last-child) {
5991
+ .x-list--gap-12.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-12.x-list.x-list--vertical > *:not(:last-child) {
5973
5992
  margin-bottom: var(--x-size-gap-list-12);
5974
5993
  }
5975
- .x-list--gap-.x-list.x-list--horizontal {
5994
+ .x-list--gap-12.x-list.x-list--horizontal {
5976
5995
  gap: 0;
5977
5996
  }
5978
- .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
5997
+ .x-list--gap-12.x-list.x-list--horizontal > *:not(:last-child) {
5979
5998
  margin-right: var(--x-size-gap-list-12);
5980
5999
  }
6000
+ .x-list--gap-12.x-list.x-list--wrap {
6001
+ gap: 0;
6002
+ }
6003
+ .x-list--gap-12.x-list.x-list--wrap > *:not(:last-child) {
6004
+ margin-right: var(--x-size-gap-list-12);
6005
+ margin-bottom: var(--x-size-gap-list-12);
6006
+ }
5981
6007
  }
5982
6008
 
5983
- .x-list--padding-13.x-list {
5984
- padding: var(--x-size-padding-list-13);
5985
- }
5986
-
5987
- .x-list--gap-.x-list {
6009
+ .x-list--gap-13.x-list {
5988
6010
  gap: var(--x-size-gap-list-13);
5989
6011
  }
5990
6012
  @media not all and (min-resolution: 0.001dpcm) {
5991
- .x-list--gap-.x-list {
6013
+ .x-list--gap-13.x-list:not(.x-list--horizontal), .x-list--gap-13.x-list.x-list--vertical {
5992
6014
  gap: 0;
5993
6015
  }
5994
- .x-list--gap-.x-list > *:not(:last-child) {
6016
+ .x-list--gap-13.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-13.x-list.x-list--vertical > *:not(:last-child) {
5995
6017
  margin-bottom: var(--x-size-gap-list-13);
5996
6018
  }
5997
- .x-list--gap-.x-list.x-list--horizontal {
6019
+ .x-list--gap-13.x-list.x-list--horizontal {
5998
6020
  gap: 0;
5999
6021
  }
6000
- .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
6022
+ .x-list--gap-13.x-list.x-list--horizontal > *:not(:last-child) {
6001
6023
  margin-right: var(--x-size-gap-list-13);
6002
6024
  }
6003
- }
6004
- :root {
6005
- --x-size-gap-list-01: var(--x-size-base-01);
6006
- --x-size-gap-list-02: var(--x-size-base-02);
6007
- --x-size-gap-list-03: var(--x-size-base-03);
6008
- --x-size-gap-list-04: var(--x-size-base-04);
6009
- --x-size-gap-list-05: var(--x-size-base-05);
6010
- --x-size-gap-list-06: var(--x-size-base-06);
6011
- --x-size-gap-list-07: var(--x-size-base-07);
6012
- --x-size-gap-list-08: var(--x-size-base-08);
6013
- --x-size-gap-list-09: var(--x-size-base-09);
6014
- --x-size-gap-list-10: var(--x-size-base-10);
6015
- --x-size-gap-list-11: var(--x-size-base-11);
6016
- --x-size-gap-list-12: var(--x-size-base-12);
6017
- --x-size-gap-list-13: var(--x-size-base-13);
6018
- --x-size-gap-list-14: var(--x-size-base-14);
6019
- --x-size-gap-list-15: var(--x-size-base-15);
6020
- --x-size-gap-list-16: var(--x-size-base-16);
6021
- --x-size-gap-list-17: var(--x-size-base-17);
6022
- --x-size-gap-list-18: var(--x-size-base-18);
6023
- --x-size-gap-list-19: var(--x-size-base-19);
6024
- --x-size-gap-list-20: var(--x-size-base-20);
6025
- }
6026
- :root {
6027
- --x-size-gap-list-01: var(--x-size-base-01);
6028
- --x-size-gap-list-02: var(--x-size-base-02);
6029
- --x-size-gap-list-03: var(--x-size-base-03);
6030
- --x-size-gap-list-04: var(--x-size-base-04);
6031
- --x-size-gap-list-05: var(--x-size-base-05);
6032
- --x-size-gap-list-06: var(--x-size-base-06);
6033
- --x-size-gap-list-07: var(--x-size-base-07);
6034
- --x-size-gap-list-08: var(--x-size-base-08);
6035
- --x-size-gap-list-09: var(--x-size-base-09);
6036
- --x-size-gap-list-10: var(--x-size-base-10);
6037
- --x-size-gap-list-11: var(--x-size-base-11);
6038
- --x-size-gap-list-12: var(--x-size-base-12);
6039
- --x-size-gap-list-13: var(--x-size-base-13);
6040
- --x-size-gap-list-14: var(--x-size-base-14);
6041
- --x-size-gap-list-15: var(--x-size-base-15);
6042
- --x-size-gap-list-16: var(--x-size-base-16);
6043
- --x-size-gap-list-17: var(--x-size-base-17);
6044
- --x-size-gap-list-18: var(--x-size-base-18);
6045
- --x-size-gap-list-19: var(--x-size-base-19);
6046
- --x-size-gap-list-20: var(--x-size-base-20);
6025
+ .x-list--gap-13.x-list.x-list--wrap {
6026
+ gap: 0;
6027
+ }
6028
+ .x-list--gap-13.x-list.x-list--wrap > *:not(:last-child) {
6029
+ margin-right: var(--x-size-gap-list-13);
6030
+ margin-bottom: var(--x-size-gap-list-13);
6031
+ }
6047
6032
  }
6048
6033
 
6049
- .x-list--gap-01.x-list {
6050
- gap: var(--x-size-gap-list-01);
6034
+ .x-list--gap-14.x-list {
6035
+ gap: var(--x-size-gap-list-14);
6051
6036
  }
6052
6037
  @media not all and (min-resolution: 0.001dpcm) {
6053
- .x-list--gap-01.x-list:not(.x-list--horizontal), .x-list--gap-01.x-list.x-list--vertical {
6038
+ .x-list--gap-14.x-list:not(.x-list--horizontal), .x-list--gap-14.x-list.x-list--vertical {
6054
6039
  gap: 0;
6055
6040
  }
6056
- .x-list--gap-01.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-01.x-list.x-list--vertical > *:not(:last-child) {
6057
- margin-bottom: var(--x-size-gap-list-01);
6041
+ .x-list--gap-14.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-14.x-list.x-list--vertical > *:not(:last-child) {
6042
+ margin-bottom: var(--x-size-gap-list-14);
6058
6043
  }
6059
- .x-list--gap-01.x-list.x-list--horizontal {
6044
+ .x-list--gap-14.x-list.x-list--horizontal {
6060
6045
  gap: 0;
6061
6046
  }
6062
- .x-list--gap-01.x-list.x-list--horizontal > *:not(:last-child) {
6063
- margin-right: var(--x-size-gap-list-01);
6047
+ .x-list--gap-14.x-list.x-list--horizontal > *:not(:last-child) {
6048
+ margin-right: var(--x-size-gap-list-14);
6064
6049
  }
6065
- .x-list--gap-01.x-list.x-list--wrap {
6050
+ .x-list--gap-14.x-list.x-list--wrap {
6066
6051
  gap: 0;
6067
6052
  }
6068
- .x-list--gap-01.x-list.x-list--wrap > *:not(:last-child) {
6069
- margin-right: var(--x-size-gap-list-01);
6070
- margin-bottom: var(--x-size-gap-list-01);
6053
+ .x-list--gap-14.x-list.x-list--wrap > *:not(:last-child) {
6054
+ margin-right: var(--x-size-gap-list-14);
6055
+ margin-bottom: var(--x-size-gap-list-14);
6071
6056
  }
6072
6057
  }
6073
6058
 
6074
- .x-list--gap-02.x-list {
6075
- gap: var(--x-size-gap-list-02);
6059
+ .x-list--gap-15.x-list {
6060
+ gap: var(--x-size-gap-list-15);
6076
6061
  }
6077
6062
  @media not all and (min-resolution: 0.001dpcm) {
6078
- .x-list--gap-02.x-list:not(.x-list--horizontal), .x-list--gap-02.x-list.x-list--vertical {
6063
+ .x-list--gap-15.x-list:not(.x-list--horizontal), .x-list--gap-15.x-list.x-list--vertical {
6079
6064
  gap: 0;
6080
6065
  }
6081
- .x-list--gap-02.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-02.x-list.x-list--vertical > *:not(:last-child) {
6082
- margin-bottom: var(--x-size-gap-list-02);
6066
+ .x-list--gap-15.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-15.x-list.x-list--vertical > *:not(:last-child) {
6067
+ margin-bottom: var(--x-size-gap-list-15);
6083
6068
  }
6084
- .x-list--gap-02.x-list.x-list--horizontal {
6069
+ .x-list--gap-15.x-list.x-list--horizontal {
6085
6070
  gap: 0;
6086
6071
  }
6087
- .x-list--gap-02.x-list.x-list--horizontal > *:not(:last-child) {
6088
- margin-right: var(--x-size-gap-list-02);
6072
+ .x-list--gap-15.x-list.x-list--horizontal > *:not(:last-child) {
6073
+ margin-right: var(--x-size-gap-list-15);
6089
6074
  }
6090
- .x-list--gap-02.x-list.x-list--wrap {
6075
+ .x-list--gap-15.x-list.x-list--wrap {
6091
6076
  gap: 0;
6092
6077
  }
6093
- .x-list--gap-02.x-list.x-list--wrap > *:not(:last-child) {
6094
- margin-right: var(--x-size-gap-list-02);
6095
- margin-bottom: var(--x-size-gap-list-02);
6078
+ .x-list--gap-15.x-list.x-list--wrap > *:not(:last-child) {
6079
+ margin-right: var(--x-size-gap-list-15);
6080
+ margin-bottom: var(--x-size-gap-list-15);
6096
6081
  }
6097
6082
  }
6098
6083
 
6099
- .x-list--gap-03.x-list {
6100
- gap: var(--x-size-gap-list-03);
6084
+ .x-list--gap-16.x-list {
6085
+ gap: var(--x-size-gap-list-16);
6101
6086
  }
6102
6087
  @media not all and (min-resolution: 0.001dpcm) {
6103
- .x-list--gap-03.x-list:not(.x-list--horizontal), .x-list--gap-03.x-list.x-list--vertical {
6088
+ .x-list--gap-16.x-list:not(.x-list--horizontal), .x-list--gap-16.x-list.x-list--vertical {
6104
6089
  gap: 0;
6105
6090
  }
6106
- .x-list--gap-03.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-03.x-list.x-list--vertical > *:not(:last-child) {
6107
- margin-bottom: var(--x-size-gap-list-03);
6091
+ .x-list--gap-16.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-16.x-list.x-list--vertical > *:not(:last-child) {
6092
+ margin-bottom: var(--x-size-gap-list-16);
6108
6093
  }
6109
- .x-list--gap-03.x-list.x-list--horizontal {
6094
+ .x-list--gap-16.x-list.x-list--horizontal {
6110
6095
  gap: 0;
6111
6096
  }
6112
- .x-list--gap-03.x-list.x-list--horizontal > *:not(:last-child) {
6113
- margin-right: var(--x-size-gap-list-03);
6097
+ .x-list--gap-16.x-list.x-list--horizontal > *:not(:last-child) {
6098
+ margin-right: var(--x-size-gap-list-16);
6114
6099
  }
6115
- .x-list--gap-03.x-list.x-list--wrap {
6100
+ .x-list--gap-16.x-list.x-list--wrap {
6116
6101
  gap: 0;
6117
6102
  }
6118
- .x-list--gap-03.x-list.x-list--wrap > *:not(:last-child) {
6119
- margin-right: var(--x-size-gap-list-03);
6120
- margin-bottom: var(--x-size-gap-list-03);
6103
+ .x-list--gap-16.x-list.x-list--wrap > *:not(:last-child) {
6104
+ margin-right: var(--x-size-gap-list-16);
6105
+ margin-bottom: var(--x-size-gap-list-16);
6121
6106
  }
6122
6107
  }
6123
6108
 
6124
- .x-list--gap-04.x-list {
6125
- gap: var(--x-size-gap-list-04);
6109
+ .x-list--gap-17.x-list {
6110
+ gap: var(--x-size-gap-list-17);
6126
6111
  }
6127
6112
  @media not all and (min-resolution: 0.001dpcm) {
6128
- .x-list--gap-04.x-list:not(.x-list--horizontal), .x-list--gap-04.x-list.x-list--vertical {
6113
+ .x-list--gap-17.x-list:not(.x-list--horizontal), .x-list--gap-17.x-list.x-list--vertical {
6129
6114
  gap: 0;
6130
6115
  }
6131
- .x-list--gap-04.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-04.x-list.x-list--vertical > *:not(:last-child) {
6132
- margin-bottom: var(--x-size-gap-list-04);
6116
+ .x-list--gap-17.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-17.x-list.x-list--vertical > *:not(:last-child) {
6117
+ margin-bottom: var(--x-size-gap-list-17);
6133
6118
  }
6134
- .x-list--gap-04.x-list.x-list--horizontal {
6119
+ .x-list--gap-17.x-list.x-list--horizontal {
6135
6120
  gap: 0;
6136
6121
  }
6137
- .x-list--gap-04.x-list.x-list--horizontal > *:not(:last-child) {
6138
- margin-right: var(--x-size-gap-list-04);
6122
+ .x-list--gap-17.x-list.x-list--horizontal > *:not(:last-child) {
6123
+ margin-right: var(--x-size-gap-list-17);
6139
6124
  }
6140
- .x-list--gap-04.x-list.x-list--wrap {
6125
+ .x-list--gap-17.x-list.x-list--wrap {
6141
6126
  gap: 0;
6142
6127
  }
6143
- .x-list--gap-04.x-list.x-list--wrap > *:not(:last-child) {
6144
- margin-right: var(--x-size-gap-list-04);
6145
- margin-bottom: var(--x-size-gap-list-04);
6128
+ .x-list--gap-17.x-list.x-list--wrap > *:not(:last-child) {
6129
+ margin-right: var(--x-size-gap-list-17);
6130
+ margin-bottom: var(--x-size-gap-list-17);
6146
6131
  }
6147
6132
  }
6148
6133
 
6149
- .x-list--gap-05.x-list {
6150
- gap: var(--x-size-gap-list-05);
6134
+ .x-list--gap-18.x-list {
6135
+ gap: var(--x-size-gap-list-18);
6151
6136
  }
6152
6137
  @media not all and (min-resolution: 0.001dpcm) {
6153
- .x-list--gap-05.x-list:not(.x-list--horizontal), .x-list--gap-05.x-list.x-list--vertical {
6138
+ .x-list--gap-18.x-list:not(.x-list--horizontal), .x-list--gap-18.x-list.x-list--vertical {
6154
6139
  gap: 0;
6155
6140
  }
6156
- .x-list--gap-05.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-05.x-list.x-list--vertical > *:not(:last-child) {
6157
- margin-bottom: var(--x-size-gap-list-05);
6141
+ .x-list--gap-18.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-18.x-list.x-list--vertical > *:not(:last-child) {
6142
+ margin-bottom: var(--x-size-gap-list-18);
6158
6143
  }
6159
- .x-list--gap-05.x-list.x-list--horizontal {
6144
+ .x-list--gap-18.x-list.x-list--horizontal {
6160
6145
  gap: 0;
6161
6146
  }
6162
- .x-list--gap-05.x-list.x-list--horizontal > *:not(:last-child) {
6163
- margin-right: var(--x-size-gap-list-05);
6147
+ .x-list--gap-18.x-list.x-list--horizontal > *:not(:last-child) {
6148
+ margin-right: var(--x-size-gap-list-18);
6164
6149
  }
6165
- .x-list--gap-05.x-list.x-list--wrap {
6150
+ .x-list--gap-18.x-list.x-list--wrap {
6166
6151
  gap: 0;
6167
6152
  }
6168
- .x-list--gap-05.x-list.x-list--wrap > *:not(:last-child) {
6169
- margin-right: var(--x-size-gap-list-05);
6170
- margin-bottom: var(--x-size-gap-list-05);
6153
+ .x-list--gap-18.x-list.x-list--wrap > *:not(:last-child) {
6154
+ margin-right: var(--x-size-gap-list-18);
6155
+ margin-bottom: var(--x-size-gap-list-18);
6171
6156
  }
6172
6157
  }
6173
6158
 
6174
- .x-list--gap-06.x-list {
6175
- gap: var(--x-size-gap-list-06);
6159
+ .x-list--gap-19.x-list {
6160
+ gap: var(--x-size-gap-list-19);
6176
6161
  }
6177
6162
  @media not all and (min-resolution: 0.001dpcm) {
6178
- .x-list--gap-06.x-list:not(.x-list--horizontal), .x-list--gap-06.x-list.x-list--vertical {
6163
+ .x-list--gap-19.x-list:not(.x-list--horizontal), .x-list--gap-19.x-list.x-list--vertical {
6179
6164
  gap: 0;
6180
6165
  }
6181
- .x-list--gap-06.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-06.x-list.x-list--vertical > *:not(:last-child) {
6182
- margin-bottom: var(--x-size-gap-list-06);
6166
+ .x-list--gap-19.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-19.x-list.x-list--vertical > *:not(:last-child) {
6167
+ margin-bottom: var(--x-size-gap-list-19);
6183
6168
  }
6184
- .x-list--gap-06.x-list.x-list--horizontal {
6169
+ .x-list--gap-19.x-list.x-list--horizontal {
6185
6170
  gap: 0;
6186
6171
  }
6187
- .x-list--gap-06.x-list.x-list--horizontal > *:not(:last-child) {
6188
- margin-right: var(--x-size-gap-list-06);
6172
+ .x-list--gap-19.x-list.x-list--horizontal > *:not(:last-child) {
6173
+ margin-right: var(--x-size-gap-list-19);
6189
6174
  }
6190
- .x-list--gap-06.x-list.x-list--wrap {
6175
+ .x-list--gap-19.x-list.x-list--wrap {
6191
6176
  gap: 0;
6192
6177
  }
6193
- .x-list--gap-06.x-list.x-list--wrap > *:not(:last-child) {
6194
- margin-right: var(--x-size-gap-list-06);
6195
- margin-bottom: var(--x-size-gap-list-06);
6178
+ .x-list--gap-19.x-list.x-list--wrap > *:not(:last-child) {
6179
+ margin-right: var(--x-size-gap-list-19);
6180
+ margin-bottom: var(--x-size-gap-list-19);
6196
6181
  }
6197
6182
  }
6198
6183
 
6199
- .x-list--gap-07.x-list {
6200
- gap: var(--x-size-gap-list-07);
6184
+ .x-list--gap-20.x-list {
6185
+ gap: var(--x-size-gap-list-20);
6201
6186
  }
6202
6187
  @media not all and (min-resolution: 0.001dpcm) {
6203
- .x-list--gap-07.x-list:not(.x-list--horizontal), .x-list--gap-07.x-list.x-list--vertical {
6188
+ .x-list--gap-20.x-list:not(.x-list--horizontal), .x-list--gap-20.x-list.x-list--vertical {
6204
6189
  gap: 0;
6205
6190
  }
6206
- .x-list--gap-07.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-07.x-list.x-list--vertical > *:not(:last-child) {
6207
- margin-bottom: var(--x-size-gap-list-07);
6191
+ .x-list--gap-20.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-20.x-list.x-list--vertical > *:not(:last-child) {
6192
+ margin-bottom: var(--x-size-gap-list-20);
6208
6193
  }
6209
- .x-list--gap-07.x-list.x-list--horizontal {
6194
+ .x-list--gap-20.x-list.x-list--horizontal {
6210
6195
  gap: 0;
6211
6196
  }
6212
- .x-list--gap-07.x-list.x-list--horizontal > *:not(:last-child) {
6213
- margin-right: var(--x-size-gap-list-07);
6197
+ .x-list--gap-20.x-list.x-list--horizontal > *:not(:last-child) {
6198
+ margin-right: var(--x-size-gap-list-20);
6214
6199
  }
6215
- .x-list--gap-07.x-list.x-list--wrap {
6200
+ .x-list--gap-20.x-list.x-list--wrap {
6216
6201
  gap: 0;
6217
6202
  }
6218
- .x-list--gap-07.x-list.x-list--wrap > *:not(:last-child) {
6219
- margin-right: var(--x-size-gap-list-07);
6220
- margin-bottom: var(--x-size-gap-list-07);
6203
+ .x-list--gap-20.x-list.x-list--wrap > *:not(:last-child) {
6204
+ margin-right: var(--x-size-gap-list-20);
6205
+ margin-bottom: var(--x-size-gap-list-20);
6221
6206
  }
6222
6207
  }
6208
+ /* @deprecated */
6209
+ :root {
6210
+ --x-size-padding-list-01: var(--x-size-base-01);
6211
+ --x-size-padding-list-02: var(--x-size-base-02);
6212
+ --x-size-padding-list-03: var(--x-size-base-03);
6213
+ --x-size-padding-list-04: var(--x-size-base-04);
6214
+ --x-size-padding-list-05: var(--x-size-base-05);
6215
+ --x-size-padding-list-06: var(--x-size-base-06);
6216
+ --x-size-padding-list-07: var(--x-size-base-07);
6217
+ --x-size-padding-list-08: var(--x-size-base-08);
6218
+ --x-size-padding-list-09: var(--x-size-base-09);
6219
+ --x-size-padding-list-10: var(--x-size-base-10);
6220
+ --x-size-padding-list-11: var(--x-size-base-11);
6221
+ --x-size-padding-list-12: var(--x-size-base-12);
6222
+ --x-size-padding-list-13: var(--x-size-base-13);
6223
+ }
6223
6224
 
6224
- .x-list--gap-08.x-list {
6225
- gap: var(--x-size-gap-list-08);
6225
+ /* @deprecated */
6226
+ [class*=x-list--padding-].x-list.x-list--padding-top:not(.x-list--padding-right) {
6227
+ padding-right: 0;
6228
+ }
6229
+ [class*=x-list--padding-].x-list.x-list--padding-top:not(.x-list--padding-bottom) {
6230
+ padding-bottom: 0;
6231
+ }
6232
+ [class*=x-list--padding-].x-list.x-list--padding-top:not(.x-list--padding-left) {
6233
+ padding-left: 0;
6234
+ }
6235
+ [class*=x-list--padding-].x-list.x-list--padding-right:not(.x-list--padding-top) {
6236
+ padding-top: 0;
6237
+ }
6238
+ [class*=x-list--padding-].x-list.x-list--padding-right:not(.x-list--padding-bottom) {
6239
+ padding-bottom: 0;
6240
+ }
6241
+ [class*=x-list--padding-].x-list.x-list--padding-right:not(.x-list--padding-left) {
6242
+ padding-left: 0;
6243
+ }
6244
+ [class*=x-list--padding-].x-list.x-list--padding-bottom:not(.x-list--padding-top) {
6245
+ padding-top: 0;
6246
+ }
6247
+ [class*=x-list--padding-].x-list.x-list--padding-bottom:not(.x-list--padding-right) {
6248
+ padding-right: 0;
6249
+ }
6250
+ [class*=x-list--padding-].x-list.x-list--padding-bottom:not(.x-list--padding-left) {
6251
+ padding-left: 0;
6252
+ }
6253
+ [class*=x-list--padding-].x-list.x-list--padding-left:not(.x-list--padding-top) {
6254
+ padding-top: 0;
6255
+ }
6256
+ [class*=x-list--padding-].x-list.x-list--padding-left:not(.x-list--padding-right) {
6257
+ padding-right: 0;
6258
+ }
6259
+ [class*=x-list--padding-].x-list.x-list--padding-left:not(.x-list--padding-bottom) {
6260
+ padding-bottom: 0;
6261
+ }
6262
+
6263
+ .x-list--padding-01.x-list {
6264
+ padding: var(--x-size-padding-list-01);
6265
+ }
6266
+
6267
+ .x-list--gap-.x-list {
6268
+ gap: var(--x-size-gap-list-01);
6226
6269
  }
6227
6270
  @media not all and (min-resolution: 0.001dpcm) {
6228
- .x-list--gap-08.x-list:not(.x-list--horizontal), .x-list--gap-08.x-list.x-list--vertical {
6229
- gap: 0;
6230
- }
6231
- .x-list--gap-08.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-08.x-list.x-list--vertical > *:not(:last-child) {
6232
- margin-bottom: var(--x-size-gap-list-08);
6233
- }
6234
- .x-list--gap-08.x-list.x-list--horizontal {
6271
+ .x-list--gap-.x-list {
6235
6272
  gap: 0;
6236
6273
  }
6237
- .x-list--gap-08.x-list.x-list--horizontal > *:not(:last-child) {
6238
- margin-right: var(--x-size-gap-list-08);
6274
+ .x-list--gap-.x-list > *:not(:last-child) {
6275
+ margin-bottom: var(--x-size-gap-list-01);
6239
6276
  }
6240
- .x-list--gap-08.x-list.x-list--wrap {
6277
+ .x-list--gap-.x-list.x-list--horizontal {
6241
6278
  gap: 0;
6242
6279
  }
6243
- .x-list--gap-08.x-list.x-list--wrap > *:not(:last-child) {
6244
- margin-right: var(--x-size-gap-list-08);
6245
- margin-bottom: var(--x-size-gap-list-08);
6280
+ .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
6281
+ margin-right: var(--x-size-gap-list-01);
6246
6282
  }
6247
6283
  }
6248
6284
 
6249
- .x-list--gap-09.x-list {
6250
- gap: var(--x-size-gap-list-09);
6285
+ .x-list--padding-02.x-list {
6286
+ padding: var(--x-size-padding-list-02);
6287
+ }
6288
+
6289
+ .x-list--gap-.x-list {
6290
+ gap: var(--x-size-gap-list-02);
6251
6291
  }
6252
6292
  @media not all and (min-resolution: 0.001dpcm) {
6253
- .x-list--gap-09.x-list:not(.x-list--horizontal), .x-list--gap-09.x-list.x-list--vertical {
6254
- gap: 0;
6255
- }
6256
- .x-list--gap-09.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-09.x-list.x-list--vertical > *:not(:last-child) {
6257
- margin-bottom: var(--x-size-gap-list-09);
6258
- }
6259
- .x-list--gap-09.x-list.x-list--horizontal {
6293
+ .x-list--gap-.x-list {
6260
6294
  gap: 0;
6261
6295
  }
6262
- .x-list--gap-09.x-list.x-list--horizontal > *:not(:last-child) {
6263
- margin-right: var(--x-size-gap-list-09);
6296
+ .x-list--gap-.x-list > *:not(:last-child) {
6297
+ margin-bottom: var(--x-size-gap-list-02);
6264
6298
  }
6265
- .x-list--gap-09.x-list.x-list--wrap {
6299
+ .x-list--gap-.x-list.x-list--horizontal {
6266
6300
  gap: 0;
6267
6301
  }
6268
- .x-list--gap-09.x-list.x-list--wrap > *:not(:last-child) {
6269
- margin-right: var(--x-size-gap-list-09);
6270
- margin-bottom: var(--x-size-gap-list-09);
6302
+ .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
6303
+ margin-right: var(--x-size-gap-list-02);
6271
6304
  }
6272
6305
  }
6273
6306
 
6274
- .x-list--gap-10.x-list {
6275
- gap: var(--x-size-gap-list-10);
6307
+ .x-list--padding-03.x-list {
6308
+ padding: var(--x-size-padding-list-03);
6309
+ }
6310
+
6311
+ .x-list--gap-.x-list {
6312
+ gap: var(--x-size-gap-list-03);
6276
6313
  }
6277
6314
  @media not all and (min-resolution: 0.001dpcm) {
6278
- .x-list--gap-10.x-list:not(.x-list--horizontal), .x-list--gap-10.x-list.x-list--vertical {
6279
- gap: 0;
6280
- }
6281
- .x-list--gap-10.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-10.x-list.x-list--vertical > *:not(:last-child) {
6282
- margin-bottom: var(--x-size-gap-list-10);
6283
- }
6284
- .x-list--gap-10.x-list.x-list--horizontal {
6315
+ .x-list--gap-.x-list {
6285
6316
  gap: 0;
6286
6317
  }
6287
- .x-list--gap-10.x-list.x-list--horizontal > *:not(:last-child) {
6288
- margin-right: var(--x-size-gap-list-10);
6318
+ .x-list--gap-.x-list > *:not(:last-child) {
6319
+ margin-bottom: var(--x-size-gap-list-03);
6289
6320
  }
6290
- .x-list--gap-10.x-list.x-list--wrap {
6321
+ .x-list--gap-.x-list.x-list--horizontal {
6291
6322
  gap: 0;
6292
6323
  }
6293
- .x-list--gap-10.x-list.x-list--wrap > *:not(:last-child) {
6294
- margin-right: var(--x-size-gap-list-10);
6295
- margin-bottom: var(--x-size-gap-list-10);
6324
+ .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
6325
+ margin-right: var(--x-size-gap-list-03);
6296
6326
  }
6297
6327
  }
6298
6328
 
6299
- .x-list--gap-11.x-list {
6300
- gap: var(--x-size-gap-list-11);
6329
+ .x-list--padding-04.x-list {
6330
+ padding: var(--x-size-padding-list-04);
6331
+ }
6332
+
6333
+ .x-list--gap-.x-list {
6334
+ gap: var(--x-size-gap-list-04);
6301
6335
  }
6302
6336
  @media not all and (min-resolution: 0.001dpcm) {
6303
- .x-list--gap-11.x-list:not(.x-list--horizontal), .x-list--gap-11.x-list.x-list--vertical {
6304
- gap: 0;
6305
- }
6306
- .x-list--gap-11.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-11.x-list.x-list--vertical > *:not(:last-child) {
6307
- margin-bottom: var(--x-size-gap-list-11);
6308
- }
6309
- .x-list--gap-11.x-list.x-list--horizontal {
6337
+ .x-list--gap-.x-list {
6310
6338
  gap: 0;
6311
6339
  }
6312
- .x-list--gap-11.x-list.x-list--horizontal > *:not(:last-child) {
6313
- margin-right: var(--x-size-gap-list-11);
6340
+ .x-list--gap-.x-list > *:not(:last-child) {
6341
+ margin-bottom: var(--x-size-gap-list-04);
6314
6342
  }
6315
- .x-list--gap-11.x-list.x-list--wrap {
6343
+ .x-list--gap-.x-list.x-list--horizontal {
6316
6344
  gap: 0;
6317
6345
  }
6318
- .x-list--gap-11.x-list.x-list--wrap > *:not(:last-child) {
6319
- margin-right: var(--x-size-gap-list-11);
6320
- margin-bottom: var(--x-size-gap-list-11);
6346
+ .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
6347
+ margin-right: var(--x-size-gap-list-04);
6321
6348
  }
6322
6349
  }
6323
6350
 
6324
- .x-list--gap-12.x-list {
6325
- gap: var(--x-size-gap-list-12);
6351
+ .x-list--padding-05.x-list {
6352
+ padding: var(--x-size-padding-list-05);
6353
+ }
6354
+
6355
+ .x-list--gap-.x-list {
6356
+ gap: var(--x-size-gap-list-05);
6326
6357
  }
6327
6358
  @media not all and (min-resolution: 0.001dpcm) {
6328
- .x-list--gap-12.x-list:not(.x-list--horizontal), .x-list--gap-12.x-list.x-list--vertical {
6329
- gap: 0;
6330
- }
6331
- .x-list--gap-12.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-12.x-list.x-list--vertical > *:not(:last-child) {
6332
- margin-bottom: var(--x-size-gap-list-12);
6333
- }
6334
- .x-list--gap-12.x-list.x-list--horizontal {
6359
+ .x-list--gap-.x-list {
6335
6360
  gap: 0;
6336
6361
  }
6337
- .x-list--gap-12.x-list.x-list--horizontal > *:not(:last-child) {
6338
- margin-right: var(--x-size-gap-list-12);
6362
+ .x-list--gap-.x-list > *:not(:last-child) {
6363
+ margin-bottom: var(--x-size-gap-list-05);
6339
6364
  }
6340
- .x-list--gap-12.x-list.x-list--wrap {
6365
+ .x-list--gap-.x-list.x-list--horizontal {
6341
6366
  gap: 0;
6342
6367
  }
6343
- .x-list--gap-12.x-list.x-list--wrap > *:not(:last-child) {
6344
- margin-right: var(--x-size-gap-list-12);
6345
- margin-bottom: var(--x-size-gap-list-12);
6368
+ .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
6369
+ margin-right: var(--x-size-gap-list-05);
6346
6370
  }
6347
6371
  }
6348
6372
 
6349
- .x-list--gap-13.x-list {
6350
- gap: var(--x-size-gap-list-13);
6373
+ .x-list--padding-06.x-list {
6374
+ padding: var(--x-size-padding-list-06);
6375
+ }
6376
+
6377
+ .x-list--gap-.x-list {
6378
+ gap: var(--x-size-gap-list-06);
6351
6379
  }
6352
6380
  @media not all and (min-resolution: 0.001dpcm) {
6353
- .x-list--gap-13.x-list:not(.x-list--horizontal), .x-list--gap-13.x-list.x-list--vertical {
6354
- gap: 0;
6355
- }
6356
- .x-list--gap-13.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-13.x-list.x-list--vertical > *:not(:last-child) {
6357
- margin-bottom: var(--x-size-gap-list-13);
6358
- }
6359
- .x-list--gap-13.x-list.x-list--horizontal {
6381
+ .x-list--gap-.x-list {
6360
6382
  gap: 0;
6361
6383
  }
6362
- .x-list--gap-13.x-list.x-list--horizontal > *:not(:last-child) {
6363
- margin-right: var(--x-size-gap-list-13);
6384
+ .x-list--gap-.x-list > *:not(:last-child) {
6385
+ margin-bottom: var(--x-size-gap-list-06);
6364
6386
  }
6365
- .x-list--gap-13.x-list.x-list--wrap {
6387
+ .x-list--gap-.x-list.x-list--horizontal {
6366
6388
  gap: 0;
6367
6389
  }
6368
- .x-list--gap-13.x-list.x-list--wrap > *:not(:last-child) {
6369
- margin-right: var(--x-size-gap-list-13);
6370
- margin-bottom: var(--x-size-gap-list-13);
6390
+ .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
6391
+ margin-right: var(--x-size-gap-list-06);
6371
6392
  }
6372
6393
  }
6373
6394
 
6374
- .x-list--gap-14.x-list {
6375
- gap: var(--x-size-gap-list-14);
6395
+ .x-list--padding-07.x-list {
6396
+ padding: var(--x-size-padding-list-07);
6397
+ }
6398
+
6399
+ .x-list--gap-.x-list {
6400
+ gap: var(--x-size-gap-list-07);
6376
6401
  }
6377
6402
  @media not all and (min-resolution: 0.001dpcm) {
6378
- .x-list--gap-14.x-list:not(.x-list--horizontal), .x-list--gap-14.x-list.x-list--vertical {
6379
- gap: 0;
6380
- }
6381
- .x-list--gap-14.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-14.x-list.x-list--vertical > *:not(:last-child) {
6382
- margin-bottom: var(--x-size-gap-list-14);
6383
- }
6384
- .x-list--gap-14.x-list.x-list--horizontal {
6403
+ .x-list--gap-.x-list {
6385
6404
  gap: 0;
6386
6405
  }
6387
- .x-list--gap-14.x-list.x-list--horizontal > *:not(:last-child) {
6388
- margin-right: var(--x-size-gap-list-14);
6406
+ .x-list--gap-.x-list > *:not(:last-child) {
6407
+ margin-bottom: var(--x-size-gap-list-07);
6389
6408
  }
6390
- .x-list--gap-14.x-list.x-list--wrap {
6409
+ .x-list--gap-.x-list.x-list--horizontal {
6391
6410
  gap: 0;
6392
6411
  }
6393
- .x-list--gap-14.x-list.x-list--wrap > *:not(:last-child) {
6394
- margin-right: var(--x-size-gap-list-14);
6395
- margin-bottom: var(--x-size-gap-list-14);
6412
+ .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
6413
+ margin-right: var(--x-size-gap-list-07);
6396
6414
  }
6397
6415
  }
6398
6416
 
6399
- .x-list--gap-15.x-list {
6400
- gap: var(--x-size-gap-list-15);
6417
+ .x-list--padding-08.x-list {
6418
+ padding: var(--x-size-padding-list-08);
6419
+ }
6420
+
6421
+ .x-list--gap-.x-list {
6422
+ gap: var(--x-size-gap-list-08);
6401
6423
  }
6402
6424
  @media not all and (min-resolution: 0.001dpcm) {
6403
- .x-list--gap-15.x-list:not(.x-list--horizontal), .x-list--gap-15.x-list.x-list--vertical {
6404
- gap: 0;
6405
- }
6406
- .x-list--gap-15.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-15.x-list.x-list--vertical > *:not(:last-child) {
6407
- margin-bottom: var(--x-size-gap-list-15);
6408
- }
6409
- .x-list--gap-15.x-list.x-list--horizontal {
6425
+ .x-list--gap-.x-list {
6410
6426
  gap: 0;
6411
6427
  }
6412
- .x-list--gap-15.x-list.x-list--horizontal > *:not(:last-child) {
6413
- margin-right: var(--x-size-gap-list-15);
6428
+ .x-list--gap-.x-list > *:not(:last-child) {
6429
+ margin-bottom: var(--x-size-gap-list-08);
6414
6430
  }
6415
- .x-list--gap-15.x-list.x-list--wrap {
6431
+ .x-list--gap-.x-list.x-list--horizontal {
6416
6432
  gap: 0;
6417
6433
  }
6418
- .x-list--gap-15.x-list.x-list--wrap > *:not(:last-child) {
6419
- margin-right: var(--x-size-gap-list-15);
6420
- margin-bottom: var(--x-size-gap-list-15);
6434
+ .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
6435
+ margin-right: var(--x-size-gap-list-08);
6421
6436
  }
6422
6437
  }
6423
6438
 
6424
- .x-list--gap-16.x-list {
6425
- gap: var(--x-size-gap-list-16);
6439
+ .x-list--padding-09.x-list {
6440
+ padding: var(--x-size-padding-list-09);
6441
+ }
6442
+
6443
+ .x-list--gap-.x-list {
6444
+ gap: var(--x-size-gap-list-09);
6426
6445
  }
6427
6446
  @media not all and (min-resolution: 0.001dpcm) {
6428
- .x-list--gap-16.x-list:not(.x-list--horizontal), .x-list--gap-16.x-list.x-list--vertical {
6429
- gap: 0;
6430
- }
6431
- .x-list--gap-16.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-16.x-list.x-list--vertical > *:not(:last-child) {
6432
- margin-bottom: var(--x-size-gap-list-16);
6433
- }
6434
- .x-list--gap-16.x-list.x-list--horizontal {
6447
+ .x-list--gap-.x-list {
6435
6448
  gap: 0;
6436
6449
  }
6437
- .x-list--gap-16.x-list.x-list--horizontal > *:not(:last-child) {
6438
- margin-right: var(--x-size-gap-list-16);
6450
+ .x-list--gap-.x-list > *:not(:last-child) {
6451
+ margin-bottom: var(--x-size-gap-list-09);
6439
6452
  }
6440
- .x-list--gap-16.x-list.x-list--wrap {
6453
+ .x-list--gap-.x-list.x-list--horizontal {
6441
6454
  gap: 0;
6442
6455
  }
6443
- .x-list--gap-16.x-list.x-list--wrap > *:not(:last-child) {
6444
- margin-right: var(--x-size-gap-list-16);
6445
- margin-bottom: var(--x-size-gap-list-16);
6456
+ .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
6457
+ margin-right: var(--x-size-gap-list-09);
6446
6458
  }
6447
6459
  }
6448
6460
 
6449
- .x-list--gap-17.x-list {
6450
- gap: var(--x-size-gap-list-17);
6461
+ .x-list--padding-10.x-list {
6462
+ padding: var(--x-size-padding-list-10);
6463
+ }
6464
+
6465
+ .x-list--gap-.x-list {
6466
+ gap: var(--x-size-gap-list-10);
6451
6467
  }
6452
6468
  @media not all and (min-resolution: 0.001dpcm) {
6453
- .x-list--gap-17.x-list:not(.x-list--horizontal), .x-list--gap-17.x-list.x-list--vertical {
6454
- gap: 0;
6455
- }
6456
- .x-list--gap-17.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-17.x-list.x-list--vertical > *:not(:last-child) {
6457
- margin-bottom: var(--x-size-gap-list-17);
6458
- }
6459
- .x-list--gap-17.x-list.x-list--horizontal {
6469
+ .x-list--gap-.x-list {
6460
6470
  gap: 0;
6461
6471
  }
6462
- .x-list--gap-17.x-list.x-list--horizontal > *:not(:last-child) {
6463
- margin-right: var(--x-size-gap-list-17);
6472
+ .x-list--gap-.x-list > *:not(:last-child) {
6473
+ margin-bottom: var(--x-size-gap-list-10);
6464
6474
  }
6465
- .x-list--gap-17.x-list.x-list--wrap {
6475
+ .x-list--gap-.x-list.x-list--horizontal {
6466
6476
  gap: 0;
6467
6477
  }
6468
- .x-list--gap-17.x-list.x-list--wrap > *:not(:last-child) {
6469
- margin-right: var(--x-size-gap-list-17);
6470
- margin-bottom: var(--x-size-gap-list-17);
6478
+ .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
6479
+ margin-right: var(--x-size-gap-list-10);
6471
6480
  }
6472
6481
  }
6473
6482
 
6474
- .x-list--gap-18.x-list {
6475
- gap: var(--x-size-gap-list-18);
6483
+ .x-list--padding-11.x-list {
6484
+ padding: var(--x-size-padding-list-11);
6485
+ }
6486
+
6487
+ .x-list--gap-.x-list {
6488
+ gap: var(--x-size-gap-list-11);
6476
6489
  }
6477
6490
  @media not all and (min-resolution: 0.001dpcm) {
6478
- .x-list--gap-18.x-list:not(.x-list--horizontal), .x-list--gap-18.x-list.x-list--vertical {
6479
- gap: 0;
6480
- }
6481
- .x-list--gap-18.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-18.x-list.x-list--vertical > *:not(:last-child) {
6482
- margin-bottom: var(--x-size-gap-list-18);
6483
- }
6484
- .x-list--gap-18.x-list.x-list--horizontal {
6491
+ .x-list--gap-.x-list {
6485
6492
  gap: 0;
6486
6493
  }
6487
- .x-list--gap-18.x-list.x-list--horizontal > *:not(:last-child) {
6488
- margin-right: var(--x-size-gap-list-18);
6494
+ .x-list--gap-.x-list > *:not(:last-child) {
6495
+ margin-bottom: var(--x-size-gap-list-11);
6489
6496
  }
6490
- .x-list--gap-18.x-list.x-list--wrap {
6497
+ .x-list--gap-.x-list.x-list--horizontal {
6491
6498
  gap: 0;
6492
6499
  }
6493
- .x-list--gap-18.x-list.x-list--wrap > *:not(:last-child) {
6494
- margin-right: var(--x-size-gap-list-18);
6495
- margin-bottom: var(--x-size-gap-list-18);
6500
+ .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
6501
+ margin-right: var(--x-size-gap-list-11);
6496
6502
  }
6497
6503
  }
6498
6504
 
6499
- .x-list--gap-19.x-list {
6500
- gap: var(--x-size-gap-list-19);
6505
+ .x-list--padding-12.x-list {
6506
+ padding: var(--x-size-padding-list-12);
6507
+ }
6508
+
6509
+ .x-list--gap-.x-list {
6510
+ gap: var(--x-size-gap-list-12);
6501
6511
  }
6502
6512
  @media not all and (min-resolution: 0.001dpcm) {
6503
- .x-list--gap-19.x-list:not(.x-list--horizontal), .x-list--gap-19.x-list.x-list--vertical {
6504
- gap: 0;
6505
- }
6506
- .x-list--gap-19.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-19.x-list.x-list--vertical > *:not(:last-child) {
6507
- margin-bottom: var(--x-size-gap-list-19);
6508
- }
6509
- .x-list--gap-19.x-list.x-list--horizontal {
6513
+ .x-list--gap-.x-list {
6510
6514
  gap: 0;
6511
6515
  }
6512
- .x-list--gap-19.x-list.x-list--horizontal > *:not(:last-child) {
6513
- margin-right: var(--x-size-gap-list-19);
6516
+ .x-list--gap-.x-list > *:not(:last-child) {
6517
+ margin-bottom: var(--x-size-gap-list-12);
6514
6518
  }
6515
- .x-list--gap-19.x-list.x-list--wrap {
6519
+ .x-list--gap-.x-list.x-list--horizontal {
6516
6520
  gap: 0;
6517
6521
  }
6518
- .x-list--gap-19.x-list.x-list--wrap > *:not(:last-child) {
6519
- margin-right: var(--x-size-gap-list-19);
6520
- margin-bottom: var(--x-size-gap-list-19);
6522
+ .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
6523
+ margin-right: var(--x-size-gap-list-12);
6521
6524
  }
6522
6525
  }
6523
6526
 
6524
- .x-list--gap-20.x-list {
6525
- gap: var(--x-size-gap-list-20);
6527
+ .x-list--padding-13.x-list {
6528
+ padding: var(--x-size-padding-list-13);
6529
+ }
6530
+
6531
+ .x-list--gap-.x-list {
6532
+ gap: var(--x-size-gap-list-13);
6526
6533
  }
6527
6534
  @media not all and (min-resolution: 0.001dpcm) {
6528
- .x-list--gap-20.x-list:not(.x-list--horizontal), .x-list--gap-20.x-list.x-list--vertical {
6529
- gap: 0;
6530
- }
6531
- .x-list--gap-20.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-20.x-list.x-list--vertical > *:not(:last-child) {
6532
- margin-bottom: var(--x-size-gap-list-20);
6533
- }
6534
- .x-list--gap-20.x-list.x-list--horizontal {
6535
+ .x-list--gap-.x-list {
6535
6536
  gap: 0;
6536
6537
  }
6537
- .x-list--gap-20.x-list.x-list--horizontal > *:not(:last-child) {
6538
- margin-right: var(--x-size-gap-list-20);
6538
+ .x-list--gap-.x-list > *:not(:last-child) {
6539
+ margin-bottom: var(--x-size-gap-list-13);
6539
6540
  }
6540
- .x-list--gap-20.x-list.x-list--wrap {
6541
+ .x-list--gap-.x-list.x-list--horizontal {
6541
6542
  gap: 0;
6542
6543
  }
6543
- .x-list--gap-20.x-list.x-list--wrap > *:not(:last-child) {
6544
- margin-right: var(--x-size-gap-list-20);
6545
- margin-bottom: var(--x-size-gap-list-20);
6544
+ .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
6545
+ margin-right: var(--x-size-gap-list-13);
6546
6546
  }
6547
6547
  }
6548
6548
  :root {
@@ -6553,14 +6553,6 @@
6553
6553
  --x-size-align-list: stretch;
6554
6554
  --x-size-align-list-stretch: stretch;
6555
6555
  }
6556
- :root {
6557
- --x-string-flow-list: column nowrap;
6558
- --x-size-padding-list: 0;
6559
- --x-size-gap-list: 0;
6560
- --x-size-justify-list: stretch;
6561
- --x-size-align-list: stretch;
6562
- --x-size-align-list-stretch: stretch;
6563
- }
6564
6556
 
6565
6557
  .x-list {
6566
6558
  display: flex;
@@ -6701,6 +6693,14 @@
6701
6693
  .x-list > .x-list__item--12 {
6702
6694
  flex: 12 1 auto;
6703
6695
  }
6696
+ :root {
6697
+ --x-string-flow-list: column nowrap;
6698
+ --x-size-padding-list: 0;
6699
+ --x-size-gap-list: 0;
6700
+ --x-size-justify-list: stretch;
6701
+ --x-size-align-list: stretch;
6702
+ --x-size-align-list-stretch: stretch;
6703
+ }
6704
6704
  :root {
6705
6705
  --x-size-border-radius-input-group-pill: var(--x-size-border-radius-base-pill);
6706
6706
  --x-size-border-radius-top-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
@@ -6745,15 +6745,6 @@
6745
6745
  --x-size-border-width-bottom-input-group-line: var(--x-size-border-width-input-group-line);
6746
6746
  --x-size-border-width-left-input-group-line: 0;
6747
6747
  }
6748
- :root {
6749
- --x-size-padding-left-input-group-line: 0;
6750
- --x-size-padding-right-input-group-line: 0;
6751
- --x-size-border-width-input-group-line: var(--x-size-border-width-input-group-default);
6752
- --x-size-border-width-top-input-group-line: 0;
6753
- --x-size-border-width-right-input-group-line: 0;
6754
- --x-size-border-width-bottom-input-group-line: var(--x-size-border-width-input-group-line);
6755
- --x-size-border-width-left-input-group-line: 0;
6756
- }
6757
6748
 
6758
6749
  .x-input-group--line .x-input-group,
6759
6750
  .x-input-group--line.x-input-group {
@@ -6793,47 +6784,13 @@
6793
6784
  margin-bottom: calc(var(--x-size-border-width-bottom-input-group-line) * -1) !important;
6794
6785
  }
6795
6786
  :root {
6796
- --x-color-background-input-group-default: var(--x-color-background-input-default);
6797
- --x-color-border-input-group-default: var(--x-color-border-input-default);
6798
- --x-color-border-input-group-default-focus: var(--x-color-border-input-default-focus);
6799
- --x-color-text-input-group-default: var(--x-color-text-input-default);
6800
- --x-color-text-input-group-placeholder-default: var(--x-color-text-input-placeholder-default);
6801
- --x-size-height-input-group-default: var(--x-size-height-input-default);
6802
- --x-size-gap-input-group-default: var(--x-size-base-03);
6803
- --x-size-padding-left-input-group-default: var(--x-size-base-06);
6804
- --x-size-padding-right-input-group-default: var(--x-size-padding-left-input-group-default);
6805
- --x-size-padding-input-group-default-action: var(--x-size-base-03);
6806
- --x-size-border-width-input-group-default: var(--x-size-border-width-input-default);
6807
- --x-size-border-width-top-input-group-default: var(--x-size-border-width-input-group-default);
6808
- --x-size-border-width-right-input-group-default: var(--x-size-border-width-input-group-default);
6809
- --x-size-border-width-bottom-input-group-default: var(--x-size-border-width-input-group-default);
6810
- --x-size-border-width-left-input-group-default: var(--x-size-border-width-input-group-default);
6811
- --x-size-border-radius-input-group-default: var(--x-size-border-radius-input-default);
6812
- --x-size-border-radius-top-left-input-group-default: var(
6813
- --x-size-border-radius-input-group-default
6814
- );
6815
- --x-size-border-radius-top-right-input-group-default: var(
6816
- --x-size-border-radius-input-group-default
6817
- );
6818
- --x-size-border-radius-bottom-right-input-group-default: var(
6819
- --x-size-border-radius-input-group-default
6820
- );
6821
- --x-size-border-radius-bottom-left-input-group-default: var(
6822
- --x-size-border-radius-input-group-default
6823
- );
6824
- --x-font-family-input-group-default: var(--x-font-family-input-default);
6825
- --x-size-font-input-group-default: var(--x-size-font-input-default);
6826
- --x-size-line-height-input-group-default: var(--x-size-line-height-input-default);
6827
- --x-number-font-weight-input-group-default: var(--x-number-font-weight-input-default);
6828
- --x-font-family-input-group-placeholder-default: var(--x-font-family-input-group-default);
6829
- --x-size-font-input-group-placeholder-default: var(--x-size-font-input-group-default);
6830
- --x-size-line-height-input-group-placeholder-default: var(
6831
- --x-size-line-height-input-group-default
6832
- );
6833
- --x-number-font-weight-input-group-placeholder-default: var(
6834
- --x-number-font-weight-input-group-default
6835
- );
6836
- --x-number-font-weight-input-group-default-button: var(--x-number-font-weight-base-light);
6787
+ --x-size-padding-left-input-group-line: 0;
6788
+ --x-size-padding-right-input-group-line: 0;
6789
+ --x-size-border-width-input-group-line: var(--x-size-border-width-input-group-default);
6790
+ --x-size-border-width-top-input-group-line: 0;
6791
+ --x-size-border-width-right-input-group-line: 0;
6792
+ --x-size-border-width-bottom-input-group-line: var(--x-size-border-width-input-group-line);
6793
+ --x-size-border-width-left-input-group-line: 0;
6837
6794
  }
6838
6795
  :root {
6839
6796
  --x-color-background-input-group-default: var(--x-color-background-input-default);
@@ -7013,13 +6970,47 @@
7013
6970
  margin-left: calc(var(--x-size-border-width-right-input-group-default) * -1);
7014
6971
  }
7015
6972
  :root {
7016
- --x-size-border-radius-input-group-card: var(--x-size-border-radius-base-s);
7017
- --x-size-border-radius-top-left-input-group-card: var(--x-size-border-radius-input-group-card);
7018
- --x-size-border-radius-top-right-input-group-card: var(--x-size-border-radius-input-group-card);
7019
- --x-size-border-radius-bottom-right-input-group-card: var(
7020
- --x-size-border-radius-input-group-card
6973
+ --x-color-background-input-group-default: var(--x-color-background-input-default);
6974
+ --x-color-border-input-group-default: var(--x-color-border-input-default);
6975
+ --x-color-border-input-group-default-focus: var(--x-color-border-input-default-focus);
6976
+ --x-color-text-input-group-default: var(--x-color-text-input-default);
6977
+ --x-color-text-input-group-placeholder-default: var(--x-color-text-input-placeholder-default);
6978
+ --x-size-height-input-group-default: var(--x-size-height-input-default);
6979
+ --x-size-gap-input-group-default: var(--x-size-base-03);
6980
+ --x-size-padding-left-input-group-default: var(--x-size-base-06);
6981
+ --x-size-padding-right-input-group-default: var(--x-size-padding-left-input-group-default);
6982
+ --x-size-padding-input-group-default-action: var(--x-size-base-03);
6983
+ --x-size-border-width-input-group-default: var(--x-size-border-width-input-default);
6984
+ --x-size-border-width-top-input-group-default: var(--x-size-border-width-input-group-default);
6985
+ --x-size-border-width-right-input-group-default: var(--x-size-border-width-input-group-default);
6986
+ --x-size-border-width-bottom-input-group-default: var(--x-size-border-width-input-group-default);
6987
+ --x-size-border-width-left-input-group-default: var(--x-size-border-width-input-group-default);
6988
+ --x-size-border-radius-input-group-default: var(--x-size-border-radius-input-default);
6989
+ --x-size-border-radius-top-left-input-group-default: var(
6990
+ --x-size-border-radius-input-group-default
7021
6991
  );
7022
- --x-size-border-radius-bottom-left-input-group-card: var(--x-size-border-radius-input-group-card);
6992
+ --x-size-border-radius-top-right-input-group-default: var(
6993
+ --x-size-border-radius-input-group-default
6994
+ );
6995
+ --x-size-border-radius-bottom-right-input-group-default: var(
6996
+ --x-size-border-radius-input-group-default
6997
+ );
6998
+ --x-size-border-radius-bottom-left-input-group-default: var(
6999
+ --x-size-border-radius-input-group-default
7000
+ );
7001
+ --x-font-family-input-group-default: var(--x-font-family-input-default);
7002
+ --x-size-font-input-group-default: var(--x-size-font-input-default);
7003
+ --x-size-line-height-input-group-default: var(--x-size-line-height-input-default);
7004
+ --x-number-font-weight-input-group-default: var(--x-number-font-weight-input-default);
7005
+ --x-font-family-input-group-placeholder-default: var(--x-font-family-input-group-default);
7006
+ --x-size-font-input-group-placeholder-default: var(--x-size-font-input-group-default);
7007
+ --x-size-line-height-input-group-placeholder-default: var(
7008
+ --x-size-line-height-input-group-default
7009
+ );
7010
+ --x-number-font-weight-input-group-placeholder-default: var(
7011
+ --x-number-font-weight-input-group-default
7012
+ );
7013
+ --x-number-font-weight-input-group-default-button: var(--x-number-font-weight-base-light);
7023
7014
  }
7024
7015
  :root {
7025
7016
  --x-size-border-radius-input-group-card: var(--x-size-border-radius-base-s);
@@ -7057,6 +7048,15 @@
7057
7048
  --x-size-border-radius-top-left-input-group-default: 0;
7058
7049
  --x-size-border-radius-bottom-left-input-group-default: 0;
7059
7050
  }
7051
+ :root {
7052
+ --x-size-border-radius-input-group-card: var(--x-size-border-radius-base-s);
7053
+ --x-size-border-radius-top-left-input-group-card: var(--x-size-border-radius-input-group-card);
7054
+ --x-size-border-radius-top-right-input-group-card: var(--x-size-border-radius-input-group-card);
7055
+ --x-size-border-radius-bottom-right-input-group-card: var(
7056
+ --x-size-border-radius-input-group-card
7057
+ );
7058
+ --x-size-border-radius-bottom-left-input-group-card: var(--x-size-border-radius-input-group-card);
7059
+ }
7060
7060
  :root {
7061
7061
  --x-size-border-radius-input-pill: var(--x-size-border-radius-base-pill);
7062
7062
  --x-size-border-radius-top-left-input-pill: var(--x-size-border-radius-input-pill);
@@ -7140,34 +7140,6 @@
7140
7140
  --x-size-line-height-input-placeholder-default: var(--x-size-line-height-input-default);
7141
7141
  --x-number-font-weight-input-placeholder-default: var(--x-number-font-weight-input-default);
7142
7142
  }
7143
- :root {
7144
- --x-color-background-input-default: var(--x-color-base-neutral-100);
7145
- --x-color-border-input-default: var(--x-color-base-neutral-70);
7146
- --x-color-border-input-default-focus: var(--x-color-base-lead);
7147
- --x-color-text-input-default: var(--x-color-text-default);
7148
- --x-color-text-input-placeholder-default: var(--x-color-base-neutral-35);
7149
- --x-size-border-width-input-default: var(--x-size-border-width-base);
7150
- --x-size-border-width-top-input-default: var(--x-size-border-width-input-default);
7151
- --x-size-border-width-right-input-default: var(--x-size-border-width-input-default);
7152
- --x-size-border-width-bottom-input-default: var(--x-size-border-width-input-default);
7153
- --x-size-border-width-left-input-default: var(--x-size-border-width-input-default);
7154
- --x-size-border-radius-input-default: var(--x-size-border-radius-base-none);
7155
- --x-size-border-radius-top-left-input-default: var(--x-size-border-radius-input-default);
7156
- --x-size-border-radius-top-right-input-default: var(--x-size-border-radius-input-default);
7157
- --x-size-border-radius-bottom-right-input-default: var(--x-size-border-radius-input-default);
7158
- --x-size-border-radius-bottom-left-input-default: var(--x-size-border-radius-input-default);
7159
- --x-size-height-input-default: var(--x-size-base-07);
7160
- --x-size-padding-right-input-default: var(--x-size-base-04);
7161
- --x-size-padding-left-input-default: var(--x-size-base-04);
7162
- --x-font-family-input-default: var(--x-font-family-text);
7163
- --x-size-font-input-default: var(--x-size-font-text);
7164
- --x-size-line-height-input-default: var(--x-size-line-height-text);
7165
- --x-number-font-weight-input-default: var(--x-number-font-weight-text);
7166
- --x-font-family-input-placeholder-default: var(--x-font-family-input-default);
7167
- --x-size-font-input-placeholder-default: var(--x-size-font-input-default);
7168
- --x-size-line-height-input-placeholder-default: var(--x-size-line-height-input-default);
7169
- --x-number-font-weight-input-placeholder-default: var(--x-number-font-weight-input-default);
7170
- }
7171
7143
 
7172
7144
  [dir="ltr"] .x-input {
7173
7145
  padding-left: var(--x-size-padding-left-input-default);
@@ -7248,6 +7220,34 @@
7248
7220
  font-weight: var(--x-number-font-weight-input-placeholder-default);
7249
7221
  line-height: var(--x-size-line-height-input-placeholder-default);
7250
7222
  }
7223
+ :root {
7224
+ --x-color-background-input-default: var(--x-color-base-neutral-100);
7225
+ --x-color-border-input-default: var(--x-color-base-neutral-70);
7226
+ --x-color-border-input-default-focus: var(--x-color-base-lead);
7227
+ --x-color-text-input-default: var(--x-color-text-default);
7228
+ --x-color-text-input-placeholder-default: var(--x-color-base-neutral-35);
7229
+ --x-size-border-width-input-default: var(--x-size-border-width-base);
7230
+ --x-size-border-width-top-input-default: var(--x-size-border-width-input-default);
7231
+ --x-size-border-width-right-input-default: var(--x-size-border-width-input-default);
7232
+ --x-size-border-width-bottom-input-default: var(--x-size-border-width-input-default);
7233
+ --x-size-border-width-left-input-default: var(--x-size-border-width-input-default);
7234
+ --x-size-border-radius-input-default: var(--x-size-border-radius-base-none);
7235
+ --x-size-border-radius-top-left-input-default: var(--x-size-border-radius-input-default);
7236
+ --x-size-border-radius-top-right-input-default: var(--x-size-border-radius-input-default);
7237
+ --x-size-border-radius-bottom-right-input-default: var(--x-size-border-radius-input-default);
7238
+ --x-size-border-radius-bottom-left-input-default: var(--x-size-border-radius-input-default);
7239
+ --x-size-height-input-default: var(--x-size-base-07);
7240
+ --x-size-padding-right-input-default: var(--x-size-base-04);
7241
+ --x-size-padding-left-input-default: var(--x-size-base-04);
7242
+ --x-font-family-input-default: var(--x-font-family-text);
7243
+ --x-size-font-input-default: var(--x-size-font-text);
7244
+ --x-size-line-height-input-default: var(--x-size-line-height-text);
7245
+ --x-number-font-weight-input-default: var(--x-number-font-weight-text);
7246
+ --x-font-family-input-placeholder-default: var(--x-font-family-input-default);
7247
+ --x-size-font-input-placeholder-default: var(--x-size-font-input-default);
7248
+ --x-size-line-height-input-placeholder-default: var(--x-size-line-height-input-default);
7249
+ --x-number-font-weight-input-placeholder-default: var(--x-number-font-weight-input-default);
7250
+ }
7251
7251
  :root {
7252
7252
  --x-size-border-radius-input-card: var(--x-size-border-radius-base-s);
7253
7253
  --x-size-border-radius-top-left-input-card: var(--x-size-border-radius-input-card);
@@ -7279,18 +7279,14 @@
7279
7279
  --x-size-width-icon-xl: var(--x-size-base-07);
7280
7280
  --x-size-height-icon-xl: var(--x-size-base-07);
7281
7281
  }
7282
- :root {
7283
- --x-size-width-icon-xl: var(--x-size-base-07);
7284
- --x-size-height-icon-xl: var(--x-size-base-07);
7285
- }
7286
7282
 
7287
7283
  .x-icon--xl {
7288
7284
  --x-size-width-icon-default: var(--x-size-width-icon-xl);
7289
7285
  --x-size-height-icon-default: var(--x-size-height-icon-xl);
7290
7286
  }
7291
7287
  :root {
7292
- --x-size-width-icon-s: var(--x-size-base-03);
7293
- --x-size-height-icon-s: var(--x-size-base-03);
7288
+ --x-size-width-icon-xl: var(--x-size-base-07);
7289
+ --x-size-height-icon-xl: var(--x-size-base-07);
7294
7290
  }
7295
7291
  :root {
7296
7292
  --x-size-width-icon-s: var(--x-size-base-03);
@@ -7302,12 +7298,12 @@
7302
7298
  --x-size-height-icon-default: var(--x-size-height-icon-s);
7303
7299
  }
7304
7300
  :root {
7305
- --x-size-width-icon-m: var(--x-size-base-05);
7306
- --x-size-height-icon-m: var(--x-size-base-05);
7301
+ --x-size-width-icon-s: var(--x-size-base-03);
7302
+ --x-size-height-icon-s: var(--x-size-base-03);
7307
7303
  }
7308
7304
  :root {
7309
- --x-size-width-icon-l: var(--x-size-base-06);
7310
- --x-size-height-icon-l: var(--x-size-base-06);
7305
+ --x-size-width-icon-m: var(--x-size-base-05);
7306
+ --x-size-height-icon-m: var(--x-size-base-05);
7311
7307
  }
7312
7308
  :root {
7313
7309
  --x-size-width-icon-m: var(--x-size-base-05);
@@ -7328,18 +7324,8 @@
7328
7324
  --x-size-height-icon-default: var(--x-size-height-icon-l);
7329
7325
  }
7330
7326
  :root {
7331
- --x-color-stroke-icon-default: currentColor;
7332
- --x-color-fill-icon-default: none;
7333
- --x-size-width-icon-default: var(--x-size-width-icon-m);
7334
- --x-size-height-icon-default: var(--x-size-height-icon-m);
7335
- --x-string-stroke-linecap-icon-default: butt;
7336
- --x-string-stroke-linejoin-icon-default: mitter;
7337
- --x-size-stroke-width-icon-default: 1px;
7338
- }
7339
- :root {
7340
- --x-size-padding-grid: 0;
7341
- --x-size-gap-grid: var(--x-size-base-03);
7342
- --x-size-min-width-grid-item: 150px;
7327
+ --x-size-width-icon-l: var(--x-size-base-06);
7328
+ --x-size-height-icon-l: var(--x-size-base-06);
7343
7329
  }
7344
7330
  :root {
7345
7331
  --x-color-stroke-icon-default: currentColor;
@@ -7371,6 +7357,20 @@
7371
7357
  stroke: none;
7372
7358
  fill: var(--x-color-stroke-icon-default);
7373
7359
  }
7360
+ :root {
7361
+ --x-color-stroke-icon-default: currentColor;
7362
+ --x-color-fill-icon-default: none;
7363
+ --x-size-width-icon-default: var(--x-size-width-icon-m);
7364
+ --x-size-height-icon-default: var(--x-size-height-icon-m);
7365
+ --x-string-stroke-linecap-icon-default: butt;
7366
+ --x-string-stroke-linejoin-icon-default: mitter;
7367
+ --x-size-stroke-width-icon-default: 1px;
7368
+ }
7369
+ :root {
7370
+ --x-size-padding-grid: 0;
7371
+ --x-size-gap-grid: var(--x-size-base-03);
7372
+ --x-size-min-width-grid-item: 150px;
7373
+ }
7374
7374
  :root {
7375
7375
  --x-size-padding-grid: 0;
7376
7376
  --x-size-gap-grid: var(--x-size-base-03);
@@ -7410,38 +7410,6 @@
7410
7410
  --x-size-padding-bottom-filter-children: 0;
7411
7411
  --x-size-padding-left-filter-children: var(--x-size-base-05);
7412
7412
  }
7413
- :root {
7414
- --x-size-margin-filter-children: 0;
7415
- --x-size-padding-top-filter-children: 0;
7416
- --x-size-padding-right-filter-children: 0;
7417
- --x-size-padding-bottom-filter-children: 0;
7418
- --x-size-padding-left-filter-children: var(--x-size-base-05);
7419
- }
7420
-
7421
- .x-hierarchical-filter-container {
7422
- list-style: none;
7423
- }
7424
- [dir="ltr"] .x-hierarchical-filter-container .x-hierarchical-filter__children,[dir="ltr"] .x-hierarchical-filter-container .x-hierarchical-filter__children.x-list {
7425
- padding-left: var(--x-size-padding-left-filter-children);
7426
- }
7427
- [dir="rtl"] .x-hierarchical-filter-container .x-hierarchical-filter__children,[dir="rtl"] .x-hierarchical-filter-container .x-hierarchical-filter__children.x-list {
7428
- padding-right: var(--x-size-padding-left-filter-children);
7429
- }
7430
- [dir="ltr"] .x-hierarchical-filter-container .x-hierarchical-filter__children,[dir="ltr"] .x-hierarchical-filter-container .x-hierarchical-filter__children.x-list {
7431
- padding-right: var(--x-size-padding-right-filter-children);
7432
- }
7433
- [dir="rtl"] .x-hierarchical-filter-container .x-hierarchical-filter__children,[dir="rtl"] .x-hierarchical-filter-container .x-hierarchical-filter__children.x-list {
7434
- padding-left: var(--x-size-padding-right-filter-children);
7435
- }
7436
- .x-hierarchical-filter-container .x-hierarchical-filter__children, .x-hierarchical-filter-container .x-hierarchical-filter__children.x-list {
7437
- margin: var(--x-size-margin-filter-children);
7438
- padding-top: var(--x-size-padding-top-filter-children);
7439
- padding-bottom: var(--x-size-padding-bottom-filter-children);
7440
- }
7441
- .x-hierarchical-filter-container .x-hierarchical-filter-container,
7442
- .x-hierarchical-filter-container .x-filter, .x-hierarchical-filter-container .x-facet-filter {
7443
- width: 100%;
7444
- }
7445
7413
  :root {
7446
7414
  --x-color-background-filter-default: transparent;
7447
7415
  --x-color-border-filter-default: var(--x-color-background-filter-default);
@@ -7474,6 +7442,38 @@
7474
7442
  );
7475
7443
  --x-size-line-height-filter-default: var(--x-size-line-height-text);
7476
7444
  }
7445
+ :root {
7446
+ --x-size-margin-filter-children: 0;
7447
+ --x-size-padding-top-filter-children: 0;
7448
+ --x-size-padding-right-filter-children: 0;
7449
+ --x-size-padding-bottom-filter-children: 0;
7450
+ --x-size-padding-left-filter-children: var(--x-size-base-05);
7451
+ }
7452
+
7453
+ .x-hierarchical-filter-container {
7454
+ list-style: none;
7455
+ }
7456
+ [dir="ltr"] .x-hierarchical-filter-container .x-hierarchical-filter__children,[dir="ltr"] .x-hierarchical-filter-container .x-hierarchical-filter__children.x-list {
7457
+ padding-left: var(--x-size-padding-left-filter-children);
7458
+ }
7459
+ [dir="rtl"] .x-hierarchical-filter-container .x-hierarchical-filter__children,[dir="rtl"] .x-hierarchical-filter-container .x-hierarchical-filter__children.x-list {
7460
+ padding-right: var(--x-size-padding-left-filter-children);
7461
+ }
7462
+ [dir="ltr"] .x-hierarchical-filter-container .x-hierarchical-filter__children,[dir="ltr"] .x-hierarchical-filter-container .x-hierarchical-filter__children.x-list {
7463
+ padding-right: var(--x-size-padding-right-filter-children);
7464
+ }
7465
+ [dir="rtl"] .x-hierarchical-filter-container .x-hierarchical-filter__children,[dir="rtl"] .x-hierarchical-filter-container .x-hierarchical-filter__children.x-list {
7466
+ padding-left: var(--x-size-padding-right-filter-children);
7467
+ }
7468
+ .x-hierarchical-filter-container .x-hierarchical-filter__children, .x-hierarchical-filter-container .x-hierarchical-filter__children.x-list {
7469
+ margin: var(--x-size-margin-filter-children);
7470
+ padding-top: var(--x-size-padding-top-filter-children);
7471
+ padding-bottom: var(--x-size-padding-bottom-filter-children);
7472
+ }
7473
+ .x-hierarchical-filter-container .x-hierarchical-filter-container,
7474
+ .x-hierarchical-filter-container .x-filter, .x-hierarchical-filter-container .x-facet-filter {
7475
+ width: 100%;
7476
+ }
7477
7477
  :root {
7478
7478
  --x-color-background-filter-default: transparent;
7479
7479
  --x-color-border-filter-default: var(--x-color-background-filter-default);
@@ -7832,6 +7832,18 @@
7832
7832
  --x-size-padding-bottom-facet-header-card: var(--x-size-padding-facet-header-card);
7833
7833
  --x-size-padding-left-facet-header-card: var(--x-size-padding-facet-header-card);
7834
7834
  }
7835
+ :root {
7836
+ --x-size-border-radius-facet-card: var(--x-size-border-radius-base-s);
7837
+ --x-size-border-radius-top-left-facet-card: var(--x-size-border-radius-facet-card);
7838
+ --x-size-border-radius-top-right-facet-card: var(--x-size-border-radius-facet-card);
7839
+ --x-size-border-radius-bottom-right-facet-card: var(--x-size-border-radius-facet-card);
7840
+ --x-size-border-radius-bottom-left-facet-card: var(--x-size-border-radius-facet-card);
7841
+ --x-size-padding-facet-header-card: var(--x-size-base-03);
7842
+ --x-size-padding-top-facet-header-card: var(--x-size-padding-facet-header-card);
7843
+ --x-size-padding-right-facet-header-card: var(--x-size-padding-facet-header-card);
7844
+ --x-size-padding-bottom-facet-header-card: var(--x-size-padding-facet-header-card);
7845
+ --x-size-padding-left-facet-header-card: var(--x-size-padding-facet-header-card);
7846
+ }
7835
7847
 
7836
7848
  .x-facet--card.x-facet,
7837
7849
  .x-facet--card .x-facet {
@@ -7847,16 +7859,7 @@
7847
7859
  --x-size-padding-left-facet-header-default: var(--x-size-padding-left-facet-header-card);
7848
7860
  }
7849
7861
  :root {
7850
- --x-size-border-radius-facet-card: var(--x-size-border-radius-base-s);
7851
- --x-size-border-radius-top-left-facet-card: var(--x-size-border-radius-facet-card);
7852
- --x-size-border-radius-top-right-facet-card: var(--x-size-border-radius-facet-card);
7853
- --x-size-border-radius-bottom-right-facet-card: var(--x-size-border-radius-facet-card);
7854
- --x-size-border-radius-bottom-left-facet-card: var(--x-size-border-radius-facet-card);
7855
- --x-size-padding-facet-header-card: var(--x-size-base-03);
7856
- --x-size-padding-top-facet-header-card: var(--x-size-padding-facet-header-card);
7857
- --x-size-padding-right-facet-header-card: var(--x-size-padding-facet-header-card);
7858
- --x-size-padding-bottom-facet-header-card: var(--x-size-padding-facet-header-card);
7859
- --x-size-padding-left-facet-header-card: var(--x-size-padding-facet-header-card);
7862
+ --x-size-width-dropdown-xl: 282px;
7860
7863
  }
7861
7864
  :root {
7862
7865
  --x-size-width-dropdown-xl: 282px;
@@ -7866,7 +7869,7 @@
7866
7869
  --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-xl);
7867
7870
  }
7868
7871
  :root {
7869
- --x-size-width-dropdown-xl: 282px;
7872
+ --x-size-width-dropdown-s: 74px;
7870
7873
  }
7871
7874
  :root {
7872
7875
  --x-size-width-dropdown-s: 74px;
@@ -7876,7 +7879,12 @@
7876
7879
  --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-s);
7877
7880
  }
7878
7881
  :root {
7879
- --x-size-width-dropdown-s: 74px;
7882
+ --x-size-gap-dropdown-pill: var(--x-size-base-03);
7883
+ --x-size-border-width-dropdown-list-pill: var(--x-size-border-width-base);
7884
+ --x-size-border-width-top-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
7885
+ --x-size-border-width-right-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
7886
+ --x-size-border-width-bottom-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
7887
+ --x-size-border-width-left-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
7880
7888
  }
7881
7889
  :root {
7882
7890
  --x-size-gap-dropdown-pill: var(--x-size-base-03);
@@ -7921,14 +7929,6 @@
7921
7929
  --x-size-border-width-left-dropdown-list-pill
7922
7930
  );
7923
7931
  }
7924
- :root {
7925
- --x-size-gap-dropdown-pill: var(--x-size-base-03);
7926
- --x-size-border-width-dropdown-list-pill: var(--x-size-border-width-base);
7927
- --x-size-border-width-top-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
7928
- --x-size-border-width-right-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
7929
- --x-size-border-width-bottom-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
7930
- --x-size-border-width-left-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
7931
- }
7932
7932
  :root {
7933
7933
  --x-size-width-dropdown-m: 130px;
7934
7934
  }
@@ -7963,6 +7963,30 @@
7963
7963
  --x-size-border-width-bottom-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
7964
7964
  --x-size-border-width-left-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
7965
7965
  }
7966
+ :root {
7967
+ --x-size-padding-block-dropdown-item-line: var(--x-size-base-03);
7968
+ --x-size-padding-inline-dropdown-item-line: 0 var(--x-size-base-03);
7969
+ --x-size-padding-top-dropdown-item-line: var(--x-size-base-03);
7970
+ --x-size-padding-right-dropdown-item-line: 0;
7971
+ --x-size-padding-bottom-dropdown-item-line: var(--x-size-base-03);
7972
+ --x-size-padding-left-dropdown-item-line: 0;
7973
+ --x-size-padding-top-dropdown-toggle-line: var(--x-size-base-03);
7974
+ --x-size-padding-right-dropdown-toggle-line: 0;
7975
+ --x-size-padding-bottom-dropdown-toggle-line: var(--x-size-base-03);
7976
+ --x-size-padding-left-dropdown-toggle-line: 0;
7977
+ --x-size-border-width-dropdown-toggle-line: var(--x-size-border-width-base);
7978
+ --x-size-border-width-top-dropdown-toggle-line: 0;
7979
+ --x-size-border-width-right-dropdown-toggle-line: 0;
7980
+ --x-size-border-width-bottom-dropdown-toggle-line: var(
7981
+ --x-size-border-width-dropdown-toggle-line
7982
+ );
7983
+ --x-size-border-width-left-dropdown-toggle-line: 0;
7984
+ --x-size-border-width-dropdown-list-line: 0;
7985
+ --x-size-border-width-top-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
7986
+ --x-size-border-width-right-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
7987
+ --x-size-border-width-bottom-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
7988
+ --x-size-border-width-left-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
7989
+ }
7966
7990
 
7967
7991
  .x-dropdown--line {
7968
7992
  --x-size-padding-top-dropdown-item-default: var(--x-size-padding-top-dropdown-item-line);
@@ -8002,30 +8026,6 @@
8002
8026
  --x-size-border-width-left-dropdown-list-line
8003
8027
  );
8004
8028
  }
8005
- :root {
8006
- --x-size-padding-block-dropdown-item-line: var(--x-size-base-03);
8007
- --x-size-padding-inline-dropdown-item-line: 0 var(--x-size-base-03);
8008
- --x-size-padding-top-dropdown-item-line: var(--x-size-base-03);
8009
- --x-size-padding-right-dropdown-item-line: 0;
8010
- --x-size-padding-bottom-dropdown-item-line: var(--x-size-base-03);
8011
- --x-size-padding-left-dropdown-item-line: 0;
8012
- --x-size-padding-top-dropdown-toggle-line: var(--x-size-base-03);
8013
- --x-size-padding-right-dropdown-toggle-line: 0;
8014
- --x-size-padding-bottom-dropdown-toggle-line: var(--x-size-base-03);
8015
- --x-size-padding-left-dropdown-toggle-line: 0;
8016
- --x-size-border-width-dropdown-toggle-line: var(--x-size-border-width-base);
8017
- --x-size-border-width-top-dropdown-toggle-line: 0;
8018
- --x-size-border-width-right-dropdown-toggle-line: 0;
8019
- --x-size-border-width-bottom-dropdown-toggle-line: var(
8020
- --x-size-border-width-dropdown-toggle-line
8021
- );
8022
- --x-size-border-width-left-dropdown-toggle-line: 0;
8023
- --x-size-border-width-dropdown-list-line: 0;
8024
- --x-size-border-width-top-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
8025
- --x-size-border-width-right-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
8026
- --x-size-border-width-bottom-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
8027
- --x-size-border-width-left-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
8028
- }
8029
8029
  :root {
8030
8030
  --x-size-width-dropdown-l: 202px;
8031
8031
  }
@@ -8109,6 +8109,79 @@
8109
8109
  --x-string-overflow-dropdown-toggle-default: hidden;
8110
8110
  --x-string-overflow-dropdown-list-default: hidden;
8111
8111
  }
8112
+ :root {
8113
+ --x-size-border-radius-dropdown-default: var(--x-size-border-radius-base-none);
8114
+ --x-size-border-radius-top-left-dropdown-default: var(--x-size-border-radius-dropdown-default);
8115
+ --x-size-border-radius-top-right-dropdown-default: var(--x-size-border-radius-dropdown-default);
8116
+ --x-size-border-radius-bottom-right-dropdown-default: var(
8117
+ --x-size-border-radius-dropdown-default
8118
+ );
8119
+ --x-size-border-radius-bottom-left-dropdown-default: var(--x-size-border-radius-dropdown-default);
8120
+ --x-size-border-width-dropdown-toggle-default: var(--x-size-border-width-base);
8121
+ --x-size-border-width-top-dropdown-toggle-default: var(
8122
+ --x-size-border-width-dropdown-toggle-default
8123
+ );
8124
+ --x-size-border-width-right-dropdown-toggle-default: var(
8125
+ --x-size-border-width-dropdown-toggle-default
8126
+ );
8127
+ --x-size-border-width-bottom-dropdown-toggle-default: var(
8128
+ --x-size-border-width-dropdown-toggle-default
8129
+ );
8130
+ --x-size-border-width-left-dropdown-toggle-default: var(
8131
+ --x-size-border-width-dropdown-toggle-default
8132
+ );
8133
+ --x-size-border-width-dropdown-list-default: var(--x-size-border-width-base);
8134
+ --x-size-border-width-top-dropdown-list-default: 0;
8135
+ --x-size-border-width-right-dropdown-list-default: var(
8136
+ --x-size-border-width-dropdown-list-default
8137
+ );
8138
+ --x-size-border-width-bottom-dropdown-list-default: var(
8139
+ --x-size-border-width-dropdown-list-default
8140
+ );
8141
+ --x-size-border-width-left-dropdown-list-default: var(
8142
+ --x-size-border-width-dropdown-list-default
8143
+ );
8144
+ --x-color-border-dropdown-toggle-default: var(--x-color-base-neutral-95);
8145
+ --x-color-border-dropdown-list-default: var(--x-color-border-dropdown-toggle-default);
8146
+ --x-color-background-dropdown-default: var(--x-color-base-neutral-100);
8147
+ --x-color-background-dropdown-toggle-default: var(--x-color-base-neutral-100);
8148
+ --x-color-background-dropdown-toggle-open-default: var(
8149
+ --x-color-background-dropdown-toggle-default
8150
+ );
8151
+ --x-color-background-dropdown-item-default-selected: var(--x-color-base-neutral-95);
8152
+ --x-color-background-dropdown-item-default-hover: var(--x-color-base-neutral-95);
8153
+ --x-color-text-dropdown-default: var(--x-color-text-default);
8154
+ --x-color-text-dropdown-toggle-default: var(--x-color-text-dropdown-default);
8155
+ --x-color-text-dropdown-toggle-default-selected: var(--x-color-base-neutral-35);
8156
+ --x-color-text-dropdown-item-default-hover: var(--x-color-base-neutral-35);
8157
+ --x-color-text-dropdown-item-default-selected: var(--x-color-text-default);
8158
+ --x-font-family-dropdown-default: var(--x-font-family-text);
8159
+ --x-size-font-dropdown-default: var(--x-size-font-text);
8160
+ --x-size-line-height-dropdown-default: var(--x-size-line-height-text);
8161
+ --x-number-font-weight-dropdown-default: var(--x-number-font-weight-base-regular);
8162
+ --x-number-font-weight-dropdown-item-default-hover: var(--x-number-font-weight-base-bold);
8163
+ --x-number-font-weight-dropdown-item-default-selected: var(--x-number-font-weight-base-regular);
8164
+ --x-font-decoration-dropdown-item-default-hover: none;
8165
+ --x-font-decoration-dropdown-item-default-selected: none;
8166
+ --x-size-width-dropdown-toggle-default: 100%;
8167
+ --x-size-min-width-dropdown-list-default: 100%;
8168
+ --x-size-gap-dropdown-default: 0;
8169
+ --x-size-padding-top-dropdown-toggle-default: var(--x-size-padding-top-dropdown-item-default);
8170
+ --x-size-padding-right-dropdown-toggle-default: var(--x-size-padding-right-dropdown-item-default);
8171
+ --x-size-padding-bottom-dropdown-toggle-default: var(
8172
+ --x-size-padding-bottom-dropdown-item-default
8173
+ );
8174
+ --x-size-padding-left-dropdown-toggle-default: var(--x-size-padding-left-dropdown-item-default);
8175
+ --x-size-padding-vertical-dropdown-list-default: 0;
8176
+ --x-size-padding-top-dropdown-item-default: var(--x-size-base-04);
8177
+ --x-size-padding-right-dropdown-item-default: var(--x-size-base-05);
8178
+ --x-size-padding-bottom-dropdown-item-default: var(--x-size-base-04);
8179
+ --x-size-padding-left-dropdown-item-default: var(--x-size-base-05);
8180
+ --x-size-gap-dropdown-item-default: var(--x-size-base-03);
8181
+ --x-string-box-shadow-dropdown-default: none;
8182
+ --x-string-overflow-dropdown-toggle-default: hidden;
8183
+ --x-string-overflow-dropdown-list-default: hidden;
8184
+ }
8112
8185
 
8113
8186
  .x-dropdown {
8114
8187
  box-sizing: border-box;
@@ -8279,77 +8352,17 @@
8279
8352
  left: 0;
8280
8353
  }
8281
8354
  :root {
8282
- --x-size-border-radius-dropdown-default: var(--x-size-border-radius-base-none);
8283
- --x-size-border-radius-top-left-dropdown-default: var(--x-size-border-radius-dropdown-default);
8284
- --x-size-border-radius-top-right-dropdown-default: var(--x-size-border-radius-dropdown-default);
8285
- --x-size-border-radius-bottom-right-dropdown-default: var(
8286
- --x-size-border-radius-dropdown-default
8287
- );
8288
- --x-size-border-radius-bottom-left-dropdown-default: var(--x-size-border-radius-dropdown-default);
8289
- --x-size-border-width-dropdown-toggle-default: var(--x-size-border-width-base);
8290
- --x-size-border-width-top-dropdown-toggle-default: var(
8291
- --x-size-border-width-dropdown-toggle-default
8292
- );
8293
- --x-size-border-width-right-dropdown-toggle-default: var(
8294
- --x-size-border-width-dropdown-toggle-default
8295
- );
8296
- --x-size-border-width-bottom-dropdown-toggle-default: var(
8297
- --x-size-border-width-dropdown-toggle-default
8298
- );
8299
- --x-size-border-width-left-dropdown-toggle-default: var(
8300
- --x-size-border-width-dropdown-toggle-default
8301
- );
8302
- --x-size-border-width-dropdown-list-default: var(--x-size-border-width-base);
8303
- --x-size-border-width-top-dropdown-list-default: 0;
8304
- --x-size-border-width-right-dropdown-list-default: var(
8305
- --x-size-border-width-dropdown-list-default
8306
- );
8307
- --x-size-border-width-bottom-dropdown-list-default: var(
8308
- --x-size-border-width-dropdown-list-default
8309
- );
8310
- --x-size-border-width-left-dropdown-list-default: var(
8311
- --x-size-border-width-dropdown-list-default
8312
- );
8313
- --x-color-border-dropdown-toggle-default: var(--x-color-base-neutral-95);
8314
- --x-color-border-dropdown-list-default: var(--x-color-border-dropdown-toggle-default);
8315
- --x-color-background-dropdown-default: var(--x-color-base-neutral-100);
8316
- --x-color-background-dropdown-toggle-default: var(--x-color-base-neutral-100);
8317
- --x-color-background-dropdown-toggle-open-default: var(
8318
- --x-color-background-dropdown-toggle-default
8319
- );
8320
- --x-color-background-dropdown-item-default-selected: var(--x-color-base-neutral-95);
8321
- --x-color-background-dropdown-item-default-hover: var(--x-color-base-neutral-95);
8322
- --x-color-text-dropdown-default: var(--x-color-text-default);
8323
- --x-color-text-dropdown-toggle-default: var(--x-color-text-dropdown-default);
8324
- --x-color-text-dropdown-toggle-default-selected: var(--x-color-base-neutral-35);
8325
- --x-color-text-dropdown-item-default-hover: var(--x-color-base-neutral-35);
8326
- --x-color-text-dropdown-item-default-selected: var(--x-color-text-default);
8327
- --x-font-family-dropdown-default: var(--x-font-family-text);
8328
- --x-size-font-dropdown-default: var(--x-size-font-text);
8329
- --x-size-line-height-dropdown-default: var(--x-size-line-height-text);
8330
- --x-number-font-weight-dropdown-default: var(--x-number-font-weight-base-regular);
8331
- --x-number-font-weight-dropdown-item-default-hover: var(--x-number-font-weight-base-bold);
8332
- --x-number-font-weight-dropdown-item-default-selected: var(--x-number-font-weight-base-regular);
8333
- --x-font-decoration-dropdown-item-default-hover: none;
8334
- --x-font-decoration-dropdown-item-default-selected: none;
8335
- --x-size-width-dropdown-toggle-default: 100%;
8336
- --x-size-min-width-dropdown-list-default: 100%;
8337
- --x-size-gap-dropdown-default: 0;
8338
- --x-size-padding-top-dropdown-toggle-default: var(--x-size-padding-top-dropdown-item-default);
8339
- --x-size-padding-right-dropdown-toggle-default: var(--x-size-padding-right-dropdown-item-default);
8340
- --x-size-padding-bottom-dropdown-toggle-default: var(
8341
- --x-size-padding-bottom-dropdown-item-default
8342
- );
8343
- --x-size-padding-left-dropdown-toggle-default: var(--x-size-padding-left-dropdown-item-default);
8344
- --x-size-padding-vertical-dropdown-list-default: 0;
8345
- --x-size-padding-top-dropdown-item-default: var(--x-size-base-04);
8346
- --x-size-padding-right-dropdown-item-default: var(--x-size-base-05);
8347
- --x-size-padding-bottom-dropdown-item-default: var(--x-size-base-04);
8348
- --x-size-padding-left-dropdown-item-default: var(--x-size-base-05);
8349
- --x-size-gap-dropdown-item-default: var(--x-size-base-03);
8350
- --x-string-box-shadow-dropdown-default: none;
8351
- --x-string-overflow-dropdown-toggle-default: hidden;
8352
- --x-string-overflow-dropdown-list-default: hidden;
8355
+ --x-size-gap-dropdown-card: var(--x-size-base-03);
8356
+ --x-size-border-radius-dropdown-card: var(--x-size-border-radius-base-s);
8357
+ --x-size-border-radius-top-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8358
+ --x-size-border-radius-top-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8359
+ --x-size-border-radius-bottom-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8360
+ --x-size-border-radius-bottom-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8361
+ --x-size-border-width-dropdown-list-card: var(--x-size-border-width-base);
8362
+ --x-size-border-width-top-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8363
+ --x-size-border-width-right-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8364
+ --x-size-border-width-bottom-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8365
+ --x-size-border-width-left-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8353
8366
  }
8354
8367
  :root {
8355
8368
  --x-size-gap-dropdown-card: var(--x-size-base-03);
@@ -8395,17 +8408,14 @@
8395
8408
  );
8396
8409
  }
8397
8410
  :root {
8398
- --x-size-gap-dropdown-card: var(--x-size-base-03);
8399
- --x-size-border-radius-dropdown-card: var(--x-size-border-radius-base-s);
8400
- --x-size-border-radius-top-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8401
- --x-size-border-radius-top-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8402
- --x-size-border-radius-bottom-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8403
- --x-size-border-radius-bottom-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8404
- --x-size-border-width-dropdown-list-card: var(--x-size-border-width-base);
8405
- --x-size-border-width-top-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8406
- --x-size-border-width-right-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8407
- --x-size-border-width-bottom-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8408
- --x-size-border-width-left-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8411
+ --x-color-background-button-tertiary: var(--x-color-base-neutral-95);
8412
+ --x-color-border-button-tertiary: var(--x-color-base-neutral-70);
8413
+ --x-color-text-button-tertiary: var(--x-color-text-default);
8414
+ --x-size-border-width-button-tertiary: var(--x-size-border-width-base);
8415
+ --x-size-border-width-top-button-tertiary: var(--x-size-border-width-button-tertiary);
8416
+ --x-size-border-width-right-button-tertiary: var(--x-size-border-width-button-tertiary);
8417
+ --x-size-border-width-bottom-button-tertiary: var(--x-size-border-width-button-tertiary);
8418
+ --x-size-border-width-left-button-tertiary: var(--x-size-border-width-button-tertiary);
8409
8419
  }
8410
8420
  :root {
8411
8421
  --x-color-background-button-tertiary: var(--x-color-base-neutral-95);
@@ -8429,14 +8439,14 @@
8429
8439
  --x-size-border-width-left-button-default: var(--x-size-border-width-left-button-tertiary);
8430
8440
  }
8431
8441
  :root {
8432
- --x-color-background-button-tertiary: var(--x-color-base-neutral-95);
8433
- --x-color-border-button-tertiary: var(--x-color-base-neutral-70);
8434
- --x-color-text-button-tertiary: var(--x-color-text-default);
8435
- --x-size-border-width-button-tertiary: var(--x-size-border-width-base);
8436
- --x-size-border-width-top-button-tertiary: var(--x-size-border-width-button-tertiary);
8437
- --x-size-border-width-right-button-tertiary: var(--x-size-border-width-button-tertiary);
8438
- --x-size-border-width-bottom-button-tertiary: var(--x-size-border-width-button-tertiary);
8439
- --x-size-border-width-left-button-tertiary: var(--x-size-border-width-button-tertiary);
8442
+ --x-color-background-button-secondary: transparent;
8443
+ --x-color-border-button-secondary: var(--x-color-border-button-default);
8444
+ --x-color-text-button-secondary: var(--x-color-border-button-default);
8445
+ --x-size-border-width-button-secondary: var(--x-size-border-width-base);
8446
+ --x-size-border-width-top-button-secondary: var(--x-size-border-width-button-secondary);
8447
+ --x-size-border-width-right-button-secondary: var(--x-size-border-width-button-secondary);
8448
+ --x-size-border-width-bottom-button-secondary: var(--x-size-border-width-button-secondary);
8449
+ --x-size-border-width-left-button-secondary: var(--x-size-border-width-button-secondary);
8440
8450
  }
8441
8451
  :root {
8442
8452
  --x-color-background-button-secondary: transparent;
@@ -8459,16 +8469,6 @@
8459
8469
  --x-size-border-width-bottom-button-default: var(--x-size-border-width-bottom-button-secondary);
8460
8470
  --x-size-border-width-left-button-default: var(--x-size-border-width-left-button-secondary);
8461
8471
  }
8462
- :root {
8463
- --x-color-background-button-secondary: transparent;
8464
- --x-color-border-button-secondary: var(--x-color-border-button-default);
8465
- --x-color-text-button-secondary: var(--x-color-border-button-default);
8466
- --x-size-border-width-button-secondary: var(--x-size-border-width-base);
8467
- --x-size-border-width-top-button-secondary: var(--x-size-border-width-button-secondary);
8468
- --x-size-border-width-right-button-secondary: var(--x-size-border-width-button-secondary);
8469
- --x-size-border-width-bottom-button-secondary: var(--x-size-border-width-button-secondary);
8470
- --x-size-border-width-left-button-secondary: var(--x-size-border-width-button-secondary);
8471
- }
8472
8472
  :root {
8473
8473
  --x-size-border-radius-button-round: var(--x-size-border-radius-base-pill);
8474
8474
  --x-size-border-radius-top-left-button-round: var(--x-size-border-radius-button-round);
@@ -8476,16 +8476,6 @@
8476
8476
  --x-size-border-radius-bottom-right-button-round: var(--x-size-border-radius-button-round);
8477
8477
  --x-size-border-radius-bottom-left-button-round: var(--x-size-border-radius-button-round);
8478
8478
  }
8479
- :root {
8480
- --x-color-background-button-primary: var(--x-color-background-button-default);
8481
- --x-color-border-button-primary: var(--x-color-border-button-default);
8482
- --x-color-text-button-primary: var(--x-color-text-button-default);
8483
- --x-size-border-width-button-primary: var(--x-size-border-width-base);
8484
- --x-size-border-width-top-button-primary: var(--x-size-border-width-button-primary);
8485
- --x-size-border-width-right-button-primary: var(--x-size-border-width-button-primary);
8486
- --x-size-border-width-bottom-button-primary: var(--x-size-border-width-button-primary);
8487
- --x-size-border-width-left-button-primary: var(--x-size-border-width-button-primary);
8488
- }
8489
8479
  :root {
8490
8480
  --x-size-border-radius-button-round: var(--x-size-border-radius-base-pill);
8491
8481
  --x-size-border-radius-top-left-button-round: var(--x-size-border-radius-button-round);
@@ -8521,6 +8511,16 @@
8521
8511
  --x-size-border-width-bottom-button-primary: var(--x-size-border-width-button-primary);
8522
8512
  --x-size-border-width-left-button-primary: var(--x-size-border-width-button-primary);
8523
8513
  }
8514
+ :root {
8515
+ --x-color-background-button-primary: var(--x-color-background-button-default);
8516
+ --x-color-border-button-primary: var(--x-color-border-button-default);
8517
+ --x-color-text-button-primary: var(--x-color-text-button-default);
8518
+ --x-size-border-width-button-primary: var(--x-size-border-width-base);
8519
+ --x-size-border-width-top-button-primary: var(--x-size-border-width-button-primary);
8520
+ --x-size-border-width-right-button-primary: var(--x-size-border-width-button-primary);
8521
+ --x-size-border-width-bottom-button-primary: var(--x-size-border-width-button-primary);
8522
+ --x-size-border-width-left-button-primary: var(--x-size-border-width-button-primary);
8523
+ }
8524
8524
 
8525
8525
  .x-button--primary.x-button,
8526
8526
  .x-button--primary .x-button {
@@ -8611,6 +8611,29 @@
8611
8611
  --x-number-font-weight-button-default: var(--x-number-font-weight-base-bold);
8612
8612
  --x-size-line-height-button-default: var(--x-size-line-height-text);
8613
8613
  }
8614
+ :root {
8615
+ --x-color-background-button-default: var(--x-color-base-lead);
8616
+ --x-color-border-button-default: var(--x-color-background-button-default);
8617
+ --x-color-text-button-default: var(--x-color-base-neutral-100);
8618
+ --x-size-border-radius-button-default: var(--x-size-border-radius-base-none);
8619
+ --x-size-border-radius-top-left-button-default: var(--x-size-border-radius-button-default);
8620
+ --x-size-border-radius-top-right-button-default: var(--x-size-border-radius-button-default);
8621
+ --x-size-border-radius-bottom-right-button-default: var(--x-size-border-radius-button-default);
8622
+ --x-size-border-radius-bottom-left-button-default: var(--x-size-border-radius-button-default);
8623
+ --x-size-border-width-button-default: var(--x-size-border-width-base);
8624
+ --x-size-border-width-top-button-default: var(--x-size-border-width-button-default);
8625
+ --x-size-border-width-right-button-default: var(--x-size-border-width-button-default);
8626
+ --x-size-border-width-bottom-button-default: var(--x-size-border-width-button-default);
8627
+ --x-size-border-width-left-button-default: var(--x-size-border-width-button-default);
8628
+ --x-size-height-button-default: var(--x-size-base-08);
8629
+ --x-size-padding-right-button-default: var(--x-size-base-05);
8630
+ --x-size-padding-left-button-default: var(--x-size-base-05);
8631
+ --x-size-gap-button-default: var(--x-size-base-03);
8632
+ --x-font-family-button-default: var(--x-font-family-text);
8633
+ --x-size-font-button-default: var(--x-size-font-text);
8634
+ --x-number-font-weight-button-default: var(--x-number-font-weight-base-bold);
8635
+ --x-size-line-height-button-default: var(--x-size-line-height-text);
8636
+ }
8614
8637
 
8615
8638
  [dir="ltr"] .x-button {
8616
8639
  padding-right: var(--x-size-padding-right-button-default);
@@ -8674,27 +8697,21 @@
8674
8697
  }
8675
8698
  }
8676
8699
  :root {
8677
- --x-color-background-button-default: var(--x-color-base-lead);
8678
- --x-color-border-button-default: var(--x-color-background-button-default);
8679
- --x-color-text-button-default: var(--x-color-base-neutral-100);
8680
- --x-size-border-radius-button-default: var(--x-size-border-radius-base-none);
8681
- --x-size-border-radius-top-left-button-default: var(--x-size-border-radius-button-default);
8682
- --x-size-border-radius-top-right-button-default: var(--x-size-border-radius-button-default);
8683
- --x-size-border-radius-bottom-right-button-default: var(--x-size-border-radius-button-default);
8684
- --x-size-border-radius-bottom-left-button-default: var(--x-size-border-radius-button-default);
8685
- --x-size-border-width-button-default: var(--x-size-border-width-base);
8686
- --x-size-border-width-top-button-default: var(--x-size-border-width-button-default);
8687
- --x-size-border-width-right-button-default: var(--x-size-border-width-button-default);
8688
- --x-size-border-width-bottom-button-default: var(--x-size-border-width-button-default);
8689
- --x-size-border-width-left-button-default: var(--x-size-border-width-button-default);
8690
- --x-size-height-button-default: var(--x-size-base-08);
8691
- --x-size-padding-right-button-default: var(--x-size-base-05);
8692
- --x-size-padding-left-button-default: var(--x-size-base-05);
8693
- --x-size-gap-button-default: var(--x-size-base-03);
8694
- --x-font-family-button-default: var(--x-font-family-text);
8695
- --x-size-font-button-default: var(--x-size-font-text);
8696
- --x-number-font-weight-button-default: var(--x-number-font-weight-base-bold);
8697
- --x-size-line-height-button-default: var(--x-size-line-height-text);
8700
+ --x-size-border-radius-button-card: var(--x-size-border-radius-base-s);
8701
+ --x-size-border-radius-top-left-button-card: var(--x-size-border-radius-button-card);
8702
+ --x-size-border-radius-top-right-button-card: var(--x-size-border-radius-button-card);
8703
+ --x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
8704
+ --x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
8705
+ }
8706
+ :root {
8707
+ --x-color-background-badge-default: var(--x-color-base-neutral-10);
8708
+ --x-color-text-badge-default: var(--x-color-base-neutral-100);
8709
+ --x-color-border-badge-default: var(--x-color-base-neutral-10);
8710
+ --x-size-border-radius-badge-default: var(--x-size-border-radius-base-pill);
8711
+ --x-size-border-width-badge-default: 0;
8712
+ --x-size-width-badge-default: 1.5em;
8713
+ --x-number-font-weight-badge-default: var(--x-number-font-weight-base-regular);
8714
+ --x-size-font-badge-default: var(--x-size-font-base-xs);
8698
8715
  }
8699
8716
  :root {
8700
8717
  --x-size-border-radius-button-card: var(--x-size-border-radius-base-s);
@@ -8718,23 +8735,6 @@
8718
8735
  --x-size-border-radius-bottom-left-button-card
8719
8736
  );
8720
8737
  }
8721
- :root {
8722
- --x-size-border-radius-button-card: var(--x-size-border-radius-base-s);
8723
- --x-size-border-radius-top-left-button-card: var(--x-size-border-radius-button-card);
8724
- --x-size-border-radius-top-right-button-card: var(--x-size-border-radius-button-card);
8725
- --x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
8726
- --x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
8727
- }
8728
- :root {
8729
- --x-color-background-badge-default: var(--x-color-base-neutral-10);
8730
- --x-color-text-badge-default: var(--x-color-base-neutral-100);
8731
- --x-color-border-badge-default: var(--x-color-base-neutral-10);
8732
- --x-size-border-radius-badge-default: var(--x-size-border-radius-base-pill);
8733
- --x-size-border-width-badge-default: 0;
8734
- --x-size-width-badge-default: 1.5em;
8735
- --x-number-font-weight-badge-default: var(--x-number-font-weight-base-regular);
8736
- --x-size-font-badge-default: var(--x-size-font-base-xs);
8737
- }
8738
8738
  :root {
8739
8739
  --x-color-background-badge-default: var(--x-color-base-neutral-10);
8740
8740
  --x-color-text-badge-default: var(--x-color-base-neutral-100);
@@ -8784,19 +8784,6 @@
8784
8784
  .x-badge-container {
8785
8785
  position: relative;
8786
8786
  }
8787
- :root {
8788
- --x-color-base-lead: #243d48;
8789
- --x-color-base-auxiliary: #bfe1ec;
8790
- --x-color-base-neutral-10: #1a1a1a;
8791
- --x-color-base-neutral-35: #595959;
8792
- --x-color-base-neutral-70: #b3b3b3;
8793
- --x-color-base-neutral-95: #f2f2f2;
8794
- --x-color-base-neutral-100: #ffffff;
8795
- --x-color-base-accent: #0086b2;
8796
- --x-color-base-enable: #00705c;
8797
- --x-color-base-disable: #e11f26;
8798
- --x-color-base-transparent: transparent;
8799
- }
8800
8787
  :root {
8801
8788
  --x-size-base-01: 2px;
8802
8789
  --x-size-base-02: 4px;
@@ -8819,6 +8806,19 @@
8819
8806
  --x-size-base-19: 280px;
8820
8807
  --x-size-base-20: 344px;
8821
8808
  }
8809
+ :root {
8810
+ --x-color-base-lead: #243d48;
8811
+ --x-color-base-auxiliary: #bfe1ec;
8812
+ --x-color-base-neutral-10: #1a1a1a;
8813
+ --x-color-base-neutral-35: #595959;
8814
+ --x-color-base-neutral-70: #b3b3b3;
8815
+ --x-color-base-neutral-95: #f2f2f2;
8816
+ --x-color-base-neutral-100: #ffffff;
8817
+ --x-color-base-accent: #0086b2;
8818
+ --x-color-base-enable: #00705c;
8819
+ --x-color-base-disable: #e11f26;
8820
+ --x-color-base-transparent: transparent;
8821
+ }
8822
8822
  :root {
8823
8823
  --x-size-border-radius-base-none: 0;
8824
8824
  --x-size-border-radius-base-s: var(--x-size-base-02);