@capra/core 1.8.0 → 1.8.2

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 (7) hide show
  1. package/dist/index.cjs +67 -70
  2. package/dist/index.d.cts +543 -621
  3. package/dist/index.d.mts +543 -621
  4. package/dist/index.mjs +53 -55
  5. package/dist/style.css +142 -142
  6. package/docs/history-changelogs-capra-core--docs.md +18 -0
  7. package/package.json +9 -10
package/dist/style.css CHANGED
@@ -991,7 +991,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
991
991
  align-items: flex-start;
992
992
  }
993
993
  }
994
- .capra-RadioTile-module-zbnLia-base {
994
+ .capra-RadioTile-module-iEQ2jG-base {
995
995
  background: var(--cds2-color-background-surface);
996
996
  border-radius: var(--cds2-radius-md);
997
997
  border: var(--cds2-border-default);
@@ -1000,6 +1000,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1000
1000
  border-color var(--cds2-motion-duration-medium-2),
1001
1001
  outline var(--cds2-motion-duration-medium-2);
1002
1002
  outline: none;
1003
+ align-items: start;
1004
+
1005
+ &[data-value] {
1006
+ padding: var(--cds2-spacing-md);
1007
+ }
1003
1008
 
1004
1009
  &[data-checked="true"] {
1005
1010
  background: var(--cds2-color-background-accent-selected);
@@ -2270,15 +2275,15 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2270
2275
  color: var(--cds2-color-foreground-warning-default);
2271
2276
  }
2272
2277
  }
2273
- .capra-Modal-module-j-u8iq-overlay {
2278
+ .capra-Modal-module-gAoc6W-overlay {
2274
2279
  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);
2280
+ animation: capra-Modal-module-gAoc6W-overlayShow var(--cds2-motion-duration-medium-1) var(--cds2-motion-easing-standard);
2276
2281
  z-index: 10000;
2277
2282
  position: fixed;
2278
2283
  inset: 0;
2279
2284
  }
2280
2285
 
2281
- .capra-Modal-module-j-u8iq-surface {
2286
+ .capra-Modal-module-gAoc6W-surface {
2282
2287
  background-color: var(--cds2-color-background-panel-solid);
2283
2288
  border-radius: var(--cds2-radius-lg);
2284
2289
  border: var(--cds2-border-default);
@@ -2286,10 +2291,8 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2286
2291
  box-shadow: var(--cds2-shadow-high-down);
2287
2292
  max-width: 100%;
2288
2293
  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;
2294
+ animation: capra-Modal-module-gAoc6W-contentShow var(--cds2-motion-duration-medium-1) var(--cds2-motion-easing-standard);
2291
2295
  padding: 0;
2292
- display: flex;
2293
2296
  position: fixed;
2294
2297
  top: 10vh;
2295
2298
  left: 50%;
@@ -2309,7 +2312,13 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2309
2312
  }
2310
2313
  }
2311
2314
 
2312
- .capra-Modal-module-j-u8iq-header {
2315
+ .capra-Modal-module-gAoc6W-dialog {
2316
+ grid-template-rows: max-content 1fr max-content;
2317
+ max-height: min(80vh, 100vh - 48px);
2318
+ display: grid;
2319
+ }
2320
+
2321
+ .capra-Modal-module-gAoc6W-header {
2313
2322
  padding: var(--cds2-spacing-md) var(--cds2-spacing-lg);
2314
2323
  border-bottom: var(--cds2-border-default);
2315
2324
  border-color: var(--cds2-color-border-neutral-subtle);
@@ -2320,36 +2329,33 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2320
2329
  display: flex;
2321
2330
  }
2322
2331
 
2323
- .capra-Modal-module-j-u8iq-headerLeading {
2332
+ .capra-Modal-module-gAoc6W-headerLeading {
2324
2333
  align-items: center;
2325
2334
  gap: var(--cds2-spacing-md);
2326
2335
  flex: 1;
2327
2336
  display: flex;
2328
2337
  }
2329
2338
 
2330
- .capra-Modal-module-j-u8iq-expandedTitleLayout {
2339
+ .capra-Modal-module-gAoc6W-expandedTitleLayout {
2331
2340
  align-items: center;
2332
2341
  gap: var(--cds2-spacing-md);
2333
2342
  flex-direction: row;
2334
2343
  display: flex;
2335
2344
  }
2336
2345
 
2337
- .capra-Modal-module-j-u8iq-content {
2346
+ .capra-Modal-module-gAoc6W-content {
2338
2347
  padding: var(--cds2-spacing-lg);
2339
- flex-direction: column;
2340
- flex: 1;
2341
- display: flex;
2342
2348
  overflow-y: auto;
2343
2349
  }
2344
2350
 
2345
- .capra-Modal-module-j-u8iq-footer {
2351
+ .capra-Modal-module-gAoc6W-footer {
2346
2352
  padding: var(--cds2-spacing-md) var(--cds2-spacing-lg);
2347
2353
  border-top: var(--cds2-border-default);
2348
2354
  border-color: var(--cds2-color-border-neutral-subtle);
2349
2355
  background-color: var(--cds2-color-background-neutral-subtle);
2350
2356
  }
2351
2357
 
2352
- .capra-Modal-module-j-u8iq-expandedFooterLayout {
2358
+ .capra-Modal-module-gAoc6W-expandedFooterLayout {
2353
2359
  justify-content: space-between;
2354
2360
  align-items: center;
2355
2361
  gap: var(--cds2-spacing-md);
@@ -2357,7 +2363,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2357
2363
  display: flex;
2358
2364
  }
2359
2365
 
2360
- .capra-Modal-module-j-u8iq-footerActions {
2366
+ .capra-Modal-module-gAoc6W-footerActions {
2361
2367
  justify-content: flex-end;
2362
2368
  align-items: center;
2363
2369
  gap: var(--cds2-spacing-md);
@@ -2366,20 +2372,20 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2366
2372
  display: flex;
2367
2373
  }
2368
2374
 
2369
- .capra-Modal-module-j-u8iq-confirmationSurface {
2375
+ .capra-Modal-module-gAoc6W-confirmationSurface {
2370
2376
  border-radius: var(--cds2-radius-md);
2371
2377
  width: min(400px, 100vw - 48px);
2372
2378
  box-shadow: var(--cds2-shadow-high-down);
2373
2379
  padding: var(--cds2-spacing-2xl) var(--cds2-spacing-2xl) var(--cds2-spacing-xl);
2374
2380
  }
2375
2381
 
2376
- .capra-Modal-module-j-u8iq-confirmationLayout {
2382
+ .capra-Modal-module-gAoc6W-confirmationLayout {
2377
2383
  align-items: flex-start;
2378
2384
  gap: var(--cds2-spacing-lg);
2379
2385
  display: flex;
2380
2386
  }
2381
2387
 
2382
- .capra-Modal-module-j-u8iq-confirmationIcon {
2388
+ .capra-Modal-module-gAoc6W-confirmationIcon {
2383
2389
  width: var(--cds2-dimension-component-sm);
2384
2390
  height: var(--cds2-dimension-component-sm);
2385
2391
  flex-shrink: 0;
@@ -2408,19 +2414,19 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2408
2414
  }
2409
2415
  }
2410
2416
 
2411
- .capra-Modal-module-j-u8iq-confirmationBody {
2417
+ .capra-Modal-module-gAoc6W-confirmationBody {
2412
2418
  gap: var(--cds2-spacing-md);
2413
2419
  flex-direction: column;
2414
2420
  flex: 1;
2415
2421
  display: flex;
2416
2422
  }
2417
2423
 
2418
- .capra-Modal-module-j-u8iq-confirmationMessage {
2424
+ .capra-Modal-module-gAoc6W-confirmationMessage {
2419
2425
  font: var(--cds2-typography-body-md-normal);
2420
2426
  margin: 0;
2421
2427
  }
2422
2428
 
2423
- .capra-Modal-module-j-u8iq-confirmationActions {
2429
+ .capra-Modal-module-gAoc6W-confirmationActions {
2424
2430
  justify-content: flex-end;
2425
2431
  gap: var(--cds2-spacing-md);
2426
2432
  width: 100%;
@@ -2428,7 +2434,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2428
2434
  display: flex;
2429
2435
  }
2430
2436
 
2431
- @keyframes capra-Modal-module-j-u8iq-overlayShow {
2437
+ @keyframes capra-Modal-module-gAoc6W-overlayShow {
2432
2438
  from {
2433
2439
  opacity: 0;
2434
2440
  }
@@ -2438,7 +2444,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2438
2444
  }
2439
2445
  }
2440
2446
 
2441
- @keyframes capra-Modal-module-j-u8iq-contentShow {
2447
+ @keyframes capra-Modal-module-gAoc6W-contentShow {
2442
2448
  from {
2443
2449
  opacity: 0;
2444
2450
  transform: translate(-50%, -20px) scale(.96);
@@ -3449,7 +3455,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3449
3455
  .capra-Toast-module-p7lQQG-toast[data-type="error"] {
3450
3456
  --_cds-toast-icon-color: var(--cds2-color-foreground-danger-default);
3451
3457
  }
3452
- .capra-Menu-module-y-WdTa-menu, .capra-Menu-module-y-WdTa-list {
3458
+ .capra-Menu-module-3G4VeG-menu, .capra-Menu-module-3G4VeG-list {
3453
3459
  gap: var(--cds2-spacing-xs);
3454
3460
  box-sizing: border-box;
3455
3461
  min-width: 152px;
@@ -3461,27 +3467,27 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3461
3467
  overflow: auto;
3462
3468
  }
3463
3469
 
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)) {
3470
+ .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
3471
  margin-block-end: var(--cds2-spacing-xs);
3466
3472
  }
3467
3473
 
3468
- .capra-Menu-module-y-WdTa-menu {
3474
+ .capra-Menu-module-3G4VeG-menu {
3469
3475
  padding: 5px;
3470
3476
  }
3471
3477
 
3472
- .capra-Menu-module-y-WdTa-menuTriggerSlot {
3478
+ .capra-Menu-module-3G4VeG-menuTriggerSlot {
3473
3479
  display: inline-block;
3474
3480
  }
3475
3481
 
3476
- .capra-Menu-module-y-WdTa-menu[data-panel-padding="none"] {
3482
+ .capra-Menu-module-3G4VeG-menu[data-panel-padding="none"] {
3477
3483
  padding: var(--cds2-spacing-sm);
3478
3484
  }
3479
3485
 
3480
- .capra-Menu-module-y-WdTa-menu:focus-visible, .capra-Menu-module-y-WdTa-list:focus-visible {
3486
+ .capra-Menu-module-3G4VeG-menu:focus-visible, .capra-Menu-module-3G4VeG-list:focus-visible {
3481
3487
  outline: none;
3482
3488
  }
3483
3489
 
3484
- .capra-Menu-module-y-WdTa-menuItem {
3490
+ .capra-Menu-module-3G4VeG-menuItem {
3485
3491
  appearance: none;
3486
3492
  border-radius: var(--cds-radius-sm);
3487
3493
  color: var(--cds2-color-foreground-default);
@@ -3498,246 +3504,241 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3498
3504
  text-decoration: none;
3499
3505
  }
3500
3506
 
3501
- .capra-Menu-module-y-WdTa-menuItemLeadingGutter {
3507
+ .capra-Menu-module-3G4VeG-menuItemLeadingGutter {
3502
3508
  margin-inline-end: var(--cds2-spacing-md);
3503
3509
  }
3504
3510
 
3505
- .capra-Menu-module-y-WdTa-menuItemTrailingGutter {
3511
+ .capra-Menu-module-3G4VeG-menuItemTrailingGutter {
3506
3512
  margin-inline-start: var(--cds2-spacing-md);
3507
3513
  }
3508
3514
 
3509
- .capra-Menu-module-y-WdTa-menuItem:hover:not(:disabled, [aria-disabled="true"]) {
3510
- background-color: var(--cds-color-state-layer-hover);
3515
+ .capra-Menu-module-3G4VeG-menuItem:hover:not(:disabled, [aria-disabled="true"]) {
3516
+ background-color: var(--cds2-color-background-neutral-hover);
3511
3517
  }
3512
3518
 
3513
- .capra-Menu-module-y-WdTa-menuItem:focus {
3519
+ .capra-Menu-module-3G4VeG-menuItem:focus {
3514
3520
  outline: none;
3515
3521
  }
3516
3522
 
3517
- .capra-Menu-module-y-WdTa-menuItem[data-focus-visible="true"] {
3523
+ .capra-Menu-module-3G4VeG-menuItem[data-focus-visible="true"] {
3518
3524
  outline: var(--cds2-border-focus);
3519
3525
  outline-offset: var(--cds2-spacing-xs);
3520
3526
  }
3521
3527
 
3522
- .capra-Menu-module-y-WdTa-menuItem:is(:disabled, [aria-disabled="true"]) {
3528
+ .capra-Menu-module-3G4VeG-menuItem:is(:disabled, [aria-disabled="true"]) {
3523
3529
  color: var(--cds2-color-foreground-disabled);
3524
3530
  cursor: not-allowed;
3525
3531
  }
3526
3532
 
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 {
3533
+ .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
3534
  color: var(--cds2-color-foreground-disabled);
3529
3535
  }
3530
3536
 
3531
- .capra-Menu-module-y-WdTa-menuItem:is(:disabled, [aria-disabled="true"]) .capra-Menu-module-y-WdTa-menuItemShortcut {
3537
+ .capra-Menu-module-3G4VeG-menuItem:is(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemShortcut {
3532
3538
  background-color: var(--cds-color-background-secondary);
3533
3539
  border: var(--cds2-border-default);
3534
3540
  color: var(--cds2-color-foreground-disabled);
3535
3541
  }
3536
3542
 
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 {
3543
+ .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
3544
  color: var(--cds2-color-foreground-disabled);
3539
3545
  }
3540
3546
 
3541
- .capra-Menu-module-y-WdTa-menu[data-item-hover-appearance="accent"] .capra-Menu-module-y-WdTa-menuItem:is(:disabled, [aria-disabled="true"]) {
3547
+ .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem:is(:disabled, [aria-disabled="true"]) {
3542
3548
  color: var(--cds2-color-foreground-disabled);
3543
3549
  background-color: #0000;
3544
3550
  }
3545
3551
 
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 {
3552
+ .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
3553
  color: var(--cds2-color-foreground-disabled);
3548
3554
  }
3549
3555
 
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"]) {
3556
+ .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem[data-active="true"]:is(:disabled, [aria-disabled="true"]) {
3551
3557
  color: var(--cds2-color-foreground-disabled);
3552
3558
  background-color: #0000;
3553
3559
  border-inline-end: none;
3554
3560
  }
3555
3561
 
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 {
3562
+ .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
3563
  color: var(--cds2-color-foreground-disabled);
3558
3564
  font: var(--cds2-typography-body-md-normal);
3559
3565
  }
3560
3566
 
3561
- .capra-Menu-module-y-WdTa-menuItem[data-active="true"] {
3562
- background-color: var(--cds-color-state-layer-accent-selected);
3567
+ .capra-Menu-module-3G4VeG-menuItem[data-active="true"] {
3568
+ background-color: var(--cds2-color-background-accent-selected);
3563
3569
  color: var(--cds2-color-foreground-default);
3564
3570
  }
3565
3571
 
3566
- .capra-Menu-module-y-WdTa-menuItem[data-active="true"] .capra-Menu-module-y-WdTa-menuItemLabel {
3572
+ .capra-Menu-module-3G4VeG-menuItem[data-active="true"] .capra-Menu-module-3G4VeG-menuItemLabel {
3567
3573
  color: inherit;
3568
3574
  }
3569
3575
 
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);
3576
+ .capra-Menu-module-3G4VeG-menuItem[data-has-submenu][data-open]:not(:disabled, [aria-disabled="true"]) {
3577
+ background-color: var(--cds2-color-background-neutral-hover);
3572
3578
  color: var(--cds2-color-foreground-default);
3573
3579
  }
3574
3580
 
3575
- .capra-Menu-module-y-WdTa-menuItem[data-has-submenu][data-open]:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-y-WdTa-menuItemLabel {
3581
+ .capra-Menu-module-3G4VeG-menuItem[data-has-submenu][data-open]:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemLabel {
3576
3582
  color: inherit;
3577
3583
  }
3578
3584
 
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 {
3585
+ .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"], .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"] .capra-Menu-module-3G4VeG-menuItemLabel {
3580
3586
  color: var(--cds2-color-foreground-danger-default);
3581
3587
  }
3582
3588
 
3583
- .capra-Menu-module-y-WdTa-menuItem[data-variant="danger"]:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-y-WdTa-menuItemShortcut {
3589
+ .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"]:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemShortcut {
3584
3590
  border: var(--cds2-border-default);
3585
3591
  color: var(--cds2-color-foreground-danger-default);
3586
3592
  }
3587
3593
 
3588
- .capra-Menu-module-y-WdTa-menuItem[data-variant="danger"]:hover:not(:disabled, [aria-disabled="true"]) {
3594
+ .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"]:hover:not(:disabled, [aria-disabled="true"]) {
3589
3595
  background-color: var(--cds2-color-background-danger-subtle);
3590
3596
  color: var(--cds2-color-foreground-danger-default);
3591
3597
  }
3592
3598
 
3593
- .capra-Menu-module-y-WdTa-menuItem[data-variant="danger"]:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-y-WdTa-menuItemLabel {
3599
+ .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"]:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemLabel {
3594
3600
  color: var(--cds2-color-foreground-danger-default);
3595
3601
  }
3596
3602
 
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);
3603
+ .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"].capra-Menu-module-3G4VeG-menuItem[data-active="true"] {
3604
+ background-color: var(--cds2-color-background-danger-hover);
3599
3605
  color: var(--cds2-color-foreground-danger-default);
3600
3606
  }
3601
3607
 
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 {
3608
+ .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"].capra-Menu-module-3G4VeG-menuItem[data-active="true"] .capra-Menu-module-3G4VeG-menuItemLabel {
3603
3609
  color: var(--cds2-color-foreground-danger-default);
3604
3610
  }
3605
3611
 
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"]) {
3612
+ .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"].capra-Menu-module-3G4VeG-menuItem[data-active="true"]:hover:not(:disabled, [aria-disabled="true"]) {
3607
3613
  background-color: var(--cds2-color-background-danger-subtle);
3608
3614
  color: var(--cds2-color-foreground-danger-default);
3609
3615
  }
3610
3616
 
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 {
3617
+ .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
3618
  color: var(--cds2-color-foreground-danger-default);
3613
3619
  }
3614
3620
 
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"]) {
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"]) {
3616
3622
  background-color: var(--cds2-color-background-danger-subtle);
3617
3623
  color: var(--cds2-color-foreground-danger-default);
3618
3624
  }
3619
3625
 
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 {
3626
+ .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
3627
  color: var(--cds2-color-foreground-danger-default);
3622
3628
  font: var(--cds2-typography-body-md-normal);
3623
3629
  }
3624
3630
 
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);
3631
+ .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"] {
3632
+ background-color: var(--cds2-color-border-danger-focus);
3627
3633
  border-inline-end: 2px solid var(--cds2-color-border-accent-default);
3628
3634
  color: var(--cds2-color-foreground-danger-default);
3629
3635
  }
3630
3636
 
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 {
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"] .capra-Menu-module-3G4VeG-menuItemLabel {
3632
3638
  color: var(--cds2-color-foreground-danger-default);
3633
3639
  font: var(--cds2-typography-body-md-semibold);
3634
3640
  }
3635
3641
 
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"]) {
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"]) {
3637
3643
  background-color: var(--cds2-color-background-danger-subtle);
3638
3644
  color: var(--cds2-color-foreground-danger-default);
3639
3645
  }
3640
3646
 
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 {
3647
+ .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
3648
  color: var(--cds2-color-foreground-danger-default);
3643
3649
  font: var(--cds2-typography-body-md-semibold);
3644
3650
  }
3645
3651
 
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);
3652
+ .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem:hover:not(:disabled, [aria-disabled="true"]) {
3653
+ background-color: var(--cds2-color-background-neutral-hover);
3649
3654
  }
3650
3655
 
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);
3653
- }
3654
-
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 {
3656
+ .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
3657
  color: var(--cds2-color-foreground-subtle);
3657
3658
  }
3658
3659
 
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);
3660
+ .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem[data-active="true"] {
3661
+ background-color: var(--cds2-color-background-accent-selected);
3661
3662
  border-inline-end: 2px solid var(--cds2-color-border-accent-default);
3662
3663
  color: var(--cds2-color-foreground-accent-default);
3663
3664
  }
3664
3665
 
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"] {
3666
+ .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
3667
  border-inline-end: none;
3667
3668
  }
3668
3669
 
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 {
3670
+ .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
3671
  font: var(--cds2-typography-body-md-normal);
3671
3672
  }
3672
3673
 
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 {
3674
+ .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem[data-active="true"] .capra-Menu-module-3G4VeG-menuItemLabel {
3674
3675
  color: var(--cds2-color-foreground-accent-default);
3675
3676
  font: var(--cds2-typography-body-md-semibold);
3676
3677
  }
3677
3678
 
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);
3679
+ .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem[data-active="true"]:hover:not(:disabled, [aria-disabled="true"]) {
3680
+ background-color: var(--cds2-color-background-accent-selected);
3680
3681
  color: var(--cds2-color-foreground-accent-default);
3681
3682
  }
3682
3683
 
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);
3684
+ .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"]) {
3685
+ background-color: var(--cds2-color-border-focus);
3685
3686
  border-inline-end: 2px solid var(--cds2-color-border-accent-default);
3686
3687
  color: var(--cds2-color-foreground-accent-default);
3687
3688
  }
3688
3689
 
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 {
3690
+ .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
3691
  color: var(--cds2-color-foreground-accent-default);
3691
3692
  font: var(--cds2-typography-body-md-semibold);
3692
3693
  }
3693
3694
 
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);
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"]) {
3696
+ background-color: var(--cds2-color-background-accent-selected);
3696
3697
  color: var(--cds2-color-foreground-accent-default);
3697
3698
  }
3698
3699
 
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 {
3700
+ .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
3701
  color: var(--cds2-color-foreground-accent-default);
3701
3702
  }
3702
3703
 
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"]) {
3704
+ .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
3705
  border-inline-end: none;
3705
3706
  }
3706
3707
 
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 {
3708
+ .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
3709
  font: var(--cds2-typography-body-md-normal);
3709
3710
  }
3710
3711
 
3711
- .capra-Menu-module-y-WdTa-section {
3712
+ .capra-Menu-module-3G4VeG-section {
3712
3713
  display: contents;
3713
3714
  }
3714
3715
 
3715
- .capra-Menu-module-y-WdTa-menuItem[data-indent="true"] {
3716
+ .capra-Menu-module-3G4VeG-menuItem[data-indent="true"] {
3716
3717
  padding-inline-start: var(--cds2-spacing-xl);
3717
3718
  }
3718
3719
 
3719
- .capra-Menu-module-y-WdTa-menuItemLabel {
3720
+ .capra-Menu-module-3G4VeG-menuItemLabel {
3720
3721
  color: inherit;
3721
3722
  font: var(--cds2-typography-body-md-normal);
3722
3723
  }
3723
3724
 
3724
- .capra-Menu-module-y-WdTa-menuItemDescription {
3725
+ .capra-Menu-module-3G4VeG-menuItemDescription {
3725
3726
  color: var(--cds2-color-foreground-default);
3726
3727
  font: var(--cds2-typography-body-sm-normal);
3727
3728
  }
3728
3729
 
3729
- .capra-Menu-module-y-WdTa-menuItem[data-has-description="true"] .capra-Menu-module-y-WdTa-menuItemTrailingGutter {
3730
+ .capra-Menu-module-3G4VeG-menuItem[data-has-description="true"] .capra-Menu-module-3G4VeG-menuItemTrailingGutter {
3730
3731
  align-self: center;
3731
3732
  height: auto !important;
3732
3733
  }
3733
3734
 
3734
- .capra-Menu-module-y-WdTa-menuItemTrailingGroup {
3735
+ .capra-Menu-module-3G4VeG-menuItemTrailingGroup {
3735
3736
  align-items: center;
3736
3737
  gap: var(--cds2-spacing-md);
3737
3738
  display: inline-flex;
3738
3739
  }
3739
3740
 
3740
- .capra-Menu-module-y-WdTa-menuItemShortcut {
3741
+ .capra-Menu-module-3G4VeG-menuItemShortcut {
3741
3742
  background-color: var(--cds2-color-neutral-surface);
3742
3743
  border: var(--cds2-border-default);
3743
3744
  border-color: var(--cds2-color-border-neutral-subtle);
@@ -3751,7 +3752,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3751
3752
  display: inline-flex;
3752
3753
  }
3753
3754
 
3754
- .capra-Menu-module-y-WdTa-header {
3755
+ .capra-Menu-module-3G4VeG-header {
3755
3756
  box-sizing: border-box;
3756
3757
  color: var(--cds2-color-foreground-default);
3757
3758
  font: var(--cds2-typography-body-md-semibold);
@@ -3762,7 +3763,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3762
3763
  display: flex;
3763
3764
  }
3764
3765
 
3765
- .capra-Menu-module-y-WdTa-divider {
3766
+ .capra-Menu-module-3G4VeG-divider {
3766
3767
  border: none;
3767
3768
  border-block-start: var(--cds2-border-default);
3768
3769
  border-color: var(--cds2-color-border-neutral-subtle);
@@ -3773,24 +3774,24 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3773
3774
  padding: 0;
3774
3775
  }
3775
3776
 
3776
- .capra-Menu-module-y-WdTa-menuItemListItemShell {
3777
+ .capra-Menu-module-3G4VeG-menuItemListItemShell {
3777
3778
  width: 100%;
3778
3779
  }
3779
- .capra-TabNav-module-e0IbmW-root {
3780
+ .capra-TabNav-module-qqfvea-root {
3780
3781
  flex-direction: column;
3781
3782
  width: 100%;
3782
3783
  display: flex;
3783
3784
  }
3784
3785
 
3785
- .capra-TabNav-module-e0IbmW-root[data-placement="horizontal"] {
3786
+ .capra-TabNav-module-qqfvea-root[data-placement="horizontal"] {
3786
3787
  flex-direction: column-reverse;
3787
3788
  }
3788
3789
 
3789
- .capra-TabNav-module-e0IbmW-root[data-placement="vertical"] {
3790
+ .capra-TabNav-module-qqfvea-root[data-placement="vertical"] {
3790
3791
  flex-direction: row;
3791
3792
  }
3792
3793
 
3793
- .capra-TabNav-module-e0IbmW-root[data-placement="vertical"] .capra-TabNav-module-e0IbmW-tabBar {
3794
+ .capra-TabNav-module-qqfvea-root[data-placement="vertical"] .capra-TabNav-module-qqfvea-tabBar {
3794
3795
  border-block-end: none;
3795
3796
  border-inline-end: 1px solid var(--cds2-color-border-neutral-subtle);
3796
3797
  flex-direction: column;
@@ -3799,7 +3800,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3799
3800
  padding-inline-end: var(--cds2-spacing-lg);
3800
3801
  }
3801
3802
 
3802
- .capra-TabNav-module-e0IbmW-tabBar {
3803
+ .capra-TabNav-module-qqfvea-tabBar {
3803
3804
  justify-content: space-between;
3804
3805
  align-items: center;
3805
3806
  gap: var(--cds2-spacing-md);
@@ -3808,44 +3809,42 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3808
3809
  display: flex;
3809
3810
  }
3810
3811
 
3811
- .capra-TabNav-module-e0IbmW-tabBar:has(.capra-TabNav-module-e0IbmW-extraContent) {
3812
+ .capra-TabNav-module-qqfvea-tabBar:has(.capra-TabNav-module-qqfvea-extraContent) {
3812
3813
  gap: var(--cds2-spacing-xl);
3813
3814
  }
3814
3815
 
3815
- .capra-TabNav-module-e0IbmW-root[data-placement="horizontal"] .capra-TabNav-module-e0IbmW-tabBar {
3816
+ .capra-TabNav-module-qqfvea-root[data-placement="horizontal"] .capra-TabNav-module-qqfvea-tabBar {
3816
3817
  border: none;
3817
3818
  margin-block-start: 0;
3818
3819
  }
3819
3820
 
3820
- .capra-TabNav-module-e0IbmW-tabList {
3821
+ .capra-TabNav-module-qqfvea-tabList {
3821
3822
  gap: var(--cds2-spacing-xl);
3822
3823
  flex-flow: wrap;
3823
3824
  display: flex;
3824
3825
  }
3825
3826
 
3826
- .capra-TabNav-module-e0IbmW-root[data-wrap="nowrap"] .capra-TabNav-module-e0IbmW-tabList {
3827
+ .capra-TabNav-module-qqfvea-root[data-wrap="nowrap"] .capra-TabNav-module-qqfvea-tabList {
3827
3828
  flex-wrap: nowrap;
3828
3829
  }
3829
3830
 
3830
- .capra-TabNav-module-e0IbmW-root[data-placement="vertical"] .capra-TabNav-module-e0IbmW-tabList {
3831
+ .capra-TabNav-module-qqfvea-root[data-placement="vertical"] .capra-TabNav-module-qqfvea-tabList {
3831
3832
  flex-flow: column;
3832
3833
  gap: 0;
3833
3834
  width: 100%;
3834
3835
  }
3835
3836
 
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) {
3837
+ .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
3838
  margin-block-end: var(--cds2-spacing-md);
3838
3839
  }
3839
3840
 
3840
- .capra-TabNav-module-e0IbmW-root[data-centered="true"] .capra-TabNav-module-e0IbmW-tabList {
3841
+ .capra-TabNav-module-qqfvea-root[data-centered="true"] .capra-TabNav-module-qqfvea-tabList {
3841
3842
  flex: 1;
3842
3843
  justify-content: center;
3843
3844
  }
3844
3845
 
3845
- .capra-TabNav-module-e0IbmW-tab {
3846
+ .capra-TabNav-module-qqfvea-tab {
3846
3847
  appearance: none;
3847
- border: none;
3848
- border-bottom: 2px solid #0000;
3849
3848
  cursor: pointer;
3850
3849
  justify-content: center;
3851
3850
  align-items: center;
@@ -3854,7 +3853,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3854
3853
  color: var(--cds2-color-foreground-subtle);
3855
3854
  height: var(--cds2-dimension-component-md);
3856
3855
  background: none;
3857
- border-inline-end: 2px solid #0000;
3856
+ border: none;
3858
3857
  min-width: 24px;
3859
3858
  padding: 0;
3860
3859
  text-decoration: none;
@@ -3873,58 +3872,59 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3873
3872
  }
3874
3873
  }
3875
3874
 
3876
- .capra-TabNav-module-e0IbmW-root[data-placement="horizontal"] .capra-TabNav-module-e0IbmW-tab {
3875
+ .capra-TabNav-module-qqfvea-root[data-placement="horizontal"] .capra-TabNav-module-qqfvea-tab {
3876
+ border-bottom: 2px solid #0000;
3877
3877
  transition: none;
3878
3878
  }
3879
3879
 
3880
- .capra-TabNav-module-e0IbmW-root[data-placement="horizontal"] .capra-TabNav-module-e0IbmW-tab:hover:not(:is(:disabled, [data-disabled="true"])) {
3880
+ .capra-TabNav-module-qqfvea-root[data-placement="horizontal"] .capra-TabNav-module-qqfvea-tab:hover:not(:is(:disabled, [data-disabled="true"])) {
3881
3881
  border-bottom-color: var(--cds2-color-border-accent-default);
3882
3882
  color: var(--cds2-color-foreground-neutral-default) !important;
3883
3883
  }
3884
3884
 
3885
- .capra-TabNav-module-e0IbmW-root[data-placement="horizontal"] .capra-TabNav-module-e0IbmW-tab[data-active="true"][data-disabled="true"] {
3885
+ .capra-TabNav-module-qqfvea-root[data-placement="horizontal"] .capra-TabNav-module-qqfvea-tab[data-active="true"][data-disabled="true"] {
3886
3886
  border-bottom-color: #0000;
3887
3887
  }
3888
3888
 
3889
- .capra-TabNav-module-e0IbmW-tab[data-active="true"] {
3889
+ .capra-TabNav-module-qqfvea-tab[data-active="true"] {
3890
3890
  color: var(--cds2-color-foreground-accent-default);
3891
3891
  }
3892
3892
 
3893
- .capra-TabNav-module-e0IbmW-tabIcon {
3893
+ .capra-TabNav-module-qqfvea-tabIcon {
3894
3894
  align-items: center;
3895
3895
  display: inline-flex;
3896
3896
  }
3897
3897
 
3898
- .capra-TabNav-module-e0IbmW-tabLabel {
3898
+ .capra-TabNav-module-qqfvea-tabLabel {
3899
3899
  white-space: nowrap;
3900
3900
  }
3901
3901
 
3902
- .capra-TabNav-module-e0IbmW-indentSpacer {
3902
+ .capra-TabNav-module-qqfvea-indentSpacer {
3903
3903
  flex-shrink: 0;
3904
3904
  width: 16px;
3905
3905
  min-width: 16px;
3906
3906
  }
3907
3907
 
3908
- .capra-TabNav-module-e0IbmW-dropdownIcon {
3908
+ .capra-TabNav-module-qqfvea-dropdownIcon {
3909
3909
  color: inherit;
3910
3910
  flex-shrink: 0;
3911
3911
  align-items: center;
3912
3912
  display: inline-flex;
3913
3913
  }
3914
3914
 
3915
- .capra-TabNav-module-e0IbmW-root[data-placement="vertical"] .capra-TabNav-module-e0IbmW-dropdownIcon {
3915
+ .capra-TabNav-module-qqfvea-root[data-placement="vertical"] .capra-TabNav-module-qqfvea-dropdownIcon {
3916
3916
  margin-inline-start: auto;
3917
3917
  }
3918
3918
 
3919
- .capra-TabNav-module-e0IbmW-root[data-placement="vertical"] .capra-TabNav-module-e0IbmW-tab[data-expanded="false"] .capra-TabNav-module-e0IbmW-dropdownIcon svg {
3919
+ .capra-TabNav-module-qqfvea-root[data-placement="vertical"] .capra-TabNav-module-qqfvea-tab[data-expanded="false"] .capra-TabNav-module-qqfvea-dropdownIcon svg {
3920
3920
  transform: rotate(-90deg);
3921
3921
  }
3922
3922
 
3923
- .capra-TabNav-module-e0IbmW-root[data-placement="vertical"] .capra-TabNav-module-e0IbmW-tab[data-expanded="true"] .capra-TabNav-module-e0IbmW-dropdownIcon svg {
3923
+ .capra-TabNav-module-qqfvea-root[data-placement="vertical"] .capra-TabNav-module-qqfvea-tab[data-expanded="true"] .capra-TabNav-module-qqfvea-dropdownIcon svg {
3924
3924
  transform: none;
3925
3925
  }
3926
3926
 
3927
- .capra-TabNav-module-e0IbmW-tabGroup {
3927
+ .capra-TabNav-module-qqfvea-tabGroup {
3928
3928
  flex-direction: column;
3929
3929
  align-items: stretch;
3930
3930
  gap: 0;
@@ -3932,7 +3932,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3932
3932
  display: flex;
3933
3933
  }
3934
3934
 
3935
- .capra-TabNav-module-e0IbmW-subTabList {
3935
+ .capra-TabNav-module-qqfvea-subTabList {
3936
3936
  flex-flow: column;
3937
3937
  gap: 0;
3938
3938
  width: 100%;
@@ -3942,20 +3942,20 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3942
3942
  display: flex;
3943
3943
  }
3944
3944
 
3945
- .capra-TabNav-module-e0IbmW-subTabListItem {
3945
+ .capra-TabNav-module-qqfvea-subTabListItem {
3946
3946
  margin: 0;
3947
3947
  padding: 0;
3948
3948
  }
3949
3949
 
3950
- .capra-TabNav-module-e0IbmW-subTab {
3950
+ .capra-TabNav-module-qqfvea-subTab {
3951
3951
  width: 100%;
3952
3952
  }
3953
3953
 
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"] {
3954
+ .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
3955
  border-bottom-color: var(--cds2-color-border-accent-default);
3956
3956
  }
3957
3957
 
3958
- .capra-TabNav-module-e0IbmW-root[data-placement="vertical"] .capra-TabNav-module-e0IbmW-tab {
3958
+ .capra-TabNav-module-qqfvea-root[data-placement="vertical"] .capra-TabNav-module-qqfvea-tab {
3959
3959
  border-bottom: none;
3960
3960
  padding-block: 0;
3961
3961
  padding-inline: var(--cds2-spacing-md);
@@ -3964,42 +3964,42 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3964
3964
  width: 100%;
3965
3965
  }
3966
3966
 
3967
- .capra-TabNav-module-e0IbmW-root[data-placement="vertical"] .capra-TabNav-module-e0IbmW-tab[data-active="true"] {
3967
+ .capra-TabNav-module-qqfvea-root[data-placement="vertical"] .capra-TabNav-module-qqfvea-tab[data-active="true"] {
3968
3968
  background-color: var(--cds2-color-background-accent-subtle);
3969
3969
  border-inline-end-color: var(--cds2-color-border-accent-default);
3970
3970
  }
3971
3971
 
3972
- .capra-TabNav-module-e0IbmW-root[data-placement="vertical"] .capra-TabNav-module-e0IbmW-tab:hover:not(:is(:disabled, [data-disabled="true"])) {
3972
+ .capra-TabNav-module-qqfvea-root[data-placement="vertical"] .capra-TabNav-module-qqfvea-tab:hover:not(:is(:disabled, [data-disabled="true"])) {
3973
3973
  background-color: var(--cds2-color-background-accent-selected);
3974
3974
  border-inline-end-color: var(--cds2-color-border-accent-strong);
3975
3975
  color: var(--cds2-color-foreground-accent-default);
3976
3976
  }
3977
3977
 
3978
- .capra-TabNav-module-e0IbmW-root[data-placement="vertical"] .capra-TabNav-module-e0IbmW-tab[data-active="true"][data-disabled="true"] {
3978
+ .capra-TabNav-module-qqfvea-root[data-placement="vertical"] .capra-TabNav-module-qqfvea-tab[data-active="true"][data-disabled="true"] {
3979
3979
  background-color: #0000;
3980
3980
  border-inline-end-color: #0000;
3981
3981
  }
3982
3982
 
3983
- .capra-TabNav-module-e0IbmW-extraContent {
3983
+ .capra-TabNav-module-qqfvea-extraContent {
3984
3984
  align-items: center;
3985
3985
  display: flex;
3986
3986
  }
3987
3987
 
3988
- .capra-TabNav-module-e0IbmW-panel {
3988
+ .capra-TabNav-module-qqfvea-panel {
3989
3989
  font: var(--cds2-typography-body-md-normal);
3990
3990
  color: var(--cds2-color-foreground-default);
3991
3991
  flex: 1;
3992
3992
  padding-block-start: var(--cds2-spacing-lg);
3993
3993
  }
3994
3994
 
3995
- .capra-TabNav-module-e0IbmW-subMenu {
3995
+ .capra-TabNav-module-qqfvea-subMenu {
3996
3996
  padding: var(--cds2-spacing-xs);
3997
3997
  min-width: 160px;
3998
3998
  margin: 0;
3999
3999
  list-style: none;
4000
4000
  }
4001
4001
 
4002
- .capra-TabNav-module-e0IbmW-subMenuItem {
4002
+ .capra-TabNav-module-qqfvea-subMenuItem {
4003
4003
  appearance: none;
4004
4004
  text-align: start;
4005
4005
  width: 100%;
@@ -4027,7 +4027,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
4027
4027
  }
4028
4028
  }
4029
4029
 
4030
- .capra-TabNav-module-e0IbmW-subMenuItemActive {
4030
+ .capra-TabNav-module-qqfvea-subMenuItemActive {
4031
4031
  background-color: var(--cds2-color-background-accent-subtle);
4032
4032
  color: var(--cds2-color-foreground-accent-default);
4033
4033
  font: var(--cds2-typography-body-sm-semibold);