@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/index.cjs +164 -164
- package/dist/index.d.cts +4 -4
- package/dist/index.d.mts +4 -4
- package/dist/index.mjs +164 -164
- package/dist/style.css +362 -367
- package/docs/core-link--design.md +1 -1
- package/docs/foundation-page-templates--docs.md +4 -4
- package/docs/history-changelogs-capra-core--docs.md +15 -0
- package/package.json +4 -4
package/dist/style.css
CHANGED
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
flex: 0 0 var(--cds2-dimension-component-sm);
|
|
93
93
|
}
|
|
94
94
|
}
|
|
95
|
-
.capra-Button-module-
|
|
95
|
+
.capra-Button-module-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-
|
|
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(--
|
|
127
|
+
padding-inline: var(--cds2-spacing-sm);
|
|
128
128
|
}
|
|
129
129
|
|
|
130
|
-
&[data-size="sm"]:not(.capra-Button-module-
|
|
130
|
+
&[data-size="sm"]:not(.capra-Button-module-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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
|
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-
|
|
348
|
+
background-color: var(--cds2-color-background-neutral-surface);
|
|
350
349
|
width: 100%;
|
|
351
350
|
min-width: 0;
|
|
352
|
-
color: var(--cds2-
|
|
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-
|
|
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-
|
|
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-
|
|
371
|
-
border-color: var(--cds2-
|
|
372
|
-
color: var(--cds2-
|
|
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
|
|
375
|
-
color: var(--cds2-
|
|
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
|
|
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
|
|
389
|
+
& .capra-TextInput-module-bNpXFG-input {
|
|
391
390
|
cursor: not-allowed;
|
|
392
391
|
}
|
|
393
392
|
}
|
|
394
393
|
|
|
395
|
-
& .capra-TextInput-module
|
|
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
|
|
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
|
|
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
|
|
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
|
|
425
|
+
& .capra-TextInput-module-bNpXFG-leadingSlot {
|
|
427
426
|
padding-inline-start: var(--cds2-spacing-md);
|
|
428
427
|
}
|
|
429
428
|
|
|
430
|
-
& .capra-TextInput-module
|
|
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
|
|
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
|
|
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
|
|
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
|
|
450
|
+
& .capra-TextInput-module-bNpXFG-leadingSlot {
|
|
452
451
|
padding-inline-start: var(--cds2-spacing-md);
|
|
453
452
|
}
|
|
454
453
|
|
|
455
|
-
& .capra-TextInput-module
|
|
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
|
|
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
|
|
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
|
|
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-
|
|
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-
|
|
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-
|
|
507
|
-
color: var(--cds2-
|
|
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-
|
|
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-
|
|
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-
|
|
523
|
-
color: var(--cds2-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
1419
|
+
& .capra-Checkbox-module-pCHIXW-input {
|
|
1420
1420
|
color: var(--cds2-color-foreground-on-disabled);
|
|
1421
1421
|
}
|
|
1422
1422
|
|
|
1423
|
-
& label, & .capra-Checkbox-module-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
1661
|
+
.capra-NumberField-module-9EHhwq-slotAlign {
|
|
1663
1662
|
align-self: center;
|
|
1664
1663
|
}
|
|
1665
1664
|
|
|
1666
|
-
.capra-NumberField-module-
|
|
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-
|
|
1681
|
-
background: var(--cds2-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
1731
|
-
border-color: var(--cds2-
|
|
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-
|
|
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-
|
|
1734
|
+
border-color: var(--cds2-color-border-accent-hover);
|
|
1738
1735
|
}
|
|
1739
1736
|
|
|
1740
|
-
.capra-DatePickerField-module-
|
|
1741
|
-
background-color: var(--cds2-
|
|
1742
|
-
border-color: var(--cds2-
|
|
1743
|
-
color: var(--cds2-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
1761
|
+
.capra-DatePickerField-module-QiJSbG-stringPlaceholder {
|
|
1765
1762
|
max-width: 100%;
|
|
1766
1763
|
font: inherit;
|
|
1767
|
-
color: var(--cds2-
|
|
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-
|
|
1780
|
-
color: var(--cds2-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
-
|
|
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-
|
|
1861
|
+
.capra-DatePickerField-module-QiJSbG-dialog {
|
|
1866
1862
|
outline: none;
|
|
1867
1863
|
}
|
|
1868
1864
|
|
|
1869
|
-
.capra-DatePickerField-module-
|
|
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-
|
|
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-
|
|
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-
|
|
1892
|
+
.capra-DatePickerField-module-QiJSbG-calendarHeaderTrailing {
|
|
1897
1893
|
justify-content: flex-end;
|
|
1898
1894
|
}
|
|
1899
1895
|
|
|
1900
|
-
.capra-DatePickerField-module-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
2021
|
+
background-color: var(--cds2-color-background-neutral-surface);
|
|
2026
2022
|
width: 100%;
|
|
2027
2023
|
min-width: 0;
|
|
2028
|
-
color: var(--cds2-
|
|
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-
|
|
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-
|
|
2053
|
-
border-color: var(--cds2-
|
|
2054
|
-
color: var(--cds2-
|
|
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-
|
|
2058
|
-
color: var(--cds2-
|
|
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-
|
|
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-
|
|
2066
|
+
.capra-SelectField-module-u_B-LG-multipleTrigger {
|
|
2071
2067
|
overflow: hidden;
|
|
2072
2068
|
|
|
2073
|
-
&:has(.capra-SelectField-module-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
2129
|
+
color: var(--cds2-color-foreground-placeholder);
|
|
2134
2130
|
}
|
|
2135
2131
|
}
|
|
2136
2132
|
|
|
2137
|
-
.capra-SelectField-module-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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(--
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
2258
|
+
.capra-SelectField-module-u_B-LG-search {
|
|
2263
2259
|
width: 100%;
|
|
2264
2260
|
}
|
|
2265
2261
|
|
|
2266
|
-
.capra-SelectField-module-
|
|
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-
|
|
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-
|
|
2276
|
+
.capra-SelectField-module-u_B-LG-section {
|
|
2281
2277
|
display: contents;
|
|
2282
2278
|
}
|
|
2283
2279
|
|
|
2284
|
-
.capra-SelectField-module-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
2491
|
-
background-color: var(--cds2-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
2521
|
-
border-color: var(--cds2-
|
|
2522
|
-
color: var(--cds2-
|
|
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-
|
|
2525
|
-
color: var(--cds2-
|
|
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-
|
|
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-
|
|
2535
|
+
& .capra-TextArea-module-R8TFDG-textarea {
|
|
2541
2536
|
cursor: not-allowed;
|
|
2542
2537
|
}
|
|
2543
2538
|
}
|
|
2544
2539
|
|
|
2545
|
-
& .capra-TextArea-module-
|
|
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-
|
|
2556
|
+
color: var(--cds2-color-foreground-placeholder);
|
|
2562
2557
|
}
|
|
2563
2558
|
}
|
|
2564
2559
|
|
|
2565
|
-
&[data-resizable="false"] .capra-TextArea-module-
|
|
2560
|
+
&[data-resizable="false"] .capra-TextArea-module-R8TFDG-textarea {
|
|
2566
2561
|
resize: none;
|
|
2567
2562
|
}
|
|
2568
2563
|
|
|
2569
|
-
&[data-autosize="true"] .capra-TextArea-module-
|
|
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-
|
|
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-
|
|
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-
|
|
2585
|
+
& .capra-TextArea-module-R8TFDG-errorIndicator {
|
|
2591
2586
|
color: var(--cds2-color-foreground-danger-default);
|
|
2592
2587
|
}
|
|
2593
2588
|
|
|
2594
|
-
& .capra-TextArea-module-
|
|
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-
|
|
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-
|
|
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-
|
|
2788
|
+
.capra-Drawer-module-bUOjAG-sheet {
|
|
2794
2789
|
z-index: 1;
|
|
2795
|
-
width: clamp(400px, var(--
|
|
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-
|
|
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-
|
|
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-
|
|
2821
|
-
animation: capra-Drawer-module-
|
|
2815
|
+
.capra-Drawer-module-bUOjAG-root[data-open="true"] .capra-Drawer-module-bUOjAG-sheet[data-placement="right"] {
|
|
2816
|
+
animation: capra-Drawer-module-bUOjAG-drawerInFromRight var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard);
|
|
2822
2817
|
}
|
|
2823
2818
|
|
|
2824
|
-
.capra-Drawer-module-
|
|
2825
|
-
animation: capra-Drawer-module-
|
|
2819
|
+
.capra-Drawer-module-bUOjAG-root[data-open="true"] .capra-Drawer-module-bUOjAG-sheet[data-placement="left"] {
|
|
2820
|
+
animation: capra-Drawer-module-bUOjAG-drawerInFromLeft var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard);
|
|
2826
2821
|
}
|
|
2827
2822
|
|
|
2828
|
-
.capra-Drawer-module-
|
|
2829
|
-
animation: capra-Drawer-module-
|
|
2823
|
+
.capra-Drawer-module-bUOjAG-root[data-open="false"] .capra-Drawer-module-bUOjAG-sheet[data-placement="right"] {
|
|
2824
|
+
animation: capra-Drawer-module-bUOjAG-drawerOutToRight var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard) forwards;
|
|
2830
2825
|
}
|
|
2831
2826
|
|
|
2832
|
-
.capra-Drawer-module-
|
|
2833
|
-
animation: capra-Drawer-module-
|
|
2827
|
+
.capra-Drawer-module-bUOjAG-root[data-open="false"] .capra-Drawer-module-bUOjAG-sheet[data-placement="left"] {
|
|
2828
|
+
animation: capra-Drawer-module-bUOjAG-drawerOutToLeft var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard) forwards;
|
|
2834
2829
|
}
|
|
2835
2830
|
|
|
2836
|
-
.capra-Drawer-module-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
3150
|
-
|
|
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(--
|
|
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-
|
|
3161
|
-
min-width:
|
|
3156
|
+
.capra-VerticalNavigation-module-iJPwoW-nav[data-collapsed="true"] {
|
|
3157
|
+
min-width: calc(2 * var(--cds2-spacing-md) + var(--cds2-dimension-component-md));
|
|
3162
3158
|
padding-inline: var(--cds2-spacing-md);
|
|
3163
3159
|
}
|
|
3164
3160
|
|
|
3165
|
-
.capra-VerticalNavigation-module-
|
|
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-
|
|
3181
|
-
padding-inline-start: calc(var(--
|
|
3182
|
-
padding-inline-end: calc((var(--
|
|
3176
|
+
.capra-VerticalNavigation-module-iJPwoW-nav[data-collapsed="true"] .capra-VerticalNavigation-module-iJPwoW-list {
|
|
3177
|
+
padding-inline-start: calc(var(--cds2-spacing-md) - ((var(--cds2-spacing-xl) - var(--cds2-dimension-icon-sm) - 2px) / 2));
|
|
3178
|
+
padding-inline-end: calc((var(--cds2-spacing-xl) - var(--cds2-dimension-icon-sm) - 2px) / 2);
|
|
3183
3179
|
}
|
|
3184
3180
|
|
|
3185
|
-
.capra-VerticalNavigation-module-
|
|
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-
|
|
3201
|
-
padding-inline-start: calc(var(--
|
|
3202
|
-
padding-inline-end: calc((var(--
|
|
3196
|
+
.capra-VerticalNavigation-module-iJPwoW-nav[data-collapsed="true"] .capra-VerticalNavigation-module-iJPwoW-footer {
|
|
3197
|
+
padding-inline-start: calc(var(--cds2-spacing-md) - ((var(--cds2-spacing-xl) - var(--cds2-dimension-icon-sm) - 2px) / 2));
|
|
3198
|
+
padding-inline-end: calc((var(--cds2-spacing-xl) - var(--cds2-dimension-icon-sm) - 2px) / 2);
|
|
3203
3199
|
}
|
|
3204
3200
|
|
|
3205
|
-
.capra-VerticalNavigation-module-
|
|
3201
|
+
.capra-VerticalNavigation-module-iJPwoW-listItem {
|
|
3206
3202
|
width: 100%;
|
|
3207
|
-
height: var(--
|
|
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-
|
|
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(--
|
|
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-
|
|
3239
|
-
width: var(--
|
|
3240
|
-
height: var(--
|
|
3241
|
-
padding: calc((var(--
|
|
3234
|
+
.capra-VerticalNavigation-module-iJPwoW-nav[data-collapsed="true"] .capra-VerticalNavigation-module-iJPwoW-item {
|
|
3235
|
+
width: var(--cds2-spacing-xl);
|
|
3236
|
+
height: var(--cds2-spacing-xl);
|
|
3237
|
+
padding: calc((var(--cds2-spacing-xl) - var(--cds2-dimension-icon-sm) - 2px) / 2);
|
|
3242
3238
|
gap: 0;
|
|
3243
3239
|
}
|
|
3244
3240
|
|
|
3245
|
-
.capra-VerticalNavigation-module-
|
|
3246
|
-
color: var(--
|
|
3247
|
-
background-color: var(--
|
|
3241
|
+
.capra-VerticalNavigation-module-iJPwoW-item:not([data-disabled="true"], [data-active="true"]):hover {
|
|
3242
|
+
color: var(--cds2-color-foreground-subtle);
|
|
3243
|
+
background-color: var(--cds2-color-background-neutral-hover);
|
|
3248
3244
|
}
|
|
3249
3245
|
|
|
3250
|
-
.capra-VerticalNavigation-module-
|
|
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-
|
|
3257
|
-
background-color: var(--
|
|
3258
|
-
color: var(--
|
|
3252
|
+
.capra-VerticalNavigation-module-iJPwoW-item[data-active="true"] {
|
|
3253
|
+
background-color: var(--cds2-color-background-brand-subtle);
|
|
3254
|
+
color: var(--cds2-color-foreground-brand-default);
|
|
3259
3255
|
border-color: #0000;
|
|
3260
3256
|
}
|
|
3261
3257
|
|
|
3262
|
-
.capra-VerticalNavigation-module-
|
|
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-
|
|
3267
|
-
color: var(--
|
|
3262
|
+
.capra-VerticalNavigation-module-iJPwoW-item[data-disabled="true"] {
|
|
3263
|
+
color: var(--cds2-color-foreground-disabled);
|
|
3268
3264
|
cursor: not-allowed;
|
|
3269
|
-
opacity: var(--
|
|
3265
|
+
opacity: var(--cds2-opacity-state-disabled);
|
|
3270
3266
|
}
|
|
3271
3267
|
|
|
3272
|
-
.capra-VerticalNavigation-module-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
3302
|
+
.capra-VerticalNavigation-module-iJPwoW-listItem[data-variant="subItem"] {
|
|
3308
3303
|
opacity: 1;
|
|
3309
|
-
max-height: var(--
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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(--
|
|
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(--
|
|
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-
|
|
3641
|
+
&.capra-Divider-module-H7BCoW-withLabel {
|
|
3647
3642
|
align-items: center;
|
|
3648
|
-
gap: var(--
|
|
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-
|
|
3658
|
-
border-block-start: var(--
|
|
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(--
|
|
3659
|
+
max-width: var(--cds2-dimension-component-xs);
|
|
3665
3660
|
}
|
|
3666
3661
|
}
|
|
3667
3662
|
|
|
3668
|
-
.capra-Divider-module-
|
|
3663
|
+
.capra-Divider-module-H7BCoW-label {
|
|
3669
3664
|
flex: none;
|
|
3670
3665
|
}
|
|
3671
|
-
.capra-Skeleton-module-
|
|
3666
|
+
.capra-Skeleton-module-wHn9gW-base {
|
|
3672
3667
|
background-color: var(--cds2-color-neutral-a3);
|
|
3673
|
-
border-radius: var(--
|
|
3668
|
+
border-radius: var(--cds2-radius-lg);
|
|
3674
3669
|
display: inline-block;
|
|
3675
3670
|
}
|
|
3676
3671
|
|
|
3677
|
-
.capra-Skeleton-module-
|
|
3678
|
-
gap: var(--
|
|
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-
|
|
3684
|
-
gap: var(--
|
|
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-
|
|
3686
|
+
.capra-Skeleton-module-wHn9gW-presetTitle {
|
|
3692
3687
|
background-color: var(--cds2-color-neutral-a3);
|
|
3693
|
-
border-radius: var(--
|
|
3688
|
+
border-radius: var(--cds2-radius-lg);
|
|
3694
3689
|
height: 16px;
|
|
3695
3690
|
}
|
|
3696
3691
|
|
|
3697
|
-
.capra-Skeleton-module-
|
|
3698
|
-
gap: var(--
|
|
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-
|
|
3698
|
+
.capra-Skeleton-module-wHn9gW-presetParagraphRow {
|
|
3704
3699
|
background-color: var(--cds2-color-neutral-a3);
|
|
3705
|
-
border-radius: var(--
|
|
3700
|
+
border-radius: var(--cds2-radius-lg);
|
|
3706
3701
|
height: 16px;
|
|
3707
3702
|
}
|
|
3708
3703
|
|
|
3709
|
-
.capra-Skeleton-module-
|
|
3710
|
-
border-radius: var(--
|
|
3704
|
+
.capra-Skeleton-module-wHn9gW-preset[data-round="true"] .capra-Skeleton-module-wHn9gW-presetTitle, .capra-Skeleton-module-wHn9gW-preset[data-round="true"] .capra-Skeleton-module-wHn9gW-presetParagraphRow {
|
|
3705
|
+
border-radius: var(--cds2-radius-xl);
|
|
3711
3706
|
}
|
|
3712
3707
|
|
|
3713
|
-
.capra-Skeleton-module-
|
|
3708
|
+
.capra-Skeleton-module-wHn9gW-element {
|
|
3714
3709
|
background-color: var(--cds2-color-neutral-a3);
|
|
3715
|
-
border-radius: var(--
|
|
3710
|
+
border-radius: var(--cds2-radius-lg);
|
|
3716
3711
|
display: inline-block;
|
|
3717
3712
|
|
|
3718
3713
|
&[data-round="true"] {
|
|
3719
|
-
border-radius: var(--
|
|
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-
|
|
3723
|
+
animation: 1s infinite alternate-reverse capra-Skeleton-module-wHn9gW-skeleton-pulse;
|
|
3729
3724
|
}
|
|
3730
3725
|
}
|
|
3731
3726
|
|
|
3732
|
-
.capra-Skeleton-module-
|
|
3733
|
-
animation: 1s infinite alternate-reverse capra-Skeleton-module-
|
|
3727
|
+
.capra-Skeleton-module-wHn9gW-preset[data-active="true"] .capra-Skeleton-module-wHn9gW-presetTitle, .capra-Skeleton-module-wHn9gW-preset[data-active="true"] .capra-Skeleton-module-wHn9gW-presetParagraphRow {
|
|
3728
|
+
animation: 1s infinite alternate-reverse capra-Skeleton-module-wHn9gW-skeleton-pulse;
|
|
3734
3729
|
}
|
|
3735
3730
|
|
|
3736
|
-
@keyframes capra-Skeleton-module-
|
|
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-
|
|
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-
|
|
3747
|
+
.capra-Toast-module-N2ILJq-container {
|
|
3753
3748
|
right: var(--cds2-spacing-lg);
|
|
3754
|
-
z-index:
|
|
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-
|
|
3758
|
+
.capra-Toast-module-N2ILJq-containerTopRight {
|
|
3764
3759
|
top: var(--cds2-spacing-lg);
|
|
3765
3760
|
}
|
|
3766
3761
|
|
|
3767
|
-
.capra-Toast-module-
|
|
3762
|
+
.capra-Toast-module-N2ILJq-containerBottomRight {
|
|
3768
3763
|
bottom: var(--cds2-spacing-lg);
|
|
3769
3764
|
}
|
|
3770
3765
|
|
|
3771
|
-
.capra-Toast-module-
|
|
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-
|
|
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-
|
|
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-
|
|
3795
|
+
.capra-Toast-module-N2ILJq-content {
|
|
3801
3796
|
flex: auto;
|
|
3802
3797
|
min-width: 0;
|
|
3803
3798
|
}
|
|
3804
3799
|
|
|
3805
|
-
.capra-Toast-module-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
3849
|
+
.capra-Menu-module-26gf6W-menuTriggerSlot {
|
|
3855
3850
|
display: inline-block;
|
|
3856
3851
|
}
|
|
3857
3852
|
|
|
3858
|
-
.capra-Menu-module-
|
|
3853
|
+
.capra-Menu-module-26gf6W-menuItem {
|
|
3859
3854
|
appearance: none;
|
|
3860
|
-
border-radius: var(--
|
|
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-
|
|
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-
|
|
3901
|
-
background-color: var(--
|
|
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-
|
|
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-
|
|
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-
|
|
3922
|
+
& .capra-Menu-module-26gf6W-menuItemLabel {
|
|
3928
3923
|
color: inherit;
|
|
3929
3924
|
}
|
|
3930
3925
|
|
|
3931
|
-
&:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-
|
|
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-
|
|
3951
|
+
& .capra-Menu-module-26gf6W-menuItemTrailingGutter {
|
|
3957
3952
|
align-self: center;
|
|
3958
3953
|
height: auto !important;
|
|
3959
3954
|
}
|
|
3960
3955
|
|
|
3961
|
-
& .capra-Menu-module-
|
|
3956
|
+
& .capra-Menu-module-26gf6W-menuItemListItemShell {
|
|
3962
3957
|
align-items: start;
|
|
3963
3958
|
}
|
|
3964
3959
|
}
|
|
3965
3960
|
|
|
3966
|
-
& .capra-Menu-module-
|
|
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-
|
|
3968
|
+
.capra-Menu-module-26gf6W-menuItemLeadingGutter {
|
|
3974
3969
|
margin-inline-end: var(--cds2-spacing-md);
|
|
3975
3970
|
|
|
3976
|
-
& .capra-Menu-module-
|
|
3971
|
+
& .capra-Menu-module-26gf6W-slot {
|
|
3977
3972
|
line-height: 0;
|
|
3978
3973
|
}
|
|
3979
3974
|
}
|
|
3980
3975
|
|
|
3981
|
-
.capra-Menu-module-
|
|
3976
|
+
.capra-Menu-module-26gf6W-menuItemTrailingGutter {
|
|
3982
3977
|
margin-inline-start: var(--cds2-spacing-md);
|
|
3983
3978
|
}
|
|
3984
3979
|
|
|
3985
|
-
.capra-Menu-module-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
4016
|
-
& .capra-Menu-module-
|
|
4017
|
-
&:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-
|
|
4010
|
+
.capra-Menu-module-26gf6W-menu[data-item-hover-appearance="accent"] {
|
|
4011
|
+
& .capra-Menu-module-26gf6W-menuItem {
|
|
4012
|
+
&:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-26gf6W-menuItemShortcut {
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
4101
|
+
.capra-Menu-module-26gf6W-section {
|
|
4107
4102
|
display: contents;
|
|
4108
4103
|
}
|
|
4109
4104
|
|
|
4110
|
-
.capra-Menu-module-
|
|
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-
|
|
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
|
|
4387
|
-
background-color: var(--
|
|
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
|
|
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
|
|
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
|
|
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-
|
|
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(--
|
|
4436
|
+
transform: var(--_origin);
|
|
4442
4437
|
opacity: 0;
|
|
4443
4438
|
}
|
|
4444
4439
|
|
|
4445
4440
|
&[data-placement="top"] {
|
|
4446
|
-
--
|
|
4441
|
+
--_origin: translateY(4px);
|
|
4447
4442
|
}
|
|
4448
4443
|
|
|
4449
4444
|
&[data-placement="bottom"] {
|
|
4450
|
-
--
|
|
4445
|
+
--_origin: translateY(-4px);
|
|
4451
4446
|
|
|
4452
|
-
& .capra-Tooltip-module-
|
|
4447
|
+
& .capra-Tooltip-module-aYcvAa-arrow {
|
|
4453
4448
|
transform: rotate(180deg);
|
|
4454
4449
|
}
|
|
4455
4450
|
}
|
|
4456
4451
|
|
|
4457
4452
|
&[data-placement="right"] {
|
|
4458
|
-
--
|
|
4453
|
+
--_origin: translateX(-4px);
|
|
4459
4454
|
|
|
4460
|
-
& .capra-Tooltip-module-
|
|
4455
|
+
& .capra-Tooltip-module-aYcvAa-arrow {
|
|
4461
4456
|
transform: rotate(90deg);
|
|
4462
4457
|
}
|
|
4463
4458
|
}
|
|
4464
4459
|
|
|
4465
4460
|
&[data-placement="left"] {
|
|
4466
|
-
--
|
|
4461
|
+
--_origin: translateX(4px);
|
|
4467
4462
|
|
|
4468
|
-
& .capra-Tooltip-module-
|
|
4463
|
+
& .capra-Tooltip-module-aYcvAa-arrow {
|
|
4469
4464
|
transform: rotate(-90deg);
|
|
4470
4465
|
}
|
|
4471
4466
|
}
|
|
4472
4467
|
}
|
|
4473
4468
|
|
|
4474
|
-
.capra-Tooltip-module-
|
|
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-
|
|
4474
|
+
.capra-Tooltip-module-aYcvAa-tooltipLayout {
|
|
4480
4475
|
gap: var(--cds2-spacing-md);
|
|
4481
4476
|
display: inline-flex;
|
|
4482
4477
|
}
|