@empathyco/x-components 6.0.0-alpha.65 → 6.0.0-alpha.67

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.
@@ -1806,6 +1806,49 @@
1806
1806
  .x-border-width--left-10 {
1807
1807
  border-style: solid !important;
1808
1808
  }
1809
+ .x-border-color--lead {
1810
+ border-color: var(--x-color-base-lead) !important;
1811
+ }
1812
+
1813
+ .x-border-color--auxiliary {
1814
+ border-color: var(--x-color-base-auxiliary) !important;
1815
+ }
1816
+
1817
+ .x-border-color--neutral-10 {
1818
+ border-color: var(--x-color-base-neutral-10) !important;
1819
+ }
1820
+
1821
+ .x-border-color--neutral-35 {
1822
+ border-color: var(--x-color-base-neutral-35) !important;
1823
+ }
1824
+
1825
+ .x-border-color--neutral-70 {
1826
+ border-color: var(--x-color-base-neutral-70) !important;
1827
+ }
1828
+
1829
+ .x-border-color--neutral-95 {
1830
+ border-color: var(--x-color-base-neutral-95) !important;
1831
+ }
1832
+
1833
+ .x-border-color--neutral-100 {
1834
+ border-color: var(--x-color-base-neutral-100) !important;
1835
+ }
1836
+
1837
+ .x-border-color--accent {
1838
+ border-color: var(--x-color-base-accent) !important;
1839
+ }
1840
+
1841
+ .x-border-color--enable {
1842
+ border-color: var(--x-color-base-enable) !important;
1843
+ }
1844
+
1845
+ .x-border-color--disable {
1846
+ border-color: var(--x-color-base-disable) !important;
1847
+ }
1848
+
1849
+ .x-border-color--transparent {
1850
+ border-color: var(--x-color-base-transparent) !important;
1851
+ }
1809
1852
  .x-border-radius--00 {
1810
1853
  border-radius: 0 !important;
1811
1854
  }
@@ -3314,49 +3357,6 @@
3314
3357
  [dir="rtl"] .x-border-radius--bottom-right-20 {
3315
3358
  border-bottom-left-radius: var(--x-size-base-20) !important;
3316
3359
  }
3317
- .x-border-color--lead {
3318
- border-color: var(--x-color-base-lead) !important;
3319
- }
3320
-
3321
- .x-border-color--auxiliary {
3322
- border-color: var(--x-color-base-auxiliary) !important;
3323
- }
3324
-
3325
- .x-border-color--neutral-10 {
3326
- border-color: var(--x-color-base-neutral-10) !important;
3327
- }
3328
-
3329
- .x-border-color--neutral-35 {
3330
- border-color: var(--x-color-base-neutral-35) !important;
3331
- }
3332
-
3333
- .x-border-color--neutral-70 {
3334
- border-color: var(--x-color-base-neutral-70) !important;
3335
- }
3336
-
3337
- .x-border-color--neutral-95 {
3338
- border-color: var(--x-color-base-neutral-95) !important;
3339
- }
3340
-
3341
- .x-border-color--neutral-100 {
3342
- border-color: var(--x-color-base-neutral-100) !important;
3343
- }
3344
-
3345
- .x-border-color--accent {
3346
- border-color: var(--x-color-base-accent) !important;
3347
- }
3348
-
3349
- .x-border-color--enable {
3350
- border-color: var(--x-color-base-enable) !important;
3351
- }
3352
-
3353
- .x-border-color--disable {
3354
- border-color: var(--x-color-base-disable) !important;
3355
- }
3356
-
3357
- .x-border-color--transparent {
3358
- border-color: var(--x-color-base-transparent) !important;
3359
- }
3360
3360
  .x-background--lead {
3361
3361
  background-color: var(--x-color-base-lead) !important;
3362
3362
  }
@@ -4205,6 +4205,96 @@
4205
4205
  --x-number-font-weight-suggestion-default-matching
4206
4206
  );
4207
4207
  }
4208
+ :root {
4209
+ --x-string-align-items-suggestion-default: center;
4210
+ --x-color-text-suggestion-default: var(--x-color-text-default);
4211
+ --x-color-text-suggestion-matching-part-default: var(--x-color-base-neutral-35);
4212
+ --x-color-text-suggestion-default-matching: var(--x-color-text-suggestion-default);
4213
+ --x-color-text-suggestion-filter-default: var(--x-color-base-neutral-35);
4214
+ --x-color-background-suggestion-default: transparent;
4215
+ --x-color-border-suggestion-default: var(--x-color-text-suggestion-default);
4216
+ --x-color-text-suggestion-default-curated: var(--x-color-text-suggestion-default);
4217
+ --x-color-text-suggestion-matching-part-default-curated: var(
4218
+ --x-color-text-suggestion-matching-part-default
4219
+ );
4220
+ --x-color-text-suggestion-default-matching-curated: var(
4221
+ --x-color-text-suggestion-default-matching
4222
+ );
4223
+ --x-color-background-suggestion-default-curated: var(--x-color-background-suggestion-default);
4224
+ --x-color-border-suggestion-default-curated: var(--x-color-border-suggestion-default);
4225
+ --x-size-padding-top-suggestion-default: var(--x-size-base-01);
4226
+ --x-size-padding-right-suggestion-default: 0;
4227
+ --x-size-padding-bottom-suggestion-default: var(--x-size-base-02);
4228
+ --x-size-padding-left-suggestion-default: 0;
4229
+ --x-size-gap-suggestion-default: var(--x-size-base-03);
4230
+ --x-size-border-width-suggestion-default: 0;
4231
+ --x-size-border-width-top-suggestion-default: var(--x-size-border-width-suggestion-default);
4232
+ --x-size-border-width-right-suggestion-default: var(--x-size-border-width-suggestion-default);
4233
+ --x-size-border-width-bottom-suggestion-default: var(--x-size-border-width-suggestion-default);
4234
+ --x-size-border-width-left-suggestion-default: var(--x-size-border-width-suggestion-default);
4235
+ --x-size-border-radius-suggestion-default: var(--x-size-border-radius-base-none);
4236
+ --x-size-border-radius-top-left-suggestion-default: var(
4237
+ --x-size-border-radius-suggestion-default
4238
+ );
4239
+ --x-size-border-radius-top-right-suggestion-default: var(
4240
+ --x-size-border-radius-suggestion-default
4241
+ );
4242
+ --x-size-border-radius-bottom-right-suggestion-default: var(
4243
+ --x-size-border-radius-suggestion-default
4244
+ );
4245
+ --x-size-border-radius-bottom-left-suggestion-default: var(
4246
+ --x-size-border-radius-suggestion-default
4247
+ );
4248
+ --x-font-family-suggestion-default: var(--x-font-family-text);
4249
+ --x-size-font-suggestion-default: var(--x-size-font-text);
4250
+ --x-size-line-height-suggestion-default: var(--x-size-line-height-text);
4251
+ --x-number-font-weight-suggestion-default: var(--x-number-font-weight-text);
4252
+ --x-font-family-suggestion-matching-part-default: var(--x-font-family-suggestion-default);
4253
+ --x-size-font-suggestion-matching-part-default: var(--x-size-font-suggestion-default);
4254
+ --x-size-line-height-suggestion-matching-part-default: var(
4255
+ --x-size-line-height-suggestion-default
4256
+ );
4257
+ --x-number-font-weight-suggestion-matching-part-default: var(
4258
+ --x-number-font-weight-suggestion-default
4259
+ );
4260
+ --x-font-family-suggestion-default-matching: var(--x-font-family-suggestion-default);
4261
+ --x-size-font-suggestion-default-matching: var(--x-size-font-suggestion-default);
4262
+ --x-size-line-height-suggestion-default-matching: var(--x-size-line-height-suggestion-default);
4263
+ --x-number-font-weight-suggestion-default-matching: var(
4264
+ --x-number-font-weight-suggestion-default
4265
+ );
4266
+ --x-font-family-suggestion-filter-default: var(--x-font-family-suggestion-default);
4267
+ --x-size-font-suggestion-filter-default: var(--x-size-font-suggestion-default);
4268
+ --x-size-line-height-suggestion-filter-default: var(--x-size-line-height-suggestion-default);
4269
+ --x-number-font-weight-suggestion-filter-default: var(--x-number-font-weight-suggestion-default);
4270
+ --x-text-transform-suggestion-filter-default: none;
4271
+ --x-font-family-suggestion-default-curated: var(--x-font-family-suggestion-default);
4272
+ --x-size-font-suggestion-default-curated: var(--x-size-font-suggestion-default);
4273
+ --x-size-line-height-suggestion-default-curated: var(--x-size-line-height-suggestion-default);
4274
+ --x-number-font-weight-suggestion-default-curated: var(--x-number-font-weight-suggestion-default);
4275
+ --x-font-family-suggestion-matching-part-default-curated: var(
4276
+ --x-font-family-suggestion-matching-part-default
4277
+ );
4278
+ --x-size-font-suggestion-matching-part-default-curated: var(
4279
+ --x-size-font-suggestion-matching-part-default
4280
+ );
4281
+ --x-size-line-height-suggestion-matching-part-default-curated: var(
4282
+ --x-size-line-height-suggestion-matching-part-default
4283
+ );
4284
+ --x-number-font-weight-suggestion-matching-part-default-curated: var(
4285
+ --x-number-font-weight-suggestion-matching-part-default
4286
+ );
4287
+ --x-font-family-suggestion-default-matching-curated: var(
4288
+ --x-font-family-suggestion-default-matching
4289
+ );
4290
+ --x-size-font-suggestion-default-matching-curated: var(--x-size-font-suggestion-default-matching);
4291
+ --x-size-line-height-suggestion-default-matching-curated: var(
4292
+ --x-size-line-height-suggestion-default-matching
4293
+ );
4294
+ --x-number-font-weight-suggestion-default-matching-curated: var(
4295
+ --x-number-font-weight-suggestion-default-matching
4296
+ );
4297
+ }
4208
4298
 
