@delightui/components 0.1.68 → 0.1.70
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.
- package/dist/cjs/library.css +2306 -20
- package/dist/cjs/library.js +2 -2
- package/dist/cjs/library.js.map +1 -1
- package/dist/esm/library.css +2306 -20
- package/dist/esm/library.js +2 -2
- package/dist/esm/library.js.map +1 -1
- package/package.json +1 -1
package/dist/esm/library.css
CHANGED
|
@@ -845,6 +845,10 @@
|
|
|
845
845
|
flex: 1;
|
|
846
846
|
display: flex;
|
|
847
847
|
justify-content: center;
|
|
848
|
+
font-family: var(--chip-font-family);
|
|
849
|
+
font-size: var(--chip-font-size);
|
|
850
|
+
font-weight: var(--chip-font-weight);
|
|
851
|
+
color: var(--chip-color);
|
|
848
852
|
}
|
|
849
853
|
.Chip-module_chip__gFkbn.Chip-module_disabled__n16kg {
|
|
850
854
|
pointer-events: none;
|
|
@@ -3343,9 +3347,12 @@ span.flatpickr-weekday {
|
|
|
3343
3347
|
flex-direction: row;
|
|
3344
3348
|
}
|
|
3345
3349
|
.Select-module_select__sbUrw {
|
|
3346
|
-
width:
|
|
3350
|
+
width: 100%;
|
|
3351
|
+
width: var(--select-width, 100%);
|
|
3347
3352
|
height: -moz-fit-content;
|
|
3348
3353
|
height: fit-content;
|
|
3354
|
+
height: var(--select-height, -moz-fit-content);
|
|
3355
|
+
height: var(--select-height, fit-content);
|
|
3349
3356
|
row-gap: var(--select-row-gap);
|
|
3350
3357
|
-moz-column-gap: var(--select-column-gap);
|
|
3351
3358
|
column-gap: var(--select-column-gap);
|
|
@@ -3471,6 +3478,9 @@ span.flatpickr-weekday {
|
|
|
3471
3478
|
width: var(--chip-input-width);
|
|
3472
3479
|
min-width: var(--chip-input-min-width);
|
|
3473
3480
|
max-width: var(--chip-input-max-width);
|
|
3481
|
+
}
|
|
3482
|
+
|
|
3483
|
+
.ChipInput-module_chipInput__tCCgW .ChipInput-module_trigger__KLvR4 {
|
|
3474
3484
|
padding-top: calc(var(--chip-input-padding-top) - var(--chip-input-border-top-width));
|
|
3475
3485
|
padding-bottom: calc(var(--chip-input-padding-bottom) - var(--chip-input-border-bottom-width));
|
|
3476
3486
|
padding-left: calc(var(--chip-input-padding-left) - var(--chip-input-border-left-width));
|
|
@@ -4201,25 +4211,6 @@ span.flatpickr-weekday {
|
|
|
4201
4211
|
flex-direction: var(--tabs-header-direction);
|
|
4202
4212
|
width: auto;
|
|
4203
4213
|
width: var(--tabs-header-width, auto);
|
|
4204
|
-
padding-top: calc(var(--tabs-header-padding-top) - var(--tabs-header-border-top-width));
|
|
4205
|
-
padding-bottom: calc(var(--tabs-header-padding-bottom) - var(--tabs-header-border-bottom-width));
|
|
4206
|
-
padding-left: calc(var(--tabs-header-padding-left) - var(--tabs-header-border-left-width));
|
|
4207
|
-
padding-right: calc(var(--tabs-header-padding-right) - var(--tabs-header-border-right-width));
|
|
4208
|
-
row-gap: var(--tabs-header-row-gap);
|
|
4209
|
-
-moz-column-gap: var(--tabs-header-column-gap);
|
|
4210
|
-
column-gap: var(--tabs-header-column-gap);
|
|
4211
|
-
border-bottom-width: var(--tabs-header-border-bottom-width);
|
|
4212
|
-
border-left-width: var(--tabs-header-border-left-width);
|
|
4213
|
-
border-right-width: var(--tabs-header-border-right-width);
|
|
4214
|
-
border-top-width: var(--tabs-header-border-top-width);
|
|
4215
|
-
border-style: solid;
|
|
4216
|
-
border-style: var(--tabs-header-border-style, solid);
|
|
4217
|
-
border-color: var(--tabs-header-border-color);
|
|
4218
|
-
border-top-left-radius: var(--tabs-header-border-top-left-radius);
|
|
4219
|
-
border-top-right-radius: var(--tabs-header-border-top-right-radius);
|
|
4220
|
-
border-bottom-left-radius: var(--tabs-header-border-bottom-left-radius);
|
|
4221
|
-
border-bottom-right-radius: var(--tabs-header-border-bottom-right-radius);
|
|
4222
|
-
background-color: var(--tabs-header-background-color);
|
|
4223
4214
|
}
|
|
4224
4215
|
.Tabs-module_tabs__HyJLr .Tabs-module_tabsContent__XoAby {
|
|
4225
4216
|
display: flex;
|
|
@@ -19281,6 +19272,2301 @@ span.flatpickr-weekday {
|
|
|
19281
19272
|
--tooltip-paragraph-spacing: 0px;
|
|
19282
19273
|
--tooltip-paragraph-indent: 0px
|
|
19283
19274
|
}
|
|
19275
|
+
[data-theme='dark'] [component-variant^="chip-"], [data-theme='light'] [component-variant^="chip-"] {
|
|
19276
|
+
--chip-opacity: 1;
|
|
19277
|
+
--chip-height: auto;
|
|
19278
|
+
--chip-min-height: auto;
|
|
19279
|
+
--chip-max-height: none;
|
|
19280
|
+
--chip-width: auto;
|
|
19281
|
+
--chip-min-width: auto;
|
|
19282
|
+
--chip-max-width: none;
|
|
19283
|
+
--chip-background-color: transparent;
|
|
19284
|
+
--chip-fill: currentcolor;
|
|
19285
|
+
--chip-border-top-left-radius: 0px;
|
|
19286
|
+
--chip-border-top-right-radius: 0px;
|
|
19287
|
+
--chip-border-bottom-left-radius: 0px;
|
|
19288
|
+
--chip-border-bottom-right-radius: 0px;
|
|
19289
|
+
--chip-border-color: transparent;
|
|
19290
|
+
--chip-border-style: solid;
|
|
19291
|
+
--chip-border-gap: normal;
|
|
19292
|
+
--chip-border-dash: none;
|
|
19293
|
+
--chip-border-top-width: 0px;
|
|
19294
|
+
--chip-border-right-width: 0px;
|
|
19295
|
+
--chip-border-bottom-width: 0px;
|
|
19296
|
+
--chip-border-left-width: 0px;
|
|
19297
|
+
--chip-outline-color: auto;
|
|
19298
|
+
--chip-outline-style: solid;
|
|
19299
|
+
--chip-outline-width: 0px;
|
|
19300
|
+
--chip-padding-left: 0px;
|
|
19301
|
+
--chip-padding-right: 0px;
|
|
19302
|
+
--chip-padding-top: 0px;
|
|
19303
|
+
--chip-padding-bottom: 0px;
|
|
19304
|
+
--chip-row-gap: 0px;
|
|
19305
|
+
--chip-column-gap: 0px;
|
|
19306
|
+
--chip-font-family: sans-serif;
|
|
19307
|
+
--chip-font-size: medium;
|
|
19308
|
+
--chip-color: currentcolor;
|
|
19309
|
+
--chip-letter-spacing: normal;
|
|
19310
|
+
--chip-line-height: normal;
|
|
19311
|
+
--chip-paragraph-spacing: ;
|
|
19312
|
+
--chip-paragraph-indent:
|
|
19313
|
+
}
|
|
19314
|
+
[data-theme='dark'] [component-variant="chip-rounded-medium-a-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-a-bright"] {
|
|
19315
|
+
--chip-height: 32px;
|
|
19316
|
+
--chip-background-color: var(--decorative-surface-orange);
|
|
19317
|
+
--chip-color: var(--text-primary);
|
|
19318
|
+
--chip-border-top-left-radius: 50px;
|
|
19319
|
+
--chip-border-top-right-radius: 50px;
|
|
19320
|
+
--chip-border-bottom-left-radius: 50px;
|
|
19321
|
+
--chip-border-bottom-right-radius: 50px;
|
|
19322
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
19323
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
19324
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
19325
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
19326
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
19327
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
19328
|
+
--chip-font-family: var(--font-family-body);
|
|
19329
|
+
--chip-font-size: var(--font-size-body-small);
|
|
19330
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
19331
|
+
--chip-line-height: var(--line-height-body-small);
|
|
19332
|
+
--chip-paragraph-spacing: 0px;
|
|
19333
|
+
--chip-paragraph-indent: 0px
|
|
19334
|
+
}
|
|
19335
|
+
[data-theme='dark'] [component-variant="chip-rounded-medium-b-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-b-bright"] {
|
|
19336
|
+
--chip-height: 32px;
|
|
19337
|
+
--chip-background-color: var(--decorative-surface-green);
|
|
19338
|
+
--chip-color: var(--text-primary);
|
|
19339
|
+
--chip-border-top-left-radius: 50px;
|
|
19340
|
+
--chip-border-top-right-radius: 50px;
|
|
19341
|
+
--chip-border-bottom-left-radius: 50px;
|
|
19342
|
+
--chip-border-bottom-right-radius: 50px;
|
|
19343
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
19344
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
19345
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
19346
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
19347
|
+
--chip-row-gap: var(--spacing-space-2);
|
|
19348
|
+
--chip-column-gap: var(--spacing-space-2);
|
|
19349
|
+
--chip-font-family: var(--font-family-body);
|
|
19350
|
+
--chip-font-size: var(--font-size-body-small);
|
|
19351
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
19352
|
+
--chip-line-height: var(--line-height-body-small);
|
|
19353
|
+
--chip-paragraph-spacing: 0px;
|
|
19354
|
+
--chip-paragraph-indent: 0px
|
|
19355
|
+
}
|
|
19356
|
+
[data-theme='dark'] [component-variant="chip-rounded-medium-c-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-c-bright"] {
|
|
19357
|
+
--chip-height: 32px;
|
|
19358
|
+
--chip-background-color: var(--decorative-surface-blue);
|
|
19359
|
+
--chip-color: var(--text-primary);
|
|
19360
|
+
--chip-border-top-left-radius: 50px;
|
|
19361
|
+
--chip-border-top-right-radius: 50px;
|
|
19362
|
+
--chip-border-bottom-left-radius: 50px;
|
|
19363
|
+
--chip-border-bottom-right-radius: 50px;
|
|
19364
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
19365
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
19366
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
19367
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
19368
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
19369
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
19370
|
+
--chip-font-family: var(--font-family-body);
|
|
19371
|
+
--chip-font-size: var(--font-size-body-small);
|
|
19372
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
19373
|
+
--chip-line-height: var(--line-height-body-small);
|
|
19374
|
+
--chip-paragraph-spacing: 0px;
|
|
19375
|
+
--chip-paragraph-indent: 0px
|
|
19376
|
+
}
|
|
19377
|
+
[data-theme='dark'] [component-variant="chip-rounded-medium-d-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-d-bright"] {
|
|
19378
|
+
--chip-height: 32px;
|
|
19379
|
+
--chip-background-color: var(--decorative-surface-purple);
|
|
19380
|
+
--chip-color: var(--text-primary);
|
|
19381
|
+
--chip-border-top-left-radius: 50px;
|
|
19382
|
+
--chip-border-top-right-radius: 50px;
|
|
19383
|
+
--chip-border-bottom-left-radius: 50px;
|
|
19384
|
+
--chip-border-bottom-right-radius: 50px;
|
|
19385
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
19386
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
19387
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
19388
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
19389
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
19390
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
19391
|
+
--chip-font-family: var(--font-family-body);
|
|
19392
|
+
--chip-font-size: var(--font-size-body-small);
|
|
19393
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
19394
|
+
--chip-line-height: var(--line-height-body-small);
|
|
19395
|
+
--chip-paragraph-spacing: 0px;
|
|
19396
|
+
--chip-paragraph-indent: 0px
|
|
19397
|
+
}
|
|
19398
|
+
[data-theme='dark'] [component-variant="chip-rounded-medium-e-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-e-bright"] {
|
|
19399
|
+
--chip-height: 32px;
|
|
19400
|
+
--chip-background-color: var(--decorative-surface-red);
|
|
19401
|
+
--chip-color: var(--text-primary);
|
|
19402
|
+
--chip-border-top-left-radius: 50px;
|
|
19403
|
+
--chip-border-top-right-radius: 50px;
|
|
19404
|
+
--chip-border-bottom-left-radius: 50px;
|
|
19405
|
+
--chip-border-bottom-right-radius: 50px;
|
|
19406
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
19407
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
19408
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
19409
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
19410
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
19411
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
19412
|
+
--chip-font-family: var(--font-family-body);
|
|
19413
|
+
--chip-font-size: var(--font-size-body-small);
|
|
19414
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
19415
|
+
--chip-line-height: var(--line-height-body-small);
|
|
19416
|
+
--chip-paragraph-spacing: 0px;
|
|
19417
|
+
--chip-paragraph-indent: 0px
|
|
19418
|
+
}
|
|
19419
|
+
[data-theme='dark'] [component-variant="chip-rounded-medium-f-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-f-bright"] {
|
|
19420
|
+
--chip-height: 32px;
|
|
19421
|
+
--chip-background-color: var(--decorative-surface-gray);
|
|
19422
|
+
--chip-color: var(--text-primary);
|
|
19423
|
+
--chip-border-top-left-radius: 50px;
|
|
19424
|
+
--chip-border-top-right-radius: 50px;
|
|
19425
|
+
--chip-border-bottom-left-radius: 50px;
|
|
19426
|
+
--chip-border-bottom-right-radius: 50px;
|
|
19427
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
19428
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
19429
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
19430
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
19431
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
19432
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
19433
|
+
--chip-font-family: var(--font-family-body);
|
|
19434
|
+
--chip-font-size: var(--font-size-body-small);
|
|
19435
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
19436
|
+
--chip-line-height: var(--line-height-body-small);
|
|
19437
|
+
--chip-paragraph-spacing: 0px;
|
|
19438
|
+
--chip-paragraph-indent: 0px
|
|
19439
|
+
}
|
|
19440
|
+
[data-theme='dark'] [component-variant="chip-rounded-medium-a-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-a-bright-outline"] {
|
|
19441
|
+
--chip-height: 32px;
|
|
19442
|
+
--chip-background-color: var(--decorative-surface-orange);
|
|
19443
|
+
--chip-color: var(--text-primary);
|
|
19444
|
+
--chip-border-top-left-radius: 50px;
|
|
19445
|
+
--chip-border-top-right-radius: 50px;
|
|
19446
|
+
--chip-border-bottom-left-radius: 50px;
|
|
19447
|
+
--chip-border-bottom-right-radius: 50px;
|
|
19448
|
+
--chip-border-color: var(--decorative-border-orange);
|
|
19449
|
+
--chip-border-top-width: 1px;
|
|
19450
|
+
--chip-border-right-width: 1px;
|
|
19451
|
+
--chip-border-bottom-width: 1px;
|
|
19452
|
+
--chip-border-left-width: 1px;
|
|
19453
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
19454
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
19455
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
19456
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
19457
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
19458
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
19459
|
+
--chip-font-family: var(--font-family-body);
|
|
19460
|
+
--chip-font-size: var(--font-size-body-small);
|
|
19461
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
19462
|
+
--chip-line-height: var(--line-height-body-small);
|
|
19463
|
+
--chip-paragraph-spacing: 0px;
|
|
19464
|
+
--chip-paragraph-indent: 0px
|
|
19465
|
+
}
|
|
19466
|
+
[data-theme='dark'] [component-variant="chip-rounded-medium-b-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-b-bright-outline"] {
|
|
19467
|
+
--chip-height: 32px;
|
|
19468
|
+
--chip-background-color: var(--decorative-surface-green);
|
|
19469
|
+
--chip-color: var(--text-primary);
|
|
19470
|
+
--chip-border-top-left-radius: 50px;
|
|
19471
|
+
--chip-border-top-right-radius: 50px;
|
|
19472
|
+
--chip-border-bottom-left-radius: 50px;
|
|
19473
|
+
--chip-border-bottom-right-radius: 50px;
|
|
19474
|
+
--chip-border-color: var(--decorative-border-green);
|
|
19475
|
+
--chip-border-top-width: 1px;
|
|
19476
|
+
--chip-border-right-width: 1px;
|
|
19477
|
+
--chip-border-bottom-width: 1px;
|
|
19478
|
+
--chip-border-left-width: 1px;
|
|
19479
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
19480
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
19481
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
19482
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
19483
|
+
--chip-row-gap: var(--spacing-space-2);
|
|
19484
|
+
--chip-column-gap: var(--spacing-space-2);
|
|
19485
|
+
--chip-font-family: var(--font-family-body);
|
|
19486
|
+
--chip-font-size: var(--font-size-body-small);
|
|
19487
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
19488
|
+
--chip-line-height: var(--line-height-body-small);
|
|
19489
|
+
--chip-paragraph-spacing: 0px;
|
|
19490
|
+
--chip-paragraph-indent: 0px
|
|
19491
|
+
}
|
|
19492
|
+
[data-theme='dark'] [component-variant="chip-rounded-medium-c-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-c-bright-outline"] {
|
|
19493
|
+
--chip-height: 32px;
|
|
19494
|
+
--chip-background-color: var(--decorative-surface-blue);
|
|
19495
|
+
--chip-color: var(--text-primary);
|
|
19496
|
+
--chip-border-top-left-radius: 50px;
|
|
19497
|
+
--chip-border-top-right-radius: 50px;
|
|
19498
|
+
--chip-border-bottom-left-radius: 50px;
|
|
19499
|
+
--chip-border-bottom-right-radius: 50px;
|
|
19500
|
+
--chip-border-color: var(--decorative-border-blue);
|
|
19501
|
+
--chip-border-top-width: 1px;
|
|
19502
|
+
--chip-border-right-width: 1px;
|
|
19503
|
+
--chip-border-bottom-width: 1px;
|
|
19504
|
+
--chip-border-left-width: 1px;
|
|
19505
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
19506
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
19507
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
19508
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
19509
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
19510
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
19511
|
+
--chip-font-family: var(--font-family-body);
|
|
19512
|
+
--chip-font-size: var(--font-size-body-small);
|
|
19513
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
19514
|
+
--chip-line-height: var(--line-height-body-small);
|
|
19515
|
+
--chip-paragraph-spacing: 0px;
|
|
19516
|
+
--chip-paragraph-indent: 0px
|
|
19517
|
+
}
|
|
19518
|
+
[data-theme='dark'] [component-variant="chip-rounded-medium-d-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-d-bright-outline"] {
|
|
19519
|
+
--chip-height: 32px;
|
|
19520
|
+
--chip-background-color: var(--decorative-surface-purple);
|
|
19521
|
+
--chip-color: var(--text-primary);
|
|
19522
|
+
--chip-border-top-left-radius: 50px;
|
|
19523
|
+
--chip-border-top-right-radius: 50px;
|
|
19524
|
+
--chip-border-bottom-left-radius: 50px;
|
|
19525
|
+
--chip-border-bottom-right-radius: 50px;
|
|
19526
|
+
--chip-border-color: var(--decorative-border-purple);
|
|
19527
|
+
--chip-border-top-width: 1px;
|
|
19528
|
+
--chip-border-right-width: 1px;
|
|
19529
|
+
--chip-border-bottom-width: 1px;
|
|
19530
|
+
--chip-border-left-width: 1px;
|
|
19531
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
19532
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
19533
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
19534
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
19535
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
19536
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
19537
|
+
--chip-font-family: var(--font-family-body);
|
|
19538
|
+
--chip-font-size: var(--font-size-body-small);
|
|
19539
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
19540
|
+
--chip-line-height: var(--line-height-body-small);
|
|
19541
|
+
--chip-paragraph-spacing: 0px;
|
|
19542
|
+
--chip-paragraph-indent: 0px
|
|
19543
|
+
}
|
|
19544
|
+
[data-theme='dark'] [component-variant="chip-rounded-medium-e-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-e-bright-outline"] {
|
|
19545
|
+
--chip-height: 32px;
|
|
19546
|
+
--chip-background-color: var(--decorative-surface-red);
|
|
19547
|
+
--chip-color: var(--text-primary);
|
|
19548
|
+
--chip-border-top-left-radius: 50px;
|
|
19549
|
+
--chip-border-top-right-radius: 50px;
|
|
19550
|
+
--chip-border-bottom-left-radius: 50px;
|
|
19551
|
+
--chip-border-bottom-right-radius: 50px;
|
|
19552
|
+
--chip-border-color: var(--decorative-border-red);
|
|
19553
|
+
--chip-border-top-width: 1px;
|
|
19554
|
+
--chip-border-right-width: 1px;
|
|
19555
|
+
--chip-border-bottom-width: 1px;
|
|
19556
|
+
--chip-border-left-width: 1px;
|
|
19557
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
19558
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
19559
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
19560
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
19561
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
19562
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
19563
|
+
--chip-font-family: var(--font-family-body);
|
|
19564
|
+
--chip-font-size: var(--font-size-body-small);
|
|
19565
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
19566
|
+
--chip-line-height: var(--line-height-body-small);
|
|
19567
|
+
--chip-paragraph-spacing: 0px;
|
|
19568
|
+
--chip-paragraph-indent: 0px
|
|
19569
|
+
}
|
|
19570
|
+
[data-theme='dark'] [component-variant="chip-rounded-medium-f-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-f-bright-outline"] {
|
|
19571
|
+
--chip-height: 32px;
|
|
19572
|
+
--chip-background-color: var(--decorative-surface-gray);
|
|
19573
|
+
--chip-color: var(--text-primary);
|
|
19574
|
+
--chip-border-top-left-radius: 50px;
|
|
19575
|
+
--chip-border-top-right-radius: 50px;
|
|
19576
|
+
--chip-border-bottom-left-radius: 50px;
|
|
19577
|
+
--chip-border-bottom-right-radius: 50px;
|
|
19578
|
+
--chip-border-color: var(--decorative-border-grey);
|
|
19579
|
+
--chip-border-top-width: 1px;
|
|
19580
|
+
--chip-border-right-width: 1px;
|
|
19581
|
+
--chip-border-bottom-width: 1px;
|
|
19582
|
+
--chip-border-left-width: 1px;
|
|
19583
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
19584
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
19585
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
19586
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
19587
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
19588
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
19589
|
+
--chip-font-family: var(--font-family-body);
|
|
19590
|
+
--chip-font-size: var(--font-size-body-small);
|
|
19591
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
19592
|
+
--chip-line-height: var(--line-height-body-small);
|
|
19593
|
+
--chip-paragraph-spacing: 0px;
|
|
19594
|
+
--chip-paragraph-indent: 0px
|
|
19595
|
+
}
|
|
19596
|
+
[data-theme='dark'] [component-variant="chip-rounded-medium-a-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-a-subdued"] {
|
|
19597
|
+
--chip-height: 32px;
|
|
19598
|
+
--chip-background-color: var(--surface-background-6);
|
|
19599
|
+
--chip-color: var(--decorative-text-orange);
|
|
19600
|
+
--chip-border-top-left-radius: 50px;
|
|
19601
|
+
--chip-border-top-right-radius: 50px;
|
|
19602
|
+
--chip-border-bottom-left-radius: 50px;
|
|
19603
|
+
--chip-border-bottom-right-radius: 50px;
|
|
19604
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
19605
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
19606
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
19607
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
19608
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
19609
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
19610
|
+
--chip-font-family: var(--font-family-body);
|
|
19611
|
+
--chip-font-size: var(--font-size-body-small);
|
|
19612
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
19613
|
+
--chip-line-height: var(--line-height-body-small);
|
|
19614
|
+
--chip-paragraph-spacing: 0px;
|
|
19615
|
+
--chip-paragraph-indent: 0px
|
|
19616
|
+
}
|
|
19617
|
+
[data-theme='dark'] [component-variant="chip-rounded-medium-a-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-a-subdued-outline"] {
|
|
19618
|
+
--chip-height: 32px;
|
|
19619
|
+
--chip-background-color: var(--surface-background-6);
|
|
19620
|
+
--chip-color: var(--decorative-text-orange);
|
|
19621
|
+
--chip-border-top-left-radius: 50px;
|
|
19622
|
+
--chip-border-top-right-radius: 50px;
|
|
19623
|
+
--chip-border-bottom-left-radius: 50px;
|
|
19624
|
+
--chip-border-bottom-right-radius: 50px;
|
|
19625
|
+
--chip-border-color: var(--decorative-border-orange);
|
|
19626
|
+
--chip-border-top-width: 1px;
|
|
19627
|
+
--chip-border-right-width: 1px;
|
|
19628
|
+
--chip-border-bottom-width: 1px;
|
|
19629
|
+
--chip-border-left-width: 1px;
|
|
19630
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
19631
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
19632
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
19633
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
19634
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
19635
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
19636
|
+
--chip-font-family: var(--font-family-body);
|
|
19637
|
+
--chip-font-size: var(--font-size-body-small);
|
|
19638
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
19639
|
+
--chip-line-height: var(--line-height-body-small);
|
|
19640
|
+
--chip-paragraph-spacing: 0px;
|
|
19641
|
+
--chip-paragraph-indent: 0px
|
|
19642
|
+
}
|
|
19643
|
+
[data-theme='dark'] [component-variant="chip-rounded-medium-b-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-b-subdued"] {
|
|
19644
|
+
--chip-height: 32px;
|
|
19645
|
+
--chip-background-color: var(--surface-background-6);
|
|
19646
|
+
--chip-color: var(--decorative-text-green);
|
|
19647
|
+
--chip-border-top-left-radius: 50px;
|
|
19648
|
+
--chip-border-top-right-radius: 50px;
|
|
19649
|
+
--chip-border-bottom-left-radius: 50px;
|
|
19650
|
+
--chip-border-bottom-right-radius: 50px;
|
|
19651
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
19652
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
19653
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
19654
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
19655
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
19656
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
19657
|
+
--chip-font-family: var(--font-family-body);
|
|
19658
|
+
--chip-font-size: var(--font-size-body-small);
|
|
19659
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
19660
|
+
--chip-line-height: var(--line-height-body-small);
|
|
19661
|
+
--chip-paragraph-spacing: 0px;
|
|
19662
|
+
--chip-paragraph-indent: 0px
|
|
19663
|
+
}
|
|
19664
|
+
[data-theme='dark'] [component-variant="chip-rounded-medium-b-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-b-subdued-outline"] {
|
|
19665
|
+
--chip-height: 32px;
|
|
19666
|
+
--chip-background-color: var(--surface-background-6);
|
|
19667
|
+
--chip-color: var(--decorative-text-green);
|
|
19668
|
+
--chip-border-top-left-radius: 50px;
|
|
19669
|
+
--chip-border-top-right-radius: 50px;
|
|
19670
|
+
--chip-border-bottom-left-radius: 50px;
|
|
19671
|
+
--chip-border-bottom-right-radius: 50px;
|
|
19672
|
+
--chip-border-color: var(--decorative-border-green);
|
|
19673
|
+
--chip-border-top-width: 1px;
|
|
19674
|
+
--chip-border-right-width: 1px;
|
|
19675
|
+
--chip-border-bottom-width: 1px;
|
|
19676
|
+
--chip-border-left-width: 1px;
|
|
19677
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
19678
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
19679
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
19680
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
19681
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
19682
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
19683
|
+
--chip-font-family: var(--font-family-body);
|
|
19684
|
+
--chip-font-size: var(--font-size-body-small);
|
|
19685
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
19686
|
+
--chip-line-height: var(--line-height-body-small);
|
|
19687
|
+
--chip-paragraph-spacing: 0px;
|
|
19688
|
+
--chip-paragraph-indent: 0px
|
|
19689
|
+
}
|
|
19690
|
+
[data-theme='dark'] [component-variant="chip-rounded-medium-c-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-c-subdued"] {
|
|
19691
|
+
--chip-height: 32px;
|
|
19692
|
+
--chip-background-color: var(--surface-background-6);
|
|
19693
|
+
--chip-color: var(--decorative-text-blue);
|
|
19694
|
+
--chip-border-top-left-radius: 50px;
|
|
19695
|
+
--chip-border-top-right-radius: 50px;
|
|
19696
|
+
--chip-border-bottom-left-radius: 50px;
|
|
19697
|
+
--chip-border-bottom-right-radius: 50px;
|
|
19698
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
19699
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
19700
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
19701
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
19702
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
19703
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
19704
|
+
--chip-font-family: var(--font-family-body);
|
|
19705
|
+
--chip-font-size: var(--font-size-body-small);
|
|
19706
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
19707
|
+
--chip-line-height: var(--line-height-body-small);
|
|
19708
|
+
--chip-paragraph-spacing: 0px;
|
|
19709
|
+
--chip-paragraph-indent: 0px
|
|
19710
|
+
}
|
|
19711
|
+
[data-theme='dark'] [component-variant="chip-rounded-medium-c-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-c-subdued-outline"] {
|
|
19712
|
+
--chip-height: 32px;
|
|
19713
|
+
--chip-background-color: var(--surface-background-6);
|
|
19714
|
+
--chip-color: var(--decorative-text-blue);
|
|
19715
|
+
--chip-border-top-left-radius: 50px;
|
|
19716
|
+
--chip-border-top-right-radius: 50px;
|
|
19717
|
+
--chip-border-bottom-left-radius: 50px;
|
|
19718
|
+
--chip-border-bottom-right-radius: 50px;
|
|
19719
|
+
--chip-border-color: var(--decorative-border-blue);
|
|
19720
|
+
--chip-border-top-width: 1px;
|
|
19721
|
+
--chip-border-right-width: 1px;
|
|
19722
|
+
--chip-border-bottom-width: 1px;
|
|
19723
|
+
--chip-border-left-width: 1px;
|
|
19724
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
19725
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
19726
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
19727
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
19728
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
19729
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
19730
|
+
--chip-font-family: var(--font-family-body);
|
|
19731
|
+
--chip-font-size: var(--font-size-body-small);
|
|
19732
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
19733
|
+
--chip-line-height: var(--line-height-body-small);
|
|
19734
|
+
--chip-paragraph-spacing: 0px;
|
|
19735
|
+
--chip-paragraph-indent: 0px
|
|
19736
|
+
}
|
|
19737
|
+
[data-theme='dark'] [component-variant="chip-rounded-medium-d-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-d-subdued"] {
|
|
19738
|
+
--chip-height: 32px;
|
|
19739
|
+
--chip-background-color: var(--surface-background-6);
|
|
19740
|
+
--chip-color: var(--decorative-text-purple);
|
|
19741
|
+
--chip-border-top-left-radius: 50px;
|
|
19742
|
+
--chip-border-top-right-radius: 50px;
|
|
19743
|
+
--chip-border-bottom-left-radius: 50px;
|
|
19744
|
+
--chip-border-bottom-right-radius: 50px;
|
|
19745
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
19746
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
19747
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
19748
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
19749
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
19750
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
19751
|
+
--chip-font-family: var(--font-family-body);
|
|
19752
|
+
--chip-font-size: var(--font-size-body-small);
|
|
19753
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
19754
|
+
--chip-line-height: var(--line-height-body-small);
|
|
19755
|
+
--chip-paragraph-spacing: 0px;
|
|
19756
|
+
--chip-paragraph-indent: 0px
|
|
19757
|
+
}
|
|
19758
|
+
[data-theme='dark'] [component-variant="chip-rounded-medium-d-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-d-subdued-outline"] {
|
|
19759
|
+
--chip-height: 32px;
|
|
19760
|
+
--chip-background-color: var(--surface-background-6);
|
|
19761
|
+
--chip-color: var(--decorative-text-purple);
|
|
19762
|
+
--chip-border-top-left-radius: 50px;
|
|
19763
|
+
--chip-border-top-right-radius: 50px;
|
|
19764
|
+
--chip-border-bottom-left-radius: 50px;
|
|
19765
|
+
--chip-border-bottom-right-radius: 50px;
|
|
19766
|
+
--chip-border-color: var(--decorative-border-purple);
|
|
19767
|
+
--chip-border-top-width: 1px;
|
|
19768
|
+
--chip-border-right-width: 1px;
|
|
19769
|
+
--chip-border-bottom-width: 1px;
|
|
19770
|
+
--chip-border-left-width: 1px;
|
|
19771
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
19772
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
19773
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
19774
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
19775
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
19776
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
19777
|
+
--chip-font-family: var(--font-family-body);
|
|
19778
|
+
--chip-font-size: var(--font-size-body-small);
|
|
19779
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
19780
|
+
--chip-line-height: var(--line-height-body-small);
|
|
19781
|
+
--chip-paragraph-spacing: 0px;
|
|
19782
|
+
--chip-paragraph-indent: 0px
|
|
19783
|
+
}
|
|
19784
|
+
[data-theme='dark'] [component-variant="chip-rounded-medium-e-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-e-subdued"] {
|
|
19785
|
+
--chip-height: 32px;
|
|
19786
|
+
--chip-background-color: var(--surface-background-6);
|
|
19787
|
+
--chip-color: var(--decorative-text-red);
|
|
19788
|
+
--chip-border-top-left-radius: 50px;
|
|
19789
|
+
--chip-border-top-right-radius: 50px;
|
|
19790
|
+
--chip-border-bottom-left-radius: 50px;
|
|
19791
|
+
--chip-border-bottom-right-radius: 50px;
|
|
19792
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
19793
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
19794
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
19795
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
19796
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
19797
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
19798
|
+
--chip-font-family: var(--font-family-body);
|
|
19799
|
+
--chip-font-size: var(--font-size-body-small);
|
|
19800
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
19801
|
+
--chip-line-height: var(--line-height-body-small);
|
|
19802
|
+
--chip-paragraph-spacing: 0px;
|
|
19803
|
+
--chip-paragraph-indent: 0px
|
|
19804
|
+
}
|
|
19805
|
+
[data-theme='dark'] [component-variant="chip-rounded-medium-e-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-e-subdued-outline"] {
|
|
19806
|
+
--chip-height: 32px;
|
|
19807
|
+
--chip-background-color: var(--surface-background-6);
|
|
19808
|
+
--chip-color: var(--decorative-text-red);
|
|
19809
|
+
--chip-border-top-left-radius: 50px;
|
|
19810
|
+
--chip-border-top-right-radius: 50px;
|
|
19811
|
+
--chip-border-bottom-left-radius: 50px;
|
|
19812
|
+
--chip-border-bottom-right-radius: 50px;
|
|
19813
|
+
--chip-border-color: var(--decorative-border-red);
|
|
19814
|
+
--chip-border-top-width: 1px;
|
|
19815
|
+
--chip-border-right-width: 1px;
|
|
19816
|
+
--chip-border-bottom-width: 1px;
|
|
19817
|
+
--chip-border-left-width: 1px;
|
|
19818
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
19819
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
19820
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
19821
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
19822
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
19823
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
19824
|
+
--chip-font-family: var(--font-family-body);
|
|
19825
|
+
--chip-font-size: var(--font-size-body-small);
|
|
19826
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
19827
|
+
--chip-line-height: var(--line-height-body-small);
|
|
19828
|
+
--chip-paragraph-spacing: 0px;
|
|
19829
|
+
--chip-paragraph-indent: 0px
|
|
19830
|
+
}
|
|
19831
|
+
[data-theme='dark'] [component-variant="chip-rounded-medium-f-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-f-subdued"] {
|
|
19832
|
+
--chip-height: 32px;
|
|
19833
|
+
--chip-background-color: var(--surface-background-6);
|
|
19834
|
+
--chip-color: var(--decorative-text-gray);
|
|
19835
|
+
--chip-border-top-left-radius: 50px;
|
|
19836
|
+
--chip-border-top-right-radius: 50px;
|
|
19837
|
+
--chip-border-bottom-left-radius: 50px;
|
|
19838
|
+
--chip-border-bottom-right-radius: 50px;
|
|
19839
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
19840
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
19841
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
19842
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
19843
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
19844
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
19845
|
+
--chip-font-family: var(--font-family-body);
|
|
19846
|
+
--chip-font-size: var(--font-size-body-small);
|
|
19847
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
19848
|
+
--chip-line-height: var(--line-height-body-small);
|
|
19849
|
+
--chip-paragraph-spacing: 0px;
|
|
19850
|
+
--chip-paragraph-indent: 0px
|
|
19851
|
+
}
|
|
19852
|
+
[data-theme='dark'] [component-variant="chip-rounded-medium-f-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-f-subdued-outline"] {
|
|
19853
|
+
--chip-height: 32px;
|
|
19854
|
+
--chip-background-color: var(--surface-background-6);
|
|
19855
|
+
--chip-color: var(--decorative-text-gray);
|
|
19856
|
+
--chip-border-top-left-radius: 50px;
|
|
19857
|
+
--chip-border-top-right-radius: 50px;
|
|
19858
|
+
--chip-border-bottom-left-radius: 50px;
|
|
19859
|
+
--chip-border-bottom-right-radius: 50px;
|
|
19860
|
+
--chip-border-color: var(--decorative-border-grey);
|
|
19861
|
+
--chip-border-top-width: 1px;
|
|
19862
|
+
--chip-border-right-width: 1px;
|
|
19863
|
+
--chip-border-bottom-width: 1px;
|
|
19864
|
+
--chip-border-left-width: 1px;
|
|
19865
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
19866
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
19867
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
19868
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
19869
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
19870
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
19871
|
+
--chip-font-family: var(--font-family-body);
|
|
19872
|
+
--chip-font-size: var(--font-size-body-small);
|
|
19873
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
19874
|
+
--chip-line-height: var(--line-height-body-small);
|
|
19875
|
+
--chip-paragraph-spacing: 0px;
|
|
19876
|
+
--chip-paragraph-indent: 0px
|
|
19877
|
+
}
|
|
19878
|
+
[data-theme='dark'] [component-variant="chip-squared-medium-a-bright"], [data-theme='light'] [component-variant="chip-squared-medium-a-bright"] {
|
|
19879
|
+
--chip-height: 32px;
|
|
19880
|
+
--chip-background-color: var(--decorative-surface-orange);
|
|
19881
|
+
--chip-color: var(--text-primary);
|
|
19882
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
19883
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
19884
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
19885
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
19886
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
19887
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
19888
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
19889
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
19890
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
19891
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
19892
|
+
--chip-font-family: var(--font-family-body);
|
|
19893
|
+
--chip-font-size: var(--font-size-body-small);
|
|
19894
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
19895
|
+
--chip-line-height: var(--line-height-body-small);
|
|
19896
|
+
--chip-paragraph-spacing: 0px;
|
|
19897
|
+
--chip-paragraph-indent: 0px
|
|
19898
|
+
}
|
|
19899
|
+
[data-theme='dark'] [component-variant="chip-squared-medium-b-bright"], [data-theme='light'] [component-variant="chip-squared-medium-b-bright"] {
|
|
19900
|
+
--chip-height: 32px;
|
|
19901
|
+
--chip-background-color: var(--decorative-surface-green);
|
|
19902
|
+
--chip-color: var(--text-primary);
|
|
19903
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
19904
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
19905
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
19906
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
19907
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
19908
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
19909
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
19910
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
19911
|
+
--chip-row-gap: var(--spacing-space-2);
|
|
19912
|
+
--chip-column-gap: var(--spacing-space-2);
|
|
19913
|
+
--chip-font-family: var(--font-family-body);
|
|
19914
|
+
--chip-font-size: var(--font-size-body-small);
|
|
19915
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
19916
|
+
--chip-line-height: var(--line-height-body-small);
|
|
19917
|
+
--chip-paragraph-spacing: 0px;
|
|
19918
|
+
--chip-paragraph-indent: 0px
|
|
19919
|
+
}
|
|
19920
|
+
[data-theme='dark'] [component-variant="chip-squared-medium-c-bright"], [data-theme='light'] [component-variant="chip-squared-medium-c-bright"] {
|
|
19921
|
+
--chip-height: 32px;
|
|
19922
|
+
--chip-background-color: var(--decorative-surface-blue);
|
|
19923
|
+
--chip-color: var(--text-primary);
|
|
19924
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
19925
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
19926
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
19927
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
19928
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
19929
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
19930
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
19931
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
19932
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
19933
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
19934
|
+
--chip-font-family: var(--font-family-body);
|
|
19935
|
+
--chip-font-size: var(--font-size-body-small);
|
|
19936
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
19937
|
+
--chip-line-height: var(--line-height-body-small);
|
|
19938
|
+
--chip-paragraph-spacing: 0px;
|
|
19939
|
+
--chip-paragraph-indent: 0px
|
|
19940
|
+
}
|
|
19941
|
+
[data-theme='dark'] [component-variant="chip-squared-medium-d-bright"], [data-theme='light'] [component-variant="chip-squared-medium-d-bright"] {
|
|
19942
|
+
--chip-height: 32px;
|
|
19943
|
+
--chip-background-color: var(--decorative-surface-purple);
|
|
19944
|
+
--chip-color: var(--text-primary);
|
|
19945
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
19946
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
19947
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
19948
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
19949
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
19950
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
19951
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
19952
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
19953
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
19954
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
19955
|
+
--chip-font-family: var(--font-family-body);
|
|
19956
|
+
--chip-font-size: var(--font-size-body-small);
|
|
19957
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
19958
|
+
--chip-line-height: var(--line-height-body-small);
|
|
19959
|
+
--chip-paragraph-spacing: 0px;
|
|
19960
|
+
--chip-paragraph-indent: 0px
|
|
19961
|
+
}
|
|
19962
|
+
[data-theme='dark'] [component-variant="chip-squared-medium-e-bright"], [data-theme='light'] [component-variant="chip-squared-medium-e-bright"] {
|
|
19963
|
+
--chip-height: 32px;
|
|
19964
|
+
--chip-background-color: var(--decorative-surface-red);
|
|
19965
|
+
--chip-color: var(--text-primary);
|
|
19966
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
19967
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
19968
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
19969
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
19970
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
19971
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
19972
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
19973
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
19974
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
19975
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
19976
|
+
--chip-font-family: var(--font-family-body);
|
|
19977
|
+
--chip-font-size: var(--font-size-body-small);
|
|
19978
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
19979
|
+
--chip-line-height: var(--line-height-body-small);
|
|
19980
|
+
--chip-paragraph-spacing: 0px;
|
|
19981
|
+
--chip-paragraph-indent: 0px
|
|
19982
|
+
}
|
|
19983
|
+
[data-theme='dark'] [component-variant="chip-squared-medium-f-bright"], [data-theme='light'] [component-variant="chip-squared-medium-f-bright"] {
|
|
19984
|
+
--chip-height: 32px;
|
|
19985
|
+
--chip-background-color: var(--decorative-surface-gray);
|
|
19986
|
+
--chip-color: var(--text-primary);
|
|
19987
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
19988
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
19989
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
19990
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
19991
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
19992
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
19993
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
19994
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
19995
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
19996
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
19997
|
+
--chip-font-family: var(--font-family-body);
|
|
19998
|
+
--chip-font-size: var(--font-size-body-small);
|
|
19999
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20000
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20001
|
+
--chip-paragraph-spacing: 0px;
|
|
20002
|
+
--chip-paragraph-indent: 0px
|
|
20003
|
+
}
|
|
20004
|
+
[data-theme='dark'] [component-variant="chip-squared-medium-a-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-a-bright-outline"] {
|
|
20005
|
+
--chip-height: 32px;
|
|
20006
|
+
--chip-background-color: var(--decorative-surface-orange);
|
|
20007
|
+
--chip-color: var(--text-primary);
|
|
20008
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
20009
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
20010
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
20011
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
20012
|
+
--chip-border-color: var(--decorative-border-orange);
|
|
20013
|
+
--chip-border-top-width: 1px;
|
|
20014
|
+
--chip-border-right-width: 1px;
|
|
20015
|
+
--chip-border-bottom-width: 1px;
|
|
20016
|
+
--chip-border-left-width: 1px;
|
|
20017
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
20018
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
20019
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20020
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20021
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20022
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20023
|
+
--chip-font-family: var(--font-family-body);
|
|
20024
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20025
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20026
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20027
|
+
--chip-paragraph-spacing: 0px;
|
|
20028
|
+
--chip-paragraph-indent: 0px
|
|
20029
|
+
}
|
|
20030
|
+
[data-theme='dark'] [component-variant="chip-squared-medium-b-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-b-bright-outline"] {
|
|
20031
|
+
--chip-height: 32px;
|
|
20032
|
+
--chip-background-color: var(--decorative-surface-green);
|
|
20033
|
+
--chip-color: var(--text-primary);
|
|
20034
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
20035
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
20036
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
20037
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
20038
|
+
--chip-border-color: var(--decorative-border-green);
|
|
20039
|
+
--chip-border-top-width: 1px;
|
|
20040
|
+
--chip-border-right-width: 1px;
|
|
20041
|
+
--chip-border-bottom-width: 1px;
|
|
20042
|
+
--chip-border-left-width: 1px;
|
|
20043
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
20044
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
20045
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20046
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20047
|
+
--chip-row-gap: var(--spacing-space-2);
|
|
20048
|
+
--chip-column-gap: var(--spacing-space-2);
|
|
20049
|
+
--chip-font-family: var(--font-family-body);
|
|
20050
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20051
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20052
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20053
|
+
--chip-paragraph-spacing: 0px;
|
|
20054
|
+
--chip-paragraph-indent: 0px
|
|
20055
|
+
}
|
|
20056
|
+
[data-theme='dark'] [component-variant="chip-squared-medium-c-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-c-bright-outline"] {
|
|
20057
|
+
--chip-height: 32px;
|
|
20058
|
+
--chip-background-color: var(--decorative-surface-blue);
|
|
20059
|
+
--chip-color: var(--text-primary);
|
|
20060
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
20061
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
20062
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
20063
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
20064
|
+
--chip-border-color: var(--decorative-border-blue);
|
|
20065
|
+
--chip-border-top-width: 1px;
|
|
20066
|
+
--chip-border-right-width: 1px;
|
|
20067
|
+
--chip-border-bottom-width: 1px;
|
|
20068
|
+
--chip-border-left-width: 1px;
|
|
20069
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
20070
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
20071
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20072
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20073
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20074
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20075
|
+
--chip-font-family: var(--font-family-body);
|
|
20076
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20077
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20078
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20079
|
+
--chip-paragraph-spacing: 0px;
|
|
20080
|
+
--chip-paragraph-indent: 0px
|
|
20081
|
+
}
|
|
20082
|
+
[data-theme='dark'] [component-variant="chip-squared-medium-d-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-d-bright-outline"] {
|
|
20083
|
+
--chip-height: 32px;
|
|
20084
|
+
--chip-background-color: var(--decorative-surface-purple);
|
|
20085
|
+
--chip-color: var(--text-primary);
|
|
20086
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
20087
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
20088
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
20089
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
20090
|
+
--chip-border-color: var(--decorative-border-purple);
|
|
20091
|
+
--chip-border-top-width: 1px;
|
|
20092
|
+
--chip-border-right-width: 1px;
|
|
20093
|
+
--chip-border-bottom-width: 1px;
|
|
20094
|
+
--chip-border-left-width: 1px;
|
|
20095
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
20096
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
20097
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20098
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20099
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20100
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20101
|
+
--chip-font-family: var(--font-family-body);
|
|
20102
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20103
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20104
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20105
|
+
--chip-paragraph-spacing: 0px;
|
|
20106
|
+
--chip-paragraph-indent: 0px
|
|
20107
|
+
}
|
|
20108
|
+
[data-theme='dark'] [component-variant="chip-squared-medium-e-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-e-bright-outline"] {
|
|
20109
|
+
--chip-height: 32px;
|
|
20110
|
+
--chip-background-color: var(--decorative-surface-red);
|
|
20111
|
+
--chip-color: var(--text-primary);
|
|
20112
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
20113
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
20114
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
20115
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
20116
|
+
--chip-border-color: var(--decorative-border-red);
|
|
20117
|
+
--chip-border-top-width: 1px;
|
|
20118
|
+
--chip-border-right-width: 1px;
|
|
20119
|
+
--chip-border-bottom-width: 1px;
|
|
20120
|
+
--chip-border-left-width: 1px;
|
|
20121
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
20122
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
20123
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20124
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20125
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20126
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20127
|
+
--chip-font-family: var(--font-family-body);
|
|
20128
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20129
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20130
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20131
|
+
--chip-paragraph-spacing: 0px;
|
|
20132
|
+
--chip-paragraph-indent: 0px
|
|
20133
|
+
}
|
|
20134
|
+
[data-theme='dark'] [component-variant="chip-squared-medium-f-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-f-bright-outline"] {
|
|
20135
|
+
--chip-height: 32px;
|
|
20136
|
+
--chip-background-color: var(--decorative-surface-gray);
|
|
20137
|
+
--chip-color: var(--text-primary);
|
|
20138
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
20139
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
20140
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
20141
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
20142
|
+
--chip-border-color: var(--decorative-border-grey);
|
|
20143
|
+
--chip-border-top-width: 1px;
|
|
20144
|
+
--chip-border-right-width: 1px;
|
|
20145
|
+
--chip-border-bottom-width: 1px;
|
|
20146
|
+
--chip-border-left-width: 1px;
|
|
20147
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
20148
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
20149
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20150
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20151
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20152
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20153
|
+
--chip-font-family: var(--font-family-body);
|
|
20154
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20155
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20156
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20157
|
+
--chip-paragraph-spacing: 0px;
|
|
20158
|
+
--chip-paragraph-indent: 0px
|
|
20159
|
+
}
|
|
20160
|
+
[data-theme='dark'] [component-variant="chip-squared-medium-a-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-a-subdued"] {
|
|
20161
|
+
--chip-height: 32px;
|
|
20162
|
+
--chip-background-color: var(--surface-background-6);
|
|
20163
|
+
--chip-color: var(--decorative-text-orange);
|
|
20164
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
20165
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
20166
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
20167
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
20168
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
20169
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
20170
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20171
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20172
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20173
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20174
|
+
--chip-font-family: var(--font-family-body);
|
|
20175
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20176
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20177
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20178
|
+
--chip-paragraph-spacing: 0px;
|
|
20179
|
+
--chip-paragraph-indent: 0px
|
|
20180
|
+
}
|
|
20181
|
+
[data-theme='dark'] [component-variant="chip-squared-medium-a-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-a-subdued-outline"] {
|
|
20182
|
+
--chip-height: 32px;
|
|
20183
|
+
--chip-background-color: var(--surface-background-6);
|
|
20184
|
+
--chip-color: var(--decorative-text-orange);
|
|
20185
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
20186
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
20187
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
20188
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
20189
|
+
--chip-border-color: var(--decorative-border-orange);
|
|
20190
|
+
--chip-border-top-width: 1px;
|
|
20191
|
+
--chip-border-right-width: 1px;
|
|
20192
|
+
--chip-border-bottom-width: 1px;
|
|
20193
|
+
--chip-border-left-width: 1px;
|
|
20194
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
20195
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
20196
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20197
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20198
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20199
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20200
|
+
--chip-font-family: var(--font-family-body);
|
|
20201
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20202
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20203
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20204
|
+
--chip-paragraph-spacing: 0px;
|
|
20205
|
+
--chip-paragraph-indent: 0px
|
|
20206
|
+
}
|
|
20207
|
+
[data-theme='dark'] [component-variant="chip-squared-medium-b-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-b-subdued"] {
|
|
20208
|
+
--chip-height: 32px;
|
|
20209
|
+
--chip-background-color: var(--surface-background-6);
|
|
20210
|
+
--chip-color: var(--decorative-text-green);
|
|
20211
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
20212
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
20213
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
20214
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
20215
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
20216
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
20217
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20218
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20219
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20220
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20221
|
+
--chip-font-family: var(--font-family-body);
|
|
20222
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20223
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20224
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20225
|
+
--chip-paragraph-spacing: 0px;
|
|
20226
|
+
--chip-paragraph-indent: 0px
|
|
20227
|
+
}
|
|
20228
|
+
[data-theme='dark'] [component-variant="chip-squared-medium-b-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-b-subdued-outline"] {
|
|
20229
|
+
--chip-height: 32px;
|
|
20230
|
+
--chip-background-color: var(--surface-background-6);
|
|
20231
|
+
--chip-color: var(--decorative-text-green);
|
|
20232
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
20233
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
20234
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
20235
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
20236
|
+
--chip-border-color: var(--decorative-border-green);
|
|
20237
|
+
--chip-border-top-width: 1px;
|
|
20238
|
+
--chip-border-right-width: 1px;
|
|
20239
|
+
--chip-border-bottom-width: 1px;
|
|
20240
|
+
--chip-border-left-width: 1px;
|
|
20241
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
20242
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
20243
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20244
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20245
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20246
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20247
|
+
--chip-font-family: var(--font-family-body);
|
|
20248
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20249
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20250
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20251
|
+
--chip-paragraph-spacing: 0px;
|
|
20252
|
+
--chip-paragraph-indent: 0px
|
|
20253
|
+
}
|
|
20254
|
+
[data-theme='dark'] [component-variant="chip-squared-medium-c-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-c-subdued"] {
|
|
20255
|
+
--chip-height: 32px;
|
|
20256
|
+
--chip-background-color: var(--surface-background-6);
|
|
20257
|
+
--chip-color: var(--decorative-text-blue);
|
|
20258
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
20259
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
20260
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
20261
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
20262
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
20263
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
20264
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20265
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20266
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20267
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20268
|
+
--chip-font-family: var(--font-family-body);
|
|
20269
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20270
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20271
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20272
|
+
--chip-paragraph-spacing: 0px;
|
|
20273
|
+
--chip-paragraph-indent: 0px
|
|
20274
|
+
}
|
|
20275
|
+
[data-theme='dark'] [component-variant="chip-squared-medium-c-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-c-subdued-outline"] {
|
|
20276
|
+
--chip-height: 32px;
|
|
20277
|
+
--chip-background-color: var(--surface-background-6);
|
|
20278
|
+
--chip-color: var(--decorative-text-blue);
|
|
20279
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
20280
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
20281
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
20282
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
20283
|
+
--chip-border-color: var(--decorative-border-blue);
|
|
20284
|
+
--chip-border-top-width: 1px;
|
|
20285
|
+
--chip-border-right-width: 1px;
|
|
20286
|
+
--chip-border-bottom-width: 1px;
|
|
20287
|
+
--chip-border-left-width: 1px;
|
|
20288
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
20289
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
20290
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20291
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20292
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20293
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20294
|
+
--chip-font-family: var(--font-family-body);
|
|
20295
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20296
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20297
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20298
|
+
--chip-paragraph-spacing: 0px;
|
|
20299
|
+
--chip-paragraph-indent: 0px
|
|
20300
|
+
}
|
|
20301
|
+
[data-theme='dark'] [component-variant="chip-squared-medium-d-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-d-subdued"] {
|
|
20302
|
+
--chip-height: 32px;
|
|
20303
|
+
--chip-background-color: var(--surface-background-6);
|
|
20304
|
+
--chip-color: var(--decorative-text-purple);
|
|
20305
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
20306
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
20307
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
20308
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
20309
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
20310
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
20311
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20312
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20313
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20314
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20315
|
+
--chip-font-family: var(--font-family-body);
|
|
20316
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20317
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20318
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20319
|
+
--chip-paragraph-spacing: 0px;
|
|
20320
|
+
--chip-paragraph-indent: 0px
|
|
20321
|
+
}
|
|
20322
|
+
[data-theme='dark'] [component-variant="chip-squared-medium-d-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-d-subdued-outline"] {
|
|
20323
|
+
--chip-height: 32px;
|
|
20324
|
+
--chip-background-color: var(--surface-background-6);
|
|
20325
|
+
--chip-color: var(--decorative-text-purple);
|
|
20326
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
20327
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
20328
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
20329
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
20330
|
+
--chip-border-color: var(--decorative-border-purple);
|
|
20331
|
+
--chip-border-top-width: 1px;
|
|
20332
|
+
--chip-border-right-width: 1px;
|
|
20333
|
+
--chip-border-bottom-width: 1px;
|
|
20334
|
+
--chip-border-left-width: 1px;
|
|
20335
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
20336
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
20337
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20338
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20339
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20340
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20341
|
+
--chip-font-family: var(--font-family-body);
|
|
20342
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20343
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20344
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20345
|
+
--chip-paragraph-spacing: 0px;
|
|
20346
|
+
--chip-paragraph-indent: 0px
|
|
20347
|
+
}
|
|
20348
|
+
[data-theme='dark'] [component-variant="chip-squared-medium-e-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-e-subdued"] {
|
|
20349
|
+
--chip-height: 32px;
|
|
20350
|
+
--chip-background-color: var(--surface-background-6);
|
|
20351
|
+
--chip-color: var(--decorative-text-red);
|
|
20352
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
20353
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
20354
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
20355
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
20356
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
20357
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
20358
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20359
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20360
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20361
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20362
|
+
--chip-font-family: var(--font-family-body);
|
|
20363
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20364
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20365
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20366
|
+
--chip-paragraph-spacing: 0px;
|
|
20367
|
+
--chip-paragraph-indent: 0px
|
|
20368
|
+
}
|
|
20369
|
+
[data-theme='dark'] [component-variant="chip-squared-medium-e-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-e-subdued-outline"] {
|
|
20370
|
+
--chip-height: 32px;
|
|
20371
|
+
--chip-background-color: var(--surface-background-6);
|
|
20372
|
+
--chip-color: var(--decorative-text-red);
|
|
20373
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
20374
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
20375
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
20376
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
20377
|
+
--chip-border-color: var(--decorative-border-red);
|
|
20378
|
+
--chip-border-top-width: 1px;
|
|
20379
|
+
--chip-border-right-width: 1px;
|
|
20380
|
+
--chip-border-bottom-width: 1px;
|
|
20381
|
+
--chip-border-left-width: 1px;
|
|
20382
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
20383
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
20384
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20385
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20386
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20387
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20388
|
+
--chip-font-family: var(--font-family-body);
|
|
20389
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20390
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20391
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20392
|
+
--chip-paragraph-spacing: 0px;
|
|
20393
|
+
--chip-paragraph-indent: 0px
|
|
20394
|
+
}
|
|
20395
|
+
[data-theme='dark'] [component-variant="chip-squared-medium-f-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-f-subdued"] {
|
|
20396
|
+
--chip-height: 32px;
|
|
20397
|
+
--chip-background-color: var(--surface-background-6);
|
|
20398
|
+
--chip-color: var(--decorative-text-gray);
|
|
20399
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
20400
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
20401
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
20402
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
20403
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
20404
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
20405
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20406
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20407
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20408
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20409
|
+
--chip-font-family: var(--font-family-body);
|
|
20410
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20411
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20412
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20413
|
+
--chip-paragraph-spacing: 0px;
|
|
20414
|
+
--chip-paragraph-indent: 0px
|
|
20415
|
+
}
|
|
20416
|
+
[data-theme='dark'] [component-variant="chip-squared-medium-f-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-f-subdued-outline"] {
|
|
20417
|
+
--chip-height: 32px;
|
|
20418
|
+
--chip-background-color: var(--surface-background-6);
|
|
20419
|
+
--chip-color: var(--decorative-text-gray);
|
|
20420
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
20421
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
20422
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
20423
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
20424
|
+
--chip-border-color: var(--decorative-border-grey);
|
|
20425
|
+
--chip-border-top-width: 1px;
|
|
20426
|
+
--chip-border-right-width: 1px;
|
|
20427
|
+
--chip-border-bottom-width: 1px;
|
|
20428
|
+
--chip-border-left-width: 1px;
|
|
20429
|
+
--chip-padding-left: var(--spacing-space-3);
|
|
20430
|
+
--chip-padding-right: var(--spacing-space-3);
|
|
20431
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20432
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20433
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20434
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20435
|
+
--chip-font-family: var(--font-family-body);
|
|
20436
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20437
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20438
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20439
|
+
--chip-paragraph-spacing: 0px;
|
|
20440
|
+
--chip-paragraph-indent: 0px
|
|
20441
|
+
}
|
|
20442
|
+
[data-theme='dark'] [component-variant="chip-rounded-small-a-bright"], [data-theme='light'] [component-variant="chip-rounded-small-a-bright"] {
|
|
20443
|
+
--chip-height: 24px;
|
|
20444
|
+
--chip-background-color: var(--decorative-surface-orange);
|
|
20445
|
+
--chip-color: var(--text-primary);
|
|
20446
|
+
--chip-border-top-left-radius: 50px;
|
|
20447
|
+
--chip-border-top-right-radius: 50px;
|
|
20448
|
+
--chip-border-bottom-left-radius: 50px;
|
|
20449
|
+
--chip-border-bottom-right-radius: 50px;
|
|
20450
|
+
--chip-padding-left: var(--spacing-space-1);
|
|
20451
|
+
--chip-padding-right: var(--spacing-space-1);
|
|
20452
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20453
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20454
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20455
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20456
|
+
--chip-font-family: var(--font-family-body);
|
|
20457
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20458
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20459
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20460
|
+
--chip-paragraph-spacing: 0px;
|
|
20461
|
+
--chip-paragraph-indent: 0px
|
|
20462
|
+
}
|
|
20463
|
+
[data-theme='dark'] [component-variant="chip-rounded-small-b-bright"], [data-theme='light'] [component-variant="chip-rounded-small-b-bright"] {
|
|
20464
|
+
--chip-height: 24px;
|
|
20465
|
+
--chip-background-color: var(--decorative-surface-green);
|
|
20466
|
+
--chip-color: var(--text-primary);
|
|
20467
|
+
--chip-border-top-left-radius: 50px;
|
|
20468
|
+
--chip-border-top-right-radius: 50px;
|
|
20469
|
+
--chip-border-bottom-left-radius: 50px;
|
|
20470
|
+
--chip-border-bottom-right-radius: 50px;
|
|
20471
|
+
--chip-padding-left: var(--spacing-space-1);
|
|
20472
|
+
--chip-padding-right: var(--spacing-space-1);
|
|
20473
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20474
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20475
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20476
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20477
|
+
--chip-font-family: var(--font-family-body);
|
|
20478
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20479
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20480
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20481
|
+
--chip-paragraph-spacing: 0px;
|
|
20482
|
+
--chip-paragraph-indent: 0px
|
|
20483
|
+
}
|
|
20484
|
+
[data-theme='dark'] [component-variant="chip-rounded-small-c-bright"], [data-theme='light'] [component-variant="chip-rounded-small-c-bright"] {
|
|
20485
|
+
--chip-height: 24px;
|
|
20486
|
+
--chip-background-color: var(--decorative-surface-blue);
|
|
20487
|
+
--chip-color: var(--text-primary);
|
|
20488
|
+
--chip-border-top-left-radius: 50px;
|
|
20489
|
+
--chip-border-top-right-radius: 50px;
|
|
20490
|
+
--chip-border-bottom-left-radius: 50px;
|
|
20491
|
+
--chip-border-bottom-right-radius: 50px;
|
|
20492
|
+
--chip-padding-left: var(--spacing-space-1);
|
|
20493
|
+
--chip-padding-right: var(--spacing-space-1);
|
|
20494
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20495
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20496
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20497
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20498
|
+
--chip-font-family: var(--font-family-body);
|
|
20499
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20500
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20501
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20502
|
+
--chip-paragraph-spacing: 0px;
|
|
20503
|
+
--chip-paragraph-indent: 0px
|
|
20504
|
+
}
|
|
20505
|
+
[data-theme='dark'] [component-variant="chip-rounded-small-d-bright"], [data-theme='light'] [component-variant="chip-rounded-small-d-bright"] {
|
|
20506
|
+
--chip-height: 24px;
|
|
20507
|
+
--chip-background-color: var(--decorative-surface-purple);
|
|
20508
|
+
--chip-color: var(--text-primary);
|
|
20509
|
+
--chip-border-top-left-radius: 50px;
|
|
20510
|
+
--chip-border-top-right-radius: 50px;
|
|
20511
|
+
--chip-border-bottom-left-radius: 50px;
|
|
20512
|
+
--chip-border-bottom-right-radius: 50px;
|
|
20513
|
+
--chip-padding-left: var(--spacing-space-1);
|
|
20514
|
+
--chip-padding-right: var(--spacing-space-1);
|
|
20515
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20516
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20517
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20518
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20519
|
+
--chip-font-family: var(--font-family-body);
|
|
20520
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20521
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20522
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20523
|
+
--chip-paragraph-spacing: 0px;
|
|
20524
|
+
--chip-paragraph-indent: 0px
|
|
20525
|
+
}
|
|
20526
|
+
[data-theme='dark'] [component-variant="chip-rounded-small-e-bright"], [data-theme='light'] [component-variant="chip-rounded-small-e-bright"] {
|
|
20527
|
+
--chip-height: 24px;
|
|
20528
|
+
--chip-background-color: var(--decorative-surface-red);
|
|
20529
|
+
--chip-color: var(--text-primary);
|
|
20530
|
+
--chip-border-top-left-radius: 50px;
|
|
20531
|
+
--chip-border-top-right-radius: 50px;
|
|
20532
|
+
--chip-border-bottom-left-radius: 50px;
|
|
20533
|
+
--chip-border-bottom-right-radius: 50px;
|
|
20534
|
+
--chip-padding-left: var(--spacing-space-1);
|
|
20535
|
+
--chip-padding-right: var(--spacing-space-1);
|
|
20536
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20537
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20538
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20539
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20540
|
+
--chip-font-family: var(--font-family-body);
|
|
20541
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20542
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20543
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20544
|
+
--chip-paragraph-spacing: 0px;
|
|
20545
|
+
--chip-paragraph-indent: 0px
|
|
20546
|
+
}
|
|
20547
|
+
[data-theme='dark'] [component-variant="chip-rounded-small-f-bright"], [data-theme='light'] [component-variant="chip-rounded-small-f-bright"] {
|
|
20548
|
+
--chip-height: 24px;
|
|
20549
|
+
--chip-background-color: var(--decorative-surface-gray);
|
|
20550
|
+
--chip-color: var(--text-primary);
|
|
20551
|
+
--chip-border-top-left-radius: 50px;
|
|
20552
|
+
--chip-border-top-right-radius: 50px;
|
|
20553
|
+
--chip-border-bottom-left-radius: 50px;
|
|
20554
|
+
--chip-border-bottom-right-radius: 50px;
|
|
20555
|
+
--chip-padding-left: var(--spacing-space-1);
|
|
20556
|
+
--chip-padding-right: var(--spacing-space-1);
|
|
20557
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20558
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20559
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20560
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20561
|
+
--chip-font-family: var(--font-family-body);
|
|
20562
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20563
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20564
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20565
|
+
--chip-paragraph-spacing: 0px;
|
|
20566
|
+
--chip-paragraph-indent: 0px
|
|
20567
|
+
}
|
|
20568
|
+
[data-theme='dark'] [component-variant="chip-rounded-small-a-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-a-bright-outline"] {
|
|
20569
|
+
--chip-height: 24px;
|
|
20570
|
+
--chip-background-color: var(--decorative-surface-orange);
|
|
20571
|
+
--chip-color: var(--text-primary);
|
|
20572
|
+
--chip-border-top-left-radius: 50px;
|
|
20573
|
+
--chip-border-top-right-radius: 50px;
|
|
20574
|
+
--chip-border-bottom-left-radius: 50px;
|
|
20575
|
+
--chip-border-bottom-right-radius: 50px;
|
|
20576
|
+
--chip-border-color: var(--decorative-border-orange);
|
|
20577
|
+
--chip-border-top-width: 1px;
|
|
20578
|
+
--chip-border-right-width: 1px;
|
|
20579
|
+
--chip-border-bottom-width: 1px;
|
|
20580
|
+
--chip-border-left-width: 1px;
|
|
20581
|
+
--chip-padding-left: var(--spacing-space-1);
|
|
20582
|
+
--chip-padding-right: var(--spacing-space-1);
|
|
20583
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20584
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20585
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20586
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20587
|
+
--chip-font-family: var(--font-family-body);
|
|
20588
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20589
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20590
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20591
|
+
--chip-paragraph-spacing: 0px;
|
|
20592
|
+
--chip-paragraph-indent: 0px
|
|
20593
|
+
}
|
|
20594
|
+
[data-theme='dark'] [component-variant="chip-rounded-small-b-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-b-bright-outline"] {
|
|
20595
|
+
--chip-height: 24px;
|
|
20596
|
+
--chip-background-color: var(--decorative-surface-green);
|
|
20597
|
+
--chip-color: var(--text-primary);
|
|
20598
|
+
--chip-border-top-left-radius: 50px;
|
|
20599
|
+
--chip-border-top-right-radius: 50px;
|
|
20600
|
+
--chip-border-bottom-left-radius: 50px;
|
|
20601
|
+
--chip-border-bottom-right-radius: 50px;
|
|
20602
|
+
--chip-border-color: var(--decorative-border-green);
|
|
20603
|
+
--chip-border-top-width: 1px;
|
|
20604
|
+
--chip-border-right-width: 1px;
|
|
20605
|
+
--chip-border-bottom-width: 1px;
|
|
20606
|
+
--chip-border-left-width: 1px;
|
|
20607
|
+
--chip-padding-left: var(--spacing-space-1);
|
|
20608
|
+
--chip-padding-right: var(--spacing-space-1);
|
|
20609
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20610
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20611
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20612
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20613
|
+
--chip-font-family: var(--font-family-body);
|
|
20614
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20615
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20616
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20617
|
+
--chip-paragraph-spacing: 0px;
|
|
20618
|
+
--chip-paragraph-indent: 0px
|
|
20619
|
+
}
|
|
20620
|
+
[data-theme='dark'] [component-variant="chip-rounded-small-c-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-c-bright-outline"] {
|
|
20621
|
+
--chip-height: 24px;
|
|
20622
|
+
--chip-background-color: var(--decorative-surface-blue);
|
|
20623
|
+
--chip-color: var(--text-primary);
|
|
20624
|
+
--chip-border-top-left-radius: 50px;
|
|
20625
|
+
--chip-border-top-right-radius: 50px;
|
|
20626
|
+
--chip-border-bottom-left-radius: 50px;
|
|
20627
|
+
--chip-border-bottom-right-radius: 50px;
|
|
20628
|
+
--chip-border-color: var(--decorative-border-blue);
|
|
20629
|
+
--chip-border-top-width: 1px;
|
|
20630
|
+
--chip-border-right-width: 1px;
|
|
20631
|
+
--chip-border-bottom-width: 1px;
|
|
20632
|
+
--chip-border-left-width: 1px;
|
|
20633
|
+
--chip-padding-left: var(--spacing-space-1);
|
|
20634
|
+
--chip-padding-right: var(--spacing-space-1);
|
|
20635
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20636
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20637
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20638
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20639
|
+
--chip-font-family: var(--font-family-body);
|
|
20640
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20641
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20642
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20643
|
+
--chip-paragraph-spacing: 0px;
|
|
20644
|
+
--chip-paragraph-indent: 0px
|
|
20645
|
+
}
|
|
20646
|
+
[data-theme='dark'] [component-variant="chip-rounded-small-d-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-d-bright-outline"] {
|
|
20647
|
+
--chip-height: 24px;
|
|
20648
|
+
--chip-background-color: var(--decorative-surface-purple);
|
|
20649
|
+
--chip-color: var(--text-primary);
|
|
20650
|
+
--chip-border-top-left-radius: 50px;
|
|
20651
|
+
--chip-border-top-right-radius: 50px;
|
|
20652
|
+
--chip-border-bottom-left-radius: 50px;
|
|
20653
|
+
--chip-border-bottom-right-radius: 50px;
|
|
20654
|
+
--chip-border-color: var(--decorative-border-purple);
|
|
20655
|
+
--chip-border-top-width: 1px;
|
|
20656
|
+
--chip-border-right-width: 1px;
|
|
20657
|
+
--chip-border-bottom-width: 1px;
|
|
20658
|
+
--chip-border-left-width: 1px;
|
|
20659
|
+
--chip-padding-left: var(--spacing-space-1);
|
|
20660
|
+
--chip-padding-right: var(--spacing-space-1);
|
|
20661
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20662
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20663
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20664
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20665
|
+
--chip-font-family: var(--font-family-body);
|
|
20666
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20667
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20668
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20669
|
+
--chip-paragraph-spacing: 0px;
|
|
20670
|
+
--chip-paragraph-indent: 0px
|
|
20671
|
+
}
|
|
20672
|
+
[data-theme='dark'] [component-variant="chip-rounded-small-e-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-e-bright-outline"] {
|
|
20673
|
+
--chip-height: 24px;
|
|
20674
|
+
--chip-background-color: var(--decorative-surface-red);
|
|
20675
|
+
--chip-color: var(--text-primary);
|
|
20676
|
+
--chip-border-top-left-radius: 50px;
|
|
20677
|
+
--chip-border-top-right-radius: 50px;
|
|
20678
|
+
--chip-border-bottom-left-radius: 50px;
|
|
20679
|
+
--chip-border-bottom-right-radius: 50px;
|
|
20680
|
+
--chip-border-color: var(--decorative-border-red);
|
|
20681
|
+
--chip-border-top-width: 1px;
|
|
20682
|
+
--chip-border-right-width: 1px;
|
|
20683
|
+
--chip-border-bottom-width: 1px;
|
|
20684
|
+
--chip-border-left-width: 1px;
|
|
20685
|
+
--chip-padding-left: var(--spacing-space-1);
|
|
20686
|
+
--chip-padding-right: var(--spacing-space-1);
|
|
20687
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20688
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20689
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20690
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20691
|
+
--chip-font-family: var(--font-family-body);
|
|
20692
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20693
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20694
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20695
|
+
--chip-paragraph-spacing: 0px;
|
|
20696
|
+
--chip-paragraph-indent: 0px
|
|
20697
|
+
}
|
|
20698
|
+
[data-theme='dark'] [component-variant="chip-rounded-small-f-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-f-bright-outline"] {
|
|
20699
|
+
--chip-height: 24px;
|
|
20700
|
+
--chip-background-color: var(--decorative-surface-gray);
|
|
20701
|
+
--chip-color: var(--text-primary);
|
|
20702
|
+
--chip-border-top-left-radius: 50px;
|
|
20703
|
+
--chip-border-top-right-radius: 50px;
|
|
20704
|
+
--chip-border-bottom-left-radius: 50px;
|
|
20705
|
+
--chip-border-bottom-right-radius: 50px;
|
|
20706
|
+
--chip-border-color: var(--decorative-border-grey);
|
|
20707
|
+
--chip-border-top-width: 1px;
|
|
20708
|
+
--chip-border-right-width: 1px;
|
|
20709
|
+
--chip-border-bottom-width: 1px;
|
|
20710
|
+
--chip-border-left-width: 1px;
|
|
20711
|
+
--chip-padding-left: var(--spacing-space-1);
|
|
20712
|
+
--chip-padding-right: var(--spacing-space-1);
|
|
20713
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20714
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20715
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20716
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20717
|
+
--chip-font-family: var(--font-family-body);
|
|
20718
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20719
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20720
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20721
|
+
--chip-paragraph-spacing: 0px;
|
|
20722
|
+
--chip-paragraph-indent: 0px
|
|
20723
|
+
}
|
|
20724
|
+
[data-theme='dark'] [component-variant="chip-rounded-small-a-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-a-subdued"] {
|
|
20725
|
+
--chip-height: 24px;
|
|
20726
|
+
--chip-background-color: var(--surface-background-6);
|
|
20727
|
+
--chip-color: var(--decorative-text-orange);
|
|
20728
|
+
--chip-border-top-left-radius: 50px;
|
|
20729
|
+
--chip-border-top-right-radius: 50px;
|
|
20730
|
+
--chip-border-bottom-left-radius: 50px;
|
|
20731
|
+
--chip-border-bottom-right-radius: 50px;
|
|
20732
|
+
--chip-padding-left: var(--spacing-space-1);
|
|
20733
|
+
--chip-padding-right: var(--spacing-space-1);
|
|
20734
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20735
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20736
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20737
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20738
|
+
--chip-font-family: var(--font-family-body);
|
|
20739
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20740
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20741
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20742
|
+
--chip-paragraph-spacing: 0px;
|
|
20743
|
+
--chip-paragraph-indent: 0px
|
|
20744
|
+
}
|
|
20745
|
+
[data-theme='dark'] [component-variant="chip-rounded-small-a-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-a-subdued-outline"] {
|
|
20746
|
+
--chip-height: 24px;
|
|
20747
|
+
--chip-background-color: var(--surface-background-6);
|
|
20748
|
+
--chip-color: var(--decorative-text-orange);
|
|
20749
|
+
--chip-border-top-left-radius: 50px;
|
|
20750
|
+
--chip-border-top-right-radius: 50px;
|
|
20751
|
+
--chip-border-bottom-left-radius: 50px;
|
|
20752
|
+
--chip-border-bottom-right-radius: 50px;
|
|
20753
|
+
--chip-border-color: var(--decorative-border-orange);
|
|
20754
|
+
--chip-border-top-width: 1px;
|
|
20755
|
+
--chip-border-right-width: 1px;
|
|
20756
|
+
--chip-border-bottom-width: 1px;
|
|
20757
|
+
--chip-border-left-width: 1px;
|
|
20758
|
+
--chip-padding-left: var(--spacing-space-1);
|
|
20759
|
+
--chip-padding-right: var(--spacing-space-1);
|
|
20760
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20761
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20762
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20763
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20764
|
+
--chip-font-family: var(--font-family-body);
|
|
20765
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20766
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20767
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20768
|
+
--chip-paragraph-spacing: 0px;
|
|
20769
|
+
--chip-paragraph-indent: 0px
|
|
20770
|
+
}
|
|
20771
|
+
[data-theme='dark'] [component-variant="chip-rounded-small-b-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-b-subdued"] {
|
|
20772
|
+
--chip-height: 24px;
|
|
20773
|
+
--chip-background-color: var(--surface-background-6);
|
|
20774
|
+
--chip-color: var(--decorative-text-green);
|
|
20775
|
+
--chip-border-top-left-radius: 50px;
|
|
20776
|
+
--chip-border-top-right-radius: 50px;
|
|
20777
|
+
--chip-border-bottom-left-radius: 50px;
|
|
20778
|
+
--chip-border-bottom-right-radius: 50px;
|
|
20779
|
+
--chip-padding-left: var(--spacing-space-1);
|
|
20780
|
+
--chip-padding-right: var(--spacing-space-1);
|
|
20781
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20782
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20783
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20784
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20785
|
+
--chip-font-family: var(--font-family-body);
|
|
20786
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20787
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20788
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20789
|
+
--chip-paragraph-spacing: 0px;
|
|
20790
|
+
--chip-paragraph-indent: 0px
|
|
20791
|
+
}
|
|
20792
|
+
[data-theme='dark'] [component-variant="chip-rounded-small-b-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-b-subdued-outline"] {
|
|
20793
|
+
--chip-height: 24px;
|
|
20794
|
+
--chip-background-color: var(--surface-background-6);
|
|
20795
|
+
--chip-color: var(--decorative-text-green);
|
|
20796
|
+
--chip-border-top-left-radius: 50px;
|
|
20797
|
+
--chip-border-top-right-radius: 50px;
|
|
20798
|
+
--chip-border-bottom-left-radius: 50px;
|
|
20799
|
+
--chip-border-bottom-right-radius: 50px;
|
|
20800
|
+
--chip-border-color: var(--decorative-border-green);
|
|
20801
|
+
--chip-border-top-width: 1px;
|
|
20802
|
+
--chip-border-right-width: 1px;
|
|
20803
|
+
--chip-border-bottom-width: 1px;
|
|
20804
|
+
--chip-border-left-width: 1px;
|
|
20805
|
+
--chip-padding-left: var(--spacing-space-1);
|
|
20806
|
+
--chip-padding-right: var(--spacing-space-1);
|
|
20807
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20808
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20809
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20810
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20811
|
+
--chip-font-family: var(--font-family-body);
|
|
20812
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20813
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20814
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20815
|
+
--chip-paragraph-spacing: 0px;
|
|
20816
|
+
--chip-paragraph-indent: 0px
|
|
20817
|
+
}
|
|
20818
|
+
[data-theme='dark'] [component-variant="chip-rounded-small-c-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-c-subdued"] {
|
|
20819
|
+
--chip-height: 24px;
|
|
20820
|
+
--chip-background-color: var(--surface-background-6);
|
|
20821
|
+
--chip-color: var(--decorative-text-blue);
|
|
20822
|
+
--chip-border-top-left-radius: 50px;
|
|
20823
|
+
--chip-border-top-right-radius: 50px;
|
|
20824
|
+
--chip-border-bottom-left-radius: 50px;
|
|
20825
|
+
--chip-border-bottom-right-radius: 50px;
|
|
20826
|
+
--chip-padding-left: var(--spacing-space-1);
|
|
20827
|
+
--chip-padding-right: var(--spacing-space-1);
|
|
20828
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20829
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20830
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20831
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20832
|
+
--chip-font-family: var(--font-family-body);
|
|
20833
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20834
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20835
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20836
|
+
--chip-paragraph-spacing: 0px;
|
|
20837
|
+
--chip-paragraph-indent: 0px
|
|
20838
|
+
}
|
|
20839
|
+
[data-theme='dark'] [component-variant="chip-rounded-small-c-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-c-subdued-outline"] {
|
|
20840
|
+
--chip-height: 24px;
|
|
20841
|
+
--chip-background-color: var(--surface-background-6);
|
|
20842
|
+
--chip-color: var(--decorative-text-blue);
|
|
20843
|
+
--chip-border-top-left-radius: 50px;
|
|
20844
|
+
--chip-border-top-right-radius: 50px;
|
|
20845
|
+
--chip-border-bottom-left-radius: 50px;
|
|
20846
|
+
--chip-border-bottom-right-radius: 50px;
|
|
20847
|
+
--chip-border-color: var(--decorative-border-blue);
|
|
20848
|
+
--chip-border-top-width: 1px;
|
|
20849
|
+
--chip-border-right-width: 1px;
|
|
20850
|
+
--chip-border-bottom-width: 1px;
|
|
20851
|
+
--chip-border-left-width: 1px;
|
|
20852
|
+
--chip-padding-left: var(--spacing-space-1);
|
|
20853
|
+
--chip-padding-right: var(--spacing-space-1);
|
|
20854
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20855
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20856
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20857
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20858
|
+
--chip-font-family: var(--font-family-body);
|
|
20859
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20860
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20861
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20862
|
+
--chip-paragraph-spacing: 0px;
|
|
20863
|
+
--chip-paragraph-indent: 0px
|
|
20864
|
+
}
|
|
20865
|
+
[data-theme='dark'] [component-variant="chip-rounded-small-d-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-d-subdued"] {
|
|
20866
|
+
--chip-height: 24px;
|
|
20867
|
+
--chip-background-color: var(--surface-background-6);
|
|
20868
|
+
--chip-color: var(--decorative-text-purple);
|
|
20869
|
+
--chip-border-top-left-radius: 50px;
|
|
20870
|
+
--chip-border-top-right-radius: 50px;
|
|
20871
|
+
--chip-border-bottom-left-radius: 50px;
|
|
20872
|
+
--chip-border-bottom-right-radius: 50px;
|
|
20873
|
+
--chip-padding-left: var(--spacing-space-1);
|
|
20874
|
+
--chip-padding-right: var(--spacing-space-1);
|
|
20875
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20876
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20877
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20878
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20879
|
+
--chip-font-family: var(--font-family-body);
|
|
20880
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20881
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20882
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20883
|
+
--chip-paragraph-spacing: 0px;
|
|
20884
|
+
--chip-paragraph-indent: 0px
|
|
20885
|
+
}
|
|
20886
|
+
[data-theme='dark'] [component-variant="chip-rounded-small-d-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-d-subdued-outline"] {
|
|
20887
|
+
--chip-height: 24px;
|
|
20888
|
+
--chip-background-color: var(--surface-background-6);
|
|
20889
|
+
--chip-color: var(--decorative-text-purple);
|
|
20890
|
+
--chip-border-top-left-radius: 50px;
|
|
20891
|
+
--chip-border-top-right-radius: 50px;
|
|
20892
|
+
--chip-border-bottom-left-radius: 50px;
|
|
20893
|
+
--chip-border-bottom-right-radius: 50px;
|
|
20894
|
+
--chip-border-color: var(--decorative-border-purple);
|
|
20895
|
+
--chip-border-top-width: 1px;
|
|
20896
|
+
--chip-border-right-width: 1px;
|
|
20897
|
+
--chip-border-bottom-width: 1px;
|
|
20898
|
+
--chip-border-left-width: 1px;
|
|
20899
|
+
--chip-padding-left: var(--spacing-space-1);
|
|
20900
|
+
--chip-padding-right: var(--spacing-space-1);
|
|
20901
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20902
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20903
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20904
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20905
|
+
--chip-font-family: var(--font-family-body);
|
|
20906
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20907
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20908
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20909
|
+
--chip-paragraph-spacing: 0px;
|
|
20910
|
+
--chip-paragraph-indent: 0px
|
|
20911
|
+
}
|
|
20912
|
+
[data-theme='dark'] [component-variant="chip-rounded-small-e-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-e-subdued"] {
|
|
20913
|
+
--chip-height: 24px;
|
|
20914
|
+
--chip-background-color: var(--surface-background-6);
|
|
20915
|
+
--chip-color: var(--decorative-text-red);
|
|
20916
|
+
--chip-border-top-left-radius: 50px;
|
|
20917
|
+
--chip-border-top-right-radius: 50px;
|
|
20918
|
+
--chip-border-bottom-left-radius: 50px;
|
|
20919
|
+
--chip-border-bottom-right-radius: 50px;
|
|
20920
|
+
--chip-padding-left: var(--spacing-space-1);
|
|
20921
|
+
--chip-padding-right: var(--spacing-space-1);
|
|
20922
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20923
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20924
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20925
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20926
|
+
--chip-font-family: var(--font-family-body);
|
|
20927
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20928
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20929
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20930
|
+
--chip-paragraph-spacing: 0px;
|
|
20931
|
+
--chip-paragraph-indent: 0px
|
|
20932
|
+
}
|
|
20933
|
+
[data-theme='dark'] [component-variant="chip-rounded-small-e-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-e-subdued-outline"] {
|
|
20934
|
+
--chip-height: 24px;
|
|
20935
|
+
--chip-background-color: var(--surface-background-6);
|
|
20936
|
+
--chip-color: var(--decorative-text-red);
|
|
20937
|
+
--chip-border-top-left-radius: 50px;
|
|
20938
|
+
--chip-border-top-right-radius: 50px;
|
|
20939
|
+
--chip-border-bottom-left-radius: 50px;
|
|
20940
|
+
--chip-border-bottom-right-radius: 50px;
|
|
20941
|
+
--chip-border-color: var(--decorative-border-red);
|
|
20942
|
+
--chip-border-top-width: 1px;
|
|
20943
|
+
--chip-border-right-width: 1px;
|
|
20944
|
+
--chip-border-bottom-width: 1px;
|
|
20945
|
+
--chip-border-left-width: 1px;
|
|
20946
|
+
--chip-padding-left: var(--spacing-space-1);
|
|
20947
|
+
--chip-padding-right: var(--spacing-space-1);
|
|
20948
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20949
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20950
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20951
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20952
|
+
--chip-font-family: var(--font-family-body);
|
|
20953
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20954
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20955
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20956
|
+
--chip-paragraph-spacing: 0px;
|
|
20957
|
+
--chip-paragraph-indent: 0px
|
|
20958
|
+
}
|
|
20959
|
+
[data-theme='dark'] [component-variant="chip-rounded-small-f-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-f-subdued"] {
|
|
20960
|
+
--chip-height: 24px;
|
|
20961
|
+
--chip-background-color: var(--surface-background-6);
|
|
20962
|
+
--chip-color: var(--decorative-text-gray);
|
|
20963
|
+
--chip-border-top-left-radius: 50px;
|
|
20964
|
+
--chip-border-top-right-radius: 50px;
|
|
20965
|
+
--chip-border-bottom-left-radius: 50px;
|
|
20966
|
+
--chip-border-bottom-right-radius: 50px;
|
|
20967
|
+
--chip-padding-left: var(--spacing-space-1);
|
|
20968
|
+
--chip-padding-right: var(--spacing-space-1);
|
|
20969
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20970
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20971
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20972
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20973
|
+
--chip-font-family: var(--font-family-body);
|
|
20974
|
+
--chip-font-size: var(--font-size-body-small);
|
|
20975
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
20976
|
+
--chip-line-height: var(--line-height-body-small);
|
|
20977
|
+
--chip-paragraph-spacing: 0px;
|
|
20978
|
+
--chip-paragraph-indent: 0px
|
|
20979
|
+
}
|
|
20980
|
+
[data-theme='dark'] [component-variant="chip-rounded-small-f-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-f-subdued-outline"] {
|
|
20981
|
+
--chip-height: 24px;
|
|
20982
|
+
--chip-background-color: var(--surface-background-6);
|
|
20983
|
+
--chip-color: var(--decorative-text-gray);
|
|
20984
|
+
--chip-border-top-left-radius: 50px;
|
|
20985
|
+
--chip-border-top-right-radius: 50px;
|
|
20986
|
+
--chip-border-bottom-left-radius: 50px;
|
|
20987
|
+
--chip-border-bottom-right-radius: 50px;
|
|
20988
|
+
--chip-border-color: var(--decorative-border-grey);
|
|
20989
|
+
--chip-border-top-width: 1px;
|
|
20990
|
+
--chip-border-right-width: 1px;
|
|
20991
|
+
--chip-border-bottom-width: 1px;
|
|
20992
|
+
--chip-border-left-width: 1px;
|
|
20993
|
+
--chip-padding-left: var(--spacing-space-1);
|
|
20994
|
+
--chip-padding-right: var(--spacing-space-1);
|
|
20995
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
20996
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
20997
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
20998
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
20999
|
+
--chip-font-family: var(--font-family-body);
|
|
21000
|
+
--chip-font-size: var(--font-size-body-small);
|
|
21001
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
21002
|
+
--chip-line-height: var(--line-height-body-small);
|
|
21003
|
+
--chip-paragraph-spacing: 0px;
|
|
21004
|
+
--chip-paragraph-indent: 0px
|
|
21005
|
+
}
|
|
21006
|
+
[data-theme='dark'] [component-variant="chip-squared-small-a-bright"], [data-theme='light'] [component-variant="chip-squared-small-a-bright"] {
|
|
21007
|
+
--chip-height: 24px;
|
|
21008
|
+
--chip-background-color: var(--decorative-surface-orange);
|
|
21009
|
+
--chip-color: var(--text-primary);
|
|
21010
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
21011
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
21012
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
21013
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
21014
|
+
--chip-padding-left: var(--spacing-space-2);
|
|
21015
|
+
--chip-padding-right: var(--spacing-space-2);
|
|
21016
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
21017
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
21018
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
21019
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
21020
|
+
--chip-font-family: var(--font-family-body);
|
|
21021
|
+
--chip-font-size: var(--font-size-body-small);
|
|
21022
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
21023
|
+
--chip-line-height: var(--line-height-body-small);
|
|
21024
|
+
--chip-paragraph-spacing: 0px;
|
|
21025
|
+
--chip-paragraph-indent: 0px
|
|
21026
|
+
}
|
|
21027
|
+
[data-theme='dark'] [component-variant="chip-squared-small-b-bright"], [data-theme='light'] [component-variant="chip-squared-small-b-bright"] {
|
|
21028
|
+
--chip-height: 24px;
|
|
21029
|
+
--chip-background-color: var(--decorative-surface-green);
|
|
21030
|
+
--chip-color: var(--text-primary);
|
|
21031
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
21032
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
21033
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
21034
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
21035
|
+
--chip-padding-left: var(--spacing-space-2);
|
|
21036
|
+
--chip-padding-right: var(--spacing-space-2);
|
|
21037
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
21038
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
21039
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
21040
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
21041
|
+
--chip-font-family: var(--font-family-body);
|
|
21042
|
+
--chip-font-size: var(--font-size-body-small);
|
|
21043
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
21044
|
+
--chip-line-height: var(--line-height-body-small);
|
|
21045
|
+
--chip-paragraph-spacing: 0px;
|
|
21046
|
+
--chip-paragraph-indent: 0px
|
|
21047
|
+
}
|
|
21048
|
+
[data-theme='dark'] [component-variant="chip-squared-small-c-bright"], [data-theme='light'] [component-variant="chip-squared-small-c-bright"] {
|
|
21049
|
+
--chip-height: 24px;
|
|
21050
|
+
--chip-background-color: var(--decorative-surface-blue);
|
|
21051
|
+
--chip-color: var(--text-primary);
|
|
21052
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
21053
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
21054
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
21055
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
21056
|
+
--chip-padding-left: var(--spacing-space-2);
|
|
21057
|
+
--chip-padding-right: var(--spacing-space-2);
|
|
21058
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
21059
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
21060
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
21061
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
21062
|
+
--chip-font-family: var(--font-family-body);
|
|
21063
|
+
--chip-font-size: var(--font-size-body-small);
|
|
21064
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
21065
|
+
--chip-line-height: var(--line-height-body-small);
|
|
21066
|
+
--chip-paragraph-spacing: 0px;
|
|
21067
|
+
--chip-paragraph-indent: 0px
|
|
21068
|
+
}
|
|
21069
|
+
[data-theme='dark'] [component-variant="chip-squared-small-d-bright"], [data-theme='light'] [component-variant="chip-squared-small-d-bright"] {
|
|
21070
|
+
--chip-height: 24px;
|
|
21071
|
+
--chip-background-color: var(--decorative-surface-purple);
|
|
21072
|
+
--chip-color: var(--text-primary);
|
|
21073
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
21074
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
21075
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
21076
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
21077
|
+
--chip-padding-left: var(--spacing-space-2);
|
|
21078
|
+
--chip-padding-right: var(--spacing-space-2);
|
|
21079
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
21080
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
21081
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
21082
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
21083
|
+
--chip-font-family: var(--font-family-body);
|
|
21084
|
+
--chip-font-size: var(--font-size-body-small);
|
|
21085
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
21086
|
+
--chip-line-height: var(--line-height-body-small);
|
|
21087
|
+
--chip-paragraph-spacing: 0px;
|
|
21088
|
+
--chip-paragraph-indent: 0px
|
|
21089
|
+
}
|
|
21090
|
+
[data-theme='dark'] [component-variant="chip-squared-small-e-bright"], [data-theme='light'] [component-variant="chip-squared-small-e-bright"] {
|
|
21091
|
+
--chip-height: 24px;
|
|
21092
|
+
--chip-background-color: var(--decorative-surface-red);
|
|
21093
|
+
--chip-color: var(--text-primary);
|
|
21094
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
21095
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
21096
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
21097
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
21098
|
+
--chip-padding-left: var(--spacing-space-2);
|
|
21099
|
+
--chip-padding-right: var(--spacing-space-2);
|
|
21100
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
21101
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
21102
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
21103
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
21104
|
+
--chip-font-family: var(--font-family-body);
|
|
21105
|
+
--chip-font-size: var(--font-size-body-small);
|
|
21106
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
21107
|
+
--chip-line-height: var(--line-height-body-small);
|
|
21108
|
+
--chip-paragraph-spacing: 0px;
|
|
21109
|
+
--chip-paragraph-indent: 0px
|
|
21110
|
+
}
|
|
21111
|
+
[data-theme='dark'] [component-variant="chip-squared-small-f-bright"], [data-theme='light'] [component-variant="chip-squared-small-f-bright"] {
|
|
21112
|
+
--chip-height: 24px;
|
|
21113
|
+
--chip-background-color: var(--decorative-surface-gray);
|
|
21114
|
+
--chip-color: var(--text-primary);
|
|
21115
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
21116
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
21117
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
21118
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
21119
|
+
--chip-padding-left: var(--spacing-space-2);
|
|
21120
|
+
--chip-padding-right: var(--spacing-space-2);
|
|
21121
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
21122
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
21123
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
21124
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
21125
|
+
--chip-font-family: var(--font-family-body);
|
|
21126
|
+
--chip-font-size: var(--font-size-body-small);
|
|
21127
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
21128
|
+
--chip-line-height: var(--line-height-body-small);
|
|
21129
|
+
--chip-paragraph-spacing: 0px;
|
|
21130
|
+
--chip-paragraph-indent: 0px
|
|
21131
|
+
}
|
|
21132
|
+
[data-theme='dark'] [component-variant="chip-squared-small-a-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-a-bright-outline"] {
|
|
21133
|
+
--chip-height: 24px;
|
|
21134
|
+
--chip-background-color: var(--decorative-surface-orange);
|
|
21135
|
+
--chip-color: var(--text-primary);
|
|
21136
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
21137
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
21138
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
21139
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
21140
|
+
--chip-border-color: var(--decorative-border-orange);
|
|
21141
|
+
--chip-border-top-width: 1px;
|
|
21142
|
+
--chip-border-right-width: 1px;
|
|
21143
|
+
--chip-border-bottom-width: 1px;
|
|
21144
|
+
--chip-border-left-width: 1px;
|
|
21145
|
+
--chip-padding-left: var(--spacing-space-2);
|
|
21146
|
+
--chip-padding-right: var(--spacing-space-2);
|
|
21147
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
21148
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
21149
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
21150
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
21151
|
+
--chip-font-family: var(--font-family-body);
|
|
21152
|
+
--chip-font-size: var(--font-size-body-small);
|
|
21153
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
21154
|
+
--chip-line-height: var(--line-height-body-small);
|
|
21155
|
+
--chip-paragraph-spacing: 0px;
|
|
21156
|
+
--chip-paragraph-indent: 0px
|
|
21157
|
+
}
|
|
21158
|
+
[data-theme='dark'] [component-variant="chip-squared-small-b-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-b-bright-outline"] {
|
|
21159
|
+
--chip-height: 24px;
|
|
21160
|
+
--chip-background-color: var(--decorative-surface-green);
|
|
21161
|
+
--chip-color: var(--text-primary);
|
|
21162
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
21163
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
21164
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
21165
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
21166
|
+
--chip-border-color: var(--decorative-border-green);
|
|
21167
|
+
--chip-border-top-width: 1px;
|
|
21168
|
+
--chip-border-right-width: 1px;
|
|
21169
|
+
--chip-border-bottom-width: 1px;
|
|
21170
|
+
--chip-border-left-width: 1px;
|
|
21171
|
+
--chip-padding-left: var(--spacing-space-2);
|
|
21172
|
+
--chip-padding-right: var(--spacing-space-2);
|
|
21173
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
21174
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
21175
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
21176
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
21177
|
+
--chip-font-family: var(--font-family-body);
|
|
21178
|
+
--chip-font-size: var(--font-size-body-small);
|
|
21179
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
21180
|
+
--chip-line-height: var(--line-height-body-small);
|
|
21181
|
+
--chip-paragraph-spacing: 0px;
|
|
21182
|
+
--chip-paragraph-indent: 0px
|
|
21183
|
+
}
|
|
21184
|
+
[data-theme='dark'] [component-variant="chip-squared-small-c-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-c-bright-outline"] {
|
|
21185
|
+
--chip-height: 24px;
|
|
21186
|
+
--chip-background-color: var(--decorative-surface-blue);
|
|
21187
|
+
--chip-color: var(--text-primary);
|
|
21188
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
21189
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
21190
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
21191
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
21192
|
+
--chip-border-color: var(--decorative-border-blue);
|
|
21193
|
+
--chip-border-top-width: 1px;
|
|
21194
|
+
--chip-border-right-width: 1px;
|
|
21195
|
+
--chip-border-bottom-width: 1px;
|
|
21196
|
+
--chip-border-left-width: 1px;
|
|
21197
|
+
--chip-padding-left: var(--spacing-space-2);
|
|
21198
|
+
--chip-padding-right: var(--spacing-space-2);
|
|
21199
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
21200
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
21201
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
21202
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
21203
|
+
--chip-font-family: var(--font-family-body);
|
|
21204
|
+
--chip-font-size: var(--font-size-body-small);
|
|
21205
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
21206
|
+
--chip-line-height: var(--line-height-body-small);
|
|
21207
|
+
--chip-paragraph-spacing: 0px;
|
|
21208
|
+
--chip-paragraph-indent: 0px
|
|
21209
|
+
}
|
|
21210
|
+
[data-theme='dark'] [component-variant="chip-squared-small-d-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-d-bright-outline"] {
|
|
21211
|
+
--chip-height: 24px;
|
|
21212
|
+
--chip-background-color: var(--decorative-surface-purple);
|
|
21213
|
+
--chip-color: var(--text-primary);
|
|
21214
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
21215
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
21216
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
21217
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
21218
|
+
--chip-border-color: var(--decorative-border-purple);
|
|
21219
|
+
--chip-border-top-width: 1px;
|
|
21220
|
+
--chip-border-right-width: 1px;
|
|
21221
|
+
--chip-border-bottom-width: 1px;
|
|
21222
|
+
--chip-border-left-width: 1px;
|
|
21223
|
+
--chip-padding-left: var(--spacing-space-2);
|
|
21224
|
+
--chip-padding-right: var(--spacing-space-2);
|
|
21225
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
21226
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
21227
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
21228
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
21229
|
+
--chip-font-family: var(--font-family-body);
|
|
21230
|
+
--chip-font-size: var(--font-size-body-small);
|
|
21231
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
21232
|
+
--chip-line-height: var(--line-height-body-small);
|
|
21233
|
+
--chip-paragraph-spacing: 0px;
|
|
21234
|
+
--chip-paragraph-indent: 0px
|
|
21235
|
+
}
|
|
21236
|
+
[data-theme='dark'] [component-variant="chip-squared-small-e-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-e-bright-outline"] {
|
|
21237
|
+
--chip-height: 24px;
|
|
21238
|
+
--chip-background-color: var(--decorative-surface-red);
|
|
21239
|
+
--chip-color: var(--text-primary);
|
|
21240
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
21241
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
21242
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
21243
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
21244
|
+
--chip-border-color: var(--decorative-border-red);
|
|
21245
|
+
--chip-border-top-width: 1px;
|
|
21246
|
+
--chip-border-right-width: 1px;
|
|
21247
|
+
--chip-border-bottom-width: 1px;
|
|
21248
|
+
--chip-border-left-width: 1px;
|
|
21249
|
+
--chip-padding-left: var(--spacing-space-2);
|
|
21250
|
+
--chip-padding-right: var(--spacing-space-2);
|
|
21251
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
21252
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
21253
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
21254
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
21255
|
+
--chip-font-family: var(--font-family-body);
|
|
21256
|
+
--chip-font-size: var(--font-size-body-small);
|
|
21257
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
21258
|
+
--chip-line-height: var(--line-height-body-small);
|
|
21259
|
+
--chip-paragraph-spacing: 0px;
|
|
21260
|
+
--chip-paragraph-indent: 0px
|
|
21261
|
+
}
|
|
21262
|
+
[data-theme='dark'] [component-variant="chip-squared-small-f-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-f-bright-outline"] {
|
|
21263
|
+
--chip-height: 24px;
|
|
21264
|
+
--chip-background-color: var(--decorative-surface-gray);
|
|
21265
|
+
--chip-color: var(--text-primary);
|
|
21266
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
21267
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
21268
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
21269
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
21270
|
+
--chip-border-color: var(--decorative-border-grey);
|
|
21271
|
+
--chip-border-top-width: 1px;
|
|
21272
|
+
--chip-border-right-width: 1px;
|
|
21273
|
+
--chip-border-bottom-width: 1px;
|
|
21274
|
+
--chip-border-left-width: 1px;
|
|
21275
|
+
--chip-padding-left: var(--spacing-space-2);
|
|
21276
|
+
--chip-padding-right: var(--spacing-space-2);
|
|
21277
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
21278
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
21279
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
21280
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
21281
|
+
--chip-font-family: var(--font-family-body);
|
|
21282
|
+
--chip-font-size: var(--font-size-body-small);
|
|
21283
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
21284
|
+
--chip-line-height: var(--line-height-body-small);
|
|
21285
|
+
--chip-paragraph-spacing: 0px;
|
|
21286
|
+
--chip-paragraph-indent: 0px
|
|
21287
|
+
}
|
|
21288
|
+
[data-theme='dark'] [component-variant="chip-squared-small-a-subdued"], [data-theme='light'] [component-variant="chip-squared-small-a-subdued"] {
|
|
21289
|
+
--chip-height: 24px;
|
|
21290
|
+
--chip-background-color: var(--surface-background-6);
|
|
21291
|
+
--chip-color: var(--decorative-text-orange);
|
|
21292
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
21293
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
21294
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
21295
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
21296
|
+
--chip-padding-left: var(--spacing-space-2);
|
|
21297
|
+
--chip-padding-right: var(--spacing-space-2);
|
|
21298
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
21299
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
21300
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
21301
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
21302
|
+
--chip-font-family: var(--font-family-body);
|
|
21303
|
+
--chip-font-size: var(--font-size-body-small);
|
|
21304
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
21305
|
+
--chip-line-height: var(--line-height-body-small);
|
|
21306
|
+
--chip-paragraph-spacing: 0px;
|
|
21307
|
+
--chip-paragraph-indent: 0px
|
|
21308
|
+
}
|
|
21309
|
+
[data-theme='dark'] [component-variant="chip-squared-small-a-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-a-subdued-outline"] {
|
|
21310
|
+
--chip-height: 24px;
|
|
21311
|
+
--chip-background-color: var(--surface-background-6);
|
|
21312
|
+
--chip-color: var(--decorative-text-orange);
|
|
21313
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
21314
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
21315
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
21316
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
21317
|
+
--chip-border-color: var(--decorative-border-orange);
|
|
21318
|
+
--chip-border-top-width: 1px;
|
|
21319
|
+
--chip-border-right-width: 1px;
|
|
21320
|
+
--chip-border-bottom-width: 1px;
|
|
21321
|
+
--chip-border-left-width: 1px;
|
|
21322
|
+
--chip-padding-left: var(--spacing-space-2);
|
|
21323
|
+
--chip-padding-right: var(--spacing-space-2);
|
|
21324
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
21325
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
21326
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
21327
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
21328
|
+
--chip-font-family: var(--font-family-body);
|
|
21329
|
+
--chip-font-size: var(--font-size-body-small);
|
|
21330
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
21331
|
+
--chip-line-height: var(--line-height-body-small);
|
|
21332
|
+
--chip-paragraph-spacing: 0px;
|
|
21333
|
+
--chip-paragraph-indent: 0px
|
|
21334
|
+
}
|
|
21335
|
+
[data-theme='dark'] [component-variant="chip-squared-small-b-subdued"], [data-theme='light'] [component-variant="chip-squared-small-b-subdued"] {
|
|
21336
|
+
--chip-height: 24px;
|
|
21337
|
+
--chip-background-color: var(--surface-background-6);
|
|
21338
|
+
--chip-color: var(--decorative-text-green);
|
|
21339
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
21340
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
21341
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
21342
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
21343
|
+
--chip-padding-left: var(--spacing-space-2);
|
|
21344
|
+
--chip-padding-right: var(--spacing-space-2);
|
|
21345
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
21346
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
21347
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
21348
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
21349
|
+
--chip-font-family: var(--font-family-body);
|
|
21350
|
+
--chip-font-size: var(--font-size-body-small);
|
|
21351
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
21352
|
+
--chip-line-height: var(--line-height-body-small);
|
|
21353
|
+
--chip-paragraph-spacing: 0px;
|
|
21354
|
+
--chip-paragraph-indent: 0px
|
|
21355
|
+
}
|
|
21356
|
+
[data-theme='dark'] [component-variant="chip-squared-small-b-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-b-subdued-outline"] {
|
|
21357
|
+
--chip-height: 24px;
|
|
21358
|
+
--chip-background-color: var(--surface-background-6);
|
|
21359
|
+
--chip-color: var(--decorative-text-green);
|
|
21360
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
21361
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
21362
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
21363
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
21364
|
+
--chip-border-color: var(--decorative-border-green);
|
|
21365
|
+
--chip-border-top-width: 1px;
|
|
21366
|
+
--chip-border-right-width: 1px;
|
|
21367
|
+
--chip-border-bottom-width: 1px;
|
|
21368
|
+
--chip-border-left-width: 1px;
|
|
21369
|
+
--chip-padding-left: var(--spacing-space-2);
|
|
21370
|
+
--chip-padding-right: var(--spacing-space-2);
|
|
21371
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
21372
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
21373
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
21374
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
21375
|
+
--chip-font-family: var(--font-family-body);
|
|
21376
|
+
--chip-font-size: var(--font-size-body-small);
|
|
21377
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
21378
|
+
--chip-line-height: var(--line-height-body-small);
|
|
21379
|
+
--chip-paragraph-spacing: 0px;
|
|
21380
|
+
--chip-paragraph-indent: 0px
|
|
21381
|
+
}
|
|
21382
|
+
[data-theme='dark'] [component-variant="chip-squared-small-c-subdued"], [data-theme='light'] [component-variant="chip-squared-small-c-subdued"] {
|
|
21383
|
+
--chip-height: 24px;
|
|
21384
|
+
--chip-background-color: var(--surface-background-6);
|
|
21385
|
+
--chip-color: var(--decorative-text-blue);
|
|
21386
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
21387
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
21388
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
21389
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
21390
|
+
--chip-padding-left: var(--spacing-space-2);
|
|
21391
|
+
--chip-padding-right: var(--spacing-space-2);
|
|
21392
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
21393
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
21394
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
21395
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
21396
|
+
--chip-font-family: var(--font-family-body);
|
|
21397
|
+
--chip-font-size: var(--font-size-body-small);
|
|
21398
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
21399
|
+
--chip-line-height: var(--line-height-body-small);
|
|
21400
|
+
--chip-paragraph-spacing: 0px;
|
|
21401
|
+
--chip-paragraph-indent: 0px
|
|
21402
|
+
}
|
|
21403
|
+
[data-theme='dark'] [component-variant="chip-squared-small-c-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-c-subdued-outline"] {
|
|
21404
|
+
--chip-height: 24px;
|
|
21405
|
+
--chip-background-color: var(--surface-background-6);
|
|
21406
|
+
--chip-color: var(--decorative-text-blue);
|
|
21407
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
21408
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
21409
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
21410
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
21411
|
+
--chip-border-color: var(--decorative-border-blue);
|
|
21412
|
+
--chip-border-top-width: 1px;
|
|
21413
|
+
--chip-border-right-width: 1px;
|
|
21414
|
+
--chip-border-bottom-width: 1px;
|
|
21415
|
+
--chip-border-left-width: 1px;
|
|
21416
|
+
--chip-padding-left: var(--spacing-space-2);
|
|
21417
|
+
--chip-padding-right: var(--spacing-space-2);
|
|
21418
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
21419
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
21420
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
21421
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
21422
|
+
--chip-font-family: var(--font-family-body);
|
|
21423
|
+
--chip-font-size: var(--font-size-body-small);
|
|
21424
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
21425
|
+
--chip-line-height: var(--line-height-body-small);
|
|
21426
|
+
--chip-paragraph-spacing: 0px;
|
|
21427
|
+
--chip-paragraph-indent: 0px
|
|
21428
|
+
}
|
|
21429
|
+
[data-theme='dark'] [component-variant="chip-squared-small-d-subdued"], [data-theme='light'] [component-variant="chip-squared-small-d-subdued"] {
|
|
21430
|
+
--chip-height: 24px;
|
|
21431
|
+
--chip-background-color: var(--surface-background-6);
|
|
21432
|
+
--chip-color: var(--decorative-text-purple);
|
|
21433
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
21434
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
21435
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
21436
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
21437
|
+
--chip-padding-left: var(--spacing-space-2);
|
|
21438
|
+
--chip-padding-right: var(--spacing-space-2);
|
|
21439
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
21440
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
21441
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
21442
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
21443
|
+
--chip-font-family: var(--font-family-body);
|
|
21444
|
+
--chip-font-size: var(--font-size-body-small);
|
|
21445
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
21446
|
+
--chip-line-height: var(--line-height-body-small);
|
|
21447
|
+
--chip-paragraph-spacing: 0px;
|
|
21448
|
+
--chip-paragraph-indent: 0px
|
|
21449
|
+
}
|
|
21450
|
+
[data-theme='dark'] [component-variant="chip-squared-small-d-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-d-subdued-outline"] {
|
|
21451
|
+
--chip-height: 24px;
|
|
21452
|
+
--chip-background-color: var(--surface-background-6);
|
|
21453
|
+
--chip-color: var(--decorative-text-purple);
|
|
21454
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
21455
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
21456
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
21457
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
21458
|
+
--chip-border-color: var(--decorative-border-purple);
|
|
21459
|
+
--chip-border-top-width: 1px;
|
|
21460
|
+
--chip-border-right-width: 1px;
|
|
21461
|
+
--chip-border-bottom-width: 1px;
|
|
21462
|
+
--chip-border-left-width: 1px;
|
|
21463
|
+
--chip-padding-left: var(--spacing-space-2);
|
|
21464
|
+
--chip-padding-right: var(--spacing-space-2);
|
|
21465
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
21466
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
21467
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
21468
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
21469
|
+
--chip-font-family: var(--font-family-body);
|
|
21470
|
+
--chip-font-size: var(--font-size-body-small);
|
|
21471
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
21472
|
+
--chip-line-height: var(--line-height-body-small);
|
|
21473
|
+
--chip-paragraph-spacing: 0px;
|
|
21474
|
+
--chip-paragraph-indent: 0px
|
|
21475
|
+
}
|
|
21476
|
+
[data-theme='dark'] [component-variant="chip-squared-small-e-subdued"], [data-theme='light'] [component-variant="chip-squared-small-e-subdued"] {
|
|
21477
|
+
--chip-height: 24px;
|
|
21478
|
+
--chip-background-color: var(--surface-background-6);
|
|
21479
|
+
--chip-color: var(--decorative-text-red);
|
|
21480
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
21481
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
21482
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
21483
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
21484
|
+
--chip-padding-left: var(--spacing-space-2);
|
|
21485
|
+
--chip-padding-right: var(--spacing-space-2);
|
|
21486
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
21487
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
21488
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
21489
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
21490
|
+
--chip-font-family: var(--font-family-body);
|
|
21491
|
+
--chip-font-size: var(--font-size-body-small);
|
|
21492
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
21493
|
+
--chip-line-height: var(--line-height-body-small);
|
|
21494
|
+
--chip-paragraph-spacing: 0px;
|
|
21495
|
+
--chip-paragraph-indent: 0px
|
|
21496
|
+
}
|
|
21497
|
+
[data-theme='dark'] [component-variant="chip-squared-small-e-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-e-subdued-outline"] {
|
|
21498
|
+
--chip-height: 24px;
|
|
21499
|
+
--chip-background-color: var(--surface-background-6);
|
|
21500
|
+
--chip-color: var(--decorative-text-red);
|
|
21501
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
21502
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
21503
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
21504
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
21505
|
+
--chip-border-color: var(--decorative-border-red);
|
|
21506
|
+
--chip-border-top-width: 1px;
|
|
21507
|
+
--chip-border-right-width: 1px;
|
|
21508
|
+
--chip-border-bottom-width: 1px;
|
|
21509
|
+
--chip-border-left-width: 1px;
|
|
21510
|
+
--chip-padding-left: var(--spacing-space-2);
|
|
21511
|
+
--chip-padding-right: var(--spacing-space-2);
|
|
21512
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
21513
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
21514
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
21515
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
21516
|
+
--chip-font-family: var(--font-family-body);
|
|
21517
|
+
--chip-font-size: var(--font-size-body-small);
|
|
21518
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
21519
|
+
--chip-line-height: var(--line-height-body-small);
|
|
21520
|
+
--chip-paragraph-spacing: 0px;
|
|
21521
|
+
--chip-paragraph-indent: 0px
|
|
21522
|
+
}
|
|
21523
|
+
[data-theme='dark'] [component-variant="chip-squared-small-f-subdued"], [data-theme='light'] [component-variant="chip-squared-small-f-subdued"] {
|
|
21524
|
+
--chip-height: 24px;
|
|
21525
|
+
--chip-background-color: var(--surface-background-6);
|
|
21526
|
+
--chip-color: var(--decorative-text-gray);
|
|
21527
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
21528
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
21529
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
21530
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
21531
|
+
--chip-padding-left: var(--spacing-space-2);
|
|
21532
|
+
--chip-padding-right: var(--spacing-space-2);
|
|
21533
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
21534
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
21535
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
21536
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
21537
|
+
--chip-font-family: var(--font-family-body);
|
|
21538
|
+
--chip-font-size: var(--font-size-body-small);
|
|
21539
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
21540
|
+
--chip-line-height: var(--line-height-body-small);
|
|
21541
|
+
--chip-paragraph-spacing: 0px;
|
|
21542
|
+
--chip-paragraph-indent: 0px
|
|
21543
|
+
}
|
|
21544
|
+
[data-theme='dark'] [component-variant="chip-squared-small-f-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-f-subdued-outline"] {
|
|
21545
|
+
--chip-height: 24px;
|
|
21546
|
+
--chip-background-color: var(--surface-background-6);
|
|
21547
|
+
--chip-color: var(--decorative-text-gray);
|
|
21548
|
+
--chip-border-top-left-radius: var(--numbers-size-1);
|
|
21549
|
+
--chip-border-top-right-radius: var(--numbers-size-1);
|
|
21550
|
+
--chip-border-bottom-left-radius: var(--numbers-size-1);
|
|
21551
|
+
--chip-border-bottom-right-radius: var(--numbers-size-1);
|
|
21552
|
+
--chip-border-color: var(--decorative-border-grey);
|
|
21553
|
+
--chip-border-top-width: 1px;
|
|
21554
|
+
--chip-border-right-width: 1px;
|
|
21555
|
+
--chip-border-bottom-width: 1px;
|
|
21556
|
+
--chip-border-left-width: 1px;
|
|
21557
|
+
--chip-padding-left: var(--spacing-space-2);
|
|
21558
|
+
--chip-padding-right: var(--spacing-space-2);
|
|
21559
|
+
--chip-padding-top: var(--spacing-space-1);
|
|
21560
|
+
--chip-padding-bottom: var(--spacing-space-1);
|
|
21561
|
+
--chip-row-gap: var(--numbers-size-1);
|
|
21562
|
+
--chip-column-gap: var(--numbers-size-1);
|
|
21563
|
+
--chip-font-family: var(--font-family-body);
|
|
21564
|
+
--chip-font-size: var(--font-size-body-small);
|
|
21565
|
+
--chip-font-weight: var(--font-weight-medium);
|
|
21566
|
+
--chip-line-height: var(--line-height-body-small);
|
|
21567
|
+
--chip-paragraph-spacing: 0px;
|
|
21568
|
+
--chip-paragraph-indent: 0px
|
|
21569
|
+
}
|
|
19284
21570
|
[data-theme='dark'] [component-variant^="chip-input-"], [data-theme='light'] [component-variant^="chip-input-"] {
|
|
19285
21571
|
--chip-input-opacity: 1;
|
|
19286
21572
|
--chip-input-height: auto;
|