@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.
- package/dist/index.cjs +330 -92
- package/dist/index.d.cts +663 -639
- package/dist/index.d.mts +663 -639
- package/dist/index.mjs +317 -80
- package/dist/style.css +328 -167
- package/docs/core-alert--usage.md +2 -0
- package/docs/core-anchor--usage.md +2 -0
- package/docs/core-autocompletefield--usage.md +2 -0
- package/docs/core-badge--usage.md +2 -0
- package/docs/core-breadcrumbs--usage.md +2 -0
- package/docs/core-button--usage.md +2 -0
- package/docs/core-buttonlink--usage.md +2 -0
- package/docs/core-checkbox--usage.md +2 -0
- package/docs/core-collapse--usage.md +2 -0
- package/docs/core-datepickerfield--usage.md +2 -0
- package/docs/core-daterangepickerfield--usage.md +2 -0
- package/docs/core-divider--usage.md +2 -0
- package/docs/core-emptystate--usage.md +2 -0
- package/docs/core-helpertext--usage.md +2 -0
- package/docs/core-iconbutton--usage.md +2 -0
- package/docs/core-inputrow--usage.md +2 -0
- package/docs/core-label--usage.md +2 -0
- package/docs/core-link--usage.md +2 -0
- package/docs/core-listitem--usage.md +2 -0
- package/docs/core-menu--usage.md +2 -0
- package/docs/core-modal--usage.md +2 -0
- package/docs/core-pagination--usage.md +2 -0
- package/docs/core-pill--usage.md +2 -0
- package/docs/core-radio--usage.md +2 -0
- package/docs/core-radiogroup--usage.md +2 -0
- package/docs/core-radiotile--usage.md +2 -0
- package/docs/core-ribbon--usage.md +2 -0
- package/docs/core-skeleton--usage.md +1 -2
- package/docs/core-skeletongroup--usage.md +0 -1
- package/docs/core-spinner--usage.md +2 -0
- package/docs/core-switch--usage.md +2 -0
- package/docs/core-tabnav--usage.md +2 -0
- package/docs/core-tag--usage.md +2 -0
- package/docs/core-text--usage.md +2 -0
- package/docs/core-textarea--usage.md +2 -0
- package/docs/core-textinput--usage.md +2 -0
- package/docs/core-tooltip--usage.md +2 -0
- package/docs/core-topnav--usage.md +2 -0
- package/docs/core-tree--design.md +31 -0
- package/docs/core-tree--usage.md +102 -0
- package/docs/core-verticalnavigation--usage.md +2 -0
- package/docs/history-changelogs-capra-core--docs.md +35 -0
- package/docs/index.md +2 -0
- 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-
|
|
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-
|
|
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-
|
|
694
|
-
|
|
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-
|
|
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-
|
|
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-
|
|
705
|
+
grid-column: capra-ListItem-module-QN6vFW-trailing;
|
|
711
706
|
}
|
|
712
707
|
}
|
|
713
708
|
|
|
714
|
-
.capra-ListItem-module-
|
|
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-
|
|
716
|
+
.capra-ListItem-module-QN6vFW-content {
|
|
722
717
|
column-gap: var(--cds2-spacing-md);
|
|
723
|
-
grid-template: "capra-ListItem-module-
|
|
724
|
-
"capra-ListItem-module-
|
|
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-
|
|
721
|
+
grid-column: capra-ListItem-module-QN6vFW-content;
|
|
727
722
|
display: grid;
|
|
728
723
|
}
|
|
729
724
|
|
|
730
|
-
.capra-ListItem-module-
|
|
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-
|
|
728
|
+
grid-area: capra-ListItem-module-QN6vFW-label;
|
|
734
729
|
overflow: hidden;
|
|
735
730
|
}
|
|
736
731
|
|
|
737
|
-
.capra-ListItem-module-
|
|
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-
|
|
735
|
+
grid-area: capra-ListItem-module-QN6vFW-suffix;
|
|
741
736
|
justify-self: end;
|
|
742
737
|
}
|
|
743
738
|
|
|
744
|
-
.capra-ListItem-module-
|
|
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-
|
|
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-
|
|
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-
|
|
2273
|
+
.capra-Modal-module-gAoc6W-overlay {
|
|
2274
2274
|
background-color: var(--cds2-color-background-scrim);
|
|
2275
|
-
animation: capra-Modal-module-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
3469
|
+
.capra-Menu-module-3G4VeG-menu {
|
|
3469
3470
|
padding: 5px;
|
|
3470
3471
|
}
|
|
3471
3472
|
|
|
3472
|
-
.capra-Menu-module-
|
|
3473
|
+
.capra-Menu-module-3G4VeG-menuTriggerSlot {
|
|
3473
3474
|
display: inline-block;
|
|
3474
3475
|
}
|
|
3475
3476
|
|
|
3476
|
-
.capra-Menu-module-
|
|
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-
|
|
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-
|
|
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-
|
|
3502
|
+
.capra-Menu-module-3G4VeG-menuItemLeadingGutter {
|
|
3502
3503
|
margin-inline-end: var(--cds2-spacing-md);
|
|
3503
3504
|
}
|
|
3504
3505
|
|
|
3505
|
-
.capra-Menu-module-
|
|
3506
|
+
.capra-Menu-module-3G4VeG-menuItemTrailingGutter {
|
|
3506
3507
|
margin-inline-start: var(--cds2-spacing-md);
|
|
3507
3508
|
}
|
|
3508
3509
|
|
|
3509
|
-
.capra-Menu-module-
|
|
3510
|
-
background-color: var(--
|
|
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-
|
|
3514
|
+
.capra-Menu-module-3G4VeG-menuItem:focus {
|
|
3514
3515
|
outline: none;
|
|
3515
3516
|
}
|
|
3516
3517
|
|
|
3517
|
-
.capra-Menu-module-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
3562
|
-
background-color: var(--
|
|
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-
|
|
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-
|
|
3571
|
-
background-color: var(--
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
3598
|
-
background-color: var(--
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
3626
|
-
background-color: var(--
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
3647
|
-
background-color: var(--
|
|
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-
|
|
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-
|
|
3660
|
-
background-color: var(--
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
3679
|
-
background-color: var(--
|
|
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-
|
|
3684
|
-
background-color: var(--
|
|
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-
|
|
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-
|
|
3695
|
-
background-color: var(--
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
3707
|
+
.capra-Menu-module-3G4VeG-section {
|
|
3712
3708
|
display: contents;
|
|
3713
3709
|
}
|
|
3714
3710
|
|
|
3715
|
-
.capra-Menu-module-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
3772
|
+
.capra-Menu-module-3G4VeG-menuItemListItemShell {
|
|
3777
3773
|
width: 100%;
|
|
3778
3774
|
}
|
|
3779
|
-
.capra-TabNav-module-
|
|
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-
|
|
3781
|
+
.capra-TabNav-module-qqfvea-root[data-placement="horizontal"] {
|
|
3786
3782
|
flex-direction: column-reverse;
|
|
3787
3783
|
}
|
|
3788
3784
|
|
|
3789
|
-
.capra-TabNav-module-
|
|
3785
|
+
.capra-TabNav-module-qqfvea-root[data-placement="vertical"] {
|
|
3790
3786
|
flex-direction: row;
|
|
3791
3787
|
}
|
|
3792
3788
|
|
|
3793
|
-
.capra-TabNav-module-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
3888
|
+
.capra-TabNav-module-qqfvea-tabIcon {
|
|
3894
3889
|
align-items: center;
|
|
3895
3890
|
display: inline-flex;
|
|
3896
3891
|
}
|
|
3897
3892
|
|
|
3898
|
-
.capra-TabNav-module-
|
|
3893
|
+
.capra-TabNav-module-qqfvea-tabLabel {
|
|
3899
3894
|
white-space: nowrap;
|
|
3900
3895
|
}
|
|
3901
3896
|
|
|
3902
|
-
.capra-TabNav-module-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
3940
|
+
.capra-TabNav-module-qqfvea-subTabListItem {
|
|
3946
3941
|
margin: 0;
|
|
3947
3942
|
padding: 0;
|
|
3948
3943
|
}
|
|
3949
3944
|
|
|
3950
|
-
.capra-TabNav-module-
|
|
3945
|
+
.capra-TabNav-module-qqfvea-subTab {
|
|
3951
3946
|
width: 100%;
|
|
3952
3947
|
}
|
|
3953
3948
|
|
|
3954
|
-
.capra-TabNav-module-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
3978
|
+
.capra-TabNav-module-qqfvea-extraContent {
|
|
3984
3979
|
align-items: center;
|
|
3985
3980
|
display: flex;
|
|
3986
3981
|
}
|
|
3987
3982
|
|
|
3988
|
-
.capra-TabNav-module-
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
+
}
|