4209
4299
  [dir="ltr"] .x-suggestion {
4210
4300
  text-align: left;
@@ -4337,96 +4427,6 @@
4337
4427
  --x-color-text-suggestion-default-matching-curated
4338
4428
  );
4339
4429
  }
4340
- :root {
4341
- --x-string-align-items-suggestion-default: center;
4342
- --x-color-text-suggestion-default: var(--x-color-text-default);
4343
- --x-color-text-suggestion-matching-part-default: var(--x-color-base-neutral-35);
4344
- --x-color-text-suggestion-default-matching: var(--x-color-text-suggestion-default);
4345
- --x-color-text-suggestion-filter-default: var(--x-color-base-neutral-35);
4346
- --x-color-background-suggestion-default: transparent;
4347
- --x-color-border-suggestion-default: var(--x-color-text-suggestion-default);
4348
- --x-color-text-suggestion-default-curated: var(--x-color-text-suggestion-default);
4349
- --x-color-text-suggestion-matching-part-default-curated: var(
4350
- --x-color-text-suggestion-matching-part-default
4351
- );
4352
- --x-color-text-suggestion-default-matching-curated: var(
4353
- --x-color-text-suggestion-default-matching
4354
- );
4355
- --x-color-background-suggestion-default-curated: var(--x-color-background-suggestion-default);
4356
- --x-color-border-suggestion-default-curated: var(--x-color-border-suggestion-default);
4357
- --x-size-padding-top-suggestion-default: var(--x-size-base-01);
4358
- --x-size-padding-right-suggestion-default: 0;
4359
- --x-size-padding-bottom-suggestion-default: var(--x-size-base-02);
4360
- --x-size-padding-left-suggestion-default: 0;
4361
- --x-size-gap-suggestion-default: var(--x-size-base-03);
4362
- --x-size-border-width-suggestion-default: 0;
4363
- --x-size-border-width-top-suggestion-default: var(--x-size-border-width-suggestion-default);
4364
- --x-size-border-width-right-suggestion-default: var(--x-size-border-width-suggestion-default);
4365
- --x-size-border-width-bottom-suggestion-default: var(--x-size-border-width-suggestion-default);
4366
- --x-size-border-width-left-suggestion-default: var(--x-size-border-width-suggestion-default);
4367
- --x-size-border-radius-suggestion-default: var(--x-size-border-radius-base-none);
4368
- --x-size-border-radius-top-left-suggestion-default: var(
4369
- --x-size-border-radius-suggestion-default
4370
- );
4371
- --x-size-border-radius-top-right-suggestion-default: var(
4372
- --x-size-border-radius-suggestion-default
4373
- );
4374
- --x-size-border-radius-bottom-right-suggestion-default: var(
4375
- --x-size-border-radius-suggestion-default
4376
- );
4377
- --x-size-border-radius-bottom-left-suggestion-default: var(
4378
- --x-size-border-radius-suggestion-default
4379
- );
4380
- --x-font-family-suggestion-default: var(--x-font-family-text);
4381
- --x-size-font-suggestion-default: var(--x-size-font-text);
4382
- --x-size-line-height-suggestion-default: var(--x-size-line-height-text);
4383
- --x-number-font-weight-suggestion-default: var(--x-number-font-weight-text);
4384
- --x-font-family-suggestion-matching-part-default: var(--x-font-family-suggestion-default);
4385
- --x-size-font-suggestion-matching-part-default: var(--x-size-font-suggestion-default);
4386
- --x-size-line-height-suggestion-matching-part-default: var(
4387
- --x-size-line-height-suggestion-default
4388
- );
4389
- --x-number-font-weight-suggestion-matching-part-default: var(
4390
- --x-number-font-weight-suggestion-default
4391
- );
4392
- --x-font-family-suggestion-default-matching: var(--x-font-family-suggestion-default);
4393
- --x-size-font-suggestion-default-matching: var(--x-size-font-suggestion-default);
4394
- --x-size-line-height-suggestion-default-matching: var(--x-size-line-height-suggestion-default);
4395
- --x-number-font-weight-suggestion-default-matching: var(
4396
- --x-number-font-weight-suggestion-default
4397
- );
4398
- --x-font-family-suggestion-filter-default: var(--x-font-family-suggestion-default);
4399
- --x-size-font-suggestion-filter-default: var(--x-size-font-suggestion-default);
4400
- --x-size-line-height-suggestion-filter-default: var(--x-size-line-height-suggestion-default);
4401
- --x-number-font-weight-suggestion-filter-default: var(--x-number-font-weight-suggestion-default);
4402
- --x-text-transform-suggestion-filter-default: none;
4403
- --x-font-family-suggestion-default-curated: var(--x-font-family-suggestion-default);
4404
- --x-size-font-suggestion-default-curated: var(--x-size-font-suggestion-default);
4405
- --x-size-line-height-suggestion-default-curated: var(--x-size-line-height-suggestion-default);
4406
- --x-number-font-weight-suggestion-default-curated: var(--x-number-font-weight-suggestion-default);
4407
- --x-font-family-suggestion-matching-part-default-curated: var(
4408
- --x-font-family-suggestion-matching-part-default
4409
- );
4410
- --x-size-font-suggestion-matching-part-default-curated: var(
4411
- --x-size-font-suggestion-matching-part-default
4412
- );
4413
- --x-size-line-height-suggestion-matching-part-default-curated: var(
4414
- --x-size-line-height-suggestion-matching-part-default
4415
- );
4416
- --x-number-font-weight-suggestion-matching-part-default-curated: var(
4417
- --x-number-font-weight-suggestion-matching-part-default
4418
- );
4419
- --x-font-family-suggestion-default-matching-curated: var(
4420
- --x-font-family-suggestion-default-matching
4421
- );
4422
- --x-size-font-suggestion-default-matching-curated: var(--x-size-font-suggestion-default-matching);
4423
- --x-size-line-height-suggestion-default-matching-curated: var(
4424
- --x-size-line-height-suggestion-default-matching
4425
- );
4426
- --x-number-font-weight-suggestion-default-matching-curated: var(
4427
- --x-number-font-weight-suggestion-default-matching
4428
- );
4429
- }
4430
4430
  :root {
4431
4431
  --x-color-background-sliding-panel: var(--x-color-base-neutral-100);
4432
4432
  --x-size-width-sliding-panel-gradient: var(--x-size-base-09);
@@ -4540,28 +4540,6 @@
4540
4540
  --x-size-padding-row-05: var(--x-size-base-05);
4541
4541
  --x-size-padding-row-06: var(--x-size-base-06);
4542
4542
  }
