@capra/core 1.8.1 → 1.9.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.
Files changed (49) hide show
  1. package/dist/index.cjs +330 -92
  2. package/dist/index.d.cts +663 -639
  3. package/dist/index.d.mts +663 -639
  4. package/dist/index.mjs +317 -80
  5. package/dist/style.css +328 -167
  6. package/docs/core-alert--usage.md +2 -0
  7. package/docs/core-anchor--usage.md +2 -0
  8. package/docs/core-autocompletefield--usage.md +2 -0
  9. package/docs/core-badge--usage.md +2 -0
  10. package/docs/core-breadcrumbs--usage.md +2 -0
  11. package/docs/core-button--usage.md +2 -0
  12. package/docs/core-buttonlink--usage.md +2 -0
  13. package/docs/core-checkbox--usage.md +2 -0
  14. package/docs/core-collapse--usage.md +2 -0
  15. package/docs/core-datepickerfield--usage.md +2 -0
  16. package/docs/core-daterangepickerfield--usage.md +2 -0
  17. package/docs/core-divider--usage.md +2 -0
  18. package/docs/core-emptystate--usage.md +2 -0
  19. package/docs/core-helpertext--usage.md +2 -0
  20. package/docs/core-iconbutton--usage.md +2 -0
  21. package/docs/core-inputrow--usage.md +2 -0
  22. package/docs/core-label--usage.md +2 -0
  23. package/docs/core-link--usage.md +2 -0
  24. package/docs/core-listitem--usage.md +2 -0
  25. package/docs/core-menu--usage.md +2 -0
  26. package/docs/core-modal--usage.md +2 -0
  27. package/docs/core-pagination--usage.md +2 -0
  28. package/docs/core-pill--usage.md +2 -0
  29. package/docs/core-radio--usage.md +2 -0
  30. package/docs/core-radiogroup--usage.md +2 -0
  31. package/docs/core-radiotile--usage.md +2 -0
  32. package/docs/core-ribbon--usage.md +2 -0
  33. package/docs/core-skeleton--usage.md +1 -2
  34. package/docs/core-skeletongroup--usage.md +0 -1
  35. package/docs/core-spinner--usage.md +2 -0
  36. package/docs/core-switch--usage.md +2 -0
  37. package/docs/core-tabnav--usage.md +2 -0
  38. package/docs/core-tag--usage.md +2 -0
  39. package/docs/core-text--usage.md +2 -0
  40. package/docs/core-textarea--usage.md +2 -0
  41. package/docs/core-textinput--usage.md +2 -0
  42. package/docs/core-tooltip--usage.md +2 -0
  43. package/docs/core-topnav--usage.md +2 -0
  44. package/docs/core-tree--design.md +31 -0
  45. package/docs/core-tree--usage.md +102 -0
  46. package/docs/core-verticalnavigation--usage.md +2 -0
  47. package/docs/history-changelogs-capra-core--docs.md +35 -0
  48. package/docs/index.md +2 -0
  49. package/package.json +9 -10
package/dist/style.css CHANGED
@@ -679,72 +679,67 @@
679
679
  transform: translate(50%, -50%);
680
680
  }
681
681
  }
