@capra/core 1.14.2 → 1.15.1

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-g8E0PW-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-g8E0PW-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-g8E0PW-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-g8E0PW-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-g8E0PW-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-g8E0PW-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-g8E0PW-icon) {
159
159
  width: 100%;
160
160
  max-width: unset;
161
161
  display: flex;
@@ -269,7 +269,7 @@
269
269
  }
270
270
  }
271
271
 
272
- .capra-Button-module-kHrKiG-icon {
272
+ .capra-Button-module-g8E0PW-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-g8E0PW-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-g8E0PW-iconLayout {
308
308
  display: contents;
309
309
  }
310
310
  .capra-Text-module-JSrT1a-base {
@@ -342,14 +342,13 @@
342
342
  position: absolute;
343
343
  overflow: hidden;
344
344
  }
345
- .capra-TextInput-module--5NVeG-wrapper {
345
+ .capra-TextInput-module-bNpXFG-wrapper {
346
346
  border: var(--cds2-border-default);
347
- border-color: var(--cds2-temporary-input-border-primary);
348
347
  border-radius: var(--cds2-radius-md);
349
- background-color: var(--cds2-temporary-input-background-primary);
348
+ background-color: var(--cds2-color-background-neutral-surface);
350
349
  width: 100%;
351
350
  min-width: 0;
352
- color: var(--cds2-temporary-input-foreground-primary);
351
+ color: var(--cds2-color-foreground-neutral-default);
353
352
  font: var(--cds2-typography-body-md-normal);
354
353
  transition: border-color var(--cds2-motion-duration-short) ease,
355
354
  box-shadow var(--cds2-motion-duration-short) ease;
@@ -357,29 +356,29 @@
357
356
  display: inline-flex;
358
357
 
359
358
  &:hover:not(:has( > input:disabled)):not(:has( > input:read-only)) {
360
- border-color: var(--cds2-temporary-input-border-highlight);
359
+ border-color: var(--cds2-color-border-accent-hover);
361
360
  }
362
361
 
363
362
  &:has( > input:focus-visible):not(:has( > input:disabled)):not(:has( > input:read-only)) {
364
363
  outline: var(--cds2-border-focus);
365
364
  outline-offset: var(--cds2-spacing-xs);
366
- border-color: var(--cds2-temporary-input-border-highlight);
365
+ border-color: var(--cds2-color-border-accent-hover);
367
366
  }
368
367
 
369
368
  &:has( > input:disabled), &:has( > input:read-only) {
370
- background-color: var(--cds2-temporary-input-background-disabled);
371
- border-color: var(--cds2-temporary-input-border-disabled);
372
- color: var(--cds2-temporary-input-foreground-disabled);
369
+ background-color: var(--cds2-color-background-disabled);
370
+ border-color: var(--cds2-color-border-disabled);
371
+ color: var(--cds2-color-foreground-on-disabled);
373
372
 
374
- & .capra-TextInput-module--5NVeG-leadingSlot, & .capra-TextInput-module--5NVeG-trailingSlot {
375
- color: var(--cds2-temporary-input-foreground-disabled);
373
+ & .capra-TextInput-module-bNpXFG-leadingSlot, & .capra-TextInput-module-bNpXFG-trailingSlot {
374
+ color: var(--cds2-color-foreground-on-disabled);
376
375
  }
377
376
  }
378
377
 
379
378
  &:has( > input:read-only) {
380
379
  cursor: default;
381
380
 
382
- & .capra-TextInput-module--5NVeG-input {
381
+ & .capra-TextInput-module-bNpXFG-input {
383
382
  cursor: default;
384
383
  }
385
384
  }
@@ -387,12 +386,12 @@
387
386
  &:has( > input:disabled) {
388
387
  cursor: not-allowed;
389
388
 
390
- & .capra-TextInput-module--5NVeG-input {
389
+ & .capra-TextInput-module-bNpXFG-input {
391
390
  cursor: not-allowed;
392
391
  }
393
392
  }
394
393
 
395
- & .capra-TextInput-module--5NVeG-input {
394
+ & .capra-TextInput-module-bNpXFG-input {
396
395
  min-width: 0;
397
396
  color: inherit;
398
397
  font: inherit;
@@ -410,24 +409,24 @@
410
409
  &[data-size="sm"] {
411
410
  gap: var(--cds2-spacing-sm);
412
411
 
413
- &:not(:has(.capra-TextInput-module--5NVeG-leadingSlot)) .capra-TextInput-module--5NVeG-input {
412
+ &:not(:has(.capra-TextInput-module-bNpXFG-leadingSlot)) .capra-TextInput-module-bNpXFG-input {
414
413
  padding-inline-start: var(--cds2-spacing-md);
415
414
  }
416
415
 
417
- &:not(:has(.capra-TextInput-module--5NVeG-trailingSlot)) .capra-TextInput-module--5NVeG-input {
416
+ &:not(:has(.capra-TextInput-module-bNpXFG-trailingSlot)) .capra-TextInput-module-bNpXFG-input {
418
417
  padding-inline-end: var(--cds2-spacing-md);
419
418
  }
420
419
 
421
- & .capra-TextInput-module--5NVeG-input {
420
+ & .capra-TextInput-module-bNpXFG-input {
422
421
  height: calc(var(--cds2-dimension-component-sm) - 2px);
423
422
  font: var(--cds2-typography-body-sm-normal);
424
423
  }
425
424
 
426
- & .capra-TextInput-module--5NVeG-leadingSlot {
425
+ & .capra-TextInput-module-bNpXFG-leadingSlot {
427
426
  padding-inline-start: var(--cds2-spacing-md);
428
427
  }
429
428
 
430
- & .capra-TextInput-module--5NVeG-trailingSlot {
429
+ & .capra-TextInput-module-bNpXFG-trailingSlot {
431
430
  padding-inline-end: var(--cds2-spacing-md);
432
431
  }
433
432
  }
@@ -435,29 +434,29 @@
435
434
  &[data-size="md"] {
436
435
  gap: var(--cds2-spacing-md);
437
436
 
438
- &:not(:has(.capra-TextInput-module--5NVeG-leadingSlot)) .capra-TextInput-module--5NVeG-input {
437
+ &:not(:has(.capra-TextInput-module-bNpXFG-leadingSlot)) .capra-TextInput-module-bNpXFG-input {
439
438
  padding-inline-start: var(--cds2-spacing-md);
440
439
  }
441
440
 
442
- &:not(:has(.capra-TextInput-module--5NVeG-trailingSlot)) .capra-TextInput-module--5NVeG-input {
441
+ &:not(:has(.capra-TextInput-module-bNpXFG-trailingSlot)) .capra-TextInput-module-bNpXFG-input {
443
442
  padding-inline-end: var(--cds2-spacing-md);
444
443
  }
445
444
 
446
- & .capra-TextInput-module--5NVeG-input {
445
+ & .capra-TextInput-module-bNpXFG-input {
447
446
  height: calc(var(--cds2-dimension-component-md) - 2px);
448
447
  font: var(--cds2-typography-body-md-normal);
449
448
  }
450
449
 
451
- & .capra-TextInput-module--5NVeG-leadingSlot {
450
+ & .capra-TextInput-module-bNpXFG-leadingSlot {
452
451
  padding-inline-start: var(--cds2-spacing-md);
453
452
  }
454
453
 
455
- & .capra-TextInput-module--5NVeG-trailingSlot {
454
+ & .capra-TextInput-module-bNpXFG-trailingSlot {
456
455
  padding-inline-end: var(--cds2-spacing-md);
457
456
  }
458
457
  }
459
458
 
460
- & .capra-TextInput-module--5NVeG-leadingSlot, & .capra-TextInput-module--5NVeG-trailingSlot {
459
+ & .capra-TextInput-module-bNpXFG-leadingSlot, & .capra-TextInput-module-bNpXFG-trailingSlot {
461
460
  align-items: center;
462
461
  gap: var(--cds2-spacing-xs);
463
462
  color: var(--cds2-color-foreground-subtle);
@@ -465,7 +464,7 @@
465
464
  display: inline-flex;
466
465
  }
467
466
 
468
- & .capra-TextInput-module--5NVeG-errorIndicator {
467
+ & .capra-TextInput-module-bNpXFG-errorIndicator {
469
468
  color: var(--cds2-color-foreground-danger-default);
470
469
  flex-shrink: 0;
471
470
  justify-content: center;
@@ -473,7 +472,7 @@
473
472
  display: inline-flex;
474
473
  }
475
474
 
476
- & .capra-TextInput-module--5NVeG-warningIndicator {
475
+ & .capra-TextInput-module-bNpXFG-warningIndicator {
477
476
  color: var(--cds2-color-foreground-warning-default);
478
477
  flex-shrink: 0;
479
478
  justify-content: center;
@@ -481,13 +480,13 @@
481
480
  display: inline-flex;
482
481
  }
483
482
  }
484
- .capra-HelperText-module-0SVw3W-layout {
483
+ .capra-HelperText-module-ofZKJW-layout {
485
484
  align-items: center;
486
485
  gap: var(--cds2-spacing-sm);
487
486
  display: flex;
488
487
  }
489
488
 
490
- .capra-HelperText-module-0SVw3W-helper {
489
+ .capra-HelperText-module-ofZKJW-helper {
491
490
  align-items: center;
492
491
  gap: var(--cds2-spacing-xs);
493
492
  color: var(--cds2-color-foreground-subtle);
@@ -503,24 +502,24 @@
503
502
  color: var(--cds2-color-foreground-warning-default);
504
503
  }
505
504
 
506
- .capra-HelperText-module-0SVw3W-layout[data-disabled="true"] & {
507
- color: var(--cds2-temporary-input-foreground-disabled);
505
+ .capra-HelperText-module-ofZKJW-layout[data-disabled="true"] & {
506
+ color: var(--cds2-color-foreground-on-disabled);
508
507
  }
509
508
  }
510
509
 
511
- .capra-HelperText-module-0SVw3W-icon {
510
+ .capra-HelperText-module-ofZKJW-icon {
512
511
  color: inherit;
513
512
  flex-shrink: 0;
514
513
  display: inline-flex;
515
514
  }
516
515
 
517
- .capra-HelperText-module-0SVw3W-count {
516
+ .capra-HelperText-module-ofZKJW-count {
518
517
  font: var(--cds2-typography-body-sm-normal);
519
518
  color: var(--cds2-color-foreground-subtle);
520
519
  white-space: nowrap;
521
520
 
522
- .capra-HelperText-module-0SVw3W-layout[data-disabled="true"] & {
523
- color: var(--cds2-temporary-input-foreground-disabled);
521
+ .capra-HelperText-module-ofZKJW-layout[data-disabled="true"] & {
522
+ color: var(--cds2-color-foreground-on-disabled);
524
523
  }
525
524
  }
526
525
  .capra-fieldLayout-module-0mM4jW-field {
@@ -1365,15 +1364,16 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1365
1364
  border-color: var(--cds2-core-color-yellow-a6);
1366
1365
  color: var(--cds2-core-color-yellow-a11);
1367
1366
  }
1368
- .capra-Checkbox-module-IniPuq-base {
1367
+ .capra-Checkbox-module-pCHIXW-base {
1369
1368
  align-items: center;
1369
+ gap: var(--cds2-spacing-md);
1370
1370
  display: flex;
1371
1371
 
1372
1372
  &[data-has-label="true"] {
1373
1373
  align-items: baseline;
1374
1374
  }
1375
1375
 
1376
- & input[type="checkbox"], & .capra-Checkbox-module-IniPuq-inner {
1376
+ & input[type="checkbox"], & .capra-Checkbox-module-pCHIXW-inner {
1377
1377
  appearance: none;
1378
1378
  cursor: pointer;
1379
1379
  border: var(--cds2-border-default);
@@ -1385,12 +1385,12 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1385
1385
  background-color var(--cds2-motion-duration-short) ease;
1386
1386
  display: block;
1387
1387
 
1388
- .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)) {
1389
1389
  background-color: var(--cds2-color-background-accent-indicator);
1390
1390
  border: none;
1391
1391
  }
1392
1392
 
1393
- .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)) {
1394
1394
  background-color: var(--cds2-color-background-accent-indicator);
1395
1395
  color: var(--cds2-color-foreground-danger-contrast);
1396
1396
  border: none;
@@ -1400,7 +1400,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1400
1400
  border-color: var(--cds2-color-border-accent-strong);
1401
1401
  }
1402
1402
 
1403
- &:disabled, .capra-Checkbox-module-IniPuq-base[data-disabled="true"] & {
1403
+ &:disabled, .capra-Checkbox-module-pCHIXW-base[data-disabled="true"] & {
1404
1404
  cursor: not-allowed;
1405
1405
  border-color: var(--cds2-color-border-disabled);
1406
1406
  background-color: var(--cds2-color-background-disabled);
@@ -1416,18 +1416,18 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1416
1416
  cursor: not-allowed;
1417
1417
  color: var(--cds2-color-foreground-disabled);
1418
1418
 
1419
- & .capra-Checkbox-module-IniPuq-input {
1419
+ & .capra-Checkbox-module-pCHIXW-input {
1420
1420
  color: var(--cds2-color-foreground-on-disabled);
1421
1421
  }
1422
1422
 
1423
- & label, & .capra-Checkbox-module-IniPuq-text {
1423
+ & label, & .capra-Checkbox-module-pCHIXW-text {
1424
1424
  cursor: not-allowed;
1425
1425
  color: var(--cds2-color-foreground-disabled);
1426
1426
  }
1427
1427
  }
1428
1428
  }
1429
1429
 
1430
- .capra-Checkbox-module-IniPuq-input {
1430
+ .capra-Checkbox-module-pCHIXW-input {
1431
1431
  height: var(--cds2-dimension-component-xs);
1432
1432
  width: var(--cds2-dimension-component-xs);
1433
1433
  color: var(--cds2-color-foreground-accent-contrast);
@@ -1442,20 +1442,20 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1442
1442
  }
1443
1443
  }
1444
1444
 
1445
- .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 {
1446
1446
  transform: none;
1447
1447
  }
1448
1448
 
1449
- .capra-Checkbox-module-IniPuq-base[data-focus-visible="true"] {
1449
+ .capra-Checkbox-module-pCHIXW-base[data-focus-visible="true"] {
1450
1450
  outline: var(--cds2-border-focus);
1451
1451
  }
1452
1452
 
1453
- .capra-Checkbox-module-IniPuq-label, .capra-Checkbox-module-IniPuq-text {
1453
+ .capra-Checkbox-module-pCHIXW-label, .capra-Checkbox-module-pCHIXW-text {
1454
1454
  color: var(--cds2-color-foreground-default);
1455
1455
  cursor: pointer;
1456
1456
  font: var(--cds2-typography-body-md-normal);
1457
1457
  }
1458
- .capra-Collapse-module-n6NT_q-root {
1458
+ .capra-Collapse-module-wSyl2a-root {
1459
1459
  box-sizing: border-box;
1460
1460
  width: 100%;
1461
1461
  min-width: 0;
@@ -1469,7 +1469,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1469
1469
  display: flex;
1470
1470
  }
1471
1471
 
1472
- .capra-Collapse-module-n6NT_q-header {
1472
+ .capra-Collapse-module-wSyl2a-header {
1473
1473
  box-sizing: border-box;
1474
1474
  align-items: center;
1475
1475
  gap: var(--cds2-spacing-md);
@@ -1481,7 +1481,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1481
1481
  display: flex;
1482
1482
  }
1483
1483
 
1484
- .capra-Collapse-module-n6NT_q-trigger {
1484
+ .capra-Collapse-module-wSyl2a-trigger {
1485
1485
  all: unset;
1486
1486
  box-sizing: border-box;
1487
1487
  width: 100%;
@@ -1493,7 +1493,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1493
1493
  align-items: center;
1494
1494
  display: flex;
1495
1495
 
1496
- &[data-focus-visible] .capra-Collapse-module-n6NT_q-triggerContent {
1496
+ &[data-focus-visible] .capra-Collapse-module-wSyl2a-triggerContent {
1497
1497
  outline: var(--cds2-border-focus);
1498
1498
  outline-offset: 2px;
1499
1499
  }
@@ -1502,13 +1502,13 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1502
1502
  cursor: default;
1503
1503
  color: var(--cds2-color-foreground-disabled);
1504
1504
 
1505
- & .capra-Collapse-module-n6NT_q-title {
1505
+ & .capra-Collapse-module-wSyl2a-title {
1506
1506
  color: var(--cds2-color-foreground-disabled);
1507
1507
  }
1508
1508
  }
1509
1509
  }
1510
1510
 
1511
- .capra-Collapse-module-n6NT_q-triggerContent {
1511
+ .capra-Collapse-module-wSyl2a-triggerContent {
1512
1512
  align-items: center;
1513
1513
  gap: var(--cds2-spacing-sm);
1514
1514
  border-radius: var(--cds2-radius-md);
@@ -1516,7 +1516,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1516
1516
  display: inline-flex;
1517
1517
  }
1518
1518
 
1519
- .capra-Collapse-module-n6NT_q-chevron {
1519
+ .capra-Collapse-module-wSyl2a-chevron {
1520
1520
  color: var(--cds2-color-foreground-subtle);
1521
1521
  transition: transform var(--cds2-motion-duration-medium-2) ease;
1522
1522
  flex-shrink: 0;
@@ -1525,18 +1525,18 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1525
1525
  display: inline-flex;
1526
1526
  }
1527
1527
 
1528
- .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 {
1529
1529
  transform: rotate(90deg);
1530
1530
  }
1531
1531
 
1532
- .capra-Collapse-module-n6NT_q-title {
1532
+ .capra-Collapse-module-wSyl2a-title {
1533
1533
  min-width: 0;
1534
1534
  color: var(--cds2-color-foreground-default);
1535
1535
  font: var(--cds2-typography-body-md-normal);
1536
1536
  flex: 0 auto;
1537
1537
  }
1538
1538
 
1539
- .capra-Collapse-module-n6NT_q-actions {
1539
+ .capra-Collapse-module-wSyl2a-actions {
1540
1540
  justify-content: flex-end;
1541
1541
  align-items: center;
1542
1542
  gap: var(--cds2-spacing-sm);
@@ -1545,7 +1545,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1545
1545
  display: inline-flex;
1546
1546
  }
1547
1547
 
1548
- .capra-Collapse-module-n6NT_q-panel {
1548
+ .capra-Collapse-module-wSyl2a-panel {
1549
1549
  box-sizing: border-box;
1550
1550
  width: 100%;
1551
1551
  min-width: 0;
@@ -1554,11 +1554,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1554
1554
  overflow: hidden;
1555
1555
  }
1556
1556
 
1557
- .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 {
1558
1558
  border-top: var(--cds2-border-default);
1559
1559
  }
1560
1560
 
1561
- .capra-Collapse-module-n6NT_q-panelInner {
1561
+ .capra-Collapse-module-wSyl2a-panelInner {
1562
1562
  padding-block: var(--cds2-spacing-md);
1563
1563
  padding-inline: var(--cds2-spacing-lg);
1564
1564
  font: var(--cds2-typography-body-md-normal);
@@ -1566,11 +1566,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1566
1566
  }
1567
1567
 
1568
1568
  @media (prefers-reduced-motion: reduce) {
1569
- .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 {
1570
1570
  transition: none;
1571
1571
  }
1572
1572
  }
1573
- .capra-InputRow-module-hUHSXW-row {
1573
+ .capra-InputRow-module-hu7l6q-row {
1574
1574
  flex-direction: row;
1575
1575
  align-items: stretch;
1576
1576
  width: 100%;
@@ -1609,15 +1609,14 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1609
1609
  }
1610
1610
  }
1611
1611
 
1612
- .capra-InputRow-module-hUHSXW-addon {
1612
+ .capra-InputRow-module-hu7l6q-addon {
1613
1613
  box-sizing: border-box;
1614
1614
  align-items: center;
1615
1615
  gap: var(--cds2-spacing-md);
1616
1616
  padding-inline: var(--cds2-spacing-md);
1617
1617
  border: var(--cds2-border-default);
1618
- border-color: var(--cds2-temporary-input-border-primary);
1619
1618
  background-color: var(--cds2-brand-core-gray-25);
1620
- color: var(--cds2-temporary-input-foreground-primary);
1619
+ color: var(--cds2-color-foreground-neutral-default);
1621
1620
  white-space: nowrap;
1622
1621
  display: inline-flex;
1623
1622
 
@@ -1632,20 +1631,20 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1632
1631
  }
1633
1632
  }
1634
1633
 
1635
- .capra-InputRow-module-hUHSXW-row > [data-capra-input-row-addon]:first-child:not(:only-child) {
1634
+ .capra-InputRow-module-hu7l6q-row > [data-capra-input-row-addon]:first-child:not(:only-child) {
1636
1635
  border-top-left-radius: var(--cds2-radius-md);
1637
1636
  border-bottom-left-radius: var(--cds2-radius-md);
1638
1637
  }
1639
1638
 
1640
- .capra-InputRow-module-hUHSXW-row > [data-capra-input-row-addon]:last-child:not(:only-child) {
1639
+ .capra-InputRow-module-hu7l6q-row > [data-capra-input-row-addon]:last-child:not(:only-child) {
1641
1640
  border-top-right-radius: var(--cds2-radius-md);
1642
1641
  border-bottom-right-radius: var(--cds2-radius-md);
1643
1642
  }
1644
1643
 
1645
- .capra-InputRow-module-hUHSXW-row > [data-capra-input-row-addon]:only-child {
1644
+ .capra-InputRow-module-hu7l6q-row > [data-capra-input-row-addon]:only-child {
1646
1645
  border-radius: var(--cds2-radius-md);
1647
1646
  }
1648
- .capra-NumberField-module-IscOzq-withStepper {
1647
+ .capra-NumberField-module-9EHhwq-withStepper {
1649
1648
  align-items: stretch;
1650
1649
 
1651
1650
  & input {
@@ -1659,13 +1658,12 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1659
1658
  }
1660
1659
  }
1661
1660
 
1662
- .capra-NumberField-module-IscOzq-slotAlign {
1661
+ .capra-NumberField-module-9EHhwq-slotAlign {
1663
1662
  align-self: center;
1664
1663
  }
1665
1664
 
1666
- .capra-NumberField-module-IscOzq-withStepper .capra-NumberField-module-IscOzq-stepper {
1665
+ .capra-NumberField-module-9EHhwq-withStepper .capra-NumberField-module-9EHhwq-stepper {
1667
1666
  border-left: var(--cds2-border-default);
1668
- border-color: var(--cds2-temporary-input-border-primary);
1669
1667
  border-radius: 0 var(--cds2-radius-md) var(--cds2-radius-md) 0;
1670
1668
  width: 28px;
1671
1669
  min-width: 28px;
@@ -1677,8 +1675,8 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1677
1675
  overflow: hidden;
1678
1676
  }
1679
1677
 
1680
- .capra-NumberField-module-IscOzq-withStepper .capra-NumberField-module-IscOzq-stepButton {
1681
- background: var(--cds2-temporary-input-background-primary);
1678
+ .capra-NumberField-module-9EHhwq-withStepper .capra-NumberField-module-9EHhwq-stepButton {
1679
+ background: var(--cds2-color-background-neutral-surface);
1682
1680
  min-height: 0;
1683
1681
  color: var(--cds2-color-foreground-subtle);
1684
1682
  cursor: pointer;
@@ -1691,7 +1689,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1691
1689
 
1692
1690
  &:disabled {
1693
1691
  cursor: not-allowed;
1694
- color: var(--cds2-temporary-input-foreground-disabled);
1692
+ color: var(--cds2-color-foreground-on-disabled);
1695
1693
  }
1696
1694
 
1697
1695
  &:focus-visible {
@@ -1701,70 +1699,69 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1701
1699
  }
1702
1700
  }
1703
1701
 
1704
- .capra-NumberField-module-IscOzq-withStepper:has(input:disabled) .capra-NumberField-module-IscOzq-stepper, .capra-NumberField-module-IscOzq-withStepper:has(input:read-only) .capra-NumberField-module-IscOzq-stepper {
1702
+ .capra-NumberField-module-9EHhwq-withStepper:has(input:disabled) .capra-NumberField-module-9EHhwq-stepper, .capra-NumberField-module-9EHhwq-withStepper:has(input:read-only) .capra-NumberField-module-9EHhwq-stepper {
1705
1703
  display: none;
1706
1704
  }
1707
1705
 
1708
- .capra-NumberField-module-IscOzq-withStepper .capra-NumberField-module-IscOzq-stepDivider {
1706
+ .capra-NumberField-module-9EHhwq-withStepper .capra-NumberField-module-9EHhwq-stepDivider {
1709
1707
  border-top: var(--cds2-border-default);
1710
- border-color: var(--cds2-temporary-input-border-primary);
1711
1708
  flex-shrink: 0;
1712
1709
  height: 0;
1713
1710
  }
1714
1711
 
1715
- .capra-NumberField-module-IscOzq-withStepper .capra-NumberField-module-IscOzq-stepIcon {
1712
+ .capra-NumberField-module-9EHhwq-withStepper .capra-NumberField-module-9EHhwq-stepIcon {
1716
1713
  line-height: 0;
1717
1714
  display: inline-flex;
1718
1715
  }
1719
- .capra-DatePickerField-module-F3cFEa-datePickerField[data-open="true"] [data-capra-text-input] {
1716
+ .capra-DatePickerField-module-QiJSbG-datePickerField[data-open="true"] [data-capra-text-input] {
1720
1717
  border-color: var(--cds2-color-background-accent-solid-active);
1721
1718
  }
1722
1719
 
1723
- .capra-DatePickerField-module-F3cFEa-datePickerShell {
1720
+ .capra-DatePickerField-module-QiJSbG-datePickerShell {
1724
1721
  box-sizing: border-box;
1725
1722
  gap: var(--cds2-spacing-md);
1726
1723
  padding-inline: var(--cds2-spacing-md);
1727
1724
  border-radius: var(--cds2-radius-md);
1728
1725
  }
1729
1726
 
1730
- .capra-DatePickerField-module-F3cFEa-datePickerField:not([data-disabled="true"], [data-readonly="true"]) .capra-DatePickerField-module-F3cFEa-datePickerShell:hover {
1731
- border-color: var(--cds2-temporary-input-border-highlight);
1727
+ .capra-DatePickerField-module-QiJSbG-datePickerField:not([data-disabled="true"], [data-readonly="true"]) .capra-DatePickerField-module-QiJSbG-datePickerShell:hover {
1728
+ border-color: var(--cds2-color-border-accent-hover);
1732
1729
  }
1733
1730
 
1734
- .capra-DatePickerField-module-F3cFEa-datePickerField:not([data-disabled="true"], [data-readonly="true"]) .capra-DatePickerField-module-F3cFEa-datePickerShell:has([data-focused="true"]) {
1731
+ .capra-DatePickerField-module-QiJSbG-datePickerField:not([data-disabled="true"], [data-readonly="true"]) .capra-DatePickerField-module-QiJSbG-datePickerShell:has([data-focused="true"]) {
1735
1732
  outline: var(--cds2-border-focus);
1736
1733
  outline-offset: var(--cds2-spacing-xs);
1737
- border-color: var(--cds2-temporary-input-border-highlight);
1734
+ border-color: var(--cds2-color-border-accent-hover);
1738
1735
  }
1739
1736
 
1740
- .capra-DatePickerField-module-F3cFEa-datePickerField[data-disabled="true"] .capra-DatePickerField-module-F3cFEa-datePickerShell, .capra-DatePickerField-module-F3cFEa-datePickerField[data-readonly="true"] .capra-DatePickerField-module-F3cFEa-datePickerShell {
1741
- background-color: var(--cds2-temporary-input-background-disabled);
1742
- border-color: var(--cds2-temporary-input-border-disabled);
1743
- color: var(--cds2-temporary-input-foreground-disabled);
1737
+ .capra-DatePickerField-module-QiJSbG-datePickerField[data-disabled="true"] .capra-DatePickerField-module-QiJSbG-datePickerShell, .capra-DatePickerField-module-QiJSbG-datePickerField[data-readonly="true"] .capra-DatePickerField-module-QiJSbG-datePickerShell {
1738
+ background-color: var(--cds2-color-background-disabled);
1739
+ border-color: var(--cds2-color-border-disabled);
1740
+ color: var(--cds2-color-foreground-on-disabled);
1744
1741
  }
1745
1742
 
1746
- .capra-DatePickerField-module-F3cFEa-datePickerField[data-readonly="true"] .capra-DatePickerField-module-F3cFEa-datePickerShell {
1743
+ .capra-DatePickerField-module-QiJSbG-datePickerField[data-readonly="true"] .capra-DatePickerField-module-QiJSbG-datePickerShell {
1747
1744
  cursor: default;
1748
1745
  }
1749
1746
 
1750
- .capra-DatePickerField-module-F3cFEa-datePickerField[data-disabled="true"] .capra-DatePickerField-module-F3cFEa-datePickerShell {
1747
+ .capra-DatePickerField-module-QiJSbG-datePickerField[data-disabled="true"] .capra-DatePickerField-module-QiJSbG-datePickerShell {
1751
1748
  cursor: not-allowed;
1752
1749
  }
1753
1750
 
1754
- .capra-DatePickerField-module-F3cFEa-dateInputShell {
1751
+ .capra-DatePickerField-module-QiJSbG-dateInputShell {
1755
1752
  flex: auto;
1756
1753
  min-width: 0;
1757
1754
  position: relative;
1758
1755
  }
1759
1756
 
1760
- .capra-DatePickerField-module-F3cFEa-dateInputShell[data-show-string-placeholder="true"] .capra-DatePickerField-module-F3cFEa-dateInput {
1757
+ .capra-DatePickerField-module-QiJSbG-dateInputShell[data-show-string-placeholder="true"] .capra-DatePickerField-module-QiJSbG-dateInput {
1761
1758
  opacity: 0;
1762
1759
  }
1763
1760
 
1764
- .capra-DatePickerField-module-F3cFEa-stringPlaceholder {
1761
+ .capra-DatePickerField-module-QiJSbG-stringPlaceholder {
1765
1762
  max-width: 100%;
1766
1763
  font: inherit;
1767
- color: var(--cds2-temporary-input-foreground-placeholder);
1764
+ color: var(--cds2-color-foreground-placeholder);
1768
1765
  white-space: nowrap;
1769
1766
  text-overflow: ellipsis;
1770
1767
  pointer-events: none;
@@ -1776,11 +1773,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1776
1773
  overflow: hidden;
1777
1774
  }
1778
1775
 
1779
- .capra-DatePickerField-module-F3cFEa-datePickerField[data-disabled="true"] .capra-DatePickerField-module-F3cFEa-stringPlaceholder, .capra-DatePickerField-module-F3cFEa-datePickerField[data-readonly="true"] .capra-DatePickerField-module-F3cFEa-stringPlaceholder {
1780
- color: var(--cds2-temporary-input-foreground-disabled);
1776
+ .capra-DatePickerField-module-QiJSbG-datePickerField[data-disabled="true"] .capra-DatePickerField-module-QiJSbG-stringPlaceholder, .capra-DatePickerField-module-QiJSbG-datePickerField[data-readonly="true"] .capra-DatePickerField-module-QiJSbG-stringPlaceholder {
1777
+ color: var(--cds2-color-foreground-on-disabled);
1781
1778
  }
1782
1779
 
1783
- .capra-DatePickerField-module-F3cFEa-dateInput {
1780
+ .capra-DatePickerField-module-QiJSbG-dateInput {
1784
1781
  min-width: 0;
1785
1782
  color: var(--cds2-color-foreground-default);
1786
1783
  align-items: center;
@@ -1797,7 +1794,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1797
1794
  }
1798
1795
  }
1799
1796
 
1800
- .capra-DatePickerField-module-F3cFEa-segment {
1797
+ .capra-DatePickerField-module-QiJSbG-segment {
1801
1798
  padding: 0 var(--cds2-spacing-xs);
1802
1799
  border-radius: var(--cds2-radius-md);
1803
1800
  font: inherit;
@@ -1812,12 +1809,12 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1812
1809
  }
1813
1810
 
1814
1811
  &[data-placeholder="true"] {
1815
- color: var(--cds2-temporary-input-foreground-placeholder);
1812
+ color: var(--cds2-color-foreground-placeholder);
1816
1813
  }
1817
1814
 
1818
1815
  &[data-readonly="true"], &[data-disabled="true"] {
1819
1816
  cursor: not-allowed;
1820
- color: var(--cds2-temporary-input-foreground-disabled);
1817
+ color: var(--cds2-color-foreground-on-disabled);
1821
1818
  }
1822
1819
 
1823
1820
  &[data-focused="true"] {
@@ -1826,7 +1823,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1826
1823
  }
1827
1824
  }
1828
1825
 
1829
- .capra-DatePickerField-module-F3cFEa-calendarButton {
1826
+ .capra-DatePickerField-module-QiJSbG-calendarButton {
1830
1827
  box-sizing: border-box;
1831
1828
  min-width: var(--cds2-dimension-component-sm);
1832
1829
  min-height: var(--cds2-dimension-component-sm);
@@ -1843,7 +1840,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1843
1840
 
1844
1841
  &[data-disabled="true"] {
1845
1842
  cursor: not-allowed;
1846
- color: var(--cds2-temporary-input-foreground-disabled);
1843
+ color: var(--cds2-color-foreground-on-disabled);
1847
1844
  }
1848
1845
 
1849
1846
  &[data-focus-visible="true"] {
@@ -1853,20 +1850,19 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1853
1850
  }
1854
1851
  }
1855
1852
 
1856
- .capra-DatePickerField-module-F3cFEa-popover {
1853
+ .capra-DatePickerField-module-QiJSbG-popover {
1857
1854
  padding: calc(var(--cds2-spacing-md) + var(--cds2-spacing-sm));
1858
1855
  border-radius: var(--cds2-radius-md);
1859
1856
  border: var(--cds2-border-default);
1860
- border-color: var(--cds2-temporary-input-border-primary);
1861
- background: var(--cds2-temporary-input-background-primary);
1857
+ background: var(--cds2-color-background-neutral-surface);
1862
1858
  box-shadow: var(--cds2-shadow-medium-down);
1863
1859
  }
1864
1860
 
1865
- .capra-DatePickerField-module-F3cFEa-dialog {
1861
+ .capra-DatePickerField-module-QiJSbG-dialog {
1866
1862
  outline: none;
1867
1863
  }
1868
1864
 
1869
- .capra-DatePickerField-module-F3cFEa-calendar {
1865
+ .capra-DatePickerField-module-QiJSbG-calendar {
1870
1866
  gap: var(--cds2-spacing-md);
1871
1867
  border-radius: var(--cds2-radius-md);
1872
1868
  flex-direction: column;
@@ -1875,7 +1871,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1875
1871
  display: flex;
1876
1872
  }
1877
1873
 
1878
- .capra-DatePickerField-module-F3cFEa-calendarHeader {
1874
+ .capra-DatePickerField-module-QiJSbG-calendarHeader {
1879
1875
  justify-content: space-between;
1880
1876
  align-items: center;
1881
1877
  gap: var(--cds2-spacing-md);
@@ -1885,7 +1881,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1885
1881
  display: flex;
1886
1882
  }
1887
1883
 
1888
- .capra-DatePickerField-module-F3cFEa-calendarHeaderLeading, .capra-DatePickerField-module-F3cFEa-calendarHeaderTrailing {
1884
+ .capra-DatePickerField-module-QiJSbG-calendarHeaderLeading, .capra-DatePickerField-module-QiJSbG-calendarHeaderTrailing {
1889
1885
  align-items: center;
1890
1886
  gap: var(--cds2-spacing-sm);
1891
1887
  flex-shrink: 0;
@@ -1893,11 +1889,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1893
1889
  display: flex;
1894
1890
  }
1895
1891
 
1896
- .capra-DatePickerField-module-F3cFEa-calendarHeaderTrailing {
1892
+ .capra-DatePickerField-module-QiJSbG-calendarHeaderTrailing {
1897
1893
  justify-content: flex-end;
1898
1894
  }
1899
1895
 
1900
- .capra-DatePickerField-module-F3cFEa-navButton {
1896
+ .capra-DatePickerField-module-QiJSbG-navButton {
1901
1897
  box-sizing: border-box;
1902
1898
  width: var(--cds2-dimension-component-sm);
1903
1899
  height: var(--cds2-dimension-component-sm);
@@ -1914,7 +1910,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1914
1910
 
1915
1911
  &[data-disabled="true"] {
1916
1912
  cursor: not-allowed;
1917
- color: var(--cds2-temporary-input-foreground-disabled);
1913
+ color: var(--cds2-color-foreground-on-disabled);
1918
1914
  }
1919
1915
 
1920
1916
  &[data-focus-visible="true"] {
@@ -1923,7 +1919,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1923
1919
  }
1924
1920
  }
1925
1921
 
1926
- .capra-DatePickerField-module-F3cFEa-calendarTitle {
1922
+ .capra-DatePickerField-module-QiJSbG-calendarTitle {
1927
1923
  text-align: center;
1928
1924
  min-width: 0;
1929
1925
  font: var(--cds2-typography-body-md-semibold);
@@ -1932,7 +1928,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1932
1928
  margin: 0;
1933
1929
  }
1934
1930
 
1935
- .capra-DatePickerField-module-F3cFEa-grid {
1931
+ .capra-DatePickerField-module-QiJSbG-grid {
1936
1932
  table-layout: fixed;
1937
1933
  border-collapse: collapse;
1938
1934
  width: 224px;
@@ -1965,7 +1961,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1965
1961
  }
1966
1962
  }
1967
1963
 
1968
- .capra-DatePickerField-module-F3cFEa-cell {
1964
+ .capra-DatePickerField-module-QiJSbG-cell {
1969
1965
  box-sizing: border-box;
1970
1966
  width: var(--cds2-dimension-component-sm);
1971
1967
  height: var(--cds2-dimension-component-sm);
@@ -1984,12 +1980,12 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
1984
1980
  display: flex;
1985
1981
 
1986
1982
  &[data-outside-month="true"] {
1987
- color: var(--cds2-temporary-input-foreground-placeholder);
1983
+ color: var(--cds2-color-foreground-placeholder);
1988
1984
  }
1989
1985
 
1990
1986
  &[data-disabled="true"] {
1991
1987
  cursor: not-allowed;
1992
- color: var(--cds2-temporary-input-foreground-disabled);
1988
+ color: var(--cds2-color-foreground-on-disabled);
1993
1989
  }
1994
1990
 
1995
1991
  &[data-unavailable="true"] {
@@ -2014,25 +2010,25 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2014
2010
  }
2015
2011
  }
2016
2012
 
2017
- .capra-DatePickerField-module-F3cFEa-fieldError {
2013
+ .capra-DatePickerField-module-QiJSbG-fieldError {
2018
2014
  font: var(--cds2-typography-body-sm-normal);
2019
2015
  color: var(--cds2-color-foreground-danger-default);
2020
2016
  margin-block-start: var(--cds2-spacing-xs);
2021
2017
  }
2022
- .capra-SelectField-module-0VcKhq-triggerShell {
2018
+ .capra-SelectField-module-u_B-LG-triggerShell {
2023
2019
  border: var(--cds2-border-default);
2024
2020
  border-radius: var(--cds2-radius-md);
2025
- background-color: var(--cds2-temporary-input-background-primary);
2021
+ background-color: var(--cds2-color-background-neutral-surface);
2026
2022
  width: 100%;
2027
2023
  min-width: 0;
2028
- color: var(--cds2-temporary-input-foreground-primary);
2024
+ color: var(--cds2-color-foreground-neutral-default);
2029
2025
  transition: border-color var(--cds2-motion-duration-short) ease,
2030
2026
  box-shadow var(--cds2-motion-duration-short) ease;
2031
2027
  align-items: center;
2032
2028
  display: inline-flex;
2033
2029
 
2034
2030
  &:not([data-disabled="true"]):hover {
2035
- border-color: var(--cds2-temporary-input-border-highlight);
2031
+ border-color: var(--cds2-color-border-accent-hover);
2036
2032
  }
2037
2033
 
2038
2034
  &[data-size="sm"] {
@@ -2049,28 +2045,28 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2049
2045
  }
2050
2046
 
2051
2047
  &[data-disabled="true"] {
2052
- background-color: var(--cds2-temporary-input-background-disabled);
2053
- border-color: var(--cds2-temporary-input-border-disabled);
2054
- color: var(--cds2-temporary-input-foreground-disabled);
2048
+ background-color: var(--cds2-color-background-disabled);
2049
+ border-color: var(--cds2-color-border-disabled);
2050
+ color: var(--cds2-color-foreground-on-disabled);
2055
2051
  cursor: not-allowed;
2056
2052
 
2057
- & .capra-SelectField-module-0VcKhq-leadingSlot, & .capra-SelectField-module-0VcKhq-trailingSlot, & .capra-SelectField-module-0VcKhq-valueText, & .capra-SelectField-module-0VcKhq-tag {
2058
- color: var(--cds2-temporary-input-foreground-disabled);
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 {
2054
+ color: var(--cds2-color-foreground-on-disabled);
2059
2055
  }
2060
2056
  }
2061
2057
  }
2062
2058
 
2063
- .capra-SelectField-module-0VcKhq-singleTrigger {
2059
+ .capra-SelectField-module-u_B-LG-singleTrigger {
2064
2060
  &:focus-visible {
2065
2061
  outline: var(--cds2-border-focus);
2066
2062
  outline-offset: var(--cds2-spacing-xs);
2067
2063
  }
2068
2064
  }
2069
2065
 
2070
- .capra-SelectField-module-0VcKhq-multipleTrigger {
2066
+ .capra-SelectField-module-u_B-LG-multipleTrigger {
2071
2067
  overflow: hidden;
2072
2068
 
2073
- &:has(.capra-SelectField-module-0VcKhq-multipleOpenButton:focus-visible) {
2069
+ &:has(.capra-SelectField-module-u_B-LG-multipleOpenButton:focus-visible) {
2074
2070
  outline: var(--cds2-border-focus);
2075
2071
  outline-offset: var(--cds2-spacing-xs);
2076
2072
  }
@@ -2080,7 +2076,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2080
2076
  }
2081
2077
  }
2082
2078
 
2083
- .capra-SelectField-module-0VcKhq-multipleOpenButton {
2079
+ .capra-SelectField-module-u_B-LG-multipleOpenButton {
2084
2080
  color: inherit;
2085
2081
  cursor: pointer;
2086
2082
  background: none;
@@ -2100,7 +2096,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2100
2096
  }
2101
2097
  }
2102
2098
 
2103
- .capra-SelectField-module-0VcKhq-leadingSlot, .capra-SelectField-module-0VcKhq-trailingSlot {
2099
+ .capra-SelectField-module-u_B-LG-leadingSlot, .capra-SelectField-module-u_B-LG-trailingSlot {
2104
2100
  align-items: center;
2105
2101
  gap: var(--cds2-spacing-md);
2106
2102
  color: var(--cds2-color-foreground-subtle);
@@ -2108,7 +2104,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2108
2104
  display: inline-flex;
2109
2105
  }
2110
2106
 
2111
- .capra-SelectField-module-0VcKhq-value {
2107
+ .capra-SelectField-module-u_B-LG-value {
2112
2108
  align-items: center;
2113
2109
  gap: var(--cds2-spacing-sm);
2114
2110
  flex: auto;
@@ -2116,31 +2112,31 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2116
2112
  display: flex;
2117
2113
  }
2118
2114
 
2119
- .capra-SelectField-module-0VcKhq-valueIcon {
2115
+ .capra-SelectField-module-u_B-LG-valueIcon {
2120
2116
  color: var(--cds2-color-foreground-subtle);
2121
2117
  flex-shrink: 0;
2122
2118
  align-items: center;
2123
2119
  display: inline-flex;
2124
2120
  }
2125
2121
 
2126
- .capra-SelectField-module-0VcKhq-valueText {
2122
+ .capra-SelectField-module-u_B-LG-valueText {
2127
2123
  text-overflow: ellipsis;
2128
2124
  white-space: nowrap;
2129
2125
  min-width: 0;
2130
2126
  overflow: hidden;
2131
2127
 
2132
2128
  &[data-placeholder] {
2133
- color: var(--cds2-temporary-input-foreground-placeholder);
2129
+ color: var(--cds2-color-foreground-placeholder);
2134
2130
  }
2135
2131
  }
2136
2132
 
2137
- .capra-SelectField-module-0VcKhq-tagGroup {
2133
+ .capra-SelectField-module-u_B-LG-tagGroup {
2138
2134
  flex: auto;
2139
2135
  min-width: 0;
2140
2136
  display: flex;
2141
2137
  }
2142
2138
 
2143
- .capra-SelectField-module-0VcKhq-tagList {
2139
+ .capra-SelectField-module-u_B-LG-tagList {
2144
2140
  gap: var(--cds2-spacing-xs);
2145
2141
  min-width: 0;
2146
2142
  padding-block: var(--cds2-spacing-xs);
@@ -2158,7 +2154,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2158
2154
  }
2159
2155
  }
2160
2156
 
2161
- .capra-SelectField-module-0VcKhq-tag {
2157
+ .capra-SelectField-module-u_B-LG-tag {
2162
2158
  justify-content: space-between;
2163
2159
  align-items: center;
2164
2160
  gap: var(--cds2-spacing-sm);
@@ -2194,21 +2190,21 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2194
2190
  }
2195
2191
  }
2196
2192
 
2197
- .capra-SelectField-module-0VcKhq-tagIcon {
2193
+ .capra-SelectField-module-u_B-LG-tagIcon {
2198
2194
  color: var(--cds2-color-foreground-subtle);
2199
2195
  flex-shrink: 0;
2200
2196
  align-items: center;
2201
2197
  display: inline-flex;
2202
2198
  }
2203
2199
 
2204
- .capra-SelectField-module-0VcKhq-tagLabel {
2200
+ .capra-SelectField-module-u_B-LG-tagLabel {
2205
2201
  text-overflow: ellipsis;
2206
2202
  white-space: nowrap;
2207
2203
  min-width: 0;
2208
2204
  overflow: hidden;
2209
2205
  }
2210
2206
 
2211
- .capra-SelectField-module-0VcKhq-tagRemove {
2207
+ .capra-SelectField-module-u_B-LG-tagRemove {
2212
2208
  width: var(--cds2-dimension-component-xs);
2213
2209
  height: var(--cds2-dimension-component-xs);
2214
2210
  border-radius: var(--cds2-radius-md);
@@ -2224,7 +2220,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2224
2220
  display: inline-flex;
2225
2221
 
2226
2222
  &:hover {
2227
- background-color: var(--cds-color-state-layer-hover);
2223
+ background-color: var(--cds2-color-background-neutral-hover);
2228
2224
  }
2229
2225
 
2230
2226
  &:focus-visible {
@@ -2233,21 +2229,21 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2233
2229
  }
2234
2230
  }
2235
2231
 
2236
- .capra-SelectField-module-0VcKhq-chevron, .capra-SelectField-module-0VcKhq-warningIndicator, .capra-SelectField-module-0VcKhq-errorIndicator {
2232
+ .capra-SelectField-module-u_B-LG-chevron, .capra-SelectField-module-u_B-LG-warningIndicator, .capra-SelectField-module-u_B-LG-errorIndicator {
2237
2233
  justify-content: center;
2238
2234
  align-items: center;
2239
2235
  display: inline-flex;
2240
2236
  }
2241
2237
 
2242
- .capra-SelectField-module-0VcKhq-warningIndicator {
2238
+ .capra-SelectField-module-u_B-LG-warningIndicator {
2243
2239
  color: var(--cds2-color-foreground-warning-default);
2244
2240
  }
2245
2241
 
2246
- .capra-SelectField-module-0VcKhq-errorIndicator {
2242
+ .capra-SelectField-module-u_B-LG-errorIndicator {
2247
2243
  color: var(--cds2-color-foreground-danger-default);
2248
2244
  }
2249
2245
 
2250
- .capra-SelectField-module-0VcKhq-dropdownPanel {
2246
+ .capra-SelectField-module-u_B-LG-dropdownPanel {
2251
2247
  gap: var(--cds2-spacing-sm);
2252
2248
  padding: var(--cds2-spacing-sm);
2253
2249
  border: var(--cds2-border-default);
@@ -2259,11 +2255,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2259
2255
  display: flex;
2260
2256
  }
2261
2257
 
2262
- .capra-SelectField-module-0VcKhq-search {
2258
+ .capra-SelectField-module-u_B-LG-search {
2263
2259
  width: 100%;
2264
2260
  }
2265
2261
 
2266
- .capra-SelectField-module-0VcKhq-listbox {
2262
+ .capra-SelectField-module-u_B-LG-listbox {
2267
2263
  gap: var(--cds2-spacing-xs);
2268
2264
  flex-direction: column;
2269
2265
  max-height: 320px;
@@ -2271,17 +2267,17 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2271
2267
  overflow-y: auto;
2272
2268
  }
2273
2269
 
2274
- .capra-SelectField-module-0VcKhq-emptyState {
2270
+ .capra-SelectField-module-u_B-LG-emptyState {
2275
2271
  padding: var(--cds2-spacing-sm) var(--cds2-spacing-md);
2276
2272
  color: var(--cds2-color-foreground-subtle);
2277
2273
  font: var(--cds2-typography-body-md-normal);
2278
2274
  }
2279
2275
 
2280
- .capra-SelectField-module-0VcKhq-section {
2276
+ .capra-SelectField-module-u_B-LG-section {
2281
2277
  display: contents;
2282
2278
  }
2283
2279
 
2284
- .capra-SelectField-module-0VcKhq-header {
2280
+ .capra-SelectField-module-u_B-LG-header {
2285
2281
  box-sizing: border-box;
2286
2282
  color: var(--cds2-color-foreground-default);
2287
2283
  font: var(--cds2-typography-body-md-semibold);
@@ -2291,11 +2287,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2291
2287
  display: flex;
2292
2288
  }
2293
2289
 
2294
- .capra-SelectField-module-0VcKhq-dropdownPanel:focus-visible, .capra-SelectField-module-0VcKhq-listbox:focus-visible {
2290
+ .capra-SelectField-module-u_B-LG-dropdownPanel:focus-visible, .capra-SelectField-module-u_B-LG-listbox:focus-visible {
2295
2291
  outline: none;
2296
2292
  }
2297
2293
 
2298
- .capra-SelectField-module-0VcKhq-item {
2294
+ .capra-SelectField-module-u_B-LG-item {
2299
2295
  border-radius: var(--cds2-radius-md);
2300
2296
  outline: none;
2301
2297
 
@@ -2318,21 +2314,21 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2318
2314
  }
2319
2315
  }
2320
2316
 
2321
- .capra-SelectField-module-0VcKhq-itemContent {
2317
+ .capra-SelectField-module-u_B-LG-itemContent {
2322
2318
  align-items: center;
2323
2319
  gap: var(--cds2-spacing-sm);
2324
2320
  padding: var(--cds2-spacing-sm) var(--cds2-spacing-md) var(--cds2-spacing-sm) var(--cds2-spacing-sm);
2325
2321
  display: flex;
2326
2322
  }
2327
2323
 
2328
- .capra-SelectField-module-0VcKhq-itemBody {
2324
+ .capra-SelectField-module-u_B-LG-itemBody {
2329
2325
  align-items: center;
2330
2326
  gap: var(--cds2-spacing-md);
2331
2327
  min-width: 0;
2332
2328
  display: inline-flex;
2333
2329
  }
2334
2330
 
2335
- .capra-SelectField-module-0VcKhq-itemCheck {
2331
+ .capra-SelectField-module-u_B-LG-itemCheck {
2336
2332
  width: var(--cds2-dimension-icon-sm);
2337
2333
  min-width: var(--cds2-dimension-icon-sm);
2338
2334
  height: var(--cds2-dimension-icon-sm);
@@ -2341,15 +2337,15 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2341
2337
  align-items: center;
2342
2338
  display: inline-flex;
2343
2339
 
2344
- .capra-SelectField-module-0VcKhq-item[data-disabled="true"] & {
2340
+ .capra-SelectField-module-u_B-LG-item[data-disabled="true"] & {
2345
2341
  color: var(--cds2-color-foreground-on-disabled);
2346
2342
  }
2347
2343
  }
2348
- .capra-DateRangePickerField-module-QpPhpG-dateRangeInputShell[data-show-string-placeholder="true"] .capra-DateRangePickerField-module-QpPhpG-dateInputsRow {
2344
+ .capra-DateRangePickerField-module-2--cmG-dateRangeInputShell[data-show-string-placeholder="true"] .capra-DateRangePickerField-module-2--cmG-dateInputsRow {
2349
2345
  opacity: 0;
2350
2346
  }
2351
2347
 
2352
- .capra-DateRangePickerField-module-QpPhpG-dateInputsRow {
2348
+ .capra-DateRangePickerField-module-2--cmG-dateInputsRow {
2353
2349
  align-items: center;
2354
2350
  gap: var(--cds2-spacing-xs);
2355
2351
  flex: auto;
@@ -2357,7 +2353,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2357
2353
  display: flex;
2358
2354
  }
2359
2355
 
2360
- .capra-DateRangePickerField-module-QpPhpG-stringPlaceholderRange {
2356
+ .capra-DateRangePickerField-module-2--cmG-stringPlaceholderRange {
2361
2357
  gap: var(--cds2-spacing-xs);
2362
2358
  white-space: normal;
2363
2359
  width: 100%;
@@ -2366,7 +2362,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2366
2362
  overflow: hidden;
2367
2363
  }
2368
2364
 
2369
- .capra-DateRangePickerField-module-QpPhpG-stringPlaceholderText {
2365
+ .capra-DateRangePickerField-module-2--cmG-stringPlaceholderText {
2370
2366
  white-space: nowrap;
2371
2367
  text-overflow: ellipsis;
2372
2368
  flex: 1 1 0;
@@ -2374,14 +2370,14 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2374
2370
  overflow: hidden;
2375
2371
  }
2376
2372
 
2377
- .capra-DateRangePickerField-module-QpPhpG-stringPlaceholderSwap {
2373
+ .capra-DateRangePickerField-module-2--cmG-stringPlaceholderSwap {
2378
2374
  color: inherit;
2379
2375
  flex-shrink: 0;
2380
2376
  align-items: center;
2381
2377
  display: inline-flex;
2382
2378
  }
2383
2379
 
2384
- .capra-DateRangePickerField-module-QpPhpG-grid {
2380
+ .capra-DateRangePickerField-module-2--cmG-grid {
2385
2381
  table-layout: fixed;
2386
2382
  border-collapse: collapse;
2387
2383
  width: 224px;
@@ -2432,7 +2428,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2432
2428
  }
2433
2429
  }
2434
2430
 
2435
- .capra-DateRangePickerField-module-QpPhpG-cell {
2431
+ .capra-DateRangePickerField-module-2--cmG-cell {
2436
2432
  box-sizing: border-box;
2437
2433
  width: var(--cds2-dimension-component-sm);
2438
2434
  height: var(--cds2-dimension-component-sm);
@@ -2449,12 +2445,12 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2449
2445
  display: flex;
2450
2446
 
2451
2447
  &[data-outside-month="true"] {
2452
- color: var(--cds2-temporary-input-foreground-placeholder);
2448
+ color: var(--cds2-color-foreground-placeholder);
2453
2449
  }
2454
2450
 
2455
2451
  &[data-disabled="true"] {
2456
2452
  cursor: not-allowed;
2457
- color: var(--cds2-temporary-input-foreground-disabled);
2453
+ color: var(--cds2-color-foreground-on-disabled);
2458
2454
  }
2459
2455
 
2460
2456
  &[data-unavailable="true"] {
@@ -2469,7 +2465,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2469
2465
  }
2470
2466
 
2471
2467
  &[data-capra-range-track]:not([data-selection-start="true"]):not([data-selection-end="true"])[data-outside-month="true"] {
2472
- color: var(--cds2-temporary-input-foreground-placeholder);
2468
+ color: var(--cds2-color-foreground-placeholder);
2473
2469
  }
2474
2470
 
2475
2471
  &[data-selected="true"][data-selection-start="true"], &[data-selected="true"][data-selection-end="true"], &[data-capra-range-track][data-selection-start="true"], &[data-capra-range-track][data-selection-end="true"] {
@@ -2487,12 +2483,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2487
2483
  outline-offset: 2px;
2488
2484
  }
2489
2485
  }
2490
- .capra-TextArea-module-mXpaDq-wrapper {
2491
- background-color: var(--cds2-temporary-input-background-primary);
2492
- border-color: var(--cds2-temporary-input-border-primary);
2486
+ .capra-TextArea-module-R8TFDG-wrapper {
2487
+ background-color: var(--cds2-color-background-neutral-surface);
2493
2488
  border-radius: var(--cds2-radius-md);
2494
2489
  border: var(--cds2-border-default);
2495
- color: var(--cds2-temporary-input-foreground-primary);
2490
+ color: var(--cds2-color-foreground-neutral-default);
2496
2491
  font: var(--cds2-typography-body-md-normal);
2497
2492
  width: 100%;
2498
2493
  min-width: 0;
@@ -2503,12 +2498,12 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2503
2498
  display: flex;
2504
2499
  position: relative;
2505
2500
 
2506
- &[data-has-indicator="true"] .capra-TextArea-module-mXpaDq-textarea {
2501
+ &[data-has-indicator="true"] .capra-TextArea-module-R8TFDG-textarea {
2507
2502
  padding-inline-end: var(--cds2-spacing-xl);
2508
2503
  }
2509
2504
 
2510
2505
  &:hover:not([data-disabled="true"]):not([data-read-only="true"]) {
2511
- border-color: var(--cds2-temporary-input-border-highlight);
2506
+ border-color: var(--cds2-color-border-accent-hover);
2512
2507
  }
2513
2508
 
2514
2509
  &:has(textarea:focus-visible):not([data-disabled="true"]):not([data-read-only="true"]) {
@@ -2517,19 +2512,19 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2517
2512
  }
2518
2513
 
2519
2514
  &[data-disabled="true"], &[data-read-only="true"] {
2520
- background-color: var(--cds2-temporary-input-background-disabled);
2521
- border-color: var(--cds2-temporary-input-border-disabled);
2522
- color: var(--cds2-temporary-input-foreground-disabled);
2515
+ background-color: var(--cds2-color-background-disabled);
2516
+ border-color: var(--cds2-color-border-disabled);
2517
+ color: var(--cds2-color-foreground-on-disabled);
2523
2518
 
2524
- & .capra-TextArea-module-mXpaDq-trailingRow {
2525
- color: var(--cds2-temporary-input-foreground-disabled);
2519
+ & .capra-TextArea-module-R8TFDG-trailingRow {
2520
+ color: var(--cds2-color-foreground-on-disabled);
2526
2521
  }
2527
2522
  }
2528
2523
 
2529
2524
  &[data-read-only="true"] {
2530
2525
  cursor: default;
2531
2526
 
2532
- & .capra-TextArea-module-mXpaDq-textarea {
2527
+ & .capra-TextArea-module-R8TFDG-textarea {
2533
2528
  cursor: default;
2534
2529
  }
2535
2530
  }
@@ -2537,12 +2532,12 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2537
2532
  &[data-disabled="true"] {
2538
2533
  cursor: not-allowed;
2539
2534
 
2540
- & .capra-TextArea-module-mXpaDq-textarea {
2535
+ & .capra-TextArea-module-R8TFDG-textarea {
2541
2536
  cursor: not-allowed;
2542
2537
  }
2543
2538
  }
2544
2539
 
2545
- & .capra-TextArea-module-mXpaDq-textarea {
2540
+ & .capra-TextArea-module-R8TFDG-textarea {
2546
2541
  color: inherit;
2547
2542
  font: inherit;
2548
2543
  min-width: 0;
@@ -2558,20 +2553,20 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2558
2553
  width: 100%;
2559
2554
 
2560
2555
  &::placeholder {
2561
- color: var(--cds2-temporary-input-foreground-placeholder);
2556
+ color: var(--cds2-color-foreground-placeholder);
2562
2557
  }
2563
2558
  }
2564
2559
 
2565
- &[data-resizable="false"] .capra-TextArea-module-mXpaDq-textarea {
2560
+ &[data-resizable="false"] .capra-TextArea-module-R8TFDG-textarea {
2566
2561
  resize: none;
2567
2562
  }
2568
2563
 
2569
- &[data-autosize="true"] .capra-TextArea-module-mXpaDq-textarea {
2564
+ &[data-autosize="true"] .capra-TextArea-module-R8TFDG-textarea {
2570
2565
  resize: none;
2571
2566
  overflow-x: hidden;
2572
2567
  }
2573
2568
 
2574
- & .capra-TextArea-module-mXpaDq-indicators {
2569
+ & .capra-TextArea-module-R8TFDG-indicators {
2575
2570
  align-items: center;
2576
2571
  gap: var(--cds2-spacing-xs);
2577
2572
  right: var(--cds2-spacing-sm);
@@ -2580,18 +2575,18 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2580
2575
  position: absolute;
2581
2576
  }
2582
2577
 
2583
- & .capra-TextArea-module-mXpaDq-errorIndicator, & .capra-TextArea-module-mXpaDq-warningIndicator {
2578
+ & .capra-TextArea-module-R8TFDG-errorIndicator, & .capra-TextArea-module-R8TFDG-warningIndicator {
2584
2579
  flex-shrink: 0;
2585
2580
  justify-content: center;
2586
2581
  align-items: center;
2587
2582
  display: inline-flex;
2588
2583
  }
2589
2584
 
2590
- & .capra-TextArea-module-mXpaDq-errorIndicator {
2585
+ & .capra-TextArea-module-R8TFDG-errorIndicator {
2591
2586
  color: var(--cds2-color-foreground-danger-default);
2592
2587
  }
2593
2588
 
2594
- & .capra-TextArea-module-mXpaDq-warningIndicator {
2589
+ & .capra-TextArea-module-R8TFDG-warningIndicator {
2595
2590
  color: var(--cds2-color-foreground-warning-default);
2596
2591
  }
2597
2592
  }
@@ -2775,14 +2770,14 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2775
2770
  transform: translate(-50%) scale(1);
2776
2771
  }
2777
2772
  }
2778
- .capra-Drawer-module-iRsXUG-root {
2773
+ .capra-Drawer-module-bUOjAG-root {
2779
2774
  z-index: 1000;
2780
2775
  pointer-events: none;
2781
2776
  position: fixed;
2782
2777
  inset: 0;
2783
2778
  }
2784
2779
 
2785
- .capra-Drawer-module-iRsXUG-overlay {
2780
+ .capra-Drawer-module-bUOjAG-overlay {
2786
2781
  z-index: 0;
2787
2782
  pointer-events: auto;
2788
2783
  background-color: var(--cds2-color-background-scrim);
@@ -2790,9 +2785,9 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2790
2785
  inset: 0;
2791
2786
  }
2792
2787
 
2793
- .capra-Drawer-module-iRsXUG-sheet {
2788
+ .capra-Drawer-module-bUOjAG-sheet {
2794
2789
  z-index: 1;
2795
- width: clamp(400px, var(--drawer-width, 480px), 80vw);
2790
+ width: clamp(400px, var(--_drawer-width, 480px), 80vw);
2796
2791
  pointer-events: auto;
2797
2792
  background-color: var(--cds2-color-background-panel-solid);
2798
2793
  outline: none;
@@ -2803,37 +2798,37 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2803
2798
  overflow: hidden;
2804
2799
  }
2805
2800
 
2806
- .capra-Drawer-module-iRsXUG-sheet[data-placement="right"] {
2801
+ .capra-Drawer-module-bUOjAG-sheet[data-placement="right"] {
2807
2802
  box-shadow: var(--cds2-shadow-high-left);
2808
2803
  top: 0;
2809
2804
  bottom: 0;
2810
2805
  right: 0;
2811
2806
  }
2812
2807
 
2813
- .capra-Drawer-module-iRsXUG-sheet[data-placement="left"] {
2808
+ .capra-Drawer-module-bUOjAG-sheet[data-placement="left"] {
2814
2809
  box-shadow: var(--cds2-shadow-high-right);
2815
2810
  top: 0;
2816
2811
  bottom: 0;
2817
2812
  left: 0;
2818
2813
  }
2819
2814
 
2820
- .capra-Drawer-module-iRsXUG-root[data-open="true"] .capra-Drawer-module-iRsXUG-sheet[data-placement="right"] {
2821
- 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);
2822
2817
  }
2823
2818
 
2824
- .capra-Drawer-module-iRsXUG-root[data-open="true"] .capra-Drawer-module-iRsXUG-sheet[data-placement="left"] {
2825
- 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);
2826
2821
  }
2827
2822
 
2828
- .capra-Drawer-module-iRsXUG-root[data-open="false"] .capra-Drawer-module-iRsXUG-sheet[data-placement="right"] {
2829
- 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;
2830
2825
  }
2831
2826
 
2832
- .capra-Drawer-module-iRsXUG-root[data-open="false"] .capra-Drawer-module-iRsXUG-sheet[data-placement="left"] {
2833
- 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;
2834
2829
  }
2835
2830
 
2836
- .capra-Drawer-module-iRsXUG-header {
2831
+ .capra-Drawer-module-bUOjAG-header {
2837
2832
  justify-content: space-between;
2838
2833
  align-items: flex-start;
2839
2834
  gap: var(--cds2-spacing-md);
@@ -2844,7 +2839,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2844
2839
  display: flex;
2845
2840
  }
2846
2841
 
2847
- .capra-Drawer-module-iRsXUG-headerMain {
2842
+ .capra-Drawer-module-bUOjAG-headerMain {
2848
2843
  gap: var(--cds2-spacing-xs);
2849
2844
  flex-direction: column;
2850
2845
  flex: 1;
@@ -2852,7 +2847,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2852
2847
  display: flex;
2853
2848
  }
2854
2849
 
2855
- .capra-Drawer-module-iRsXUG-expandedTitleLayout {
2850
+ .capra-Drawer-module-bUOjAG-expandedTitleLayout {
2856
2851
  align-items: center;
2857
2852
  gap: var(--cds2-spacing-md);
2858
2853
  flex-direction: row;
@@ -2860,20 +2855,20 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2860
2855
  display: flex;
2861
2856
  }
2862
2857
 
2863
- .capra-Drawer-module-iRsXUG-description {
2858
+ .capra-Drawer-module-bUOjAG-description {
2864
2859
  font: var(--cds2-typography-body-md-normal);
2865
2860
  color: var(--cds2-color-foreground-neutral-default);
2866
2861
  margin: 0;
2867
2862
  }
2868
2863
 
2869
- .capra-Drawer-module-iRsXUG-headerTrailing {
2864
+ .capra-Drawer-module-bUOjAG-headerTrailing {
2870
2865
  align-items: center;
2871
2866
  gap: var(--cds2-spacing-md);
2872
2867
  flex-shrink: 0;
2873
2868
  display: flex;
2874
2869
  }
2875
2870
 
2876
- .capra-Drawer-module-iRsXUG-body {
2871
+ .capra-Drawer-module-bUOjAG-body {
2877
2872
  min-width: 0;
2878
2873
  min-height: 0;
2879
2874
  padding: var(--cds2-spacing-lg);
@@ -2883,7 +2878,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2883
2878
  overflow: hidden auto;
2884
2879
  }
2885
2880
 
2886
- .capra-Drawer-module-iRsXUG-footer {
2881
+ .capra-Drawer-module-bUOjAG-footer {
2887
2882
  justify-content: flex-end;
2888
2883
  align-items: center;
2889
2884
  gap: var(--cds2-spacing-md);
@@ -2895,7 +2890,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2895
2890
  display: flex;
2896
2891
  }
2897
2892
 
2898
- @keyframes capra-Drawer-module-iRsXUG-drawerInFromRight {
2893
+ @keyframes capra-Drawer-module-bUOjAG-drawerInFromRight {
2899
2894
  from {
2900
2895
  transform: translateX(100%);
2901
2896
  }
@@ -2905,7 +2900,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2905
2900
  }
2906
2901
  }
2907
2902
 
2908
- @keyframes capra-Drawer-module-iRsXUG-drawerInFromLeft {
2903
+ @keyframes capra-Drawer-module-bUOjAG-drawerInFromLeft {
2909
2904
  from {
2910
2905
  transform: translateX(-100%);
2911
2906
  }
@@ -2915,7 +2910,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2915
2910
  }
2916
2911
  }
2917
2912
 
2918
- @keyframes capra-Drawer-module-iRsXUG-drawerOutToRight {
2913
+ @keyframes capra-Drawer-module-bUOjAG-drawerOutToRight {
2919
2914
  from {
2920
2915
  transform: translateX(0);
2921
2916
  }
@@ -2925,7 +2920,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2925
2920
  }
2926
2921
  }
2927
2922
 
2928
- @keyframes capra-Drawer-module-iRsXUG-drawerOutToLeft {
2923
+ @keyframes capra-Drawer-module-bUOjAG-drawerOutToLeft {
2929
2924
  from {
2930
2925
  transform: translateX(0);
2931
2926
  }
@@ -3146,10 +3141,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3146
3141
  outline: var(--cds2-border-focus);
3147
3142
  outline-offset: var(--cds2-spacing-xs);
3148
3143
  }
3149
- .capra-VerticalNavigation-module-uKaYXq-nav {
3150
- 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;
3151
3147
  padding: var(--cds2-spacing-md);
3152
- background-color: var(--cds-color-navigation-background);
3148
+ background-color: var(--cds2-color-background-neutral-subtle);
3153
3149
  box-sizing: border-box;
3154
3150
  transition: min-width var(--cds2-motion-duration-medium-2) ease,
3155
3151
  padding var(--cds2-motion-duration-medium-2) ease;
@@ -3157,12 +3153,12 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3157
3153
  display: flex;
3158
3154
  }
3159
3155
 
3160
- .capra-VerticalNavigation-module-uKaYXq-nav[data-collapsed="true"] {
3161
- 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));
3162
3158
  padding-inline: var(--cds2-spacing-md);
3163
3159
  }
3164
3160
 
3165
- .capra-VerticalNavigation-module-uKaYXq-list {
3161
+ .capra-VerticalNavigation-module-iJPwoW-list {
3166
3162
  padding: var(--cds2-spacing-xs);
3167
3163
  gap: var(--cds2-spacing-sm);
3168
3164
  box-sizing: border-box;
@@ -3177,12 +3173,12 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3177
3173
  display: flex;
3178
3174
  }
3179
3175
 
3180
- .capra-VerticalNavigation-module-uKaYXq-nav[data-collapsed="true"] .capra-VerticalNavigation-module-uKaYXq-list {
3181
- padding-inline-start: calc(var(--cds-spacing-md) - ((var(--cds-core-dimension-300) - var(--cds2-dimension-icon-sm) - 2px) / 2));
3182
- 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);
3183
3179
  }
3184
3180
 
3185
- .capra-VerticalNavigation-module-uKaYXq-footer {
3181
+ .capra-VerticalNavigation-module-iJPwoW-footer {
3186
3182
  padding: var(--cds2-spacing-xs);
3187
3183
  gap: var(--cds2-spacing-sm);
3188
3184
  margin: 0;
@@ -3197,20 +3193,20 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3197
3193
  display: flex;
3198
3194
  }
3199
3195
 
3200
- .capra-VerticalNavigation-module-uKaYXq-nav[data-collapsed="true"] .capra-VerticalNavigation-module-uKaYXq-footer {
3201
- padding-inline-start: calc(var(--cds-spacing-md) - ((var(--cds-core-dimension-300) - var(--cds2-dimension-icon-sm) - 2px) / 2));
3202
- 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);
3203
3199
  }
3204
3200
 
3205
- .capra-VerticalNavigation-module-uKaYXq-listItem {
3201
+ .capra-VerticalNavigation-module-iJPwoW-listItem {
3206
3202
  width: 100%;
3207
- height: var(--cds-vertical-nav-item-container-height, var(--cds2-dimension-component-md));
3203
+ height: var(--_item-container-height);
3208
3204
  justify-content: flex-start;
3209
3205
  align-items: center;
3210
3206
  display: flex;
3211
3207
  }
3212
3208
 
3213
- .capra-VerticalNavigation-module-uKaYXq-item {
3209
+ .capra-VerticalNavigation-module-iJPwoW-item {
3214
3210
  width: 100%;
3215
3211
  height: var(--cds2-dimension-component-md);
3216
3212
  justify-content: flex-start;
@@ -3218,7 +3214,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3218
3214
  gap: var(--cds2-spacing-md);
3219
3215
  padding: 0 var(--cds2-spacing-md);
3220
3216
  border-radius: var(--cds2-radius-lg);
3221
- color: var(--cds-color-navigation-foreground-default);
3217
+ color: var(--cds2-color-foreground-subtle);
3222
3218
  font: var(--cds2-typography-body-sm-normal);
3223
3219
  cursor: pointer;
3224
3220
  box-sizing: border-box;
@@ -3235,50 +3231,49 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3235
3231
  overflow: hidden;
3236
3232
  }
3237
3233
 
3238
- .capra-VerticalNavigation-module-uKaYXq-nav[data-collapsed="true"] .capra-VerticalNavigation-module-uKaYXq-item {
3239
- width: var(--cds-core-dimension-300);
3240
- height: var(--cds-core-dimension-300);
3241
- 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);
3242
3238
  gap: 0;
3243
3239
  }
3244
3240
 
3245
- .capra-VerticalNavigation-module-uKaYXq-item:not([data-disabled="true"], [data-active="true"]):hover {
3246
- color: var(--cds-color-navigation-foreground-default);
3247
- 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);
3248
3244
  }
3249
3245
 
3250
- .capra-VerticalNavigation-module-uKaYXq-item:focus-visible {
3246
+ .capra-VerticalNavigation-module-iJPwoW-item:focus-visible {
3251
3247
  outline: var(--cds2-border-focus);
3252
3248
  outline-offset: var(--cds2-spacing-xs);
3253
3249
  overflow: visible;
3254
3250
  }
3255
3251
 
3256
- .capra-VerticalNavigation-module-uKaYXq-item[data-active="true"] {
3257
- background-color: var(--cds-color-navigation-background-selected);
3258
- 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);
3259
3255
  border-color: #0000;
3260
3256
  }
3261
3257
 
3262
- .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 {
3263
3259
  font: var(--cds2-typography-body-sm-semibold);
3264
3260
  }
3265
3261
 
3266
- .capra-VerticalNavigation-module-uKaYXq-item[data-disabled="true"] {
3267
- color: var(--cds-color-foreground-disabled);
3262
+ .capra-VerticalNavigation-module-iJPwoW-item[data-disabled="true"] {
3263
+ color: var(--cds2-color-foreground-disabled);
3268
3264
  cursor: not-allowed;
3269
- opacity: var(--cds-opacity-state-disabled);
3265
+ opacity: var(--cds2-opacity-state-disabled);
3270
3266
  }
3271
3267
 
3272
- .capra-VerticalNavigation-module-uKaYXq-item .capra-VerticalNavigation-module-uKaYXq-label {
3273
- line-height: var(--cds-typography-line-height-normal);
3268
+ .capra-VerticalNavigation-module-iJPwoW-item .capra-VerticalNavigation-module-iJPwoW-label {
3274
3269
  color: inherit;
3275
3270
  font: inherit;
3276
3271
  white-space: nowrap;
3277
3272
  text-align: left;
3278
3273
  opacity: 1;
3279
- min-width: 0;
3280
- max-width: var(--cds-vertical-nav-label-max-width, 124px);
3281
3274
  text-overflow: ellipsis;
3275
+ min-width: 0;
3276
+ max-width: 124px;
3282
3277
  transition: opacity var(--cds2-motion-duration-medium-2) ease,
3283
3278
  max-width var(--cds2-motion-duration-medium-2) ease;
3284
3279
  flex: 1;
@@ -3287,12 +3282,12 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3287
3282
  overflow: hidden;
3288
3283
  }
3289
3284
 
3290
- .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 {
3291
3286
  opacity: 0;
3292
3287
  max-width: 0;
3293
3288
  }
3294
3289
 
3295
- .capra-VerticalNavigation-module-uKaYXq-right {
3290
+ .capra-VerticalNavigation-module-iJPwoW-right {
3296
3291
  justify-content: flex-end;
3297
3292
  align-items: center;
3298
3293
  gap: var(--cds2-spacing-xs);
@@ -3300,13 +3295,13 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3300
3295
  display: inline-flex;
3301
3296
  }
3302
3297
 
3303
- .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 {
3304
3299
  display: none;
3305
3300
  }
3306
3301
 
3307
- .capra-VerticalNavigation-module-uKaYXq-listItem[data-variant="subItem"] {
3302
+ .capra-VerticalNavigation-module-iJPwoW-listItem[data-variant="subItem"] {
3308
3303
  opacity: 1;
3309
- max-height: var(--cds-vertical-nav-item-container-height, var(--cds-dimension-component-md));
3304
+ max-height: var(--_item-container-height);
3310
3305
  transform-origin: top;
3311
3306
  transition: opacity var(--cds2-motion-duration-medium-1) ease,
3312
3307
  max-height var(--cds2-motion-duration-medium-2) ease,
@@ -3317,31 +3312,31 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3317
3312
  transform: scaleY(1);
3318
3313
  }
3319
3314
 
3320
- .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) {
3321
3316
  overflow: visible;
3322
3317
  }
3323
3318
 
3324
- .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"] {
3325
3320
  opacity: 0;
3326
3321
  pointer-events: none;
3327
3322
  visibility: hidden;
3328
3323
  max-height: 0;
3329
- left: var(--cds-position-offscreen, -9999px);
3330
3324
  margin-top: 0;
3331
3325
  margin-bottom: 0;
3332
3326
  transition-delay: 0s;
3333
3327
  position: absolute;
3328
+ left: -9999px;
3334
3329
  transform: scaleY(0);
3335
3330
  }
3336
3331
 
3337
- .capra-VerticalNavigation-module-uKaYXq-indentSpacer {
3332
+ .capra-VerticalNavigation-module-iJPwoW-indentSpacer {
3338
3333
  width: var(--cds2-dimension-icon-sm);
3339
3334
  height: var(--cds2-dimension-icon-sm);
3340
3335
  flex-shrink: 0;
3341
3336
  }
3342
3337
 
3343
3338
  @media (prefers-reduced-motion: reduce) {
3344
- .capra-VerticalNavigation-module-uKaYXq-nav, .capra-VerticalNavigation-module-uKaYXq-item {
3339
+ .capra-VerticalNavigation-module-iJPwoW-nav, .capra-VerticalNavigation-module-iJPwoW-item {
3345
3340
  transition: none;
3346
3341
  }
3347
3342
  }
@@ -3621,13 +3616,13 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3621
3616
  user-select: none;
3622
3617
  }
3623
3618
  }
3624
- .capra-Divider-module-izBHNW-divider {
3619
+ .capra-Divider-module-H7BCoW-divider {
3625
3620
  box-sizing: border-box;
3626
3621
  border: none;
3627
3622
  margin: 0;
3628
3623
 
3629
3624
  &[aria-orientation="horizontal"] {
3630
- border-block-start: var(--cds-border-primary);
3625
+ border-block-start: var(--cds2-border-default);
3631
3626
  width: 100%;
3632
3627
  min-width: 0;
3633
3628
  height: 0;
@@ -3635,7 +3630,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3635
3630
  }
3636
3631
 
3637
3632
  &[aria-orientation="vertical"] {
3638
- border-inline-start: var(--cds-border-primary);
3633
+ border-inline-start: var(--cds2-border-default);
3639
3634
  align-self: stretch;
3640
3635
  width: 0;
3641
3636
  height: auto;
@@ -3643,9 +3638,9 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3643
3638
  display: inline-block;
3644
3639
  }
3645
3640
 
3646
- &.capra-Divider-module-izBHNW-withLabel {
3641
+ &.capra-Divider-module-H7BCoW-withLabel {
3647
3642
  align-items: center;
3648
- gap: var(--cds-spacing-lg, 16px);
3643
+ gap: var(--cds2-spacing-lg);
3649
3644
  border-block-start: none;
3650
3645
  width: 100%;
3651
3646
  min-width: 0;
@@ -3654,69 +3649,69 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3654
3649
  }
3655
3650
  }
3656
3651
 
3657
- .capra-Divider-module-izBHNW-line {
3658
- border-block-start: var(--cds-border-primary);
3652
+ .capra-Divider-module-H7BCoW-line {
3653
+ border-block-start: var(--cds2-border-default);
3659
3654
  flex: auto;
3660
3655
  min-width: 0;
3661
3656
  height: 0;
3662
3657
 
3663
3658
  &:first-of-type {
3664
- max-width: var(--cds-dimension-component-xs, 16px);
3659
+ max-width: var(--cds2-dimension-component-xs);
3665
3660
  }
3666
3661
  }
3667
3662
 
3668
- .capra-Divider-module-izBHNW-label {
3663
+ .capra-Divider-module-H7BCoW-label {
3669
3664
  flex: none;
3670
3665
  }
3671
- .capra-Skeleton-module-EIu0mW-base {
3666
+ .capra-Skeleton-module-wHn9gW-base {
3672
3667
  background-color: var(--cds2-color-neutral-a3);
3673
- border-radius: var(--cds-radius-lg, 4px);
3668
+ border-radius: var(--cds2-radius-lg);
3674
3669
  display: inline-block;
3675
3670
  }
3676
3671
 
3677
- .capra-Skeleton-module-EIu0mW-preset {
3678
- gap: var(--cds-spacing-md, 16px);
3672
+ .capra-Skeleton-module-wHn9gW-preset {
3673
+ gap: var(--cds2-spacing-md);
3679
3674
  width: 100%;
3680
3675
  display: flex;
3681
3676
  }
3682
3677
 
3683
- .capra-Skeleton-module-EIu0mW-presetSection {
3684
- gap: var(--cds-spacing-md, 16px);
3678
+ .capra-Skeleton-module-wHn9gW-presetSection {
3679
+ gap: var(--cds2-spacing-md);
3685
3680
  flex-direction: column;
3686
3681
  flex: 1;
3687
3682
  min-width: 0;
3688
3683
  display: flex;
3689
3684
  }
3690
3685
 
3691
- .capra-Skeleton-module-EIu0mW-presetTitle {
3686
+ .capra-Skeleton-module-wHn9gW-presetTitle {
3692
3687
  background-color: var(--cds2-color-neutral-a3);
3693
- border-radius: var(--cds-radius-lg, 4px);
3688
+ border-radius: var(--cds2-radius-lg);
3694
3689
  height: 16px;
3695
3690
  }
3696
3691
 
3697
- .capra-Skeleton-module-EIu0mW-presetParagraph {
3698
- gap: var(--cds-spacing-sm, 8px);
3692
+ .capra-Skeleton-module-wHn9gW-presetParagraph {
3693
+ gap: var(--cds2-spacing-sm);
3699
3694
  flex-direction: column;
3700
3695
  display: flex;
3701
3696
  }
3702
3697
 
3703
- .capra-Skeleton-module-EIu0mW-presetParagraphRow {
3698
+ .capra-Skeleton-module-wHn9gW-presetParagraphRow {
3704
3699
  background-color: var(--cds2-color-neutral-a3);
3705
- border-radius: var(--cds-radius-lg, 4px);
3700
+ border-radius: var(--cds2-radius-lg);
3706
3701
  height: 16px;
3707
3702
  }
3708
3703
 
3709
- .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 {
3710
- 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);
3711
3706
  }
3712
3707
 
3713
- .capra-Skeleton-module-EIu0mW-element {
3708
+ .capra-Skeleton-module-wHn9gW-element {
3714
3709
  background-color: var(--cds2-color-neutral-a3);
3715
- border-radius: var(--cds-radius-lg, 4px);
3710
+ border-radius: var(--cds2-radius-lg);
3716
3711
  display: inline-block;
3717
3712
 
3718
3713
  &[data-round="true"] {
3719
- border-radius: var(--cds-radius-xl, 8px);
3714
+ border-radius: var(--cds2-radius-xl);
3720
3715
  }
3721
3716
 
3722
3717
  &[data-block="true"] {
@@ -3725,15 +3720,15 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3725
3720
  }
3726
3721
 
3727
3722
  &[data-active="true"] {
3728
- animation: 1s infinite alternate-reverse capra-Skeleton-module-EIu0mW-skeleton-pulse;
3723
+ animation: 1s infinite alternate-reverse capra-Skeleton-module-wHn9gW-skeleton-pulse;
3729
3724
  }
3730
3725
  }
3731
3726
 
3732
- .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 {
3733
- 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;
3734
3729
  }
3735
3730
 
3736
- @keyframes capra-Skeleton-module-EIu0mW-skeleton-pulse {
3731
+ @keyframes capra-Skeleton-module-wHn9gW-skeleton-pulse {
3737
3732
  from {
3738
3733
  background-color: var(--cds2-color-neutral-a3);
3739
3734
  }
@@ -3744,14 +3739,14 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3744
3739
  }
3745
3740
 
3746
3741
  @media (prefers-reduced-motion: reduce) {
3747
- .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 {
3748
3743
  background-color: var(--cds2-color-neutral-a3);
3749
3744
  animation: none;
3750
3745
  }
3751
3746
  }
3752
- .capra-Toast-module-p7lQQG-container {
3747
+ .capra-Toast-module-N2ILJq-container {
3753
3748
  right: var(--cds2-spacing-lg);
3754
- z-index: var(--cds-z-index-toast, 1100);
3749
+ z-index: 1100;
3755
3750
  align-items: flex-end;
3756
3751
  gap: var(--cds2-spacing-lg);
3757
3752
  pointer-events: none;
@@ -3760,15 +3755,15 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3760
3755
  position: fixed;
3761
3756
  }
3762
3757
 
3763
- .capra-Toast-module-p7lQQG-containerTopRight {
3758
+ .capra-Toast-module-N2ILJq-containerTopRight {
3764
3759
  top: var(--cds2-spacing-lg);
3765
3760
  }
3766
3761
 
3767
- .capra-Toast-module-p7lQQG-containerBottomRight {
3762
+ .capra-Toast-module-N2ILJq-containerBottomRight {
3768
3763
  bottom: var(--cds2-spacing-lg);
3769
3764
  }
3770
3765
 
3771
- .capra-Toast-module-p7lQQG-toast {
3766
+ .capra-Toast-module-N2ILJq-toast {
3772
3767
  gap: var(--cds2-spacing-md);
3773
3768
  padding: var(--cds2-spacing-lg);
3774
3769
  border-radius: var(--cds2-radius-md);
@@ -3784,46 +3779,46 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3784
3779
  display: flex;
3785
3780
  }
3786
3781
 
3787
- .capra-Toast-module-p7lQQG-topRow {
3782
+ .capra-Toast-module-N2ILJq-topRow {
3788
3783
  align-items: flex-start;
3789
3784
  gap: var(--cds2-spacing-md);
3790
3785
  display: flex;
3791
3786
  }
3792
3787
 
3793
- .capra-Toast-module-p7lQQG-typeIcon {
3788
+ .capra-Toast-module-N2ILJq-typeIcon {
3794
3789
  color: var(--_cds-toast-icon-color);
3795
3790
  pointer-events: none;
3796
3791
  cursor: default;
3797
3792
  flex: none;
3798
3793
  }
3799
3794
 
3800
- .capra-Toast-module-p7lQQG-content {
3795
+ .capra-Toast-module-N2ILJq-content {
3801
3796
  flex: auto;
3802
3797
  min-width: 0;
3803
3798
  }
3804
3799
 
3805
- .capra-Toast-module-p7lQQG-actionsContainer {
3800
+ .capra-Toast-module-N2ILJq-actionsContainer {
3806
3801
  justify-content: flex-end;
3807
3802
  gap: 8px;
3808
3803
  display: flex;
3809
3804
  }
3810
3805
 
3811
- .capra-Toast-module-p7lQQG-toast[data-type="info"] {
3806
+ .capra-Toast-module-N2ILJq-toast[data-type="info"] {
3812
3807
  --_cds-toast-icon-color: var(--cds2-color-foreground-info-default);
3813
3808
  }
3814
3809
 
3815
- .capra-Toast-module-p7lQQG-toast[data-type="success"] {
3810
+ .capra-Toast-module-N2ILJq-toast[data-type="success"] {
3816
3811
  --_cds-toast-icon-color: var(--cds2-color-foreground-success-default);
3817
3812
  }
3818
3813
 
3819
- .capra-Toast-module-p7lQQG-toast[data-type="warning"] {
3814
+ .capra-Toast-module-N2ILJq-toast[data-type="warning"] {
3820
3815
  --_cds-toast-icon-color: var(--cds2-color-foreground-warning-default);
3821
3816
  }
3822
3817
 
3823
- .capra-Toast-module-p7lQQG-toast[data-type="error"] {
3818
+ .capra-Toast-module-N2ILJq-toast[data-type="error"] {
3824
3819
  --_cds-toast-icon-color: var(--cds2-color-foreground-danger-default);
3825
3820
  }
3826
- .capra-Menu-module-eTI_TG-menu, .capra-Menu-module-eTI_TG-list {
3821
+ .capra-Menu-module-26gf6W-menu, .capra-Menu-module-26gf6W-list {
3827
3822
  gap: var(--cds2-spacing-xs);
3828
3823
  box-sizing: border-box;
3829
3824
  min-width: 152px;
@@ -3834,7 +3829,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3834
3829
  display: flex;
3835
3830
  overflow: auto;
3836
3831
 
3837
- & > :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)) {
3838
3833
  margin-block-end: var(--cds2-spacing-xs);
3839
3834
  }
3840
3835
 
@@ -3843,7 +3838,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3843
3838
  }
3844
3839
  }
3845
3840
 
3846
- .capra-Menu-module-eTI_TG-menu {
3841
+ .capra-Menu-module-26gf6W-menu {
3847
3842
  padding: 5px;
3848
3843
 
3849
3844
  &[data-panel-padding="none"] {
@@ -3851,13 +3846,13 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3851
3846
  }
3852
3847
  }
3853
3848
 
3854
- .capra-Menu-module-eTI_TG-menuTriggerSlot {
3849
+ .capra-Menu-module-26gf6W-menuTriggerSlot {
3855
3850
  display: inline-block;
3856
3851
  }
3857
3852
 
3858
- .capra-Menu-module-eTI_TG-menuItem {
3853
+ .capra-Menu-module-26gf6W-menuItem {
3859
3854
  appearance: none;
3860
- border-radius: var(--cds-radius-sm);
3855
+ border-radius: var(--cds2-radius-md);
3861
3856
  color: var(--cds2-color-foreground-default);
3862
3857
  cursor: pointer;
3863
3858
  font: var(--cds2-typography-body-md-normal);
@@ -3893,12 +3888,12 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3893
3888
  color: var(--cds2-color-foreground-disabled);
3894
3889
  cursor: not-allowed;
3895
3890
 
3896
- & .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 {
3897
3892
  color: var(--cds2-color-foreground-disabled);
3898
3893
  }
3899
3894
 
3900
- & .capra-Menu-module-eTI_TG-menuItemShortcut {
3901
- background-color: var(--cds-color-background-secondary);
3895
+ & .capra-Menu-module-26gf6W-menuItemShortcut {
3896
+ background-color: var(--cds2-color-background-neutral-subtle);
3902
3897
  border: var(--cds2-border-default);
3903
3898
  }
3904
3899
  }
@@ -3907,7 +3902,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3907
3902
  background-color: var(--cds2-color-background-accent-selected);
3908
3903
  color: var(--cds2-color-foreground-default);
3909
3904
 
3910
- & .capra-Menu-module-eTI_TG-menuItemLabel {
3905
+ & .capra-Menu-module-26gf6W-menuItemLabel {
3911
3906
  color: inherit;
3912
3907
  }
3913
3908
  }
@@ -3916,7 +3911,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3916
3911
  background-color: var(--cds2-color-background-neutral-hover);
3917
3912
  color: var(--cds2-color-foreground-default);
3918
3913
 
3919
- & .capra-Menu-module-eTI_TG-menuItemLabel {
3914
+ & .capra-Menu-module-26gf6W-menuItemLabel {
3920
3915
  color: inherit;
3921
3916
  }
3922
3917
  }
@@ -3924,11 +3919,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3924
3919
  &[data-variant="danger"] {
3925
3920
  color: var(--cds2-color-foreground-danger-default);
3926
3921
 
3927
- & .capra-Menu-module-eTI_TG-menuItemLabel {
3922
+ & .capra-Menu-module-26gf6W-menuItemLabel {
3928
3923
  color: inherit;
3929
3924
  }
3930
3925
 
3931
- &:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-eTI_TG-menuItemShortcut {
3926
+ &:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-26gf6W-menuItemShortcut {
3932
3927
  border: var(--cds2-border-default);
3933
3928
  color: var(--cds2-color-foreground-danger-default);
3934
3929
  }
@@ -3953,52 +3948,52 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
3953
3948
  }
3954
3949
 
3955
3950
  &[data-has-description="true"] {
3956
- & .capra-Menu-module-eTI_TG-menuItemTrailingGutter {
3951
+ & .capra-Menu-module-26gf6W-menuItemTrailingGutter {
3957
3952
  align-self: center;
3958
3953
  height: auto !important;
3959
3954
  }
3960
3955
 
3961
- & .capra-Menu-module-eTI_TG-menuItemListItemShell {
3956
+ & .capra-Menu-module-26gf6W-menuItemListItemShell {
3962
3957
  align-items: start;
3963
3958
  }
3964
3959
  }
3965
3960
 
3966
- & .capra-Menu-module-eTI_TG-menuItemListItemShell {
3961
+ & .capra-Menu-module-26gf6W-menuItemListItemShell {
3967
3962
  width: 100%;
3968
3963
  color: inherit;
3969
3964
  align-items: center;
3970
3965
  }
3971
3966
  }
3972
3967
 
3973
- .capra-Menu-module-eTI_TG-menuItemLeadingGutter {
3968
+ .capra-Menu-module-26gf6W-menuItemLeadingGutter {
3974
3969
  margin-inline-end: var(--cds2-spacing-md);
3975
3970
 
3976
- & .capra-Menu-module-eTI_TG-slot {
3971
+ & .capra-Menu-module-26gf6W-slot {
3977
3972
  line-height: 0;
3978
3973
  }
3979
3974
  }
3980
3975
 
3981
- .capra-Menu-module-eTI_TG-menuItemTrailingGutter {
3976
+ .capra-Menu-module-26gf6W-menuItemTrailingGutter {
3982
3977
  margin-inline-start: var(--cds2-spacing-md);
3983
3978
  }
3984
3979
 
3985
- .capra-Menu-module-eTI_TG-menuItemTrailingGroup {
3980
+ .capra-Menu-module-26gf6W-menuItemTrailingGroup {
3986
3981
  align-items: center;
3987
3982
  gap: var(--cds2-spacing-md);
3988
3983
  display: inline-flex;
3989
3984
  }
3990
3985
 
3991
- .capra-Menu-module-eTI_TG-menuItemLabel {
3986
+ .capra-Menu-module-26gf6W-menuItemLabel {
3992
3987
  color: inherit;
3993
3988
  font: var(--cds2-typography-body-md-normal);
3994
3989
  }
3995
3990
 
3996
- .capra-Menu-module-eTI_TG-menuItemDescription {
3991
+ .capra-Menu-module-26gf6W-menuItemDescription {
3997
3992
  color: var(--cds2-color-foreground-default);
3998
3993
  font: var(--cds2-typography-body-sm-normal);
3999
3994
  }
4000
3995
 
4001
- .capra-Menu-module-eTI_TG-menuItemShortcut {
3996
+ .capra-Menu-module-26gf6W-menuItemShortcut {
4002
3997
  background-color: var(--cds2-color-neutral-surface);
4003
3998
  border: var(--cds2-border-default);
4004
3999
  border-color: var(--cds2-color-border-neutral-subtle);
@@ -4012,9 +4007,9 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
4012
4007
  display: inline-flex;
4013
4008
  }
4014
4009
 
4015
- .capra-Menu-module-eTI_TG-menu[data-item-hover-appearance="accent"] {
4016
- & .capra-Menu-module-eTI_TG-menuItem {
4017
- &: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 {
4018
4013
  color: var(--cds2-color-foreground-subtle);
4019
4014
  }
4020
4015
 
@@ -4027,7 +4022,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
4027
4022
  border-inline-end: none;
4028
4023
  }
4029
4024
 
4030
- &[data-active="true"] .capra-Menu-module-eTI_TG-menuItemLabel {
4025
+ &[data-active="true"] .capra-Menu-module-26gf6W-menuItemLabel {
4031
4026
  font: var(--cds2-typography-body-md-normal);
4032
4027
  }
4033
4028
  }
@@ -4037,7 +4032,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
4037
4032
  border-inline-end: 2px solid var(--cds2-color-border-accent-default);
4038
4033
  color: var(--cds2-color-foreground-accent-default);
4039
4034
 
4040
- & .capra-Menu-module-eTI_TG-menuItemLabel {
4035
+ & .capra-Menu-module-26gf6W-menuItemLabel {
4041
4036
  color: var(--cds2-color-foreground-accent-default);
4042
4037
  font: var(--cds2-typography-body-md-semibold);
4043
4038
  }
@@ -4053,7 +4048,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
4053
4048
  border-inline-end: 2px solid var(--cds2-color-border-accent-default);
4054
4049
  color: var(--cds2-color-foreground-accent-default);
4055
4050
 
4056
- & .capra-Menu-module-eTI_TG-menuItemLabel {
4051
+ & .capra-Menu-module-26gf6W-menuItemLabel {
4057
4052
  color: var(--cds2-color-foreground-accent-default);
4058
4053
  font: var(--cds2-typography-body-md-semibold);
4059
4054
  }
@@ -4068,7 +4063,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
4068
4063
  background-color: var(--cds2-color-background-danger-subtle);
4069
4064
  color: var(--cds2-color-foreground-danger-default);
4070
4065
 
4071
- & .capra-Menu-module-eTI_TG-menuItemLabel {
4066
+ & .capra-Menu-module-26gf6W-menuItemLabel {
4072
4067
  font: var(--cds2-typography-body-md-normal);
4073
4068
  }
4074
4069
  }
@@ -4078,7 +4073,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
4078
4073
  border-inline-end: 2px solid var(--cds2-color-border-accent-default);
4079
4074
  color: var(--cds2-color-foreground-danger-default);
4080
4075
 
4081
- & .capra-Menu-module-eTI_TG-menuItemLabel {
4076
+ & .capra-Menu-module-26gf6W-menuItemLabel {
4082
4077
  color: var(--cds2-color-foreground-danger-default);
4083
4078
  font: var(--cds2-typography-body-md-semibold);
4084
4079
  }
@@ -4091,23 +4086,23 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
4091
4086
  }
4092
4087
 
4093
4088
  &[data-item-active-accent-bar="false"] {
4094
- & .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] {
4095
4090
  border-inline-end: none;
4096
4091
  }
4097
4092
  }
4098
4093
 
4099
4094
  &[data-item-active-label-semibold="false"] {
4100
- & .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 {
4101
4096
  font: var(--cds2-typography-body-md-normal);
4102
4097
  }
4103
4098
  }
4104
4099
  }
4105
4100
 
4106
- .capra-Menu-module-eTI_TG-section {
4101
+ .capra-Menu-module-26gf6W-section {
4107
4102
  display: contents;
4108
4103
  }
4109
4104
 
4110
- .capra-Menu-module-eTI_TG-header {
4105
+ .capra-Menu-module-26gf6W-header {
4111
4106
  box-sizing: border-box;
4112
4107
  color: var(--cds2-color-foreground-default);
4113
4108
  font: var(--cds2-typography-body-md-semibold);
@@ -4118,7 +4113,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
4118
4113
  display: flex;
4119
4114
  }
4120
4115
 
4121
- .capra-Menu-module-eTI_TG-divider {
4116
+ .capra-Menu-module-26gf6W-divider {
4122
4117
  border: none;
4123
4118
  border-block-start: var(--cds2-border-default);
4124
4119
  border-color: var(--cds2-color-border-neutral-subtle);
@@ -4383,8 +4378,8 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
4383
4378
  color: var(--cds2-color-foreground-accent-default);
4384
4379
  font: var(--cds2-typography-body-sm-semibold);
4385
4380
  }
4386
- .capra-TopNav-module--oPinG-root {
4387
- background-color: var(--cds-color-navigation-background, #f5f5f5);
4381
+ .capra-TopNav-module-8KtubW-root {
4382
+ background-color: var(--cds2-color-background-neutral-subtle);
4388
4383
  box-sizing: border-box;
4389
4384
  color: var(--cds2-color-foreground-default);
4390
4385
  align-items: center;
@@ -4397,7 +4392,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
4397
4392
  display: grid;
4398
4393
  }
4399
4394
 
4400
- .capra-TopNav-module--oPinG-start {
4395
+ .capra-TopNav-module-8KtubW-start {
4401
4396
  align-items: center;
4402
4397
  gap: var(--cds2-spacing-xl);
4403
4398
  grid-column: 1;
@@ -4407,7 +4402,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
4407
4402
  display: flex;
4408
4403
  }
4409
4404
 
4410
- .capra-TopNav-module--oPinG-center {
4405
+ .capra-TopNav-module-8KtubW-center {
4411
4406
  grid-column: 2;
4412
4407
  justify-content: center;
4413
4408
  justify-self: center;
@@ -4417,7 +4412,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
4417
4412
  display: flex;
4418
4413
  }
4419
4414
 
4420
- .capra-TopNav-module--oPinG-end {
4415
+ .capra-TopNav-module-8KtubW-end {
4421
4416
  align-items: center;
4422
4417
  gap: var(--cds2-spacing-md);
4423
4418
  grid-column: 3;
@@ -4426,7 +4421,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
4426
4421
  min-inline-size: 0;
4427
4422
  display: flex;
4428
4423
  }
4429
- .capra-Tooltip-module-IEiZ6a-base {
4424
+ .capra-Tooltip-module-aYcvAa-base {
4430
4425
  background-color: var(--cds2-color-neutral-12);
4431
4426
  color: var(--cds2-color-neutral-1);
4432
4427
  border-radius: var(--cds2-radius-xl);
@@ -4438,45 +4433,45 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
4438
4433
  transform: translate3d(0, 0, 0);
4439
4434
 
4440
4435
  &[data-entering], &[data-exiting] {
4441
- transform: var(--origin);
4436
+ transform: var(--_origin);
4442
4437
  opacity: 0;
4443
4438
  }
4444
4439
 
4445
4440
  &[data-placement="top"] {
4446
- --origin: translateY(4px);
4441
+ --_origin: translateY(4px);
4447
4442
  }
4448
4443
 
4449
4444
  &[data-placement="bottom"] {
4450
- --origin: translateY(-4px);
4445
+ --_origin: translateY(-4px);
4451
4446
 
4452
- & .capra-Tooltip-module-IEiZ6a-arrow {
4447
+ & .capra-Tooltip-module-aYcvAa-arrow {
4453
4448
  transform: rotate(180deg);
4454
4449
  }
4455
4450
  }
4456
4451
 
4457
4452
  &[data-placement="right"] {
4458
- --origin: translateX(-4px);
4453
+ --_origin: translateX(-4px);
4459
4454
 
4460
- & .capra-Tooltip-module-IEiZ6a-arrow {
4455
+ & .capra-Tooltip-module-aYcvAa-arrow {
4461
4456
  transform: rotate(90deg);
4462
4457
  }
4463
4458
  }
4464
4459
 
4465
4460
  &[data-placement="left"] {
4466
- --origin: translateX(4px);
4461
+ --_origin: translateX(4px);
4467
4462
 
4468
- & .capra-Tooltip-module-IEiZ6a-arrow {
4463
+ & .capra-Tooltip-module-aYcvAa-arrow {
4469
4464
  transform: rotate(-90deg);
4470
4465
  }
4471
4466
  }
4472
4467
  }
4473
4468
 
4474
- .capra-Tooltip-module-IEiZ6a-arrow {
4469
+ .capra-Tooltip-module-aYcvAa-arrow {
4475
4470
  color: var(--cds2-color-neutral-12);
4476
4471
  display: block;
4477
4472
  }
4478
4473
 
4479
- .capra-Tooltip-module-IEiZ6a-tooltipLayout {
4474
+ .capra-Tooltip-module-aYcvAa-tooltipLayout {
4480
4475
  gap: var(--cds2-spacing-md);
4481
4476
  display: inline-flex;
4482
4477
  }