4543
- :root {
4544
- --x-size-gap-row-01: var(--x-size-base-01);
4545
- --x-size-gap-row-02: var(--x-size-base-02);
4546
- --x-size-gap-row-03: var(--x-size-base-03);
4547
- --x-size-gap-row-04: var(--x-size-base-04);
4548
- --x-size-gap-row-05: var(--x-size-base-05);
4549
- --x-size-gap-row-06: var(--x-size-base-06);
4550
- --x-size-gap-row-07: var(--x-size-base-07);
4551
- --x-size-gap-row-08: var(--x-size-base-08);
4552
- --x-size-gap-row-09: var(--x-size-base-09);
4553
- --x-size-gap-row-10: var(--x-size-base-10);
4554
- --x-size-gap-row-11: var(--x-size-base-11);
4555
- --x-size-gap-row-12: var(--x-size-base-12);
4556
- --x-size-gap-row-13: var(--x-size-base-13);
4557
- --x-size-gap-row-14: var(--x-size-base-14);
4558
- --x-size-gap-row-15: var(--x-size-base-15);
4559
- --x-size-gap-row-16: var(--x-size-base-16);
4560
- --x-size-gap-row-17: var(--x-size-base-17);
4561
- --x-size-gap-row-18: var(--x-size-base-18);
4562
- --x-size-gap-row-19: var(--x-size-base-19);
4563
- --x-size-gap-row-20: var(--x-size-base-20);
4564
- }
4565
4543
  /* @deprecated */
4566
4544
  :root {
4567
4545
  --x-size-padding-row-02: var(--x-size-base-02);
@@ -4613,6 +4591,28 @@
4613
4591
  --x-size-gap-row-19: var(--x-size-base-19);
4614
4592
  --x-size-gap-row-20: var(--x-size-base-20);
4615
4593
  }
4594
+ :root {
4595
+ --x-size-gap-row-01: var(--x-size-base-01);
4596
+ --x-size-gap-row-02: var(--x-size-base-02);
4597
+ --x-size-gap-row-03: var(--x-size-base-03);
4598
+ --x-size-gap-row-04: var(--x-size-base-04);
4599
+ --x-size-gap-row-05: var(--x-size-base-05);
4600
+ --x-size-gap-row-06: var(--x-size-base-06);
4601
+ --x-size-gap-row-07: var(--x-size-base-07);
4602
+ --x-size-gap-row-08: var(--x-size-base-08);
4603
+ --x-size-gap-row-09: var(--x-size-base-09);
4604
+ --x-size-gap-row-10: var(--x-size-base-10);
4605
+ --x-size-gap-row-11: var(--x-size-base-11);
4606
+ --x-size-gap-row-12: var(--x-size-base-12);
4607
+ --x-size-gap-row-13: var(--x-size-base-13);
4608
+ --x-size-gap-row-14: var(--x-size-base-14);
4609
+ --x-size-gap-row-15: var(--x-size-base-15);
4610
+ --x-size-gap-row-16: var(--x-size-base-16);
4611
+ --x-size-gap-row-17: var(--x-size-base-17);
4612
+ --x-size-gap-row-18: var(--x-size-base-18);
4613
+ --x-size-gap-row-19: var(--x-size-base-19);
4614
+ --x-size-gap-row-20: var(--x-size-base-20);
4615
+ }
4616
4616
 
