@i-cell/ids-styles 0.0.67 → 0.0.70
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/autocomplete/autocomplete.css +4 -2
- package/dist/autocomplete/autocomplete.min.css +1 -1
- package/dist/autocomplete/autocomplete.plugin.js +8 -1
- package/dist/checkbox/checkbox-group.css +88 -28
- package/dist/checkbox/checkbox-group.min.css +1 -1
- package/dist/checkbox/checkbox-group.plugin.js +124 -36
- package/dist/checkbox/checkbox.css +111 -99
- package/dist/checkbox/checkbox.min.css +1 -1
- package/dist/checkbox/checkbox.plugin.js +130 -123
- package/dist/components.css +628 -383
- package/dist/components.min.css +1 -1
- package/dist/components.plugin.js +764 -520
- package/dist/dialog/dialog.css +2 -0
- package/dist/dialog/dialog.min.css +1 -1
- package/dist/dialog/dialog.plugin.js +8 -2
- package/dist/notification/notification.css +3 -1
- package/dist/notification/notification.min.css +1 -1
- package/dist/notification/notification.plugin.js +1 -1
- package/dist/option/option.css +6 -6
- package/dist/option/option.min.css +1 -1
- package/dist/option/option.plugin.js +13 -6
- package/dist/radio/radio.css +342 -190
- package/dist/radio/radio.min.css +1 -1
- package/dist/radio/radio.plugin.js +417 -299
- package/dist/switch/switch.css +72 -57
- package/dist/switch/switch.min.css +1 -1
- package/dist/switch/switch.plugin.js +63 -52
- package/package.json +2 -2
|
@@ -341,7 +341,14 @@ module.exports = function ComponentsPlugin() {
|
|
|
341
341
|
borderStyle: 'none',
|
|
342
342
|
borderColor: 'rgba(0,0,0,0)',
|
|
343
343
|
},
|
|
344
|
-
'.ids-autocomplete-panel': {
|
|
344
|
+
'.ids-autocomplete-panel': {
|
|
345
|
+
display: 'flex',
|
|
346
|
+
flexDirection: 'column',
|
|
347
|
+
alignItems: 'flex-start',
|
|
348
|
+
width: '100%',
|
|
349
|
+
overflowY: 'auto',
|
|
350
|
+
scrollbarWidth: 'thin',
|
|
351
|
+
},
|
|
345
352
|
'.ids-autocomplete-overlay-panel': { width: '100%' },
|
|
346
353
|
'.ids-autocomplete-suffix': { display: 'flex', alignItems: 'center' },
|
|
347
354
|
'.ids-autocomplete-chip-list': { display: 'contents' },
|
|
@@ -3350,85 +3357,173 @@ module.exports = function ComponentsPlugin() {
|
|
|
3350
3357
|
borderColor: 'var(--ids-comp-card-elevated-color-border-surface-disabled)',
|
|
3351
3358
|
},
|
|
3352
3359
|
'.ids-checkbox-group': { display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'flex-start' },
|
|
3353
|
-
'.ids-checkbox-group>.ids-checkbox-
|
|
3360
|
+
'.ids-checkbox-group>.ids-checkbox-group__legend>.ids-checkbox-group__legend-label': { fontStyle: 'normal' },
|
|
3354
3361
|
'.ids-checkbox-group>.ids-checkbox-group__list': { display: 'flex' },
|
|
3355
3362
|
'.ids-checkbox-group.ids-checkbox-group-horizontal>.ids-checkbox-group__list': { flexDirection: 'row', alignItems: 'center' },
|
|
3356
3363
|
'.ids-checkbox-group.ids-checkbox-group-vertical>.ids-checkbox-group__list': { flexDirection: 'column', alignItems: 'flex-start' },
|
|
3357
3364
|
'.ids-checkbox-group.ids-checkbox-group-compact': {
|
|
3358
3365
|
padding:
|
|
3359
|
-
'var(--ids-comp-checkbox-group-vertical-
|
|
3360
|
-
gap: 'var(--ids-comp-checkbox-group-vertical-
|
|
3366
|
+
'var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-padding-y-compact) var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-padding-x-compact)',
|
|
3367
|
+
gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-size-gap-compact)',
|
|
3368
|
+
},
|
|
3369
|
+
'.ids-checkbox-group.ids-checkbox-group-compact>.ids-checkbox-group__legend': {
|
|
3370
|
+
gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-gap-compact)',
|
|
3361
3371
|
},
|
|
3362
|
-
'.ids-checkbox-group.ids-checkbox-group-compact
|
|
3372
|
+
'.ids-checkbox-group.ids-checkbox-group-compact>.ids-checkbox-group__legend>.ids-checkbox-group__legend-label': {
|
|
3363
3373
|
fontFamily: 'var(--ids-comp-checkbox-group-label-typography-font-family-compact)',
|
|
3364
3374
|
fontSize: 'var(--ids-comp-checkbox-group-label-typography-font-size-compact)',
|
|
3365
3375
|
fontWeight: 'var(--ids-comp-checkbox-group-label-typography-font-weight-compact)',
|
|
3366
3376
|
lineHeight: 'var(--ids-comp-checkbox-group-label-typography-line-height-compact)',
|
|
3367
3377
|
letterSpacing: 'var(--ids-comp-checkbox-group-label-typography-letter-spacing-compact)',
|
|
3368
3378
|
},
|
|
3369
|
-
'.ids-checkbox-group.ids-checkbox-group-compact .ids-checkbox-group__list':
|
|
3370
|
-
|
|
3371
|
-
|
|
3372
|
-
|
|
3373
|
-
|
|
3379
|
+
'.ids-checkbox-group.ids-checkbox-group-compact.ids-checkbox-group-horizontal.ids-checkbox-group-indeterminated .ids-checkbox-group__list':
|
|
3380
|
+
{
|
|
3381
|
+
padding:
|
|
3382
|
+
'var(--ids-comp-checkbox-group-horizontal-fieldset-list-indeterminated-size-padding-y-compact) var(--ids-comp-checkbox-group-horizontal-fieldset-list-indeterminated-size-padding-x-compact)',
|
|
3383
|
+
gap: 'var(--ids-comp-checkbox-group-horizontal-fieldset-list-size-gap-y-compact) var(--ids-comp-checkbox-group-horizontal-fieldset-list-size-gap-x-compact)',
|
|
3384
|
+
},
|
|
3385
|
+
'.ids-checkbox-group.ids-checkbox-group-compact.ids-checkbox-group-horizontal:not(.ids-checkbox-group-indeterminated) .ids-checkbox-group__list':
|
|
3386
|
+
{
|
|
3387
|
+
padding:
|
|
3388
|
+
'var(--ids-comp-checkbox-group-horizontal-fieldset-list-size-padding-y-compact) var(--ids-comp-checkbox-group-horizontal-fieldset-list-size-padding-x-compact)',
|
|
3389
|
+
gap: 'var(--ids-comp-checkbox-group-horizontal-fieldset-list-size-gap-y-compact) var(--ids-comp-checkbox-group-horizontal-fieldset-list-size-gap-x-compact)',
|
|
3390
|
+
},
|
|
3391
|
+
'.ids-checkbox-group.ids-checkbox-group-compact.ids-checkbox-group-vertical.ids-checkbox-group-indeterminated .ids-checkbox-group__list':
|
|
3392
|
+
{
|
|
3393
|
+
padding:
|
|
3394
|
+
'var(--ids-comp-checkbox-group-vertical-fieldset-list-indeterminated-size-padding-y-compact) var(--ids-comp-checkbox-group-vertical-fieldset-list-indeterminated-size-padding-x-compact)',
|
|
3395
|
+
gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-list-size-gap-compact)',
|
|
3396
|
+
},
|
|
3397
|
+
'.ids-checkbox-group.ids-checkbox-group-compact.ids-checkbox-group-vertical:not(.ids-checkbox-group-indeterminated) .ids-checkbox-group__list':
|
|
3398
|
+
{
|
|
3399
|
+
padding:
|
|
3400
|
+
'var(--ids-comp-checkbox-group-vertical-fieldset-list-size-padding-y-compact) var(--ids-comp-checkbox-group-vertical-fieldset-list-size-padding-x-compact)',
|
|
3401
|
+
gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-list-size-gap-compact)',
|
|
3402
|
+
},
|
|
3374
3403
|
'.ids-checkbox-group.ids-checkbox-group-comfortable': {
|
|
3375
3404
|
padding:
|
|
3376
|
-
'var(--ids-comp-checkbox-group-vertical-
|
|
3377
|
-
gap: 'var(--ids-comp-checkbox-group-vertical-
|
|
3405
|
+
'var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-padding-y-comfortable) var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-padding-x-comfortable)',
|
|
3406
|
+
gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-size-gap-comfortable)',
|
|
3378
3407
|
},
|
|
3379
|
-
'.ids-checkbox-group.ids-checkbox-group-comfortable
|
|
3408
|
+
'.ids-checkbox-group.ids-checkbox-group-comfortable>.ids-checkbox-group__legend': {
|
|
3409
|
+
gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-gap-comfortable)',
|
|
3410
|
+
},
|
|
3411
|
+
'.ids-checkbox-group.ids-checkbox-group-comfortable>.ids-checkbox-group__legend>.ids-checkbox-group__legend-label': {
|
|
3380
3412
|
fontFamily: 'var(--ids-comp-checkbox-group-label-typography-font-family-comfortable)',
|
|
3381
3413
|
fontSize: 'var(--ids-comp-checkbox-group-label-typography-font-size-comfortable)',
|
|
3382
3414
|
fontWeight: 'var(--ids-comp-checkbox-group-label-typography-font-weight-comfortable)',
|
|
3383
3415
|
lineHeight: 'var(--ids-comp-checkbox-group-label-typography-line-height-comfortable)',
|
|
3384
3416
|
letterSpacing: 'var(--ids-comp-checkbox-group-label-typography-letter-spacing-comfortable)',
|
|
3385
3417
|
},
|
|
3386
|
-
'.ids-checkbox-group.ids-checkbox-group-comfortable .ids-checkbox-group__list':
|
|
3387
|
-
|
|
3388
|
-
|
|
3389
|
-
|
|
3390
|
-
|
|
3418
|
+
'.ids-checkbox-group.ids-checkbox-group-comfortable.ids-checkbox-group-horizontal.ids-checkbox-group-indeterminated .ids-checkbox-group__list':
|
|
3419
|
+
{
|
|
3420
|
+
padding:
|
|
3421
|
+
'var(--ids-comp-checkbox-group-horizontal-fieldset-list-indeterminated-size-padding-y-comfortable) var(--ids-comp-checkbox-group-horizontal-fieldset-list-indeterminated-size-padding-x-comfortable)',
|
|
3422
|
+
gap: 'var(--ids-comp-checkbox-group-horizontal-fieldset-list-size-gap-y-comfortable) var(--ids-comp-checkbox-group-horizontal-fieldset-list-size-gap-x-comfortable)',
|
|
3423
|
+
},
|
|
3424
|
+
'.ids-checkbox-group.ids-checkbox-group-comfortable.ids-checkbox-group-horizontal:not(.ids-checkbox-group-indeterminated) .ids-checkbox-group__list':
|
|
3425
|
+
{
|
|
3426
|
+
padding:
|
|
3427
|
+
'var(--ids-comp-checkbox-group-horizontal-fieldset-list-size-padding-y-comfortable) var(--ids-comp-checkbox-group-horizontal-fieldset-list-size-padding-x-comfortable)',
|
|
3428
|
+
gap: 'var(--ids-comp-checkbox-group-horizontal-fieldset-list-size-gap-y-comfortable) var(--ids-comp-checkbox-group-horizontal-fieldset-list-size-gap-x-comfortable)',
|
|
3429
|
+
},
|
|
3430
|
+
'.ids-checkbox-group.ids-checkbox-group-comfortable.ids-checkbox-group-vertical.ids-checkbox-group-indeterminated .ids-checkbox-group__list':
|
|
3431
|
+
{
|
|
3432
|
+
padding:
|
|
3433
|
+
'var(--ids-comp-checkbox-group-vertical-fieldset-list-indeterminated-size-padding-y-comfortable) var(--ids-comp-checkbox-group-vertical-fieldset-list-indeterminated-size-padding-x-comfortable)',
|
|
3434
|
+
gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-list-size-gap-comfortable)',
|
|
3435
|
+
},
|
|
3436
|
+
'.ids-checkbox-group.ids-checkbox-group-comfortable.ids-checkbox-group-vertical:not(.ids-checkbox-group-indeterminated) .ids-checkbox-group__list':
|
|
3437
|
+
{
|
|
3438
|
+
padding:
|
|
3439
|
+
'var(--ids-comp-checkbox-group-vertical-fieldset-list-size-padding-y-comfortable) var(--ids-comp-checkbox-group-vertical-fieldset-list-size-padding-x-comfortable)',
|
|
3440
|
+
gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-list-size-gap-comfortable)',
|
|
3441
|
+
},
|
|
3391
3442
|
'.ids-checkbox-group.ids-checkbox-group-spacious': {
|
|
3392
3443
|
padding:
|
|
3393
|
-
'var(--ids-comp-checkbox-group-vertical-
|
|
3394
|
-
gap: 'var(--ids-comp-checkbox-group-vertical-
|
|
3444
|
+
'var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-padding-y-spacious) var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-padding-x-spacious)',
|
|
3445
|
+
gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-size-gap-spacious)',
|
|
3446
|
+
},
|
|
3447
|
+
'.ids-checkbox-group.ids-checkbox-group-spacious>.ids-checkbox-group__legend': {
|
|
3448
|
+
gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-gap-spacious)',
|
|
3395
3449
|
},
|
|
3396
|
-
'.ids-checkbox-group.ids-checkbox-group-spacious
|
|
3450
|
+
'.ids-checkbox-group.ids-checkbox-group-spacious>.ids-checkbox-group__legend>.ids-checkbox-group__legend-label': {
|
|
3397
3451
|
fontFamily: 'var(--ids-comp-checkbox-group-label-typography-font-family-spacious)',
|
|
3398
3452
|
fontSize: 'var(--ids-comp-checkbox-group-label-typography-font-size-spacious)',
|
|
3399
3453
|
fontWeight: 'var(--ids-comp-checkbox-group-label-typography-font-weight-spacious)',
|
|
3400
3454
|
lineHeight: 'var(--ids-comp-checkbox-group-label-typography-line-height-spacious)',
|
|
3401
3455
|
letterSpacing: 'var(--ids-comp-checkbox-group-label-typography-letter-spacing-spacious)',
|
|
3402
3456
|
},
|
|
3403
|
-
'.ids-checkbox-group.ids-checkbox-group-spacious .ids-checkbox-group__list':
|
|
3404
|
-
|
|
3405
|
-
|
|
3406
|
-
|
|
3407
|
-
|
|
3457
|
+
'.ids-checkbox-group.ids-checkbox-group-spacious.ids-checkbox-group-horizontal.ids-checkbox-group-indeterminated .ids-checkbox-group__list':
|
|
3458
|
+
{
|
|
3459
|
+
padding:
|
|
3460
|
+
'var(--ids-comp-checkbox-group-horizontal-fieldset-list-indeterminated-size-padding-y-spacious) var(--ids-comp-checkbox-group-horizontal-fieldset-list-indeterminated-size-padding-x-spacious)',
|
|
3461
|
+
gap: 'var(--ids-comp-checkbox-group-horizontal-fieldset-list-size-gap-y-spacious) var(--ids-comp-checkbox-group-horizontal-fieldset-list-size-gap-x-spacious)',
|
|
3462
|
+
},
|
|
3463
|
+
'.ids-checkbox-group.ids-checkbox-group-spacious.ids-checkbox-group-horizontal:not(.ids-checkbox-group-indeterminated) .ids-checkbox-group__list':
|
|
3464
|
+
{
|
|
3465
|
+
padding:
|
|
3466
|
+
'var(--ids-comp-checkbox-group-horizontal-fieldset-list-size-padding-y-spacious) var(--ids-comp-checkbox-group-horizontal-fieldset-list-size-padding-x-spacious)',
|
|
3467
|
+
gap: 'var(--ids-comp-checkbox-group-horizontal-fieldset-list-size-gap-y-spacious) var(--ids-comp-checkbox-group-horizontal-fieldset-list-size-gap-x-spacious)',
|
|
3468
|
+
},
|
|
3469
|
+
'.ids-checkbox-group.ids-checkbox-group-spacious.ids-checkbox-group-vertical.ids-checkbox-group-indeterminated .ids-checkbox-group__list':
|
|
3470
|
+
{
|
|
3471
|
+
padding:
|
|
3472
|
+
'var(--ids-comp-checkbox-group-vertical-fieldset-list-indeterminated-size-padding-y-spacious) var(--ids-comp-checkbox-group-vertical-fieldset-list-indeterminated-size-padding-x-spacious)',
|
|
3473
|
+
gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-list-size-gap-spacious)',
|
|
3474
|
+
},
|
|
3475
|
+
'.ids-checkbox-group.ids-checkbox-group-spacious.ids-checkbox-group-vertical:not(.ids-checkbox-group-indeterminated) .ids-checkbox-group__list':
|
|
3476
|
+
{
|
|
3477
|
+
padding:
|
|
3478
|
+
'var(--ids-comp-checkbox-group-vertical-fieldset-list-size-padding-y-spacious) var(--ids-comp-checkbox-group-vertical-fieldset-list-size-padding-x-spacious)',
|
|
3479
|
+
gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-list-size-gap-spacious)',
|
|
3480
|
+
},
|
|
3408
3481
|
'.ids-checkbox-group.ids-checkbox-group-dense': {
|
|
3409
3482
|
padding:
|
|
3410
|
-
'var(--ids-comp-checkbox-group-vertical-
|
|
3411
|
-
gap: 'var(--ids-comp-checkbox-group-vertical-
|
|
3483
|
+
'var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-padding-y-dense) var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-padding-x-dense)',
|
|
3484
|
+
gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-size-gap-dense)',
|
|
3485
|
+
},
|
|
3486
|
+
'.ids-checkbox-group.ids-checkbox-group-dense>.ids-checkbox-group__legend': {
|
|
3487
|
+
gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-gap-dense)',
|
|
3412
3488
|
},
|
|
3413
|
-
'.ids-checkbox-group.ids-checkbox-group-dense
|
|
3489
|
+
'.ids-checkbox-group.ids-checkbox-group-dense>.ids-checkbox-group__legend>.ids-checkbox-group__legend-label': {
|
|
3414
3490
|
fontFamily: 'var(--ids-comp-checkbox-group-label-typography-font-family-dense)',
|
|
3415
3491
|
fontSize: 'var(--ids-comp-checkbox-group-label-typography-font-size-dense)',
|
|
3416
3492
|
fontWeight: 'var(--ids-comp-checkbox-group-label-typography-font-weight-dense)',
|
|
3417
3493
|
lineHeight: 'var(--ids-comp-checkbox-group-label-typography-line-height-dense)',
|
|
3418
3494
|
letterSpacing: 'var(--ids-comp-checkbox-group-label-typography-letter-spacing-dense)',
|
|
3419
3495
|
},
|
|
3420
|
-
'.ids-checkbox-group.ids-checkbox-group-dense .ids-checkbox-group__list':
|
|
3421
|
-
|
|
3422
|
-
|
|
3423
|
-
|
|
3424
|
-
|
|
3425
|
-
|
|
3496
|
+
'.ids-checkbox-group.ids-checkbox-group-dense.ids-checkbox-group-horizontal.ids-checkbox-group-indeterminated .ids-checkbox-group__list':
|
|
3497
|
+
{
|
|
3498
|
+
padding:
|
|
3499
|
+
'var(--ids-comp-checkbox-group-horizontal-fieldset-list-indeterminated-size-padding-y-dense) var(--ids-comp-checkbox-group-horizontal-fieldset-list-indeterminated-size-padding-x-dense)',
|
|
3500
|
+
gap: 'var(--ids-comp-checkbox-group-horizontal-fieldset-list-size-gap-y-dense) var(--ids-comp-checkbox-group-horizontal-fieldset-list-size-gap-x-dense)',
|
|
3501
|
+
},
|
|
3502
|
+
'.ids-checkbox-group.ids-checkbox-group-dense.ids-checkbox-group-horizontal:not(.ids-checkbox-group-indeterminated) .ids-checkbox-group__list':
|
|
3503
|
+
{
|
|
3504
|
+
padding:
|
|
3505
|
+
'var(--ids-comp-checkbox-group-horizontal-fieldset-list-size-padding-y-dense) var(--ids-comp-checkbox-group-horizontal-fieldset-list-size-padding-x-dense)',
|
|
3506
|
+
gap: 'var(--ids-comp-checkbox-group-horizontal-fieldset-list-size-gap-y-dense) var(--ids-comp-checkbox-group-horizontal-fieldset-list-size-gap-x-dense)',
|
|
3507
|
+
},
|
|
3508
|
+
'.ids-checkbox-group.ids-checkbox-group-dense.ids-checkbox-group-vertical.ids-checkbox-group-indeterminated .ids-checkbox-group__list':
|
|
3509
|
+
{
|
|
3510
|
+
padding:
|
|
3511
|
+
'var(--ids-comp-checkbox-group-vertical-fieldset-list-indeterminated-size-padding-y-dense) var(--ids-comp-checkbox-group-vertical-fieldset-list-indeterminated-size-padding-x-dense)',
|
|
3512
|
+
gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-list-size-gap-dense)',
|
|
3513
|
+
},
|
|
3514
|
+
'.ids-checkbox-group.ids-checkbox-group-dense.ids-checkbox-group-vertical:not(.ids-checkbox-group-indeterminated) .ids-checkbox-group__list':
|
|
3515
|
+
{
|
|
3516
|
+
padding:
|
|
3517
|
+
'var(--ids-comp-checkbox-group-vertical-fieldset-list-size-padding-y-dense) var(--ids-comp-checkbox-group-vertical-fieldset-list-size-padding-x-dense)',
|
|
3518
|
+
gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-list-size-gap-dense)',
|
|
3519
|
+
},
|
|
3520
|
+
'.ids-checkbox-group.ids-checkbox-group-light>.ids-checkbox-group__legend>.ids-checkbox-group__legend-label': {
|
|
3426
3521
|
color: 'var(--ids-comp-checkbox-label-color-fg-light-default)',
|
|
3427
3522
|
},
|
|
3428
|
-
'.ids-checkbox-group.ids-checkbox-group-dark>.ids-checkbox-
|
|
3523
|
+
'.ids-checkbox-group.ids-checkbox-group-dark>.ids-checkbox-group__legend>.ids-checkbox-group__legend-label': {
|
|
3429
3524
|
color: 'var(--ids-comp-checkbox-label-color-fg-dark-default)',
|
|
3430
3525
|
},
|
|
3431
|
-
'.ids-checkbox-group.ids-checkbox-group-surface>.ids-checkbox-
|
|
3526
|
+
'.ids-checkbox-group.ids-checkbox-group-surface>.ids-checkbox-group__legend>.ids-checkbox-group__legend-label': {
|
|
3432
3527
|
color: 'var(--ids-comp-checkbox-label-color-fg-surface-default)',
|
|
3433
3528
|
},
|
|
3434
3529
|
'.ids-checkbox': {
|
|
@@ -3636,88 +3731,89 @@ module.exports = function ComponentsPlugin() {
|
|
|
3636
3731
|
fontSize: 'var(--ids-comp-checkbox-label-typography-font-size-dense)',
|
|
3637
3732
|
lineHeight: 'var(--ids-comp-checkbox-label-typography-line-height-dense)',
|
|
3638
3733
|
},
|
|
3639
|
-
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate)':
|
|
3734
|
+
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate):not([aria-readonly=true])':
|
|
3640
3735
|
{
|
|
3641
3736
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-hovered)',
|
|
3642
3737
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-hovered)',
|
|
3643
3738
|
},
|
|
3644
|
-
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):is(:checked,:indeterminate)':
|
|
3739
|
+
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):is(:checked,:indeterminate):not([aria-readonly=true])':
|
|
3645
3740
|
{
|
|
3646
3741
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-light-hovered)',
|
|
3647
3742
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-light-hovered)',
|
|
3648
3743
|
},
|
|
3649
|
-
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled)+.ids-checkbox__icon':
|
|
3650
|
-
color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-hovered)',
|
|
3651
|
-
|
|
3652
|
-
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate)':
|
|
3744
|
+
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon':
|
|
3745
|
+
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-hovered)' },
|
|
3746
|
+
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):not([aria-readonly=true]):not(:checked):not(:indeterminate)':
|
|
3653
3747
|
{
|
|
3654
3748
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-pressed)',
|
|
3655
3749
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-pressed)',
|
|
3656
3750
|
},
|
|
3657
|
-
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):is(:checked,:indeterminate)':
|
|
3751
|
+
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):not([aria-readonly=true]):is(:checked,:indeterminate)':
|
|
3658
3752
|
{
|
|
3659
3753
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-light-pressed)',
|
|
3660
3754
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-light-pressed)',
|
|
3661
3755
|
},
|
|
3662
|
-
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled)+.ids-checkbox__icon':
|
|
3756
|
+
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon':
|
|
3663
3757
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-pressed)' },
|
|
3664
|
-
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled)': {
|
|
3758
|
+
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true])': {
|
|
3665
3759
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-default)',
|
|
3666
3760
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-default)',
|
|
3667
3761
|
},
|
|
3668
|
-
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover': {
|
|
3762
|
+
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):hover': {
|
|
3669
3763
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-hovered)',
|
|
3670
3764
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-hovered)',
|
|
3671
3765
|
},
|
|
3672
|
-
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active':
|
|
3673
|
-
|
|
3674
|
-
|
|
3675
|
-
|
|
3676
|
-
|
|
3766
|
+
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):active':
|
|
3767
|
+
{
|
|
3768
|
+
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-pressed)',
|
|
3769
|
+
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-pressed)',
|
|
3770
|
+
},
|
|
3771
|
+
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus-visible':
|
|
3677
3772
|
{
|
|
3678
3773
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-focused)',
|
|
3679
3774
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-focused)',
|
|
3680
3775
|
outlineColor: 'var(--ids-comp-checkbox-input-selected-color-focused-outline-light-focused)',
|
|
3681
3776
|
},
|
|
3682
|
-
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:disabled':
|
|
3683
|
-
|
|
3684
|
-
|
|
3685
|
-
|
|
3686
|
-
|
|
3777
|
+
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:disabled,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox][aria-readonly=true]':
|
|
3778
|
+
{
|
|
3779
|
+
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-disabled)',
|
|
3780
|
+
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-disabled)',
|
|
3781
|
+
},
|
|
3782
|
+
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]),.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true])':
|
|
3687
3783
|
{
|
|
3688
3784
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-light-default)',
|
|
3689
3785
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-light-default)',
|
|
3690
3786
|
},
|
|
3691
|
-
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover':
|
|
3787
|
+
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover':
|
|
3692
3788
|
{
|
|
3693
3789
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-light-hovered)',
|
|
3694
3790
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-light-hovered)',
|
|
3695
3791
|
},
|
|
3696
|
-
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active':
|
|
3792
|
+
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active':
|
|
3697
3793
|
{
|
|
3698
3794
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-light-pressed)',
|
|
3699
3795
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-light-pressed)',
|
|
3700
3796
|
},
|
|
3701
|
-
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible':
|
|
3797
|
+
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible':
|
|
3702
3798
|
{
|
|
3703
3799
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-light-focused)',
|
|
3704
3800
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-light-focused)',
|
|
3705
3801
|
outlineColor: 'var(--ids-comp-checkbox-input-selected-color-focused-outline-light-focused)',
|
|
3706
3802
|
},
|
|
3707
|
-
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled':
|
|
3803
|
+
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked[aria-readonly=true],.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate[aria-readonly=true]':
|
|
3708
3804
|
{
|
|
3709
3805
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-light-disabled)',
|
|
3710
3806
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-light-disabled)',
|
|
3711
3807
|
},
|
|
3712
|
-
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon':
|
|
3808
|
+
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon':
|
|
3713
3809
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-default)' },
|
|
3714
|
-
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon':
|
|
3810
|
+
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon':
|
|
3715
3811
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-hovered)' },
|
|
3716
|
-
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon':
|
|
3812
|
+
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon':
|
|
3717
3813
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-pressed)' },
|
|
3718
|
-
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-checkbox__icon':
|
|
3814
|
+
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon':
|
|
3719
3815
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-focused)' },
|
|
3720
|
-
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled+.ids-checkbox__icon':
|
|
3816
|
+
'.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked[aria-readonly=true]+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate[aria-readonly=true]+.ids-checkbox__icon':
|
|
3721
3817
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-disabled)' },
|
|
3722
3818
|
'.ids-checkbox.ids-checkbox-light .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label': {
|
|
3723
3819
|
color: 'var(--ids-comp-checkbox-label-color-fg-light-default)',
|
|
@@ -3732,88 +3828,88 @@ module.exports = function ComponentsPlugin() {
|
|
|
3732
3828
|
{ color: 'var(--ids-comp-checkbox-label-color-fg-light-focused)' },
|
|
3733
3829
|
'.ids-checkbox.ids-checkbox-light.ids-checkbox-disabled .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label':
|
|
3734
3830
|
{ color: 'var(--ids-comp-checkbox-label-color-fg-light-disabled)' },
|
|
3735
|
-
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate)':
|
|
3831
|
+
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate):not([aria-readonly=true])':
|
|
3736
3832
|
{
|
|
3737
3833
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-dark-hovered)',
|
|
3738
3834
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-dark-hovered)',
|
|
3739
3835
|
},
|
|
3740
|
-
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):is(:checked,:indeterminate)':
|
|
3836
|
+
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):is(:checked,:indeterminate):not([aria-readonly=true])':
|
|
3741
3837
|
{
|
|
3742
3838
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-dark-hovered)',
|
|
3743
3839
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-dark-hovered)',
|
|
3744
3840
|
},
|
|
3745
|
-
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled)+.ids-checkbox__icon':
|
|
3746
|
-
color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-hovered)',
|
|
3747
|
-
|
|
3748
|
-
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate)':
|
|
3841
|
+
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon':
|
|
3842
|
+
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-hovered)' },
|
|
3843
|
+
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):not([aria-readonly=true]):not(:checked):not(:indeterminate)':
|
|
3749
3844
|
{
|
|
3750
3845
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-dark-pressed)',
|
|
3751
3846
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-dark-pressed)',
|
|
3752
3847
|
},
|
|
3753
|
-
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):is(:checked,:indeterminate)':
|
|
3848
|
+
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):not([aria-readonly=true]):is(:checked,:indeterminate)':
|
|
3754
3849
|
{
|
|
3755
3850
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-dark-pressed)',
|
|
3756
3851
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-dark-pressed)',
|
|
3757
3852
|
},
|
|
3758
|
-
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled)+.ids-checkbox__icon':
|
|
3853
|
+
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon':
|
|
3759
3854
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-pressed)' },
|
|
3760
|
-
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled)': {
|
|
3855
|
+
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true])': {
|
|
3761
3856
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-dark-default)',
|
|
3762
3857
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-dark-default)',
|
|
3763
3858
|
},
|
|
3764
|
-
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover': {
|
|
3859
|
+
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):hover': {
|
|
3765
3860
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-dark-hovered)',
|
|
3766
3861
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-dark-hovered)',
|
|
3767
3862
|
},
|
|
3768
|
-
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active': {
|
|
3863
|
+
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):active': {
|
|
3769
3864
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-dark-pressed)',
|
|
3770
3865
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-dark-pressed)',
|
|
3771
3866
|
},
|
|
3772
|
-
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible':
|
|
3867
|
+
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus-visible':
|
|
3773
3868
|
{
|
|
3774
3869
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-dark-focused)',
|
|
3775
3870
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-dark-focused)',
|
|
3776
3871
|
outlineColor: 'var(--ids-comp-checkbox-input-selected-color-focused-outline-dark-focused)',
|
|
3777
3872
|
},
|
|
3778
|
-
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:disabled':
|
|
3779
|
-
|
|
3780
|
-
|
|
3781
|
-
|
|
3782
|
-
|
|
3873
|
+
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:disabled,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox][aria-readonly=true]':
|
|
3874
|
+
{
|
|
3875
|
+
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-dark-disabled)',
|
|
3876
|
+
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-dark-disabled)',
|
|
3877
|
+
},
|
|
3878
|
+
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]),.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true])':
|
|
3783
3879
|
{
|
|
3784
3880
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-dark-default)',
|
|
3785
3881
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-dark-default)',
|
|
3786
3882
|
},
|
|
3787
|
-
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover':
|
|
3883
|
+
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover':
|
|
3788
3884
|
{
|
|
3789
3885
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-dark-hovered)',
|
|
3790
3886
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-dark-hovered)',
|
|
3791
3887
|
},
|
|
3792
|
-
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active':
|
|
3888
|
+
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active':
|
|
3793
3889
|
{
|
|
3794
3890
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-dark-pressed)',
|
|
3795
3891
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-dark-pressed)',
|
|
3796
3892
|
},
|
|
3797
|
-
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible':
|
|
3893
|
+
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible':
|
|
3798
3894
|
{
|
|
3799
3895
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-dark-focused)',
|
|
3800
3896
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-dark-focused)',
|
|
3801
3897
|
outlineColor: 'var(--ids-comp-checkbox-input-selected-color-focused-outline-dark-focused)',
|
|
3802
3898
|
},
|
|
3803
|
-
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled':
|
|
3899
|
+
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked[aria-readonly=true],.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate[aria-readonly=true]':
|
|
3804
3900
|
{
|
|
3805
3901
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-dark-disabled)',
|
|
3806
3902
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-dark-disabled)',
|
|
3807
3903
|
},
|
|
3808
|
-
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon':
|
|
3904
|
+
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon':
|
|
3809
3905
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-default)' },
|
|
3810
|
-
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon':
|
|
3906
|
+
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon':
|
|
3811
3907
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-hovered)' },
|
|
3812
|
-
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon':
|
|
3908
|
+
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon':
|
|
3813
3909
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-pressed)' },
|
|
3814
|
-
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-checkbox__icon':
|
|
3910
|
+
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon':
|
|
3815
3911
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-focused)' },
|
|
3816
|
-
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled+.ids-checkbox__icon':
|
|
3912
|
+
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked[aria-readonly=true]+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate[aria-readonly=true]+.ids-checkbox__icon':
|
|
3817
3913
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-disabled)' },
|
|
3818
3914
|
'.ids-checkbox.ids-checkbox-dark .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label': {
|
|
3819
3915
|
color: 'var(--ids-comp-checkbox-label-color-fg-dark-default)',
|
|
@@ -3828,88 +3924,90 @@ module.exports = function ComponentsPlugin() {
|
|
|
3828
3924
|
{ color: 'var(--ids-comp-checkbox-label-color-fg-dark-focused)' },
|
|
3829
3925
|
'.ids-checkbox.ids-checkbox-dark.ids-checkbox-disabled .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label':
|
|
3830
3926
|
{ color: 'var(--ids-comp-checkbox-label-color-fg-dark-disabled)' },
|
|
3831
|
-
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate)':
|
|
3927
|
+
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate):not([aria-readonly=true])':
|
|
3832
3928
|
{
|
|
3833
3929
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-hovered)',
|
|
3834
3930
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-hovered)',
|
|
3835
3931
|
},
|
|
3836
|
-
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):is(:checked,:indeterminate)':
|
|
3932
|
+
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):is(:checked,:indeterminate):not([aria-readonly=true])':
|
|
3837
3933
|
{
|
|
3838
3934
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-surface-hovered)',
|
|
3839
3935
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-surface-hovered)',
|
|
3840
3936
|
},
|
|
3841
|
-
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled)+.ids-checkbox__icon':
|
|
3842
|
-
color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-hovered)',
|
|
3843
|
-
|
|
3844
|
-
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate)':
|
|
3937
|
+
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon':
|
|
3938
|
+
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-hovered)' },
|
|
3939
|
+
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):not([aria-readonly=true]):not(:checked):not(:indeterminate)':
|
|
3845
3940
|
{
|
|
3846
3941
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-pressed)',
|
|
3847
3942
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-pressed)',
|
|
3848
3943
|
},
|
|
3849
|
-
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):is(:checked,:indeterminate)':
|
|
3944
|
+
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):not([aria-readonly=true]):is(:checked,:indeterminate)':
|
|
3850
3945
|
{
|
|
3851
3946
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-surface-pressed)',
|
|
3852
3947
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-surface-pressed)',
|
|
3853
3948
|
},
|
|
3854
|
-
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled)+.ids-checkbox__icon':
|
|
3949
|
+
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon':
|
|
3855
3950
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-pressed)' },
|
|
3856
|
-
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled)': {
|
|
3951
|
+
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true])': {
|
|
3857
3952
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-default)',
|
|
3858
3953
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-default)',
|
|
3859
3954
|
},
|
|
3860
|
-
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover':
|
|
3861
|
-
|
|
3862
|
-
|
|
3863
|
-
|
|
3864
|
-
|
|
3865
|
-
|
|
3866
|
-
|
|
3867
|
-
|
|
3868
|
-
|
|
3955
|
+
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):hover':
|
|
3956
|
+
{
|
|
3957
|
+
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-hovered)',
|
|
3958
|
+
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-hovered)',
|
|
3959
|
+
},
|
|
3960
|
+
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):active':
|
|
3961
|
+
{
|
|
3962
|
+
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-pressed)',
|
|
3963
|
+
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-pressed)',
|
|
3964
|
+
},
|
|
3965
|
+
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus-visible':
|
|
3869
3966
|
{
|
|
3870
3967
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-focused)',
|
|
3871
3968
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-focused)',
|
|
3872
3969
|
outlineColor: 'var(--ids-comp-checkbox-input-selected-color-focused-outline-surface-focused)',
|
|
3873
3970
|
},
|
|
3874
|
-
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:disabled':
|
|
3875
|
-
|
|
3876
|
-
|
|
3877
|
-
|
|
3878
|
-
|
|
3971
|
+
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:disabled,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox][aria-readonly=true]':
|
|
3972
|
+
{
|
|
3973
|
+
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-disabled)',
|
|
3974
|
+
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-disabled)',
|
|
3975
|
+
},
|
|
3976
|
+
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]),.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true])':
|
|
3879
3977
|
{
|
|
3880
3978
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-surface-default)',
|
|
3881
3979
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-surface-default)',
|
|
3882
3980
|
},
|
|
3883
|
-
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover':
|
|
3981
|
+
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover':
|
|
3884
3982
|
{
|
|
3885
3983
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-surface-hovered)',
|
|
3886
3984
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-surface-hovered)',
|
|
3887
3985
|
},
|
|
3888
|
-
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active':
|
|
3986
|
+
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active':
|
|
3889
3987
|
{
|
|
3890
3988
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-surface-pressed)',
|
|
3891
3989
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-surface-pressed)',
|
|
3892
3990
|
},
|
|
3893
|
-
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible':
|
|
3991
|
+
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible':
|
|
3894
3992
|
{
|
|
3895
3993
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-surface-focused)',
|
|
3896
3994
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-surface-focused)',
|
|
3897
3995
|
outlineColor: 'var(--ids-comp-checkbox-input-selected-color-focused-outline-surface-focused)',
|
|
3898
3996
|
},
|
|
3899
|
-
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled':
|
|
3997
|
+
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked[aria-readonly=true],.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate[aria-readonly=true]':
|
|
3900
3998
|
{
|
|
3901
3999
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-surface-disabled)',
|
|
3902
4000
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-surface-disabled)',
|
|
3903
4001
|
},
|
|
3904
|
-
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon':
|
|
4002
|
+
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon':
|
|
3905
4003
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-default)' },
|
|
3906
|
-
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon':
|
|
4004
|
+
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon':
|
|
3907
4005
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-hovered)' },
|
|
3908
|
-
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon':
|
|
4006
|
+
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon':
|
|
3909
4007
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-pressed)' },
|
|
3910
|
-
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-checkbox__icon':
|
|
4008
|
+
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon':
|
|
3911
4009
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-focused)' },
|
|
3912
|
-
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled+.ids-checkbox__icon':
|
|
4010
|
+
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked[aria-readonly=true]+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate[aria-readonly=true]+.ids-checkbox__icon':
|
|
3913
4011
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-disabled)' },
|
|
3914
4012
|
'.ids-checkbox.ids-checkbox-surface .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label': {
|
|
3915
4013
|
color: 'var(--ids-comp-checkbox-label-color-fg-surface-default)',
|
|
@@ -3924,165 +4022,169 @@ module.exports = function ComponentsPlugin() {
|
|
|
3924
4022
|
{ color: 'var(--ids-comp-checkbox-label-color-fg-surface-focused)' },
|
|
3925
4023
|
'.ids-checkbox.ids-checkbox-surface.ids-checkbox-disabled .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label':
|
|
3926
4024
|
{ color: 'var(--ids-comp-checkbox-label-color-fg-surface-disabled)' },
|
|
4025
|
+
'.ids-checkbox.ids-checkbox-disabled .ids-checkbox__input-wrapper': { cursor: 'not-allowed' },
|
|
3927
4026
|
'.ids-checkbox.ids-checkbox-disabled .ids-checkbox__input-wrapper .ids-checkbox__touch-target': { cursor: 'not-allowed' },
|
|
3928
4027
|
'.ids-checkbox.ids-checkbox-disabled .ids-checkbox__input-wrapper input[type=checkbox]': { cursor: 'not-allowed' },
|
|
3929
4028
|
'.ids-checkbox.ids-checkbox-disabled .ids-checkbox__input-wrapper input[type=checkbox]+.ids-checkbox__icon': {
|
|
3930
4029
|
cursor: 'not-allowed',
|
|
3931
4030
|
},
|
|
4031
|
+
'.ids-checkbox.ids-checkbox-disabled .ids-checkbox__label-wrapper': { cursor: 'not-allowed' },
|
|
3932
4032
|
'.ids-checkbox.ids-checkbox-disabled .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label': {
|
|
3933
4033
|
cursor: 'not-allowed',
|
|
3934
4034
|
},
|
|
4035
|
+
'.ids-checkbox:not(.ids-checkbox-disabled) .ids-checkbox__input-wrapper': { cursor: 'pointer' },
|
|
3935
4036
|
'.ids-checkbox:not(.ids-checkbox-disabled) .ids-checkbox__input-wrapper .ids-checkbox__touch-target': { cursor: 'pointer' },
|
|
3936
4037
|
'.ids-checkbox:not(.ids-checkbox-disabled) .ids-checkbox__input-wrapper input[type=checkbox]': { cursor: 'pointer' },
|
|
3937
4038
|
'.ids-checkbox:not(.ids-checkbox-disabled) .ids-checkbox__input-wrapper input[type=checkbox]+.ids-checkbox__icon': {
|
|
3938
4039
|
cursor: 'pointer',
|
|
3939
4040
|
},
|
|
4041
|
+
'.ids-checkbox:not(.ids-checkbox-disabled) .ids-checkbox__label-wrapper': { cursor: 'pointer' },
|
|
3940
4042
|
'.ids-checkbox:not(.ids-checkbox-disabled) .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label': {
|
|
3941
4043
|
cursor: 'pointer',
|
|
3942
4044
|
},
|
|
3943
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled),.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled)':
|
|
4045
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true])':
|
|
3944
4046
|
{
|
|
3945
4047
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-error-default)',
|
|
3946
4048
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-default)',
|
|
3947
4049
|
},
|
|
3948
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover':
|
|
4050
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):hover':
|
|
3949
4051
|
{
|
|
3950
4052
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-error-hovered)',
|
|
3951
4053
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-hovered)',
|
|
3952
4054
|
},
|
|
3953
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active':
|
|
4055
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):active':
|
|
3954
4056
|
{
|
|
3955
4057
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-error-pressed)',
|
|
3956
4058
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-pressed)',
|
|
3957
4059
|
},
|
|
3958
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible':
|
|
4060
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus-visible':
|
|
3959
4061
|
{
|
|
3960
4062
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-error-focused)',
|
|
3961
4063
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-focused)',
|
|
3962
4064
|
},
|
|
3963
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled),.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)':
|
|
4065
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]),.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true])':
|
|
3964
4066
|
{
|
|
3965
4067
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-light-error-default)',
|
|
3966
4068
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-light-default)',
|
|
3967
4069
|
},
|
|
3968
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover':
|
|
4070
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover':
|
|
3969
4071
|
{
|
|
3970
4072
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-light-error-hovered)',
|
|
3971
4073
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-light-hovered)',
|
|
3972
4074
|
},
|
|
3973
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active':
|
|
4075
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active':
|
|
3974
4076
|
{
|
|
3975
4077
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-light-error-pressed)',
|
|
3976
4078
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-light-pressed)',
|
|
3977
4079
|
},
|
|
3978
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible':
|
|
4080
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible':
|
|
3979
4081
|
{
|
|
3980
4082
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-light-error-focused)',
|
|
3981
4083
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-light-focused)',
|
|
3982
4084
|
},
|
|
3983
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon':
|
|
4085
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon':
|
|
3984
4086
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-error-default)' },
|
|
3985
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon':
|
|
4087
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon':
|
|
3986
4088
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-error-hovered)' },
|
|
3987
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon':
|
|
4089
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon':
|
|
3988
4090
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-error-pressed)' },
|
|
3989
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-checkbox__icon':
|
|
4091
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon':
|
|
3990
4092
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-error-focused)' },
|
|
3991
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled),.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled)':
|
|
4093
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true])':
|
|
3992
4094
|
{
|
|
3993
4095
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-dark-error-default)',
|
|
3994
4096
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-dark-default)',
|
|
3995
4097
|
},
|
|
3996
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover':
|
|
4098
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):hover':
|
|
3997
4099
|
{
|
|
3998
4100
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-dark-error-hovered)',
|
|
3999
4101
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-dark-hovered)',
|
|
4000
4102
|
},
|
|
4001
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active':
|
|
4103
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):active':
|
|
4002
4104
|
{
|
|
4003
4105
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-dark-error-pressed)',
|
|
4004
4106
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-dark-pressed)',
|
|
4005
4107
|
},
|
|
4006
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible':
|
|
4108
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus-visible':
|
|
4007
4109
|
{
|
|
4008
4110
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-dark-error-focused)',
|
|
4009
4111
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-dark-focused)',
|
|
4010
4112
|
},
|
|
4011
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled),.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)':
|
|
4113
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]),.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true])':
|
|
4012
4114
|
{
|
|
4013
4115
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-dark-error-default)',
|
|
4014
4116
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-dark-default)',
|
|
4015
4117
|
},
|
|
4016
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover':
|
|
4118
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover':
|
|
4017
4119
|
{
|
|
4018
4120
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-dark-error-hovered)',
|
|
4019
4121
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-dark-hovered)',
|
|
4020
4122
|
},
|
|
4021
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active':
|
|
4123
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active':
|
|
4022
4124
|
{
|
|
4023
4125
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-dark-error-pressed)',
|
|
4024
4126
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-dark-pressed)',
|
|
4025
4127
|
},
|
|
4026
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible':
|
|
4128
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible':
|
|
4027
4129
|
{
|
|
4028
4130
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-dark-error-focused)',
|
|
4029
4131
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-dark-focused)',
|
|
4030
4132
|
},
|
|
4031
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon':
|
|
4133
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon':
|
|
4032
4134
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-error-default)' },
|
|
4033
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon':
|
|
4135
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon':
|
|
4034
4136
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-error-hovered)' },
|
|
4035
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon':
|
|
4137
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon':
|
|
4036
4138
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-error-pressed)' },
|
|
4037
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-checkbox__icon':
|
|
4139
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon':
|
|
4038
4140
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-error-focused)' },
|
|
4039
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled),.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled)':
|
|
4141
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true])':
|
|
4040
4142
|
{
|
|
4041
4143
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-error-default)',
|
|
4042
4144
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-default)',
|
|
4043
4145
|
},
|
|
4044
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover':
|
|
4146
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):hover':
|
|
4045
4147
|
{
|
|
4046
4148
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-error-hovered)',
|
|
4047
4149
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-hovered)',
|
|
4048
4150
|
},
|
|
4049
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active':
|
|
4151
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):active':
|
|
4050
4152
|
{
|
|
4051
4153
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-error-pressed)',
|
|
4052
4154
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-pressed)',
|
|
4053
4155
|
},
|
|
4054
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible':
|
|
4156
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus-visible':
|
|
4055
4157
|
{
|
|
4056
4158
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-error-focused)',
|
|
4057
4159
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-focused)',
|
|
4058
4160
|
},
|
|
4059
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled),.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)':
|
|
4161
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]),.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true])':
|
|
4060
4162
|
{
|
|
4061
4163
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-surface-error-default)',
|
|
4062
4164
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-surface-default)',
|
|
4063
4165
|
},
|
|
4064
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover':
|
|
4166
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover':
|
|
4065
4167
|
{
|
|
4066
4168
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-surface-error-hovered)',
|
|
4067
4169
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-surface-hovered)',
|
|
4068
4170
|
},
|
|
4069
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active':
|
|
4171
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active':
|
|
4070
4172
|
{
|
|
4071
4173
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-surface-error-pressed)',
|
|
4072
4174
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-surface-pressed)',
|
|
4073
4175
|
},
|
|
4074
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible':
|
|
4176
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible':
|
|
4075
4177
|
{
|
|
4076
4178
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-surface-error-focused)',
|
|
4077
4179
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-surface-focused)',
|
|
4078
4180
|
},
|
|
4079
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon':
|
|
4181
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon':
|
|
4080
4182
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-error-default)' },
|
|
4081
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon':
|
|
4183
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon':
|
|
4082
4184
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-error-hovered)' },
|
|
4083
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon':
|
|
4185
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon':
|
|
4084
4186
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-error-pressed)' },
|
|
4085
|
-
'.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-checkbox__icon':
|
|
4187
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon':
|
|
4086
4188
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-error-focused)' },
|
|
4087
4189
|
'.ids-pseudo-checkbox': { display: 'inline-flex', alignSelf: 'stretch' },
|
|
4088
4190
|
'.ids-pseudo-checkbox .ids-pseudo-checkbox__input-wrapper': {
|
|
@@ -5493,9 +5595,15 @@ module.exports = function ComponentsPlugin() {
|
|
|
5493
5595
|
'.ids-dialog.ids-dialog-with-backdrop::backdrop': { backgroundColor: 'var(--ids-comp-dialog-backdrop-background)' },
|
|
5494
5596
|
'.ids-dialog .ids-dialog-container': { display: 'grid', gridTemplateRows: 'auto 1fr auto', position: 'relative', maxHeight: '80vh' },
|
|
5495
5597
|
'.ids-dialog .ids-dialog-container .ids-dialog-header': { display: 'grid', gridTemplateColumns: '1fr auto' },
|
|
5496
|
-
'.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-title': {
|
|
5598
|
+
'.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-title': {
|
|
5599
|
+
fontStyle: 'normal',
|
|
5600
|
+
color: 'var(--ids-comp-dialog-header-color-fg-title-default)',
|
|
5601
|
+
},
|
|
5497
5602
|
'.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-title.hidden': { display: 'none' },
|
|
5498
|
-
'.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle': {
|
|
5603
|
+
'.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle': {
|
|
5604
|
+
fontStyle: 'normal',
|
|
5605
|
+
color: 'var(--ids-comp-dialog-header-color-fg-subtitle-default)',
|
|
5606
|
+
},
|
|
5499
5607
|
'.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content': { display: 'grid' },
|
|
5500
5608
|
'.ids-dialog .ids-dialog-container .ids-dialog-content': {
|
|
5501
5609
|
display: 'flex',
|
|
@@ -8309,7 +8417,6 @@ module.exports = function ComponentsPlugin() {
|
|
|
8309
8417
|
},
|
|
8310
8418
|
'.ids-notification>.ids-notification__content-wrapper': {
|
|
8311
8419
|
display: 'flex',
|
|
8312
|
-
justifyContent: 'space-between',
|
|
8313
8420
|
alignItems: 'flex-start',
|
|
8314
8421
|
alignContent: 'flex-start',
|
|
8315
8422
|
flexWrap: 'wrap',
|
|
@@ -8339,6 +8446,7 @@ module.exports = function ComponentsPlugin() {
|
|
|
8339
8446
|
alignItems: 'center',
|
|
8340
8447
|
flexShrink: 0,
|
|
8341
8448
|
},
|
|
8449
|
+
'.ids-notification>.ids-notification__content-wrapper>.ids-notification__close-button-container': { marginLeft: 'auto' },
|
|
8342
8450
|
'.ids-notification>.ids-notification__content-wrapper>.ids-notification__close-button-container.ids-notification__label-button': {
|
|
8343
8451
|
display: 'flex',
|
|
8344
8452
|
alignSelf: 'center',
|
|
@@ -8761,14 +8869,21 @@ module.exports = function ComponentsPlugin() {
|
|
|
8761
8869
|
width: 'var(--ids-comp-notification-icon-button-size-icon-button-dense)',
|
|
8762
8870
|
height: 'var(--ids-comp-notification-icon-button-size-icon-button-dense)',
|
|
8763
8871
|
},
|
|
8764
|
-
'.ids-option': {
|
|
8765
|
-
|
|
8872
|
+
'.ids-option': {
|
|
8873
|
+
display: 'flex',
|
|
8874
|
+
alignItems: 'center',
|
|
8875
|
+
alignSelf: 'stretch',
|
|
8876
|
+
boxSizing: 'border-box',
|
|
8877
|
+
userSelect: 'none',
|
|
8878
|
+
flexShrink: 0,
|
|
8879
|
+
},
|
|
8880
|
+
'.ids-option>.ids-option__text': { overflowWrap: 'anywhere', fontStyle: 'normal' },
|
|
8766
8881
|
'.ids-option:not(.ids-option-disabled)': { cursor: 'pointer' },
|
|
8767
8882
|
'.ids-option.ids-option-disabled': { cursor: 'not-allowed' },
|
|
8768
8883
|
'.ids-option:not(.ids-option-multiselect)': { justifyContent: 'space-between' },
|
|
8769
8884
|
'.ids-option.ids-option-active': { outlineStyle: 'solid' },
|
|
8770
8885
|
'.ids-option.ids-option-compact': {
|
|
8771
|
-
|
|
8886
|
+
minHeight: 'var(--ids-comp-forms-option-item-size-min-height-compact)',
|
|
8772
8887
|
padding: 'var(--ids-comp-forms-option-item-size-padding-y-compact) var(--ids-comp-forms-option-item-size-padding-x-compact)',
|
|
8773
8888
|
gap: 'var(--ids-comp-forms-option-container-size-gap-compact)',
|
|
8774
8889
|
borderRadius: 'var(--ids-comp-forms-option-item-size-border-radius-compact)',
|
|
@@ -8791,7 +8906,7 @@ module.exports = function ComponentsPlugin() {
|
|
|
8791
8906
|
outlineWidth: 'var(--ids-comp-forms-form-field-standard-field-wrapper-focused-outline-outline-compact)',
|
|
8792
8907
|
},
|
|
8793
8908
|
'.ids-option.ids-option-comfortable': {
|
|
8794
|
-
|
|
8909
|
+
minHeight: 'var(--ids-comp-forms-option-item-size-min-height-comfortable)',
|
|
8795
8910
|
padding:
|
|
8796
8911
|
'var(--ids-comp-forms-option-item-size-padding-y-comfortable) var(--ids-comp-forms-option-item-size-padding-x-comfortable)',
|
|
8797
8912
|
gap: 'var(--ids-comp-forms-option-container-size-gap-comfortable)',
|
|
@@ -8815,7 +8930,7 @@ module.exports = function ComponentsPlugin() {
|
|
|
8815
8930
|
outlineWidth: 'var(--ids-comp-forms-form-field-standard-field-wrapper-focused-outline-outline-comfortable)',
|
|
8816
8931
|
},
|
|
8817
8932
|
'.ids-option.ids-option-spacious': {
|
|
8818
|
-
|
|
8933
|
+
minHeight: 'var(--ids-comp-forms-option-item-size-min-height-spacious)',
|
|
8819
8934
|
padding: 'var(--ids-comp-forms-option-item-size-padding-y-spacious) var(--ids-comp-forms-option-item-size-padding-x-spacious)',
|
|
8820
8935
|
gap: 'var(--ids-comp-forms-option-container-size-gap-spacious)',
|
|
8821
8936
|
borderRadius: 'var(--ids-comp-forms-option-item-size-border-radius-spacious)',
|
|
@@ -8838,7 +8953,7 @@ module.exports = function ComponentsPlugin() {
|
|
|
8838
8953
|
outlineWidth: 'var(--ids-comp-forms-form-field-standard-field-wrapper-focused-outline-outline-spacious)',
|
|
8839
8954
|
},
|
|
8840
8955
|
'.ids-option.ids-option-dense': {
|
|
8841
|
-
|
|
8956
|
+
minHeight: 'var(--ids-comp-forms-option-item-size-min-height-dense)',
|
|
8842
8957
|
padding: 'var(--ids-comp-forms-option-item-size-padding-y-dense) var(--ids-comp-forms-option-item-size-padding-x-dense)',
|
|
8843
8958
|
gap: 'var(--ids-comp-forms-option-container-size-gap-dense)',
|
|
8844
8959
|
borderRadius: 'var(--ids-comp-forms-option-item-size-border-radius-dense)',
|
|
@@ -9620,9 +9735,10 @@ module.exports = function ComponentsPlugin() {
|
|
|
9620
9735
|
borderStyle: 'none',
|
|
9621
9736
|
borderColor: 'rgba(0,0,0,0)',
|
|
9622
9737
|
lineHeight: 1.5,
|
|
9623
|
-
display: '
|
|
9738
|
+
display: 'flex',
|
|
9739
|
+
flexDirection: 'column',
|
|
9740
|
+
justifyContent: 'center',
|
|
9624
9741
|
alignItems: 'flex-start',
|
|
9625
|
-
justifyContent: 'start',
|
|
9626
9742
|
},
|
|
9627
9743
|
'.ids-radio-group::before,.ids-radio-group::after,.ids-radio-group *,.ids-radio-group ::before,.ids-radio-group ::after': {
|
|
9628
9744
|
boxSizing: 'border-box',
|
|
@@ -9630,67 +9746,100 @@ module.exports = function ComponentsPlugin() {
|
|
|
9630
9746
|
borderStyle: 'none',
|
|
9631
9747
|
borderColor: 'rgba(0,0,0,0)',
|
|
9632
9748
|
},
|
|
9633
|
-
'.ids-radio-group.ids-radio-group-horizontal': { flexDirection: 'row' },
|
|
9634
|
-
'.ids-radio-group.ids-radio-group-vertical': { flexDirection: 'column' },
|
|
9635
9749
|
'.ids-radio-group.ids-radio-group-left': { alignItems: 'flex-end' },
|
|
9636
9750
|
'.ids-radio-group.ids-radio-group-right': { alignItems: 'flex-start' },
|
|
9751
|
+
'.ids-radio-group>.ids-radio-group__legend': { display: 'flex', flexDirection: 'column' },
|
|
9752
|
+
'.ids-radio-group>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label': {
|
|
9753
|
+
fontStyle: 'normal',
|
|
9754
|
+
},
|
|
9755
|
+
'.ids-radio-group>.ids-radio-group__list': { display: 'flex' },
|
|
9756
|
+
'.ids-radio-group.ids-radio-group-horizontal>.ids-radio-group__list': { flexDirection: 'row', alignItems: 'center' },
|
|
9757
|
+
'.ids-radio-group.ids-radio-group-vertical>.ids-radio-group__list': { flexDirection: 'column', alignItems: 'flex-start' },
|
|
9637
9758
|
'.ids-radio-group .ids-radio': { display: 'flex', alignItems: 'center' },
|
|
9638
9759
|
'.ids-radio-group .ids-radio.ids-radio-left': { flexDirection: 'row-reverse', justifyContent: 'start' },
|
|
9639
|
-
'.ids-radio-group .ids-radio.ids-radio-
|
|
9640
|
-
'.ids-radio-group .ids-radio.ids-radio-top': { flexDirection: 'column-reverse', alignItems: 'center' },
|
|
9760
|
+
'.ids-radio-group .ids-radio.ids-radio-right': { flexDirection: 'row', justifyContent: 'start' },
|
|
9761
|
+
'.ids-radio-group .ids-radio.ids-radio-top': { flexDirection: 'column-reverse', justifyContent: 'center', alignItems: 'center' },
|
|
9641
9762
|
'.ids-radio-group .ids-radio.ids-radio-bottom': { flexDirection: 'column', alignItems: 'center' },
|
|
9763
|
+
'.ids-radio-group .ids-radio.ids-radio-top .ids-radio__label-wrapper,.ids-radio-group .ids-radio.ids-radio-bottom .ids-radio__label-wrapper':
|
|
9764
|
+
{ alignItems: 'center' },
|
|
9765
|
+
'.ids-radio-group .ids-radio.ids-radio-top .ids-radio__label,.ids-radio-group .ids-radio.ids-radio-bottom .ids-radio__label': {
|
|
9766
|
+
justifyContent: 'center',
|
|
9767
|
+
},
|
|
9768
|
+
'.ids-radio-group .ids-radio.ids-radio-left .ids-radio__label-wrapper,.ids-radio-group .ids-radio.ids-radio-right .ids-radio__label-wrapper':
|
|
9769
|
+
{ alignItems: 'flex-start' },
|
|
9770
|
+
'.ids-radio-group .ids-radio.ids-radio-left .ids-radio__label,.ids-radio-group .ids-radio.ids-radio-right .ids-radio__label': {
|
|
9771
|
+
justifyContent: 'start',
|
|
9772
|
+
},
|
|
9642
9773
|
'.ids-radio-group .ids-radio .ids-radio__input-wrapper': {
|
|
9643
9774
|
position: 'relative',
|
|
9644
9775
|
display: 'flex',
|
|
9645
9776
|
alignItems: 'center',
|
|
9646
9777
|
justifyContent: 'center',
|
|
9647
9778
|
},
|
|
9648
|
-
'.ids-radio-group .ids-radio .ids-
|
|
9649
|
-
'.ids-radio-group .ids-radio
|
|
9779
|
+
'.ids-radio-group .ids-radio .ids-radio__touch-target': { position: 'absolute', cursor: 'pointer' },
|
|
9780
|
+
'.ids-radio-group .ids-radio input[type=radio]': {
|
|
9650
9781
|
appearance: 'none',
|
|
9651
9782
|
WebkitAppearance: 'none',
|
|
9652
|
-
flexShrink: [0, 0],
|
|
9653
|
-
borderStyle: 'solid',
|
|
9654
|
-
margin: '0',
|
|
9655
9783
|
display: 'flex',
|
|
9656
|
-
justifyContent: 'center',
|
|
9657
9784
|
alignItems: 'center',
|
|
9785
|
+
justifyContent: 'center',
|
|
9786
|
+
flexShrink: 0,
|
|
9787
|
+
margin: '0',
|
|
9788
|
+
borderStyle: 'solid',
|
|
9658
9789
|
cursor: 'pointer',
|
|
9659
9790
|
},
|
|
9660
|
-
'.ids-radio-group .ids-radio
|
|
9791
|
+
'.ids-radio-group .ids-radio input[type=radio]:focus,.ids-radio-group .ids-radio input[type=radio]:focus-visible': {
|
|
9792
|
+
outlineOffset: '2px',
|
|
9793
|
+
outlineStyle: 'solid',
|
|
9794
|
+
},
|
|
9795
|
+
'.ids-radio-group .ids-radio input[type=radio]+.ids-radio__inner-circle': {
|
|
9661
9796
|
position: 'absolute',
|
|
9662
9797
|
flexShrink: 0,
|
|
9663
|
-
borderStyle: 'solid',
|
|
9664
|
-
height: '0',
|
|
9665
9798
|
width: '0',
|
|
9799
|
+
height: '0',
|
|
9666
9800
|
borderWidth: '0',
|
|
9801
|
+
borderStyle: 'solid',
|
|
9667
9802
|
cursor: 'pointer',
|
|
9668
9803
|
},
|
|
9669
|
-
'.ids-radio-group .ids-radio .ids-
|
|
9670
|
-
{ outlineOffset: '2px', outlineStyle: 'solid' },
|
|
9804
|
+
'.ids-radio-group .ids-radio .ids-radio__label-wrapper': { display: 'flex', flexDirection: 'column', cursor: 'pointer' },
|
|
9671
9805
|
'.ids-radio-group .ids-radio .ids-radio__label': {
|
|
9672
|
-
cursor: 'pointer',
|
|
9673
9806
|
display: 'flex',
|
|
9674
|
-
justifyContent: 'center',
|
|
9675
9807
|
alignItems: 'center',
|
|
9676
9808
|
flex: '1 0 0',
|
|
9677
9809
|
fontStyle: 'normal',
|
|
9810
|
+
cursor: 'pointer',
|
|
9678
9811
|
},
|
|
9679
|
-
'.ids-radio-group .ids-radio.ids-radio-disabled .ids-
|
|
9680
|
-
|
|
9681
|
-
'.ids-radio-group
|
|
9682
|
-
cursor: 'not-allowed',
|
|
9683
|
-
},
|
|
9684
|
-
'.ids-radio-group .ids-radio.ids-radio-disabled .ids-radio__label': { cursor: 'not-allowed' },
|
|
9685
|
-
'.ids-radio-group.ids-radio-group-compact.ids-radio-group-horizontal': {
|
|
9812
|
+
'.ids-radio-group .ids-radio.ids-radio-disabled .ids-radio__touch-target,.ids-radio-group .ids-radio.ids-radio-disabled input[type=radio],.ids-radio-group .ids-radio.ids-radio-disabled input[type=radio]+.ids-radio__inner-circle,.ids-radio-group .ids-radio.ids-radio-disabled .ids-radio__label-wrapper,.ids-radio-group .ids-radio.ids-radio-disabled .ids-radio__label':
|
|
9813
|
+
{ cursor: 'not-allowed' },
|
|
9814
|
+
'.ids-radio-group.ids-radio-group-compact': {
|
|
9686
9815
|
padding:
|
|
9687
|
-
'var(--ids-comp-radio-group-
|
|
9688
|
-
gap: 'var(--ids-comp-radio-group-
|
|
9816
|
+
'var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-y-compact) var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-x-compact)',
|
|
9817
|
+
gap: 'var(--ids-comp-radio-group-vertical-fieldset-size-gap-compact)',
|
|
9689
9818
|
},
|
|
9690
|
-
'.ids-radio-group.ids-radio-group-compact
|
|
9691
|
-
|
|
9692
|
-
|
|
9693
|
-
|
|
9819
|
+
'.ids-radio-group.ids-radio-group-compact>.ids-radio-group__legend': {
|
|
9820
|
+
gap: 'var(--ids-comp-radio-group-vertical-fieldset-legend-size-gap-compact)',
|
|
9821
|
+
},
|
|
9822
|
+
'.ids-radio-group.ids-radio-group-compact.ids-radio-group-horizontal>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label':
|
|
9823
|
+
{
|
|
9824
|
+
fontFamily: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-family-compact)',
|
|
9825
|
+
fontSize: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-size-compact)',
|
|
9826
|
+
fontWeight: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-weight-compact)',
|
|
9827
|
+
lineHeight: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-line-height-compact)',
|
|
9828
|
+
letterSpacing: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-letter-spacing-compact)',
|
|
9829
|
+
},
|
|
9830
|
+
'.ids-radio-group.ids-radio-group-compact.ids-radio-group-horizontal>.ids-radio-group__list': {
|
|
9831
|
+
gap: 'var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-y-compact) var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-x-compact)',
|
|
9832
|
+
},
|
|
9833
|
+
'.ids-radio-group.ids-radio-group-compact.ids-radio-group-vertical>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label':
|
|
9834
|
+
{
|
|
9835
|
+
fontFamily: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-family-compact)',
|
|
9836
|
+
fontSize: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-size-compact)',
|
|
9837
|
+
fontWeight: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-weight-compact)',
|
|
9838
|
+
lineHeight: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-line-height-compact)',
|
|
9839
|
+
letterSpacing: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-letter-spacing-compact)',
|
|
9840
|
+
},
|
|
9841
|
+
'.ids-radio-group.ids-radio-group-compact.ids-radio-group-vertical>.ids-radio-group__list': {
|
|
9842
|
+
gap: 'var(--ids-comp-radio-group-vertical-fieldset-list-size-gap-compact)',
|
|
9694
9843
|
},
|
|
9695
9844
|
'.ids-radio-group.ids-radio-group-compact .ids-radio': {
|
|
9696
9845
|
padding:
|
|
@@ -9700,8 +9849,8 @@ module.exports = function ComponentsPlugin() {
|
|
|
9700
9849
|
'.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target': {
|
|
9701
9850
|
top: 'calc((var(--ids-comp-radio-button-input-size-height-compact) - var(--ids-comp-radio-button-input-size-touchtarget-height-compact))/2)',
|
|
9702
9851
|
left: 'calc((var(--ids-comp-radio-button-input-size-width-compact) - var(--ids-comp-radio-button-input-size-touchtarget-width-compact))/2)',
|
|
9703
|
-
height: 'var(--ids-comp-radio-button-input-size-touchtarget-height-compact)',
|
|
9704
9852
|
width: 'var(--ids-comp-radio-button-input-size-touchtarget-width-compact)',
|
|
9853
|
+
height: 'var(--ids-comp-radio-button-input-size-touchtarget-height-compact)',
|
|
9705
9854
|
},
|
|
9706
9855
|
'.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper input[type=radio]': {
|
|
9707
9856
|
width: 'var(--ids-comp-radio-button-input-size-width-compact)',
|
|
@@ -9717,23 +9866,46 @@ module.exports = function ComponentsPlugin() {
|
|
|
9717
9866
|
},
|
|
9718
9867
|
'.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper input[type=radio]:focus,.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper input[type=radio]:focus-visible':
|
|
9719
9868
|
{ outlineWidth: 'var(--ids-comp-radio-focused-outline-outline-compact)' },
|
|
9869
|
+
'.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__label-wrapper': {
|
|
9870
|
+
gap: 'var(--ids-comp-radio-button-label-group-size-gap-compact)',
|
|
9871
|
+
},
|
|
9720
9872
|
'.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__label': {
|
|
9721
|
-
padding: 'var(--ids-comp-radio-button-label-size-padding-y-compact)
|
|
9873
|
+
padding: 'var(--ids-comp-radio-button-label-size-padding-y-compact) 0',
|
|
9722
9874
|
fontFamily: 'var(--ids-comp-radio-button-label-typography-font-family-compact)',
|
|
9723
9875
|
fontSize: 'var(--ids-comp-radio-button-label-typography-font-size-compact)',
|
|
9724
9876
|
fontWeight: 'var(--ids-comp-radio-button-label-typography-font-weight-compact)',
|
|
9725
9877
|
lineHeight: 'var(--ids-comp-radio-button-label-typography-line-height-compact)',
|
|
9726
9878
|
letterSpacing: 'var(--ids-comp-radio-button-label-typography-letter-spacing-compact)',
|
|
9727
9879
|
},
|
|
9728
|
-
'.ids-radio-group.ids-radio-group-comfortable
|
|
9880
|
+
'.ids-radio-group.ids-radio-group-comfortable': {
|
|
9729
9881
|
padding:
|
|
9730
|
-
'var(--ids-comp-radio-group-
|
|
9731
|
-
gap: 'var(--ids-comp-radio-group-
|
|
9882
|
+
'var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-y-comfortable) var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-x-comfortable)',
|
|
9883
|
+
gap: 'var(--ids-comp-radio-group-vertical-fieldset-size-gap-comfortable)',
|
|
9732
9884
|
},
|
|
9733
|
-
'.ids-radio-group.ids-radio-group-comfortable
|
|
9734
|
-
|
|
9735
|
-
|
|
9736
|
-
|
|
9885
|
+
'.ids-radio-group.ids-radio-group-comfortable>.ids-radio-group__legend': {
|
|
9886
|
+
gap: 'var(--ids-comp-radio-group-vertical-fieldset-legend-size-gap-comfortable)',
|
|
9887
|
+
},
|
|
9888
|
+
'.ids-radio-group.ids-radio-group-comfortable.ids-radio-group-horizontal>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label':
|
|
9889
|
+
{
|
|
9890
|
+
fontFamily: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-family-comfortable)',
|
|
9891
|
+
fontSize: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-size-comfortable)',
|
|
9892
|
+
fontWeight: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-weight-comfortable)',
|
|
9893
|
+
lineHeight: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-line-height-comfortable)',
|
|
9894
|
+
letterSpacing: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-letter-spacing-comfortable)',
|
|
9895
|
+
},
|
|
9896
|
+
'.ids-radio-group.ids-radio-group-comfortable.ids-radio-group-horizontal>.ids-radio-group__list': {
|
|
9897
|
+
gap: 'var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-y-comfortable) var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-x-comfortable)',
|
|
9898
|
+
},
|
|
9899
|
+
'.ids-radio-group.ids-radio-group-comfortable.ids-radio-group-vertical>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label':
|
|
9900
|
+
{
|
|
9901
|
+
fontFamily: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-family-comfortable)',
|
|
9902
|
+
fontSize: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-size-comfortable)',
|
|
9903
|
+
fontWeight: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-weight-comfortable)',
|
|
9904
|
+
lineHeight: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-line-height-comfortable)',
|
|
9905
|
+
letterSpacing: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-letter-spacing-comfortable)',
|
|
9906
|
+
},
|
|
9907
|
+
'.ids-radio-group.ids-radio-group-comfortable.ids-radio-group-vertical>.ids-radio-group__list': {
|
|
9908
|
+
gap: 'var(--ids-comp-radio-group-vertical-fieldset-list-size-gap-comfortable)',
|
|
9737
9909
|
},
|
|
9738
9910
|
'.ids-radio-group.ids-radio-group-comfortable .ids-radio': {
|
|
9739
9911
|
padding:
|
|
@@ -9743,8 +9915,8 @@ module.exports = function ComponentsPlugin() {
|
|
|
9743
9915
|
'.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target': {
|
|
9744
9916
|
top: 'calc((var(--ids-comp-radio-button-input-size-height-comfortable) - var(--ids-comp-radio-button-input-size-touchtarget-height-comfortable))/2)',
|
|
9745
9917
|
left: 'calc((var(--ids-comp-radio-button-input-size-width-comfortable) - var(--ids-comp-radio-button-input-size-touchtarget-width-comfortable))/2)',
|
|
9746
|
-
height: 'var(--ids-comp-radio-button-input-size-touchtarget-height-comfortable)',
|
|
9747
9918
|
width: 'var(--ids-comp-radio-button-input-size-touchtarget-width-comfortable)',
|
|
9919
|
+
height: 'var(--ids-comp-radio-button-input-size-touchtarget-height-comfortable)',
|
|
9748
9920
|
},
|
|
9749
9921
|
'.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper input[type=radio]': {
|
|
9750
9922
|
width: 'var(--ids-comp-radio-button-input-size-width-comfortable)',
|
|
@@ -9761,23 +9933,46 @@ module.exports = function ComponentsPlugin() {
|
|
|
9761
9933
|
},
|
|
9762
9934
|
'.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper input[type=radio]:focus,.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper input[type=radio]:focus-visible':
|
|
9763
9935
|
{ outlineWidth: 'var(--ids-comp-radio-focused-outline-outline-comfortable)' },
|
|
9936
|
+
'.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__label-wrapper': {
|
|
9937
|
+
gap: 'var(--ids-comp-radio-button-label-group-size-gap-comfortable)',
|
|
9938
|
+
},
|
|
9764
9939
|
'.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__label': {
|
|
9765
|
-
padding: 'var(--ids-comp-radio-button-label-size-padding-y-comfortable)
|
|
9940
|
+
padding: 'var(--ids-comp-radio-button-label-size-padding-y-comfortable) 0',
|
|
9766
9941
|
fontFamily: 'var(--ids-comp-radio-button-label-typography-font-family-comfortable)',
|
|
9767
9942
|
fontSize: 'var(--ids-comp-radio-button-label-typography-font-size-comfortable)',
|
|
9768
9943
|
fontWeight: 'var(--ids-comp-radio-button-label-typography-font-weight-comfortable)',
|
|
9769
9944
|
lineHeight: 'var(--ids-comp-radio-button-label-typography-line-height-comfortable)',
|
|
9770
9945
|
letterSpacing: 'var(--ids-comp-radio-button-label-typography-letter-spacing-comfortable)',
|
|
9771
9946
|
},
|
|
9772
|
-
'.ids-radio-group.ids-radio-group-spacious
|
|
9947
|
+
'.ids-radio-group.ids-radio-group-spacious': {
|
|
9773
9948
|
padding:
|
|
9774
|
-
'var(--ids-comp-radio-group-
|
|
9775
|
-
gap: 'var(--ids-comp-radio-group-
|
|
9949
|
+
'var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-y-spacious) var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-x-spacious)',
|
|
9950
|
+
gap: 'var(--ids-comp-radio-group-vertical-fieldset-size-gap-spacious)',
|
|
9776
9951
|
},
|
|
9777
|
-
'.ids-radio-group.ids-radio-group-spacious
|
|
9778
|
-
|
|
9779
|
-
|
|
9780
|
-
|
|
9952
|
+
'.ids-radio-group.ids-radio-group-spacious>.ids-radio-group__legend': {
|
|
9953
|
+
gap: 'var(--ids-comp-radio-group-vertical-fieldset-legend-size-gap-spacious)',
|
|
9954
|
+
},
|
|
9955
|
+
'.ids-radio-group.ids-radio-group-spacious.ids-radio-group-horizontal>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label':
|
|
9956
|
+
{
|
|
9957
|
+
fontFamily: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-family-spacious)',
|
|
9958
|
+
fontSize: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-size-spacious)',
|
|
9959
|
+
fontWeight: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-weight-spacious)',
|
|
9960
|
+
lineHeight: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-line-height-spacious)',
|
|
9961
|
+
letterSpacing: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-letter-spacing-spacious)',
|
|
9962
|
+
},
|
|
9963
|
+
'.ids-radio-group.ids-radio-group-spacious.ids-radio-group-horizontal>.ids-radio-group__list': {
|
|
9964
|
+
gap: 'var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-y-spacious) var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-x-spacious)',
|
|
9965
|
+
},
|
|
9966
|
+
'.ids-radio-group.ids-radio-group-spacious.ids-radio-group-vertical>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label':
|
|
9967
|
+
{
|
|
9968
|
+
fontFamily: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-family-spacious)',
|
|
9969
|
+
fontSize: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-size-spacious)',
|
|
9970
|
+
fontWeight: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-weight-spacious)',
|
|
9971
|
+
lineHeight: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-line-height-spacious)',
|
|
9972
|
+
letterSpacing: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-letter-spacing-spacious)',
|
|
9973
|
+
},
|
|
9974
|
+
'.ids-radio-group.ids-radio-group-spacious.ids-radio-group-vertical>.ids-radio-group__list': {
|
|
9975
|
+
gap: 'var(--ids-comp-radio-group-vertical-fieldset-list-size-gap-spacious)',
|
|
9781
9976
|
},
|
|
9782
9977
|
'.ids-radio-group.ids-radio-group-spacious .ids-radio': {
|
|
9783
9978
|
padding:
|
|
@@ -9787,8 +9982,8 @@ module.exports = function ComponentsPlugin() {
|
|
|
9787
9982
|
'.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target': {
|
|
9788
9983
|
top: 'calc((var(--ids-comp-radio-button-input-size-height-spacious) - var(--ids-comp-radio-button-input-size-touchtarget-height-spacious))/2)',
|
|
9789
9984
|
left: 'calc((var(--ids-comp-radio-button-input-size-width-spacious) - var(--ids-comp-radio-button-input-size-touchtarget-width-spacious))/2)',
|
|
9790
|
-
height: 'var(--ids-comp-radio-button-input-size-touchtarget-height-spacious)',
|
|
9791
9985
|
width: 'var(--ids-comp-radio-button-input-size-touchtarget-width-spacious)',
|
|
9986
|
+
height: 'var(--ids-comp-radio-button-input-size-touchtarget-height-spacious)',
|
|
9792
9987
|
},
|
|
9793
9988
|
'.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper input[type=radio]': {
|
|
9794
9989
|
width: 'var(--ids-comp-radio-button-input-size-width-spacious)',
|
|
@@ -9804,23 +9999,46 @@ module.exports = function ComponentsPlugin() {
|
|
|
9804
9999
|
},
|
|
9805
10000
|
'.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper input[type=radio]:focus,.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper input[type=radio]:focus-visible':
|
|
9806
10001
|
{ outlineWidth: 'var(--ids-comp-radio-focused-outline-outline-spacious)' },
|
|
10002
|
+
'.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__label-wrapper': {
|
|
10003
|
+
gap: 'var(--ids-comp-radio-button-label-group-size-gap-spacious)',
|
|
10004
|
+
},
|
|
9807
10005
|
'.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__label': {
|
|
9808
|
-
padding: 'var(--ids-comp-radio-button-label-size-padding-y-spacious)
|
|
10006
|
+
padding: 'var(--ids-comp-radio-button-label-size-padding-y-spacious) 0',
|
|
9809
10007
|
fontFamily: 'var(--ids-comp-radio-button-label-typography-font-family-spacious)',
|
|
9810
10008
|
fontSize: 'var(--ids-comp-radio-button-label-typography-font-size-spacious)',
|
|
9811
10009
|
fontWeight: 'var(--ids-comp-radio-button-label-typography-font-weight-spacious)',
|
|
9812
10010
|
lineHeight: 'var(--ids-comp-radio-button-label-typography-line-height-spacious)',
|
|
9813
10011
|
letterSpacing: 'var(--ids-comp-radio-button-label-typography-letter-spacing-spacious)',
|
|
9814
10012
|
},
|
|
9815
|
-
'.ids-radio-group.ids-radio-group-dense
|
|
10013
|
+
'.ids-radio-group.ids-radio-group-dense': {
|
|
9816
10014
|
padding:
|
|
9817
|
-
'var(--ids-comp-radio-group-
|
|
9818
|
-
gap: 'var(--ids-comp-radio-group-
|
|
10015
|
+
'var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-y-dense) var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-x-dense)',
|
|
10016
|
+
gap: 'var(--ids-comp-radio-group-vertical-fieldset-size-gap-dense)',
|
|
9819
10017
|
},
|
|
9820
|
-
'.ids-radio-group.ids-radio-group-dense
|
|
9821
|
-
|
|
9822
|
-
|
|
9823
|
-
|
|
10018
|
+
'.ids-radio-group.ids-radio-group-dense>.ids-radio-group__legend': {
|
|
10019
|
+
gap: 'var(--ids-comp-radio-group-vertical-fieldset-legend-size-gap-dense)',
|
|
10020
|
+
},
|
|
10021
|
+
'.ids-radio-group.ids-radio-group-dense.ids-radio-group-horizontal>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label':
|
|
10022
|
+
{
|
|
10023
|
+
fontFamily: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-family-dense)',
|
|
10024
|
+
fontSize: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-size-dense)',
|
|
10025
|
+
fontWeight: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-weight-dense)',
|
|
10026
|
+
lineHeight: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-line-height-dense)',
|
|
10027
|
+
letterSpacing: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-letter-spacing-dense)',
|
|
10028
|
+
},
|
|
10029
|
+
'.ids-radio-group.ids-radio-group-dense.ids-radio-group-horizontal>.ids-radio-group__list': {
|
|
10030
|
+
gap: 'var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-y-dense) var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-x-dense)',
|
|
10031
|
+
},
|
|
10032
|
+
'.ids-radio-group.ids-radio-group-dense.ids-radio-group-vertical>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label':
|
|
10033
|
+
{
|
|
10034
|
+
fontFamily: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-family-dense)',
|
|
10035
|
+
fontSize: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-size-dense)',
|
|
10036
|
+
fontWeight: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-weight-dense)',
|
|
10037
|
+
lineHeight: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-line-height-dense)',
|
|
10038
|
+
letterSpacing: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-letter-spacing-dense)',
|
|
10039
|
+
},
|
|
10040
|
+
'.ids-radio-group.ids-radio-group-dense.ids-radio-group-vertical>.ids-radio-group__list': {
|
|
10041
|
+
gap: 'var(--ids-comp-radio-group-vertical-fieldset-list-size-gap-dense)',
|
|
9824
10042
|
},
|
|
9825
10043
|
'.ids-radio-group.ids-radio-group-dense .ids-radio': {
|
|
9826
10044
|
padding: 'var(--ids-comp-radio-button-container-size-padding-y-dense) var(--ids-comp-radio-button-container-size-padding-x-dense)',
|
|
@@ -9829,8 +10047,8 @@ module.exports = function ComponentsPlugin() {
|
|
|
9829
10047
|
'.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target': {
|
|
9830
10048
|
top: 'calc((var(--ids-comp-radio-button-input-size-height-dense) - var(--ids-comp-radio-button-input-size-touchtarget-height-dense))/2)',
|
|
9831
10049
|
left: 'calc((var(--ids-comp-radio-button-input-size-width-dense) - var(--ids-comp-radio-button-input-size-touchtarget-width-dense))/2)',
|
|
9832
|
-
height: 'var(--ids-comp-radio-button-input-size-touchtarget-height-dense)',
|
|
9833
10050
|
width: 'var(--ids-comp-radio-button-input-size-touchtarget-width-dense)',
|
|
10051
|
+
height: 'var(--ids-comp-radio-button-input-size-touchtarget-height-dense)',
|
|
9834
10052
|
},
|
|
9835
10053
|
'.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper input[type=radio]': {
|
|
9836
10054
|
width: 'var(--ids-comp-radio-button-input-size-width-dense)',
|
|
@@ -9846,97 +10064,108 @@ module.exports = function ComponentsPlugin() {
|
|
|
9846
10064
|
},
|
|
9847
10065
|
'.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper input[type=radio]:focus,.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper input[type=radio]:focus-visible':
|
|
9848
10066
|
{ outlineWidth: 'var(--ids-comp-radio-focused-outline-outline-dense)' },
|
|
10067
|
+
'.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__label-wrapper': {
|
|
10068
|
+
gap: 'var(--ids-comp-radio-button-label-group-size-gap-dense)',
|
|
10069
|
+
},
|
|
9849
10070
|
'.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__label': {
|
|
9850
|
-
padding: 'var(--ids-comp-radio-button-label-size-padding-y-dense)
|
|
10071
|
+
padding: 'var(--ids-comp-radio-button-label-size-padding-y-dense) 0',
|
|
9851
10072
|
fontFamily: 'var(--ids-comp-radio-button-label-typography-font-family-dense)',
|
|
9852
10073
|
fontSize: 'var(--ids-comp-radio-button-label-typography-font-size-dense)',
|
|
9853
10074
|
fontWeight: 'var(--ids-comp-radio-button-label-typography-font-weight-dense)',
|
|
9854
10075
|
lineHeight: 'var(--ids-comp-radio-button-label-typography-line-height-dense)',
|
|
9855
10076
|
letterSpacing: 'var(--ids-comp-radio-button-label-typography-letter-spacing-dense)',
|
|
9856
10077
|
},
|
|
9857
|
-
'.ids-radio-group
|
|
9858
|
-
|
|
9859
|
-
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)',
|
|
10078
|
+
'.ids-radio-group.ids-radio-group-surface .ids-radio-group__legend-label': {
|
|
10079
|
+
color: 'var(--ids-comp-radio-group-legend-color-fg-surface-default)',
|
|
9860
10080
|
},
|
|
9861
|
-
'.ids-radio-group
|
|
10081
|
+
'.ids-radio-group.ids-radio-group-surface.ids-radio-group-disabled .ids-radio-group__legend-label': {
|
|
10082
|
+
color: 'var(--ids-comp-radio-group-legend-color-fg-surface-disabled)',
|
|
10083
|
+
},
|
|
10084
|
+
'.ids-radio-group .ids-radio-surface input[type=radio]:not(:disabled)': {
|
|
9862
10085
|
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-default)',
|
|
9863
10086
|
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-default)',
|
|
9864
10087
|
},
|
|
9865
|
-
'.ids-radio-group .ids-radio-surface
|
|
10088
|
+
'.ids-radio-group .ids-radio-surface input[type=radio]:not(:disabled):hover': {
|
|
9866
10089
|
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-hovered)',
|
|
9867
10090
|
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)',
|
|
9868
10091
|
},
|
|
9869
|
-
'.ids-radio-group .ids-radio-surface
|
|
10092
|
+
'.ids-radio-group .ids-radio-surface input[type=radio]:not(:disabled):active': {
|
|
9870
10093
|
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-pressed)',
|
|
9871
10094
|
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-pressed)',
|
|
9872
10095
|
},
|
|
9873
|
-
'.ids-radio-group .ids-radio-surface
|
|
10096
|
+
'.ids-radio-group .ids-radio-surface input[type=radio]:not(:disabled):focus,.ids-radio-group .ids-radio-surface input[type=radio]:not(:disabled):focus-visible':
|
|
9874
10097
|
{
|
|
9875
10098
|
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-default)',
|
|
9876
10099
|
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-default)',
|
|
9877
10100
|
outlineColor: 'var(--ids-comp-radio-input-unselected-color-focused-outline-surface-focused)',
|
|
9878
10101
|
},
|
|
9879
|
-
'.ids-radio-group .ids-radio-surface
|
|
10102
|
+
'.ids-radio-group .ids-radio-surface input[type=radio]:disabled': {
|
|
9880
10103
|
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-disabled)',
|
|
9881
10104
|
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-disabled)',
|
|
9882
10105
|
},
|
|
9883
|
-
'.ids-radio-group .ids-radio-surface
|
|
10106
|
+
'.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled)': {
|
|
9884
10107
|
borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-default)',
|
|
9885
10108
|
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-default)',
|
|
9886
10109
|
},
|
|
9887
|
-
'.ids-radio-group .ids-radio-surface
|
|
10110
|
+
'.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle': {
|
|
9888
10111
|
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-default)',
|
|
9889
10112
|
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-default)',
|
|
9890
10113
|
},
|
|
9891
|
-
'.ids-radio-group .ids-radio-surface
|
|
10114
|
+
'.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):hover': {
|
|
9892
10115
|
borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-hovered)',
|
|
9893
10116
|
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-hovered)',
|
|
9894
10117
|
},
|
|
9895
|
-
'.ids-radio-group .ids-radio-surface
|
|
9896
|
-
|
|
9897
|
-
|
|
9898
|
-
|
|
9899
|
-
|
|
9900
|
-
'.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active': {
|
|
10118
|
+
'.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle': {
|
|
10119
|
+
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-hovered)',
|
|
10120
|
+
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-hovered)',
|
|
10121
|
+
},
|
|
10122
|
+
'.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):active': {
|
|
9901
10123
|
borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-pressed)',
|
|
9902
10124
|
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-pressed)',
|
|
9903
10125
|
},
|
|
9904
|
-
'.ids-radio-group .ids-radio-surface
|
|
9905
|
-
|
|
9906
|
-
|
|
9907
|
-
|
|
9908
|
-
|
|
9909
|
-
'.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus,.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible':
|
|
10126
|
+
'.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle': {
|
|
10127
|
+
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-pressed)',
|
|
10128
|
+
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-pressed)',
|
|
10129
|
+
},
|
|
10130
|
+
'.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):focus,.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):focus-visible':
|
|
9910
10131
|
{
|
|
9911
10132
|
borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-default)',
|
|
9912
10133
|
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-default)',
|
|
9913
10134
|
outlineColor: 'var(--ids-comp-radio-input-selected-color-focused-outline-surface-focused)',
|
|
9914
10135
|
},
|
|
9915
|
-
'.ids-radio-group .ids-radio-surface
|
|
10136
|
+
'.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle':
|
|
9916
10137
|
{
|
|
9917
10138
|
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-default)',
|
|
9918
10139
|
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-default)',
|
|
9919
10140
|
},
|
|
9920
|
-
'.ids-radio-group .ids-radio-surface
|
|
10141
|
+
'.ids-radio-group .ids-radio-surface input[type=radio]:checked:disabled': {
|
|
9921
10142
|
borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-disabled)',
|
|
9922
10143
|
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-disabled)',
|
|
9923
10144
|
},
|
|
9924
|
-
'.ids-radio-group .ids-radio-surface
|
|
10145
|
+
'.ids-radio-group .ids-radio-surface input[type=radio]:checked:disabled+.ids-radio__inner-circle': {
|
|
9925
10146
|
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-disabled)',
|
|
9926
10147
|
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-disabled)',
|
|
9927
10148
|
},
|
|
9928
|
-
'.ids-radio-group .ids-radio-surface:has(input[type=radio]:
|
|
10149
|
+
'.ids-radio-group .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
|
|
10150
|
+
{
|
|
10151
|
+
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-hovered)',
|
|
10152
|
+
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)',
|
|
10153
|
+
},
|
|
10154
|
+
'.ids-radio-group .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
|
|
10155
|
+
{ color: 'var(--ids-comp-radio-label-color-fg-surface-hovered)' },
|
|
10156
|
+
'.ids-radio-group .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
|
|
9929
10157
|
{
|
|
9930
10158
|
borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-hovered)',
|
|
9931
10159
|
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-hovered)',
|
|
9932
10160
|
},
|
|
9933
|
-
'.ids-radio-group .ids-radio-surface:has(input[type=radio]:checked)
|
|
10161
|
+
'.ids-radio-group .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle':
|
|
9934
10162
|
{
|
|
9935
10163
|
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-hovered)',
|
|
9936
10164
|
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-hovered)',
|
|
9937
10165
|
},
|
|
10166
|
+
'.ids-radio-group .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
|
|
10167
|
+
{ color: 'var(--ids-comp-radio-label-color-fg-surface-hovered)' },
|
|
9938
10168
|
'.ids-radio-group .ids-radio-surface .ids-radio__label': { color: 'var(--ids-comp-radio-label-color-fg-surface-default)' },
|
|
9939
|
-
'.ids-radio-group .ids-radio-surface .ids-radio__label:hover': { color: 'var(--ids-comp-radio-label-color-fg-surface-hovered)' },
|
|
9940
10169
|
'.ids-radio-group .ids-radio-surface .ids-radio__label:active': { color: 'var(--ids-comp-radio-label-color-fg-surface-pressed)' },
|
|
9941
10170
|
'.ids-radio-group .ids-radio-surface .ids-radio__label:focus,.ids-radio-group .ids-radio-surface .ids-radio__label:focus-visible': {
|
|
9942
10171
|
color: 'var(--ids-comp-radio-label-color-fg-surface-focused)',
|
|
@@ -9944,89 +10173,97 @@ module.exports = function ComponentsPlugin() {
|
|
|
9944
10173
|
'.ids-radio-group .ids-radio-surface.ids-radio-disabled .ids-radio__label': {
|
|
9945
10174
|
color: 'var(--ids-comp-radio-label-color-fg-surface-disabled)',
|
|
9946
10175
|
},
|
|
9947
|
-
'.ids-radio-group
|
|
9948
|
-
|
|
9949
|
-
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-hovered)',
|
|
10176
|
+
'.ids-radio-group.ids-radio-group-light .ids-radio-group__legend-label': {
|
|
10177
|
+
color: 'var(--ids-comp-radio-group-legend-color-fg-light-default)',
|
|
9950
10178
|
},
|
|
9951
|
-
'.ids-radio-group
|
|
10179
|
+
'.ids-radio-group.ids-radio-group-light.ids-radio-group-disabled .ids-radio-group__legend-label': {
|
|
10180
|
+
color: 'var(--ids-comp-radio-group-legend-color-fg-light-disabled)',
|
|
10181
|
+
},
|
|
10182
|
+
'.ids-radio-group .ids-radio-light input[type=radio]:not(:disabled)': {
|
|
9952
10183
|
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-default)',
|
|
9953
10184
|
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-default)',
|
|
9954
10185
|
},
|
|
9955
|
-
'.ids-radio-group .ids-radio-light
|
|
10186
|
+
'.ids-radio-group .ids-radio-light input[type=radio]:not(:disabled):hover': {
|
|
9956
10187
|
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-hovered)',
|
|
9957
10188
|
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-hovered)',
|
|
9958
10189
|
},
|
|
9959
|
-
'.ids-radio-group .ids-radio-light
|
|
10190
|
+
'.ids-radio-group .ids-radio-light input[type=radio]:not(:disabled):active': {
|
|
9960
10191
|
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-pressed)',
|
|
9961
10192
|
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-pressed)',
|
|
9962
10193
|
},
|
|
9963
|
-
'.ids-radio-group .ids-radio-light
|
|
10194
|
+
'.ids-radio-group .ids-radio-light input[type=radio]:not(:disabled):focus,.ids-radio-group .ids-radio-light input[type=radio]:not(:disabled):focus-visible':
|
|
9964
10195
|
{
|
|
9965
10196
|
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-default)',
|
|
9966
10197
|
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-default)',
|
|
9967
10198
|
outlineColor: 'var(--ids-comp-radio-input-unselected-color-focused-outline-light-focused)',
|
|
9968
10199
|
},
|
|
9969
|
-
'.ids-radio-group .ids-radio-light
|
|
10200
|
+
'.ids-radio-group .ids-radio-light input[type=radio]:disabled': {
|
|
9970
10201
|
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-disabled)',
|
|
9971
10202
|
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-disabled)',
|
|
9972
10203
|
},
|
|
9973
|
-
'.ids-radio-group .ids-radio-light
|
|
10204
|
+
'.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled)': {
|
|
9974
10205
|
borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-default)',
|
|
9975
10206
|
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-default)',
|
|
9976
10207
|
},
|
|
9977
|
-
'.ids-radio-group .ids-radio-light
|
|
10208
|
+
'.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle': {
|
|
9978
10209
|
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-default)',
|
|
9979
10210
|
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-default)',
|
|
9980
10211
|
},
|
|
9981
|
-
'.ids-radio-group .ids-radio-light
|
|
10212
|
+
'.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):hover': {
|
|
9982
10213
|
borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-hovered)',
|
|
9983
10214
|
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-hovered)',
|
|
9984
10215
|
},
|
|
9985
|
-
'.ids-radio-group .ids-radio-light
|
|
9986
|
-
|
|
9987
|
-
|
|
9988
|
-
|
|
9989
|
-
|
|
9990
|
-
'.ids-radio-group .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active': {
|
|
10216
|
+
'.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle': {
|
|
10217
|
+
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-hovered)',
|
|
10218
|
+
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-hovered)',
|
|
10219
|
+
},
|
|
10220
|
+
'.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):active': {
|
|
9991
10221
|
borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-pressed)',
|
|
9992
10222
|
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-pressed)',
|
|
9993
10223
|
},
|
|
9994
|
-
'.ids-radio-group .ids-radio-light
|
|
9995
|
-
|
|
9996
|
-
|
|
9997
|
-
|
|
9998
|
-
|
|
9999
|
-
'.ids-radio-group .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus,.ids-radio-group .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible':
|
|
10224
|
+
'.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle': {
|
|
10225
|
+
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-pressed)',
|
|
10226
|
+
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-pressed)',
|
|
10227
|
+
},
|
|
10228
|
+
'.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):focus,.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):focus-visible':
|
|
10000
10229
|
{
|
|
10001
10230
|
borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-default)',
|
|
10002
10231
|
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-default)',
|
|
10003
10232
|
outlineColor: 'var(--ids-comp-radio-input-selected-color-focused-outline-light-focused)',
|
|
10004
10233
|
},
|
|
10005
|
-
'.ids-radio-group .ids-radio-light
|
|
10234
|
+
'.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle':
|
|
10006
10235
|
{
|
|
10007
10236
|
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-default)',
|
|
10008
10237
|
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-default)',
|
|
10009
10238
|
},
|
|
10010
|
-
'.ids-radio-group .ids-radio-light
|
|
10239
|
+
'.ids-radio-group .ids-radio-light input[type=radio]:checked:disabled': {
|
|
10011
10240
|
borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-disabled)',
|
|
10012
10241
|
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-disabled)',
|
|
10013
10242
|
},
|
|
10014
|
-
'.ids-radio-group .ids-radio-light
|
|
10243
|
+
'.ids-radio-group .ids-radio-light input[type=radio]:checked:disabled+.ids-radio__inner-circle': {
|
|
10015
10244
|
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-disabled)',
|
|
10016
10245
|
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-disabled)',
|
|
10017
10246
|
},
|
|
10018
|
-
'.ids-radio-group .ids-radio-light:has(input[type=radio]:
|
|
10247
|
+
'.ids-radio-group .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
|
|
10248
|
+
{
|
|
10249
|
+
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-hovered)',
|
|
10250
|
+
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-hovered)',
|
|
10251
|
+
},
|
|
10252
|
+
'.ids-radio-group .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
|
|
10253
|
+
{ color: 'var(--ids-comp-radio-label-color-fg-light-hovered)' },
|
|
10254
|
+
'.ids-radio-group .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
|
|
10019
10255
|
{
|
|
10020
10256
|
borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-hovered)',
|
|
10021
10257
|
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-hovered)',
|
|
10022
10258
|
},
|
|
10023
|
-
'.ids-radio-group .ids-radio-light:has(input[type=radio]:checked)
|
|
10259
|
+
'.ids-radio-group .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle':
|
|
10024
10260
|
{
|
|
10025
10261
|
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-hovered)',
|
|
10026
10262
|
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-hovered)',
|
|
10027
10263
|
},
|
|
10264
|
+
'.ids-radio-group .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
|
|
10265
|
+
{ color: 'var(--ids-comp-radio-label-color-fg-light-hovered)' },
|
|
10028
10266
|
'.ids-radio-group .ids-radio-light .ids-radio__label': { color: 'var(--ids-comp-radio-label-color-fg-light-default)' },
|
|
10029
|
-
'.ids-radio-group .ids-radio-light .ids-radio__label:hover': { color: 'var(--ids-comp-radio-label-color-fg-light-hovered)' },
|
|
10030
10267
|
'.ids-radio-group .ids-radio-light .ids-radio__label:active': { color: 'var(--ids-comp-radio-label-color-fg-light-pressed)' },
|
|
10031
10268
|
'.ids-radio-group .ids-radio-light .ids-radio__label:focus,.ids-radio-group .ids-radio-light .ids-radio__label:focus-visible': {
|
|
10032
10269
|
color: 'var(--ids-comp-radio-label-color-fg-light-focused)',
|
|
@@ -10034,89 +10271,97 @@ module.exports = function ComponentsPlugin() {
|
|
|
10034
10271
|
'.ids-radio-group .ids-radio-light.ids-radio-disabled .ids-radio__label': {
|
|
10035
10272
|
color: 'var(--ids-comp-radio-label-color-fg-light-disabled)',
|
|
10036
10273
|
},
|
|
10037
|
-
'.ids-radio-group
|
|
10038
|
-
|
|
10039
|
-
|
|
10274
|
+
'.ids-radio-group.ids-radio-group-dark .ids-radio-group__legend-label': {
|
|
10275
|
+
color: 'var(--ids-comp-radio-group-legend-color-fg-dark-default)',
|
|
10276
|
+
},
|
|
10277
|
+
'.ids-radio-group.ids-radio-group-dark.ids-radio-group-disabled .ids-radio-group__legend-label': {
|
|
10278
|
+
color: 'var(--ids-comp-radio-group-legend-color-fg-dark-disabled)',
|
|
10040
10279
|
},
|
|
10041
|
-
'.ids-radio-group .ids-radio-dark
|
|
10280
|
+
'.ids-radio-group .ids-radio-dark input[type=radio]:not(:disabled)': {
|
|
10042
10281
|
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-default)',
|
|
10043
10282
|
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-default)',
|
|
10044
10283
|
},
|
|
10045
|
-
'.ids-radio-group .ids-radio-dark
|
|
10284
|
+
'.ids-radio-group .ids-radio-dark input[type=radio]:not(:disabled):hover': {
|
|
10046
10285
|
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-hovered)',
|
|
10047
10286
|
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-hovered)',
|
|
10048
10287
|
},
|
|
10049
|
-
'.ids-radio-group .ids-radio-dark
|
|
10288
|
+
'.ids-radio-group .ids-radio-dark input[type=radio]:not(:disabled):active': {
|
|
10050
10289
|
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-pressed)',
|
|
10051
10290
|
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-pressed)',
|
|
10052
10291
|
},
|
|
10053
|
-
'.ids-radio-group .ids-radio-dark
|
|
10292
|
+
'.ids-radio-group .ids-radio-dark input[type=radio]:not(:disabled):focus,.ids-radio-group .ids-radio-dark input[type=radio]:not(:disabled):focus-visible':
|
|
10054
10293
|
{
|
|
10055
10294
|
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-default)',
|
|
10056
10295
|
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-default)',
|
|
10057
10296
|
outlineColor: 'var(--ids-comp-radio-input-unselected-color-focused-outline-dark-focused)',
|
|
10058
10297
|
},
|
|
10059
|
-
'.ids-radio-group .ids-radio-dark
|
|
10298
|
+
'.ids-radio-group .ids-radio-dark input[type=radio]:disabled': {
|
|
10060
10299
|
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-disabled)',
|
|
10061
10300
|
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-disabled)',
|
|
10062
10301
|
},
|
|
10063
|
-
'.ids-radio-group .ids-radio-dark
|
|
10302
|
+
'.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled)': {
|
|
10064
10303
|
borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-default)',
|
|
10065
10304
|
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-default)',
|
|
10066
10305
|
},
|
|
10067
|
-
'.ids-radio-group .ids-radio-dark
|
|
10306
|
+
'.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle': {
|
|
10068
10307
|
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-default)',
|
|
10069
10308
|
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-default)',
|
|
10070
10309
|
},
|
|
10071
|
-
'.ids-radio-group .ids-radio-dark
|
|
10310
|
+
'.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):hover': {
|
|
10072
10311
|
borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-hovered)',
|
|
10073
10312
|
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-hovered)',
|
|
10074
10313
|
},
|
|
10075
|
-
'.ids-radio-group .ids-radio-dark
|
|
10076
|
-
|
|
10077
|
-
|
|
10078
|
-
|
|
10079
|
-
|
|
10080
|
-
'.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active': {
|
|
10314
|
+
'.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle': {
|
|
10315
|
+
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-hovered)',
|
|
10316
|
+
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-hovered)',
|
|
10317
|
+
},
|
|
10318
|
+
'.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):active': {
|
|
10081
10319
|
borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-pressed)',
|
|
10082
10320
|
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-pressed)',
|
|
10083
10321
|
},
|
|
10084
|
-
'.ids-radio-group .ids-radio-dark
|
|
10085
|
-
|
|
10086
|
-
|
|
10087
|
-
|
|
10088
|
-
|
|
10089
|
-
'.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus,.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible':
|
|
10322
|
+
'.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle': {
|
|
10323
|
+
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-pressed)',
|
|
10324
|
+
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-pressed)',
|
|
10325
|
+
},
|
|
10326
|
+
'.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):focus,.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):focus-visible':
|
|
10090
10327
|
{
|
|
10091
10328
|
borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-default)',
|
|
10092
10329
|
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-default)',
|
|
10093
10330
|
outlineColor: 'var(--ids-comp-radio-input-selected-color-focused-outline-dark-focused)',
|
|
10094
10331
|
},
|
|
10095
|
-
'.ids-radio-group .ids-radio-dark
|
|
10332
|
+
'.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle':
|
|
10096
10333
|
{
|
|
10097
10334
|
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-default)',
|
|
10098
10335
|
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-default)',
|
|
10099
10336
|
},
|
|
10100
|
-
'.ids-radio-group .ids-radio-dark
|
|
10337
|
+
'.ids-radio-group .ids-radio-dark input[type=radio]:checked:disabled': {
|
|
10101
10338
|
borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-disabled)',
|
|
10102
10339
|
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-disabled)',
|
|
10103
10340
|
},
|
|
10104
|
-
'.ids-radio-group .ids-radio-dark
|
|
10341
|
+
'.ids-radio-group .ids-radio-dark input[type=radio]:checked:disabled+.ids-radio__inner-circle': {
|
|
10105
10342
|
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-disabled)',
|
|
10106
10343
|
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-disabled)',
|
|
10107
10344
|
},
|
|
10108
|
-
'.ids-radio-group .ids-radio-dark:has(input[type=radio]:
|
|
10345
|
+
'.ids-radio-group .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
|
|
10346
|
+
{
|
|
10347
|
+
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-hovered)',
|
|
10348
|
+
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-hovered)',
|
|
10349
|
+
},
|
|
10350
|
+
'.ids-radio-group .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
|
|
10351
|
+
{ color: 'var(--ids-comp-radio-label-color-fg-dark-hovered)' },
|
|
10352
|
+
'.ids-radio-group .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
|
|
10109
10353
|
{
|
|
10110
10354
|
borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-hovered)',
|
|
10111
10355
|
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-hovered)',
|
|
10112
10356
|
},
|
|
10113
|
-
'.ids-radio-group .ids-radio-dark:has(input[type=radio]:checked)
|
|
10357
|
+
'.ids-radio-group .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle':
|
|
10114
10358
|
{
|
|
10115
10359
|
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-hovered)',
|
|
10116
10360
|
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-hovered)',
|
|
10117
10361
|
},
|
|
10362
|
+
'.ids-radio-group .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
|
|
10363
|
+
{ color: 'var(--ids-comp-radio-label-color-fg-dark-hovered)' },
|
|
10118
10364
|
'.ids-radio-group .ids-radio-dark .ids-radio__label': { color: 'var(--ids-comp-radio-label-color-fg-dark-default)' },
|
|
10119
|
-
'.ids-radio-group .ids-radio-dark .ids-radio__label:hover': { color: 'var(--ids-comp-radio-label-color-fg-dark-hovered)' },
|
|
10120
10365
|
'.ids-radio-group .ids-radio-dark .ids-radio__label:active': { color: 'var(--ids-comp-radio-label-color-fg-dark-pressed)' },
|
|
10121
10366
|
'.ids-radio-group .ids-radio-dark .ids-radio__label:focus,.ids-radio-group .ids-radio-dark .ids-radio__label:focus-visible': {
|
|
10122
10367
|
color: 'var(--ids-comp-radio-label-color-fg-dark-focused)',
|
|
@@ -10124,231 +10369,219 @@ module.exports = function ComponentsPlugin() {
|
|
|
10124
10369
|
'.ids-radio-group .ids-radio-dark.ids-radio-disabled .ids-radio__label': {
|
|
10125
10370
|
color: 'var(--ids-comp-radio-label-color-fg-dark-disabled)',
|
|
10126
10371
|
},
|
|
10127
|
-
'.ids-radio-group.
|
|
10128
|
-
|
|
10129
|
-
|
|
10130
|
-
|
|
10131
|
-
|
|
10132
|
-
|
|
10133
|
-
|
|
10134
|
-
|
|
10135
|
-
|
|
10136
|
-
|
|
10137
|
-
|
|
10138
|
-
|
|
10139
|
-
|
|
10140
|
-
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)',
|
|
10141
|
-
},
|
|
10142
|
-
'.ids-radio-group.ng-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:not(:disabled):active,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:not(:disabled):active':
|
|
10143
|
-
{
|
|
10144
|
-
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-error-pressed)',
|
|
10145
|
-
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-pressed)',
|
|
10146
|
-
},
|
|
10147
|
-
'.ids-radio-group.ng-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:not(:disabled):focus,.ids-radio-group.ng-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:not(:disabled):focus-visible,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:not(:disabled):focus-visible':
|
|
10372
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:not(:disabled)': {
|
|
10373
|
+
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-error-default)',
|
|
10374
|
+
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-default)',
|
|
10375
|
+
},
|
|
10376
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:not(:disabled):hover': {
|
|
10377
|
+
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-error-hovered)',
|
|
10378
|
+
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)',
|
|
10379
|
+
},
|
|
10380
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:not(:disabled):active': {
|
|
10381
|
+
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-error-pressed)',
|
|
10382
|
+
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-pressed)',
|
|
10383
|
+
},
|
|
10384
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:not(:disabled):focus-visible':
|
|
10148
10385
|
{
|
|
10149
10386
|
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-error-default)',
|
|
10150
10387
|
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-default)',
|
|
10151
10388
|
},
|
|
10152
|
-
'.ids-radio-group.
|
|
10153
|
-
|
|
10154
|
-
|
|
10155
|
-
|
|
10156
|
-
|
|
10157
|
-
|
|
10158
|
-
|
|
10159
|
-
|
|
10160
|
-
|
|
10161
|
-
|
|
10162
|
-
|
|
10163
|
-
|
|
10164
|
-
|
|
10165
|
-
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-hovered)',
|
|
10166
|
-
},
|
|
10167
|
-
'.ids-radio-group.ng-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle':
|
|
10389
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled)': {
|
|
10390
|
+
borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-error-default)',
|
|
10391
|
+
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-default)',
|
|
10392
|
+
},
|
|
10393
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle': {
|
|
10394
|
+
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-default)',
|
|
10395
|
+
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-default)',
|
|
10396
|
+
},
|
|
10397
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):hover': {
|
|
10398
|
+
borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-error-hovered)',
|
|
10399
|
+
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-hovered)',
|
|
10400
|
+
},
|
|
10401
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle':
|
|
10168
10402
|
{
|
|
10169
10403
|
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-hovered)',
|
|
10170
10404
|
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-hovered)',
|
|
10171
10405
|
},
|
|
10172
|
-
'.ids-radio-group.
|
|
10173
|
-
|
|
10174
|
-
|
|
10175
|
-
|
|
10176
|
-
|
|
10177
|
-
'.ids-radio-group.ng-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle':
|
|
10406
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):active': {
|
|
10407
|
+
borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-error-pressed)',
|
|
10408
|
+
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-pressed)',
|
|
10409
|
+
},
|
|
10410
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle':
|
|
10178
10411
|
{
|
|
10179
10412
|
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-pressed)',
|
|
10180
10413
|
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-pressed)',
|
|
10181
10414
|
},
|
|
10182
|
-
'.ids-radio-group.
|
|
10415
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):focus-visible':
|
|
10183
10416
|
{
|
|
10184
10417
|
borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-error-default)',
|
|
10185
10418
|
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-default)',
|
|
10186
10419
|
},
|
|
10187
|
-
'.ids-radio-group.
|
|
10420
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle':
|
|
10188
10421
|
{
|
|
10189
10422
|
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-default)',
|
|
10190
10423
|
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-default)',
|
|
10191
10424
|
},
|
|
10192
|
-
'.ids-radio-group.
|
|
10425
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
|
|
10426
|
+
{
|
|
10427
|
+
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-error-hovered)',
|
|
10428
|
+
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)',
|
|
10429
|
+
},
|
|
10430
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
|
|
10431
|
+
{ color: 'var(--ids-comp-radio-label-color-fg-surface-hovered)' },
|
|
10432
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
|
|
10193
10433
|
{
|
|
10194
10434
|
borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-error-hovered)',
|
|
10195
10435
|
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-hovered)',
|
|
10196
10436
|
},
|
|
10197
|
-
'.ids-radio-group.
|
|
10437
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle':
|
|
10198
10438
|
{
|
|
10199
10439
|
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-hovered)',
|
|
10200
10440
|
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-hovered)',
|
|
10201
10441
|
},
|
|
10202
|
-
'.ids-radio-group.
|
|
10203
|
-
{
|
|
10204
|
-
|
|
10205
|
-
|
|
10206
|
-
|
|
10207
|
-
|
|
10208
|
-
|
|
10209
|
-
|
|
10210
|
-
|
|
10211
|
-
|
|
10212
|
-
'.ids-radio-group.
|
|
10213
|
-
|
|
10214
|
-
|
|
10215
|
-
|
|
10216
|
-
|
|
10217
|
-
'.ids-radio-group.ng-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:not(:disabled):active,.ids-radio-group.ids-radio-group-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:not(:disabled):active':
|
|
10218
|
-
{
|
|
10219
|
-
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-error-pressed)',
|
|
10220
|
-
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-pressed)',
|
|
10221
|
-
},
|
|
10222
|
-
'.ids-radio-group.ng-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:not(:disabled):focus,.ids-radio-group.ng-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:not(:disabled):focus-visible,.ids-radio-group.ids-radio-group-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:not(:disabled):focus-visible':
|
|
10442
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
|
|
10443
|
+
{ color: 'var(--ids-comp-radio-label-color-fg-surface-hovered)' },
|
|
10444
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:not(:disabled)': {
|
|
10445
|
+
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-error-default)',
|
|
10446
|
+
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-default)',
|
|
10447
|
+
},
|
|
10448
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:not(:disabled):hover': {
|
|
10449
|
+
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-error-hovered)',
|
|
10450
|
+
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-hovered)',
|
|
10451
|
+
},
|
|
10452
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:not(:disabled):active': {
|
|
10453
|
+
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-error-pressed)',
|
|
10454
|
+
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-pressed)',
|
|
10455
|
+
},
|
|
10456
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:not(:disabled):focus-visible':
|
|
10223
10457
|
{
|
|
10224
10458
|
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-error-default)',
|
|
10225
10459
|
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-default)',
|
|
10226
10460
|
},
|
|
10227
|
-
'.ids-radio-group.
|
|
10228
|
-
|
|
10229
|
-
|
|
10230
|
-
|
|
10231
|
-
|
|
10232
|
-
|
|
10233
|
-
|
|
10234
|
-
|
|
10235
|
-
|
|
10236
|
-
|
|
10237
|
-
|
|
10238
|
-
|
|
10239
|
-
|
|
10240
|
-
|
|
10241
|
-
|
|
10242
|
-
|
|
10243
|
-
|
|
10244
|
-
|
|
10245
|
-
|
|
10246
|
-
|
|
10247
|
-
'.ids-radio-group.
|
|
10248
|
-
{
|
|
10249
|
-
borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-error-pressed)',
|
|
10250
|
-
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-pressed)',
|
|
10251
|
-
},
|
|
10252
|
-
'.ids-radio-group.ng-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle':
|
|
10461
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled)': {
|
|
10462
|
+
borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-error-default)',
|
|
10463
|
+
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-default)',
|
|
10464
|
+
},
|
|
10465
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle': {
|
|
10466
|
+
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-default)',
|
|
10467
|
+
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-default)',
|
|
10468
|
+
},
|
|
10469
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):hover': {
|
|
10470
|
+
borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-error-hovered)',
|
|
10471
|
+
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-hovered)',
|
|
10472
|
+
},
|
|
10473
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle': {
|
|
10474
|
+
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-hovered)',
|
|
10475
|
+
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-hovered)',
|
|
10476
|
+
},
|
|
10477
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):active': {
|
|
10478
|
+
borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-error-pressed)',
|
|
10479
|
+
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-pressed)',
|
|
10480
|
+
},
|
|
10481
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle':
|
|
10253
10482
|
{
|
|
10254
10483
|
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-pressed)',
|
|
10255
10484
|
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-pressed)',
|
|
10256
10485
|
},
|
|
10257
|
-
'.ids-radio-group.
|
|
10486
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):focus-visible':
|
|
10258
10487
|
{
|
|
10259
10488
|
borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-error-default)',
|
|
10260
10489
|
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-default)',
|
|
10261
10490
|
},
|
|
10262
|
-
'.ids-radio-group.
|
|
10491
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle':
|
|
10263
10492
|
{
|
|
10264
10493
|
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-default)',
|
|
10265
10494
|
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-default)',
|
|
10266
10495
|
},
|
|
10267
|
-
'.ids-radio-group.
|
|
10496
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
|
|
10497
|
+
{
|
|
10498
|
+
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-error-hovered)',
|
|
10499
|
+
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-hovered)',
|
|
10500
|
+
},
|
|
10501
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group.ids-radio-group-invalid .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
|
|
10502
|
+
{ color: 'var(--ids-comp-radio-label-color-fg-light-hovered)' },
|
|
10503
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
|
|
10268
10504
|
{
|
|
10269
10505
|
borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-error-hovered)',
|
|
10270
10506
|
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-hovered)',
|
|
10271
10507
|
},
|
|
10272
|
-
'.ids-radio-group.
|
|
10508
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle':
|
|
10273
10509
|
{
|
|
10274
10510
|
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-hovered)',
|
|
10275
10511
|
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-hovered)',
|
|
10276
10512
|
},
|
|
10277
|
-
'.ids-radio-group.
|
|
10278
|
-
{
|
|
10279
|
-
|
|
10280
|
-
|
|
10281
|
-
|
|
10282
|
-
|
|
10283
|
-
|
|
10284
|
-
|
|
10285
|
-
|
|
10286
|
-
|
|
10287
|
-
'.ids-radio-group.
|
|
10288
|
-
|
|
10289
|
-
|
|
10290
|
-
|
|
10291
|
-
|
|
10292
|
-
'.ids-radio-group.ng-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:not(:disabled):active,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:not(:disabled):active':
|
|
10293
|
-
{
|
|
10294
|
-
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-error-pressed)',
|
|
10295
|
-
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-pressed)',
|
|
10296
|
-
},
|
|
10297
|
-
'.ids-radio-group.ng-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:not(:disabled):focus,.ids-radio-group.ng-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:not(:disabled):focus-visible,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:not(:disabled):focus-visible':
|
|
10513
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group.ids-radio-group-invalid .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
|
|
10514
|
+
{ color: 'var(--ids-comp-radio-label-color-fg-light-hovered)' },
|
|
10515
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:not(:disabled)': {
|
|
10516
|
+
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-error-default)',
|
|
10517
|
+
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-default)',
|
|
10518
|
+
},
|
|
10519
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:not(:disabled):hover': {
|
|
10520
|
+
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-error-hovered)',
|
|
10521
|
+
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-hovered)',
|
|
10522
|
+
},
|
|
10523
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:not(:disabled):active': {
|
|
10524
|
+
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-error-pressed)',
|
|
10525
|
+
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-pressed)',
|
|
10526
|
+
},
|
|
10527
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:not(:disabled):focus-visible':
|
|
10298
10528
|
{
|
|
10299
10529
|
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-error-default)',
|
|
10300
10530
|
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-default)',
|
|
10301
10531
|
},
|
|
10302
|
-
'.ids-radio-group.
|
|
10532
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled)': {
|
|
10533
|
+
borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-error-default)',
|
|
10534
|
+
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-default)',
|
|
10535
|
+
},
|
|
10536
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle': {
|
|
10537
|
+
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-default)',
|
|
10538
|
+
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-default)',
|
|
10539
|
+
},
|
|
10540
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):hover': {
|
|
10541
|
+
borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-error-hovered)',
|
|
10542
|
+
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-hovered)',
|
|
10543
|
+
},
|
|
10544
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle': {
|
|
10545
|
+
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-hovered)',
|
|
10546
|
+
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-hovered)',
|
|
10547
|
+
},
|
|
10548
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):active': {
|
|
10549
|
+
borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-error-pressed)',
|
|
10550
|
+
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-pressed)',
|
|
10551
|
+
},
|
|
10552
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle': {
|
|
10553
|
+
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-pressed)',
|
|
10554
|
+
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-pressed)',
|
|
10555
|
+
},
|
|
10556
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):focus-visible':
|
|
10303
10557
|
{
|
|
10304
10558
|
borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-error-default)',
|
|
10305
10559
|
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-default)',
|
|
10306
10560
|
},
|
|
10307
|
-
'.ids-radio-group.
|
|
10561
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle':
|
|
10308
10562
|
{
|
|
10309
10563
|
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-default)',
|
|
10310
10564
|
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-default)',
|
|
10311
10565
|
},
|
|
10312
|
-
'.ids-radio-group.
|
|
10313
|
-
{
|
|
10314
|
-
borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-error-hovered)',
|
|
10315
|
-
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-hovered)',
|
|
10316
|
-
},
|
|
10317
|
-
'.ids-radio-group.ng-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle':
|
|
10566
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
|
|
10318
10567
|
{
|
|
10319
|
-
borderColor: 'var(--ids-comp-radio-input-
|
|
10320
|
-
|
|
10321
|
-
},
|
|
10322
|
-
'.ids-radio-group.ng-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active':
|
|
10323
|
-
{
|
|
10324
|
-
borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-error-pressed)',
|
|
10325
|
-
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-pressed)',
|
|
10326
|
-
},
|
|
10327
|
-
'.ids-radio-group.ng-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle':
|
|
10328
|
-
{
|
|
10329
|
-
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-pressed)',
|
|
10330
|
-
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-pressed)',
|
|
10331
|
-
},
|
|
10332
|
-
'.ids-radio-group.ng-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ng-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible':
|
|
10333
|
-
{
|
|
10334
|
-
borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-error-default)',
|
|
10335
|
-
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-default)',
|
|
10336
|
-
},
|
|
10337
|
-
'.ids-radio-group.ng-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group.ng-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle':
|
|
10338
|
-
{
|
|
10339
|
-
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-default)',
|
|
10340
|
-
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-default)',
|
|
10568
|
+
borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-error-hovered)',
|
|
10569
|
+
backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-hovered)',
|
|
10341
10570
|
},
|
|
10342
|
-
'.ids-radio-group.
|
|
10571
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
|
|
10572
|
+
{ color: 'var(--ids-comp-radio-label-color-fg-dark-hovered)' },
|
|
10573
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
|
|
10343
10574
|
{
|
|
10344
10575
|
borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-error-hovered)',
|
|
10345
10576
|
backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-hovered)',
|
|
10346
10577
|
},
|
|
10347
|
-
'.ids-radio-group.
|
|
10578
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle':
|
|
10348
10579
|
{
|
|
10349
10580
|
borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-hovered)',
|
|
10350
10581
|
background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-hovered)',
|
|
10351
10582
|
},
|
|
10583
|
+
'.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
|
|
10584
|
+
{ color: 'var(--ids-comp-radio-label-color-fg-dark-hovered)' },
|
|
10352
10585
|
'.ids-segmented-control': {
|
|
10353
10586
|
boxSizing: 'border-box',
|
|
10354
10587
|
borderWidth: '0',
|
|
@@ -12786,6 +13019,7 @@ module.exports = function ComponentsPlugin() {
|
|
|
12786
13019
|
},
|
|
12787
13020
|
'.ids-switch>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon': { position: 'absolute' },
|
|
12788
13021
|
'.ids-switch>.ids-switch__label': { fontStyle: 'normal', flexGrow: 1 },
|
|
13022
|
+
'.ids-switch:not(.ids-switch-disabled)>.ids-switch__label': { cursor: 'pointer' },
|
|
12789
13023
|
'.ids-switch.ids-switch-label-right': { flexDirection: 'row' },
|
|
12790
13024
|
'.ids-switch.ids-switch-label-left': { flexDirection: 'row-reverse' },
|
|
12791
13025
|
'.ids-switch.ids-switch-compact': { gap: 'var(--ids-comp-switch-container-size-gap-compact)' },
|
|
@@ -12977,19 +13211,6 @@ module.exports = function ComponentsPlugin() {
|
|
|
12977
13211
|
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button+.ids-switch__label': {
|
|
12978
13212
|
color: 'var(--ids-comp-switch-label-color-fg-surface-default)',
|
|
12979
13213
|
},
|
|
12980
|
-
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track': {
|
|
12981
|
-
backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-surface-hovered)',
|
|
12982
|
-
},
|
|
12983
|
-
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
12984
|
-
{ color: 'var(--ids-comp-switch-track-off-color-fg-icon-surface-default)' },
|
|
12985
|
-
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle': {
|
|
12986
|
-
backgroundColor: 'var(--ids-comp-switch-handle-off-color-bg-surface-default)',
|
|
12987
|
-
},
|
|
12988
|
-
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
12989
|
-
{ color: 'var(--ids-comp-switch-handle-off-color-fg-icon-surface-default)' },
|
|
12990
|
-
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:hover+.ids-switch__label': {
|
|
12991
|
-
color: 'var(--ids-comp-switch-label-color-fg-surface-hovered)',
|
|
12992
|
-
},
|
|
12993
13214
|
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track': {
|
|
12994
13215
|
backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-surface-pressed)',
|
|
12995
13216
|
},
|
|
@@ -13015,6 +13236,19 @@ module.exports = function ComponentsPlugin() {
|
|
|
13015
13236
|
{ color: 'var(--ids-comp-switch-handle-off-color-fg-icon-surface-default)' },
|
|
13016
13237
|
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus+.ids-switch__label,.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus-visible+.ids-switch__label':
|
|
13017
13238
|
{ color: 'var(--ids-comp-switch-label-color-fg-surface-focused)' },
|
|
13239
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track': {
|
|
13240
|
+
backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-surface-hovered)',
|
|
13241
|
+
},
|
|
13242
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
13243
|
+
{ color: 'var(--ids-comp-switch-track-off-color-fg-icon-surface-default)' },
|
|
13244
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
13245
|
+
backgroundColor: 'var(--ids-comp-switch-handle-off-color-bg-surface-default)',
|
|
13246
|
+
},
|
|
13247
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
13248
|
+
{ color: 'var(--ids-comp-switch-handle-off-color-fg-icon-surface-default)' },
|
|
13249
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled):hover>.ids-switch__label': {
|
|
13250
|
+
color: 'var(--ids-comp-switch-label-color-fg-surface-hovered)',
|
|
13251
|
+
},
|
|
13018
13252
|
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track': {
|
|
13019
13253
|
backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-surface-default)',
|
|
13020
13254
|
},
|
|
@@ -13025,15 +13259,18 @@ module.exports = function ComponentsPlugin() {
|
|
|
13025
13259
|
},
|
|
13026
13260
|
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
13027
13261
|
{ color: 'var(--ids-comp-switch-handle-on-color-fg-icon-surface-default)' },
|
|
13028
|
-
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button
|
|
13262
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track': {
|
|
13029
13263
|
backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-surface-hovered)',
|
|
13030
13264
|
},
|
|
13031
|
-
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button
|
|
13265
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
13032
13266
|
{ color: 'var(--ids-comp-switch-track-on-color-fg-icon-surface-default)' },
|
|
13033
|
-
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button
|
|
13267
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle':
|
|
13034
13268
|
{ backgroundColor: 'var(--ids-comp-switch-handle-on-color-bg-surface-default)' },
|
|
13035
|
-
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button
|
|
13269
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
13036
13270
|
{ color: 'var(--ids-comp-switch-handle-on-color-fg-icon-surface-default)' },
|
|
13271
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__label': {
|
|
13272
|
+
color: 'var(--ids-comp-switch-label-color-fg-surface-hovered)',
|
|
13273
|
+
},
|
|
13037
13274
|
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track': {
|
|
13038
13275
|
backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-surface-pressed)',
|
|
13039
13276
|
},
|
|
@@ -13089,20 +13326,6 @@ module.exports = function ComponentsPlugin() {
|
|
|
13089
13326
|
'.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button+.ids-switch__label': {
|
|
13090
13327
|
color: 'var(--ids-comp-switch-label-color-fg-light-default)',
|
|
13091
13328
|
},
|
|
13092
|
-
'.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track': {
|
|
13093
|
-
backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-light-hovered)',
|
|
13094
|
-
},
|
|
13095
|
-
'.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
13096
|
-
{ color: 'var(--ids-comp-switch-track-off-color-fg-icon-light-default)' },
|
|
13097
|
-
'.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle': {
|
|
13098
|
-
backgroundColor: 'var(--ids-comp-switch-handle-off-color-bg-light-default)',
|
|
13099
|
-
},
|
|
13100
|
-
'.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle>.ids-icon': {
|
|
13101
|
-
color: 'var(--ids-comp-switch-handle-off-color-fg-icon-light-default)',
|
|
13102
|
-
},
|
|
13103
|
-
'.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:hover+.ids-switch__label': {
|
|
13104
|
-
color: 'var(--ids-comp-switch-label-color-fg-light-hovered)',
|
|
13105
|
-
},
|
|
13106
13329
|
'.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track': {
|
|
13107
13330
|
backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-light-pressed)',
|
|
13108
13331
|
},
|
|
@@ -13128,6 +13351,20 @@ module.exports = function ComponentsPlugin() {
|
|
|
13128
13351
|
{ color: 'var(--ids-comp-switch-handle-off-color-fg-icon-light-default)' },
|
|
13129
13352
|
'.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus+.ids-switch__label,.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus-visible+.ids-switch__label':
|
|
13130
13353
|
{ color: 'var(--ids-comp-switch-label-color-fg-light-focused)' },
|
|
13354
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track': {
|
|
13355
|
+
backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-light-hovered)',
|
|
13356
|
+
},
|
|
13357
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
13358
|
+
{ color: 'var(--ids-comp-switch-track-off-color-fg-icon-light-default)' },
|
|
13359
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
13360
|
+
backgroundColor: 'var(--ids-comp-switch-handle-off-color-bg-light-default)',
|
|
13361
|
+
},
|
|
13362
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon': {
|
|
13363
|
+
color: 'var(--ids-comp-switch-handle-off-color-fg-icon-light-default)',
|
|
13364
|
+
},
|
|
13365
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled):hover>.ids-switch__label': {
|
|
13366
|
+
color: 'var(--ids-comp-switch-label-color-fg-light-hovered)',
|
|
13367
|
+
},
|
|
13131
13368
|
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track': {
|
|
13132
13369
|
backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-light-default)',
|
|
13133
13370
|
},
|
|
@@ -13138,15 +13375,18 @@ module.exports = function ComponentsPlugin() {
|
|
|
13138
13375
|
},
|
|
13139
13376
|
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
13140
13377
|
{ color: 'var(--ids-comp-switch-handle-on-color-fg-icon-light-default)' },
|
|
13141
|
-
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button
|
|
13378
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track': {
|
|
13142
13379
|
backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-light-hovered)',
|
|
13143
13380
|
},
|
|
13144
|
-
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button
|
|
13381
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
13145
13382
|
{ color: 'var(--ids-comp-switch-track-on-color-fg-icon-light-default)' },
|
|
13146
|
-
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button
|
|
13383
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle':
|
|
13147
13384
|
{ backgroundColor: 'var(--ids-comp-switch-handle-on-color-bg-light-default)' },
|
|
13148
|
-
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button
|
|
13385
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
13149
13386
|
{ color: 'var(--ids-comp-switch-handle-on-color-fg-icon-light-default)' },
|
|
13387
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__label': {
|
|
13388
|
+
color: 'var(--ids-comp-switch-label-color-fg-light-hovered)',
|
|
13389
|
+
},
|
|
13150
13390
|
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track': {
|
|
13151
13391
|
backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-light-pressed)',
|
|
13152
13392
|
},
|
|
@@ -13202,19 +13442,6 @@ module.exports = function ComponentsPlugin() {
|
|
|
13202
13442
|
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button+.ids-switch__label': {
|
|
13203
13443
|
color: 'var(--ids-comp-switch-label-color-fg-primary-default)',
|
|
13204
13444
|
},
|
|
13205
|
-
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track': {
|
|
13206
|
-
backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-primary-hovered)',
|
|
13207
|
-
},
|
|
13208
|
-
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
13209
|
-
{ color: 'var(--ids-comp-switch-track-off-color-fg-icon-primary-default)' },
|
|
13210
|
-
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle': {
|
|
13211
|
-
backgroundColor: 'var(--ids-comp-switch-handle-off-color-bg-primary-default)',
|
|
13212
|
-
},
|
|
13213
|
-
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
13214
|
-
{ color: 'var(--ids-comp-switch-handle-off-color-fg-icon-primary-default)' },
|
|
13215
|
-
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:hover+.ids-switch__label': {
|
|
13216
|
-
color: 'var(--ids-comp-switch-label-color-fg-primary-hovered)',
|
|
13217
|
-
},
|
|
13218
13445
|
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track': {
|
|
13219
13446
|
backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-primary-pressed)',
|
|
13220
13447
|
},
|
|
@@ -13240,6 +13467,19 @@ module.exports = function ComponentsPlugin() {
|
|
|
13240
13467
|
{ color: 'var(--ids-comp-switch-handle-off-color-fg-icon-primary-default)' },
|
|
13241
13468
|
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus+.ids-switch__label,.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus-visible+.ids-switch__label':
|
|
13242
13469
|
{ color: 'var(--ids-comp-switch-label-color-fg-primary-focused)' },
|
|
13470
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track': {
|
|
13471
|
+
backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-primary-hovered)',
|
|
13472
|
+
},
|
|
13473
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
13474
|
+
{ color: 'var(--ids-comp-switch-track-off-color-fg-icon-primary-default)' },
|
|
13475
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
13476
|
+
backgroundColor: 'var(--ids-comp-switch-handle-off-color-bg-primary-default)',
|
|
13477
|
+
},
|
|
13478
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
13479
|
+
{ color: 'var(--ids-comp-switch-handle-off-color-fg-icon-primary-default)' },
|
|
13480
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled):hover>.ids-switch__label': {
|
|
13481
|
+
color: 'var(--ids-comp-switch-label-color-fg-primary-hovered)',
|
|
13482
|
+
},
|
|
13243
13483
|
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track': {
|
|
13244
13484
|
backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-primary-default)',
|
|
13245
13485
|
},
|
|
@@ -13250,15 +13490,18 @@ module.exports = function ComponentsPlugin() {
|
|
|
13250
13490
|
},
|
|
13251
13491
|
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
13252
13492
|
{ color: 'var(--ids-comp-switch-handle-on-color-fg-icon-primary-default)' },
|
|
13253
|
-
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button
|
|
13493
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track': {
|
|
13254
13494
|
backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-primary-hovered)',
|
|
13255
13495
|
},
|
|
13256
|
-
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button
|
|
13496
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
13257
13497
|
{ color: 'var(--ids-comp-switch-track-on-color-fg-icon-primary-default)' },
|
|
13258
|
-
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button
|
|
13498
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle':
|
|
13259
13499
|
{ backgroundColor: 'var(--ids-comp-switch-handle-on-color-bg-primary-default)' },
|
|
13260
|
-
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button
|
|
13500
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
13261
13501
|
{ color: 'var(--ids-comp-switch-handle-on-color-fg-icon-primary-default)' },
|
|
13502
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__label': {
|
|
13503
|
+
color: 'var(--ids-comp-switch-label-color-fg-primary-hovered)',
|
|
13504
|
+
},
|
|
13262
13505
|
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track': {
|
|
13263
13506
|
backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-primary-pressed)',
|
|
13264
13507
|
},
|
|
@@ -13300,6 +13543,7 @@ module.exports = function ComponentsPlugin() {
|
|
|
13300
13543
|
'.ids-switch.ids-switch-primary.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
13301
13544
|
{ color: 'var(--ids-comp-switch-handle-on-color-fg-icon-primary-disabled)' },
|
|
13302
13545
|
'.ids-switch.ids-switch-disabled': { cursor: 'not-allowed' },
|
|
13546
|
+
'.ids-switch.ids-switch-disabled>.ids-switch__label': { cursor: 'not-allowed' },
|
|
13303
13547
|
'.ids-tab-group': {
|
|
13304
13548
|
boxSizing: 'border-box',
|
|
13305
13549
|
borderWidth: '0',
|