@capra/core 1.13.0 → 1.14.1
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/index.cjs +357 -76
- package/dist/index.d.cts +229 -56
- package/dist/index.d.mts +229 -56
- package/dist/index.mjs +355 -79
- package/dist/style.css +370 -148
- package/docs/core-alert--design.md +3 -3
- package/docs/core-autocompletefield--design.md +5 -5
- package/docs/core-badge--design.md +12 -4
- package/docs/core-badge--usage.md +7 -1
- package/docs/core-breadcrumbs--design.md +1 -1
- package/docs/core-button--design.md +7 -7
- package/docs/core-buttonlink--design.md +1 -1
- package/docs/core-card--design.md +4 -4
- package/docs/core-checkbox--design.md +2 -2
- package/docs/core-checkbox--usage.md +1 -0
- package/docs/core-collapse--design.md +2 -2
- package/docs/core-divider--design.md +1 -1
- package/docs/core-link--design.md +2 -2
- package/docs/core-selectfield--design.md +1 -1
- package/docs/core-table--design.md +17 -0
- package/docs/core-table--usage.md +198 -0
- package/docs/core-textinput--usage.md +1 -1
- package/docs/core-togglebuttongroup--design.md +89 -0
- package/docs/core-togglebuttongroup--usage.md +113 -0
- package/docs/foundation-page-templates--docs.md +15 -0
- package/docs/history-changelogs-capra-core--docs.md +29 -0
- package/docs/index.md +5 -0
- package/package.json +3 -3
package/dist/style.css
CHANGED
|
@@ -342,7 +342,7 @@
|
|
|
342
342
|
position: absolute;
|
|
343
343
|
overflow: hidden;
|
|
344
344
|
}
|
|
345
|
-
.capra-TextInput-module-
|
|
345
|
+
.capra-TextInput-module--5NVeG-wrapper {
|
|
346
346
|
border: var(--cds2-border-default);
|
|
347
347
|
border-color: var(--cds2-temporary-input-border-primary);
|
|
348
348
|
border-radius: var(--cds2-radius-md);
|
|
@@ -371,7 +371,7 @@
|
|
|
371
371
|
border-color: var(--cds2-temporary-input-border-disabled);
|
|
372
372
|
color: var(--cds2-temporary-input-foreground-disabled);
|
|
373
373
|
|
|
374
|
-
& .capra-TextInput-module-
|
|
374
|
+
& .capra-TextInput-module--5NVeG-leadingSlot, & .capra-TextInput-module--5NVeG-trailingSlot {
|
|
375
375
|
color: var(--cds2-temporary-input-foreground-disabled);
|
|
376
376
|
}
|
|
377
377
|
}
|
|
@@ -379,7 +379,7 @@
|
|
|
379
379
|
&:has( > input:read-only) {
|
|
380
380
|
cursor: default;
|
|
381
381
|
|
|
382
|
-
& .capra-TextInput-module-
|
|
382
|
+
& .capra-TextInput-module--5NVeG-input {
|
|
383
383
|
cursor: default;
|
|
384
384
|
}
|
|
385
385
|
}
|
|
@@ -387,12 +387,12 @@
|
|
|
387
387
|
&:has( > input:disabled) {
|
|
388
388
|
cursor: not-allowed;
|
|
389
389
|
|
|
390
|
-
& .capra-TextInput-module-
|
|
390
|
+
& .capra-TextInput-module--5NVeG-input {
|
|
391
391
|
cursor: not-allowed;
|
|
392
392
|
}
|
|
393
393
|
}
|
|
394
394
|
|
|
395
|
-
& .capra-TextInput-module-
|
|
395
|
+
& .capra-TextInput-module--5NVeG-input {
|
|
396
396
|
min-width: 0;
|
|
397
397
|
color: inherit;
|
|
398
398
|
font: inherit;
|
|
@@ -403,31 +403,31 @@
|
|
|
403
403
|
padding: 0;
|
|
404
404
|
|
|
405
405
|
&::placeholder {
|
|
406
|
-
color: var(--cds2-
|
|
406
|
+
color: var(--cds2-color-foreground-placeholder);
|
|
407
407
|
}
|
|
408
408
|
}
|
|
409
409
|
|
|
410
410
|
&[data-size="sm"] {
|
|
411
411
|
gap: var(--cds2-spacing-sm);
|
|
412
412
|
|
|
413
|
-
&:not(:has(.capra-TextInput-module-
|
|
413
|
+
&:not(:has(.capra-TextInput-module--5NVeG-leadingSlot)) .capra-TextInput-module--5NVeG-input {
|
|
414
414
|
padding-inline-start: var(--cds2-spacing-md);
|
|
415
415
|
}
|
|
416
416
|
|
|
417
|
-
&:not(:has(.capra-TextInput-module-
|
|
417
|
+
&:not(:has(.capra-TextInput-module--5NVeG-trailingSlot)) .capra-TextInput-module--5NVeG-input {
|
|
418
418
|
padding-inline-end: var(--cds2-spacing-md);
|
|
419
419
|
}
|
|
420
420
|
|
|
421
|
-
& .capra-TextInput-module-
|
|
421
|
+
& .capra-TextInput-module--5NVeG-input {
|
|
422
422
|
height: calc(var(--cds2-dimension-component-sm) - 2px);
|
|
423
423
|
font: var(--cds2-typography-body-sm-normal);
|
|
424
424
|
}
|
|
425
425
|
|
|
426
|
-
& .capra-TextInput-module-
|
|
426
|
+
& .capra-TextInput-module--5NVeG-leadingSlot {
|
|
427
427
|
padding-inline-start: var(--cds2-spacing-md);
|
|
428
428
|
}
|
|
429
429
|
|
|
430
|
-
& .capra-TextInput-module-
|
|
430
|
+
& .capra-TextInput-module--5NVeG-trailingSlot {
|
|
431
431
|
padding-inline-end: var(--cds2-spacing-md);
|
|
432
432
|
}
|
|
433
433
|
}
|
|
@@ -435,29 +435,29 @@
|
|
|
435
435
|
&[data-size="md"] {
|
|
436
436
|
gap: var(--cds2-spacing-md);
|
|
437
437
|
|
|
438
|
-
&:not(:has(.capra-TextInput-module-
|
|
438
|
+
&:not(:has(.capra-TextInput-module--5NVeG-leadingSlot)) .capra-TextInput-module--5NVeG-input {
|
|
439
439
|
padding-inline-start: var(--cds2-spacing-md);
|
|
440
440
|
}
|
|
441
441
|
|
|
442
|
-
&:not(:has(.capra-TextInput-module-
|
|
442
|
+
&:not(:has(.capra-TextInput-module--5NVeG-trailingSlot)) .capra-TextInput-module--5NVeG-input {
|
|
443
443
|
padding-inline-end: var(--cds2-spacing-md);
|
|
444
444
|
}
|
|
445
445
|
|
|
446
|
-
& .capra-TextInput-module-
|
|
446
|
+
& .capra-TextInput-module--5NVeG-input {
|
|
447
447
|
height: calc(var(--cds2-dimension-component-md) - 2px);
|
|
448
448
|
font: var(--cds2-typography-body-md-normal);
|
|
449
449
|
}
|
|
450
450
|
|
|
451
|
-
& .capra-TextInput-module-
|
|
451
|
+
& .capra-TextInput-module--5NVeG-leadingSlot {
|
|
452
452
|
padding-inline-start: var(--cds2-spacing-md);
|
|
453
453
|
}
|
|
454
454
|
|
|
455
|
-
& .capra-TextInput-module-
|
|
455
|
+
& .capra-TextInput-module--5NVeG-trailingSlot {
|
|
456
456
|
padding-inline-end: var(--cds2-spacing-md);
|
|
457
457
|
}
|
|
458
458
|
}
|
|
459
459
|
|
|
460
|
-
& .capra-TextInput-module-
|
|
460
|
+
& .capra-TextInput-module--5NVeG-leadingSlot, & .capra-TextInput-module--5NVeG-trailingSlot {
|
|
461
461
|
align-items: center;
|
|
462
462
|
gap: var(--cds2-spacing-xs);
|
|
463
463
|
color: var(--cds2-color-foreground-subtle);
|
|
@@ -465,7 +465,7 @@
|
|
|
465
465
|
display: inline-flex;
|
|
466
466
|
}
|
|
467
467
|
|
|
468
|
-
& .capra-TextInput-module-
|
|
468
|
+
& .capra-TextInput-module--5NVeG-errorIndicator {
|
|
469
469
|
color: var(--cds2-color-foreground-danger-default);
|
|
470
470
|
flex-shrink: 0;
|
|
471
471
|
justify-content: center;
|
|
@@ -473,7 +473,7 @@
|
|
|
473
473
|
display: inline-flex;
|
|
474
474
|
}
|
|
475
475
|
|
|
476
|
-
& .capra-TextInput-module-
|
|
476
|
+
& .capra-TextInput-module--5NVeG-warningIndicator {
|
|
477
477
|
color: var(--cds2-color-foreground-warning-default);
|
|
478
478
|
flex-shrink: 0;
|
|
479
479
|
justify-content: center;
|
|
@@ -1367,8 +1367,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
1367
1367
|
border-color: var(--cds2-core-color-yellow-a6);
|
|
1368
1368
|
color: var(--cds2-core-color-yellow-a11);
|
|
1369
1369
|
}
|
|
1370
|
-
.capra-Checkbox-module-
|
|
1371
|
-
gap: var(--cds2-spacing-md);
|
|
1370
|
+
.capra-Checkbox-module-IniPuq-base {
|
|
1372
1371
|
align-items: center;
|
|
1373
1372
|
display: flex;
|
|
1374
1373
|
|
|
@@ -1376,7 +1375,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
1376
1375
|
align-items: baseline;
|
|
1377
1376
|
}
|
|
1378
1377
|
|
|
1379
|
-
& input[type="checkbox"] {
|
|
1378
|
+
& input[type="checkbox"], & .capra-Checkbox-module-IniPuq-inner {
|
|
1380
1379
|
appearance: none;
|
|
1381
1380
|
cursor: pointer;
|
|
1382
1381
|
border: var(--cds2-border-default);
|
|
@@ -1388,12 +1387,12 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
1388
1387
|
background-color var(--cds2-motion-duration-short) ease;
|
|
1389
1388
|
display: block;
|
|
1390
1389
|
|
|
1391
|
-
&:checked:where(:not([data-indeterminate="true"]):not(:disabled)) {
|
|
1390
|
+
.capra-Checkbox-module-IniPuq-base[data-selected="true"] &:where(:not([data-indeterminate="true"]):not(:disabled)), &:checked:where(:not([data-indeterminate="true"]):not(:disabled)) {
|
|
1392
1391
|
background-color: var(--cds2-color-background-accent-indicator);
|
|
1393
1392
|
border: none;
|
|
1394
1393
|
}
|
|
1395
1394
|
|
|
1396
|
-
&[data-indeterminate="true"]:where(:not(:disabled)) {
|
|
1395
|
+
.capra-Checkbox-module-IniPuq-base[data-indeterminate="true"]:not([data-disabled="true"]) &, &[data-indeterminate="true"]:where(:not(:disabled)) {
|
|
1397
1396
|
background-color: var(--cds2-color-background-accent-indicator);
|
|
1398
1397
|
color: var(--cds2-color-foreground-danger-contrast);
|
|
1399
1398
|
border: none;
|
|
@@ -1403,7 +1402,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
1403
1402
|
border-color: var(--cds2-color-border-accent-strong);
|
|
1404
1403
|
}
|
|
1405
1404
|
|
|
1406
|
-
&:disabled {
|
|
1405
|
+
&:disabled, .capra-Checkbox-module-IniPuq-base[data-disabled="true"] & {
|
|
1407
1406
|
cursor: not-allowed;
|
|
1408
1407
|
border-color: var(--cds2-color-border-disabled);
|
|
1409
1408
|
background-color: var(--cds2-color-background-disabled);
|
|
@@ -1419,18 +1418,18 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
1419
1418
|
cursor: not-allowed;
|
|
1420
1419
|
color: var(--cds2-color-foreground-disabled);
|
|
1421
1420
|
|
|
1422
|
-
& .capra-Checkbox-module-
|
|
1421
|
+
& .capra-Checkbox-module-IniPuq-input {
|
|
1423
1422
|
color: var(--cds2-color-foreground-on-disabled);
|
|
1424
1423
|
}
|
|
1425
1424
|
|
|
1426
|
-
& label {
|
|
1425
|
+
& label, & .capra-Checkbox-module-IniPuq-text {
|
|
1427
1426
|
cursor: not-allowed;
|
|
1428
1427
|
color: var(--cds2-color-foreground-disabled);
|
|
1429
1428
|
}
|
|
1430
1429
|
}
|
|
1431
1430
|
}
|
|
1432
1431
|
|
|
1433
|
-
.capra-Checkbox-module-
|
|
1432
|
+
.capra-Checkbox-module-IniPuq-input {
|
|
1434
1433
|
height: var(--cds2-dimension-component-xs);
|
|
1435
1434
|
width: var(--cds2-dimension-component-xs);
|
|
1436
1435
|
color: var(--cds2-color-foreground-accent-contrast);
|
|
@@ -1445,11 +1444,15 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
1445
1444
|
}
|
|
1446
1445
|
}
|
|
1447
1446
|
|
|
1448
|
-
.capra-Checkbox-module-
|
|
1447
|
+
.capra-Checkbox-module-IniPuq-base[data-has-label="false"] .capra-Checkbox-module-IniPuq-input {
|
|
1449
1448
|
transform: none;
|
|
1450
1449
|
}
|
|
1451
1450
|
|
|
1452
|
-
.capra-Checkbox-module-
|
|
1451
|
+
.capra-Checkbox-module-IniPuq-base[data-focus-visible="true"] {
|
|
1452
|
+
outline: var(--cds2-border-focus);
|
|
1453
|
+
}
|
|
1454
|
+
|
|
1455
|
+
.capra-Checkbox-module-IniPuq-label, .capra-Checkbox-module-IniPuq-text {
|
|
1453
1456
|
color: var(--cds2-color-foreground-default);
|
|
1454
1457
|
cursor: pointer;
|
|
1455
1458
|
font: var(--cds2-typography-body-md-normal);
|
|
@@ -1644,7 +1647,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
1644
1647
|
.capra-InputRow-module-hUHSXW-row > [data-capra-input-row-addon]:only-child {
|
|
1645
1648
|
border-radius: var(--cds2-radius-md);
|
|
1646
1649
|
}
|
|
1647
|
-
.capra-NumberField-module-
|
|
1650
|
+
.capra-NumberField-module-IscOzq-withStepper {
|
|
1648
1651
|
align-items: stretch;
|
|
1649
1652
|
|
|
1650
1653
|
& input {
|
|
@@ -1658,11 +1661,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
1658
1661
|
}
|
|
1659
1662
|
}
|
|
1660
1663
|
|
|
1661
|
-
.capra-NumberField-module-
|
|
1664
|
+
.capra-NumberField-module-IscOzq-slotAlign {
|
|
1662
1665
|
align-self: center;
|
|
1663
1666
|
}
|
|
1664
1667
|
|
|
1665
|
-
.capra-NumberField-module-
|
|
1668
|
+
.capra-NumberField-module-IscOzq-withStepper .capra-NumberField-module-IscOzq-stepper {
|
|
1666
1669
|
border-left: var(--cds2-border-default);
|
|
1667
1670
|
border-color: var(--cds2-temporary-input-border-primary);
|
|
1668
1671
|
border-radius: 0 var(--cds2-radius-md) var(--cds2-radius-md) 0;
|
|
@@ -1672,12 +1675,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
1672
1675
|
flex-direction: column;
|
|
1673
1676
|
flex-shrink: 0;
|
|
1674
1677
|
align-self: stretch;
|
|
1675
|
-
margin-inline-end: calc(-1 * var(--cds2-spacing-md));
|
|
1676
1678
|
display: flex;
|
|
1677
1679
|
overflow: hidden;
|
|
1678
1680
|
}
|
|
1679
1681
|
|
|
1680
|
-
.capra-NumberField-module-
|
|
1682
|
+
.capra-NumberField-module-IscOzq-withStepper .capra-NumberField-module-IscOzq-stepButton {
|
|
1681
1683
|
background: var(--cds2-temporary-input-background-primary);
|
|
1682
1684
|
min-height: 0;
|
|
1683
1685
|
color: var(--cds2-color-foreground-subtle);
|
|
@@ -1701,18 +1703,18 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
1701
1703
|
}
|
|
1702
1704
|
}
|
|
1703
1705
|
|
|
1704
|
-
.capra-NumberField-module-
|
|
1706
|
+
.capra-NumberField-module-IscOzq-withStepper:has(input:disabled) .capra-NumberField-module-IscOzq-stepper, .capra-NumberField-module-IscOzq-withStepper:has(input:read-only) .capra-NumberField-module-IscOzq-stepper {
|
|
1705
1707
|
display: none;
|
|
1706
1708
|
}
|
|
1707
1709
|
|
|
1708
|
-
.capra-NumberField-module-
|
|
1710
|
+
.capra-NumberField-module-IscOzq-withStepper .capra-NumberField-module-IscOzq-stepDivider {
|
|
1709
1711
|
border-top: var(--cds2-border-default);
|
|
1710
1712
|
border-color: var(--cds2-temporary-input-border-primary);
|
|
1711
1713
|
flex-shrink: 0;
|
|
1712
1714
|
height: 0;
|
|
1713
1715
|
}
|
|
1714
1716
|
|
|
1715
|
-
.capra-NumberField-module-
|
|
1717
|
+
.capra-NumberField-module-IscOzq-withStepper .capra-NumberField-module-IscOzq-stepIcon {
|
|
1716
1718
|
line-height: 0;
|
|
1717
1719
|
display: inline-flex;
|
|
1718
1720
|
}
|
|
@@ -2019,7 +2021,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2019
2021
|
color: var(--cds2-color-foreground-danger-default);
|
|
2020
2022
|
margin-block-start: var(--cds2-spacing-xs);
|
|
2021
2023
|
}
|
|
2022
|
-
.capra-SelectField-module-
|
|
2024
|
+
.capra-SelectField-module-0VcKhq-triggerShell {
|
|
2023
2025
|
border: var(--cds2-border-default);
|
|
2024
2026
|
border-radius: var(--cds2-radius-md);
|
|
2025
2027
|
background-color: var(--cds2-temporary-input-background-primary);
|
|
@@ -2054,23 +2056,23 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2054
2056
|
color: var(--cds2-temporary-input-foreground-disabled);
|
|
2055
2057
|
cursor: not-allowed;
|
|
2056
2058
|
|
|
2057
|
-
& .capra-SelectField-module-
|
|
2059
|
+
& .capra-SelectField-module-0VcKhq-leadingSlot, & .capra-SelectField-module-0VcKhq-trailingSlot, & .capra-SelectField-module-0VcKhq-valueText, & .capra-SelectField-module-0VcKhq-tag {
|
|
2058
2060
|
color: var(--cds2-temporary-input-foreground-disabled);
|
|
2059
2061
|
}
|
|
2060
2062
|
}
|
|
2061
2063
|
}
|
|
2062
2064
|
|
|
2063
|
-
.capra-SelectField-module-
|
|
2065
|
+
.capra-SelectField-module-0VcKhq-singleTrigger {
|
|
2064
2066
|
&:focus-visible {
|
|
2065
2067
|
outline: var(--cds2-border-focus);
|
|
2066
2068
|
outline-offset: var(--cds2-spacing-xs);
|
|
2067
2069
|
}
|
|
2068
2070
|
}
|
|
2069
2071
|
|
|
2070
|
-
.capra-SelectField-module-
|
|
2072
|
+
.capra-SelectField-module-0VcKhq-multipleTrigger {
|
|
2071
2073
|
overflow: hidden;
|
|
2072
2074
|
|
|
2073
|
-
&:has(.capra-SelectField-module-
|
|
2075
|
+
&:has(.capra-SelectField-module-0VcKhq-multipleOpenButton:focus-visible) {
|
|
2074
2076
|
outline: var(--cds2-border-focus);
|
|
2075
2077
|
outline-offset: var(--cds2-spacing-xs);
|
|
2076
2078
|
}
|
|
@@ -2080,7 +2082,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2080
2082
|
}
|
|
2081
2083
|
}
|
|
2082
2084
|
|
|
2083
|
-
.capra-SelectField-module-
|
|
2085
|
+
.capra-SelectField-module-0VcKhq-multipleOpenButton {
|
|
2084
2086
|
color: inherit;
|
|
2085
2087
|
cursor: pointer;
|
|
2086
2088
|
background: none;
|
|
@@ -2100,7 +2102,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2100
2102
|
}
|
|
2101
2103
|
}
|
|
2102
2104
|
|
|
2103
|
-
.capra-SelectField-module-
|
|
2105
|
+
.capra-SelectField-module-0VcKhq-leadingSlot, .capra-SelectField-module-0VcKhq-trailingSlot {
|
|
2104
2106
|
align-items: center;
|
|
2105
2107
|
gap: var(--cds2-spacing-md);
|
|
2106
2108
|
color: var(--cds2-color-foreground-subtle);
|
|
@@ -2108,7 +2110,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2108
2110
|
display: inline-flex;
|
|
2109
2111
|
}
|
|
2110
2112
|
|
|
2111
|
-
.capra-SelectField-module-
|
|
2113
|
+
.capra-SelectField-module-0VcKhq-value {
|
|
2112
2114
|
align-items: center;
|
|
2113
2115
|
gap: var(--cds2-spacing-sm);
|
|
2114
2116
|
flex: auto;
|
|
@@ -2116,14 +2118,14 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2116
2118
|
display: flex;
|
|
2117
2119
|
}
|
|
2118
2120
|
|
|
2119
|
-
.capra-SelectField-module-
|
|
2121
|
+
.capra-SelectField-module-0VcKhq-valueIcon {
|
|
2120
2122
|
color: var(--cds2-color-foreground-subtle);
|
|
2121
2123
|
flex-shrink: 0;
|
|
2122
2124
|
align-items: center;
|
|
2123
2125
|
display: inline-flex;
|
|
2124
2126
|
}
|
|
2125
2127
|
|
|
2126
|
-
.capra-SelectField-module-
|
|
2128
|
+
.capra-SelectField-module-0VcKhq-valueText {
|
|
2127
2129
|
text-overflow: ellipsis;
|
|
2128
2130
|
white-space: nowrap;
|
|
2129
2131
|
min-width: 0;
|
|
@@ -2134,13 +2136,13 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2134
2136
|
}
|
|
2135
2137
|
}
|
|
2136
2138
|
|
|
2137
|
-
.capra-SelectField-module-
|
|
2139
|
+
.capra-SelectField-module-0VcKhq-tagGroup {
|
|
2138
2140
|
flex: auto;
|
|
2139
2141
|
min-width: 0;
|
|
2140
2142
|
display: flex;
|
|
2141
2143
|
}
|
|
2142
2144
|
|
|
2143
|
-
.capra-SelectField-module-
|
|
2145
|
+
.capra-SelectField-module-0VcKhq-tagList {
|
|
2144
2146
|
gap: var(--cds2-spacing-xs);
|
|
2145
2147
|
min-width: 0;
|
|
2146
2148
|
padding-block: var(--cds2-spacing-xs);
|
|
@@ -2158,7 +2160,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2158
2160
|
}
|
|
2159
2161
|
}
|
|
2160
2162
|
|
|
2161
|
-
.capra-SelectField-module-
|
|
2163
|
+
.capra-SelectField-module-0VcKhq-tag {
|
|
2162
2164
|
justify-content: space-between;
|
|
2163
2165
|
align-items: center;
|
|
2164
2166
|
gap: var(--cds2-spacing-sm);
|
|
@@ -2194,21 +2196,21 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2194
2196
|
}
|
|
2195
2197
|
}
|
|
2196
2198
|
|
|
2197
|
-
.capra-SelectField-module-
|
|
2199
|
+
.capra-SelectField-module-0VcKhq-tagIcon {
|
|
2198
2200
|
color: var(--cds2-color-foreground-subtle);
|
|
2199
2201
|
flex-shrink: 0;
|
|
2200
2202
|
align-items: center;
|
|
2201
2203
|
display: inline-flex;
|
|
2202
2204
|
}
|
|
2203
2205
|
|
|
2204
|
-
.capra-SelectField-module-
|
|
2206
|
+
.capra-SelectField-module-0VcKhq-tagLabel {
|
|
2205
2207
|
text-overflow: ellipsis;
|
|
2206
2208
|
white-space: nowrap;
|
|
2207
2209
|
min-width: 0;
|
|
2208
2210
|
overflow: hidden;
|
|
2209
2211
|
}
|
|
2210
2212
|
|
|
2211
|
-
.capra-SelectField-module-
|
|
2213
|
+
.capra-SelectField-module-0VcKhq-tagRemove {
|
|
2212
2214
|
width: var(--cds2-dimension-component-xs);
|
|
2213
2215
|
height: var(--cds2-dimension-component-xs);
|
|
2214
2216
|
border-radius: var(--cds2-radius-md);
|
|
@@ -2233,21 +2235,21 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2233
2235
|
}
|
|
2234
2236
|
}
|
|
2235
2237
|
|
|
2236
|
-
.capra-SelectField-module-
|
|
2238
|
+
.capra-SelectField-module-0VcKhq-chevron, .capra-SelectField-module-0VcKhq-warningIndicator, .capra-SelectField-module-0VcKhq-errorIndicator {
|
|
2237
2239
|
justify-content: center;
|
|
2238
2240
|
align-items: center;
|
|
2239
2241
|
display: inline-flex;
|
|
2240
2242
|
}
|
|
2241
2243
|
|
|
2242
|
-
.capra-SelectField-module-
|
|
2244
|
+
.capra-SelectField-module-0VcKhq-warningIndicator {
|
|
2243
2245
|
color: var(--cds2-color-foreground-warning-default);
|
|
2244
2246
|
}
|
|
2245
2247
|
|
|
2246
|
-
.capra-SelectField-module-
|
|
2248
|
+
.capra-SelectField-module-0VcKhq-errorIndicator {
|
|
2247
2249
|
color: var(--cds2-color-foreground-danger-default);
|
|
2248
2250
|
}
|
|
2249
2251
|
|
|
2250
|
-
.capra-SelectField-module-
|
|
2252
|
+
.capra-SelectField-module-0VcKhq-dropdownPanel {
|
|
2251
2253
|
gap: var(--cds2-spacing-sm);
|
|
2252
2254
|
padding: var(--cds2-spacing-sm);
|
|
2253
2255
|
border: var(--cds2-border-default);
|
|
@@ -2259,11 +2261,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2259
2261
|
display: flex;
|
|
2260
2262
|
}
|
|
2261
2263
|
|
|
2262
|
-
.capra-SelectField-module-
|
|
2264
|
+
.capra-SelectField-module-0VcKhq-search {
|
|
2263
2265
|
width: 100%;
|
|
2264
2266
|
}
|
|
2265
2267
|
|
|
2266
|
-
.capra-SelectField-module-
|
|
2268
|
+
.capra-SelectField-module-0VcKhq-listbox {
|
|
2267
2269
|
gap: var(--cds2-spacing-xs);
|
|
2268
2270
|
flex-direction: column;
|
|
2269
2271
|
max-height: 320px;
|
|
@@ -2271,17 +2273,17 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2271
2273
|
overflow-y: auto;
|
|
2272
2274
|
}
|
|
2273
2275
|
|
|
2274
|
-
.capra-SelectField-module-
|
|
2276
|
+
.capra-SelectField-module-0VcKhq-emptyState {
|
|
2275
2277
|
padding: var(--cds2-spacing-sm) var(--cds2-spacing-md);
|
|
2276
2278
|
color: var(--cds2-color-foreground-subtle);
|
|
2277
2279
|
font: var(--cds2-typography-body-md-normal);
|
|
2278
2280
|
}
|
|
2279
2281
|
|
|
2280
|
-
.capra-SelectField-module-
|
|
2282
|
+
.capra-SelectField-module-0VcKhq-section {
|
|
2281
2283
|
display: contents;
|
|
2282
2284
|
}
|
|
2283
2285
|
|
|
2284
|
-
.capra-SelectField-module-
|
|
2286
|
+
.capra-SelectField-module-0VcKhq-header {
|
|
2285
2287
|
box-sizing: border-box;
|
|
2286
2288
|
color: var(--cds2-color-foreground-default);
|
|
2287
2289
|
font: var(--cds2-typography-body-md-semibold);
|
|
@@ -2291,11 +2293,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2291
2293
|
display: flex;
|
|
2292
2294
|
}
|
|
2293
2295
|
|
|
2294
|
-
.capra-SelectField-module-
|
|
2296
|
+
.capra-SelectField-module-0VcKhq-dropdownPanel:focus-visible, .capra-SelectField-module-0VcKhq-listbox:focus-visible {
|
|
2295
2297
|
outline: none;
|
|
2296
2298
|
}
|
|
2297
2299
|
|
|
2298
|
-
.capra-SelectField-module-
|
|
2300
|
+
.capra-SelectField-module-0VcKhq-item {
|
|
2299
2301
|
border-radius: var(--cds2-radius-md);
|
|
2300
2302
|
outline: none;
|
|
2301
2303
|
|
|
@@ -2303,26 +2305,13 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2303
2305
|
outline: none;
|
|
2304
2306
|
}
|
|
2305
2307
|
|
|
2306
|
-
&[data-indent="true"] {
|
|
2307
|
-
padding-inline-start: var(--cds2-spacing-xl);
|
|
2308
|
-
}
|
|
2309
|
-
|
|
2310
|
-
&[data-focused="true"] {
|
|
2311
|
-
background-color: var(--cds-color-state-layer-hover);
|
|
2312
|
-
}
|
|
2313
|
-
|
|
2314
2308
|
&[data-selected="true"] {
|
|
2315
|
-
background-color: var(--cds-color-state-layer-accent-selected);
|
|
2316
|
-
color: var(--cds2-color-foreground-default);
|
|
2317
|
-
}
|
|
2318
|
-
|
|
2319
|
-
.capra-SelectField-module-1X4diq-listbox[data-selection-mode="multiple"] &[data-selected="true"] {
|
|
2320
2309
|
color: var(--cds2-color-foreground-default);
|
|
2321
2310
|
background: none;
|
|
2322
2311
|
}
|
|
2323
2312
|
|
|
2324
|
-
|
|
2325
|
-
background-color: var(--
|
|
2313
|
+
&[data-hovered="true"], &[data-focused="true"] {
|
|
2314
|
+
background-color: var(--cds2-color-background-accent-hover);
|
|
2326
2315
|
}
|
|
2327
2316
|
|
|
2328
2317
|
&[data-disabled="true"] {
|
|
@@ -2331,22 +2320,30 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2331
2320
|
}
|
|
2332
2321
|
}
|
|
2333
2322
|
|
|
2334
|
-
.capra-SelectField-module-
|
|
2323
|
+
.capra-SelectField-module-0VcKhq-itemContent {
|
|
2335
2324
|
align-items: center;
|
|
2336
2325
|
gap: var(--cds2-spacing-sm);
|
|
2337
|
-
padding: var(--cds2-spacing-sm) var(--cds2-spacing-md);
|
|
2326
|
+
padding: var(--cds2-spacing-sm) var(--cds2-spacing-md) var(--cds2-spacing-sm) var(--cds2-spacing-sm);
|
|
2338
2327
|
display: flex;
|
|
2339
2328
|
}
|
|
2340
2329
|
|
|
2341
|
-
.capra-SelectField-module-
|
|
2342
|
-
|
|
2343
|
-
|
|
2330
|
+
.capra-SelectField-module-0VcKhq-itemBody {
|
|
2331
|
+
align-items: center;
|
|
2332
|
+
gap: var(--cds2-spacing-md);
|
|
2333
|
+
min-width: 0;
|
|
2334
|
+
display: inline-flex;
|
|
2335
|
+
}
|
|
2336
|
+
|
|
2337
|
+
.capra-SelectField-module-0VcKhq-itemCheck {
|
|
2338
|
+
width: var(--cds2-dimension-icon-sm);
|
|
2339
|
+
min-width: var(--cds2-dimension-icon-sm);
|
|
2340
|
+
height: var(--cds2-dimension-icon-sm);
|
|
2344
2341
|
color: var(--cds2-color-foreground-default);
|
|
2345
2342
|
justify-content: center;
|
|
2346
2343
|
align-items: center;
|
|
2347
2344
|
display: inline-flex;
|
|
2348
2345
|
|
|
2349
|
-
.capra-SelectField-module-
|
|
2346
|
+
.capra-SelectField-module-0VcKhq-item[data-disabled="true"] & {
|
|
2350
2347
|
color: var(--cds2-color-foreground-on-disabled);
|
|
2351
2348
|
}
|
|
2352
2349
|
}
|
|
@@ -2780,14 +2777,14 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2780
2777
|
transform: translate(-50%) scale(1);
|
|
2781
2778
|
}
|
|
2782
2779
|
}
|
|
2783
|
-
.capra-Drawer-module-
|
|
2780
|
+
.capra-Drawer-module-iRsXUG-root {
|
|
2784
2781
|
z-index: 1000;
|
|
2785
2782
|
pointer-events: none;
|
|
2786
2783
|
position: fixed;
|
|
2787
2784
|
inset: 0;
|
|
2788
2785
|
}
|
|
2789
2786
|
|
|
2790
|
-
.capra-Drawer-module-
|
|
2787
|
+
.capra-Drawer-module-iRsXUG-overlay {
|
|
2791
2788
|
z-index: 0;
|
|
2792
2789
|
pointer-events: auto;
|
|
2793
2790
|
background-color: var(--cds2-color-background-scrim);
|
|
@@ -2795,7 +2792,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2795
2792
|
inset: 0;
|
|
2796
2793
|
}
|
|
2797
2794
|
|
|
2798
|
-
.capra-Drawer-module-
|
|
2795
|
+
.capra-Drawer-module-iRsXUG-sheet {
|
|
2799
2796
|
z-index: 1;
|
|
2800
2797
|
width: clamp(400px, var(--drawer-width, 480px), 80vw);
|
|
2801
2798
|
pointer-events: auto;
|
|
@@ -2808,48 +2805,48 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2808
2805
|
overflow: hidden;
|
|
2809
2806
|
}
|
|
2810
2807
|
|
|
2811
|
-
.capra-Drawer-module-
|
|
2808
|
+
.capra-Drawer-module-iRsXUG-sheet[data-placement="right"] {
|
|
2812
2809
|
box-shadow: var(--cds2-shadow-high-left);
|
|
2813
2810
|
top: 0;
|
|
2814
2811
|
bottom: 0;
|
|
2815
2812
|
right: 0;
|
|
2816
2813
|
}
|
|
2817
2814
|
|
|
2818
|
-
.capra-Drawer-module-
|
|
2815
|
+
.capra-Drawer-module-iRsXUG-sheet[data-placement="left"] {
|
|
2819
2816
|
box-shadow: var(--cds2-shadow-high-right);
|
|
2820
2817
|
top: 0;
|
|
2821
2818
|
bottom: 0;
|
|
2822
2819
|
left: 0;
|
|
2823
2820
|
}
|
|
2824
2821
|
|
|
2825
|
-
.capra-Drawer-module-
|
|
2826
|
-
animation: capra-Drawer-module-
|
|
2822
|
+
.capra-Drawer-module-iRsXUG-root[data-open="true"] .capra-Drawer-module-iRsXUG-sheet[data-placement="right"] {
|
|
2823
|
+
animation: capra-Drawer-module-iRsXUG-drawerInFromRight var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard);
|
|
2827
2824
|
}
|
|
2828
2825
|
|
|
2829
|
-
.capra-Drawer-module-
|
|
2830
|
-
animation: capra-Drawer-module-
|
|
2826
|
+
.capra-Drawer-module-iRsXUG-root[data-open="true"] .capra-Drawer-module-iRsXUG-sheet[data-placement="left"] {
|
|
2827
|
+
animation: capra-Drawer-module-iRsXUG-drawerInFromLeft var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard);
|
|
2831
2828
|
}
|
|
2832
2829
|
|
|
2833
|
-
.capra-Drawer-module-
|
|
2834
|
-
animation: capra-Drawer-module-
|
|
2830
|
+
.capra-Drawer-module-iRsXUG-root[data-open="false"] .capra-Drawer-module-iRsXUG-sheet[data-placement="right"] {
|
|
2831
|
+
animation: capra-Drawer-module-iRsXUG-drawerOutToRight var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard) forwards;
|
|
2835
2832
|
}
|
|
2836
2833
|
|
|
2837
|
-
.capra-Drawer-module-
|
|
2838
|
-
animation: capra-Drawer-module-
|
|
2834
|
+
.capra-Drawer-module-iRsXUG-root[data-open="false"] .capra-Drawer-module-iRsXUG-sheet[data-placement="left"] {
|
|
2835
|
+
animation: capra-Drawer-module-iRsXUG-drawerOutToLeft var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard) forwards;
|
|
2839
2836
|
}
|
|
2840
2837
|
|
|
2841
|
-
.capra-Drawer-module-
|
|
2838
|
+
.capra-Drawer-module-iRsXUG-header {
|
|
2842
2839
|
justify-content: space-between;
|
|
2843
2840
|
align-items: flex-start;
|
|
2844
2841
|
gap: var(--cds2-spacing-md);
|
|
2845
|
-
padding: var(--cds2-spacing-lg);
|
|
2842
|
+
padding: var(--cds2-spacing-md) var(--cds2-spacing-lg);
|
|
2846
2843
|
border-bottom: 1px solid var(--cds2-color-border-neutral-subtle);
|
|
2847
2844
|
background-color: var(--cds2-color-background-neutral-subtle);
|
|
2848
2845
|
flex-shrink: 0;
|
|
2849
2846
|
display: flex;
|
|
2850
2847
|
}
|
|
2851
2848
|
|
|
2852
|
-
.capra-Drawer-module-
|
|
2849
|
+
.capra-Drawer-module-iRsXUG-headerMain {
|
|
2853
2850
|
gap: var(--cds2-spacing-xs);
|
|
2854
2851
|
flex-direction: column;
|
|
2855
2852
|
flex: 1;
|
|
@@ -2857,7 +2854,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2857
2854
|
display: flex;
|
|
2858
2855
|
}
|
|
2859
2856
|
|
|
2860
|
-
.capra-Drawer-module-
|
|
2857
|
+
.capra-Drawer-module-iRsXUG-expandedTitleLayout {
|
|
2861
2858
|
align-items: center;
|
|
2862
2859
|
gap: var(--cds2-spacing-md);
|
|
2863
2860
|
flex-direction: row;
|
|
@@ -2865,20 +2862,20 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2865
2862
|
display: flex;
|
|
2866
2863
|
}
|
|
2867
2864
|
|
|
2868
|
-
.capra-Drawer-module-
|
|
2865
|
+
.capra-Drawer-module-iRsXUG-description {
|
|
2869
2866
|
font: var(--cds2-typography-body-md-normal);
|
|
2870
2867
|
color: var(--cds2-color-foreground-neutral-default);
|
|
2871
2868
|
margin: 0;
|
|
2872
2869
|
}
|
|
2873
2870
|
|
|
2874
|
-
.capra-Drawer-module-
|
|
2871
|
+
.capra-Drawer-module-iRsXUG-headerTrailing {
|
|
2875
2872
|
align-items: center;
|
|
2876
2873
|
gap: var(--cds2-spacing-md);
|
|
2877
2874
|
flex-shrink: 0;
|
|
2878
2875
|
display: flex;
|
|
2879
2876
|
}
|
|
2880
2877
|
|
|
2881
|
-
.capra-Drawer-module-
|
|
2878
|
+
.capra-Drawer-module-iRsXUG-body {
|
|
2882
2879
|
min-width: 0;
|
|
2883
2880
|
min-height: 0;
|
|
2884
2881
|
padding: var(--cds2-spacing-lg);
|
|
@@ -2888,7 +2885,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2888
2885
|
overflow: hidden auto;
|
|
2889
2886
|
}
|
|
2890
2887
|
|
|
2891
|
-
.capra-Drawer-module-
|
|
2888
|
+
.capra-Drawer-module-iRsXUG-footer {
|
|
2892
2889
|
justify-content: flex-end;
|
|
2893
2890
|
align-items: center;
|
|
2894
2891
|
gap: var(--cds2-spacing-md);
|
|
@@ -2900,7 +2897,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2900
2897
|
display: flex;
|
|
2901
2898
|
}
|
|
2902
2899
|
|
|
2903
|
-
@keyframes capra-Drawer-module-
|
|
2900
|
+
@keyframes capra-Drawer-module-iRsXUG-drawerInFromRight {
|
|
2904
2901
|
from {
|
|
2905
2902
|
transform: translateX(100%);
|
|
2906
2903
|
}
|
|
@@ -2910,7 +2907,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2910
2907
|
}
|
|
2911
2908
|
}
|
|
2912
2909
|
|
|
2913
|
-
@keyframes capra-Drawer-module-
|
|
2910
|
+
@keyframes capra-Drawer-module-iRsXUG-drawerInFromLeft {
|
|
2914
2911
|
from {
|
|
2915
2912
|
transform: translateX(-100%);
|
|
2916
2913
|
}
|
|
@@ -2920,7 +2917,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2920
2917
|
}
|
|
2921
2918
|
}
|
|
2922
2919
|
|
|
2923
|
-
@keyframes capra-Drawer-module-
|
|
2920
|
+
@keyframes capra-Drawer-module-iRsXUG-drawerOutToRight {
|
|
2924
2921
|
from {
|
|
2925
2922
|
transform: translateX(0);
|
|
2926
2923
|
}
|
|
@@ -2930,7 +2927,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2930
2927
|
}
|
|
2931
2928
|
}
|
|
2932
2929
|
|
|
2933
|
-
@keyframes capra-Drawer-module-
|
|
2930
|
+
@keyframes capra-Drawer-module-iRsXUG-drawerOutToLeft {
|
|
2934
2931
|
from {
|
|
2935
2932
|
transform: translateX(0);
|
|
2936
2933
|
}
|
|
@@ -3090,15 +3087,63 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3090
3087
|
border: none;
|
|
3091
3088
|
}
|
|
3092
3089
|
}
|
|
3093
|
-
.capra-
|
|
3094
|
-
|
|
3090
|
+
.capra-ToggleButtonGroup-module-cS5LeW-base {
|
|
3091
|
+
display: inline-flex;
|
|
3092
|
+
|
|
3093
|
+
& > button {
|
|
3094
|
+
z-index: 1;
|
|
3095
|
+
border-radius: 0;
|
|
3096
|
+
margin-inline-start: -1px;
|
|
3097
|
+
|
|
3098
|
+
&:first-child {
|
|
3099
|
+
border-start-start-radius: var(--cds2-radius-md);
|
|
3100
|
+
border-end-start-radius: var(--cds2-radius-md);
|
|
3101
|
+
margin-inline-start: 0;
|
|
3102
|
+
}
|
|
3103
|
+
|
|
3104
|
+
&:last-child {
|
|
3105
|
+
border-start-end-radius: var(--cds2-radius-md);
|
|
3106
|
+
border-end-end-radius: var(--cds2-radius-md);
|
|
3107
|
+
}
|
|
3108
|
+
|
|
3109
|
+
&:only-child {
|
|
3110
|
+
border-radius: var(--cds2-radius-md);
|
|
3111
|
+
}
|
|
3112
|
+
|
|
3113
|
+
&[data-selected="true"] {
|
|
3114
|
+
z-index: 2;
|
|
3115
|
+
}
|
|
3116
|
+
|
|
3117
|
+
&:hover, &:focus-visible {
|
|
3118
|
+
z-index: 3;
|
|
3119
|
+
}
|
|
3120
|
+
|
|
3121
|
+
&[data-disabled="true"] {
|
|
3122
|
+
z-index: 0;
|
|
3123
|
+
}
|
|
3124
|
+
}
|
|
3125
|
+
|
|
3126
|
+
& > [data-variant="secondary"][data-selected="true"]:not([data-disabled="true"]) {
|
|
3127
|
+
border-color: var(--cds2-color-border-accent-strong);
|
|
3128
|
+
color: var(--cds2-color-foreground-accent-default);
|
|
3129
|
+
background-color: var(--cds2-color-background-accent-default);
|
|
3130
|
+
}
|
|
3131
|
+
}
|
|
3132
|
+
.capra-Link-module-OvXy7G-base {
|
|
3133
|
+
color: var(--cds2-color-foreground-link);
|
|
3095
3134
|
align-items: center;
|
|
3096
3135
|
gap: var(--cds2-spacing-xs);
|
|
3097
3136
|
flex-direction: row;
|
|
3137
|
+
line-height: 1;
|
|
3098
3138
|
display: inline-flex;
|
|
3139
|
+
|
|
3140
|
+
&:hover {
|
|
3141
|
+
color: var(--cds2-color-foreground-link);
|
|
3142
|
+
text-decoration: underline;
|
|
3143
|
+
}
|
|
3099
3144
|
}
|
|
3100
3145
|
|
|
3101
|
-
.capra-Link-module-
|
|
3146
|
+
.capra-Link-module-OvXy7G-base:focus-visible {
|
|
3102
3147
|
border-radius: var(--cds2-radius-md);
|
|
3103
3148
|
outline: var(--cds2-border-focus);
|
|
3104
3149
|
outline-offset: var(--cds2-spacing-xs);
|
|
@@ -3780,7 +3825,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3780
3825
|
.capra-Toast-module-p7lQQG-toast[data-type="error"] {
|
|
3781
3826
|
--_cds-toast-icon-color: var(--cds2-color-foreground-danger-default);
|
|
3782
3827
|
}
|
|
3783
|
-
.capra-Menu-module-
|
|
3828
|
+
.capra-Menu-module-eTI_TG-menu, .capra-Menu-module-eTI_TG-list {
|
|
3784
3829
|
gap: var(--cds2-spacing-xs);
|
|
3785
3830
|
box-sizing: border-box;
|
|
3786
3831
|
min-width: 152px;
|
|
@@ -3791,7 +3836,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3791
3836
|
display: flex;
|
|
3792
3837
|
overflow: auto;
|
|
3793
3838
|
|
|
3794
|
-
& > :not(:last-child):not(.capra-Menu-module-
|
|
3839
|
+
& > :not(:last-child):not(.capra-Menu-module-eTI_TG-divider):not(:has( + .capra-Menu-module-eTI_TG-divider)) {
|
|
3795
3840
|
margin-block-end: var(--cds2-spacing-xs);
|
|
3796
3841
|
}
|
|
3797
3842
|
|
|
@@ -3800,7 +3845,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3800
3845
|
}
|
|
3801
3846
|
}
|
|
3802
3847
|
|
|
3803
|
-
.capra-Menu-module-
|
|
3848
|
+
.capra-Menu-module-eTI_TG-menu {
|
|
3804
3849
|
padding: 5px;
|
|
3805
3850
|
|
|
3806
3851
|
&[data-panel-padding="none"] {
|
|
@@ -3808,11 +3853,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3808
3853
|
}
|
|
3809
3854
|
}
|
|
3810
3855
|
|
|
3811
|
-
.capra-Menu-module-
|
|
3856
|
+
.capra-Menu-module-eTI_TG-menuTriggerSlot {
|
|
3812
3857
|
display: inline-block;
|
|
3813
3858
|
}
|
|
3814
3859
|
|
|
3815
|
-
.capra-Menu-module-
|
|
3860
|
+
.capra-Menu-module-eTI_TG-menuItem {
|
|
3816
3861
|
appearance: none;
|
|
3817
3862
|
border-radius: var(--cds-radius-sm);
|
|
3818
3863
|
color: var(--cds2-color-foreground-default);
|
|
@@ -3820,6 +3865,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3820
3865
|
font: var(--cds2-typography-body-md-normal);
|
|
3821
3866
|
min-height: var(--cds2-dimension-component-md);
|
|
3822
3867
|
text-align: start;
|
|
3868
|
+
white-space: nowrap;
|
|
3823
3869
|
background: none;
|
|
3824
3870
|
border: none;
|
|
3825
3871
|
gap: 0;
|
|
@@ -3836,6 +3882,10 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3836
3882
|
outline: none;
|
|
3837
3883
|
}
|
|
3838
3884
|
|
|
3885
|
+
&[data-allow-line-wrap="true"] {
|
|
3886
|
+
white-space: normal;
|
|
3887
|
+
}
|
|
3888
|
+
|
|
3839
3889
|
&[data-focus-visible="true"] {
|
|
3840
3890
|
outline: var(--cds2-border-focus);
|
|
3841
3891
|
outline-offset: var(--cds2-spacing-xs);
|
|
@@ -3845,11 +3895,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3845
3895
|
color: var(--cds2-color-foreground-disabled);
|
|
3846
3896
|
cursor: not-allowed;
|
|
3847
3897
|
|
|
3848
|
-
& .capra-Menu-module-
|
|
3898
|
+
& .capra-Menu-module-eTI_TG-menuItemListItemShell, & .capra-Menu-module-eTI_TG-menuItemLabel, & .capra-Menu-module-eTI_TG-menuItemDescription, & .capra-Menu-module-eTI_TG-menuItemShortcut {
|
|
3849
3899
|
color: var(--cds2-color-foreground-disabled);
|
|
3850
3900
|
}
|
|
3851
3901
|
|
|
3852
|
-
& .capra-Menu-module-
|
|
3902
|
+
& .capra-Menu-module-eTI_TG-menuItemShortcut {
|
|
3853
3903
|
background-color: var(--cds-color-background-secondary);
|
|
3854
3904
|
border: var(--cds2-border-default);
|
|
3855
3905
|
}
|
|
@@ -3859,7 +3909,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3859
3909
|
background-color: var(--cds2-color-background-accent-selected);
|
|
3860
3910
|
color: var(--cds2-color-foreground-default);
|
|
3861
3911
|
|
|
3862
|
-
& .capra-Menu-module-
|
|
3912
|
+
& .capra-Menu-module-eTI_TG-menuItemLabel {
|
|
3863
3913
|
color: inherit;
|
|
3864
3914
|
}
|
|
3865
3915
|
}
|
|
@@ -3868,7 +3918,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3868
3918
|
background-color: var(--cds2-color-background-neutral-hover);
|
|
3869
3919
|
color: var(--cds2-color-foreground-default);
|
|
3870
3920
|
|
|
3871
|
-
& .capra-Menu-module-
|
|
3921
|
+
& .capra-Menu-module-eTI_TG-menuItemLabel {
|
|
3872
3922
|
color: inherit;
|
|
3873
3923
|
}
|
|
3874
3924
|
}
|
|
@@ -3876,11 +3926,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3876
3926
|
&[data-variant="danger"] {
|
|
3877
3927
|
color: var(--cds2-color-foreground-danger-default);
|
|
3878
3928
|
|
|
3879
|
-
& .capra-Menu-module-
|
|
3929
|
+
& .capra-Menu-module-eTI_TG-menuItemLabel {
|
|
3880
3930
|
color: inherit;
|
|
3881
3931
|
}
|
|
3882
3932
|
|
|
3883
|
-
&:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-
|
|
3933
|
+
&:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-eTI_TG-menuItemShortcut {
|
|
3884
3934
|
border: var(--cds2-border-default);
|
|
3885
3935
|
color: var(--cds2-color-foreground-danger-default);
|
|
3886
3936
|
}
|
|
@@ -3905,52 +3955,52 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3905
3955
|
}
|
|
3906
3956
|
|
|
3907
3957
|
&[data-has-description="true"] {
|
|
3908
|
-
& .capra-Menu-module-
|
|
3958
|
+
& .capra-Menu-module-eTI_TG-menuItemTrailingGutter {
|
|
3909
3959
|
align-self: center;
|
|
3910
3960
|
height: auto !important;
|
|
3911
3961
|
}
|
|
3912
3962
|
|
|
3913
|
-
& .capra-Menu-module-
|
|
3963
|
+
& .capra-Menu-module-eTI_TG-menuItemListItemShell {
|
|
3914
3964
|
align-items: start;
|
|
3915
3965
|
}
|
|
3916
3966
|
}
|
|
3917
3967
|
|
|
3918
|
-
& .capra-Menu-module-
|
|
3968
|
+
& .capra-Menu-module-eTI_TG-menuItemListItemShell {
|
|
3919
3969
|
width: 100%;
|
|
3920
3970
|
color: inherit;
|
|
3921
3971
|
align-items: center;
|
|
3922
3972
|
}
|
|
3923
3973
|
}
|
|
3924
3974
|
|
|
3925
|
-
.capra-Menu-module-
|
|
3975
|
+
.capra-Menu-module-eTI_TG-menuItemLeadingGutter {
|
|
3926
3976
|
margin-inline-end: var(--cds2-spacing-md);
|
|
3927
3977
|
|
|
3928
|
-
& .capra-Menu-module-
|
|
3978
|
+
& .capra-Menu-module-eTI_TG-slot {
|
|
3929
3979
|
line-height: 0;
|
|
3930
3980
|
}
|
|
3931
3981
|
}
|
|
3932
3982
|
|
|
3933
|
-
.capra-Menu-module-
|
|
3983
|
+
.capra-Menu-module-eTI_TG-menuItemTrailingGutter {
|
|
3934
3984
|
margin-inline-start: var(--cds2-spacing-md);
|
|
3935
3985
|
}
|
|
3936
3986
|
|
|
3937
|
-
.capra-Menu-module-
|
|
3987
|
+
.capra-Menu-module-eTI_TG-menuItemTrailingGroup {
|
|
3938
3988
|
align-items: center;
|
|
3939
3989
|
gap: var(--cds2-spacing-md);
|
|
3940
3990
|
display: inline-flex;
|
|
3941
3991
|
}
|
|
3942
3992
|
|
|
3943
|
-
.capra-Menu-module-
|
|
3993
|
+
.capra-Menu-module-eTI_TG-menuItemLabel {
|
|
3944
3994
|
color: inherit;
|
|
3945
3995
|
font: var(--cds2-typography-body-md-normal);
|
|
3946
3996
|
}
|
|
3947
3997
|
|
|
3948
|
-
.capra-Menu-module-
|
|
3998
|
+
.capra-Menu-module-eTI_TG-menuItemDescription {
|
|
3949
3999
|
color: var(--cds2-color-foreground-default);
|
|
3950
4000
|
font: var(--cds2-typography-body-sm-normal);
|
|
3951
4001
|
}
|
|
3952
4002
|
|
|
3953
|
-
.capra-Menu-module-
|
|
4003
|
+
.capra-Menu-module-eTI_TG-menuItemShortcut {
|
|
3954
4004
|
background-color: var(--cds2-color-neutral-surface);
|
|
3955
4005
|
border: var(--cds2-border-default);
|
|
3956
4006
|
border-color: var(--cds2-color-border-neutral-subtle);
|
|
@@ -3964,9 +4014,9 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3964
4014
|
display: inline-flex;
|
|
3965
4015
|
}
|
|
3966
4016
|
|
|
3967
|
-
.capra-Menu-module-
|
|
3968
|
-
& .capra-Menu-module-
|
|
3969
|
-
&:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-
|
|
4017
|
+
.capra-Menu-module-eTI_TG-menu[data-item-hover-appearance="accent"] {
|
|
4018
|
+
& .capra-Menu-module-eTI_TG-menuItem {
|
|
4019
|
+
&:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-eTI_TG-menuItemShortcut {
|
|
3970
4020
|
color: var(--cds2-color-foreground-subtle);
|
|
3971
4021
|
}
|
|
3972
4022
|
|
|
@@ -3979,7 +4029,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3979
4029
|
border-inline-end: none;
|
|
3980
4030
|
}
|
|
3981
4031
|
|
|
3982
|
-
&[data-active="true"] .capra-Menu-module-
|
|
4032
|
+
&[data-active="true"] .capra-Menu-module-eTI_TG-menuItemLabel {
|
|
3983
4033
|
font: var(--cds2-typography-body-md-normal);
|
|
3984
4034
|
}
|
|
3985
4035
|
}
|
|
@@ -3989,7 +4039,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3989
4039
|
border-inline-end: 2px solid var(--cds2-color-border-accent-default);
|
|
3990
4040
|
color: var(--cds2-color-foreground-accent-default);
|
|
3991
4041
|
|
|
3992
|
-
& .capra-Menu-module-
|
|
4042
|
+
& .capra-Menu-module-eTI_TG-menuItemLabel {
|
|
3993
4043
|
color: var(--cds2-color-foreground-accent-default);
|
|
3994
4044
|
font: var(--cds2-typography-body-md-semibold);
|
|
3995
4045
|
}
|
|
@@ -4005,7 +4055,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
4005
4055
|
border-inline-end: 2px solid var(--cds2-color-border-accent-default);
|
|
4006
4056
|
color: var(--cds2-color-foreground-accent-default);
|
|
4007
4057
|
|
|
4008
|
-
& .capra-Menu-module-
|
|
4058
|
+
& .capra-Menu-module-eTI_TG-menuItemLabel {
|
|
4009
4059
|
color: var(--cds2-color-foreground-accent-default);
|
|
4010
4060
|
font: var(--cds2-typography-body-md-semibold);
|
|
4011
4061
|
}
|
|
@@ -4020,7 +4070,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
4020
4070
|
background-color: var(--cds2-color-background-danger-subtle);
|
|
4021
4071
|
color: var(--cds2-color-foreground-danger-default);
|
|
4022
4072
|
|
|
4023
|
-
& .capra-Menu-module-
|
|
4073
|
+
& .capra-Menu-module-eTI_TG-menuItemLabel {
|
|
4024
4074
|
font: var(--cds2-typography-body-md-normal);
|
|
4025
4075
|
}
|
|
4026
4076
|
}
|
|
@@ -4030,7 +4080,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
4030
4080
|
border-inline-end: 2px solid var(--cds2-color-border-accent-default);
|
|
4031
4081
|
color: var(--cds2-color-foreground-danger-default);
|
|
4032
4082
|
|
|
4033
|
-
& .capra-Menu-module-
|
|
4083
|
+
& .capra-Menu-module-eTI_TG-menuItemLabel {
|
|
4034
4084
|
color: var(--cds2-color-foreground-danger-default);
|
|
4035
4085
|
font: var(--cds2-typography-body-md-semibold);
|
|
4036
4086
|
}
|
|
@@ -4043,23 +4093,23 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
4043
4093
|
}
|
|
4044
4094
|
|
|
4045
4095
|
&[data-item-active-accent-bar="false"] {
|
|
4046
|
-
& .capra-Menu-module-
|
|
4096
|
+
& .capra-Menu-module-eTI_TG-menuItem[data-active="true"], & .capra-Menu-module-eTI_TG-menuItem[data-has-submenu][data-open] {
|
|
4047
4097
|
border-inline-end: none;
|
|
4048
4098
|
}
|
|
4049
4099
|
}
|
|
4050
4100
|
|
|
4051
4101
|
&[data-item-active-label-semibold="false"] {
|
|
4052
|
-
& .capra-Menu-module-
|
|
4102
|
+
& .capra-Menu-module-eTI_TG-menuItem[data-active="true"] .capra-Menu-module-eTI_TG-menuItemLabel, & .capra-Menu-module-eTI_TG-menuItem[data-has-submenu][data-open] .capra-Menu-module-eTI_TG-menuItemLabel {
|
|
4053
4103
|
font: var(--cds2-typography-body-md-normal);
|
|
4054
4104
|
}
|
|
4055
4105
|
}
|
|
4056
4106
|
}
|
|
4057
4107
|
|
|
4058
|
-
.capra-Menu-module-
|
|
4108
|
+
.capra-Menu-module-eTI_TG-section {
|
|
4059
4109
|
display: contents;
|
|
4060
4110
|
}
|
|
4061
4111
|
|
|
4062
|
-
.capra-Menu-module-
|
|
4112
|
+
.capra-Menu-module-eTI_TG-header {
|
|
4063
4113
|
box-sizing: border-box;
|
|
4064
4114
|
color: var(--cds2-color-foreground-default);
|
|
4065
4115
|
font: var(--cds2-typography-body-md-semibold);
|
|
@@ -4070,7 +4120,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
4070
4120
|
display: flex;
|
|
4071
4121
|
}
|
|
4072
4122
|
|
|
4073
|
-
.capra-Menu-module-
|
|
4123
|
+
.capra-Menu-module-eTI_TG-divider {
|
|
4074
4124
|
border: none;
|
|
4075
4125
|
border-block-start: var(--cds2-border-default);
|
|
4076
4126
|
border-color: var(--cds2-color-border-neutral-subtle);
|
|
@@ -4432,6 +4482,178 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
4432
4482
|
gap: var(--cds2-spacing-md);
|
|
4433
4483
|
display: inline-flex;
|
|
4434
4484
|
}
|
|
4485
|
+
.capra-FilterToolbar-module-1TgfVW-toolbar {
|
|
4486
|
+
border-radius: var(--cds2-radius-md);
|
|
4487
|
+
padding: var(--cds2-spacing-sm) var(--cds2-spacing-md);
|
|
4488
|
+
flex-direction: row;
|
|
4489
|
+
justify-content: space-between;
|
|
4490
|
+
align-items: center;
|
|
4491
|
+
display: flex;
|
|
4492
|
+
|
|
4493
|
+
&[data-mode="bulk-edit"] {
|
|
4494
|
+
background-color: var(--cds2-color-background-neutral-default);
|
|
4495
|
+
}
|
|
4496
|
+
}
|
|
4497
|
+
.capra-Table-module-YRCV0q-base {
|
|
4498
|
+
background-color: var(--cds2-color-background-panel-solid);
|
|
4499
|
+
width: 100%;
|
|
4500
|
+
overflow: auto;
|
|
4501
|
+
}
|
|
4502
|
+
|
|
4503
|
+
.capra-Table-module-YRCV0q-header {
|
|
4504
|
+
background-color: var(--cds2-color-background-neutral-subtle);
|
|
4505
|
+
z-index: 2;
|
|
4506
|
+
border-radius: var(--cds2-radius-md);
|
|
4507
|
+
position: sticky;
|
|
4508
|
+
top: 0;
|
|
4509
|
+
|
|
4510
|
+
&:after {
|
|
4511
|
+
content: "";
|
|
4512
|
+
border: var(--cds2-border-default);
|
|
4513
|
+
border-radius: inherit;
|
|
4514
|
+
pointer-events: none;
|
|
4515
|
+
position: absolute;
|
|
4516
|
+
inset: 0;
|
|
4517
|
+
}
|
|
4518
|
+
}
|
|
4519
|
+
|
|
4520
|
+
.capra-Table-module-YRCV0q-column {
|
|
4521
|
+
font: var(--cds2-typography-body-md-semibold);
|
|
4522
|
+
padding-inline: var(--cds2-spacing-lg);
|
|
4523
|
+
position: relative;
|
|
4524
|
+
overflow: clip;
|
|
4525
|
+
|
|
4526
|
+
&[data-focus-visible] {
|
|
4527
|
+
outline: var(--cds2-border-focus);
|
|
4528
|
+
outline-offset: -2px;
|
|
4529
|
+
}
|
|
4530
|
+
|
|
4531
|
+
[data-density="default"] & {
|
|
4532
|
+
height: var(--cds2-dimension-component-lg);
|
|
4533
|
+
padding-block: var(--cds2-spacing-md);
|
|
4534
|
+
}
|
|
4535
|
+
|
|
4536
|
+
[data-density="compact"] & {
|
|
4537
|
+
height: var(--cds2-dimension-component-md);
|
|
4538
|
+
padding-block: var(--cds2-spacing-sm);
|
|
4539
|
+
}
|
|
4540
|
+
|
|
4541
|
+
[data-density="tight"] & {
|
|
4542
|
+
height: var(--cds2-dimension-component-sm);
|
|
4543
|
+
}
|
|
4544
|
+
|
|
4545
|
+
&[data-allows-sorting] {
|
|
4546
|
+
cursor: pointer;
|
|
4547
|
+
}
|
|
4548
|
+
}
|
|
4549
|
+
|
|
4550
|
+
.capra-Table-module-YRCV0q-columnHeader {
|
|
4551
|
+
justify-content: space-between;
|
|
4552
|
+
align-items: center;
|
|
4553
|
+
gap: var(--cds2-spacing-md);
|
|
4554
|
+
display: flex;
|
|
4555
|
+
}
|
|
4556
|
+
|
|
4557
|
+
.capra-Table-module-YRCV0q-columnName {
|
|
4558
|
+
&[data-focus-visible] {
|
|
4559
|
+
outline: var(--cds2-border-focus) !important;
|
|
4560
|
+
}
|
|
4561
|
+
}
|
|
4562
|
+
|
|
4563
|
+
.capra-Table-module-YRCV0q-columnDivider {
|
|
4564
|
+
width: 1px;
|
|
4565
|
+
height: var(--cds2-dimension-component-xs);
|
|
4566
|
+
background-color: var(--cds2-color-border-neutral-default);
|
|
4567
|
+
align-items: flex-start;
|
|
4568
|
+
min-width: 1px;
|
|
4569
|
+
max-width: 1px;
|
|
4570
|
+
display: flex;
|
|
4571
|
+
position: absolute;
|
|
4572
|
+
right: 0;
|
|
4573
|
+
|
|
4574
|
+
[data-density="default"] & {
|
|
4575
|
+
top: calc(var(--cds2-spacing-md) + ((var(--cds2-dimension-component-sm) - var(--cds2-dimension-component-xs)) / 2));
|
|
4576
|
+
}
|
|
4577
|
+
|
|
4578
|
+
[data-density="compact"] & {
|
|
4579
|
+
top: calc(var(--cds2-spacing-sm) + ((var(--cds2-dimension-component-sm) - var(--cds2-dimension-component-xs)) / 2));
|
|
4580
|
+
}
|
|
4581
|
+
|
|
4582
|
+
[data-density="tight"] & {
|
|
4583
|
+
top: calc((var(--cds2-dimension-component-sm) - var(--cds2-dimension-component-xs)) / 2);
|
|
4584
|
+
}
|
|
4585
|
+
|
|
4586
|
+
.capra-Table-module-YRCV0q-column:last-child & {
|
|
4587
|
+
display: none;
|
|
4588
|
+
}
|
|
4589
|
+
}
|
|
4590
|
+
|
|
4591
|
+
.capra-Table-module-YRCV0q-row {
|
|
4592
|
+
[data-appearance="zebra"] &:nth-child(2n) {
|
|
4593
|
+
background-color: var(--cds2-color-background-neutral-subtle);
|
|
4594
|
+
}
|
|
4595
|
+
|
|
4596
|
+
[data-density="default"] & {
|
|
4597
|
+
height: var(--cds2-dimension-component-lg);
|
|
4598
|
+
}
|
|
4599
|
+
|
|
4600
|
+
[data-density="compact"] & {
|
|
4601
|
+
height: var(--cds2-dimension-component-md);
|
|
4602
|
+
}
|
|
4603
|
+
|
|
4604
|
+
[data-density="tight"] & {
|
|
4605
|
+
height: var(--cds2-dimension-component-sm);
|
|
4606
|
+
}
|
|
4607
|
+
}
|
|
4608
|
+
|
|
4609
|
+
.capra-Table-module-YRCV0q-cell {
|
|
4610
|
+
border-bottom: var(--cds2-border-default);
|
|
4611
|
+
border-radius: var(--cds2-radius-md);
|
|
4612
|
+
padding-inline: var(--cds2-spacing-lg);
|
|
4613
|
+
position: relative;
|
|
4614
|
+
|
|
4615
|
+
&[data-padding="reduced"] {
|
|
4616
|
+
padding-inline: var(--cds2-spacing-md);
|
|
4617
|
+
text-align: center;
|
|
4618
|
+
|
|
4619
|
+
& label {
|
|
4620
|
+
width: 16px;
|
|
4621
|
+
margin: auto;
|
|
4622
|
+
}
|
|
4623
|
+
}
|
|
4624
|
+
|
|
4625
|
+
&[data-focus-visible] {
|
|
4626
|
+
outline: var(--cds2-border-focus);
|
|
4627
|
+
outline-offset: -2px;
|
|
4628
|
+
}
|
|
4629
|
+
}
|
|
4630
|
+
|
|
4631
|
+
.capra-Table-module-YRCV0q-sortIcons {
|
|
4632
|
+
color: var(--cds2-color-foreground-on-disabled);
|
|
4633
|
+
flex-direction: column;
|
|
4634
|
+
display: flex;
|
|
4635
|
+
|
|
4636
|
+
& svg:first-child {
|
|
4637
|
+
margin-bottom: calc(-1 * var(--cds2-spacing-md));
|
|
4638
|
+
}
|
|
4639
|
+
|
|
4640
|
+
&[data-sort-direction="ascending"] {
|
|
4641
|
+
& svg:last-child {
|
|
4642
|
+
color: var(--cds2-color-foreground-default);
|
|
4643
|
+
}
|
|
4644
|
+
}
|
|
4645
|
+
|
|
4646
|
+
&[data-sort-direction="descending"] {
|
|
4647
|
+
& svg:first-child {
|
|
4648
|
+
color: var(--cds2-color-foreground-default);
|
|
4649
|
+
}
|
|
4650
|
+
}
|
|
4651
|
+
}
|
|
4652
|
+
|
|
4653
|
+
.capra-Table-module-YRCV0q-dropIndicator {
|
|
4654
|
+
background-color: var(--cds2-brand-accent-purple-300);
|
|
4655
|
+
outline: 1px solid var(--cds2-brand-accent-purple-300);
|
|
4656
|
+
}
|
|
4435
4657
|
.capra-ListItem-module-QN6vFW-__listItem-layout {
|
|
4436
4658
|
padding: var(--cds2-spacing-sm) var(--cds2-spacing-md);
|
|
4437
4659
|
gap: var(--cds2-spacing-md);
|