4617
4617
  .x-row--gap-01 {
4618
4618
  --x-size-gap-row: var(--x-size-gap-row-01);
@@ -4919,6 +4919,14 @@
4919
4919
  :root {
4920
4920
  --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
4921
4921
  }
4922
+ :root {
4923
+ --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
4924
+ }
4925
+
4926
+ .x-result.x-result--card {
4927
+ overflow: hidden;
4928
+ --x-size-border-radius-result-default: var(--x-size-border-radius-result-card);
4929
+ }
4922
4930
  :root {
4923
4931
  --x-size-height-progress-bar-line-default: var(--x-size-base-02);
4924
4932
  --x-size-width-progress-bar-line-default: var(--x-size-base-20);
@@ -4928,14 +4936,6 @@
4928
4936
  --x-size-border-radius-progress-bar-default: var(--x-size-border-radius-base-pill);
4929
4937
  --x-size-border-width-progress-bar-default: 0;
4930
4938
  }
4931
- :root {
4932
- --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
4933
- }
4934
-
4935
- .x-result.x-result--card {
4936
- overflow: hidden;
4937
- --x-size-border-radius-result-default: var(--x-size-border-radius-result-card);
4938
- }
4939
4939
  :root {
4940
4940
  --x-size-height-progress-bar-line-default: var(--x-size-base-02);
4941
4941
  --x-size-width-progress-bar-line-default: var(--x-size-base-20);
@@ -5212,6 +5212,86 @@
5212
5212
  --x-number-font-weight-option-list-button-default: var(--x-number-font-weight-base-regular);
5213
5213
  --x-number-font-weight-option-list-button-default-selected: var(--x-number-font-weight-base-bold);
5214
5214
  }
5215
+ :root {
5216
+ --x-color-background-option-list-button-default: transparent;
5217
+ --x-color-border-option-list-button-default: transparent;
5218
+ --x-color-text-option-list-button-default: var(--x-color-base-neutral-35);
5219
+ --x-color-background-option-list-button-default-hover: var(
5220
+ --x-color-background-option-list-button-default
5221
+ );
5222
+ --x-color-border-option-list-button-default-hover: var(
5223
+ --x-color-border-option-list-button-default
5224
+ );
5225
+ --x-color-text-option-list-button-default-hover: var(--x-color-text-option-list-button-default);
5226
+ --x-color-background-option-list-button-default-selected: var(
5227
+ --x-color-background-option-list-button-default
5228
+ );
5229
+ --x-color-border-option-list-button-default-selected: var(
5230
+ --x-color-border-option-list-button-default
5231
+ );
5232
+ --x-color-text-option-list-button-default-selected: var(--x-color-text-default);
5233
+ --x-color-background-option-list-button-default-selected-hover: var(
5234
+ --x-color-background-option-list-button-default-selected
5235
+ );
5236
+ --x-color-border-option-list-button-default-selected-hover: var(
5237
+ --x-color-border-option-list-button-default-selected
5238
+ );
5239
+ --x-color-text-option-list-button-default-selected-hover: var(
5240
+ --x-color-text-option-list-button-default-selected
5241
+ );
5242
+ --x-color-border-option-list-item-default: var(--x-color-base-neutral-70);
5243
+ --x-color-border-top-option-list-item-default: var(--x-color-border-option-list-item-default);
5244
+ --x-color-border-right-option-list-item-default: var(--x-color-border-option-list-item-default);
5245
+ --x-color-border-bottom-option-list-item-default: var(--x-color-border-option-list-item-default);
5246
+ --x-color-border-left-option-list-item-default: var(--x-color-border-option-list-item-default);
5247
+ --x-color-border-option-list-item-default-selected: var(--x-color-base-neutral-70);
5248
+ --x-color-border-top-option-list-item-default-selected: var(
5249
+ --x-color-border-option-list-item-default-selected
5250
+ );
5251
+ --x-color-border-right-option-list-item-default-selected: var(
5252
+ --x-color-border-option-list-item-default-selected
5253
+ );
5254
+ --x-color-border-bottom-option-list-item-default-selected: var(
5255
+ --x-color-border-option-list-item-default-selected
5256
+ );
5257
+ --x-color-border-left-option-list-item-default-selected: var(
5258
+ --x-color-border-option-list-item-default-selected
5259
+ );
5260
+ --x-size-border-width-option-list-item-default: var(--x-size-border-width-base);
5261
+ --x-size-border-width-top-option-list-item-default: 0;
5262
+ --x-size-border-width-right-option-list-item-default: var(
5263
+ --x-size-border-width-option-list-item-default
5264
+ );
5265
+ --x-size-border-width-bottom-option-list-item-default: 0;
5266
+ --x-size-border-width-left-option-list-item-default: 0;
5267
+ --x-size-border-width-top-option-list-item-default-selected: var(
5268
+ --x-size-border-width-top-option-list-item-default
5269
+ );
5270
+ --x-size-border-width-right-option-list-item-default-selected: var(
5271
+ --x-size-border-width-right-option-list-item-default
5272
+ );
5273
+ --x-size-border-width-bottom-option-list-item-default-selected: var(
5274
+ --x-size-border-width-bottom-option-list-item-default
5275
+ );
5276
+ --x-size-border-width-left-option-list-item-default-selected: var(
5277
+ --x-size-border-width-left-option-list-item-default
5278
+ );
5279
+ --x-size-padding-option-list-button-default: var(--x-size-base-02);
5280
+ --x-size-padding-top-option-list-button-default: var(--x-size-padding-option-list-button-default);
5281
+ --x-size-padding-right-option-list-button-default: var(
5282
+ --x-size-padding-option-list-button-default
5283
+ );
5284
+ --x-size-padding-bottom-option-list-button-default: var(
5285
+ --x-size-padding-option-list-button-default
5286
+ );
5287
+ --x-size-padding-left-option-list-button-default: var(
5288
+ --x-size-padding-option-list-button-default
5289
+ );
5290
+ --x-font-decoration-option-list-button-default-hover: underline;
5291
+ --x-size-font-option-list-button-default: var(--x-size-font-text);
5292
+ --x-number-font-weight-option-list-button-default: var(--x-number-font-weight-base-regular);
5293
+ --x-number-font-weight-option-list-button-default-selected: var(--x-number-font-weight-base-bold);
5294
+ }
5215
5295
 
5216
5296
  .x-option-list {
5217
5297
  display: inline-flex;
@@ -5369,86 +5449,6 @@
5369
5449
  --x-number-font-weight-base-regular
5370
5450
  );
5371
5451
  }
