@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/style.css CHANGED
@@ -342,7 +342,7 @@
342
342
  position: absolute;
343
343
  overflow: hidden;
344
344
  }
345
- .capra-TextInput-module-pTHfnG-wrapper {
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-pTHfnG-leadingSlot, & .capra-TextInput-module-pTHfnG-trailingSlot {
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-pTHfnG-input {
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-pTHfnG-input {
390
+ & .capra-TextInput-module--5NVeG-input {
391
391
  cursor: not-allowed;
392
392
  }
393
393
  }
394
394
 
395
- & .capra-TextInput-module-pTHfnG-input {
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-temporary-input-foreground-placeholder);
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-pTHfnG-leadingSlot)) .capra-TextInput-module-pTHfnG-input {
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-pTHfnG-trailingSlot)) .capra-TextInput-module-pTHfnG-input {
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-pTHfnG-input {
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-pTHfnG-leadingSlot {
426
+ & .capra-TextInput-module--5NVeG-leadingSlot {
427
427
  padding-inline-start: var(--cds2-spacing-md);
428
428
  }
429
429
 
430
- & .capra-TextInput-module-pTHfnG-trailingSlot {
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-pTHfnG-leadingSlot)) .capra-TextInput-module-pTHfnG-input {
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-pTHfnG-trailingSlot)) .capra-TextInput-module-pTHfnG-input {
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-pTHfnG-input {
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-pTHfnG-leadingSlot {
451
+ & .capra-TextInput-module--5NVeG-leadingSlot {
452
452
  padding-inline-start: var(--cds2-spacing-md);
453
453
  }
454
454
 
455
- & .capra-TextInput-module-pTHfnG-trailingSlot {
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-pTHfnG-leadingSlot, & .capra-TextInput-module-pTHfnG-trailingSlot {
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-pTHfnG-errorIndicator {
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-pTHfnG-warningIndicator {
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-EcGsRq-base {
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-EcGsRq-input {
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-EcGsRq-input {
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-EcGsRq-base[data-has-label="false"] .capra-Checkbox-module-EcGsRq-input {
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-EcGsRq-label {
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-crO5za-withStepper {
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-crO5za-slotAlign {
1664
+ .capra-NumberField-module-IscOzq-slotAlign {
1662
1665
  align-self: center;
1663
1666
  }
1664
1667
 
1665
- .capra-NumberField-module-crO5za-withStepper .capra-NumberField-module-crO5za-stepper {
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-crO5za-withStepper .capra-NumberField-module-crO5za-stepButton {
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-crO5za-withStepper:has(input:disabled) .capra-NumberField-module-crO5za-stepper, .capra-NumberField-module-crO5za-withStepper:has(input:read-only) .capra-NumberField-module-crO5za-stepper {
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-crO5za-withStepper .capra-NumberField-module-crO5za-stepDivider {
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-crO5za-withStepper .capra-NumberField-module-crO5za-stepIcon {
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-1X4diq-triggerShell {
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-1X4diq-leadingSlot, & .capra-SelectField-module-1X4diq-trailingSlot, & .capra-SelectField-module-1X4diq-valueText, & .capra-SelectField-module-1X4diq-tag {
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-1X4diq-singleTrigger {
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-1X4diq-multipleTrigger {
2072
+ .capra-SelectField-module-KwnLuW-multipleTrigger {
2071
2073
  overflow: hidden;
2072
2074
 
2073
- &:has(.capra-SelectField-module-1X4diq-multipleOpenButton:focus-visible) {
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-1X4diq-multipleOpenButton {
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-1X4diq-leadingSlot, .capra-SelectField-module-1X4diq-trailingSlot {
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-1X4diq-value {
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-1X4diq-valueIcon {
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-1X4diq-valueText {
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-1X4diq-tagGroup {
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-1X4diq-tagList {
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-1X4diq-tag {
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-1X4diq-tagIcon {
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-1X4diq-tagLabel {
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-1X4diq-tagRemove {
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-1X4diq-chevron, .capra-SelectField-module-1X4diq-warningIndicator, .capra-SelectField-module-1X4diq-errorIndicator {
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-1X4diq-warningIndicator {
2244
+ .capra-SelectField-module-KwnLuW-warningIndicator {
2243
2245
  color: var(--cds2-color-foreground-warning-default);
2244
2246
  }
2245
2247
 
2246
- .capra-SelectField-module-1X4diq-errorIndicator {
2248
+ .capra-SelectField-module-KwnLuW-errorIndicator {
2247
2249
  color: var(--cds2-color-foreground-danger-default);
2248
2250
  }
2249
2251
 
2250
- .capra-SelectField-module-1X4diq-dropdownPanel {
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-1X4diq-search {
2264
+ .capra-SelectField-module-KwnLuW-search {
2263
2265
  width: 100%;
2264
2266
  }
2265
2267
 
2266
- .capra-SelectField-module-1X4diq-listbox {
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-1X4diq-emptyState {
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-1X4diq-section {
2282
+ .capra-SelectField-module-KwnLuW-section {
2281
2283
  display: contents;
2282
2284
  }
2283
2285
 
2284
- .capra-SelectField-module-1X4diq-header {
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-1X4diq-dropdownPanel:focus-visible, .capra-SelectField-module-1X4diq-listbox:focus-visible {
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-1X4diq-item {
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(--cds-color-state-layer-hover);
2313
+ background-color: var(--cds2-color-background-accent-hover);
2312
2314
  }
2313
2315
 
2314
2316
  &[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"] {
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-1X4diq-itemContent {
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-1X4diq-itemCheck {
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-1X4diq-item[data-disabled="true"] & {
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-Link-module-7lYr7a-base {
3094
- color: var(--cds2-color-foreground-accent-default);
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-7lYr7a-base:focus-visible {
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-HIhAFW-menu, .capra-Menu-module-HIhAFW-list {
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-HIhAFW-divider):not(:has( + .capra-Menu-module-HIhAFW-divider)) {
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-HIhAFW-menu {
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-HIhAFW-menuTriggerSlot {
3852
+ .capra-Menu-module-eTI_TG-menuTriggerSlot {
3812
3853
  display: inline-block;
3813
3854
  }
3814
3855
 
3815
- .capra-Menu-module-HIhAFW-menuItem {
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-HIhAFW-menuItemListItemShell, & .capra-Menu-module-HIhAFW-menuItemLabel, & .capra-Menu-module-HIhAFW-menuItemDescription, & .capra-Menu-module-HIhAFW-menuItemShortcut {
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-HIhAFW-menuItemShortcut {
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-HIhAFW-menuItemLabel {
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-HIhAFW-menuItemLabel {
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-HIhAFW-menuItemLabel {
3925
+ & .capra-Menu-module-eTI_TG-menuItemLabel {
3880
3926
  color: inherit;
3881
3927
  }
3882
3928
 
3883
- &:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-HIhAFW-menuItemShortcut {
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-HIhAFW-menuItemTrailingGutter {
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-HIhAFW-menuItemListItemShell {
3959
+ & .capra-Menu-module-eTI_TG-menuItemListItemShell {
3914
3960
  align-items: start;
3915
3961
  }
3916
3962
  }
3917
3963
 
3918
- & .capra-Menu-module-HIhAFW-menuItemListItemShell {
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-HIhAFW-menuItemLeadingGutter {
3971
+ .capra-Menu-module-eTI_TG-menuItemLeadingGutter {
3926
3972
  margin-inline-end: var(--cds2-spacing-md);
3927
3973
 
3928
- & .capra-Menu-module-HIhAFW-slot {
3974
+ & .capra-Menu-module-eTI_TG-slot {
3929
3975
  line-height: 0;
3930
3976
  }
3931
3977
  }
3932
3978
 
3933
- .capra-Menu-module-HIhAFW-menuItemTrailingGutter {
3979
+ .capra-Menu-module-eTI_TG-menuItemTrailingGutter {
3934
3980
  margin-inline-start: var(--cds2-spacing-md);
3935
3981
  }
3936
3982
 
3937
- .capra-Menu-module-HIhAFW-menuItemTrailingGroup {
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-HIhAFW-menuItemLabel {
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-HIhAFW-menuItemDescription {
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-HIhAFW-menuItemShortcut {
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-HIhAFW-menu[data-item-hover-appearance="accent"] {
3968
- & .capra-Menu-module-HIhAFW-menuItem {
3969
- &:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-HIhAFW-menuItemShortcut {
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-HIhAFW-menuItemLabel {
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-HIhAFW-menuItemLabel {
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-HIhAFW-menuItemLabel {
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-HIhAFW-menuItemLabel {
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-HIhAFW-menuItemLabel {
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-HIhAFW-menuItem[data-active="true"], & .capra-Menu-module-HIhAFW-menuItem[data-has-submenu][data-open] {
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-HIhAFW-menuItem[data-active="true"] .capra-Menu-module-HIhAFW-menuItemLabel, & .capra-Menu-module-HIhAFW-menuItem[data-has-submenu][data-open] .capra-Menu-module-HIhAFW-menuItemLabel {
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-HIhAFW-section {
4104
+ .capra-Menu-module-eTI_TG-section {
4059
4105
  display: contents;
4060
4106
  }
4061
4107
 
4062
- .capra-Menu-module-HIhAFW-header {
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-HIhAFW-divider {
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);