@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/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-kHrKiG-base {
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-kHrKiG-icon) {
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(--cds-spacing-sm);
127
+ padding-inline: var(--cds2-spacing-sm);
128
128
  }
129
129
 
130
- &[data-size="sm"]:not(.capra-Button-module-kHrKiG-icon) {
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-kHrKiG-icon) {
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-kHrKiG-icon) {
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-kHrKiG-icon) {
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-kHrKiG-icon) {
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-surface);
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-kHrKiG-icon {
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-kHrKiG-textLayout {
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-kHrKiG-iconLayout {
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-IniPuq-base {
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-IniPuq-inner {
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-IniPuq-base[data-selected="true"] &:where(:not([data-indeterminate="true"]):not(:disabled)), &:checked:where(:not([data-indeterminate="true"]):not(:disabled)) {
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-IniPuq-base[data-indeterminate="true"]:not([data-disabled="true"]) &, &[data-indeterminate="true"]:where(:not(:disabled)) {
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-IniPuq-base[data-disabled="true"] & {
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-IniPuq-input {
1419
+ & .capra-Checkbox-module-pCHIXW-input {
1419
1420
  color: var(--cds2-color-foreground-on-disabled);
1420
1421
  }
1421
1422
 
1422
- & label, & .capra-Checkbox-module-IniPuq-text {
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-IniPuq-input {
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-IniPuq-base[data-has-label="false"] .capra-Checkbox-module-IniPuq-input {
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-IniPuq-base[data-focus-visible="true"] {
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-IniPuq-label, .capra-Checkbox-module-IniPuq-text {
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-n6NT_q-root {
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-n6NT_q-header {
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-n6NT_q-trigger {
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-n6NT_q-triggerContent {
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-n6NT_q-title {
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-n6NT_q-triggerContent {
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-n6NT_q-chevron {
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-n6NT_q-root[data-expanded] .capra-Collapse-module-n6NT_q-chevron {
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-n6NT_q-title {
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-n6NT_q-actions {
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-n6NT_q-panel {
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-n6NT_q-root[data-expanded] .capra-Collapse-module-n6NT_q-panel {
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-n6NT_q-panelInner {
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-n6NT_q-trigger, .capra-Collapse-module-n6NT_q-chevron, .capra-Collapse-module-n6NT_q-panel {
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-oGbaGG-triggerShell {
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-oGbaGG-leadingSlot, & .capra-SelectField-module-oGbaGG-trailingSlot, & .capra-SelectField-module-oGbaGG-valueText, & .capra-SelectField-module-oGbaGG-tag {
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-oGbaGG-singleTrigger {
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-oGbaGG-multipleTrigger {
2066
+ .capra-SelectField-module-u_B-LG-multipleTrigger {
2066
2067
  overflow: hidden;
2067
2068
 
2068
- &:has(.capra-SelectField-module-oGbaGG-multipleOpenButton:focus-visible) {
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-oGbaGG-multipleOpenButton {
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-oGbaGG-leadingSlot, .capra-SelectField-module-oGbaGG-trailingSlot {
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-oGbaGG-value {
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-oGbaGG-valueIcon {
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-oGbaGG-valueText {
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-oGbaGG-tagGroup {
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-oGbaGG-tagList {
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-oGbaGG-tag {
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-oGbaGG-tagIcon {
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-oGbaGG-tagLabel {
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-oGbaGG-tagRemove {
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(--cds-color-state-layer-hover);
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-oGbaGG-chevron, .capra-SelectField-module-oGbaGG-warningIndicator, .capra-SelectField-module-oGbaGG-errorIndicator {
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-oGbaGG-warningIndicator {
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-oGbaGG-errorIndicator {
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-oGbaGG-dropdownPanel {
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-oGbaGG-search {
2258
+ .capra-SelectField-module-u_B-LG-search {
2258
2259
  width: 100%;
2259
2260
  }
2260
2261
 
2261
- .capra-SelectField-module-oGbaGG-listbox {
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-oGbaGG-emptyState {
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-oGbaGG-section {
2276
+ .capra-SelectField-module-u_B-LG-section {
2276
2277
  display: contents;
2277
2278
  }
2278
2279
 
2279
- .capra-SelectField-module-oGbaGG-header {
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-oGbaGG-dropdownPanel:focus-visible, .capra-SelectField-module-oGbaGG-listbox:focus-visible {
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-oGbaGG-item {
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-oGbaGG-itemContent {
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-oGbaGG-itemBody {
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-oGbaGG-itemCheck {
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-oGbaGG-item[data-disabled="true"] & {
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-iRsXUG-root {
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-iRsXUG-overlay {
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-iRsXUG-sheet {
2788
+ .capra-Drawer-module-bUOjAG-sheet {
2788
2789
  z-index: 1;
2789
- width: clamp(400px, var(--drawer-width, 480px), 80vw);
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-iRsXUG-sheet[data-placement="right"] {
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-iRsXUG-sheet[data-placement="left"] {
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-iRsXUG-root[data-open="true"] .capra-Drawer-module-iRsXUG-sheet[data-placement="right"] {
2815
- animation: capra-Drawer-module-iRsXUG-drawerInFromRight var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard);
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-iRsXUG-root[data-open="true"] .capra-Drawer-module-iRsXUG-sheet[data-placement="left"] {
2819
- animation: capra-Drawer-module-iRsXUG-drawerInFromLeft var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard);
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-iRsXUG-root[data-open="false"] .capra-Drawer-module-iRsXUG-sheet[data-placement="right"] {
2823
- animation: capra-Drawer-module-iRsXUG-drawerOutToRight var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard) forwards;
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-iRsXUG-root[data-open="false"] .capra-Drawer-module-iRsXUG-sheet[data-placement="left"] {
2827
- animation: capra-Drawer-module-iRsXUG-drawerOutToLeft var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard) forwards;
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-iRsXUG-header {
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-iRsXUG-headerMain {
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-iRsXUG-expandedTitleLayout {
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-iRsXUG-description {
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-iRsXUG-headerTrailing {
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-iRsXUG-body {
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-iRsXUG-footer {
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-iRsXUG-drawerInFromRight {
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-iRsXUG-drawerInFromLeft {
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-iRsXUG-drawerOutToRight {
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-iRsXUG-drawerOutToLeft {
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-uKaYXq-nav {
3144
- min-width: var(--cds-vertical-nav-width);
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(--cds-color-navigation-background);
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-uKaYXq-nav[data-collapsed="true"] {
3155
- min-width: var(--cds-vertical-nav-collapsed-width, calc(2 * var(--cds2-spacing-md) + var(--cds2-dimension-component-md)));
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-uKaYXq-list {
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-uKaYXq-nav[data-collapsed="true"] .capra-VerticalNavigation-module-uKaYXq-list {
3175
- padding-inline-start: calc(var(--cds-spacing-md) - ((var(--cds-core-dimension-300) - var(--cds2-dimension-icon-sm) - 2px) / 2));
3176
- padding-inline-end: calc((var(--cds-core-dimension-300) - var(--cds2-dimension-icon-sm) - 2px) / 2);
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-uKaYXq-footer {
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-uKaYXq-nav[data-collapsed="true"] .capra-VerticalNavigation-module-uKaYXq-footer {
3195
- padding-inline-start: calc(var(--cds-spacing-md) - ((var(--cds-core-dimension-300) - var(--cds2-dimension-icon-sm) - 2px) / 2));
3196
- padding-inline-end: calc((var(--cds-core-dimension-300) - var(--cds2-dimension-icon-sm) - 2px) / 2);
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-uKaYXq-listItem {
3201
+ .capra-VerticalNavigation-module-iJPwoW-listItem {
3200
3202
  width: 100%;
3201
- height: var(--cds-vertical-nav-item-container-height, var(--cds2-dimension-component-md));
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-uKaYXq-item {
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(--cds-color-navigation-foreground-default);
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-uKaYXq-nav[data-collapsed="true"] .capra-VerticalNavigation-module-uKaYXq-item {
3233
- width: var(--cds-core-dimension-300);
3234
- height: var(--cds-core-dimension-300);
3235
- padding: calc((var(--cds-core-dimension-300) - var(--cds2-dimension-icon-sm) - 2px) / 2);
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-uKaYXq-item:not([data-disabled="true"], [data-active="true"]):hover {
3240
- color: var(--cds-color-navigation-foreground-default);
3241
- background-color: var(--cds-color-navigation-background-hover);
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-uKaYXq-item:focus-visible {
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-uKaYXq-item[data-active="true"] {
3251
- background-color: var(--cds-color-navigation-background-selected);
3252
- color: var(--cds-color-navigation-foreground-selected);
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-uKaYXq-item[data-active="true"] .capra-VerticalNavigation-module-uKaYXq-label {
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-uKaYXq-item[data-disabled="true"] {
3261
- color: var(--cds-color-foreground-disabled);
3262
+ .capra-VerticalNavigation-module-iJPwoW-item[data-disabled="true"] {
3263
+ color: var(--cds2-color-foreground-disabled);
3262
3264
  cursor: not-allowed;
3263
- opacity: var(--cds-opacity-state-disabled);
3265
+ opacity: var(--cds2-opacity-state-disabled);
3264
3266
  }
3265
3267
 
3266
- .capra-VerticalNavigation-module-uKaYXq-item .capra-VerticalNavigation-module-uKaYXq-label {
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-uKaYXq-nav[data-collapsed="true"] .capra-VerticalNavigation-module-uKaYXq-label {
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-uKaYXq-right {
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-uKaYXq-nav[data-collapsed="true"] .capra-VerticalNavigation-module-uKaYXq-right {
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-uKaYXq-listItem[data-variant="subItem"] {
3302
+ .capra-VerticalNavigation-module-iJPwoW-listItem[data-variant="subItem"] {
3302
3303
  opacity: 1;
3303
- max-height: var(--cds-vertical-nav-item-container-height, var(--cds-dimension-component-md));
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-uKaYXq-listItem:has(.capra-VerticalNavigation-module-uKaYXq-item:focus-visible) {
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-uKaYXq-nav[data-collapsed="true"] .capra-VerticalNavigation-module-uKaYXq-listItem[data-variant="subItem"] {
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-uKaYXq-indentSpacer {
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-uKaYXq-nav, .capra-VerticalNavigation-module-uKaYXq-item {
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-izBHNW-divider {
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(--cds-border-primary);
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(--cds-border-primary);
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-izBHNW-withLabel {
3641
+ &.capra-Divider-module-H7BCoW-withLabel {
3641
3642
  align-items: center;
3642
- gap: var(--cds-spacing-lg, 16px);
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-izBHNW-line {
3652
- border-block-start: var(--cds-border-primary);
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(--cds-dimension-component-xs, 16px);
3659
+ max-width: var(--cds2-dimension-component-xs);
3659
3660
  }
3660
3661
  }
3661
3662
 
3662
- .capra-Divider-module-izBHNW-label {
3663
+ .capra-Divider-module-H7BCoW-label {
3663
3664
  flex: none;
3664
3665
  }
3665
- .capra-Skeleton-module-EIu0mW-base {
3666
+ .capra-Skeleton-module-wHn9gW-base {
3666
3667
  background-color: var(--cds2-color-neutral-a3);
3667
- border-radius: var(--cds-radius-lg, 4px);
3668
+ border-radius: var(--cds2-radius-lg);
3668
3669
  display: inline-block;
3669
3670
  }
3670
3671
 
3671
- .capra-Skeleton-module-EIu0mW-preset {
3672
- gap: var(--cds-spacing-md, 16px);
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-EIu0mW-presetSection {
3678
- gap: var(--cds-spacing-md, 16px);
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-EIu0mW-presetTitle {
3686
+ .capra-Skeleton-module-wHn9gW-presetTitle {
3686
3687
  background-color: var(--cds2-color-neutral-a3);
3687
- border-radius: var(--cds-radius-lg, 4px);
3688
+ border-radius: var(--cds2-radius-lg);
3688
3689
  height: 16px;
3689
3690
  }
3690
3691
 
3691
- .capra-Skeleton-module-EIu0mW-presetParagraph {
3692
- gap: var(--cds-spacing-sm, 8px);
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-EIu0mW-presetParagraphRow {
3698
+ .capra-Skeleton-module-wHn9gW-presetParagraphRow {
3698
3699
  background-color: var(--cds2-color-neutral-a3);
3699
- border-radius: var(--cds-radius-lg, 4px);
3700
+ border-radius: var(--cds2-radius-lg);
3700
3701
  height: 16px;
3701
3702
  }
3702
3703
 
3703
- .capra-Skeleton-module-EIu0mW-preset[data-round="true"] .capra-Skeleton-module-EIu0mW-presetTitle, .capra-Skeleton-module-EIu0mW-preset[data-round="true"] .capra-Skeleton-module-EIu0mW-presetParagraphRow {
3704
- border-radius: var(--cds-radius-xl, 8px);
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-EIu0mW-element {
3708
+ .capra-Skeleton-module-wHn9gW-element {
3708
3709
  background-color: var(--cds2-color-neutral-a3);
3709
- border-radius: var(--cds-radius-lg, 4px);
3710
+ border-radius: var(--cds2-radius-lg);
3710
3711
  display: inline-block;
3711
3712
 
3712
3713
  &[data-round="true"] {
3713
- border-radius: var(--cds-radius-xl, 8px);
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-EIu0mW-skeleton-pulse;
3723
+ animation: 1s infinite alternate-reverse capra-Skeleton-module-wHn9gW-skeleton-pulse;
3723
3724
  }
3724
3725
  }
3725
3726
 
3726
- .capra-Skeleton-module-EIu0mW-preset[data-active="true"] .capra-Skeleton-module-EIu0mW-presetTitle, .capra-Skeleton-module-EIu0mW-preset[data-active="true"] .capra-Skeleton-module-EIu0mW-presetParagraphRow {
3727
- animation: 1s infinite alternate-reverse capra-Skeleton-module-EIu0mW-skeleton-pulse;
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-EIu0mW-skeleton-pulse {
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-EIu0mW-element[data-active="true"], .capra-Skeleton-module-EIu0mW-preset[data-active="true"] .capra-Skeleton-module-EIu0mW-presetTitle, .capra-Skeleton-module-EIu0mW-preset[data-active="true"] .capra-Skeleton-module-EIu0mW-presetParagraphRow {
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-p7lQQG-container {
3747
+ .capra-Toast-module-N2ILJq-container {
3747
3748
  right: var(--cds2-spacing-lg);
3748
- z-index: var(--cds-z-index-toast, 1100);
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-p7lQQG-containerTopRight {
3758
+ .capra-Toast-module-N2ILJq-containerTopRight {
3758
3759
  top: var(--cds2-spacing-lg);
3759
3760
  }
3760
3761
 
3761
- .capra-Toast-module-p7lQQG-containerBottomRight {
3762
+ .capra-Toast-module-N2ILJq-containerBottomRight {
3762
3763
  bottom: var(--cds2-spacing-lg);
3763
3764
  }
3764
3765
 
3765
- .capra-Toast-module-p7lQQG-toast {
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-p7lQQG-topRow {
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-p7lQQG-typeIcon {
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-p7lQQG-content {
3795
+ .capra-Toast-module-N2ILJq-content {
3795
3796
  flex: auto;
3796
3797
  min-width: 0;
3797
3798
  }
3798
3799
 
3799
- .capra-Toast-module-p7lQQG-actionsContainer {
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-p7lQQG-toast[data-type="info"] {
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-p7lQQG-toast[data-type="success"] {
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-p7lQQG-toast[data-type="warning"] {
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-p7lQQG-toast[data-type="error"] {
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-eTI_TG-menu, .capra-Menu-module-eTI_TG-list {
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-eTI_TG-divider):not(:has( + .capra-Menu-module-eTI_TG-divider)) {
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-eTI_TG-menu {
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-eTI_TG-menuTriggerSlot {
3849
+ .capra-Menu-module-26gf6W-menuTriggerSlot {
3849
3850
  display: inline-block;
3850
3851
  }
3851
3852
 
3852
- .capra-Menu-module-eTI_TG-menuItem {
3853
+ .capra-Menu-module-26gf6W-menuItem {
3853
3854
  appearance: none;
3854
- border-radius: var(--cds-radius-sm);
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-eTI_TG-menuItemListItemShell, & .capra-Menu-module-eTI_TG-menuItemLabel, & .capra-Menu-module-eTI_TG-menuItemDescription, & .capra-Menu-module-eTI_TG-menuItemShortcut {
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-eTI_TG-menuItemShortcut {
3895
- background-color: var(--cds-color-background-secondary);
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-eTI_TG-menuItemLabel {
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-eTI_TG-menuItemLabel {
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-eTI_TG-menuItemLabel {
3922
+ & .capra-Menu-module-26gf6W-menuItemLabel {
3922
3923
  color: inherit;
3923
3924
  }
3924
3925
 
3925
- &:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-eTI_TG-menuItemShortcut {
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-eTI_TG-menuItemTrailingGutter {
3951
+ & .capra-Menu-module-26gf6W-menuItemTrailingGutter {
3951
3952
  align-self: center;
3952
3953
  height: auto !important;
3953
3954
  }
3954
3955
 
3955
- & .capra-Menu-module-eTI_TG-menuItemListItemShell {
3956
+ & .capra-Menu-module-26gf6W-menuItemListItemShell {
3956
3957
  align-items: start;
3957
3958
  }
3958
3959
  }
3959
3960
 
3960
- & .capra-Menu-module-eTI_TG-menuItemListItemShell {
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-eTI_TG-menuItemLeadingGutter {
3968
+ .capra-Menu-module-26gf6W-menuItemLeadingGutter {
3968
3969
  margin-inline-end: var(--cds2-spacing-md);
3969
3970
 
3970
- & .capra-Menu-module-eTI_TG-slot {
3971
+ & .capra-Menu-module-26gf6W-slot {
3971
3972
  line-height: 0;
3972
3973
  }
3973
3974
  }
3974
3975
 
3975
- .capra-Menu-module-eTI_TG-menuItemTrailingGutter {
3976
+ .capra-Menu-module-26gf6W-menuItemTrailingGutter {
3976
3977
  margin-inline-start: var(--cds2-spacing-md);
3977
3978
  }
3978
3979
 
3979
- .capra-Menu-module-eTI_TG-menuItemTrailingGroup {
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-eTI_TG-menuItemLabel {
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-eTI_TG-menuItemDescription {
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-eTI_TG-menuItemShortcut {
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-eTI_TG-menu[data-item-hover-appearance="accent"] {
4010
- & .capra-Menu-module-eTI_TG-menuItem {
4011
- &:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-eTI_TG-menuItemShortcut {
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-eTI_TG-menuItemLabel {
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-eTI_TG-menuItemLabel {
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-eTI_TG-menuItemLabel {
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-eTI_TG-menuItemLabel {
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-eTI_TG-menuItemLabel {
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-eTI_TG-menuItem[data-active="true"], & .capra-Menu-module-eTI_TG-menuItem[data-has-submenu][data-open] {
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-eTI_TG-menuItem[data-active="true"] .capra-Menu-module-eTI_TG-menuItemLabel, & .capra-Menu-module-eTI_TG-menuItem[data-has-submenu][data-open] .capra-Menu-module-eTI_TG-menuItemLabel {
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-eTI_TG-section {
4101
+ .capra-Menu-module-26gf6W-section {
4101
4102
  display: contents;
4102
4103
  }
4103
4104
 
4104
- .capra-Menu-module-eTI_TG-header {
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-eTI_TG-divider {
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--oPinG-root {
4381
- background-color: var(--cds-color-navigation-background, #f5f5f5);
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--oPinG-start {
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--oPinG-center {
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--oPinG-end {
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-IEiZ6a-base {
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(--origin);
4436
+ transform: var(--_origin);
4436
4437
  opacity: 0;
4437
4438
  }
4438
4439
 
4439
4440
  &[data-placement="top"] {
4440
- --origin: translateY(4px);
4441
+ --_origin: translateY(4px);
4441
4442
  }
4442
4443
 
4443
4444
  &[data-placement="bottom"] {
4444
- --origin: translateY(-4px);
4445
+ --_origin: translateY(-4px);
4445
4446
 
4446
- & .capra-Tooltip-module-IEiZ6a-arrow {
4447
+ & .capra-Tooltip-module-aYcvAa-arrow {
4447
4448
  transform: rotate(180deg);
4448
4449
  }
4449
4450
  }
4450
4451
 
4451
4452
  &[data-placement="right"] {
4452
- --origin: translateX(-4px);
4453
+ --_origin: translateX(-4px);
4453
4454
 
4454
- & .capra-Tooltip-module-IEiZ6a-arrow {
4455
+ & .capra-Tooltip-module-aYcvAa-arrow {
4455
4456
  transform: rotate(90deg);
4456
4457
  }
4457
4458
  }
4458
4459
 
4459
4460
  &[data-placement="left"] {
4460
- --origin: translateX(4px);
4461
+ --_origin: translateX(4px);
4461
4462
 
4462
- & .capra-Tooltip-module-IEiZ6a-arrow {
4463
+ & .capra-Tooltip-module-aYcvAa-arrow {
4463
4464
  transform: rotate(-90deg);
4464
4465
  }
4465
4466
  }
4466
4467
  }
4467
4468
 
4468
- .capra-Tooltip-module-IEiZ6a-arrow {
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-IEiZ6a-tooltipLayout {
4474
+ .capra-Tooltip-module-aYcvAa-tooltipLayout {
4474
4475
  gap: var(--cds2-spacing-md);
4475
4476
  display: inline-flex;
4476
4477
  }