5372
- :root {
5373
- --x-color-background-option-list-button-default: transparent;
5374
- --x-color-border-option-list-button-default: transparent;
5375
- --x-color-text-option-list-button-default: var(--x-color-base-neutral-35);
5376
- --x-color-background-option-list-button-default-hover: var(
5377
- --x-color-background-option-list-button-default
5378
- );
5379
- --x-color-border-option-list-button-default-hover: var(
5380
- --x-color-border-option-list-button-default
5381
- );
5382
- --x-color-text-option-list-button-default-hover: var(--x-color-text-option-list-button-default);
5383
- --x-color-background-option-list-button-default-selected: var(
5384
- --x-color-background-option-list-button-default
5385
- );
5386
- --x-color-border-option-list-button-default-selected: var(
5387
- --x-color-border-option-list-button-default
5388
- );
5389
- --x-color-text-option-list-button-default-selected: var(--x-color-text-default);
5390
- --x-color-background-option-list-button-default-selected-hover: var(
5391
- --x-color-background-option-list-button-default-selected
5392
- );
5393
- --x-color-border-option-list-button-default-selected-hover: var(
5394
- --x-color-border-option-list-button-default-selected
5395
- );
5396
- --x-color-text-option-list-button-default-selected-hover: var(
5397
- --x-color-text-option-list-button-default-selected
5398
- );
5399
- --x-color-border-option-list-item-default: var(--x-color-base-neutral-70);
5400
- --x-color-border-top-option-list-item-default: var(--x-color-border-option-list-item-default);
5401
- --x-color-border-right-option-list-item-default: var(--x-color-border-option-list-item-default);
5402
- --x-color-border-bottom-option-list-item-default: var(--x-color-border-option-list-item-default);
5403
- --x-color-border-left-option-list-item-default: var(--x-color-border-option-list-item-default);
5404
- --x-color-border-option-list-item-default-selected: var(--x-color-base-neutral-70);
5405
- --x-color-border-top-option-list-item-default-selected: var(
5406
- --x-color-border-option-list-item-default-selected
5407
- );
5408
- --x-color-border-right-option-list-item-default-selected: var(
5409
- --x-color-border-option-list-item-default-selected
5410
- );
5411
- --x-color-border-bottom-option-list-item-default-selected: var(
5412
- --x-color-border-option-list-item-default-selected
5413
- );
5414
- --x-color-border-left-option-list-item-default-selected: var(
5415
- --x-color-border-option-list-item-default-selected
5416
- );
5417
- --x-size-border-width-option-list-item-default: var(--x-size-border-width-base);
5418
- --x-size-border-width-top-option-list-item-default: 0;
5419
- --x-size-border-width-right-option-list-item-default: var(
5420
- --x-size-border-width-option-list-item-default
5421
- );
5422
- --x-size-border-width-bottom-option-list-item-default: 0;
5423
- --x-size-border-width-left-option-list-item-default: 0;
5424
- --x-size-border-width-top-option-list-item-default-selected: var(
5425
- --x-size-border-width-top-option-list-item-default
5426
- );
5427
- --x-size-border-width-right-option-list-item-default-selected: var(
5428
- --x-size-border-width-right-option-list-item-default
5429
- );
5430
- --x-size-border-width-bottom-option-list-item-default-selected: var(
5431
- --x-size-border-width-bottom-option-list-item-default
5432
- );
5433
- --x-size-border-width-left-option-list-item-default-selected: var(
5434
- --x-size-border-width-left-option-list-item-default
5435
- );
5436
- --x-size-padding-option-list-button-default: var(--x-size-base-02);
5437
- --x-size-padding-top-option-list-button-default: var(--x-size-padding-option-list-button-default);
5438
- --x-size-padding-right-option-list-button-default: var(
5439
- --x-size-padding-option-list-button-default
5440
- );
5441
- --x-size-padding-bottom-option-list-button-default: var(
5442
- --x-size-padding-option-list-button-default
5443
- );
5444
- --x-size-padding-left-option-list-button-default: var(
5445
- --x-size-padding-option-list-button-default
5446
- );
5447
- --x-font-decoration-option-list-button-default-hover: underline;
5448
- --x-size-font-option-list-button-default: var(--x-size-font-text);
5449
- --x-number-font-weight-option-list-button-default: var(--x-number-font-weight-base-regular);
5450
- --x-number-font-weight-option-list-button-default-selected: var(--x-number-font-weight-base-bold);
5451
- }
5452
5452
  :root {
5453
5453
  --x-color-text-option-list-button-bottom-hover: var(--x-color-base-neutral-10);
5454
5454
  --x-color-text-option-list-button-bottom-selected-hover: var(
@@ -5701,22 +5701,6 @@
5701
5701
  --x-size-padding-list-12: var(--x-size-base-12);
5702
5702
  --x-size-padding-list-13: var(--x-size-base-13);
5703
5703
  }
5704
- /* @deprecated */
5705
- :root {
5706
- --x-size-padding-list-01: var(--x-size-base-01);
5707
- --x-size-padding-list-02: var(--x-size-base-02);
5708
- --x-size-padding-list-03: var(--x-size-base-03);
5709
- --x-size-padding-list-04: var(--x-size-base-04);
5710
- --x-size-padding-list-05: var(--x-size-base-05);
5711
- --x-size-padding-list-06: var(--x-size-base-06);
5712
- --x-size-padding-list-07: var(--x-size-base-07);
5713
- --x-size-padding-list-08: var(--x-size-base-08);
5714
- --x-size-padding-list-09: var(--x-size-base-09);
5715
- --x-size-padding-list-10: var(--x-size-base-10);
5716
- --x-size-padding-list-11: var(--x-size-base-11);
5717
- --x-size-padding-list-12: var(--x-size-base-12);
5718
- --x-size-padding-list-13: var(--x-size-base-13);
5719
- }
5720
5704
 
5721
5705
  /* @deprecated */
5722
5706
  [class*=x-list--padding-].x-list.x-list--padding-top:not(.x-list--padding-right) {
@@ -6063,16 +6047,32 @@
6063
6047
  --x-size-gap-list-19: var(--x-size-base-19);
6064
6048
  --x-size-gap-list-20: var(--x-size-base-20);
6065
6049
  }
6050
+ /* @deprecated */
6066
6051
  :root {
6067
- --x-size-gap-list-01: var(--x-size-base-01);
6068
- --x-size-gap-list-02: var(--x-size-base-02);
6069
- --x-size-gap-list-03: var(--x-size-base-03);
6070
- --x-size-gap-list-04: var(--x-size-base-04);
6071
- --x-size-gap-list-05: var(--x-size-base-05);
6072
- --x-size-gap-list-06: var(--x-size-base-06);
6073
- --x-size-gap-list-07: var(--x-size-base-07);
6074
- --x-size-gap-list-08: var(--x-size-base-08);
6075
- --x-size-gap-list-09: var(--x-size-base-09);
6052
+ --x-size-padding-list-01: var(--x-size-base-01);
6053
+ --x-size-padding-list-02: var(--x-size-base-02);
6054
+ --x-size-padding-list-03: var(--x-size-base-03);
6055
+ --x-size-padding-list-04: var(--x-size-base-04);
6056
+ --x-size-padding-list-05: var(--x-size-base-05);
6057
+ --x-size-padding-list-06: var(--x-size-base-06);
6058
+ --x-size-padding-list-07: var(--x-size-base-07);
6059
+ --x-size-padding-list-08: var(--x-size-base-08);
6060
+ --x-size-padding-list-09: var(--x-size-base-09);
6061
+ --x-size-padding-list-10: var(--x-size-base-10);
6062
+ --x-size-padding-list-11: var(--x-size-base-11);
6063
+ --x-size-padding-list-12: var(--x-size-base-12);
6064
+ --x-size-padding-list-13: var(--x-size-base-13);
6065
+ }
6066
+ :root {
6067
+ --x-size-gap-list-01: var(--x-size-base-01);
6068
+ --x-size-gap-list-02: var(--x-size-base-02);
6069
+ --x-size-gap-list-03: var(--x-size-base-03);
6070
+ --x-size-gap-list-04: var(--x-size-base-04);
6071
+ --x-size-gap-list-05: var(--x-size-base-05);
6072
+ --x-size-gap-list-06: var(--x-size-base-06);
6073
+ --x-size-gap-list-07: var(--x-size-base-07);
6074
+ --x-size-gap-list-08: var(--x-size-base-08);
6075
+ --x-size-gap-list-09: var(--x-size-base-09);
6076
6076
  --x-size-gap-list-10: var(--x-size-base-10);
6077
6077
  --x-size-gap-list-11: var(--x-size-base-11);
6078
6078
  --x-size-gap-list-12: var(--x-size-base-12);
@@ -6593,14 +6593,6 @@
6593
6593
  --x-size-align-list: stretch;
6594
6594
  --x-size-align-list-stretch: stretch;
6595
6595
  }
6596
- :root {
6597
- --x-string-flow-list: column nowrap;
6598
- --x-size-padding-list: 0;
6599
- --x-size-gap-list: 0;
6600
- --x-size-justify-list: stretch;
6601
- --x-size-align-list: stretch;
6602
- --x-size-align-list-stretch: stretch;
6603
- }
6604
6596
 
6605
6597
  .x-list {
6606
6598
  display: flex;
@@ -6750,6 +6742,14 @@
6750
6742
  );
6751
6743
  --x-size-border-radius-bottom-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
6752
6744
  }
6745
+ :root {
6746
+ --x-string-flow-list: column nowrap;
6747
+ --x-size-padding-list: 0;
6748
+ --x-size-gap-list: 0;
6749
+ --x-size-justify-list: stretch;
6750
+ --x-size-align-list: stretch;
6751
+ --x-size-align-list-stretch: stretch;
6752
+ }
6753
6753
  :root {
6754
6754
  --x-size-border-radius-input-group-pill: var(--x-size-border-radius-base-pill);
6755
6755
  --x-size-border-radius-top-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
@@ -7104,6 +7104,16 @@
7104
7104
  --x-size-border-radius-bottom-right-input-pill: var(--x-size-border-radius-input-pill);
7105
7105
  --x-size-border-radius-bottom-left-input-pill: var(--x-size-border-radius-input-pill);
7106
7106
  }