682
- .capra-ListItem-module-VUh15W-listItem {
683
- color: var(--cds2-color-foreground-default);
684
- font: var(--cds2-typography-body-md-normal);
682
+ .capra-ListItem-module-QN6vFW-__listItem-layout {
685
683
  padding: var(--cds2-spacing-sm) var(--cds2-spacing-md);
686
684
  gap: var(--cds2-spacing-md);
687
685
  grid-template-columns: auto 1fr auto;
688
- grid-template-areas: "capra-ListItem-module-VUh15W-leading capra-ListItem-module-VUh15W-content capra-ListItem-module-VUh15W-trailing";
689
- width: 100%;
686
+ grid-template-areas: "capra-ListItem-module-QN6vFW-leading capra-ListItem-module-QN6vFW-content capra-ListItem-module-QN6vFW-trailing";
690
687
  display: grid;
691
688
  }
692
689
 
693
- .capra-ListItem-module-VUh15W-slots:not(:empty):not([data-trailing="true"]) {
694
- margin-inline-end: var(--cds-spacing-md);
695
- }
696
-
697
- .capra-ListItem-module-VUh15W-slots[data-trailing="true"]:not(:empty) {
698
- margin-inline-start: var(--cds-spacing-md);
690
+ .capra-ListItem-module-QN6vFW-listItem {
691
+ color: var(--cds2-color-foreground-default);
692
+ font: var(--cds2-typography-body-md-normal);
693
+ width: 100%;
699
694
  }
700
695
 
701
- .capra-ListItem-module-VUh15W-slots {
696
+ .capra-ListItem-module-QN6vFW-slots {
702
697
  font: var(--cds2-typography-body-md-normal);
703
698
  align-items: center;
704
699
  gap: var(--cds2-spacing-md);
705
700
  min-height: var(--cds2-dimension-component-sm);
706
- grid-column: capra-ListItem-module-VUh15W-leading;
701
+ grid-column: capra-ListItem-module-QN6vFW-leading;
707
702
  display: flex;
708
703
 
709
704
  &[data-trailing="true"] {
710
- grid-column: capra-ListItem-module-VUh15W-trailing;
705
+ grid-column: capra-ListItem-module-QN6vFW-trailing;
711
706
  }
712
707
  }
713
708
 
714
- .capra-ListItem-module-VUh15W-slot {
709
+ .capra-ListItem-module-QN6vFW-slot {
715
710
  min-width: var(--cds2-dimension-component-xs);
716
711
  justify-content: center;
717
712
  align-items: center;
718
713
  display: flex;
719
714
  }
720
715
 
721
- .capra-ListItem-module-VUh15W-content {
716
+ .capra-ListItem-module-QN6vFW-content {
722
717
  column-gap: var(--cds2-spacing-md);
723
- grid-template: "capra-ListItem-module-VUh15W-label capra-ListItem-module-VUh15W-suffix"
724
- "capra-ListItem-module-VUh15W-description capra-ListItem-module-VUh15W-description"
718
+ grid-template: "capra-ListItem-module-QN6vFW-label capra-ListItem-module-QN6vFW-suffix"
719
+ "capra-ListItem-module-QN6vFW-description capra-ListItem-module-QN6vFW-description"
725
720
  / 1fr auto;
726
- grid-column: capra-ListItem-module-VUh15W-content;
721
+ grid-column: capra-ListItem-module-QN6vFW-content;
727
722
  display: grid;
728
723
  }
729
724
 
730
- .capra-ListItem-module-VUh15W-label {
725
+ .capra-ListItem-module-QN6vFW-label {
731
726
  color: var(--cds2-color-foreground-default);
732
727
  font: var(--cds2-typography-body-md-normal);
733
- grid-area: capra-ListItem-module-VUh15W-label;
728
+ grid-area: capra-ListItem-module-QN6vFW-label;
734
729
  overflow: hidden;
735
730
  }
736
731
 
737
- .capra-ListItem-module-VUh15W-suffix {
732
+ .capra-ListItem-module-QN6vFW-suffix {
738
733
  color: var(--cds2-color-foreground-subtle);
739
734
  font: var(--cds2-typography-body-sm-normal);
740
- grid-area: capra-ListItem-module-VUh15W-suffix;
735
+ grid-area: capra-ListItem-module-QN6vFW-suffix;
741
736
  justify-self: end;
742
737
  }
743
738
 
744
- .capra-ListItem-module-VUh15W-description {
739
+ .capra-ListItem-module-QN6vFW-description {
745
740
  color: var(--cds2-color-foreground-subtle);
746
741
  font: var(--cds2-typography-body-sm-normal);
747
- grid-area: capra-ListItem-module-VUh15W-description;
742
+ grid-area: capra-ListItem-module-QN6vFW-description;
748
743
  }
749
744
  .capra-Pill-module-xa3pfa-pill {
750
745
  align-items: center;
@@ -991,7 +986,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
991
986
  align-items: flex-start;
992
987
  }
993
988
  }
994
- .capra-RadioTile-module-zbnLia-base {
989
+ .capra-RadioTile-module-iEQ2jG-base {
995
990
  background: var(--cds2-color-background-surface);
996
991
  border-radius: var(--cds2-radius-md);
997
992
  border: var(--cds2-border-default);
@@ -1000,6 +995,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1000
995
  border-color var(--cds2-motion-duration-medium-2),
1001
996
  outline var(--cds2-motion-duration-medium-2);
1002
997
  outline: none;
998
+ align-items: start;
999
+
1000
+ &[data-value] {
1001
+ padding: var(--cds2-spacing-md);
1002
+ }
1003
1003
 
1004
1004
  &[data-checked="true"] {
1005
1005
  background: var(--cds2-color-background-accent-selected);
@@ -2270,15 +2270,15 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2270
2270
  color: var(--cds2-color-foreground-warning-default);
2271
2271
  }
2272
2272
  }
2273
- .capra-Modal-module-j-u8iq-overlay {
2273
+ .capra-Modal-module-gAoc6W-overlay {
2274
2274
  background-color: var(--cds2-color-background-scrim);
2275
- animation: capra-Modal-module-j-u8iq-overlayShow var(--cds2-motion-duration-medium-1) var(--cds2-motion-easing-standard);
2275
+ animation: capra-Modal-module-gAoc6W-overlayShow var(--cds2-motion-duration-medium-1) var(--cds2-motion-easing-standard);
2276
2276
  z-index: 10000;
2277
2277
  position: fixed;
2278
2278
  inset: 0;
2279
2279
  }
2280
2280
 
2281
- .capra-Modal-module-j-u8iq-surface {
2281
+ .capra-Modal-module-gAoc6W-surface {
2282
2282
  background-color: var(--cds2-color-background-panel-solid);
2283
2283
  border-radius: var(--cds2-radius-lg);
2284
2284
  border: var(--cds2-border-default);
@@ -2286,10 +2286,8 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2286
2286
  box-shadow: var(--cds2-shadow-high-down);
2287
2287
  max-width: 100%;
2288
2288
  max-height: min(80vh, 100vh - 48px);
2289
- animation: capra-Modal-module-j-u8iq-contentShow var(--cds2-motion-duration-medium-1) var(--cds2-motion-easing-standard);
2290
- flex-direction: column;
2289
+ animation: capra-Modal-module-gAoc6W-contentShow var(--cds2-motion-duration-medium-1) var(--cds2-motion-easing-standard);
2291
2290
  padding: 0;
2292
- display: flex;
2293
2291
  position: fixed;
2294
2292
  top: 10vh;
2295
2293
  left: 50%;
@@ -2309,7 +2307,13 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2309
2307
  }
2310
2308
  }
2311
2309
 
2312
- .capra-Modal-module-j-u8iq-header {
2310
+ .capra-Modal-module-gAoc6W-dialog {
2311
+ grid-template-rows: max-content 1fr max-content;
2312
+ max-height: min(80vh, 100vh - 48px);
2313
+ display: grid;
2314
+ }
2315
+
2316
+ .capra-Modal-module-gAoc6W-header {
2313
2317
  padding: var(--cds2-spacing-md) var(--cds2-spacing-lg);
2314
2318
  border-bottom: var(--cds2-border-default);
2315
2319
  border-color: var(--cds2-color-border-neutral-subtle);
@@ -2320,36 +2324,33 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2320
2324
  display: flex;
2321
2325
  }
2322
2326
 
2323
- .capra-Modal-module-j-u8iq-headerLeading {
2327
+ .capra-Modal-module-gAoc6W-headerLeading {
2324
2328
  align-items: center;
2325
2329
  gap: var(--cds2-spacing-md);
2326
2330
  flex: 1;
2327
2331
  display: flex;
2328
2332
  }
2329
2333
 
2330
- .capra-Modal-module-j-u8iq-expandedTitleLayout {
2334
+ .capra-Modal-module-gAoc6W-expandedTitleLayout {
2331
2335
  align-items: center;
2332
2336
  gap: var(--cds2-spacing-md);
2333
2337
  flex-direction: row;
2334
2338
  display: flex;
2335
2339
  }
2336
2340
 
2337
- .capra-Modal-module-j-u8iq-content {
2341
+ .capra-Modal-module-gAoc6W-content {
2338
2342
  padding: var(--cds2-spacing-lg);
2339
- flex-direction: column;
2340
- flex: 1;
2341
- display: flex;
2342
2343
  overflow-y: auto;
2343
2344
  }
2344
2345
 
2345
- .capra-Modal-module-j-u8iq-footer {
2346
+ .capra-Modal-module-gAoc6W-footer {
2346
2347
  padding: var(--cds2-spacing-md) var(--cds2-spacing-lg);
2347
2348
  border-top: var(--cds2-border-default);
2348
2349
  border-color: var(--cds2-color-border-neutral-subtle);
2349
2350
  background-color: var(--cds2-color-background-neutral-subtle);
2350
2351
  }
2351
2352
 
2352
- .capra-Modal-module-j-u8iq-expandedFooterLayout {
2353
+ .capra-Modal-module-gAoc6W-expandedFooterLayout {
2353
2354
  justify-content: space-between;
2354
2355
  align-items: center;
2355
2356
  gap: var(--cds2-spacing-md);
@@ -2357,7 +2358,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2357
2358
  display: flex;
2358
2359
  }
2359
2360
 
2360
- .capra-Modal-module-j-u8iq-footerActions {
2361
+ .capra-Modal-module-gAoc6W-footerActions {
2361
2362
  justify-content: flex-end;
2362
2363
  align-items: center;
2363
2364
  gap: var(--cds2-spacing-md);
@@ -2366,20 +2367,20 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2366
2367
  display: flex;
2367
2368
  }
2368
2369
 
2369
- .capra-Modal-module-j-u8iq-confirmationSurface {
2370
+ .capra-Modal-module-gAoc6W-confirmationSurface {
2370
2371
  border-radius: var(--cds2-radius-md);
2371
2372
  width: min(400px, 100vw - 48px);
2372
2373
  box-shadow: var(--cds2-shadow-high-down);
2373
2374
  padding: var(--cds2-spacing-2xl) var(--cds2-spacing-2xl) var(--cds2-spacing-xl);
2374
2375
  }
2375
2376
 
2376
- .capra-Modal-module-j-u8iq-confirmationLayout {
2377
+ .capra-Modal-module-gAoc6W-confirmationLayout {
2377
2378
  align-items: flex-start;
2378
2379
  gap: var(--cds2-spacing-lg);
2379
2380
  display: flex;
2380
2381
  }
2381
2382
 
2382
- .capra-Modal-module-j-u8iq-confirmationIcon {
2383
+ .capra-Modal-module-gAoc6W-confirmationIcon {
2383
2384
  width: var(--cds2-dimension-component-sm);
2384
2385
  height: var(--cds2-dimension-component-sm);
2385
2386
  flex-shrink: 0;
@@ -2408,19 +2409,19 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2408
2409
  }
2409
2410
  }
2410
2411
 
2411
- .capra-Modal-module-j-u8iq-confirmationBody {
2412
+ .capra-Modal-module-gAoc6W-confirmationBody {
2412
2413
  gap: var(--cds2-spacing-md);
2413
2414
  flex-direction: column;
2414
2415
  flex: 1;
2415
2416
  display: flex;
2416
2417
  }
2417
2418
 
2418
- .capra-Modal-module-j-u8iq-confirmationMessage {
2419
+ .capra-Modal-module-gAoc6W-confirmationMessage {
2419
2420
  font: var(--cds2-typography-body-md-normal);
2420
2421
  margin: 0;
2421
2422
  }
2422
2423
 
2423
- .capra-Modal-module-j-u8iq-confirmationActions {
2424
+ .capra-Modal-module-gAoc6W-confirmationActions {
2424
2425
  justify-content: flex-end;
2425
2426
  gap: var(--cds2-spacing-md);
2426
2427
  width: 100%;
@@ -2428,7 +2429,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2428
2429
  display: flex;
2429
2430
  }
2430
2431
 
2431
- @keyframes capra-Modal-module-j-u8iq-overlayShow {
2432
+ @keyframes capra-Modal-module-gAoc6W-overlayShow {
2432
2433
  from {
2433
2434
  opacity: 0;
2434
2435
  }
@@ -2438,7 +2439,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2438
2439
  }
2439
2440
  }
2440
2441
 
2441
- @keyframes capra-Modal-module-j-u8iq-contentShow {
2442
+ @keyframes capra-Modal-module-gAoc6W-contentShow {
2442
2443
  from {
2443
2444
  opacity: 0;
2444
2445
  transform: translate(-50%, -20px) scale(.96);
@@ -3449,7 +3450,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3449
3450
  .capra-Toast-module-p7lQQG-toast[data-type="error"] {
3450
3451
  --_cds-toast-icon-color: var(--cds2-color-foreground-danger-default);
3451
3452
  }
3452
- .capra-Menu-module-y-WdTa-menu, .capra-Menu-module-y-WdTa-list {
3453
+ .capra-Menu-module-3G4VeG-menu, .capra-Menu-module-3G4VeG-list {
3453
3454
  gap: var(--cds2-spacing-xs);
3454
3455
  box-sizing: border-box;
3455
3456
  min-width: 152px;
@@ -3461,27 +3462,27 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3461
3462
  overflow: auto;
3462
3463
  }
3463
3464
 
3464
- .capra-Menu-module-y-WdTa-menu > :not(:last-child):not(.capra-Menu-module-y-WdTa-divider):not(:has( + .capra-Menu-module-y-WdTa-divider)), .capra-Menu-module-y-WdTa-list > :not(:last-child):not(.capra-Menu-module-y-WdTa-divider):not(:has( + .capra-Menu-module-y-WdTa-divider)) {
3465
+ .capra-Menu-module-3G4VeG-menu > :not(:last-child):not(.capra-Menu-module-3G4VeG-divider):not(:has( + .capra-Menu-module-3G4VeG-divider)), .capra-Menu-module-3G4VeG-list > :not(:last-child):not(.capra-Menu-module-3G4VeG-divider):not(:has( + .capra-Menu-module-3G4VeG-divider)) {
3465
3466
  margin-block-end: var(--cds2-spacing-xs);
3466
3467
  }
3467
3468
 
3468
- .capra-Menu-module-y-WdTa-menu {
3469
+ .capra-Menu-module-3G4VeG-menu {
3469
3470
  padding: 5px;
3470
3471
  }
3471
3472
 
3472
- .capra-Menu-module-y-WdTa-menuTriggerSlot {
3473
+ .capra-Menu-module-3G4VeG-menuTriggerSlot {
3473
3474
  display: inline-block;
3474
3475
  }
3475
3476
 
3476
- .capra-Menu-module-y-WdTa-menu[data-panel-padding="none"] {
3477
+ .capra-Menu-module-3G4VeG-menu[data-panel-padding="none"] {
3477
3478
  padding: var(--cds2-spacing-sm);
3478
3479
  }
3479
3480
 
3480
- .capra-Menu-module-y-WdTa-menu:focus-visible, .capra-Menu-module-y-WdTa-list:focus-visible {
3481
+ .capra-Menu-module-3G4VeG-menu:focus-visible, .capra-Menu-module-3G4VeG-list:focus-visible {
3481
3482
  outline: none;
3482
3483
  }
3483
3484
 
3484
- .capra-Menu-module-y-WdTa-menuItem {
3485
+ .capra-Menu-module-3G4VeG-menuItem {
3485
3486
  appearance: none;
3486
3487
  border-radius: var(--cds-radius-sm);
3487
3488
  color: var(--cds2-color-foreground-default);
@@ -3498,246 +3499,241 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3498
3499
  text-decoration: none;
3499
3500
  }
3500
3501
 
3501
- .capra-Menu-module-y-WdTa-menuItemLeadingGutter {
3502
+ .capra-Menu-module-3G4VeG-menuItemLeadingGutter {
3502
3503
  margin-inline-end: var(--cds2-spacing-md);
3503
3504
  }
3504
3505
 
3505
- .capra-Menu-module-y-WdTa-menuItemTrailingGutter {
3506
+ .capra-Menu-module-3G4VeG-menuItemTrailingGutter {
3506
3507
  margin-inline-start: var(--cds2-spacing-md);
3507
3508
  }
3508
3509
 
3509
- .capra-Menu-module-y-WdTa-menuItem:hover:not(:disabled, [aria-disabled="true"]) {
3510
- background-color: var(--cds-color-state-layer-hover);
3510
+ .capra-Menu-module-3G4VeG-menuItem:hover:not(:disabled, [aria-disabled="true"]) {
3511
+ background-color: var(--cds2-color-background-neutral-hover);
3511
3512
  }
3512
3513
 
3513
- .capra-Menu-module-y-WdTa-menuItem:focus {
3514
+ .capra-Menu-module-3G4VeG-menuItem:focus {
3514
3515
  outline: none;
3515
3516
  }
3516
3517
 
3517
- .capra-Menu-module-y-WdTa-menuItem[data-focus-visible="true"] {
3518
+ .capra-Menu-module-3G4VeG-menuItem[data-focus-visible="true"] {
3518
3519
  outline: var(--cds2-border-focus);
3519
3520
  outline-offset: var(--cds2-spacing-xs);
3520
3521
  }
3521
3522
 
3522
- .capra-Menu-module-y-WdTa-menuItem:is(:disabled, [aria-disabled="true"]) {
3523
+ .capra-Menu-module-3G4VeG-menuItem:is(:disabled, [aria-disabled="true"]) {
3523
3524
  color: var(--cds2-color-foreground-disabled);
3524
3525
  cursor: not-allowed;
3525
3526
  }
3526
3527
 
3527
- .capra-Menu-module-y-WdTa-menuItem:is(:disabled, [aria-disabled="true"]) .capra-Menu-module-y-WdTa-menuItemListItemShell, .capra-Menu-module-y-WdTa-menuItem:is(:disabled, [aria-disabled="true"]) .capra-Menu-module-y-WdTa-menuItemLabel {
3528
+ .capra-Menu-module-3G4VeG-menuItem:is(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemListItemShell, .capra-Menu-module-3G4VeG-menuItem:is(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemLabel {
3528
3529
  color: var(--cds2-color-foreground-disabled);
3529
3530
  }
3530
3531
 
3531
- .capra-Menu-module-y-WdTa-menuItem:is(:disabled, [aria-disabled="true"]) .capra-Menu-module-y-WdTa-menuItemShortcut {
3532
+ .capra-Menu-module-3G4VeG-menuItem:is(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemShortcut {
3532
3533
  background-color: var(--cds-color-background-secondary);
3533
3534
  border: var(--cds2-border-default);
3534
3535
  color: var(--cds2-color-foreground-disabled);
3535
3536
  }
3536
3537
 
3537
- .capra-Menu-module-y-WdTa-menuItem[data-variant="danger"]:is(:disabled, [aria-disabled="true"]) .capra-Menu-module-y-WdTa-menuItemLabel, .capra-Menu-module-y-WdTa-menuItem[data-variant="danger"]:is(:disabled, [aria-disabled="true"]) .capra-Menu-module-y-WdTa-menuItemShortcut {
3538
+ .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"]:is(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemLabel, .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"]:is(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemShortcut {
3538
3539
  color: var(--cds2-color-foreground-disabled);
3539
3540
  }
3540
3541
 
3541
- .capra-Menu-module-y-WdTa-menu[data-item-hover-appearance="accent"] .capra-Menu-module-y-WdTa-menuItem:is(:disabled, [aria-disabled="true"]) {
3542
+ .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem:is(:disabled, [aria-disabled="true"]) {
3542
3543
  color: var(--cds2-color-foreground-disabled);
3543
3544
  background-color: #0000;
3544
3545
  }
3545
3546
 
3546
- .capra-Menu-module-y-WdTa-menu[data-item-hover-appearance="accent"] .capra-Menu-module-y-WdTa-menuItem:is(:disabled, [aria-disabled="true"]) .capra-Menu-module-y-WdTa-menuItemLabel {
3547
+ .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem:is(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemLabel {
3547
3548
  color: var(--cds2-color-foreground-disabled);
3548
3549
  }
3549
3550
 
3550
- .capra-Menu-module-y-WdTa-menu[data-item-hover-appearance="accent"] .capra-Menu-module-y-WdTa-menuItem[data-active="true"]:is(:disabled, [aria-disabled="true"]) {
3551
+ .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem[data-active="true"]:is(:disabled, [aria-disabled="true"]) {
3551
3552
  color: var(--cds2-color-foreground-disabled);
3552
3553
  background-color: #0000;
3553
3554
  border-inline-end: none;
3554
3555
  }
3555
3556
 
3556
- .capra-Menu-module-y-WdTa-menu[data-item-hover-appearance="accent"] .capra-Menu-module-y-WdTa-menuItem[data-active="true"]:is(:disabled, [aria-disabled="true"]) .capra-Menu-module-y-WdTa-menuItemLabel {
3557
+ .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem[data-active="true"]:is(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemLabel {
3557
3558
  color: var(--cds2-color-foreground-disabled);
3558
3559
  font: var(--cds2-typography-body-md-normal);
3559
3560
  }
3560
3561
 
3561
- .capra-Menu-module-y-WdTa-menuItem[data-active="true"] {
3562
- background-color: var(--cds-color-state-layer-accent-selected);
3562
+ .capra-Menu-module-3G4VeG-menuItem[data-active="true"] {
3563
+ background-color: var(--cds2-color-background-accent-selected);
3563
3564
  color: var(--cds2-color-foreground-default);
3564
3565
  }
3565
3566
 
3566
- .capra-Menu-module-y-WdTa-menuItem[data-active="true"] .capra-Menu-module-y-WdTa-menuItemLabel {
3567
+ .capra-Menu-module-3G4VeG-menuItem[data-active="true"] .capra-Menu-module-3G4VeG-menuItemLabel {
3567
3568
  color: inherit;
3568
3569
  }
3569
3570
 
3570
- .capra-Menu-module-y-WdTa-menuItem[data-has-submenu][data-open]:not(:disabled, [aria-disabled="true"]) {
3571
- background-color: var(--cds-color-state-layer-accent-selected);
3571
+ .capra-Menu-module-3G4VeG-menuItem[data-has-submenu][data-open]:not(:disabled, [aria-disabled="true"]) {
3572
+ background-color: var(--cds2-color-background-neutral-hover);
3572
3573
  color: var(--cds2-color-foreground-default);
3573
3574
  }
3574
3575
 
3575
- .capra-Menu-module-y-WdTa-menuItem[data-has-submenu][data-open]:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-y-WdTa-menuItemLabel {
3576
+ .capra-Menu-module-3G4VeG-menuItem[data-has-submenu][data-open]:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemLabel {
3576
3577
  color: inherit;
3577
3578
  }
3578
3579
 
3579
- .capra-Menu-module-y-WdTa-menuItem[data-variant="danger"], .capra-Menu-module-y-WdTa-menuItem[data-variant="danger"] .capra-Menu-module-y-WdTa-menuItemLabel {
3580
+ .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"], .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"] .capra-Menu-module-3G4VeG-menuItemLabel {
3580
3581
  color: var(--cds2-color-foreground-danger-default);
3581
3582
  }
3582
3583
 
3583
- .capra-Menu-module-y-WdTa-menuItem[data-variant="danger"]:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-y-WdTa-menuItemShortcut {
3584
+ .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"]:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemShortcut {
3584
3585
  border: var(--cds2-border-default);
3585
3586
  color: var(--cds2-color-foreground-danger-default);
3586
3587
  }
3587
3588
 
3588
- .capra-Menu-module-y-WdTa-menuItem[data-variant="danger"]:hover:not(:disabled, [aria-disabled="true"]) {
3589
+ .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"]:hover:not(:disabled, [aria-disabled="true"]) {
3589
3590
  background-color: var(--cds2-color-background-danger-subtle);
3590
3591
  color: var(--cds2-color-foreground-danger-default);
3591
3592
  }
3592
3593
 
3593
- .capra-Menu-module-y-WdTa-menuItem[data-variant="danger"]:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-y-WdTa-menuItemLabel {
3594
+ .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"]:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemLabel {
3594
3595
  color: var(--cds2-color-foreground-danger-default);
3595
3596
  }
3596
3597
 
3597
- .capra-Menu-module-y-WdTa-menuItem[data-variant="danger"].capra-Menu-module-y-WdTa-menuItem[data-active="true"] {
3598
- background-color: var(--cds-color-state-layer-accent-selected);
3598
+ .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"].capra-Menu-module-3G4VeG-menuItem[data-active="true"] {
3599
+ background-color: var(--cds2-color-background-danger-hover);
3599
3600
  color: var(--cds2-color-foreground-danger-default);
3600
3601
  }
3601
3602
 
3602
- .capra-Menu-module-y-WdTa-menuItem[data-variant="danger"].capra-Menu-module-y-WdTa-menuItem[data-active="true"] .capra-Menu-module-y-WdTa-menuItemLabel {
3603
+ .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"].capra-Menu-module-3G4VeG-menuItem[data-active="true"] .capra-Menu-module-3G4VeG-menuItemLabel {
3603
3604
  color: var(--cds2-color-foreground-danger-default);
3604
3605
  }
3605
3606
 
3606
- .capra-Menu-module-y-WdTa-menuItem[data-variant="danger"].capra-Menu-module-y-WdTa-menuItem[data-active="true"]:hover:not(:disabled, [aria-disabled="true"]) {
3607
+ .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"].capra-Menu-module-3G4VeG-menuItem[data-active="true"]:hover:not(:disabled, [aria-disabled="true"]) {
3607
3608
  background-color: var(--cds2-color-background-danger-subtle);
3608
3609
  color: var(--cds2-color-foreground-danger-default);
3609
3610
  }
3610
3611
 
3611
- .capra-Menu-module-y-WdTa-menuItem[data-variant="danger"].capra-Menu-module-y-WdTa-menuItem[data-active="true"]:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-y-WdTa-menuItemLabel {
3612
+ .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"].capra-Menu-module-3G4VeG-menuItem[data-active="true"]:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemLabel {
3612
3613
  color: var(--cds2-color-foreground-danger-default);
3613
3614
  }
3614
3615
 
3615
- .capra-Menu-module-y-WdTa-menu[data-item-hover-appearance="accent"] .capra-Menu-module-y-WdTa-menuItem[data-variant="danger"]:hover:not(:disabled, [aria-disabled="true"]) {
3616
+ .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"]:hover:not(:disabled, [aria-disabled="true"]) {
3616
3617
  background-color: var(--cds2-color-background-danger-subtle);
3617
3618
  color: var(--cds2-color-foreground-danger-default);
3618
3619
  }
3619
3620
 
3620
- .capra-Menu-module-y-WdTa-menu[data-item-hover-appearance="accent"] .capra-Menu-module-y-WdTa-menuItem[data-variant="danger"]:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-y-WdTa-menuItemLabel {
3621
+ .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"]:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemLabel {
3621
3622
  color: var(--cds2-color-foreground-danger-default);
3622
3623
  font: var(--cds2-typography-body-md-normal);
3623
3624
  }
3624
3625
 
3625
- .capra-Menu-module-y-WdTa-menu[data-item-hover-appearance="accent"] .capra-Menu-module-y-WdTa-menuItem[data-variant="danger"].capra-Menu-module-y-WdTa-menuItem[data-active="true"] {
3626
- background-color: var(--cds-color-state-layer-accent-selected);
3626
+ .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"].capra-Menu-module-3G4VeG-menuItem[data-active="true"] {
3627
+ background-color: var(--cds2-color-border-danger-focus);
3627
3628
  border-inline-end: 2px solid var(--cds2-color-border-accent-default);
3628
3629
  color: var(--cds2-color-foreground-danger-default);
3629
3630
  }
3630
3631
 
3631
- .capra-Menu-module-y-WdTa-menu[data-item-hover-appearance="accent"] .capra-Menu-module-y-WdTa-menuItem[data-variant="danger"].capra-Menu-module-y-WdTa-menuItem[data-active="true"] .capra-Menu-module-y-WdTa-menuItemLabel {
3632
+ .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"].capra-Menu-module-3G4VeG-menuItem[data-active="true"] .capra-Menu-module-3G4VeG-menuItemLabel {
3632
3633
  color: var(--cds2-color-foreground-danger-default);
3633
3634
  font: var(--cds2-typography-body-md-semibold);
3634
3635
  }
3635
3636
 
3636
- .capra-Menu-module-y-WdTa-menu[data-item-hover-appearance="accent"] .capra-Menu-module-y-WdTa-menuItem[data-variant="danger"].capra-Menu-module-y-WdTa-menuItem[data-active="true"]:hover:not(:disabled, [aria-disabled="true"]) {
3637
+ .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"].capra-Menu-module-3G4VeG-menuItem[data-active="true"]:hover:not(:disabled, [aria-disabled="true"]) {
3637
3638
  background-color: var(--cds2-color-background-danger-subtle);
3638
3639
  color: var(--cds2-color-foreground-danger-default);
3639
3640
  }
3640
3641
 
3641
- .capra-Menu-module-y-WdTa-menu[data-item-hover-appearance="accent"] .capra-Menu-module-y-WdTa-menuItem[data-variant="danger"].capra-Menu-module-y-WdTa-menuItem[data-active="true"]:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-y-WdTa-menuItemLabel {
3642
+ .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"].capra-Menu-module-3G4VeG-menuItem[data-active="true"]:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemLabel {
3642
3643
  color: var(--cds2-color-foreground-danger-default);
3643
3644
  font: var(--cds2-typography-body-md-semibold);
3644
3645
  }
3645
3646
 
3646
- .capra-Menu-module-y-WdTa-menu[data-item-hover-appearance="accent"] .capra-Menu-module-y-WdTa-menuItem:hover:not(:disabled, [aria-disabled="true"]) {
3647
- background-color: var(--stateLayer-accent-selected, #e6f7ff);
3648
- color: var(--cds2-color-foreground-accent-default);
3649
- }
3650
-
3651
- .capra-Menu-module-y-WdTa-menu[data-item-hover-appearance="accent"] .capra-Menu-module-y-WdTa-menuItem:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-y-WdTa-menuItemLabel {
3652
- color: var(--cds2-color-foreground-accent-default);
3647
+ .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem:hover:not(:disabled, [aria-disabled="true"]) {
3648
+ background-color: var(--cds2-color-background-neutral-hover);
3653
3649
  }
3654
3650
 
3655
- .capra-Menu-module-y-WdTa-menu[data-item-hover-appearance="accent"] .capra-Menu-module-y-WdTa-menuItem:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-y-WdTa-menuItemShortcut {
3651
+ .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemShortcut {
3656
3652
  color: var(--cds2-color-foreground-subtle);
3657
3653
  }
3658
3654
 
3659
- .capra-Menu-module-y-WdTa-menu[data-item-hover-appearance="accent"] .capra-Menu-module-y-WdTa-menuItem[data-active="true"] {
3660
- background-color: var(--cds-color-state-layer-accent-selected);
3655
+ .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem[data-active="true"] {
3656
+ background-color: var(--cds2-color-background-accent-selected);
3661
3657
  border-inline-end: 2px solid var(--cds2-color-border-accent-default);
3662
3658
  color: var(--cds2-color-foreground-accent-default);
3663
3659
  }
3664
3660
 
3665
- .capra-Menu-module-y-WdTa-menu[data-item-hover-appearance="accent"][data-item-active-accent-bar="false"] .capra-Menu-module-y-WdTa-menuItem[data-active="true"], .capra-Menu-module-y-WdTa-menu[data-item-hover-appearance="accent"][data-item-active-accent-bar="false"] .capra-Menu-module-y-WdTa-menuItem[data-variant="danger"].capra-Menu-module-y-WdTa-menuItem[data-active="true"] {
3661
+ .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"][data-item-active-accent-bar="false"] .capra-Menu-module-3G4VeG-menuItem[data-active="true"], .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"][data-item-active-accent-bar="false"] .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"].capra-Menu-module-3G4VeG-menuItem[data-active="true"] {
3666
3662
  border-inline-end: none;
3667
3663
  }
3668
3664
 
3669
- .capra-Menu-module-y-WdTa-menu[data-item-hover-appearance="accent"][data-item-active-label-semibold="false"] .capra-Menu-module-y-WdTa-menuItem[data-active="true"] .capra-Menu-module-y-WdTa-menuItemLabel, .capra-Menu-module-y-WdTa-menu[data-item-hover-appearance="accent"][data-item-active-label-semibold="false"] .capra-Menu-module-y-WdTa-menuItem[data-active="true"]:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-y-WdTa-menuItemLabel, .capra-Menu-module-y-WdTa-menu[data-item-hover-appearance="accent"][data-item-active-label-semibold="false"] .capra-Menu-module-y-WdTa-menuItem[data-variant="danger"].capra-Menu-module-y-WdTa-menuItem[data-active="true"] .capra-Menu-module-y-WdTa-menuItemLabel, .capra-Menu-module-y-WdTa-menu[data-item-hover-appearance="accent"][data-item-active-label-semibold="false"] .capra-Menu-module-y-WdTa-menuItem[data-variant="danger"].capra-Menu-module-y-WdTa-menuItem[data-active="true"]:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-y-WdTa-menuItemLabel {
3665
+ .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"][data-item-active-label-semibold="false"] .capra-Menu-module-3G4VeG-menuItem[data-active="true"] .capra-Menu-module-3G4VeG-menuItemLabel, .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"][data-item-active-label-semibold="false"] .capra-Menu-module-3G4VeG-menuItem[data-active="true"]:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemLabel, .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"][data-item-active-label-semibold="false"] .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"].capra-Menu-module-3G4VeG-menuItem[data-active="true"] .capra-Menu-module-3G4VeG-menuItemLabel, .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"][data-item-active-label-semibold="false"] .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"].capra-Menu-module-3G4VeG-menuItem[data-active="true"]:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemLabel {
3670
3666
  font: var(--cds2-typography-body-md-normal);
3671
3667
  }
3672
3668
 
3673
- .capra-Menu-module-y-WdTa-menu[data-item-hover-appearance="accent"] .capra-Menu-module-y-WdTa-menuItem[data-active="true"] .capra-Menu-module-y-WdTa-menuItemLabel {
3669
+ .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem[data-active="true"] .capra-Menu-module-3G4VeG-menuItemLabel {
3674
3670
  color: var(--cds2-color-foreground-accent-default);
3675
3671
  font: var(--cds2-typography-body-md-semibold);
3676
3672
  }
3677
3673
 
3678
- .capra-Menu-module-y-WdTa-menu[data-item-hover-appearance="accent"] .capra-Menu-module-y-WdTa-menuItem[data-active="true"]:hover:not(:disabled, [aria-disabled="true"]) {
3679
- background-color: var(--cds-color-state-layer-accent-selected);
3674
+ .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem[data-active="true"]:hover:not(:disabled, [aria-disabled="true"]) {
3675
+ background-color: var(--cds2-color-background-accent-selected);
3680
3676
  color: var(--cds2-color-foreground-accent-default);
3681
3677
  }
3682
3678
 
3683
- .capra-Menu-module-y-WdTa-menu[data-item-hover-appearance="accent"] .capra-Menu-module-y-WdTa-menuItem[data-has-submenu][data-open]:not(:disabled, [aria-disabled="true"]) {
3684
- background-color: var(--cds-color-state-layer-accent-selected);
3679
+ .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem[data-has-submenu][data-open]:not(:disabled, [aria-disabled="true"]) {
3680
+ background-color: var(--cds2-color-border-focus);
3685
3681
  border-inline-end: 2px solid var(--cds2-color-border-accent-default);
3686
3682
  color: var(--cds2-color-foreground-accent-default);
3687
3683
  }
3688
3684
 
3689
- .capra-Menu-module-y-WdTa-menu[data-item-hover-appearance="accent"] .capra-Menu-module-y-WdTa-menuItem[data-has-submenu][data-open]:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-y-WdTa-menuItemLabel {
3685
+ .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem[data-has-submenu][data-open]:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemLabel {
3690
3686
  color: var(--cds2-color-foreground-accent-default);
3691
3687
  font: var(--cds2-typography-body-md-semibold);
3692
3688
  }
3693
3689
 
3694
- .capra-Menu-module-y-WdTa-menu[data-item-hover-appearance="accent"] .capra-Menu-module-y-WdTa-menuItem[data-has-submenu][data-open]:hover:not(:disabled, [aria-disabled="true"]) {
3695
- background-color: var(--cds-color-state-layer-accent-selected);
3690
+ .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem[data-has-submenu][data-open]:hover:not(:disabled, [aria-disabled="true"]) {
3691
+ background-color: var(--cds2-color-background-accent-selected);
3696
3692
  color: var(--cds2-color-foreground-accent-default);
3697
3693
  }
3698
3694
 
3699
- .capra-Menu-module-y-WdTa-menu[data-item-hover-appearance="accent"] .capra-Menu-module-y-WdTa-menuItem[data-has-submenu][data-open]:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-y-WdTa-menuItemLabel {
3695
+ .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem[data-has-submenu][data-open]:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemLabel {
3700
3696
  color: var(--cds2-color-foreground-accent-default);
3701
3697
  }
3702
3698
 
3703
- .capra-Menu-module-y-WdTa-menu[data-item-hover-appearance="accent"][data-item-active-accent-bar="false"] .capra-Menu-module-y-WdTa-menuItem[data-has-submenu][data-open], .capra-Menu-module-y-WdTa-menu[data-item-hover-appearance="accent"][data-item-active-accent-bar="false"] .capra-Menu-module-y-WdTa-menuItem[data-has-submenu][data-open]:hover:not(:disabled, [aria-disabled="true"]) {
3699
+ .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"][data-item-active-accent-bar="false"] .capra-Menu-module-3G4VeG-menuItem[data-has-submenu][data-open], .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"][data-item-active-accent-bar="false"] .capra-Menu-module-3G4VeG-menuItem[data-has-submenu][data-open]:hover:not(:disabled, [aria-disabled="true"]) {
3704
3700
  border-inline-end: none;
3705
3701
  }
3706
3702
 
3707
- .capra-Menu-module-y-WdTa-menu[data-item-hover-appearance="accent"][data-item-active-label-semibold="false"] .capra-Menu-module-y-WdTa-menuItem[data-has-submenu][data-open] .capra-Menu-module-y-WdTa-menuItemLabel, .capra-Menu-module-y-WdTa-menu[data-item-hover-appearance="accent"][data-item-active-label-semibold="false"] .capra-Menu-module-y-WdTa-menuItem[data-has-submenu][data-open]:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-y-WdTa-menuItemLabel {
3703
+ .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"][data-item-active-label-semibold="false"] .capra-Menu-module-3G4VeG-menuItem[data-has-submenu][data-open] .capra-Menu-module-3G4VeG-menuItemLabel, .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"][data-item-active-label-semibold="false"] .capra-Menu-module-3G4VeG-menuItem[data-has-submenu][data-open]:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemLabel {
3708
3704
  font: var(--cds2-typography-body-md-normal);
3709
3705
  }
3710
3706
 
3711
- .capra-Menu-module-y-WdTa-section {
3707
+ .capra-Menu-module-3G4VeG-section {
3712
3708
  display: contents;
3713
3709
  }
3714
3710
 
3715
- .capra-Menu-module-y-WdTa-menuItem[data-indent="true"] {
3711
+ .capra-Menu-module-3G4VeG-menuItem[data-indent="true"] {
3716
3712
  padding-inline-start: var(--cds2-spacing-xl);
3717
3713
  }
3718
3714
 
3719
- .capra-Menu-module-y-WdTa-menuItemLabel {
3715
+ .capra-Menu-module-3G4VeG-menuItemLabel {
3720
3716
  color: inherit;
3721
3717
  font: var(--cds2-typography-body-md-normal);
3722
3718
  }
3723
3719
 
3724
- .capra-Menu-module-y-WdTa-menuItemDescription {
3720
+ .capra-Menu-module-3G4VeG-menuItemDescription {
3725
3721
  color: var(--cds2-color-foreground-default);
3726
3722
  font: var(--cds2-typography-body-sm-normal);
3727
3723
  }
3728
3724
 
3729
- .capra-Menu-module-y-WdTa-menuItem[data-has-description="true"] .capra-Menu-module-y-WdTa-menuItemTrailingGutter {
3725
+ .capra-Menu-module-3G4VeG-menuItem[data-has-description="true"] .capra-Menu-module-3G4VeG-menuItemTrailingGutter {
3730
3726
  align-self: center;
3731
3727
  height: auto !important;
3732
3728
  }
3733
3729
 
3734
- .capra-Menu-module-y-WdTa-menuItemTrailingGroup {
3730
+ .capra-Menu-module-3G4VeG-menuItemTrailingGroup {
3735
3731
  align-items: center;
3736
3732
  gap: var(--cds2-spacing-md);
3737
3733
  display: inline-flex;
3738
3734
  }
3739
3735
 
3740
- .capra-Menu-module-y-WdTa-menuItemShortcut {
3736
+ .capra-Menu-module-3G4VeG-menuItemShortcut {
3741
3737
  background-color: var(--cds2-color-neutral-surface);
3742
3738
  border: var(--cds2-border-default);
3743
3739
  border-color: var(--cds2-color-border-neutral-subtle);
@@ -3751,7 +3747,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3751
3747
  display: inline-flex;
3752
3748
  }
3753
3749
 
3754
- .capra-Menu-module-y-WdTa-header {
3750
+ .capra-Menu-module-3G4VeG-header {
3755
3751
  box-sizing: border-box;
3756
3752
  color: var(--cds2-color-foreground-default);
3757
3753
  font: var(--cds2-typography-body-md-semibold);
@@ -3762,7 +3758,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3762
3758
  display: flex;
3763
3759
  }
3764
3760
 
3765
- .capra-Menu-module-y-WdTa-divider {
3761
+ .capra-Menu-module-3G4VeG-divider {
3766
3762
  border: none;
3767
3763
  border-block-start: var(--cds2-border-default);
3768
3764
  border-color: var(--cds2-color-border-neutral-subtle);
@@ -3773,24 +3769,24 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3773
3769
  padding: 0;
3774
3770
  }
3775
3771
 
3776
- .capra-Menu-module-y-WdTa-menuItemListItemShell {
3772
+ .capra-Menu-module-3G4VeG-menuItemListItemShell {
3777
3773
  width: 100%;
3778
3774
  }
3779
- .capra-TabNav-module-e0IbmW-root {
3775
+ .capra-TabNav-module-qqfvea-root {
3780
3776
  flex-direction: column;
3781
3777
  width: 100%;
3782
3778
  display: flex;
3783
3779
  }
3784
3780
 
3785
- .capra-TabNav-module-e0IbmW-root[data-placement="horizontal"] {
3781
+ .capra-TabNav-module-qqfvea-root[data-placement="horizontal"] {
3786
3782
  flex-direction: column-reverse;
3787
3783
  }
3788
3784
 
3789
- .capra-TabNav-module-e0IbmW-root[data-placement="vertical"] {
3785
+ .capra-TabNav-module-qqfvea-root[data-placement="vertical"] {
3790
3786
  flex-direction: row;
3791
3787
  }
3792
3788
 
3793
- .capra-TabNav-module-e0IbmW-root[data-placement="vertical"] .capra-TabNav-module-e0IbmW-tabBar {
3789
+ .capra-TabNav-module-qqfvea-root[data-placement="vertical"] .capra-TabNav-module-qqfvea-tabBar {
3794
3790
  border-block-end: none;
3795
3791
  border-inline-end: 1px solid var(--cds2-color-border-neutral-subtle);
3796
3792
  flex-direction: column;
@@ -3799,7 +3795,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3799
3795
  padding-inline-end: var(--cds2-spacing-lg);
3800
3796
  }
3801
3797
 
3802
- .capra-TabNav-module-e0IbmW-tabBar {
3798
+ .capra-TabNav-module-qqfvea-tabBar {
3803
3799
  justify-content: space-between;
3804
3800
  align-items: center;
3805
3801
  gap: var(--cds2-spacing-md);
@@ -3808,44 +3804,42 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3808
3804
  display: flex;
3809
3805
  }
3810
3806
 
3811
- .capra-TabNav-module-e0IbmW-tabBar:has(.capra-TabNav-module-e0IbmW-extraContent) {
3807
+ .capra-TabNav-module-qqfvea-tabBar:has(.capra-TabNav-module-qqfvea-extraContent) {
3812
3808
  gap: var(--cds2-spacing-xl);
3813
3809
  }
3814
3810
 
3815
- .capra-TabNav-module-e0IbmW-root[data-placement="horizontal"] .capra-TabNav-module-e0IbmW-tabBar {
3811
+ .capra-TabNav-module-qqfvea-root[data-placement="horizontal"] .capra-TabNav-module-qqfvea-tabBar {
3816
3812
  border: none;
3817
3813
  margin-block-start: 0;
3818
3814
  }
3819
3815
 
3820
- .capra-TabNav-module-e0IbmW-tabList {
3816
+ .capra-TabNav-module-qqfvea-tabList {
3821
3817
  gap: var(--cds2-spacing-xl);
3822
3818
  flex-flow: wrap;
3823
3819
  display: flex;
3824
3820
  }
3825
3821
 
3826
- .capra-TabNav-module-e0IbmW-root[data-wrap="nowrap"] .capra-TabNav-module-e0IbmW-tabList {
3822
+ .capra-TabNav-module-qqfvea-root[data-wrap="nowrap"] .capra-TabNav-module-qqfvea-tabList {
3827
3823
  flex-wrap: nowrap;
3828
3824
  }
3829
3825
 
3830
- .capra-TabNav-module-e0IbmW-root[data-placement="vertical"] .capra-TabNav-module-e0IbmW-tabList {
3826
+ .capra-TabNav-module-qqfvea-root[data-placement="vertical"] .capra-TabNav-module-qqfvea-tabList {
3831
3827
  flex-flow: column;
3832
3828
  gap: 0;
3833
3829
  width: 100%;
3834
3830
  }
3835
3831
 
3836
- .capra-TabNav-module-e0IbmW-root[data-placement="vertical"] .capra-TabNav-module-e0IbmW-tabList > :not(:last-child), .capra-TabNav-module-e0IbmW-root[data-placement="vertical"] .capra-TabNav-module-e0IbmW-tabGroup > :not(:last-child), .capra-TabNav-module-e0IbmW-root[data-placement="vertical"] .capra-TabNav-module-e0IbmW-subTabList .capra-TabNav-module-e0IbmW-subTabListItem:not(:last-child) {
3832
+ .capra-TabNav-module-qqfvea-root[data-placement="vertical"] .capra-TabNav-module-qqfvea-tabList > :not(:last-child), .capra-TabNav-module-qqfvea-root[data-placement="vertical"] .capra-TabNav-module-qqfvea-tabGroup > :not(:last-child), .capra-TabNav-module-qqfvea-root[data-placement="vertical"] .capra-TabNav-module-qqfvea-subTabList .capra-TabNav-module-qqfvea-subTabListItem:not(:last-child) {
3837
3833
  margin-block-end: var(--cds2-spacing-md);
3838
3834
  }
3839
3835
 
3840
- .capra-TabNav-module-e0IbmW-root[data-centered="true"] .capra-TabNav-module-e0IbmW-tabList {
3836
+ .capra-TabNav-module-qqfvea-root[data-centered="true"] .capra-TabNav-module-qqfvea-tabList {
3841
3837
  flex: 1;
3842
3838
  justify-content: center;
3843
3839
  }
3844
3840
 
3845
- .capra-TabNav-module-e0IbmW-tab {
3841
+ .capra-TabNav-module-qqfvea-tab {
3846
3842
  appearance: none;
3847
- border: none;
3848
- border-bottom: 2px solid #0000;
3849
3843
  cursor: pointer;
3850
3844
  justify-content: center;
3851
3845
  align-items: center;
@@ -3854,7 +3848,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3854
3848
  color: var(--cds2-color-foreground-subtle);
3855
3849
  height: var(--cds2-dimension-component-md);
3856
3850
  background: none;
3857
- border-inline-end: 2px solid #0000;
3851
+ border: none;
3858
3852
  min-width: 24px;
3859
3853
  padding: 0;
3860
3854
  text-decoration: none;
@@ -3873,58 +3867,59 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3873
3867
  }
3874
3868
  }
3875
3869
 
3876
- .capra-TabNav-module-e0IbmW-root[data-placement="horizontal"] .capra-TabNav-module-e0IbmW-tab {
3870
+ .capra-TabNav-module-qqfvea-root[data-placement="horizontal"] .capra-TabNav-module-qqfvea-tab {
3871
+ border-bottom: 2px solid #0000;
3877
3872
  transition: none;
3878
3873
  }
3879
3874
 
3880
- .capra-TabNav-module-e0IbmW-root[data-placement="horizontal"] .capra-TabNav-module-e0IbmW-tab:hover:not(:is(:disabled, [data-disabled="true"])) {
3875
+ .capra-TabNav-module-qqfvea-root[data-placement="horizontal"] .capra-TabNav-module-qqfvea-tab:hover:not(:is(:disabled, [data-disabled="true"])) {
3881
3876
  border-bottom-color: var(--cds2-color-border-accent-default);
3882
3877
  color: var(--cds2-color-foreground-neutral-default) !important;
3883
3878
  }
3884
3879
 
3885
- .capra-TabNav-module-e0IbmW-root[data-placement="horizontal"] .capra-TabNav-module-e0IbmW-tab[data-active="true"][data-disabled="true"] {
3880
+ .capra-TabNav-module-qqfvea-root[data-placement="horizontal"] .capra-TabNav-module-qqfvea-tab[data-active="true"][data-disabled="true"] {
3886
3881
  border-bottom-color: #0000;
3887
3882
  }
3888
3883
 
3889
- .capra-TabNav-module-e0IbmW-tab[data-active="true"] {
3884
+ .capra-TabNav-module-qqfvea-tab[data-active="true"] {
3890
3885
  color: var(--cds2-color-foreground-accent-default);
3891
3886
  }
3892
3887
 
3893
- .capra-TabNav-module-e0IbmW-tabIcon {
3888
+ .capra-TabNav-module-qqfvea-tabIcon {
3894
3889
  align-items: center;
3895
3890
  display: inline-flex;
3896
3891
  }
3897
3892
 
3898
- .capra-TabNav-module-e0IbmW-tabLabel {
3893
+ .capra-TabNav-module-qqfvea-tabLabel {
3899
3894
  white-space: nowrap;
3900
3895
  }
3901
3896
 
3902
- .capra-TabNav-module-e0IbmW-indentSpacer {
3897
+ .capra-TabNav-module-qqfvea-indentSpacer {
3903
3898
  flex-shrink: 0;
3904
3899
  width: 16px;
3905
3900
  min-width: 16px;
3906
3901
  }
3907
3902
 
3908
- .capra-TabNav-module-e0IbmW-dropdownIcon {
3903
+ .capra-TabNav-module-qqfvea-dropdownIcon {
3909
3904
  color: inherit;
3910
3905
  flex-shrink: 0;
3911
3906
  align-items: center;
3912
3907
  display: inline-flex;
3913
3908
  }
3914
3909
 
3915
- .capra-TabNav-module-e0IbmW-root[data-placement="vertical"] .capra-TabNav-module-e0IbmW-dropdownIcon {
3910
+ .capra-TabNav-module-qqfvea-root[data-placement="vertical"] .capra-TabNav-module-qqfvea-dropdownIcon {
3916
3911
  margin-inline-start: auto;
3917
3912
  }
3918
3913
 
3919
- .capra-TabNav-module-e0IbmW-root[data-placement="vertical"] .capra-TabNav-module-e0IbmW-tab[data-expanded="false"] .capra-TabNav-module-e0IbmW-dropdownIcon svg {
3914
+ .capra-TabNav-module-qqfvea-root[data-placement="vertical"] .capra-TabNav-module-qqfvea-tab[data-expanded="false"] .capra-TabNav-module-qqfvea-dropdownIcon svg {
3920
3915
  transform: rotate(-90deg);
3921
3916
  }
3922
3917
 
3923
- .capra-TabNav-module-e0IbmW-root[data-placement="vertical"] .capra-TabNav-module-e0IbmW-tab[data-expanded="true"] .capra-TabNav-module-e0IbmW-dropdownIcon svg {
3918
+ .capra-TabNav-module-qqfvea-root[data-placement="vertical"] .capra-TabNav-module-qqfvea-tab[data-expanded="true"] .capra-TabNav-module-qqfvea-dropdownIcon svg {
3924
3919
  transform: none;
3925
3920
  }
3926
3921
 
3927
- .capra-TabNav-module-e0IbmW-tabGroup {
3922
+ .capra-TabNav-module-qqfvea-tabGroup {
3928
3923
  flex-direction: column;
3929
3924
  align-items: stretch;
3930
3925
  gap: 0;
@@ -3932,7 +3927,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3932
3927
  display: flex;
3933
3928
  }
3934
3929
 
3935
- .capra-TabNav-module-e0IbmW-subTabList {
3930
+ .capra-TabNav-module-qqfvea-subTabList {
3936
3931
  flex-flow: column;
3937
3932
  gap: 0;
3938
3933
  width: 100%;
@@ -3942,20 +3937,20 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3942
3937
  display: flex;
3943
3938
  }
3944
3939
 
3945
- .capra-TabNav-module-e0IbmW-subTabListItem {
3940
+ .capra-TabNav-module-qqfvea-subTabListItem {
3946
3941
  margin: 0;
3947
3942
  padding: 0;
3948
3943
  }
3949
3944
 
3950
- .capra-TabNav-module-e0IbmW-subTab {
3945
+ .capra-TabNav-module-qqfvea-subTab {
3951
3946
  width: 100%;
3952
3947
  }
3953
3948
 
3954
- .capra-TabNav-module-e0IbmW-root[data-placement="horizontal"] .capra-TabNav-module-e0IbmW-tab[data-active="true"], .capra-TabNav-module-e0IbmW-root[data-placement="horizontal"] .capra-TabNav-module-e0IbmW-tab[data-submenu-open="true"] {
3949
+ .capra-TabNav-module-qqfvea-root[data-placement="horizontal"] .capra-TabNav-module-qqfvea-tab[data-active="true"], .capra-TabNav-module-qqfvea-root[data-placement="horizontal"] .capra-TabNav-module-qqfvea-tab[data-submenu-open="true"] {
3955
3950
  border-bottom-color: var(--cds2-color-border-accent-default);
3956
3951
  }
3957
3952
 
3958
- .capra-TabNav-module-e0IbmW-root[data-placement="vertical"] .capra-TabNav-module-e0IbmW-tab {
3953
+ .capra-TabNav-module-qqfvea-root[data-placement="vertical"] .capra-TabNav-module-qqfvea-tab {
3959
3954
  border-bottom: none;
3960
3955
  padding-block: 0;
3961
3956
  padding-inline: var(--cds2-spacing-md);
@@ -3964,42 +3959,42 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3964
3959
  width: 100%;
3965
3960
  }
3966
3961
 
3967
- .capra-TabNav-module-e0IbmW-root[data-placement="vertical"] .capra-TabNav-module-e0IbmW-tab[data-active="true"] {
3962
+ .capra-TabNav-module-qqfvea-root[data-placement="vertical"] .capra-TabNav-module-qqfvea-tab[data-active="true"] {
3968
3963
  background-color: var(--cds2-color-background-accent-subtle);
3969
3964
  border-inline-end-color: var(--cds2-color-border-accent-default);
3970
3965
  }
3971
3966
 
3972
- .capra-TabNav-module-e0IbmW-root[data-placement="vertical"] .capra-TabNav-module-e0IbmW-tab:hover:not(:is(:disabled, [data-disabled="true"])) {
3967
+ .capra-TabNav-module-qqfvea-root[data-placement="vertical"] .capra-TabNav-module-qqfvea-tab:hover:not(:is(:disabled, [data-disabled="true"])) {
3973
3968
  background-color: var(--cds2-color-background-accent-selected);
3974
3969
  border-inline-end-color: var(--cds2-color-border-accent-strong);
3975
3970
  color: var(--cds2-color-foreground-accent-default);
3976
3971
  }
3977
3972
 
3978
- .capra-TabNav-module-e0IbmW-root[data-placement="vertical"] .capra-TabNav-module-e0IbmW-tab[data-active="true"][data-disabled="true"] {
3973
+ .capra-TabNav-module-qqfvea-root[data-placement="vertical"] .capra-TabNav-module-qqfvea-tab[data-active="true"][data-disabled="true"] {
3979
3974
  background-color: #0000;
3980
3975
  border-inline-end-color: #0000;
3981
3976
  }
3982
3977
 
3983
- .capra-TabNav-module-e0IbmW-extraContent {
3978
+ .capra-TabNav-module-qqfvea-extraContent {
3984
3979
  align-items: center;
3985
3980
  display: flex;
3986
3981
  }
3987
3982
 
3988
- .capra-TabNav-module-e0IbmW-panel {
3983
+ .capra-TabNav-module-qqfvea-panel {
3989
3984
  font: var(--cds2-typography-body-md-normal);
3990
3985
  color: var(--cds2-color-foreground-default);
3991
3986
  flex: 1;
3992
3987
  padding-block-start: var(--cds2-spacing-lg);
3993
3988
  }
3994
3989
 
3995
- .capra-TabNav-module-e0IbmW-subMenu {
3990
+ .capra-TabNav-module-qqfvea-subMenu {
3996
3991
  padding: var(--cds2-spacing-xs);
3997
3992
  min-width: 160px;
3998
3993
  margin: 0;
3999
3994
  list-style: none;
4000
3995
  }
4001
3996
 
4002
- .capra-TabNav-module-e0IbmW-subMenuItem {
3997
+ .capra-TabNav-module-qqfvea-subMenuItem {
4003
3998
  appearance: none;
4004
3999
  text-align: start;
4005
4000
  width: 100%;
@@ -4027,7 +4022,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
4027
4022
  }
4028
4023
  }
4029
4024
 
4030
- .capra-TabNav-module-e0IbmW-subMenuItemActive {
4025
+ .capra-TabNav-module-qqfvea-subMenuItemActive {
4031
4026
  background-color: var(--cds2-color-background-accent-subtle);
4032
4027
  color: var(--cds2-color-foreground-accent-default);
4033
4028
  font: var(--cds2-typography-body-sm-semibold);
@@ -4129,3 +4124,169 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
4129
4124
  gap: var(--cds2-spacing-md);
4130
4125
  display: inline-flex;
4131
4126
  }
4127
+ .capra-ListItem-module-QN6vFW-__listItem-layout {
4128
+ padding: var(--cds2-spacing-sm) var(--cds2-spacing-md);
4129
+ gap: var(--cds2-spacing-md);
4130
+ grid-template-columns: auto 1fr auto;
4131
+ grid-template-areas: "capra-ListItem-module-QN6vFW-leading capra-ListItem-module-QN6vFW-content capra-ListItem-module-QN6vFW-trailing";
4132
+ display: grid;
4133
+ }
4134
+
4135
+ .capra-ListItem-module-QN6vFW-listItem {
4136
+ color: var(--cds2-color-foreground-default);
4137
+ font: var(--cds2-typography-body-md-normal);
4138
+ width: 100%;
4139
+ }
4140
+
4141
+ .capra-ListItem-module-QN6vFW-slots {
4142
+ font: var(--cds2-typography-body-md-normal);
4143
+ align-items: center;
4144
+ gap: var(--cds2-spacing-md);
4145
+ min-height: var(--cds2-dimension-component-sm);
4146
+ grid-column: capra-ListItem-module-QN6vFW-leading;
4147
+ display: flex;
4148
+
4149
+ &[data-trailing="true"] {
4150
+ grid-column: capra-ListItem-module-QN6vFW-trailing;
4151
+ }
4152
+ }
4153
+
4154
+ .capra-ListItem-module-QN6vFW-slot {
4155
+ min-width: var(--cds2-dimension-component-xs);
4156
+ justify-content: center;
4157
+ align-items: center;
4158
+ display: flex;
4159
+ }
4160
+
4161
+ .capra-ListItem-module-QN6vFW-content {
4162
+ column-gap: var(--cds2-spacing-md);
4163
+ grid-template: "capra-ListItem-module-QN6vFW-label capra-ListItem-module-QN6vFW-suffix"
4164
+ "capra-ListItem-module-QN6vFW-description capra-ListItem-module-QN6vFW-description"
4165
+ / 1fr auto;
4166
+ grid-column: capra-ListItem-module-QN6vFW-content;
4167
+ display: grid;
4168
+ }
4169
+
4170
+ .capra-ListItem-module-QN6vFW-label {
4171
+ color: var(--cds2-color-foreground-default);
4172
+ font: var(--cds2-typography-body-md-normal);
4173
+ grid-area: capra-ListItem-module-QN6vFW-label;
4174
+ overflow: hidden;
4175
+ }
4176
+
4177
+ .capra-ListItem-module-QN6vFW-suffix {
4178
+ color: var(--cds2-color-foreground-subtle);
4179
+ font: var(--cds2-typography-body-sm-normal);
4180
+ grid-area: capra-ListItem-module-QN6vFW-suffix;
4181
+ justify-self: end;
4182
+ }
4183
+
4184
+ .capra-ListItem-module-QN6vFW-description {
4185
+ color: var(--cds2-color-foreground-subtle);
4186
+ font: var(--cds2-typography-body-sm-normal);
4187
+ grid-area: capra-ListItem-module-QN6vFW-description;
4188
+ }
4189
+
4190
+ .capra-Tree-module--hXpBa-root {
4191
+ width: 100%;
4192
+ padding: var(--cds2-spacing-xs);
4193
+ }
4194
+
4195
+ .capra-Tree-module--hXpBa-item {
4196
+ border-radius: var(--cds2-radius-md);
4197
+ color: var(--cds2-color-foreground-default);
4198
+ min-height: var(--cds2-dimension-component-sm);
4199
+
4200
+ &[data-hovered="true"]:not([data-disabled="true"]) {
4201
+ background-color: var(--cds2-color-background-accent-hover);
4202
+ }
4203
+
4204
+ &[data-focus-visible="true"] {
4205
+ outline: var(--cds2-border-focus);
4206
+ outline-offset: var(--cds2-spacing-xs);
4207
+ }
4208
+
4209
+ &[data-disabled="true"] {
4210
+ color: var(--cds2-color-foreground-disabled);
4211
+ cursor: not-allowed;
4212
+
4213
+ & .capra-Tree-module--hXpBa-itemLabel, & .capra-Tree-module--hXpBa-itemSuffix, & .capra-Tree-module--hXpBa-chevronButton {
4214
+ color: var(--cds2-color-foreground-disabled);
4215
+ }
4216
+ }
4217
+ }
4218
+
4219
+ .capra-Tree-module--hXpBa-indentSpacer {
4220
+ flex: 0 0 var(--cds2-dimension-component-xs);
4221
+ height: var(--cds2-dimension-component-md);
4222
+ width: var(--cds2-dimension-component-xs);
4223
+ margin-block: calc(-1 * var(--cds2-spacing-sm));
4224
+ display: block;
4225
+ position: relative;
4226
+
4227
+ &:before {
4228
+ content: "";
4229
+ border-right: var(--cds2-border-default);
4230
+ z-index: -1;
4231
+ height: 100%;
4232
+ position: absolute;
4233
+ top: 0;
4234
+ left: calc(50% - .5px);
4235
+ }
4236
+ }
4237
+
4238
+ .capra-Tree-module--hXpBa-chevronButton {
4239
+ all: unset;
4240
+ border-radius: var(--cds2-radius-md);
4241
+ cursor: pointer;
4242
+ flex: 0 0 var(--cds2-dimension-component-sm);
4243
+ height: var(--cds2-dimension-component-sm);
4244
+ width: var(--cds2-dimension-component-sm);
4245
+ margin: calc(-1 * var(--cds2-spacing-sm));
4246
+ justify-content: center;
4247
+ align-items: center;
4248
+ display: inline-flex;
4249
+
4250
+ &[data-focus-visible="true"] {
4251
+ outline: var(--cds2-border-focus);
4252
+ outline-offset: var(--cds2-spacing-xs);
4253
+ }
4254
+ }
4255
+
4256
+ .capra-Tree-module--hXpBa-chevronIcon {
4257
+ transition: transform var(--cds2-motion-duration-medium-2) ease;
4258
+ justify-content: center;
4259
+ align-items: center;
4260
+ display: inline-flex;
4261
+ }
4262
+
4263
+ .capra-Tree-module--hXpBa-item[data-expanded="true"] .capra-Tree-module--hXpBa-chevronIcon {
4264
+ transform: rotate(90deg);
4265
+ }
4266
+
4267
+ .capra-Tree-module--hXpBa-selectionCheckbox {
4268
+ flex: 0 0 var(--cds2-dimension-component-xs);
4269
+ justify-content: center;
4270
+ align-items: center;
4271
+ display: inline-flex;
4272
+ }
4273
+
4274
+ .capra-Tree-module--hXpBa-itemContent {
4275
+ grid-template-areas: "capra-Tree-module--hXpBa-label capra-Tree-module--hXpBa-suffix";
4276
+ grid-template-rows: unset;
4277
+ align-items: center;
4278
+ }
4279
+
4280
+ .capra-Tree-module--hXpBa-itemLabel {
4281
+ color: var(--cds2-color-foreground-default);
4282
+ }
4283
+
4284
+ .capra-Tree-module--hXpBa-itemSuffix {
4285
+ color: var(--cds2-color-foreground-subtle);
4286
+ }
4287
+
4288
+ @media (prefers-reduced-motion: reduce) {
4289
+ .capra-Tree-module--hXpBa-chevronIcon {
4290
+ transition: none;
4291
+ }
4292
+ }