@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/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-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-1X4diq-leadingSlot, & .capra-SelectField-module-1X4diq-trailingSlot, & .capra-SelectField-module-1X4diq-valueText, & .capra-SelectField-module-1X4diq-tag {
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-1X4diq-singleTrigger {
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-1X4diq-multipleTrigger {
2072
+ .capra-SelectField-module-0VcKhq-multipleTrigger {
2071
2073
  overflow: hidden;
2072
2074
 
2073
- &:has(.capra-SelectField-module-1X4diq-multipleOpenButton:focus-visible) {
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-1X4diq-multipleOpenButton {
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-1X4diq-leadingSlot, .capra-SelectField-module-1X4diq-trailingSlot {
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-1X4diq-value {
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-1X4diq-valueIcon {
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-1X4diq-valueText {
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-1X4diq-tagGroup {
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-1X4diq-tagList {
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-1X4diq-tag {
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-1X4diq-tagIcon {
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-1X4diq-tagLabel {
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-1X4diq-tagRemove {
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-1X4diq-chevron, .capra-SelectField-module-1X4diq-warningIndicator, .capra-SelectField-module-1X4diq-errorIndicator {
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-1X4diq-warningIndicator {
2244
+ .capra-SelectField-module-0VcKhq-warningIndicator {
2243
2245
  color: var(--cds2-color-foreground-warning-default);
2244
2246
  }
2245
2247
 
2246
- .capra-SelectField-module-1X4diq-errorIndicator {
2248
+ .capra-SelectField-module-0VcKhq-errorIndicator {
2247
2249
  color: var(--cds2-color-foreground-danger-default);
2248
2250
  }
2249
2251
 
2250
- .capra-SelectField-module-1X4diq-dropdownPanel {
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-1X4diq-search {
2264
+ .capra-SelectField-module-0VcKhq-search {
2263
2265
  width: 100%;
2264
2266
  }
2265
2267
 
2266
- .capra-SelectField-module-1X4diq-listbox {
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-1X4diq-emptyState {
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-1X4diq-section {
2282
+ .capra-SelectField-module-0VcKhq-section {
2281
2283
  display: contents;
2282
2284
  }
2283
2285
 
2284
- .capra-SelectField-module-1X4diq-header {
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-1X4diq-dropdownPanel:focus-visible, .capra-SelectField-module-1X4diq-listbox:focus-visible {
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-1X4diq-item {
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
- .capra-SelectField-module-1X4diq-listbox[data-selection-mode="multiple"] &[data-focused="true"] {
2325
- background-color: var(--cds-color-state-layer-hover);
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-1X4diq-itemContent {
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-1X4diq-itemCheck {
2342
- width: var(--cds2-dimension-icon-md);
2343
- min-width: var(--cds2-dimension-icon-md);
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-1X4diq-item[data-disabled="true"] & {
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-H0eofa-root {
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-H0eofa-overlay {
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-H0eofa-sheet {
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-H0eofa-sheet[data-placement="right"] {
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-H0eofa-sheet[data-placement="left"] {
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-H0eofa-root[data-open="true"] .capra-Drawer-module-H0eofa-sheet[data-placement="right"] {
2826
- animation: capra-Drawer-module-H0eofa-drawerInFromRight var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard);
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-H0eofa-root[data-open="true"] .capra-Drawer-module-H0eofa-sheet[data-placement="left"] {
2830
- animation: capra-Drawer-module-H0eofa-drawerInFromLeft var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard);
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-H0eofa-root[data-open="false"] .capra-Drawer-module-H0eofa-sheet[data-placement="right"] {
2834
- animation: capra-Drawer-module-H0eofa-drawerOutToRight var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard) forwards;
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-H0eofa-root[data-open="false"] .capra-Drawer-module-H0eofa-sheet[data-placement="left"] {
2838
- animation: capra-Drawer-module-H0eofa-drawerOutToLeft var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard) forwards;
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-H0eofa-header {
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-H0eofa-headerMain {
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-H0eofa-expandedTitleLayout {
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-H0eofa-description {
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-H0eofa-headerTrailing {
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-H0eofa-body {
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-H0eofa-footer {
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-H0eofa-drawerInFromRight {
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-H0eofa-drawerInFromLeft {
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-H0eofa-drawerOutToRight {
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-H0eofa-drawerOutToLeft {
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-Link-module-7lYr7a-base {
3094
- color: var(--cds2-color-foreground-accent-default);
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-7lYr7a-base:focus-visible {
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-HIhAFW-menu, .capra-Menu-module-HIhAFW-list {
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-HIhAFW-divider):not(:has( + .capra-Menu-module-HIhAFW-divider)) {
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-HIhAFW-menu {
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-HIhAFW-menuTriggerSlot {
3856
+ .capra-Menu-module-eTI_TG-menuTriggerSlot {
3812
3857
  display: inline-block;
3813
3858
  }
3814
3859
 
3815
- .capra-Menu-module-HIhAFW-menuItem {
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-HIhAFW-menuItemListItemShell, & .capra-Menu-module-HIhAFW-menuItemLabel, & .capra-Menu-module-HIhAFW-menuItemDescription, & .capra-Menu-module-HIhAFW-menuItemShortcut {
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-HIhAFW-menuItemShortcut {
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-HIhAFW-menuItemLabel {
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-HIhAFW-menuItemLabel {
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-HIhAFW-menuItemLabel {
3929
+ & .capra-Menu-module-eTI_TG-menuItemLabel {
3880
3930
  color: inherit;
3881
3931
  }
3882
3932
 
3883
- &:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-HIhAFW-menuItemShortcut {
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-HIhAFW-menuItemTrailingGutter {
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-HIhAFW-menuItemListItemShell {
3963
+ & .capra-Menu-module-eTI_TG-menuItemListItemShell {
3914
3964
  align-items: start;
3915
3965
  }
3916
3966
  }
3917
3967
 
3918
- & .capra-Menu-module-HIhAFW-menuItemListItemShell {
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-HIhAFW-menuItemLeadingGutter {
3975
+ .capra-Menu-module-eTI_TG-menuItemLeadingGutter {
3926
3976
  margin-inline-end: var(--cds2-spacing-md);
3927
3977
 
3928
- & .capra-Menu-module-HIhAFW-slot {
3978
+ & .capra-Menu-module-eTI_TG-slot {
3929
3979
  line-height: 0;
3930
3980
  }
3931
3981
  }
3932
3982
 
3933
- .capra-Menu-module-HIhAFW-menuItemTrailingGutter {
3983
+ .capra-Menu-module-eTI_TG-menuItemTrailingGutter {
3934
3984
  margin-inline-start: var(--cds2-spacing-md);
3935
3985
  }
3936
3986
 
3937
- .capra-Menu-module-HIhAFW-menuItemTrailingGroup {
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-HIhAFW-menuItemLabel {
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-HIhAFW-menuItemDescription {
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-HIhAFW-menuItemShortcut {
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-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 {
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-HIhAFW-menuItemLabel {
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-HIhAFW-menuItemLabel {
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-HIhAFW-menuItemLabel {
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-HIhAFW-menuItemLabel {
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-HIhAFW-menuItemLabel {
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-HIhAFW-menuItem[data-active="true"], & .capra-Menu-module-HIhAFW-menuItem[data-has-submenu][data-open] {
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-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 {
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-HIhAFW-section {
4108
+ .capra-Menu-module-eTI_TG-section {
4059
4109
  display: contents;
4060
4110
  }
4061
4111
 
4062
- .capra-Menu-module-HIhAFW-header {
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-HIhAFW-divider {
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);