7107
+ :root {
7108
+ --x-size-padding-top-input-line: var(--x-size-base-03);
7109
+ --x-size-padding-right-input-line: 0;
7110
+ --x-size-padding-bottom-input-line: var(--x-size-base-03);
7111
+ --x-size-padding-left-input-line: 0;
7112
+ --x-size-border-width-top-input-line: 0;
7113
+ --x-size-border-width-right-input-line: 0;
7114
+ --x-size-border-width-bottom-input-line: var(--x-size-border-width-base);
7115
+ --x-size-border-width-left-input-line: 0;
7116
+ }
7107
7117
  :root {
7108
7118
  --x-size-border-radius-input-pill: var(--x-size-border-radius-base-pill);
7109
7119
  --x-size-border-radius-top-left-input-pill: var(--x-size-border-radius-input-pill);
@@ -7130,16 +7140,6 @@
7130
7140
  --x-size-border-width-bottom-input-line: var(--x-size-border-width-base);
7131
7141
  --x-size-border-width-left-input-line: 0;
7132
7142
  }
7133
- :root {
7134
- --x-size-padding-top-input-line: var(--x-size-base-03);
7135
- --x-size-padding-right-input-line: 0;
7136
- --x-size-padding-bottom-input-line: var(--x-size-base-03);
7137
- --x-size-padding-left-input-line: 0;
7138
- --x-size-border-width-top-input-line: 0;
7139
- --x-size-border-width-right-input-line: 0;
7140
- --x-size-border-width-bottom-input-line: var(--x-size-border-width-base);
7141
- --x-size-border-width-left-input-line: 0;
7142
- }
7143
7143
 
7144
7144
  .x-input--line .x-input,
7145
7145
  .x-input--line.x-input {
@@ -7332,22 +7332,18 @@
7332
7332
  --x-size-width-icon-s: var(--x-size-base-03);
7333
7333
  --x-size-height-icon-s: var(--x-size-base-03);
7334
7334
  }
7335
- :root {
7336
- --x-size-width-icon-s: var(--x-size-base-03);
7337
- --x-size-height-icon-s: var(--x-size-base-03);
7338
- }
7339
7335
 
7340
7336
  .x-icon--s {
7341
7337
  --x-size-width-icon-default: var(--x-size-width-icon-s);
7342
7338
  --x-size-height-icon-default: var(--x-size-height-icon-s);
7343
7339
  }
7344
7340
  :root {
7345
- --x-size-width-icon-m: var(--x-size-base-05);
7346
- --x-size-height-icon-m: var(--x-size-base-05);
7341
+ --x-size-width-icon-s: var(--x-size-base-03);
7342
+ --x-size-height-icon-s: var(--x-size-base-03);
7347
7343
  }
7348
7344
  :root {
7349
- --x-size-width-icon-l: var(--x-size-base-06);
7350
- --x-size-height-icon-l: var(--x-size-base-06);
7345
+ --x-size-width-icon-m: var(--x-size-base-05);
7346
+ --x-size-height-icon-m: var(--x-size-base-05);
7351
7347
  }
7352
7348
  :root {
7353
7349
  --x-size-width-icon-m: var(--x-size-base-05);
@@ -7362,6 +7358,10 @@
7362
7358
  --x-size-width-icon-l: var(--x-size-base-06);
7363
7359
  --x-size-height-icon-l: var(--x-size-base-06);
7364
7360
  }
7361
+ :root {
7362
+ --x-size-width-icon-l: var(--x-size-base-06);
7363
+ --x-size-height-icon-l: var(--x-size-base-06);
7364
+ }
7365
7365
 
7366
7366
  .x-icon--l {
7367
7367
  --x-size-width-icon-default: var(--x-size-width-icon-l);
@@ -7411,6 +7411,12 @@
7411
7411
  --x-size-gap-grid: var(--x-size-base-03);
7412
7412
  --x-size-min-width-grid-item: 150px;
7413
7413
  }
7414
+ .x-filter--justified.x-filter > *:last-child:not(.x-filter__label),
7415
+ .x-filter--justified.x-facet-filter > *:last-child:not(.x-filter__label),
7416
+ .x-filter--justified .x-filter > *:last-child:not(.x-filter__label),
7417
+ .x-filter--justified .x-facet-filter > *:last-child:not(.x-filter__label) {
7418
+ margin-left: auto;
7419
+ }
7414
7420
  :root {
7415
7421
  --x-size-padding-grid: 0;
7416
7422
  --x-size-gap-grid: var(--x-size-base-03);
@@ -7437,12 +7443,6 @@
7437
7443
  .x-grid-list--cols-auto .x-grid-list__item {
7438
7444
  min-width: var(--x-size-min-width-grid-item);
7439
7445
  }
7440
- .x-filter--justified.x-filter > *:last-child:not(.x-filter__label),
7441
- .x-filter--justified.x-facet-filter > *:last-child:not(.x-filter__label),
7442
- .x-filter--justified .x-filter > *:last-child:not(.x-filter__label),
7443
- .x-filter--justified .x-facet-filter > *:last-child:not(.x-filter__label) {
7444
- margin-left: auto;
7445
- }
7446
7446
  :root {
7447
7447
  --x-size-margin-filter-children: 0;
7448
7448
  --x-size-padding-top-filter-children: 0;
@@ -7936,6 +7936,13 @@
7936
7936
  --x-size-border-width-bottom-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
7937
7937
  --x-size-border-width-left-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
7938
7938
  }
7939
+ :root {
7940
+ --x-size-width-dropdown-s: 74px;
7941
+ }
7942
+
7943
+ .x-dropdown.x-dropdown--s {
7944
+ --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-s);
7945
+ }
7939
7946
  :root {
7940
7947
  --x-size-gap-dropdown-pill: var(--x-size-base-03);
7941
7948
  --x-size-border-width-dropdown-list-pill: var(--x-size-border-width-base);
@@ -7984,6 +7991,9 @@
7984
7991
  :root {
7985
7992
  --x-size-width-dropdown-m: 130px;
7986
7993
  }
7994
+ :root {
7995
+ --x-size-width-dropdown-m: 130px;
7996
+ }
7987
7997
 
7988
7998
  .x-dropdown.x-dropdown--m {
7989
7999
  --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-m);
@@ -8085,9 +8095,6 @@
8085
8095
  .x-dropdown.x-dropdown--l {
8086
8096
  --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-l);
8087
8097
  }
8088
- :root {
8089
- --x-size-width-dropdown-m: 130px;
8090
- }
8091
8098
  :root {
8092
8099
  --x-size-border-radius-dropdown-default: var(--x-size-border-radius-base-none);
8093
8100
  --x-size-border-radius-top-left-dropdown-default: var(--x-size-border-radius-dropdown-default);
@@ -8161,62 +8168,6 @@
8161
8168
  --x-string-overflow-dropdown-toggle-default: hidden;
8162
8169
  --x-string-overflow-dropdown-list-default: hidden;
8163
8170
  }
