@capra/core 1.15.0 → 1.15.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.
- package/dist/index.cjs +115 -115
- package/dist/index.d.cts +4 -4
- package/dist/index.d.mts +4 -4
- package/dist/index.mjs +115 -115
- package/dist/style.css +237 -236
- package/docs/core-link--design.md +1 -1
- package/docs/foundation-page-templates--docs.md +4 -4
- package/docs/history-changelogs-capra-core--docs.md +15 -0
- package/package.json +3 -3
package/dist/style.css
CHANGED
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
flex: 0 0 var(--cds2-dimension-component-sm);
|
|
93
93
|
}
|
|
94
94
|
}
|
|
95
|
-
.capra-Button-module-
|
|
95
|
+
.capra-Button-module-m0pNfq-base {
|
|
96
96
|
all: unset;
|
|
97
97
|
box-sizing: border-box;
|
|
98
98
|
justify-content: center;
|
|
@@ -120,42 +120,42 @@
|
|
|
120
120
|
opacity: .35;
|
|
121
121
|
}
|
|
122
122
|
|
|
123
|
-
&[data-size="xs"]:not(.capra-Button-module-
|
|
123
|
+
&[data-size="xs"]:not(.capra-Button-module-m0pNfq-icon) {
|
|
124
124
|
height: var(--cds2-dimension-component-xs);
|
|
125
125
|
min-width: calc(2 * var(--cds2-dimension-component-xs));
|
|
126
126
|
max-width: calc(10 * var(--cds2-dimension-component-xs));
|
|
127
|
-
padding-inline: var(--
|
|
127
|
+
padding-inline: var(--cds2-spacing-sm);
|
|
128
128
|
}
|
|
129
129
|
|
|
130
|
-
&[data-size="sm"]:not(.capra-Button-module-
|
|
130
|
+
&[data-size="sm"]:not(.capra-Button-module-m0pNfq-icon) {
|
|
131
131
|
height: var(--cds2-dimension-component-sm);
|
|
132
132
|
min-width: calc(2 * var(--cds2-dimension-component-sm));
|
|
133
133
|
max-width: calc(10 * var(--cds2-dimension-component-sm));
|
|
134
134
|
padding-inline: var(--cds2-spacing-md);
|
|
135
135
|
}
|
|
136
136
|
|
|
137
|
-
&[data-size="md"]:not(.capra-Button-module-
|
|
137
|
+
&[data-size="md"]:not(.capra-Button-module-m0pNfq-icon) {
|
|
138
138
|
height: var(--cds2-dimension-component-md);
|
|
139
139
|
min-width: calc(2 * var(--cds2-dimension-component-md));
|
|
140
140
|
max-width: calc(10 * var(--cds2-dimension-component-md));
|
|
141
141
|
padding-inline: var(--cds2-spacing-lg);
|
|
142
142
|
}
|
|
143
143
|
|
|
144
|
-
&[data-size="lg"]:not(.capra-Button-module-
|
|
144
|
+
&[data-size="lg"]:not(.capra-Button-module-m0pNfq-icon) {
|
|
145
145
|
height: var(--cds2-dimension-component-lg);
|
|
146
146
|
min-width: calc(2 * var(--cds2-dimension-component-lg));
|
|
147
147
|
max-width: calc(10 * var(--cds2-dimension-component-lg));
|
|
148
148
|
padding-inline: var(--cds2-spacing-lg);
|
|
149
149
|
}
|
|
150
150
|
|
|
151
|
-
&[data-size="xl"]:not(.capra-Button-module-
|
|
151
|
+
&[data-size="xl"]:not(.capra-Button-module-m0pNfq-icon) {
|
|
152
152
|
height: var(--cds2-dimension-component-xl);
|
|
153
153
|
min-width: calc(2 * var(--cds2-dimension-component-xl));
|
|
154
154
|
max-width: calc(10 * var(--cds2-dimension-component-xl));
|
|
155
155
|
padding-inline: var(--cds2-spacing-xl);
|
|
156
156
|
}
|
|
157
157
|
|
|
158
|
-
&[data-display="block"]:not(.capra-Button-module-
|
|
158
|
+
&[data-display="block"]:not(.capra-Button-module-m0pNfq-icon) {
|
|
159
159
|
width: 100%;
|
|
160
160
|
max-width: unset;
|
|
161
161
|
display: flex;
|
|
@@ -184,7 +184,7 @@
|
|
|
184
184
|
|
|
185
185
|
&[data-variant="secondary"] {
|
|
186
186
|
color: var(--_secondary-color);
|
|
187
|
-
background-color: var(--cds2-color-background-
|
|
187
|
+
background-color: var(--cds2-color-background-panel-solid);
|
|
188
188
|
border: 1px solid var(--_secondary-border-color);
|
|
189
189
|
box-shadow: var(--cds2-shadow-button);
|
|
190
190
|
|
|
@@ -269,7 +269,7 @@
|
|
|
269
269
|
}
|
|
270
270
|
}
|
|
271
271
|
|
|
272
|
-
.capra-Button-module-
|
|
272
|
+
.capra-Button-module-m0pNfq-icon {
|
|
273
273
|
&[data-size="xs"] {
|
|
274
274
|
height: var(--cds2-dimension-component-xs);
|
|
275
275
|
width: var(--cds2-dimension-component-xs);
|
|
@@ -296,7 +296,7 @@
|
|
|
296
296
|
}
|
|
297
297
|
}
|
|
298
298
|
|
|
299
|
-
.capra-Button-module-
|
|
299
|
+
.capra-Button-module-m0pNfq-textLayout {
|
|
300
300
|
text-overflow: ellipsis;
|
|
301
301
|
white-space: nowrap;
|
|
302
302
|
min-width: 0;
|
|
@@ -304,7 +304,7 @@
|
|
|
304
304
|
overflow: hidden;
|
|
305
305
|
}
|
|
306
306
|
|
|
307
|
-
.capra-Button-module-
|
|
307
|
+
.capra-Button-module-m0pNfq-iconLayout {
|
|
308
308
|
display: contents;
|
|
309
309
|
}
|
|
310
310
|
.capra-Text-module-JSrT1a-base {
|
|
@@ -1364,15 +1364,16 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
1364
1364
|
border-color: var(--cds2-core-color-yellow-a6);
|
|
1365
1365
|
color: var(--cds2-core-color-yellow-a11);
|
|
1366
1366
|
}
|
|
1367
|
-
.capra-Checkbox-module-
|
|
1367
|
+
.capra-Checkbox-module-pCHIXW-base {
|
|
1368
1368
|
align-items: center;
|
|
1369
|
+
gap: var(--cds2-spacing-md);
|
|
1369
1370
|
display: flex;
|
|
1370
1371
|
|
|
1371
1372
|
&[data-has-label="true"] {
|
|
1372
1373
|
align-items: baseline;
|
|
1373
1374
|
}
|
|
1374
1375
|
|
|
1375
|
-
& input[type="checkbox"], & .capra-Checkbox-module-
|
|
1376
|
+
& input[type="checkbox"], & .capra-Checkbox-module-pCHIXW-inner {
|
|
1376
1377
|
appearance: none;
|
|
1377
1378
|
cursor: pointer;
|
|
1378
1379
|
border: var(--cds2-border-default);
|
|
@@ -1384,12 +1385,12 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
1384
1385
|
background-color var(--cds2-motion-duration-short) ease;
|
|
1385
1386
|
display: block;
|
|
1386
1387
|
|
|
1387
|
-
.capra-Checkbox-module-
|
|
1388
|
+
.capra-Checkbox-module-pCHIXW-base[data-selected="true"] &:where(:not([data-indeterminate="true"]):not(:disabled)), &:checked:where(:not([data-indeterminate="true"]):not(:disabled)) {
|
|
1388
1389
|
background-color: var(--cds2-color-background-accent-indicator);
|
|
1389
1390
|
border: none;
|
|
1390
1391
|
}
|
|
1391
1392
|
|
|
1392
|
-
.capra-Checkbox-module-
|
|
1393
|
+
.capra-Checkbox-module-pCHIXW-base[data-indeterminate="true"]:not([data-disabled="true"]) &, &[data-indeterminate="true"]:where(:not(:disabled)) {
|
|
1393
1394
|
background-color: var(--cds2-color-background-accent-indicator);
|
|
1394
1395
|
color: var(--cds2-color-foreground-danger-contrast);
|
|
1395
1396
|
border: none;
|
|
@@ -1399,7 +1400,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
1399
1400
|
border-color: var(--cds2-color-border-accent-strong);
|
|
1400
1401
|
}
|
|
1401
1402
|
|
|
1402
|
-
&:disabled, .capra-Checkbox-module-
|
|
1403
|
+
&:disabled, .capra-Checkbox-module-pCHIXW-base[data-disabled="true"] & {
|
|
1403
1404
|
cursor: not-allowed;
|
|
1404
1405
|
border-color: var(--cds2-color-border-disabled);
|
|
1405
1406
|
background-color: var(--cds2-color-background-disabled);
|
|
@@ -1415,18 +1416,18 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
1415
1416
|
cursor: not-allowed;
|
|
1416
1417
|
color: var(--cds2-color-foreground-disabled);
|
|
1417
1418
|
|
|
1418
|
-
& .capra-Checkbox-module-
|
|
1419
|
+
& .capra-Checkbox-module-pCHIXW-input {
|
|
1419
1420
|
color: var(--cds2-color-foreground-on-disabled);
|
|
1420
1421
|
}
|
|
1421
1422
|
|
|
1422
|
-
& label, & .capra-Checkbox-module-
|
|
1423
|
+
& label, & .capra-Checkbox-module-pCHIXW-text {
|
|
1423
1424
|
cursor: not-allowed;
|
|
1424
1425
|
color: var(--cds2-color-foreground-disabled);
|
|
1425
1426
|
}
|
|
1426
1427
|
}
|
|
1427
1428
|
}
|
|
1428
1429
|
|
|
1429
|
-
.capra-Checkbox-module-
|
|
1430
|
+
.capra-Checkbox-module-pCHIXW-input {
|
|
1430
1431
|
height: var(--cds2-dimension-component-xs);
|
|
1431
1432
|
width: var(--cds2-dimension-component-xs);
|
|
1432
1433
|
color: var(--cds2-color-foreground-accent-contrast);
|
|
@@ -1441,20 +1442,20 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
1441
1442
|
}
|
|
1442
1443
|
}
|
|
1443
1444
|
|
|
1444
|
-
.capra-Checkbox-module-
|
|
1445
|
+
.capra-Checkbox-module-pCHIXW-base[data-has-label="false"] .capra-Checkbox-module-pCHIXW-input {
|
|
1445
1446
|
transform: none;
|
|
1446
1447
|
}
|
|
1447
1448
|
|
|
1448
|
-
.capra-Checkbox-module-
|
|
1449
|
+
.capra-Checkbox-module-pCHIXW-base[data-focus-visible="true"] {
|
|
1449
1450
|
outline: var(--cds2-border-focus);
|
|
1450
1451
|
}
|
|
1451
1452
|
|
|
1452
|
-
.capra-Checkbox-module-
|
|
1453
|
+
.capra-Checkbox-module-pCHIXW-label, .capra-Checkbox-module-pCHIXW-text {
|
|
1453
1454
|
color: var(--cds2-color-foreground-default);
|
|
1454
1455
|
cursor: pointer;
|
|
1455
1456
|
font: var(--cds2-typography-body-md-normal);
|
|
1456
1457
|
}
|
|
1457
|
-
.capra-Collapse-module-
|
|
1458
|
+
.capra-Collapse-module-wSyl2a-root {
|
|
1458
1459
|
box-sizing: border-box;
|
|
1459
1460
|
width: 100%;
|
|
1460
1461
|
min-width: 0;
|
|
@@ -1468,7 +1469,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
1468
1469
|
display: flex;
|
|
1469
1470
|
}
|
|
1470
1471
|
|
|
1471
|
-
.capra-Collapse-module-
|
|
1472
|
+
.capra-Collapse-module-wSyl2a-header {
|
|
1472
1473
|
box-sizing: border-box;
|
|
1473
1474
|
align-items: center;
|
|
1474
1475
|
gap: var(--cds2-spacing-md);
|
|
@@ -1480,7 +1481,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
1480
1481
|
display: flex;
|
|
1481
1482
|
}
|
|
1482
1483
|
|
|
1483
|
-
.capra-Collapse-module-
|
|
1484
|
+
.capra-Collapse-module-wSyl2a-trigger {
|
|
1484
1485
|
all: unset;
|
|
1485
1486
|
box-sizing: border-box;
|
|
1486
1487
|
width: 100%;
|
|
@@ -1492,7 +1493,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
1492
1493
|
align-items: center;
|
|
1493
1494
|
display: flex;
|
|
1494
1495
|
|
|
1495
|
-
&[data-focus-visible] .capra-Collapse-module-
|
|
1496
|
+
&[data-focus-visible] .capra-Collapse-module-wSyl2a-triggerContent {
|
|
1496
1497
|
outline: var(--cds2-border-focus);
|
|
1497
1498
|
outline-offset: 2px;
|
|
1498
1499
|
}
|
|
@@ -1501,13 +1502,13 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
1501
1502
|
cursor: default;
|
|
1502
1503
|
color: var(--cds2-color-foreground-disabled);
|
|
1503
1504
|
|
|
1504
|
-
& .capra-Collapse-module-
|
|
1505
|
+
& .capra-Collapse-module-wSyl2a-title {
|
|
1505
1506
|
color: var(--cds2-color-foreground-disabled);
|
|
1506
1507
|
}
|
|
1507
1508
|
}
|
|
1508
1509
|
}
|
|
1509
1510
|
|
|
1510
|
-
.capra-Collapse-module-
|
|
1511
|
+
.capra-Collapse-module-wSyl2a-triggerContent {
|
|
1511
1512
|
align-items: center;
|
|
1512
1513
|
gap: var(--cds2-spacing-sm);
|
|
1513
1514
|
border-radius: var(--cds2-radius-md);
|
|
@@ -1515,7 +1516,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
1515
1516
|
display: inline-flex;
|
|
1516
1517
|
}
|
|
1517
1518
|
|
|
1518
|
-
.capra-Collapse-module-
|
|
1519
|
+
.capra-Collapse-module-wSyl2a-chevron {
|
|
1519
1520
|
color: var(--cds2-color-foreground-subtle);
|
|
1520
1521
|
transition: transform var(--cds2-motion-duration-medium-2) ease;
|
|
1521
1522
|
flex-shrink: 0;
|
|
@@ -1524,18 +1525,18 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
1524
1525
|
display: inline-flex;
|
|
1525
1526
|
}
|
|
1526
1527
|
|
|
1527
|
-
.capra-Collapse-module-
|
|
1528
|
+
.capra-Collapse-module-wSyl2a-root[data-expanded] .capra-Collapse-module-wSyl2a-chevron {
|
|
1528
1529
|
transform: rotate(90deg);
|
|
1529
1530
|
}
|
|
1530
1531
|
|
|
1531
|
-
.capra-Collapse-module-
|
|
1532
|
+
.capra-Collapse-module-wSyl2a-title {
|
|
1532
1533
|
min-width: 0;
|
|
1533
1534
|
color: var(--cds2-color-foreground-default);
|
|
1534
1535
|
font: var(--cds2-typography-body-md-normal);
|
|
1535
1536
|
flex: 0 auto;
|
|
1536
1537
|
}
|
|
1537
1538
|
|
|
1538
|
-
.capra-Collapse-module-
|
|
1539
|
+
.capra-Collapse-module-wSyl2a-actions {
|
|
1539
1540
|
justify-content: flex-end;
|
|
1540
1541
|
align-items: center;
|
|
1541
1542
|
gap: var(--cds2-spacing-sm);
|
|
@@ -1544,7 +1545,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
1544
1545
|
display: inline-flex;
|
|
1545
1546
|
}
|
|
1546
1547
|
|
|
1547
|
-
.capra-Collapse-module-
|
|
1548
|
+
.capra-Collapse-module-wSyl2a-panel {
|
|
1548
1549
|
box-sizing: border-box;
|
|
1549
1550
|
width: 100%;
|
|
1550
1551
|
min-width: 0;
|
|
@@ -1553,11 +1554,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
1553
1554
|
overflow: hidden;
|
|
1554
1555
|
}
|
|
1555
1556
|
|
|
1556
|
-
.capra-Collapse-module-
|
|
1557
|
+
.capra-Collapse-module-wSyl2a-root[data-expanded] .capra-Collapse-module-wSyl2a-panel {
|
|
1557
1558
|
border-top: var(--cds2-border-default);
|
|
1558
1559
|
}
|
|
1559
1560
|
|
|
1560
|
-
.capra-Collapse-module-
|
|
1561
|
+
.capra-Collapse-module-wSyl2a-panelInner {
|
|
1561
1562
|
padding-block: var(--cds2-spacing-md);
|
|
1562
1563
|
padding-inline: var(--cds2-spacing-lg);
|
|
1563
1564
|
font: var(--cds2-typography-body-md-normal);
|
|
@@ -1565,7 +1566,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
1565
1566
|
}
|
|
1566
1567
|
|
|
1567
1568
|
@media (prefers-reduced-motion: reduce) {
|
|
1568
|
-
.capra-Collapse-module-
|
|
1569
|
+
.capra-Collapse-module-wSyl2a-trigger, .capra-Collapse-module-wSyl2a-chevron, .capra-Collapse-module-wSyl2a-panel {
|
|
1569
1570
|
transition: none;
|
|
1570
1571
|
}
|
|
1571
1572
|
}
|
|
@@ -2014,7 +2015,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2014
2015
|
color: var(--cds2-color-foreground-danger-default);
|
|
2015
2016
|
margin-block-start: var(--cds2-spacing-xs);
|
|
2016
2017
|
}
|
|
2017
|
-
.capra-SelectField-module-
|
|
2018
|
+
.capra-SelectField-module-u_B-LG-triggerShell {
|
|
2018
2019
|
border: var(--cds2-border-default);
|
|
2019
2020
|
border-radius: var(--cds2-radius-md);
|
|
2020
2021
|
background-color: var(--cds2-color-background-neutral-surface);
|
|
@@ -2049,23 +2050,23 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2049
2050
|
color: var(--cds2-color-foreground-on-disabled);
|
|
2050
2051
|
cursor: not-allowed;
|
|
2051
2052
|
|
|
2052
|
-
& .capra-SelectField-module-
|
|
2053
|
+
& .capra-SelectField-module-u_B-LG-leadingSlot, & .capra-SelectField-module-u_B-LG-trailingSlot, & .capra-SelectField-module-u_B-LG-valueText, & .capra-SelectField-module-u_B-LG-tag {
|
|
2053
2054
|
color: var(--cds2-color-foreground-on-disabled);
|
|
2054
2055
|
}
|
|
2055
2056
|
}
|
|
2056
2057
|
}
|
|
2057
2058
|
|
|
2058
|
-
.capra-SelectField-module-
|
|
2059
|
+
.capra-SelectField-module-u_B-LG-singleTrigger {
|
|
2059
2060
|
&:focus-visible {
|
|
2060
2061
|
outline: var(--cds2-border-focus);
|
|
2061
2062
|
outline-offset: var(--cds2-spacing-xs);
|
|
2062
2063
|
}
|
|
2063
2064
|
}
|
|
2064
2065
|
|
|
2065
|
-
.capra-SelectField-module-
|
|
2066
|
+
.capra-SelectField-module-u_B-LG-multipleTrigger {
|
|
2066
2067
|
overflow: hidden;
|
|
2067
2068
|
|
|
2068
|
-
&:has(.capra-SelectField-module-
|
|
2069
|
+
&:has(.capra-SelectField-module-u_B-LG-multipleOpenButton:focus-visible) {
|
|
2069
2070
|
outline: var(--cds2-border-focus);
|
|
2070
2071
|
outline-offset: var(--cds2-spacing-xs);
|
|
2071
2072
|
}
|
|
@@ -2075,7 +2076,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2075
2076
|
}
|
|
2076
2077
|
}
|
|
2077
2078
|
|
|
2078
|
-
.capra-SelectField-module-
|
|
2079
|
+
.capra-SelectField-module-u_B-LG-multipleOpenButton {
|
|
2079
2080
|
color: inherit;
|
|
2080
2081
|
cursor: pointer;
|
|
2081
2082
|
background: none;
|
|
@@ -2095,7 +2096,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2095
2096
|
}
|
|
2096
2097
|
}
|
|
2097
2098
|
|
|
2098
|
-
.capra-SelectField-module-
|
|
2099
|
+
.capra-SelectField-module-u_B-LG-leadingSlot, .capra-SelectField-module-u_B-LG-trailingSlot {
|
|
2099
2100
|
align-items: center;
|
|
2100
2101
|
gap: var(--cds2-spacing-md);
|
|
2101
2102
|
color: var(--cds2-color-foreground-subtle);
|
|
@@ -2103,7 +2104,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2103
2104
|
display: inline-flex;
|
|
2104
2105
|
}
|
|
2105
2106
|
|
|
2106
|
-
.capra-SelectField-module-
|
|
2107
|
+
.capra-SelectField-module-u_B-LG-value {
|
|
2107
2108
|
align-items: center;
|
|
2108
2109
|
gap: var(--cds2-spacing-sm);
|
|
2109
2110
|
flex: auto;
|
|
@@ -2111,14 +2112,14 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2111
2112
|
display: flex;
|
|
2112
2113
|
}
|
|
2113
2114
|
|
|
2114
|
-
.capra-SelectField-module-
|
|
2115
|
+
.capra-SelectField-module-u_B-LG-valueIcon {
|
|
2115
2116
|
color: var(--cds2-color-foreground-subtle);
|
|
2116
2117
|
flex-shrink: 0;
|
|
2117
2118
|
align-items: center;
|
|
2118
2119
|
display: inline-flex;
|
|
2119
2120
|
}
|
|
2120
2121
|
|
|
2121
|
-
.capra-SelectField-module-
|
|
2122
|
+
.capra-SelectField-module-u_B-LG-valueText {
|
|
2122
2123
|
text-overflow: ellipsis;
|
|
2123
2124
|
white-space: nowrap;
|
|
2124
2125
|
min-width: 0;
|
|
@@ -2129,13 +2130,13 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2129
2130
|
}
|
|
2130
2131
|
}
|
|
2131
2132
|
|
|
2132
|
-
.capra-SelectField-module-
|
|
2133
|
+
.capra-SelectField-module-u_B-LG-tagGroup {
|
|
2133
2134
|
flex: auto;
|
|
2134
2135
|
min-width: 0;
|
|
2135
2136
|
display: flex;
|
|
2136
2137
|
}
|
|
2137
2138
|
|
|
2138
|
-
.capra-SelectField-module-
|
|
2139
|
+
.capra-SelectField-module-u_B-LG-tagList {
|
|
2139
2140
|
gap: var(--cds2-spacing-xs);
|
|
2140
2141
|
min-width: 0;
|
|
2141
2142
|
padding-block: var(--cds2-spacing-xs);
|
|
@@ -2153,7 +2154,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2153
2154
|
}
|
|
2154
2155
|
}
|
|
2155
2156
|
|
|
2156
|
-
.capra-SelectField-module-
|
|
2157
|
+
.capra-SelectField-module-u_B-LG-tag {
|
|
2157
2158
|
justify-content: space-between;
|
|
2158
2159
|
align-items: center;
|
|
2159
2160
|
gap: var(--cds2-spacing-sm);
|
|
@@ -2189,21 +2190,21 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2189
2190
|
}
|
|
2190
2191
|
}
|
|
2191
2192
|
|
|
2192
|
-
.capra-SelectField-module-
|
|
2193
|
+
.capra-SelectField-module-u_B-LG-tagIcon {
|
|
2193
2194
|
color: var(--cds2-color-foreground-subtle);
|
|
2194
2195
|
flex-shrink: 0;
|
|
2195
2196
|
align-items: center;
|
|
2196
2197
|
display: inline-flex;
|
|
2197
2198
|
}
|
|
2198
2199
|
|
|
2199
|
-
.capra-SelectField-module-
|
|
2200
|
+
.capra-SelectField-module-u_B-LG-tagLabel {
|
|
2200
2201
|
text-overflow: ellipsis;
|
|
2201
2202
|
white-space: nowrap;
|
|
2202
2203
|
min-width: 0;
|
|
2203
2204
|
overflow: hidden;
|
|
2204
2205
|
}
|
|
2205
2206
|
|
|
2206
|
-
.capra-SelectField-module-
|
|
2207
|
+
.capra-SelectField-module-u_B-LG-tagRemove {
|
|
2207
2208
|
width: var(--cds2-dimension-component-xs);
|
|
2208
2209
|
height: var(--cds2-dimension-component-xs);
|
|
2209
2210
|
border-radius: var(--cds2-radius-md);
|
|
@@ -2219,7 +2220,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2219
2220
|
display: inline-flex;
|
|
2220
2221
|
|
|
2221
2222
|
&:hover {
|
|
2222
|
-
background-color: var(--
|
|
2223
|
+
background-color: var(--cds2-color-background-neutral-hover);
|
|
2223
2224
|
}
|
|
2224
2225
|
|
|
2225
2226
|
&:focus-visible {
|
|
@@ -2228,21 +2229,21 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2228
2229
|
}
|
|
2229
2230
|
}
|
|
2230
2231
|
|
|
2231
|
-
.capra-SelectField-module-
|
|
2232
|
+
.capra-SelectField-module-u_B-LG-chevron, .capra-SelectField-module-u_B-LG-warningIndicator, .capra-SelectField-module-u_B-LG-errorIndicator {
|
|
2232
2233
|
justify-content: center;
|
|
2233
2234
|
align-items: center;
|
|
2234
2235
|
display: inline-flex;
|
|
2235
2236
|
}
|
|
2236
2237
|
|
|
2237
|
-
.capra-SelectField-module-
|
|
2238
|
+
.capra-SelectField-module-u_B-LG-warningIndicator {
|
|
2238
2239
|
color: var(--cds2-color-foreground-warning-default);
|
|
2239
2240
|
}
|
|
2240
2241
|
|
|
2241
|
-
.capra-SelectField-module-
|
|
2242
|
+
.capra-SelectField-module-u_B-LG-errorIndicator {
|
|
2242
2243
|
color: var(--cds2-color-foreground-danger-default);
|
|
2243
2244
|
}
|
|
2244
2245
|
|
|
2245
|
-
.capra-SelectField-module-
|
|
2246
|
+
.capra-SelectField-module-u_B-LG-dropdownPanel {
|
|
2246
2247
|
gap: var(--cds2-spacing-sm);
|
|
2247
2248
|
padding: var(--cds2-spacing-sm);
|
|
2248
2249
|
border: var(--cds2-border-default);
|
|
@@ -2254,11 +2255,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2254
2255
|
display: flex;
|
|
2255
2256
|
}
|
|
2256
2257
|
|
|
2257
|
-
.capra-SelectField-module-
|
|
2258
|
+
.capra-SelectField-module-u_B-LG-search {
|
|
2258
2259
|
width: 100%;
|
|
2259
2260
|
}
|
|
2260
2261
|
|
|
2261
|
-
.capra-SelectField-module-
|
|
2262
|
+
.capra-SelectField-module-u_B-LG-listbox {
|
|
2262
2263
|
gap: var(--cds2-spacing-xs);
|
|
2263
2264
|
flex-direction: column;
|
|
2264
2265
|
max-height: 320px;
|
|
@@ -2266,17 +2267,17 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2266
2267
|
overflow-y: auto;
|
|
2267
2268
|
}
|
|
2268
2269
|
|
|
2269
|
-
.capra-SelectField-module-
|
|
2270
|
+
.capra-SelectField-module-u_B-LG-emptyState {
|
|
2270
2271
|
padding: var(--cds2-spacing-sm) var(--cds2-spacing-md);
|
|
2271
2272
|
color: var(--cds2-color-foreground-subtle);
|
|
2272
2273
|
font: var(--cds2-typography-body-md-normal);
|
|
2273
2274
|
}
|
|
2274
2275
|
|
|
2275
|
-
.capra-SelectField-module-
|
|
2276
|
+
.capra-SelectField-module-u_B-LG-section {
|
|
2276
2277
|
display: contents;
|
|
2277
2278
|
}
|
|
2278
2279
|
|
|
2279
|
-
.capra-SelectField-module-
|
|
2280
|
+
.capra-SelectField-module-u_B-LG-header {
|
|
2280
2281
|
box-sizing: border-box;
|
|
2281
2282
|
color: var(--cds2-color-foreground-default);
|
|
2282
2283
|
font: var(--cds2-typography-body-md-semibold);
|
|
@@ -2286,11 +2287,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2286
2287
|
display: flex;
|
|
2287
2288
|
}
|
|
2288
2289
|
|
|
2289
|
-
.capra-SelectField-module-
|
|
2290
|
+
.capra-SelectField-module-u_B-LG-dropdownPanel:focus-visible, .capra-SelectField-module-u_B-LG-listbox:focus-visible {
|
|
2290
2291
|
outline: none;
|
|
2291
2292
|
}
|
|
2292
2293
|
|
|
2293
|
-
.capra-SelectField-module-
|
|
2294
|
+
.capra-SelectField-module-u_B-LG-item {
|
|
2294
2295
|
border-radius: var(--cds2-radius-md);
|
|
2295
2296
|
outline: none;
|
|
2296
2297
|
|
|
@@ -2313,21 +2314,21 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2313
2314
|
}
|
|
2314
2315
|
}
|
|
2315
2316
|
|
|
2316
|
-
.capra-SelectField-module-
|
|
2317
|
+
.capra-SelectField-module-u_B-LG-itemContent {
|
|
2317
2318
|
align-items: center;
|
|
2318
2319
|
gap: var(--cds2-spacing-sm);
|
|
2319
2320
|
padding: var(--cds2-spacing-sm) var(--cds2-spacing-md) var(--cds2-spacing-sm) var(--cds2-spacing-sm);
|
|
2320
2321
|
display: flex;
|
|
2321
2322
|
}
|
|
2322
2323
|
|
|
2323
|
-
.capra-SelectField-module-
|
|
2324
|
+
.capra-SelectField-module-u_B-LG-itemBody {
|
|
2324
2325
|
align-items: center;
|
|
2325
2326
|
gap: var(--cds2-spacing-md);
|
|
2326
2327
|
min-width: 0;
|
|
2327
2328
|
display: inline-flex;
|
|
2328
2329
|
}
|
|
2329
2330
|
|
|
2330
|
-
.capra-SelectField-module-
|
|
2331
|
+
.capra-SelectField-module-u_B-LG-itemCheck {
|
|
2331
2332
|
width: var(--cds2-dimension-icon-sm);
|
|
2332
2333
|
min-width: var(--cds2-dimension-icon-sm);
|
|
2333
2334
|
height: var(--cds2-dimension-icon-sm);
|
|
@@ -2336,7 +2337,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2336
2337
|
align-items: center;
|
|
2337
2338
|
display: inline-flex;
|
|
2338
2339
|
|
|
2339
|
-
.capra-SelectField-module-
|
|
2340
|
+
.capra-SelectField-module-u_B-LG-item[data-disabled="true"] & {
|
|
2340
2341
|
color: var(--cds2-color-foreground-on-disabled);
|
|
2341
2342
|
}
|
|
2342
2343
|
}
|
|
@@ -2769,14 +2770,14 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2769
2770
|
transform: translate(-50%) scale(1);
|
|
2770
2771
|
}
|
|
2771
2772
|
}
|
|
2772
|
-
.capra-Drawer-module-
|
|
2773
|
+
.capra-Drawer-module-bUOjAG-root {
|
|
2773
2774
|
z-index: 1000;
|
|
2774
2775
|
pointer-events: none;
|
|
2775
2776
|
position: fixed;
|
|
2776
2777
|
inset: 0;
|
|
2777
2778
|
}
|
|
2778
2779
|
|
|
2779
|
-
.capra-Drawer-module-
|
|
2780
|
+
.capra-Drawer-module-bUOjAG-overlay {
|
|
2780
2781
|
z-index: 0;
|
|
2781
2782
|
pointer-events: auto;
|
|
2782
2783
|
background-color: var(--cds2-color-background-scrim);
|
|
@@ -2784,9 +2785,9 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2784
2785
|
inset: 0;
|
|
2785
2786
|
}
|
|
2786
2787
|
|
|
2787
|
-
.capra-Drawer-module-
|
|
2788
|
+
.capra-Drawer-module-bUOjAG-sheet {
|
|
2788
2789
|
z-index: 1;
|
|
2789
|
-
width: clamp(400px, var(--
|
|
2790
|
+
width: clamp(400px, var(--_drawer-width, 480px), 80vw);
|
|
2790
2791
|
pointer-events: auto;
|
|
2791
2792
|
background-color: var(--cds2-color-background-panel-solid);
|
|
2792
2793
|
outline: none;
|
|
@@ -2797,37 +2798,37 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2797
2798
|
overflow: hidden;
|
|
2798
2799
|
}
|
|
2799
2800
|
|
|
2800
|
-
.capra-Drawer-module-
|
|
2801
|
+
.capra-Drawer-module-bUOjAG-sheet[data-placement="right"] {
|
|
2801
2802
|
box-shadow: var(--cds2-shadow-high-left);
|
|
2802
2803
|
top: 0;
|
|
2803
2804
|
bottom: 0;
|
|
2804
2805
|
right: 0;
|
|
2805
2806
|
}
|
|
2806
2807
|
|
|
2807
|
-
.capra-Drawer-module-
|
|
2808
|
+
.capra-Drawer-module-bUOjAG-sheet[data-placement="left"] {
|
|
2808
2809
|
box-shadow: var(--cds2-shadow-high-right);
|
|
2809
2810
|
top: 0;
|
|
2810
2811
|
bottom: 0;
|
|
2811
2812
|
left: 0;
|
|
2812
2813
|
}
|
|
2813
2814
|
|
|
2814
|
-
.capra-Drawer-module-
|
|
2815
|
-
animation: capra-Drawer-module-
|
|
2815
|
+
.capra-Drawer-module-bUOjAG-root[data-open="true"] .capra-Drawer-module-bUOjAG-sheet[data-placement="right"] {
|
|
2816
|
+
animation: capra-Drawer-module-bUOjAG-drawerInFromRight var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard);
|
|
2816
2817
|
}
|
|
2817
2818
|
|
|
2818
|
-
.capra-Drawer-module-
|
|
2819
|
-
animation: capra-Drawer-module-
|
|
2819
|
+
.capra-Drawer-module-bUOjAG-root[data-open="true"] .capra-Drawer-module-bUOjAG-sheet[data-placement="left"] {
|
|
2820
|
+
animation: capra-Drawer-module-bUOjAG-drawerInFromLeft var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard);
|
|
2820
2821
|
}
|
|
2821
2822
|
|
|
2822
|
-
.capra-Drawer-module-
|
|
2823
|
-
animation: capra-Drawer-module-
|
|
2823
|
+
.capra-Drawer-module-bUOjAG-root[data-open="false"] .capra-Drawer-module-bUOjAG-sheet[data-placement="right"] {
|
|
2824
|
+
animation: capra-Drawer-module-bUOjAG-drawerOutToRight var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard) forwards;
|
|
2824
2825
|
}
|
|
2825
2826
|
|
|
2826
|
-
.capra-Drawer-module-
|
|
2827
|
-
animation: capra-Drawer-module-
|
|
2827
|
+
.capra-Drawer-module-bUOjAG-root[data-open="false"] .capra-Drawer-module-bUOjAG-sheet[data-placement="left"] {
|
|
2828
|
+
animation: capra-Drawer-module-bUOjAG-drawerOutToLeft var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard) forwards;
|
|
2828
2829
|
}
|
|
2829
2830
|
|
|
2830
|
-
.capra-Drawer-module-
|
|
2831
|
+
.capra-Drawer-module-bUOjAG-header {
|
|
2831
2832
|
justify-content: space-between;
|
|
2832
2833
|
align-items: flex-start;
|
|
2833
2834
|
gap: var(--cds2-spacing-md);
|
|
@@ -2838,7 +2839,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2838
2839
|
display: flex;
|
|
2839
2840
|
}
|
|
2840
2841
|
|
|
2841
|
-
.capra-Drawer-module-
|
|
2842
|
+
.capra-Drawer-module-bUOjAG-headerMain {
|
|
2842
2843
|
gap: var(--cds2-spacing-xs);
|
|
2843
2844
|
flex-direction: column;
|
|
2844
2845
|
flex: 1;
|
|
@@ -2846,7 +2847,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2846
2847
|
display: flex;
|
|
2847
2848
|
}
|
|
2848
2849
|
|
|
2849
|
-
.capra-Drawer-module-
|
|
2850
|
+
.capra-Drawer-module-bUOjAG-expandedTitleLayout {
|
|
2850
2851
|
align-items: center;
|
|
2851
2852
|
gap: var(--cds2-spacing-md);
|
|
2852
2853
|
flex-direction: row;
|
|
@@ -2854,20 +2855,20 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2854
2855
|
display: flex;
|
|
2855
2856
|
}
|
|
2856
2857
|
|
|
2857
|
-
.capra-Drawer-module-
|
|
2858
|
+
.capra-Drawer-module-bUOjAG-description {
|
|
2858
2859
|
font: var(--cds2-typography-body-md-normal);
|
|
2859
2860
|
color: var(--cds2-color-foreground-neutral-default);
|
|
2860
2861
|
margin: 0;
|
|
2861
2862
|
}
|
|
2862
2863
|
|
|
2863
|
-
.capra-Drawer-module-
|
|
2864
|
+
.capra-Drawer-module-bUOjAG-headerTrailing {
|
|
2864
2865
|
align-items: center;
|
|
2865
2866
|
gap: var(--cds2-spacing-md);
|
|
2866
2867
|
flex-shrink: 0;
|
|
2867
2868
|
display: flex;
|
|
2868
2869
|
}
|
|
2869
2870
|
|
|
2870
|
-
.capra-Drawer-module-
|
|
2871
|
+
.capra-Drawer-module-bUOjAG-body {
|
|
2871
2872
|
min-width: 0;
|
|
2872
2873
|
min-height: 0;
|
|
2873
2874
|
padding: var(--cds2-spacing-lg);
|
|
@@ -2877,7 +2878,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2877
2878
|
overflow: hidden auto;
|
|
2878
2879
|
}
|
|
2879
2880
|
|
|
2880
|
-
.capra-Drawer-module-
|
|
2881
|
+
.capra-Drawer-module-bUOjAG-footer {
|
|
2881
2882
|
justify-content: flex-end;
|
|
2882
2883
|
align-items: center;
|
|
2883
2884
|
gap: var(--cds2-spacing-md);
|
|
@@ -2889,7 +2890,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2889
2890
|
display: flex;
|
|
2890
2891
|
}
|
|
2891
2892
|
|
|
2892
|
-
@keyframes capra-Drawer-module-
|
|
2893
|
+
@keyframes capra-Drawer-module-bUOjAG-drawerInFromRight {
|
|
2893
2894
|
from {
|
|
2894
2895
|
transform: translateX(100%);
|
|
2895
2896
|
}
|
|
@@ -2899,7 +2900,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2899
2900
|
}
|
|
2900
2901
|
}
|
|
2901
2902
|
|
|
2902
|
-
@keyframes capra-Drawer-module-
|
|
2903
|
+
@keyframes capra-Drawer-module-bUOjAG-drawerInFromLeft {
|
|
2903
2904
|
from {
|
|
2904
2905
|
transform: translateX(-100%);
|
|
2905
2906
|
}
|
|
@@ -2909,7 +2910,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2909
2910
|
}
|
|
2910
2911
|
}
|
|
2911
2912
|
|
|
2912
|
-
@keyframes capra-Drawer-module-
|
|
2913
|
+
@keyframes capra-Drawer-module-bUOjAG-drawerOutToRight {
|
|
2913
2914
|
from {
|
|
2914
2915
|
transform: translateX(0);
|
|
2915
2916
|
}
|
|
@@ -2919,7 +2920,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
2919
2920
|
}
|
|
2920
2921
|
}
|
|
2921
2922
|
|
|
2922
|
-
@keyframes capra-Drawer-module-
|
|
2923
|
+
@keyframes capra-Drawer-module-bUOjAG-drawerOutToLeft {
|
|
2923
2924
|
from {
|
|
2924
2925
|
transform: translateX(0);
|
|
2925
2926
|
}
|
|
@@ -3140,10 +3141,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3140
3141
|
outline: var(--cds2-border-focus);
|
|
3141
3142
|
outline-offset: var(--cds2-spacing-xs);
|
|
3142
3143
|
}
|
|
3143
|
-
.capra-VerticalNavigation-module-
|
|
3144
|
-
|
|
3144
|
+
.capra-VerticalNavigation-module-iJPwoW-nav {
|
|
3145
|
+
--_item-container-height: var(--cds2-dimension-component-md);
|
|
3146
|
+
min-width: 180px;
|
|
3145
3147
|
padding: var(--cds2-spacing-md);
|
|
3146
|
-
background-color: var(--
|
|
3148
|
+
background-color: var(--cds2-color-background-neutral-subtle);
|
|
3147
3149
|
box-sizing: border-box;
|
|
3148
3150
|
transition: min-width var(--cds2-motion-duration-medium-2) ease,
|
|
3149
3151
|
padding var(--cds2-motion-duration-medium-2) ease;
|
|
@@ -3151,12 +3153,12 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3151
3153
|
display: flex;
|
|
3152
3154
|
}
|
|
3153
3155
|
|
|
3154
|
-
.capra-VerticalNavigation-module-
|
|
3155
|
-
min-width:
|
|
3156
|
+
.capra-VerticalNavigation-module-iJPwoW-nav[data-collapsed="true"] {
|
|
3157
|
+
min-width: calc(2 * var(--cds2-spacing-md) + var(--cds2-dimension-component-md));
|
|
3156
3158
|
padding-inline: var(--cds2-spacing-md);
|
|
3157
3159
|
}
|
|
3158
3160
|
|
|
3159
|
-
.capra-VerticalNavigation-module-
|
|
3161
|
+
.capra-VerticalNavigation-module-iJPwoW-list {
|
|
3160
3162
|
padding: var(--cds2-spacing-xs);
|
|
3161
3163
|
gap: var(--cds2-spacing-sm);
|
|
3162
3164
|
box-sizing: border-box;
|
|
@@ -3171,12 +3173,12 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3171
3173
|
display: flex;
|
|
3172
3174
|
}
|
|
3173
3175
|
|
|
3174
|
-
.capra-VerticalNavigation-module-
|
|
3175
|
-
padding-inline-start: calc(var(--
|
|
3176
|
-
padding-inline-end: calc((var(--
|
|
3176
|
+
.capra-VerticalNavigation-module-iJPwoW-nav[data-collapsed="true"] .capra-VerticalNavigation-module-iJPwoW-list {
|
|
3177
|
+
padding-inline-start: calc(var(--cds2-spacing-md) - ((var(--cds2-spacing-xl) - var(--cds2-dimension-icon-sm) - 2px) / 2));
|
|
3178
|
+
padding-inline-end: calc((var(--cds2-spacing-xl) - var(--cds2-dimension-icon-sm) - 2px) / 2);
|
|
3177
3179
|
}
|
|
3178
3180
|
|
|
3179
|
-
.capra-VerticalNavigation-module-
|
|
3181
|
+
.capra-VerticalNavigation-module-iJPwoW-footer {
|
|
3180
3182
|
padding: var(--cds2-spacing-xs);
|
|
3181
3183
|
gap: var(--cds2-spacing-sm);
|
|
3182
3184
|
margin: 0;
|
|
@@ -3191,20 +3193,20 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3191
3193
|
display: flex;
|
|
3192
3194
|
}
|
|
3193
3195
|
|
|
3194
|
-
.capra-VerticalNavigation-module-
|
|
3195
|
-
padding-inline-start: calc(var(--
|
|
3196
|
-
padding-inline-end: calc((var(--
|
|
3196
|
+
.capra-VerticalNavigation-module-iJPwoW-nav[data-collapsed="true"] .capra-VerticalNavigation-module-iJPwoW-footer {
|
|
3197
|
+
padding-inline-start: calc(var(--cds2-spacing-md) - ((var(--cds2-spacing-xl) - var(--cds2-dimension-icon-sm) - 2px) / 2));
|
|
3198
|
+
padding-inline-end: calc((var(--cds2-spacing-xl) - var(--cds2-dimension-icon-sm) - 2px) / 2);
|
|
3197
3199
|
}
|
|
3198
3200
|
|
|
3199
|
-
.capra-VerticalNavigation-module-
|
|
3201
|
+
.capra-VerticalNavigation-module-iJPwoW-listItem {
|
|
3200
3202
|
width: 100%;
|
|
3201
|
-
height: var(--
|
|
3203
|
+
height: var(--_item-container-height);
|
|
3202
3204
|
justify-content: flex-start;
|
|
3203
3205
|
align-items: center;
|
|
3204
3206
|
display: flex;
|
|
3205
3207
|
}
|
|
3206
3208
|
|
|
3207
|
-
.capra-VerticalNavigation-module-
|
|
3209
|
+
.capra-VerticalNavigation-module-iJPwoW-item {
|
|
3208
3210
|
width: 100%;
|
|
3209
3211
|
height: var(--cds2-dimension-component-md);
|
|
3210
3212
|
justify-content: flex-start;
|
|
@@ -3212,7 +3214,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3212
3214
|
gap: var(--cds2-spacing-md);
|
|
3213
3215
|
padding: 0 var(--cds2-spacing-md);
|
|
3214
3216
|
border-radius: var(--cds2-radius-lg);
|
|
3215
|
-
color: var(--
|
|
3217
|
+
color: var(--cds2-color-foreground-subtle);
|
|
3216
3218
|
font: var(--cds2-typography-body-sm-normal);
|
|
3217
3219
|
cursor: pointer;
|
|
3218
3220
|
box-sizing: border-box;
|
|
@@ -3229,50 +3231,49 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3229
3231
|
overflow: hidden;
|
|
3230
3232
|
}
|
|
3231
3233
|
|
|
3232
|
-
.capra-VerticalNavigation-module-
|
|
3233
|
-
width: var(--
|
|
3234
|
-
height: var(--
|
|
3235
|
-
padding: calc((var(--
|
|
3234
|
+
.capra-VerticalNavigation-module-iJPwoW-nav[data-collapsed="true"] .capra-VerticalNavigation-module-iJPwoW-item {
|
|
3235
|
+
width: var(--cds2-spacing-xl);
|
|
3236
|
+
height: var(--cds2-spacing-xl);
|
|
3237
|
+
padding: calc((var(--cds2-spacing-xl) - var(--cds2-dimension-icon-sm) - 2px) / 2);
|
|
3236
3238
|
gap: 0;
|
|
3237
3239
|
}
|
|
3238
3240
|
|
|
3239
|
-
.capra-VerticalNavigation-module-
|
|
3240
|
-
color: var(--
|
|
3241
|
-
background-color: var(--
|
|
3241
|
+
.capra-VerticalNavigation-module-iJPwoW-item:not([data-disabled="true"], [data-active="true"]):hover {
|
|
3242
|
+
color: var(--cds2-color-foreground-subtle);
|
|
3243
|
+
background-color: var(--cds2-color-background-neutral-hover);
|
|
3242
3244
|
}
|
|
3243
3245
|
|
|
3244
|
-
.capra-VerticalNavigation-module-
|
|
3246
|
+
.capra-VerticalNavigation-module-iJPwoW-item:focus-visible {
|
|
3245
3247
|
outline: var(--cds2-border-focus);
|
|
3246
3248
|
outline-offset: var(--cds2-spacing-xs);
|
|
3247
3249
|
overflow: visible;
|
|
3248
3250
|
}
|
|
3249
3251
|
|
|
3250
|
-
.capra-VerticalNavigation-module-
|
|
3251
|
-
background-color: var(--
|
|
3252
|
-
color: var(--
|
|
3252
|
+
.capra-VerticalNavigation-module-iJPwoW-item[data-active="true"] {
|
|
3253
|
+
background-color: var(--cds2-color-background-brand-subtle);
|
|
3254
|
+
color: var(--cds2-color-foreground-brand-default);
|
|
3253
3255
|
border-color: #0000;
|
|
3254
3256
|
}
|
|
3255
3257
|
|
|
3256
|
-
.capra-VerticalNavigation-module-
|
|
3258
|
+
.capra-VerticalNavigation-module-iJPwoW-item[data-active="true"] .capra-VerticalNavigation-module-iJPwoW-label {
|
|
3257
3259
|
font: var(--cds2-typography-body-sm-semibold);
|
|
3258
3260
|
}
|
|
3259
3261
|
|
|
3260
|
-
.capra-VerticalNavigation-module-
|
|
3261
|
-
color: var(--
|
|
3262
|
+
.capra-VerticalNavigation-module-iJPwoW-item[data-disabled="true"] {
|
|
3263
|
+
color: var(--cds2-color-foreground-disabled);
|
|
3262
3264
|
cursor: not-allowed;
|
|
3263
|
-
opacity: var(--
|
|
3265
|
+
opacity: var(--cds2-opacity-state-disabled);
|
|
3264
3266
|
}
|
|
3265
3267
|
|
|
3266
|
-
.capra-VerticalNavigation-module-
|
|
3267
|
-
line-height: var(--cds-typography-line-height-normal);
|
|
3268
|
+
.capra-VerticalNavigation-module-iJPwoW-item .capra-VerticalNavigation-module-iJPwoW-label {
|
|
3268
3269
|
color: inherit;
|
|
3269
3270
|
font: inherit;
|
|
3270
3271
|
white-space: nowrap;
|
|
3271
3272
|
text-align: left;
|
|
3272
3273
|
opacity: 1;
|
|
3273
|
-
min-width: 0;
|
|
3274
|
-
max-width: var(--cds-vertical-nav-label-max-width, 124px);
|
|
3275
3274
|
text-overflow: ellipsis;
|
|
3275
|
+
min-width: 0;
|
|
3276
|
+
max-width: 124px;
|
|
3276
3277
|
transition: opacity var(--cds2-motion-duration-medium-2) ease,
|
|
3277
3278
|
max-width var(--cds2-motion-duration-medium-2) ease;
|
|
3278
3279
|
flex: 1;
|
|
@@ -3281,12 +3282,12 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3281
3282
|
overflow: hidden;
|
|
3282
3283
|
}
|
|
3283
3284
|
|
|
3284
|
-
.capra-VerticalNavigation-module-
|
|
3285
|
+
.capra-VerticalNavigation-module-iJPwoW-nav[data-collapsed="true"] .capra-VerticalNavigation-module-iJPwoW-label {
|
|
3285
3286
|
opacity: 0;
|
|
3286
3287
|
max-width: 0;
|
|
3287
3288
|
}
|
|
3288
3289
|
|
|
3289
|
-
.capra-VerticalNavigation-module-
|
|
3290
|
+
.capra-VerticalNavigation-module-iJPwoW-right {
|
|
3290
3291
|
justify-content: flex-end;
|
|
3291
3292
|
align-items: center;
|
|
3292
3293
|
gap: var(--cds2-spacing-xs);
|
|
@@ -3294,13 +3295,13 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3294
3295
|
display: inline-flex;
|
|
3295
3296
|
}
|
|
3296
3297
|
|
|
3297
|
-
.capra-VerticalNavigation-module-
|
|
3298
|
+
.capra-VerticalNavigation-module-iJPwoW-nav[data-collapsed="true"] .capra-VerticalNavigation-module-iJPwoW-right {
|
|
3298
3299
|
display: none;
|
|
3299
3300
|
}
|
|
3300
3301
|
|
|
3301
|
-
.capra-VerticalNavigation-module-
|
|
3302
|
+
.capra-VerticalNavigation-module-iJPwoW-listItem[data-variant="subItem"] {
|
|
3302
3303
|
opacity: 1;
|
|
3303
|
-
max-height: var(--
|
|
3304
|
+
max-height: var(--_item-container-height);
|
|
3304
3305
|
transform-origin: top;
|
|
3305
3306
|
transition: opacity var(--cds2-motion-duration-medium-1) ease,
|
|
3306
3307
|
max-height var(--cds2-motion-duration-medium-2) ease,
|
|
@@ -3311,31 +3312,31 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3311
3312
|
transform: scaleY(1);
|
|
3312
3313
|
}
|
|
3313
3314
|
|
|
3314
|
-
.capra-VerticalNavigation-module-
|
|
3315
|
+
.capra-VerticalNavigation-module-iJPwoW-listItem:has(.capra-VerticalNavigation-module-iJPwoW-item:focus-visible) {
|
|
3315
3316
|
overflow: visible;
|
|
3316
3317
|
}
|
|
3317
3318
|
|
|
3318
|
-
.capra-VerticalNavigation-module-
|
|
3319
|
+
.capra-VerticalNavigation-module-iJPwoW-nav[data-collapsed="true"] .capra-VerticalNavigation-module-iJPwoW-listItem[data-variant="subItem"] {
|
|
3319
3320
|
opacity: 0;
|
|
3320
3321
|
pointer-events: none;
|
|
3321
3322
|
visibility: hidden;
|
|
3322
3323
|
max-height: 0;
|
|
3323
|
-
left: var(--cds-position-offscreen, -9999px);
|
|
3324
3324
|
margin-top: 0;
|
|
3325
3325
|
margin-bottom: 0;
|
|
3326
3326
|
transition-delay: 0s;
|
|
3327
3327
|
position: absolute;
|
|
3328
|
+
left: -9999px;
|
|
3328
3329
|
transform: scaleY(0);
|
|
3329
3330
|
}
|
|
3330
3331
|
|
|
3331
|
-
.capra-VerticalNavigation-module-
|
|
3332
|
+
.capra-VerticalNavigation-module-iJPwoW-indentSpacer {
|
|
3332
3333
|
width: var(--cds2-dimension-icon-sm);
|
|
3333
3334
|
height: var(--cds2-dimension-icon-sm);
|
|
3334
3335
|
flex-shrink: 0;
|
|
3335
3336
|
}
|
|
3336
3337
|
|
|
3337
3338
|
@media (prefers-reduced-motion: reduce) {
|
|
3338
|
-
.capra-VerticalNavigation-module-
|
|
3339
|
+
.capra-VerticalNavigation-module-iJPwoW-nav, .capra-VerticalNavigation-module-iJPwoW-item {
|
|
3339
3340
|
transition: none;
|
|
3340
3341
|
}
|
|
3341
3342
|
}
|
|
@@ -3615,13 +3616,13 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3615
3616
|
user-select: none;
|
|
3616
3617
|
}
|
|
3617
3618
|
}
|
|
3618
|
-
.capra-Divider-module-
|
|
3619
|
+
.capra-Divider-module-H7BCoW-divider {
|
|
3619
3620
|
box-sizing: border-box;
|
|
3620
3621
|
border: none;
|
|
3621
3622
|
margin: 0;
|
|
3622
3623
|
|
|
3623
3624
|
&[aria-orientation="horizontal"] {
|
|
3624
|
-
border-block-start: var(--
|
|
3625
|
+
border-block-start: var(--cds2-border-default);
|
|
3625
3626
|
width: 100%;
|
|
3626
3627
|
min-width: 0;
|
|
3627
3628
|
height: 0;
|
|
@@ -3629,7 +3630,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3629
3630
|
}
|
|
3630
3631
|
|
|
3631
3632
|
&[aria-orientation="vertical"] {
|
|
3632
|
-
border-inline-start: var(--
|
|
3633
|
+
border-inline-start: var(--cds2-border-default);
|
|
3633
3634
|
align-self: stretch;
|
|
3634
3635
|
width: 0;
|
|
3635
3636
|
height: auto;
|
|
@@ -3637,9 +3638,9 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3637
3638
|
display: inline-block;
|
|
3638
3639
|
}
|
|
3639
3640
|
|
|
3640
|
-
&.capra-Divider-module-
|
|
3641
|
+
&.capra-Divider-module-H7BCoW-withLabel {
|
|
3641
3642
|
align-items: center;
|
|
3642
|
-
gap: var(--
|
|
3643
|
+
gap: var(--cds2-spacing-lg);
|
|
3643
3644
|
border-block-start: none;
|
|
3644
3645
|
width: 100%;
|
|
3645
3646
|
min-width: 0;
|
|
@@ -3648,69 +3649,69 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3648
3649
|
}
|
|
3649
3650
|
}
|
|
3650
3651
|
|
|
3651
|
-
.capra-Divider-module-
|
|
3652
|
-
border-block-start: var(--
|
|
3652
|
+
.capra-Divider-module-H7BCoW-line {
|
|
3653
|
+
border-block-start: var(--cds2-border-default);
|
|
3653
3654
|
flex: auto;
|
|
3654
3655
|
min-width: 0;
|
|
3655
3656
|
height: 0;
|
|
3656
3657
|
|
|
3657
3658
|
&:first-of-type {
|
|
3658
|
-
max-width: var(--
|
|
3659
|
+
max-width: var(--cds2-dimension-component-xs);
|
|
3659
3660
|
}
|
|
3660
3661
|
}
|
|
3661
3662
|
|
|
3662
|
-
.capra-Divider-module-
|
|
3663
|
+
.capra-Divider-module-H7BCoW-label {
|
|
3663
3664
|
flex: none;
|
|
3664
3665
|
}
|
|
3665
|
-
.capra-Skeleton-module-
|
|
3666
|
+
.capra-Skeleton-module-wHn9gW-base {
|
|
3666
3667
|
background-color: var(--cds2-color-neutral-a3);
|
|
3667
|
-
border-radius: var(--
|
|
3668
|
+
border-radius: var(--cds2-radius-lg);
|
|
3668
3669
|
display: inline-block;
|
|
3669
3670
|
}
|
|
3670
3671
|
|
|
3671
|
-
.capra-Skeleton-module-
|
|
3672
|
-
gap: var(--
|
|
3672
|
+
.capra-Skeleton-module-wHn9gW-preset {
|
|
3673
|
+
gap: var(--cds2-spacing-md);
|
|
3673
3674
|
width: 100%;
|
|
3674
3675
|
display: flex;
|
|
3675
3676
|
}
|
|
3676
3677
|
|
|
3677
|
-
.capra-Skeleton-module-
|
|
3678
|
-
gap: var(--
|
|
3678
|
+
.capra-Skeleton-module-wHn9gW-presetSection {
|
|
3679
|
+
gap: var(--cds2-spacing-md);
|
|
3679
3680
|
flex-direction: column;
|
|
3680
3681
|
flex: 1;
|
|
3681
3682
|
min-width: 0;
|
|
3682
3683
|
display: flex;
|
|
3683
3684
|
}
|
|
3684
3685
|
|
|
3685
|
-
.capra-Skeleton-module-
|
|
3686
|
+
.capra-Skeleton-module-wHn9gW-presetTitle {
|
|
3686
3687
|
background-color: var(--cds2-color-neutral-a3);
|
|
3687
|
-
border-radius: var(--
|
|
3688
|
+
border-radius: var(--cds2-radius-lg);
|
|
3688
3689
|
height: 16px;
|
|
3689
3690
|
}
|
|
3690
3691
|
|
|
3691
|
-
.capra-Skeleton-module-
|
|
3692
|
-
gap: var(--
|
|
3692
|
+
.capra-Skeleton-module-wHn9gW-presetParagraph {
|
|
3693
|
+
gap: var(--cds2-spacing-sm);
|
|
3693
3694
|
flex-direction: column;
|
|
3694
3695
|
display: flex;
|
|
3695
3696
|
}
|
|
3696
3697
|
|
|
3697
|
-
.capra-Skeleton-module-
|
|
3698
|
+
.capra-Skeleton-module-wHn9gW-presetParagraphRow {
|
|
3698
3699
|
background-color: var(--cds2-color-neutral-a3);
|
|
3699
|
-
border-radius: var(--
|
|
3700
|
+
border-radius: var(--cds2-radius-lg);
|
|
3700
3701
|
height: 16px;
|
|
3701
3702
|
}
|
|
3702
3703
|
|
|
3703
|
-
.capra-Skeleton-module-
|
|
3704
|
-
border-radius: var(--
|
|
3704
|
+
.capra-Skeleton-module-wHn9gW-preset[data-round="true"] .capra-Skeleton-module-wHn9gW-presetTitle, .capra-Skeleton-module-wHn9gW-preset[data-round="true"] .capra-Skeleton-module-wHn9gW-presetParagraphRow {
|
|
3705
|
+
border-radius: var(--cds2-radius-xl);
|
|
3705
3706
|
}
|
|
3706
3707
|
|
|
3707
|
-
.capra-Skeleton-module-
|
|
3708
|
+
.capra-Skeleton-module-wHn9gW-element {
|
|
3708
3709
|
background-color: var(--cds2-color-neutral-a3);
|
|
3709
|
-
border-radius: var(--
|
|
3710
|
+
border-radius: var(--cds2-radius-lg);
|
|
3710
3711
|
display: inline-block;
|
|
3711
3712
|
|
|
3712
3713
|
&[data-round="true"] {
|
|
3713
|
-
border-radius: var(--
|
|
3714
|
+
border-radius: var(--cds2-radius-xl);
|
|
3714
3715
|
}
|
|
3715
3716
|
|
|
3716
3717
|
&[data-block="true"] {
|
|
@@ -3719,15 +3720,15 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3719
3720
|
}
|
|
3720
3721
|
|
|
3721
3722
|
&[data-active="true"] {
|
|
3722
|
-
animation: 1s infinite alternate-reverse capra-Skeleton-module-
|
|
3723
|
+
animation: 1s infinite alternate-reverse capra-Skeleton-module-wHn9gW-skeleton-pulse;
|
|
3723
3724
|
}
|
|
3724
3725
|
}
|
|
3725
3726
|
|
|
3726
|
-
.capra-Skeleton-module-
|
|
3727
|
-
animation: 1s infinite alternate-reverse capra-Skeleton-module-
|
|
3727
|
+
.capra-Skeleton-module-wHn9gW-preset[data-active="true"] .capra-Skeleton-module-wHn9gW-presetTitle, .capra-Skeleton-module-wHn9gW-preset[data-active="true"] .capra-Skeleton-module-wHn9gW-presetParagraphRow {
|
|
3728
|
+
animation: 1s infinite alternate-reverse capra-Skeleton-module-wHn9gW-skeleton-pulse;
|
|
3728
3729
|
}
|
|
3729
3730
|
|
|
3730
|
-
@keyframes capra-Skeleton-module-
|
|
3731
|
+
@keyframes capra-Skeleton-module-wHn9gW-skeleton-pulse {
|
|
3731
3732
|
from {
|
|
3732
3733
|
background-color: var(--cds2-color-neutral-a3);
|
|
3733
3734
|
}
|
|
@@ -3738,14 +3739,14 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3738
3739
|
}
|
|
3739
3740
|
|
|
3740
3741
|
@media (prefers-reduced-motion: reduce) {
|
|
3741
|
-
.capra-Skeleton-module-
|
|
3742
|
+
.capra-Skeleton-module-wHn9gW-element[data-active="true"], .capra-Skeleton-module-wHn9gW-preset[data-active="true"] .capra-Skeleton-module-wHn9gW-presetTitle, .capra-Skeleton-module-wHn9gW-preset[data-active="true"] .capra-Skeleton-module-wHn9gW-presetParagraphRow {
|
|
3742
3743
|
background-color: var(--cds2-color-neutral-a3);
|
|
3743
3744
|
animation: none;
|
|
3744
3745
|
}
|
|
3745
3746
|
}
|
|
3746
|
-
.capra-Toast-module-
|
|
3747
|
+
.capra-Toast-module-N2ILJq-container {
|
|
3747
3748
|
right: var(--cds2-spacing-lg);
|
|
3748
|
-
z-index:
|
|
3749
|
+
z-index: 1100;
|
|
3749
3750
|
align-items: flex-end;
|
|
3750
3751
|
gap: var(--cds2-spacing-lg);
|
|
3751
3752
|
pointer-events: none;
|
|
@@ -3754,15 +3755,15 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3754
3755
|
position: fixed;
|
|
3755
3756
|
}
|
|
3756
3757
|
|
|
3757
|
-
.capra-Toast-module-
|
|
3758
|
+
.capra-Toast-module-N2ILJq-containerTopRight {
|
|
3758
3759
|
top: var(--cds2-spacing-lg);
|
|
3759
3760
|
}
|
|
3760
3761
|
|
|
3761
|
-
.capra-Toast-module-
|
|
3762
|
+
.capra-Toast-module-N2ILJq-containerBottomRight {
|
|
3762
3763
|
bottom: var(--cds2-spacing-lg);
|
|
3763
3764
|
}
|
|
3764
3765
|
|
|
3765
|
-
.capra-Toast-module-
|
|
3766
|
+
.capra-Toast-module-N2ILJq-toast {
|
|
3766
3767
|
gap: var(--cds2-spacing-md);
|
|
3767
3768
|
padding: var(--cds2-spacing-lg);
|
|
3768
3769
|
border-radius: var(--cds2-radius-md);
|
|
@@ -3778,46 +3779,46 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3778
3779
|
display: flex;
|
|
3779
3780
|
}
|
|
3780
3781
|
|
|
3781
|
-
.capra-Toast-module-
|
|
3782
|
+
.capra-Toast-module-N2ILJq-topRow {
|
|
3782
3783
|
align-items: flex-start;
|
|
3783
3784
|
gap: var(--cds2-spacing-md);
|
|
3784
3785
|
display: flex;
|
|
3785
3786
|
}
|
|
3786
3787
|
|
|
3787
|
-
.capra-Toast-module-
|
|
3788
|
+
.capra-Toast-module-N2ILJq-typeIcon {
|
|
3788
3789
|
color: var(--_cds-toast-icon-color);
|
|
3789
3790
|
pointer-events: none;
|
|
3790
3791
|
cursor: default;
|
|
3791
3792
|
flex: none;
|
|
3792
3793
|
}
|
|
3793
3794
|
|
|
3794
|
-
.capra-Toast-module-
|
|
3795
|
+
.capra-Toast-module-N2ILJq-content {
|
|
3795
3796
|
flex: auto;
|
|
3796
3797
|
min-width: 0;
|
|
3797
3798
|
}
|
|
3798
3799
|
|
|
3799
|
-
.capra-Toast-module-
|
|
3800
|
+
.capra-Toast-module-N2ILJq-actionsContainer {
|
|
3800
3801
|
justify-content: flex-end;
|
|
3801
3802
|
gap: 8px;
|
|
3802
3803
|
display: flex;
|
|
3803
3804
|
}
|
|
3804
3805
|
|
|
3805
|
-
.capra-Toast-module-
|
|
3806
|
+
.capra-Toast-module-N2ILJq-toast[data-type="info"] {
|
|
3806
3807
|
--_cds-toast-icon-color: var(--cds2-color-foreground-info-default);
|
|
3807
3808
|
}
|
|
3808
3809
|
|
|
3809
|
-
.capra-Toast-module-
|
|
3810
|
+
.capra-Toast-module-N2ILJq-toast[data-type="success"] {
|
|
3810
3811
|
--_cds-toast-icon-color: var(--cds2-color-foreground-success-default);
|
|
3811
3812
|
}
|
|
3812
3813
|
|
|
3813
|
-
.capra-Toast-module-
|
|
3814
|
+
.capra-Toast-module-N2ILJq-toast[data-type="warning"] {
|
|
3814
3815
|
--_cds-toast-icon-color: var(--cds2-color-foreground-warning-default);
|
|
3815
3816
|
}
|
|
3816
3817
|
|
|
3817
|
-
.capra-Toast-module-
|
|
3818
|
+
.capra-Toast-module-N2ILJq-toast[data-type="error"] {
|
|
3818
3819
|
--_cds-toast-icon-color: var(--cds2-color-foreground-danger-default);
|
|
3819
3820
|
}
|
|
3820
|
-
.capra-Menu-module-
|
|
3821
|
+
.capra-Menu-module-26gf6W-menu, .capra-Menu-module-26gf6W-list {
|
|
3821
3822
|
gap: var(--cds2-spacing-xs);
|
|
3822
3823
|
box-sizing: border-box;
|
|
3823
3824
|
min-width: 152px;
|
|
@@ -3828,7 +3829,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3828
3829
|
display: flex;
|
|
3829
3830
|
overflow: auto;
|
|
3830
3831
|
|
|
3831
|
-
& > :not(:last-child):not(.capra-Menu-module-
|
|
3832
|
+
& > :not(:last-child):not(.capra-Menu-module-26gf6W-divider):not(:has( + .capra-Menu-module-26gf6W-divider)) {
|
|
3832
3833
|
margin-block-end: var(--cds2-spacing-xs);
|
|
3833
3834
|
}
|
|
3834
3835
|
|
|
@@ -3837,7 +3838,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3837
3838
|
}
|
|
3838
3839
|
}
|
|
3839
3840
|
|
|
3840
|
-
.capra-Menu-module-
|
|
3841
|
+
.capra-Menu-module-26gf6W-menu {
|
|
3841
3842
|
padding: 5px;
|
|
3842
3843
|
|
|
3843
3844
|
&[data-panel-padding="none"] {
|
|
@@ -3845,13 +3846,13 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3845
3846
|
}
|
|
3846
3847
|
}
|
|
3847
3848
|
|
|
3848
|
-
.capra-Menu-module-
|
|
3849
|
+
.capra-Menu-module-26gf6W-menuTriggerSlot {
|
|
3849
3850
|
display: inline-block;
|
|
3850
3851
|
}
|
|
3851
3852
|
|
|
3852
|
-
.capra-Menu-module-
|
|
3853
|
+
.capra-Menu-module-26gf6W-menuItem {
|
|
3853
3854
|
appearance: none;
|
|
3854
|
-
border-radius: var(--
|
|
3855
|
+
border-radius: var(--cds2-radius-md);
|
|
3855
3856
|
color: var(--cds2-color-foreground-default);
|
|
3856
3857
|
cursor: pointer;
|
|
3857
3858
|
font: var(--cds2-typography-body-md-normal);
|
|
@@ -3887,12 +3888,12 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3887
3888
|
color: var(--cds2-color-foreground-disabled);
|
|
3888
3889
|
cursor: not-allowed;
|
|
3889
3890
|
|
|
3890
|
-
& .capra-Menu-module-
|
|
3891
|
+
& .capra-Menu-module-26gf6W-menuItemListItemShell, & .capra-Menu-module-26gf6W-menuItemLabel, & .capra-Menu-module-26gf6W-menuItemDescription, & .capra-Menu-module-26gf6W-menuItemShortcut {
|
|
3891
3892
|
color: var(--cds2-color-foreground-disabled);
|
|
3892
3893
|
}
|
|
3893
3894
|
|
|
3894
|
-
& .capra-Menu-module-
|
|
3895
|
-
background-color: var(--
|
|
3895
|
+
& .capra-Menu-module-26gf6W-menuItemShortcut {
|
|
3896
|
+
background-color: var(--cds2-color-background-neutral-subtle);
|
|
3896
3897
|
border: var(--cds2-border-default);
|
|
3897
3898
|
}
|
|
3898
3899
|
}
|
|
@@ -3901,7 +3902,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3901
3902
|
background-color: var(--cds2-color-background-accent-selected);
|
|
3902
3903
|
color: var(--cds2-color-foreground-default);
|
|
3903
3904
|
|
|
3904
|
-
& .capra-Menu-module-
|
|
3905
|
+
& .capra-Menu-module-26gf6W-menuItemLabel {
|
|
3905
3906
|
color: inherit;
|
|
3906
3907
|
}
|
|
3907
3908
|
}
|
|
@@ -3910,7 +3911,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3910
3911
|
background-color: var(--cds2-color-background-neutral-hover);
|
|
3911
3912
|
color: var(--cds2-color-foreground-default);
|
|
3912
3913
|
|
|
3913
|
-
& .capra-Menu-module-
|
|
3914
|
+
& .capra-Menu-module-26gf6W-menuItemLabel {
|
|
3914
3915
|
color: inherit;
|
|
3915
3916
|
}
|
|
3916
3917
|
}
|
|
@@ -3918,11 +3919,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3918
3919
|
&[data-variant="danger"] {
|
|
3919
3920
|
color: var(--cds2-color-foreground-danger-default);
|
|
3920
3921
|
|
|
3921
|
-
& .capra-Menu-module-
|
|
3922
|
+
& .capra-Menu-module-26gf6W-menuItemLabel {
|
|
3922
3923
|
color: inherit;
|
|
3923
3924
|
}
|
|
3924
3925
|
|
|
3925
|
-
&:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-
|
|
3926
|
+
&:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-26gf6W-menuItemShortcut {
|
|
3926
3927
|
border: var(--cds2-border-default);
|
|
3927
3928
|
color: var(--cds2-color-foreground-danger-default);
|
|
3928
3929
|
}
|
|
@@ -3947,52 +3948,52 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
3947
3948
|
}
|
|
3948
3949
|
|
|
3949
3950
|
&[data-has-description="true"] {
|
|
3950
|
-
& .capra-Menu-module-
|
|
3951
|
+
& .capra-Menu-module-26gf6W-menuItemTrailingGutter {
|
|
3951
3952
|
align-self: center;
|
|
3952
3953
|
height: auto !important;
|
|
3953
3954
|
}
|
|
3954
3955
|
|
|
3955
|
-
& .capra-Menu-module-
|
|
3956
|
+
& .capra-Menu-module-26gf6W-menuItemListItemShell {
|
|
3956
3957
|
align-items: start;
|
|
3957
3958
|
}
|
|
3958
3959
|
}
|
|
3959
3960
|
|
|
3960
|
-
& .capra-Menu-module-
|
|
3961
|
+
& .capra-Menu-module-26gf6W-menuItemListItemShell {
|
|
3961
3962
|
width: 100%;
|
|
3962
3963
|
color: inherit;
|
|
3963
3964
|
align-items: center;
|
|
3964
3965
|
}
|
|
3965
3966
|
}
|
|
3966
3967
|
|
|
3967
|
-
.capra-Menu-module-
|
|
3968
|
+
.capra-Menu-module-26gf6W-menuItemLeadingGutter {
|
|
3968
3969
|
margin-inline-end: var(--cds2-spacing-md);
|
|
3969
3970
|
|
|
3970
|
-
& .capra-Menu-module-
|
|
3971
|
+
& .capra-Menu-module-26gf6W-slot {
|
|
3971
3972
|
line-height: 0;
|
|
3972
3973
|
}
|
|
3973
3974
|
}
|
|
3974
3975
|
|
|
3975
|
-
.capra-Menu-module-
|
|
3976
|
+
.capra-Menu-module-26gf6W-menuItemTrailingGutter {
|
|
3976
3977
|
margin-inline-start: var(--cds2-spacing-md);
|
|
3977
3978
|
}
|
|
3978
3979
|
|
|
3979
|
-
.capra-Menu-module-
|
|
3980
|
+
.capra-Menu-module-26gf6W-menuItemTrailingGroup {
|
|
3980
3981
|
align-items: center;
|
|
3981
3982
|
gap: var(--cds2-spacing-md);
|
|
3982
3983
|
display: inline-flex;
|
|
3983
3984
|
}
|
|
3984
3985
|
|
|
3985
|
-
.capra-Menu-module-
|
|
3986
|
+
.capra-Menu-module-26gf6W-menuItemLabel {
|
|
3986
3987
|
color: inherit;
|
|
3987
3988
|
font: var(--cds2-typography-body-md-normal);
|
|
3988
3989
|
}
|
|
3989
3990
|
|
|
3990
|
-
.capra-Menu-module-
|
|
3991
|
+
.capra-Menu-module-26gf6W-menuItemDescription {
|
|
3991
3992
|
color: var(--cds2-color-foreground-default);
|
|
3992
3993
|
font: var(--cds2-typography-body-sm-normal);
|
|
3993
3994
|
}
|
|
3994
3995
|
|
|
3995
|
-
.capra-Menu-module-
|
|
3996
|
+
.capra-Menu-module-26gf6W-menuItemShortcut {
|
|
3996
3997
|
background-color: var(--cds2-color-neutral-surface);
|
|
3997
3998
|
border: var(--cds2-border-default);
|
|
3998
3999
|
border-color: var(--cds2-color-border-neutral-subtle);
|
|
@@ -4006,9 +4007,9 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
4006
4007
|
display: inline-flex;
|
|
4007
4008
|
}
|
|
4008
4009
|
|
|
4009
|
-
.capra-Menu-module-
|
|
4010
|
-
& .capra-Menu-module-
|
|
4011
|
-
&:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-
|
|
4010
|
+
.capra-Menu-module-26gf6W-menu[data-item-hover-appearance="accent"] {
|
|
4011
|
+
& .capra-Menu-module-26gf6W-menuItem {
|
|
4012
|
+
&:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-26gf6W-menuItemShortcut {
|
|
4012
4013
|
color: var(--cds2-color-foreground-subtle);
|
|
4013
4014
|
}
|
|
4014
4015
|
|
|
@@ -4021,7 +4022,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
4021
4022
|
border-inline-end: none;
|
|
4022
4023
|
}
|
|
4023
4024
|
|
|
4024
|
-
&[data-active="true"] .capra-Menu-module-
|
|
4025
|
+
&[data-active="true"] .capra-Menu-module-26gf6W-menuItemLabel {
|
|
4025
4026
|
font: var(--cds2-typography-body-md-normal);
|
|
4026
4027
|
}
|
|
4027
4028
|
}
|
|
@@ -4031,7 +4032,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
4031
4032
|
border-inline-end: 2px solid var(--cds2-color-border-accent-default);
|
|
4032
4033
|
color: var(--cds2-color-foreground-accent-default);
|
|
4033
4034
|
|
|
4034
|
-
& .capra-Menu-module-
|
|
4035
|
+
& .capra-Menu-module-26gf6W-menuItemLabel {
|
|
4035
4036
|
color: var(--cds2-color-foreground-accent-default);
|
|
4036
4037
|
font: var(--cds2-typography-body-md-semibold);
|
|
4037
4038
|
}
|
|
@@ -4047,7 +4048,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
4047
4048
|
border-inline-end: 2px solid var(--cds2-color-border-accent-default);
|
|
4048
4049
|
color: var(--cds2-color-foreground-accent-default);
|
|
4049
4050
|
|
|
4050
|
-
& .capra-Menu-module-
|
|
4051
|
+
& .capra-Menu-module-26gf6W-menuItemLabel {
|
|
4051
4052
|
color: var(--cds2-color-foreground-accent-default);
|
|
4052
4053
|
font: var(--cds2-typography-body-md-semibold);
|
|
4053
4054
|
}
|
|
@@ -4062,7 +4063,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
4062
4063
|
background-color: var(--cds2-color-background-danger-subtle);
|
|
4063
4064
|
color: var(--cds2-color-foreground-danger-default);
|
|
4064
4065
|
|
|
4065
|
-
& .capra-Menu-module-
|
|
4066
|
+
& .capra-Menu-module-26gf6W-menuItemLabel {
|
|
4066
4067
|
font: var(--cds2-typography-body-md-normal);
|
|
4067
4068
|
}
|
|
4068
4069
|
}
|
|
@@ -4072,7 +4073,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
4072
4073
|
border-inline-end: 2px solid var(--cds2-color-border-accent-default);
|
|
4073
4074
|
color: var(--cds2-color-foreground-danger-default);
|
|
4074
4075
|
|
|
4075
|
-
& .capra-Menu-module-
|
|
4076
|
+
& .capra-Menu-module-26gf6W-menuItemLabel {
|
|
4076
4077
|
color: var(--cds2-color-foreground-danger-default);
|
|
4077
4078
|
font: var(--cds2-typography-body-md-semibold);
|
|
4078
4079
|
}
|
|
@@ -4085,23 +4086,23 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
4085
4086
|
}
|
|
4086
4087
|
|
|
4087
4088
|
&[data-item-active-accent-bar="false"] {
|
|
4088
|
-
& .capra-Menu-module-
|
|
4089
|
+
& .capra-Menu-module-26gf6W-menuItem[data-active="true"], & .capra-Menu-module-26gf6W-menuItem[data-has-submenu][data-open] {
|
|
4089
4090
|
border-inline-end: none;
|
|
4090
4091
|
}
|
|
4091
4092
|
}
|
|
4092
4093
|
|
|
4093
4094
|
&[data-item-active-label-semibold="false"] {
|
|
4094
|
-
& .capra-Menu-module-
|
|
4095
|
+
& .capra-Menu-module-26gf6W-menuItem[data-active="true"] .capra-Menu-module-26gf6W-menuItemLabel, & .capra-Menu-module-26gf6W-menuItem[data-has-submenu][data-open] .capra-Menu-module-26gf6W-menuItemLabel {
|
|
4095
4096
|
font: var(--cds2-typography-body-md-normal);
|
|
4096
4097
|
}
|
|
4097
4098
|
}
|
|
4098
4099
|
}
|
|
4099
4100
|
|
|
4100
|
-
.capra-Menu-module-
|
|
4101
|
+
.capra-Menu-module-26gf6W-section {
|
|
4101
4102
|
display: contents;
|
|
4102
4103
|
}
|
|
4103
4104
|
|
|
4104
|
-
.capra-Menu-module-
|
|
4105
|
+
.capra-Menu-module-26gf6W-header {
|
|
4105
4106
|
box-sizing: border-box;
|
|
4106
4107
|
color: var(--cds2-color-foreground-default);
|
|
4107
4108
|
font: var(--cds2-typography-body-md-semibold);
|
|
@@ -4112,7 +4113,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
4112
4113
|
display: flex;
|
|
4113
4114
|
}
|
|
4114
4115
|
|
|
4115
|
-
.capra-Menu-module-
|
|
4116
|
+
.capra-Menu-module-26gf6W-divider {
|
|
4116
4117
|
border: none;
|
|
4117
4118
|
border-block-start: var(--cds2-border-default);
|
|
4118
4119
|
border-color: var(--cds2-color-border-neutral-subtle);
|
|
@@ -4377,8 +4378,8 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
4377
4378
|
color: var(--cds2-color-foreground-accent-default);
|
|
4378
4379
|
font: var(--cds2-typography-body-sm-semibold);
|
|
4379
4380
|
}
|
|
4380
|
-
.capra-TopNav-module
|
|
4381
|
-
background-color: var(--
|
|
4381
|
+
.capra-TopNav-module-8KtubW-root {
|
|
4382
|
+
background-color: var(--cds2-color-background-neutral-subtle);
|
|
4382
4383
|
box-sizing: border-box;
|
|
4383
4384
|
color: var(--cds2-color-foreground-default);
|
|
4384
4385
|
align-items: center;
|
|
@@ -4391,7 +4392,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
4391
4392
|
display: grid;
|
|
4392
4393
|
}
|
|
4393
4394
|
|
|
4394
|
-
.capra-TopNav-module
|
|
4395
|
+
.capra-TopNav-module-8KtubW-start {
|
|
4395
4396
|
align-items: center;
|
|
4396
4397
|
gap: var(--cds2-spacing-xl);
|
|
4397
4398
|
grid-column: 1;
|
|
@@ -4401,7 +4402,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
4401
4402
|
display: flex;
|
|
4402
4403
|
}
|
|
4403
4404
|
|
|
4404
|
-
.capra-TopNav-module
|
|
4405
|
+
.capra-TopNav-module-8KtubW-center {
|
|
4405
4406
|
grid-column: 2;
|
|
4406
4407
|
justify-content: center;
|
|
4407
4408
|
justify-self: center;
|
|
@@ -4411,7 +4412,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
4411
4412
|
display: flex;
|
|
4412
4413
|
}
|
|
4413
4414
|
|
|
4414
|
-
.capra-TopNav-module
|
|
4415
|
+
.capra-TopNav-module-8KtubW-end {
|
|
4415
4416
|
align-items: center;
|
|
4416
4417
|
gap: var(--cds2-spacing-md);
|
|
4417
4418
|
grid-column: 3;
|
|
@@ -4420,7 +4421,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
4420
4421
|
min-inline-size: 0;
|
|
4421
4422
|
display: flex;
|
|
4422
4423
|
}
|
|
4423
|
-
.capra-Tooltip-module-
|
|
4424
|
+
.capra-Tooltip-module-aYcvAa-base {
|
|
4424
4425
|
background-color: var(--cds2-color-neutral-12);
|
|
4425
4426
|
color: var(--cds2-color-neutral-1);
|
|
4426
4427
|
border-radius: var(--cds2-radius-xl);
|
|
@@ -4432,45 +4433,45 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
|
|
|
4432
4433
|
transform: translate3d(0, 0, 0);
|
|
4433
4434
|
|
|
4434
4435
|
&[data-entering], &[data-exiting] {
|
|
4435
|
-
transform: var(--
|
|
4436
|
+
transform: var(--_origin);
|
|
4436
4437
|
opacity: 0;
|
|
4437
4438
|
}
|
|
4438
4439
|
|
|
4439
4440
|
&[data-placement="top"] {
|
|
4440
|
-
--
|
|
4441
|
+
--_origin: translateY(4px);
|
|
4441
4442
|
}
|
|
4442
4443
|
|
|
4443
4444
|
&[data-placement="bottom"] {
|
|
4444
|
-
--
|
|
4445
|
+
--_origin: translateY(-4px);
|
|
4445
4446
|
|
|
4446
|
-
& .capra-Tooltip-module-
|
|
4447
|
+
& .capra-Tooltip-module-aYcvAa-arrow {
|
|
4447
4448
|
transform: rotate(180deg);
|
|
4448
4449
|
}
|
|
4449
4450
|
}
|
|
4450
4451
|
|
|
4451
4452
|
&[data-placement="right"] {
|
|
4452
|
-
--
|
|
4453
|
+
--_origin: translateX(-4px);
|
|
4453
4454
|
|
|
4454
|
-
& .capra-Tooltip-module-
|
|
4455
|
+
& .capra-Tooltip-module-aYcvAa-arrow {
|
|
4455
4456
|
transform: rotate(90deg);
|
|
4456
4457
|
}
|
|
4457
4458
|
}
|
|
4458
4459
|
|
|
4459
4460
|
&[data-placement="left"] {
|
|
4460
|
-
--
|
|
4461
|
+
--_origin: translateX(4px);
|
|
4461
4462
|
|
|
4462
|
-
& .capra-Tooltip-module-
|
|
4463
|
+
& .capra-Tooltip-module-aYcvAa-arrow {
|
|
4463
4464
|
transform: rotate(-90deg);
|
|
4464
4465
|
}
|
|
4465
4466
|
}
|
|
4466
4467
|
}
|
|
4467
4468
|
|
|
4468
|
-
.capra-Tooltip-module-
|
|
4469
|
+
.capra-Tooltip-module-aYcvAa-arrow {
|
|
4469
4470
|
color: var(--cds2-color-neutral-12);
|
|
4470
4471
|
display: block;
|
|
4471
4472
|
}
|
|
4472
4473
|
|
|
4473
|
-
.capra-Tooltip-module-
|
|
4474
|
+
.capra-Tooltip-module-aYcvAa-tooltipLayout {
|
|
4474
4475
|
gap: var(--cds2-spacing-md);
|
|
4475
4476
|
display: inline-flex;
|
|
4476
4477
|
}
|