@capra/core 1.13.0 → 1.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +340 -60
- package/dist/index.d.cts +228 -55
- package/dist/index.d.mts +228 -55
- package/dist/index.mjs +338 -63
- package/dist/style.css +334 -116
- package/docs/core-badge--design.md +10 -2
- package/docs/core-badge--usage.md +7 -1
- package/docs/core-checkbox--usage.md +1 -0
- package/docs/core-table--design.md +17 -0
- package/docs/core-table--usage.md +198 -0
- package/docs/core-togglebuttongroup--design.md +89 -0
- package/docs/core-togglebuttongroup--usage.md +113 -0
- package/docs/history-changelogs-capra-core--docs.md +21 -0
- package/docs/index.md +4 -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-KwnLuW-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-KwnLuW-leadingSlot, & .capra-SelectField-module-KwnLuW-trailingSlot, & .capra-SelectField-module-KwnLuW-valueText, & .capra-SelectField-module-KwnLuW-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-KwnLuW-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-KwnLuW-multipleTrigger {
|
|
2071
2073
|
overflow: hidden;
|
|
2072
2074
|
|
|
2073
|
-
&:has(.capra-SelectField-module-
|
|
2075
|
+
&:has(.capra-SelectField-module-KwnLuW-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-KwnLuW-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-KwnLuW-leadingSlot, .capra-SelectField-module-KwnLuW-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-KwnLuW-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-KwnLuW-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-KwnLuW-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-KwnLuW-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-KwnLuW-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-KwnLuW-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-KwnLuW-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-KwnLuW-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-KwnLuW-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-KwnLuW-chevron, .capra-SelectField-module-KwnLuW-warningIndicator, .capra-SelectField-module-KwnLuW-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-KwnLuW-warningIndicator {
|
|
2243
2245
|
color: var(--cds2-color-foreground-warning-default);
|
|
2244
2246
|
}
|
|
2245
2247
|
|
|
2246
|
-
.capra-SelectField-module-
|
|
2248
|
+
.capra-SelectField-module-KwnLuW-errorIndicator {
|
|
2247
2249
|
color: var(--cds2-color-foreground-danger-default);
|
|
2248
2250
|
}
|
|
2249
2251
|
|
|
2250
|
-
.capra-SelectField-module-
|
|
2252
|
+
.capra-SelectField-module-KwnLuW-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-KwnLuW-search {
|
|
2263
2265
|
width: 100%;
|
|
2264
2266
|
}
|
|
2265
2267
|
|
|
2266
|
-
.capra-SelectField-module-
|
|
2268
|
+
.capra-SelectField-module-KwnLuW-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-KwnLuW-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-KwnLuW-section {
|
|
2281
2283
|
display: contents;
|
|
2282
2284
|
}
|
|
2283
2285
|
|
|
2284
|
-
.capra-SelectField-module-
|
|
2286
|
+
.capra-SelectField-module-KwnLuW-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-KwnLuW-dropdownPanel:focus-visible, .capra-SelectField-module-KwnLuW-listbox:focus-visible {
|
|
2295
2297
|
outline: none;
|
|
2296
2298
|
}
|
|
2297
2299
|
|
|
2298
|
-
.capra-SelectField-module-
|
|
2300
|
+
.capra-SelectField-module-KwnLuW-item {
|
|
2299
2301
|
border-radius: var(--cds2-radius-md);
|
|
2300
2302
|
outline: none;
|
|
2301
2303
|
|
|
@@ -2308,21 +2310,12 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2308
2310
|
}
|
|
2309
2311
|
|
|
2310
2312
|
&[data-focused="true"] {
|
|
2311
|
-
background-color: var(--
|
|
2313
|
+
background-color: var(--cds2-color-background-accent-hover);
|
|
2312
2314
|
}
|
|
2313
2315
|
|
|
2314
2316
|
&[data-selected="true"] {
|
|
2315
|
-
background-color: var(--
|
|
2316
|
-
color: var(--cds2-color-foreground-default);
|
|
2317
|
-
}
|
|
2318
|
-
|
|
2319
|
-
.capra-SelectField-module-1X4diq-listbox[data-selection-mode="multiple"] &[data-selected="true"] {
|
|
2317
|
+
background-color: var(--cds2-color-background-accent-selected);
|
|
2320
2318
|
color: var(--cds2-color-foreground-default);
|
|
2321
|
-
background: none;
|
|
2322
|
-
}
|
|
2323
|
-
|
|
2324
|
-
.capra-SelectField-module-1X4diq-listbox[data-selection-mode="multiple"] &[data-focused="true"] {
|
|
2325
|
-
background-color: var(--cds-color-state-layer-hover);
|
|
2326
2319
|
}
|
|
2327
2320
|
|
|
2328
2321
|
&[data-disabled="true"] {
|
|
@@ -2331,14 +2324,14 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2331
2324
|
}
|
|
2332
2325
|
}
|
|
2333
2326
|
|
|
2334
|
-
.capra-SelectField-module-
|
|
2327
|
+
.capra-SelectField-module-KwnLuW-itemContent {
|
|
2335
2328
|
align-items: center;
|
|
2336
2329
|
gap: var(--cds2-spacing-sm);
|
|
2337
2330
|
padding: var(--cds2-spacing-sm) var(--cds2-spacing-md);
|
|
2338
2331
|
display: flex;
|
|
2339
2332
|
}
|
|
2340
2333
|
|
|
2341
|
-
.capra-SelectField-module-
|
|
2334
|
+
.capra-SelectField-module-KwnLuW-itemCheck {
|
|
2342
2335
|
width: var(--cds2-dimension-icon-md);
|
|
2343
2336
|
min-width: var(--cds2-dimension-icon-md);
|
|
2344
2337
|
color: var(--cds2-color-foreground-default);
|
|
@@ -2346,7 +2339,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2346
2339
|
align-items: center;
|
|
2347
2340
|
display: inline-flex;
|
|
2348
2341
|
|
|
2349
|
-
.capra-SelectField-module-
|
|
2342
|
+
.capra-SelectField-module-KwnLuW-item[data-disabled="true"] & {
|
|
2350
2343
|
color: var(--cds2-color-foreground-on-disabled);
|
|
2351
2344
|
}
|
|
2352
2345
|
}
|
|
@@ -3090,15 +3083,63 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3090
3083
|
border: none;
|
|
3091
3084
|
}
|
|
3092
3085
|
}
|
|
3093
|
-
.capra-
|
|
3094
|
-
|
|
3086
|
+
.capra-ToggleButtonGroup-module-cS5LeW-base {
|
|
3087
|
+
display: inline-flex;
|
|
3088
|
+
|
|
3089
|
+
& > button {
|
|
3090
|
+
z-index: 1;
|
|
3091
|
+
border-radius: 0;
|
|
3092
|
+
margin-inline-start: -1px;
|
|
3093
|
+
|
|
3094
|
+
&:first-child {
|
|
3095
|
+
border-start-start-radius: var(--cds2-radius-md);
|
|
3096
|
+
border-end-start-radius: var(--cds2-radius-md);
|
|
3097
|
+
margin-inline-start: 0;
|
|
3098
|
+
}
|
|
3099
|
+
|
|
3100
|
+
&:last-child {
|
|
3101
|
+
border-start-end-radius: var(--cds2-radius-md);
|
|
3102
|
+
border-end-end-radius: var(--cds2-radius-md);
|
|
3103
|
+
}
|
|
3104
|
+
|
|
3105
|
+
&:only-child {
|
|
3106
|
+
border-radius: var(--cds2-radius-md);
|
|
3107
|
+
}
|
|
3108
|
+
|
|
3109
|
+
&[data-selected="true"] {
|
|
3110
|
+
z-index: 2;
|
|
3111
|
+
}
|
|
3112
|
+
|
|
3113
|
+
&:hover, &:focus-visible {
|
|
3114
|
+
z-index: 3;
|
|
3115
|
+
}
|
|
3116
|
+
|
|
3117
|
+
&[data-disabled="true"] {
|
|
3118
|
+
z-index: 0;
|
|
3119
|
+
}
|
|
3120
|
+
}
|
|
3121
|
+
|
|
3122
|
+
& > [data-variant="secondary"][data-selected="true"]:not([data-disabled="true"]) {
|
|
3123
|
+
border-color: var(--cds2-color-border-accent-strong);
|
|
3124
|
+
color: var(--cds2-color-foreground-accent-default);
|
|
3125
|
+
background-color: var(--cds2-color-background-accent-default);
|
|
3126
|
+
}
|
|
3127
|
+
}
|
|
3128
|
+
.capra-Link-module-OvXy7G-base {
|
|
3129
|
+
color: var(--cds2-color-foreground-link);
|
|
3095
3130
|
align-items: center;
|
|
3096
3131
|
gap: var(--cds2-spacing-xs);
|
|
3097
3132
|
flex-direction: row;
|
|
3133
|
+
line-height: 1;
|
|
3098
3134
|
display: inline-flex;
|
|
3135
|
+
|
|
3136
|
+
&:hover {
|
|
3137
|
+
color: var(--cds2-color-foreground-link);
|
|
3138
|
+
text-decoration: underline;
|
|
3139
|
+
}
|
|
3099
3140
|
}
|
|
3100
3141
|
|
|
3101
|
-
.capra-Link-module-
|
|
3142
|
+
.capra-Link-module-OvXy7G-base:focus-visible {
|
|
3102
3143
|
border-radius: var(--cds2-radius-md);
|
|
3103
3144
|
outline: var(--cds2-border-focus);
|
|
3104
3145
|
outline-offset: var(--cds2-spacing-xs);
|
|
@@ -3780,7 +3821,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3780
3821
|
.capra-Toast-module-p7lQQG-toast[data-type="error"] {
|
|
3781
3822
|
--_cds-toast-icon-color: var(--cds2-color-foreground-danger-default);
|
|
3782
3823
|
}
|
|
3783
|
-
.capra-Menu-module-
|
|
3824
|
+
.capra-Menu-module-eTI_TG-menu, .capra-Menu-module-eTI_TG-list {
|
|
3784
3825
|
gap: var(--cds2-spacing-xs);
|
|
3785
3826
|
box-sizing: border-box;
|
|
3786
3827
|
min-width: 152px;
|
|
@@ -3791,7 +3832,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3791
3832
|
display: flex;
|
|
3792
3833
|
overflow: auto;
|
|
3793
3834
|
|
|
3794
|
-
& > :not(:last-child):not(.capra-Menu-module-
|
|
3835
|
+
& > :not(:last-child):not(.capra-Menu-module-eTI_TG-divider):not(:has( + .capra-Menu-module-eTI_TG-divider)) {
|
|
3795
3836
|
margin-block-end: var(--cds2-spacing-xs);
|
|
3796
3837
|
}
|
|
3797
3838
|
|
|
@@ -3800,7 +3841,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3800
3841
|
}
|
|
3801
3842
|
}
|
|
3802
3843
|
|
|
3803
|
-
.capra-Menu-module-
|
|
3844
|
+
.capra-Menu-module-eTI_TG-menu {
|
|
3804
3845
|
padding: 5px;
|
|
3805
3846
|
|
|
3806
3847
|
&[data-panel-padding="none"] {
|
|
@@ -3808,11 +3849,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3808
3849
|
}
|
|
3809
3850
|
}
|
|
3810
3851
|
|
|
3811
|
-
.capra-Menu-module-
|
|
3852
|
+
.capra-Menu-module-eTI_TG-menuTriggerSlot {
|
|
3812
3853
|
display: inline-block;
|
|
3813
3854
|
}
|
|
3814
3855
|
|
|
3815
|
-
.capra-Menu-module-
|
|
3856
|
+
.capra-Menu-module-eTI_TG-menuItem {
|
|
3816
3857
|
appearance: none;
|
|
3817
3858
|
border-radius: var(--cds-radius-sm);
|
|
3818
3859
|
color: var(--cds2-color-foreground-default);
|
|
@@ -3820,6 +3861,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3820
3861
|
font: var(--cds2-typography-body-md-normal);
|
|
3821
3862
|
min-height: var(--cds2-dimension-component-md);
|
|
3822
3863
|
text-align: start;
|
|
3864
|
+
white-space: nowrap;
|
|
3823
3865
|
background: none;
|
|
3824
3866
|
border: none;
|
|
3825
3867
|
gap: 0;
|
|
@@ -3836,6 +3878,10 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3836
3878
|
outline: none;
|
|
3837
3879
|
}
|
|
3838
3880
|
|
|
3881
|
+
&[data-allow-line-wrap="true"] {
|
|
3882
|
+
white-space: normal;
|
|
3883
|
+
}
|
|
3884
|
+
|
|
3839
3885
|
&[data-focus-visible="true"] {
|
|
3840
3886
|
outline: var(--cds2-border-focus);
|
|
3841
3887
|
outline-offset: var(--cds2-spacing-xs);
|
|
@@ -3845,11 +3891,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3845
3891
|
color: var(--cds2-color-foreground-disabled);
|
|
3846
3892
|
cursor: not-allowed;
|
|
3847
3893
|
|
|
3848
|
-
& .capra-Menu-module-
|
|
3894
|
+
& .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
3895
|
color: var(--cds2-color-foreground-disabled);
|
|
3850
3896
|
}
|
|
3851
3897
|
|
|
3852
|
-
& .capra-Menu-module-
|
|
3898
|
+
& .capra-Menu-module-eTI_TG-menuItemShortcut {
|
|
3853
3899
|
background-color: var(--cds-color-background-secondary);
|
|
3854
3900
|
border: var(--cds2-border-default);
|
|
3855
3901
|
}
|
|
@@ -3859,7 +3905,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3859
3905
|
background-color: var(--cds2-color-background-accent-selected);
|
|
3860
3906
|
color: var(--cds2-color-foreground-default);
|
|
3861
3907
|
|
|
3862
|
-
& .capra-Menu-module-
|
|
3908
|
+
& .capra-Menu-module-eTI_TG-menuItemLabel {
|
|
3863
3909
|
color: inherit;
|
|
3864
3910
|
}
|
|
3865
3911
|
}
|
|
@@ -3868,7 +3914,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3868
3914
|
background-color: var(--cds2-color-background-neutral-hover);
|
|
3869
3915
|
color: var(--cds2-color-foreground-default);
|
|
3870
3916
|
|
|
3871
|
-
& .capra-Menu-module-
|
|
3917
|
+
& .capra-Menu-module-eTI_TG-menuItemLabel {
|
|
3872
3918
|
color: inherit;
|
|
3873
3919
|
}
|
|
3874
3920
|
}
|
|
@@ -3876,11 +3922,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3876
3922
|
&[data-variant="danger"] {
|
|
3877
3923
|
color: var(--cds2-color-foreground-danger-default);
|
|
3878
3924
|
|
|
3879
|
-
& .capra-Menu-module-
|
|
3925
|
+
& .capra-Menu-module-eTI_TG-menuItemLabel {
|
|
3880
3926
|
color: inherit;
|
|
3881
3927
|
}
|
|
3882
3928
|
|
|
3883
|
-
&:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-
|
|
3929
|
+
&:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-eTI_TG-menuItemShortcut {
|
|
3884
3930
|
border: var(--cds2-border-default);
|
|
3885
3931
|
color: var(--cds2-color-foreground-danger-default);
|
|
3886
3932
|
}
|
|
@@ -3905,52 +3951,52 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3905
3951
|
}
|
|
3906
3952
|
|
|
3907
3953
|
&[data-has-description="true"] {
|
|
3908
|
-
& .capra-Menu-module-
|
|
3954
|
+
& .capra-Menu-module-eTI_TG-menuItemTrailingGutter {
|
|
3909
3955
|
align-self: center;
|
|
3910
3956
|
height: auto !important;
|
|
3911
3957
|
}
|
|
3912
3958
|
|
|
3913
|
-
& .capra-Menu-module-
|
|
3959
|
+
& .capra-Menu-module-eTI_TG-menuItemListItemShell {
|
|
3914
3960
|
align-items: start;
|
|
3915
3961
|
}
|
|
3916
3962
|
}
|
|
3917
3963
|
|
|
3918
|
-
& .capra-Menu-module-
|
|
3964
|
+
& .capra-Menu-module-eTI_TG-menuItemListItemShell {
|
|
3919
3965
|
width: 100%;
|
|
3920
3966
|
color: inherit;
|
|
3921
3967
|
align-items: center;
|
|
3922
3968
|
}
|
|
3923
3969
|
}
|
|
3924
3970
|
|
|
3925
|
-
.capra-Menu-module-
|
|
3971
|
+
.capra-Menu-module-eTI_TG-menuItemLeadingGutter {
|
|
3926
3972
|
margin-inline-end: var(--cds2-spacing-md);
|
|
3927
3973
|
|
|
3928
|
-
& .capra-Menu-module-
|
|
3974
|
+
& .capra-Menu-module-eTI_TG-slot {
|
|
3929
3975
|
line-height: 0;
|
|
3930
3976
|
}
|
|
3931
3977
|
}
|
|
3932
3978
|
|
|
3933
|
-
.capra-Menu-module-
|
|
3979
|
+
.capra-Menu-module-eTI_TG-menuItemTrailingGutter {
|
|
3934
3980
|
margin-inline-start: var(--cds2-spacing-md);
|
|
3935
3981
|
}
|
|
3936
3982
|
|
|
3937
|
-
.capra-Menu-module-
|
|
3983
|
+
.capra-Menu-module-eTI_TG-menuItemTrailingGroup {
|
|
3938
3984
|
align-items: center;
|
|
3939
3985
|
gap: var(--cds2-spacing-md);
|
|
3940
3986
|
display: inline-flex;
|
|
3941
3987
|
}
|
|
3942
3988
|
|
|
3943
|
-
.capra-Menu-module-
|
|
3989
|
+
.capra-Menu-module-eTI_TG-menuItemLabel {
|
|
3944
3990
|
color: inherit;
|
|
3945
3991
|
font: var(--cds2-typography-body-md-normal);
|
|
3946
3992
|
}
|
|
3947
3993
|
|
|
3948
|
-
.capra-Menu-module-
|
|
3994
|
+
.capra-Menu-module-eTI_TG-menuItemDescription {
|
|
3949
3995
|
color: var(--cds2-color-foreground-default);
|
|
3950
3996
|
font: var(--cds2-typography-body-sm-normal);
|
|
3951
3997
|
}
|
|
3952
3998
|
|
|
3953
|
-
.capra-Menu-module-
|
|
3999
|
+
.capra-Menu-module-eTI_TG-menuItemShortcut {
|
|
3954
4000
|
background-color: var(--cds2-color-neutral-surface);
|
|
3955
4001
|
border: var(--cds2-border-default);
|
|
3956
4002
|
border-color: var(--cds2-color-border-neutral-subtle);
|
|
@@ -3964,9 +4010,9 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3964
4010
|
display: inline-flex;
|
|
3965
4011
|
}
|
|
3966
4012
|
|
|
3967
|
-
.capra-Menu-module-
|
|
3968
|
-
& .capra-Menu-module-
|
|
3969
|
-
&:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-
|
|
4013
|
+
.capra-Menu-module-eTI_TG-menu[data-item-hover-appearance="accent"] {
|
|
4014
|
+
& .capra-Menu-module-eTI_TG-menuItem {
|
|
4015
|
+
&:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-eTI_TG-menuItemShortcut {
|
|
3970
4016
|
color: var(--cds2-color-foreground-subtle);
|
|
3971
4017
|
}
|
|
3972
4018
|
|
|
@@ -3979,7 +4025,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3979
4025
|
border-inline-end: none;
|
|
3980
4026
|
}
|
|
3981
4027
|
|
|
3982
|
-
&[data-active="true"] .capra-Menu-module-
|
|
4028
|
+
&[data-active="true"] .capra-Menu-module-eTI_TG-menuItemLabel {
|
|
3983
4029
|
font: var(--cds2-typography-body-md-normal);
|
|
3984
4030
|
}
|
|
3985
4031
|
}
|
|
@@ -3989,7 +4035,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3989
4035
|
border-inline-end: 2px solid var(--cds2-color-border-accent-default);
|
|
3990
4036
|
color: var(--cds2-color-foreground-accent-default);
|
|
3991
4037
|
|
|
3992
|
-
& .capra-Menu-module-
|
|
4038
|
+
& .capra-Menu-module-eTI_TG-menuItemLabel {
|
|
3993
4039
|
color: var(--cds2-color-foreground-accent-default);
|
|
3994
4040
|
font: var(--cds2-typography-body-md-semibold);
|
|
3995
4041
|
}
|
|
@@ -4005,7 +4051,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
4005
4051
|
border-inline-end: 2px solid var(--cds2-color-border-accent-default);
|
|
4006
4052
|
color: var(--cds2-color-foreground-accent-default);
|
|
4007
4053
|
|
|
4008
|
-
& .capra-Menu-module-
|
|
4054
|
+
& .capra-Menu-module-eTI_TG-menuItemLabel {
|
|
4009
4055
|
color: var(--cds2-color-foreground-accent-default);
|
|
4010
4056
|
font: var(--cds2-typography-body-md-semibold);
|
|
4011
4057
|
}
|
|
@@ -4020,7 +4066,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
4020
4066
|
background-color: var(--cds2-color-background-danger-subtle);
|
|
4021
4067
|
color: var(--cds2-color-foreground-danger-default);
|
|
4022
4068
|
|
|
4023
|
-
& .capra-Menu-module-
|
|
4069
|
+
& .capra-Menu-module-eTI_TG-menuItemLabel {
|
|
4024
4070
|
font: var(--cds2-typography-body-md-normal);
|
|
4025
4071
|
}
|
|
4026
4072
|
}
|
|
@@ -4030,7 +4076,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
4030
4076
|
border-inline-end: 2px solid var(--cds2-color-border-accent-default);
|
|
4031
4077
|
color: var(--cds2-color-foreground-danger-default);
|
|
4032
4078
|
|
|
4033
|
-
& .capra-Menu-module-
|
|
4079
|
+
& .capra-Menu-module-eTI_TG-menuItemLabel {
|
|
4034
4080
|
color: var(--cds2-color-foreground-danger-default);
|
|
4035
4081
|
font: var(--cds2-typography-body-md-semibold);
|
|
4036
4082
|
}
|
|
@@ -4043,23 +4089,23 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
4043
4089
|
}
|
|
4044
4090
|
|
|
4045
4091
|
&[data-item-active-accent-bar="false"] {
|
|
4046
|
-
& .capra-Menu-module-
|
|
4092
|
+
& .capra-Menu-module-eTI_TG-menuItem[data-active="true"], & .capra-Menu-module-eTI_TG-menuItem[data-has-submenu][data-open] {
|
|
4047
4093
|
border-inline-end: none;
|
|
4048
4094
|
}
|
|
4049
4095
|
}
|
|
4050
4096
|
|
|
4051
4097
|
&[data-item-active-label-semibold="false"] {
|
|
4052
|
-
& .capra-Menu-module-
|
|
4098
|
+
& .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
4099
|
font: var(--cds2-typography-body-md-normal);
|
|
4054
4100
|
}
|
|
4055
4101
|
}
|
|
4056
4102
|
}
|
|
4057
4103
|
|
|
4058
|
-
.capra-Menu-module-
|
|
4104
|
+
.capra-Menu-module-eTI_TG-section {
|
|
4059
4105
|
display: contents;
|
|
4060
4106
|
}
|
|
4061
4107
|
|
|
4062
|
-
.capra-Menu-module-
|
|
4108
|
+
.capra-Menu-module-eTI_TG-header {
|
|
4063
4109
|
box-sizing: border-box;
|
|
4064
4110
|
color: var(--cds2-color-foreground-default);
|
|
4065
4111
|
font: var(--cds2-typography-body-md-semibold);
|
|
@@ -4070,7 +4116,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
4070
4116
|
display: flex;
|
|
4071
4117
|
}
|
|
4072
4118
|
|
|
4073
|
-
.capra-Menu-module-
|
|
4119
|
+
.capra-Menu-module-eTI_TG-divider {
|
|
4074
4120
|
border: none;
|
|
4075
4121
|
border-block-start: var(--cds2-border-default);
|
|
4076
4122
|
border-color: var(--cds2-color-border-neutral-subtle);
|
|
@@ -4432,6 +4478,178 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
4432
4478
|
gap: var(--cds2-spacing-md);
|
|
4433
4479
|
display: inline-flex;
|
|
4434
4480
|
}
|
|
4481
|
+
.capra-FilterToolbar-module-1TgfVW-toolbar {
|
|
4482
|
+
border-radius: var(--cds2-radius-md);
|
|
4483
|
+
padding: var(--cds2-spacing-sm) var(--cds2-spacing-md);
|
|
4484
|
+
flex-direction: row;
|
|
4485
|
+
justify-content: space-between;
|
|
4486
|
+
align-items: center;
|
|
4487
|
+
display: flex;
|
|
4488
|
+
|
|
4489
|
+
&[data-mode="bulk-edit"] {
|
|
4490
|
+
background-color: var(--cds2-color-background-neutral-default);
|
|
4491
|
+
}
|
|
4492
|
+
}
|
|
4493
|
+
.capra-Table-module-YRCV0q-base {
|
|
4494
|
+
background-color: var(--cds2-color-background-panel-solid);
|
|
4495
|
+
width: 100%;
|
|
4496
|
+
overflow: auto;
|
|
4497
|
+
}
|
|
4498
|
+
|
|
4499
|
+
.capra-Table-module-YRCV0q-header {
|
|
4500
|
+
background-color: var(--cds2-color-background-neutral-subtle);
|
|
4501
|
+
z-index: 2;
|
|
4502
|
+
border-radius: var(--cds2-radius-md);
|
|
4503
|
+
position: sticky;
|
|
4504
|
+
top: 0;
|
|
4505
|
+
|
|
4506
|
+
&:after {
|
|
4507
|
+
content: "";
|
|
4508
|
+
border: var(--cds2-border-default);
|
|
4509
|
+
border-radius: inherit;
|
|
4510
|
+
pointer-events: none;
|
|
4511
|
+
position: absolute;
|
|
4512
|
+
inset: 0;
|
|
4513
|
+
}
|
|
4514
|
+
}
|
|
4515
|
+
|
|
4516
|
+
.capra-Table-module-YRCV0q-column {
|
|
4517
|
+
font: var(--cds2-typography-body-md-semibold);
|
|
4518
|
+
padding-inline: var(--cds2-spacing-lg);
|
|
4519
|
+
position: relative;
|
|
4520
|
+
overflow: clip;
|
|
4521
|
+
|
|
4522
|
+
&[data-focus-visible] {
|
|
4523
|
+
outline: var(--cds2-border-focus);
|
|
4524
|
+
outline-offset: -2px;
|
|
4525
|
+
}
|
|
4526
|
+
|
|
4527
|
+
[data-density="default"] & {
|
|
4528
|
+
height: var(--cds2-dimension-component-lg);
|
|
4529
|
+
padding-block: var(--cds2-spacing-md);
|
|
4530
|
+
}
|
|
4531
|
+
|
|
4532
|
+
[data-density="compact"] & {
|
|
4533
|
+
height: var(--cds2-dimension-component-md);
|
|
4534
|
+
padding-block: var(--cds2-spacing-sm);
|
|
4535
|
+
}
|
|
4536
|
+
|
|
4537
|
+
[data-density="tight"] & {
|
|
4538
|
+
height: var(--cds2-dimension-component-sm);
|
|
4539
|
+
}
|
|
4540
|
+
|
|
4541
|
+
&[data-allows-sorting] {
|
|
4542
|
+
cursor: pointer;
|
|
4543
|
+
}
|
|
4544
|
+
}
|
|
4545
|
+
|
|
4546
|
+
.capra-Table-module-YRCV0q-columnHeader {
|
|
4547
|
+
justify-content: space-between;
|
|
4548
|
+
align-items: center;
|
|
4549
|
+
gap: var(--cds2-spacing-md);
|
|
4550
|
+
display: flex;
|
|
4551
|
+
}
|
|
4552
|
+
|
|
4553
|
+
.capra-Table-module-YRCV0q-columnName {
|
|
4554
|
+
&[data-focus-visible] {
|
|
4555
|
+
outline: var(--cds2-border-focus) !important;
|
|
4556
|
+
}
|
|
4557
|
+
}
|
|
4558
|
+
|
|
4559
|
+
.capra-Table-module-YRCV0q-columnDivider {
|
|
4560
|
+
width: 1px;
|
|
4561
|
+
height: var(--cds2-dimension-component-xs);
|
|
4562
|
+
background-color: var(--cds2-color-border-neutral-default);
|
|
4563
|
+
align-items: flex-start;
|
|
4564
|
+
min-width: 1px;
|
|
4565
|
+
max-width: 1px;
|
|
4566
|
+
display: flex;
|
|
4567
|
+
position: absolute;
|
|
4568
|
+
right: 0;
|
|
4569
|
+
|
|
4570
|
+
[data-density="default"] & {
|
|
4571
|
+
top: calc(var(--cds2-spacing-md) + ((var(--cds2-dimension-component-sm) - var(--cds2-dimension-component-xs)) / 2));
|
|
4572
|
+
}
|
|
4573
|
+
|
|
4574
|
+
[data-density="compact"] & {
|
|
4575
|
+
top: calc(var(--cds2-spacing-sm) + ((var(--cds2-dimension-component-sm) - var(--cds2-dimension-component-xs)) / 2));
|
|
4576
|
+
}
|
|
4577
|
+
|
|
4578
|
+
[data-density="tight"] & {
|
|
4579
|
+
top: calc((var(--cds2-dimension-component-sm) - var(--cds2-dimension-component-xs)) / 2);
|
|
4580
|
+
}
|
|
4581
|
+
|
|
4582
|
+
.capra-Table-module-YRCV0q-column:last-child & {
|
|
4583
|
+
display: none;
|
|
4584
|
+
}
|
|
4585
|
+
}
|
|
4586
|
+
|
|
4587
|
+
.capra-Table-module-YRCV0q-row {
|
|
4588
|
+
[data-appearance="zebra"] &:nth-child(2n) {
|
|
4589
|
+
background-color: var(--cds2-color-background-neutral-subtle);
|
|
4590
|
+
}
|
|
4591
|
+
|
|
4592
|
+
[data-density="default"] & {
|
|
4593
|
+
height: var(--cds2-dimension-component-lg);
|
|
4594
|
+
}
|
|
4595
|
+
|
|
4596
|
+
[data-density="compact"] & {
|
|
4597
|
+
height: var(--cds2-dimension-component-md);
|
|
4598
|
+
}
|
|
4599
|
+
|
|
4600
|
+
[data-density="tight"] & {
|
|
4601
|
+
height: var(--cds2-dimension-component-sm);
|
|
4602
|
+
}
|
|
4603
|
+
}
|
|
4604
|
+
|
|
4605
|
+
.capra-Table-module-YRCV0q-cell {
|
|
4606
|
+
border-bottom: var(--cds2-border-default);
|
|
4607
|
+
border-radius: var(--cds2-radius-md);
|
|
4608
|
+
padding-inline: var(--cds2-spacing-lg);
|
|
4609
|
+
position: relative;
|
|
4610
|
+
|
|
4611
|
+
&[data-padding="reduced"] {
|
|
4612
|
+
padding-inline: var(--cds2-spacing-md);
|
|
4613
|
+
text-align: center;
|
|
4614
|
+
|
|
4615
|
+
& label {
|
|
4616
|
+
width: 16px;
|
|
4617
|
+
margin: auto;
|
|
4618
|
+
}
|
|
4619
|
+
}
|
|
4620
|
+
|
|
4621
|
+
&[data-focus-visible] {
|
|
4622
|
+
outline: var(--cds2-border-focus);
|
|
4623
|
+
outline-offset: -2px;
|
|
4624
|
+
}
|
|
4625
|
+
}
|
|
4626
|
+
|
|
4627
|
+
.capra-Table-module-YRCV0q-sortIcons {
|
|
4628
|
+
color: var(--cds2-color-foreground-on-disabled);
|
|
4629
|
+
flex-direction: column;
|
|
4630
|
+
display: flex;
|
|
4631
|
+
|
|
4632
|
+
& svg:first-child {
|
|
4633
|
+
margin-bottom: calc(-1 * var(--cds2-spacing-md));
|
|
4634
|
+
}
|
|
4635
|
+
|
|
4636
|
+
&[data-sort-direction="ascending"] {
|
|
4637
|
+
& svg:last-child {
|
|
4638
|
+
color: var(--cds2-color-foreground-default);
|
|
4639
|
+
}
|
|
4640
|
+
}
|
|
4641
|
+
|
|
4642
|
+
&[data-sort-direction="descending"] {
|
|
4643
|
+
& svg:first-child {
|
|
4644
|
+
color: var(--cds2-color-foreground-default);
|
|
4645
|
+
}
|
|
4646
|
+
}
|
|
4647
|
+
}
|
|
4648
|
+
|
|
4649
|
+
.capra-Table-module-YRCV0q-dropIndicator {
|
|
4650
|
+
background-color: var(--cds2-brand-accent-purple-300);
|
|
4651
|
+
outline: 1px solid var(--cds2-brand-accent-purple-300);
|
|
4652
|
+
}
|
|
4435
4653
|
.capra-ListItem-module-QN6vFW-__listItem-layout {
|
|
4436
4654
|
padding: var(--cds2-spacing-sm) var(--cds2-spacing-md);
|
|
4437
4655
|
gap: var(--cds2-spacing-md);
|