8164
- :root {
8165
- --x-size-gap-dropdown-card: var(--x-size-base-03);
8166
- --x-size-border-radius-dropdown-card: var(--x-size-border-radius-base-s);
8167
- --x-size-border-radius-top-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8168
- --x-size-border-radius-top-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8169
- --x-size-border-radius-bottom-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8170
- --x-size-border-radius-bottom-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8171
- --x-size-border-width-dropdown-list-card: var(--x-size-border-width-base);
8172
- --x-size-border-width-top-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8173
- --x-size-border-width-right-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8174
- --x-size-border-width-bottom-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8175
- --x-size-border-width-left-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8176
- }
8177
- :root {
8178
- --x-size-gap-dropdown-card: var(--x-size-base-03);
8179
- --x-size-border-radius-dropdown-card: var(--x-size-border-radius-base-s);
8180
- --x-size-border-radius-top-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8181
- --x-size-border-radius-top-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8182
- --x-size-border-radius-bottom-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8183
- --x-size-border-radius-bottom-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8184
- --x-size-border-width-dropdown-list-card: var(--x-size-border-width-base);
8185
- --x-size-border-width-top-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8186
- --x-size-border-width-right-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8187
- --x-size-border-width-bottom-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8188
- --x-size-border-width-left-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8189
- }
8190
-
8191
- .x-dropdown--card {
8192
- --x-size-gap-dropdown-default: var(--x-size-gap-dropdown-card);
8193
- --x-size-border-radius-dropdown-default: var(--x-size-border-radius-dropdown-card);
8194
- --x-size-border-radius-top-left-dropdown-default: var(
8195
- --x-size-border-radius-top-left-dropdown-card
8196
- );
8197
- --x-size-border-radius-top-right-dropdown-default: var(
8198
- --x-size-border-radius-top-right-dropdown-card
8199
- );
8200
- --x-size-border-radius-bottom-right-dropdown-default: var(
8201
- --x-size-border-radius-bottom-right-dropdown-card
8202
- );
8203
- --x-size-border-radius-bottom-left-dropdown-default: var(
8204
- --x-size-border-radius-bottom-left-dropdown-card
8205
- );
8206
- --x-size-border-width-dropdown-list-default: var(--x-size-border-width-dropdown-list-card);
8207
- --x-size-border-width-top-dropdown-list-default: var(
8208
- --x-size-border-width-top-dropdown-list-card
8209
- );
8210
- --x-size-border-width-right-dropdown-list-default: var(
8211
- --x-size-border-width-right-dropdown-list-card
8212
- );
8213
- --x-size-border-width-bottom-dropdown-list-default: var(
8214
- --x-size-border-width-bottom-dropdown-list-card
8215
- );
8216
- --x-size-border-width-left-dropdown-list-default: var(
8217
- --x-size-border-width-left-dropdown-list-card
8218
- );
8219
- }
8220
8171
  :root {
8221
8172
  --x-size-border-radius-dropdown-default: var(--x-size-border-radius-base-none);
8222
8173
  --x-size-border-radius-top-left-dropdown-default: var(--x-size-border-radius-dropdown-default);
@@ -8459,6 +8410,19 @@
8459
8410
  [dir="rtl"] .x-dropdown--right .x-dropdown__items-list {
8460
8411
  left: 0;
8461
8412
  }
8413
+ :root {
8414
+ --x-size-gap-dropdown-card: var(--x-size-base-03);
8415
+ --x-size-border-radius-dropdown-card: var(--x-size-border-radius-base-s);
8416
+ --x-size-border-radius-top-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8417
+ --x-size-border-radius-top-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8418
+ --x-size-border-radius-bottom-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8419
+ --x-size-border-radius-bottom-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8420
+ --x-size-border-width-dropdown-list-card: var(--x-size-border-width-base);
8421
+ --x-size-border-width-top-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8422
+ --x-size-border-width-right-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8423
+ --x-size-border-width-bottom-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8424
+ --x-size-border-width-left-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8425
+ }
8462
8426
  :root {
8463
8427
  --x-color-background-button-tertiary: var(--x-color-base-neutral-95);
8464
8428
  --x-color-border-button-tertiary: var(--x-color-base-neutral-70);
@@ -8663,29 +8627,6 @@
8663
8627
  --x-number-font-weight-button-default: var(--x-number-font-weight-base-bold);
8664
8628
  --x-size-line-height-button-default: var(--x-size-line-height-text);
8665
8629
  }
8666
- :root {
8667
- --x-color-background-button-default: var(--x-color-base-lead);
8668
- --x-color-border-button-default: var(--x-color-background-button-default);
8669
- --x-color-text-button-default: var(--x-color-base-neutral-100);
8670
- --x-size-border-radius-button-default: var(--x-size-border-radius-base-none);
8671
- --x-size-border-radius-top-left-button-default: var(--x-size-border-radius-button-default);
8672
- --x-size-border-radius-top-right-button-default: var(--x-size-border-radius-button-default);
8673
- --x-size-border-radius-bottom-right-button-default: var(--x-size-border-radius-button-default);
8674
- --x-size-border-radius-bottom-left-button-default: var(--x-size-border-radius-button-default);
8675
- --x-size-border-width-button-default: var(--x-size-border-width-base);
8676
- --x-size-border-width-top-button-default: var(--x-size-border-width-button-default);
8677
- --x-size-border-width-right-button-default: var(--x-size-border-width-button-default);
8678
- --x-size-border-width-bottom-button-default: var(--x-size-border-width-button-default);
8679
- --x-size-border-width-left-button-default: var(--x-size-border-width-button-default);
8680
- --x-size-height-button-default: var(--x-size-base-08);
8681
- --x-size-padding-right-button-default: var(--x-size-base-05);
8682
- --x-size-padding-left-button-default: var(--x-size-base-05);
8683
- --x-size-gap-button-default: var(--x-size-base-03);
8684
- --x-font-family-button-default: var(--x-font-family-text);
8685
- --x-size-font-button-default: var(--x-size-font-text);
8686
- --x-number-font-weight-button-default: var(--x-number-font-weight-base-bold);
8687
- --x-size-line-height-button-default: var(--x-size-line-height-text);
8688
- }
8689
8630
 
8690
8631
  [dir="ltr"] .x-button {
8691
8632
  padding-right: var(--x-size-padding-right-button-default);
@@ -8777,6 +8718,29 @@
8777
8718
  --x-size-border-radius-bottom-left-button-card
8778
8719
  );
8779
8720
  }
8721
+ :root {
8722
+ --x-color-background-button-default: var(--x-color-base-lead);
8723
+ --x-color-border-button-default: var(--x-color-background-button-default);
8724
+ --x-color-text-button-default: var(--x-color-base-neutral-100);
8725
+ --x-size-border-radius-button-default: var(--x-size-border-radius-base-none);
8726
+ --x-size-border-radius-top-left-button-default: var(--x-size-border-radius-button-default);
8727
+ --x-size-border-radius-top-right-button-default: var(--x-size-border-radius-button-default);
8728
+ --x-size-border-radius-bottom-right-button-default: var(--x-size-border-radius-button-default);
8729
+ --x-size-border-radius-bottom-left-button-default: var(--x-size-border-radius-button-default);
8730
+ --x-size-border-width-button-default: var(--x-size-border-width-base);
8731
+ --x-size-border-width-top-button-default: var(--x-size-border-width-button-default);
8732
+ --x-size-border-width-right-button-default: var(--x-size-border-width-button-default);
8733
+ --x-size-border-width-bottom-button-default: var(--x-size-border-width-button-default);
8734
+ --x-size-border-width-left-button-default: var(--x-size-border-width-button-default);
8735
+ --x-size-height-button-default: var(--x-size-base-08);
8736
+ --x-size-padding-right-button-default: var(--x-size-base-05);
8737
+ --x-size-padding-left-button-default: var(--x-size-base-05);
8738
+ --x-size-gap-button-default: var(--x-size-base-03);
8739
+ --x-font-family-button-default: var(--x-font-family-text);
8740
+ --x-size-font-button-default: var(--x-size-font-text);
8741
+ --x-number-font-weight-button-default: var(--x-number-font-weight-base-bold);
8742
+ --x-size-line-height-button-default: var(--x-size-line-height-text);
8743
+ }
8780
8744
  :root {
8781
8745
  --x-color-background-badge-default: var(--x-color-base-neutral-10);
8782
8746
  --x-color-text-badge-default: var(--x-color-base-neutral-100);
@@ -8787,41 +8751,6 @@
8787
8751
  --x-number-font-weight-badge-default: var(--x-number-font-weight-base-regular);
8788
8752
  --x-size-font-badge-default: var(--x-size-font-base-xs);
8789
8753
  }
8790
- :root {
8791
- --x-size-base-01: 2px;
8792
- --x-size-base-02: 4px;
8793
- --x-size-base-03: 8px;
8794
- --x-size-base-04: 12px;
8795
- --x-size-base-05: 16px;
8796
- --x-size-base-06: 24px;
8797
- --x-size-base-07: 32px;
8798
- --x-size-base-08: 40px;
8799
- --x-size-base-09: 48px;
8800
- --x-size-base-10: 56px;
8801
- --x-size-base-11: 64px;
8802
- --x-size-base-12: 80px;
8803
- --x-size-base-13: 80px;
8804
- --x-size-base-14: 96px;
8805
- --x-size-base-15: 128px;
8806
- --x-size-base-16: 152px;
8807
- --x-size-base-17: 184px;
8808
- --x-size-base-18: 216px;
8809
- --x-size-base-19: 280px;
8810
- --x-size-base-20: 344px;
8811
- }
8812
- :root {
8813
- --x-color-base-lead: #243d48;
8814
- --x-color-base-auxiliary: #bfe1ec;
8815
- --x-color-base-neutral-10: #1a1a1a;
8816
- --x-color-base-neutral-35: #595959;
8817
- --x-color-base-neutral-70: #b3b3b3;
8818
- --x-color-base-neutral-95: #f2f2f2;
8819
- --x-color-base-neutral-100: #ffffff;
8820
- --x-color-base-accent: #0086b2;
8821
- --x-color-base-enable: #00705c;
8822
- --x-color-base-disable: #e11f26;
8823
- --x-color-base-transparent: transparent;
8824
- }
8825
8754
  :root {
8826
8755
  --x-color-background-badge-default: var(--x-color-base-neutral-10);
8827
8756
  --x-color-text-badge-default: var(--x-color-base-neutral-100);
@@ -8871,6 +8800,41 @@
8871
8800
  .x-badge-container {
8872
8801
  position: relative;
8873
8802
  }
8803
+ :root {
8804
+ --x-size-base-01: 2px;
8805
+ --x-size-base-02: 4px;
8806
+ --x-size-base-03: 8px;
8807
+ --x-size-base-04: 12px;
8808
+ --x-size-base-05: 16px;
8809
+ --x-size-base-06: 24px;
8810
+ --x-size-base-07: 32px;
8811
+ --x-size-base-08: 40px;
8812
+ --x-size-base-09: 48px;
8813
+ --x-size-base-10: 56px;
8814
+ --x-size-base-11: 64px;
8815
+ --x-size-base-12: 80px;
8816
+ --x-size-base-13: 80px;
8817
+ --x-size-base-14: 96px;
8818
+ --x-size-base-15: 128px;
8819
+ --x-size-base-16: 152px;
8820
+ --x-size-base-17: 184px;
8821
+ --x-size-base-18: 216px;
8822
+ --x-size-base-19: 280px;
8823
+ --x-size-base-20: 344px;
8824
+ }
8825
+ :root {
8826
+ --x-color-base-lead: #243d48;
8827
+ --x-color-base-auxiliary: #bfe1ec;
8828
+ --x-color-base-neutral-10: #1a1a1a;
8829
+ --x-color-base-neutral-35: #595959;
8830
+ --x-color-base-neutral-70: #b3b3b3;
8831
+ --x-color-base-neutral-95: #f2f2f2;
8832
+ --x-color-base-neutral-100: #ffffff;
8833
+ --x-color-base-accent: #0086b2;
8834
+ --x-color-base-enable: #00705c;
8835
+ --x-color-base-disable: #e11f26;
8836
+ --x-color-base-transparent: transparent;
8837
+ }
8874
8838
  :root {
8875
8839
  --x-size-border-radius-base-none: 0;
8876
8840
  --x-size-border-radius-base-s: var(--x-size-base-02);
@@ -8879,9 +8843,45 @@
8879
8843
  --x-size-border-width-base: 1px;
8880
8844
  }
8881
8845
  :root {
8882
- --x-size-width-dropdown-s: 74px;
8846
+ --x-size-gap-dropdown-card: var(--x-size-base-03);
8847
+ --x-size-border-radius-dropdown-card: var(--x-size-border-radius-base-s);
8848
+ --x-size-border-radius-top-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8849
+ --x-size-border-radius-top-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8850
+ --x-size-border-radius-bottom-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8851
+ --x-size-border-radius-bottom-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8852
+ --x-size-border-width-dropdown-list-card: var(--x-size-border-width-base);
8853
+ --x-size-border-width-top-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8854
+ --x-size-border-width-right-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8855
+ --x-size-border-width-bottom-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8856
+ --x-size-border-width-left-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8883
8857
  }
8884
8858
 
8885
- .x-dropdown.x-dropdown--s {
8886
- --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-s);
8859
+ .x-dropdown--card {
8860
+ --x-size-gap-dropdown-default: var(--x-size-gap-dropdown-card);
8861
+ --x-size-border-radius-dropdown-default: var(--x-size-border-radius-dropdown-card);
8862
+ --x-size-border-radius-top-left-dropdown-default: var(
8863
+ --x-size-border-radius-top-left-dropdown-card
8864
+ );
8865
+ --x-size-border-radius-top-right-dropdown-default: var(
8866
+ --x-size-border-radius-top-right-dropdown-card
8867
+ );
8868
+ --x-size-border-radius-bottom-right-dropdown-default: var(
8869
+ --x-size-border-radius-bottom-right-dropdown-card
8870
+ );
8871
+ --x-size-border-radius-bottom-left-dropdown-default: var(
8872
+ --x-size-border-radius-bottom-left-dropdown-card
8873
+ );
8874
+ --x-size-border-width-dropdown-list-default: var(--x-size-border-width-dropdown-list-card);
8875
+ --x-size-border-width-top-dropdown-list-default: var(
8876
+ --x-size-border-width-top-dropdown-list-card
8877
+ );
8878
+ --x-size-border-width-right-dropdown-list-default: var(
8879
+ --x-size-border-width-right-dropdown-list-card
8880
+ );
8881
+ --x-size-border-width-bottom-dropdown-list-default: var(
8882
+ --x-size-border-width-bottom-dropdown-list-card
8883
+ );
8884
+ --x-size-border-width-left-dropdown-list-default: var(
8885
+ --x-size-border-width-left-dropdown-list-card
8886
+ );
8887
8887
  }