@i-cell/ids-styles 0.0.67 → 0.0.69
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/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 +36 -36
- package/dist/checkbox/checkbox.min.css +1 -1
- package/dist/checkbox/checkbox.plugin.js +36 -36
- package/dist/components.css +238 -130
- package/dist/components.min.css +1 -1
- package/dist/components.plugin.js +255 -133
- 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 +5 -6
- package/dist/option/option.min.css +1 -1
- package/dist/option/option.plugin.js +5 -5
- package/dist/radio/radio.css +34 -2
- package/dist/radio/radio.min.css +1 -1
- package/dist/radio/radio.plugin.js +26 -3
- 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
|
@@ -3350,85 +3350,173 @@ module.exports = function ComponentsPlugin() {
|
|
|
3350
3350
|
borderColor: 'var(--ids-comp-card-elevated-color-border-surface-disabled)',
|
|
3351
3351
|
},
|
|
3352
3352
|
'.ids-checkbox-group': { display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'flex-start' },
|
|
3353
|
-
'.ids-checkbox-group>.ids-checkbox-
|
|
3353
|
+
'.ids-checkbox-group>.ids-checkbox-group__legend>.ids-checkbox-group__legend-label': { fontStyle: 'normal' },
|
|
3354
3354
|
'.ids-checkbox-group>.ids-checkbox-group__list': { display: 'flex' },
|
|
3355
3355
|
'.ids-checkbox-group.ids-checkbox-group-horizontal>.ids-checkbox-group__list': { flexDirection: 'row', alignItems: 'center' },
|
|
3356
3356
|
'.ids-checkbox-group.ids-checkbox-group-vertical>.ids-checkbox-group__list': { flexDirection: 'column', alignItems: 'flex-start' },
|
|
3357
3357
|
'.ids-checkbox-group.ids-checkbox-group-compact': {
|
|
3358
3358
|
padding:
|
|
3359
|
-
'var(--ids-comp-checkbox-group-vertical-
|
|
3360
|
-
gap: 'var(--ids-comp-checkbox-group-vertical-
|
|
3359
|
+
'var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-padding-y-compact) var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-padding-x-compact)',
|
|
3360
|
+
gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-size-gap-compact)',
|
|
3361
3361
|
},
|
|
3362
|
-
'.ids-checkbox-group.ids-checkbox-group-compact
|
|
3362
|
+
'.ids-checkbox-group.ids-checkbox-group-compact>.ids-checkbox-group__legend': {
|
|
3363
|
+
gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-gap-compact)',
|
|
3364
|
+
},
|
|
3365
|
+
'.ids-checkbox-group.ids-checkbox-group-compact>.ids-checkbox-group__legend>.ids-checkbox-group__legend-label': {
|
|
3363
3366
|
fontFamily: 'var(--ids-comp-checkbox-group-label-typography-font-family-compact)',
|
|
3364
3367
|
fontSize: 'var(--ids-comp-checkbox-group-label-typography-font-size-compact)',
|
|
3365
3368
|
fontWeight: 'var(--ids-comp-checkbox-group-label-typography-font-weight-compact)',
|
|
3366
3369
|
lineHeight: 'var(--ids-comp-checkbox-group-label-typography-line-height-compact)',
|
|
3367
3370
|
letterSpacing: 'var(--ids-comp-checkbox-group-label-typography-letter-spacing-compact)',
|
|
3368
3371
|
},
|
|
3369
|
-
'.ids-checkbox-group.ids-checkbox-group-compact .ids-checkbox-group__list':
|
|
3370
|
-
|
|
3371
|
-
|
|
3372
|
-
|
|
3373
|
-
|
|
3372
|
+
'.ids-checkbox-group.ids-checkbox-group-compact.ids-checkbox-group-horizontal.ids-checkbox-group-indeterminated .ids-checkbox-group__list':
|
|
3373
|
+
{
|
|
3374
|
+
padding:
|
|
3375
|
+
'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)',
|
|
3376
|
+
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)',
|
|
3377
|
+
},
|
|
3378
|
+
'.ids-checkbox-group.ids-checkbox-group-compact.ids-checkbox-group-horizontal:not(.ids-checkbox-group-indeterminated) .ids-checkbox-group__list':
|
|
3379
|
+
{
|
|
3380
|
+
padding:
|
|
3381
|
+
'var(--ids-comp-checkbox-group-horizontal-fieldset-list-size-padding-y-compact) var(--ids-comp-checkbox-group-horizontal-fieldset-list-size-padding-x-compact)',
|
|
3382
|
+
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)',
|
|
3383
|
+
},
|
|
3384
|
+
'.ids-checkbox-group.ids-checkbox-group-compact.ids-checkbox-group-vertical.ids-checkbox-group-indeterminated .ids-checkbox-group__list':
|
|
3385
|
+
{
|
|
3386
|
+
padding:
|
|
3387
|
+
'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)',
|
|
3388
|
+
gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-list-size-gap-compact)',
|
|
3389
|
+
},
|
|
3390
|
+
'.ids-checkbox-group.ids-checkbox-group-compact.ids-checkbox-group-vertical:not(.ids-checkbox-group-indeterminated) .ids-checkbox-group__list':
|
|
3391
|
+
{
|
|
3392
|
+
padding:
|
|
3393
|
+
'var(--ids-comp-checkbox-group-vertical-fieldset-list-size-padding-y-compact) var(--ids-comp-checkbox-group-vertical-fieldset-list-size-padding-x-compact)',
|
|
3394
|
+
gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-list-size-gap-compact)',
|
|
3395
|
+
},
|
|
3374
3396
|
'.ids-checkbox-group.ids-checkbox-group-comfortable': {
|
|
3375
3397
|
padding:
|
|
3376
|
-
'var(--ids-comp-checkbox-group-vertical-
|
|
3377
|
-
gap: 'var(--ids-comp-checkbox-group-vertical-
|
|
3398
|
+
'var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-padding-y-comfortable) var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-padding-x-comfortable)',
|
|
3399
|
+
gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-size-gap-comfortable)',
|
|
3378
3400
|
},
|
|
3379
|
-
'.ids-checkbox-group.ids-checkbox-group-comfortable
|
|
3401
|
+
'.ids-checkbox-group.ids-checkbox-group-comfortable>.ids-checkbox-group__legend': {
|
|
3402
|
+
gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-gap-comfortable)',
|
|
3403
|
+
},
|
|
3404
|
+
'.ids-checkbox-group.ids-checkbox-group-comfortable>.ids-checkbox-group__legend>.ids-checkbox-group__legend-label': {
|
|
3380
3405
|
fontFamily: 'var(--ids-comp-checkbox-group-label-typography-font-family-comfortable)',
|
|
3381
3406
|
fontSize: 'var(--ids-comp-checkbox-group-label-typography-font-size-comfortable)',
|
|
3382
3407
|
fontWeight: 'var(--ids-comp-checkbox-group-label-typography-font-weight-comfortable)',
|
|
3383
3408
|
lineHeight: 'var(--ids-comp-checkbox-group-label-typography-line-height-comfortable)',
|
|
3384
3409
|
letterSpacing: 'var(--ids-comp-checkbox-group-label-typography-letter-spacing-comfortable)',
|
|
3385
3410
|
},
|
|
3386
|
-
'.ids-checkbox-group.ids-checkbox-group-comfortable .ids-checkbox-group__list':
|
|
3387
|
-
|
|
3388
|
-
|
|
3389
|
-
|
|
3390
|
-
|
|
3411
|
+
'.ids-checkbox-group.ids-checkbox-group-comfortable.ids-checkbox-group-horizontal.ids-checkbox-group-indeterminated .ids-checkbox-group__list':
|
|
3412
|
+
{
|
|
3413
|
+
padding:
|
|
3414
|
+
'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)',
|
|
3415
|
+
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)',
|
|
3416
|
+
},
|
|
3417
|
+
'.ids-checkbox-group.ids-checkbox-group-comfortable.ids-checkbox-group-horizontal:not(.ids-checkbox-group-indeterminated) .ids-checkbox-group__list':
|
|
3418
|
+
{
|
|
3419
|
+
padding:
|
|
3420
|
+
'var(--ids-comp-checkbox-group-horizontal-fieldset-list-size-padding-y-comfortable) var(--ids-comp-checkbox-group-horizontal-fieldset-list-size-padding-x-comfortable)',
|
|
3421
|
+
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)',
|
|
3422
|
+
},
|
|
3423
|
+
'.ids-checkbox-group.ids-checkbox-group-comfortable.ids-checkbox-group-vertical.ids-checkbox-group-indeterminated .ids-checkbox-group__list':
|
|
3424
|
+
{
|
|
3425
|
+
padding:
|
|
3426
|
+
'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)',
|
|
3427
|
+
gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-list-size-gap-comfortable)',
|
|
3428
|
+
},
|
|
3429
|
+
'.ids-checkbox-group.ids-checkbox-group-comfortable.ids-checkbox-group-vertical:not(.ids-checkbox-group-indeterminated) .ids-checkbox-group__list':
|
|
3430
|
+
{
|
|
3431
|
+
padding:
|
|
3432
|
+
'var(--ids-comp-checkbox-group-vertical-fieldset-list-size-padding-y-comfortable) var(--ids-comp-checkbox-group-vertical-fieldset-list-size-padding-x-comfortable)',
|
|
3433
|
+
gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-list-size-gap-comfortable)',
|
|
3434
|
+
},
|
|
3391
3435
|
'.ids-checkbox-group.ids-checkbox-group-spacious': {
|
|
3392
3436
|
padding:
|
|
3393
|
-
'var(--ids-comp-checkbox-group-vertical-
|
|
3394
|
-
gap: 'var(--ids-comp-checkbox-group-vertical-
|
|
3437
|
+
'var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-padding-y-spacious) var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-padding-x-spacious)',
|
|
3438
|
+
gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-size-gap-spacious)',
|
|
3395
3439
|
},
|
|
3396
|
-
'.ids-checkbox-group.ids-checkbox-group-spacious
|
|
3440
|
+
'.ids-checkbox-group.ids-checkbox-group-spacious>.ids-checkbox-group__legend': {
|
|
3441
|
+
gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-gap-spacious)',
|
|
3442
|
+
},
|
|
3443
|
+
'.ids-checkbox-group.ids-checkbox-group-spacious>.ids-checkbox-group__legend>.ids-checkbox-group__legend-label': {
|
|
3397
3444
|
fontFamily: 'var(--ids-comp-checkbox-group-label-typography-font-family-spacious)',
|
|
3398
3445
|
fontSize: 'var(--ids-comp-checkbox-group-label-typography-font-size-spacious)',
|
|
3399
3446
|
fontWeight: 'var(--ids-comp-checkbox-group-label-typography-font-weight-spacious)',
|
|
3400
3447
|
lineHeight: 'var(--ids-comp-checkbox-group-label-typography-line-height-spacious)',
|
|
3401
3448
|
letterSpacing: 'var(--ids-comp-checkbox-group-label-typography-letter-spacing-spacious)',
|
|
3402
3449
|
},
|
|
3403
|
-
'.ids-checkbox-group.ids-checkbox-group-spacious .ids-checkbox-group__list':
|
|
3404
|
-
|
|
3405
|
-
|
|
3406
|
-
|
|
3407
|
-
|
|
3450
|
+
'.ids-checkbox-group.ids-checkbox-group-spacious.ids-checkbox-group-horizontal.ids-checkbox-group-indeterminated .ids-checkbox-group__list':
|
|
3451
|
+
{
|
|
3452
|
+
padding:
|
|
3453
|
+
'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)',
|
|
3454
|
+
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)',
|
|
3455
|
+
},
|
|
3456
|
+
'.ids-checkbox-group.ids-checkbox-group-spacious.ids-checkbox-group-horizontal:not(.ids-checkbox-group-indeterminated) .ids-checkbox-group__list':
|
|
3457
|
+
{
|
|
3458
|
+
padding:
|
|
3459
|
+
'var(--ids-comp-checkbox-group-horizontal-fieldset-list-size-padding-y-spacious) var(--ids-comp-checkbox-group-horizontal-fieldset-list-size-padding-x-spacious)',
|
|
3460
|
+
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)',
|
|
3461
|
+
},
|
|
3462
|
+
'.ids-checkbox-group.ids-checkbox-group-spacious.ids-checkbox-group-vertical.ids-checkbox-group-indeterminated .ids-checkbox-group__list':
|
|
3463
|
+
{
|
|
3464
|
+
padding:
|
|
3465
|
+
'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)',
|
|
3466
|
+
gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-list-size-gap-spacious)',
|
|
3467
|
+
},
|
|
3468
|
+
'.ids-checkbox-group.ids-checkbox-group-spacious.ids-checkbox-group-vertical:not(.ids-checkbox-group-indeterminated) .ids-checkbox-group__list':
|
|
3469
|
+
{
|
|
3470
|
+
padding:
|
|
3471
|
+
'var(--ids-comp-checkbox-group-vertical-fieldset-list-size-padding-y-spacious) var(--ids-comp-checkbox-group-vertical-fieldset-list-size-padding-x-spacious)',
|
|
3472
|
+
gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-list-size-gap-spacious)',
|
|
3473
|
+
},
|
|
3408
3474
|
'.ids-checkbox-group.ids-checkbox-group-dense': {
|
|
3409
3475
|
padding:
|
|
3410
|
-
'var(--ids-comp-checkbox-group-vertical-
|
|
3411
|
-
gap: 'var(--ids-comp-checkbox-group-vertical-
|
|
3476
|
+
'var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-padding-y-dense) var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-padding-x-dense)',
|
|
3477
|
+
gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-size-gap-dense)',
|
|
3412
3478
|
},
|
|
3413
|
-
'.ids-checkbox-group.ids-checkbox-group-dense
|
|
3479
|
+
'.ids-checkbox-group.ids-checkbox-group-dense>.ids-checkbox-group__legend': {
|
|
3480
|
+
gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-gap-dense)',
|
|
3481
|
+
},
|
|
3482
|
+
'.ids-checkbox-group.ids-checkbox-group-dense>.ids-checkbox-group__legend>.ids-checkbox-group__legend-label': {
|
|
3414
3483
|
fontFamily: 'var(--ids-comp-checkbox-group-label-typography-font-family-dense)',
|
|
3415
3484
|
fontSize: 'var(--ids-comp-checkbox-group-label-typography-font-size-dense)',
|
|
3416
3485
|
fontWeight: 'var(--ids-comp-checkbox-group-label-typography-font-weight-dense)',
|
|
3417
3486
|
lineHeight: 'var(--ids-comp-checkbox-group-label-typography-line-height-dense)',
|
|
3418
3487
|
letterSpacing: 'var(--ids-comp-checkbox-group-label-typography-letter-spacing-dense)',
|
|
3419
3488
|
},
|
|
3420
|
-
'.ids-checkbox-group.ids-checkbox-group-dense .ids-checkbox-group__list':
|
|
3421
|
-
|
|
3422
|
-
|
|
3423
|
-
|
|
3424
|
-
|
|
3425
|
-
|
|
3489
|
+
'.ids-checkbox-group.ids-checkbox-group-dense.ids-checkbox-group-horizontal.ids-checkbox-group-indeterminated .ids-checkbox-group__list':
|
|
3490
|
+
{
|
|
3491
|
+
padding:
|
|
3492
|
+
'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)',
|
|
3493
|
+
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)',
|
|
3494
|
+
},
|
|
3495
|
+
'.ids-checkbox-group.ids-checkbox-group-dense.ids-checkbox-group-horizontal:not(.ids-checkbox-group-indeterminated) .ids-checkbox-group__list':
|
|
3496
|
+
{
|
|
3497
|
+
padding:
|
|
3498
|
+
'var(--ids-comp-checkbox-group-horizontal-fieldset-list-size-padding-y-dense) var(--ids-comp-checkbox-group-horizontal-fieldset-list-size-padding-x-dense)',
|
|
3499
|
+
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)',
|
|
3500
|
+
},
|
|
3501
|
+
'.ids-checkbox-group.ids-checkbox-group-dense.ids-checkbox-group-vertical.ids-checkbox-group-indeterminated .ids-checkbox-group__list':
|
|
3502
|
+
{
|
|
3503
|
+
padding:
|
|
3504
|
+
'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)',
|
|
3505
|
+
gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-list-size-gap-dense)',
|
|
3506
|
+
},
|
|
3507
|
+
'.ids-checkbox-group.ids-checkbox-group-dense.ids-checkbox-group-vertical:not(.ids-checkbox-group-indeterminated) .ids-checkbox-group__list':
|
|
3508
|
+
{
|
|
3509
|
+
padding:
|
|
3510
|
+
'var(--ids-comp-checkbox-group-vertical-fieldset-list-size-padding-y-dense) var(--ids-comp-checkbox-group-vertical-fieldset-list-size-padding-x-dense)',
|
|
3511
|
+
gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-list-size-gap-dense)',
|
|
3512
|
+
},
|
|
3513
|
+
'.ids-checkbox-group.ids-checkbox-group-light>.ids-checkbox-group__legend>.ids-checkbox-group__legend-label': {
|
|
3426
3514
|
color: 'var(--ids-comp-checkbox-label-color-fg-light-default)',
|
|
3427
3515
|
},
|
|
3428
|
-
'.ids-checkbox-group.ids-checkbox-group-dark>.ids-checkbox-
|
|
3516
|
+
'.ids-checkbox-group.ids-checkbox-group-dark>.ids-checkbox-group__legend>.ids-checkbox-group__legend-label': {
|
|
3429
3517
|
color: 'var(--ids-comp-checkbox-label-color-fg-dark-default)',
|
|
3430
3518
|
},
|
|
3431
|
-
'.ids-checkbox-group.ids-checkbox-group-surface>.ids-checkbox-
|
|
3519
|
+
'.ids-checkbox-group.ids-checkbox-group-surface>.ids-checkbox-group__legend>.ids-checkbox-group__legend-label': {
|
|
3432
3520
|
color: 'var(--ids-comp-checkbox-label-color-fg-surface-default)',
|
|
3433
3521
|
},
|
|
3434
3522
|
'.ids-checkbox': {
|
|
@@ -3940,149 +4028,149 @@ module.exports = function ComponentsPlugin() {
|
|
|
3940
4028
|
'.ids-checkbox:not(.ids-checkbox-disabled) .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label': {
|
|
3941
4029
|
cursor: 'pointer',
|
|
3942
4030
|
},
|
|
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)':
|
|
4031
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled)':
|
|
3944
4032
|
{
|
|
3945
4033
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-error-default)',
|
|
3946
4034
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-default)',
|
|
3947
4035
|
},
|
|
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':
|
|
4036
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover':
|
|
3949
4037
|
{
|
|
3950
4038
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-error-hovered)',
|
|
3951
4039
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-hovered)',
|
|
3952
4040
|
},
|
|
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':
|
|
4041
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active':
|
|
3954
4042
|
{
|
|
3955
4043
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-error-pressed)',
|
|
3956
4044
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-pressed)',
|
|
3957
4045
|
},
|
|
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':
|
|
4046
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible':
|
|
3959
4047
|
{
|
|
3960
4048
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-error-focused)',
|
|
3961
4049
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-focused)',
|
|
3962
4050
|
},
|
|
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)':
|
|
4051
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)':
|
|
3964
4052
|
{
|
|
3965
4053
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-light-error-default)',
|
|
3966
4054
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-light-default)',
|
|
3967
4055
|
},
|
|
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':
|
|
4056
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover':
|
|
3969
4057
|
{
|
|
3970
4058
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-light-error-hovered)',
|
|
3971
4059
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-light-hovered)',
|
|
3972
4060
|
},
|
|
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':
|
|
4061
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active':
|
|
3974
4062
|
{
|
|
3975
4063
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-light-error-pressed)',
|
|
3976
4064
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-light-pressed)',
|
|
3977
4065
|
},
|
|
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':
|
|
4066
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible':
|
|
3979
4067
|
{
|
|
3980
4068
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-light-error-focused)',
|
|
3981
4069
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-light-focused)',
|
|
3982
4070
|
},
|
|
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':
|
|
4071
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon':
|
|
3984
4072
|
{ 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':
|
|
4073
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon':
|
|
3986
4074
|
{ 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':
|
|
4075
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon':
|
|
3988
4076
|
{ 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':
|
|
4077
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):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):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):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):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-checkbox__icon':
|
|
3990
4078
|
{ 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)':
|
|
4079
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled)':
|
|
3992
4080
|
{
|
|
3993
4081
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-dark-error-default)',
|
|
3994
4082
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-dark-default)',
|
|
3995
4083
|
},
|
|
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':
|
|
4084
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover':
|
|
3997
4085
|
{
|
|
3998
4086
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-dark-error-hovered)',
|
|
3999
4087
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-dark-hovered)',
|
|
4000
4088
|
},
|
|
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':
|
|
4089
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active':
|
|
4002
4090
|
{
|
|
4003
4091
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-dark-error-pressed)',
|
|
4004
4092
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-dark-pressed)',
|
|
4005
4093
|
},
|
|
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':
|
|
4094
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible':
|
|
4007
4095
|
{
|
|
4008
4096
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-dark-error-focused)',
|
|
4009
4097
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-dark-focused)',
|
|
4010
4098
|
},
|
|
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)':
|
|
4099
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)':
|
|
4012
4100
|
{
|
|
4013
4101
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-dark-error-default)',
|
|
4014
4102
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-dark-default)',
|
|
4015
4103
|
},
|
|
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':
|
|
4104
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover':
|
|
4017
4105
|
{
|
|
4018
4106
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-dark-error-hovered)',
|
|
4019
4107
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-dark-hovered)',
|
|
4020
4108
|
},
|
|
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':
|
|
4109
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active':
|
|
4022
4110
|
{
|
|
4023
4111
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-dark-error-pressed)',
|
|
4024
4112
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-dark-pressed)',
|
|
4025
4113
|
},
|
|
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':
|
|
4114
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible':
|
|
4027
4115
|
{
|
|
4028
4116
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-dark-error-focused)',
|
|
4029
4117
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-dark-focused)',
|
|
4030
4118
|
},
|
|
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':
|
|
4119
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon':
|
|
4032
4120
|
{ 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':
|
|
4121
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon':
|
|
4034
4122
|
{ 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':
|
|
4123
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon':
|
|
4036
4124
|
{ 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':
|
|
4125
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):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):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):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):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-checkbox__icon':
|
|
4038
4126
|
{ 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)':
|
|
4127
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled)':
|
|
4040
4128
|
{
|
|
4041
4129
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-error-default)',
|
|
4042
4130
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-default)',
|
|
4043
4131
|
},
|
|
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':
|
|
4132
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover':
|
|
4045
4133
|
{
|
|
4046
4134
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-error-hovered)',
|
|
4047
4135
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-hovered)',
|
|
4048
4136
|
},
|
|
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':
|
|
4137
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active':
|
|
4050
4138
|
{
|
|
4051
4139
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-error-pressed)',
|
|
4052
4140
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-pressed)',
|
|
4053
4141
|
},
|
|
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':
|
|
4142
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible':
|
|
4055
4143
|
{
|
|
4056
4144
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-error-focused)',
|
|
4057
4145
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-focused)',
|
|
4058
4146
|
},
|
|
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)':
|
|
4147
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)':
|
|
4060
4148
|
{
|
|
4061
4149
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-surface-error-default)',
|
|
4062
4150
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-surface-default)',
|
|
4063
4151
|
},
|
|
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':
|
|
4152
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover':
|
|
4065
4153
|
{
|
|
4066
4154
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-surface-error-hovered)',
|
|
4067
4155
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-surface-hovered)',
|
|
4068
4156
|
},
|
|
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':
|
|
4157
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active':
|
|
4070
4158
|
{
|
|
4071
4159
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-surface-error-pressed)',
|
|
4072
4160
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-surface-pressed)',
|
|
4073
4161
|
},
|
|
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':
|
|
4162
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible':
|
|
4075
4163
|
{
|
|
4076
4164
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-surface-error-focused)',
|
|
4077
4165
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-surface-focused)',
|
|
4078
4166
|
},
|
|
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':
|
|
4167
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon':
|
|
4080
4168
|
{ 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':
|
|
4169
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon':
|
|
4082
4170
|
{ 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':
|
|
4171
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon':
|
|
4084
4172
|
{ 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':
|
|
4173
|
+
'.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):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):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):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):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-checkbox__icon':
|
|
4086
4174
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-error-focused)' },
|
|
4087
4175
|
'.ids-pseudo-checkbox': { display: 'inline-flex', alignSelf: 'stretch' },
|
|
4088
4176
|
'.ids-pseudo-checkbox .ids-pseudo-checkbox__input-wrapper': {
|
|
@@ -8309,7 +8397,6 @@ module.exports = function ComponentsPlugin() {
|
|
|
8309
8397
|
},
|
|
8310
8398
|
'.ids-notification>.ids-notification__content-wrapper': {
|
|
8311
8399
|
display: 'flex',
|
|
8312
|
-
justifyContent: 'space-between',
|
|
8313
8400
|
alignItems: 'flex-start',
|
|
8314
8401
|
alignContent: 'flex-start',
|
|
8315
8402
|
flexWrap: 'wrap',
|
|
@@ -8339,6 +8426,7 @@ module.exports = function ComponentsPlugin() {
|
|
|
8339
8426
|
alignItems: 'center',
|
|
8340
8427
|
flexShrink: 0,
|
|
8341
8428
|
},
|
|
8429
|
+
'.ids-notification>.ids-notification__content-wrapper>.ids-notification__close-button-container': { marginLeft: 'auto' },
|
|
8342
8430
|
'.ids-notification>.ids-notification__content-wrapper>.ids-notification__close-button-container.ids-notification__label-button': {
|
|
8343
8431
|
display: 'flex',
|
|
8344
8432
|
alignSelf: 'center',
|
|
@@ -8762,13 +8850,13 @@ module.exports = function ComponentsPlugin() {
|
|
|
8762
8850
|
height: 'var(--ids-comp-notification-icon-button-size-icon-button-dense)',
|
|
8763
8851
|
},
|
|
8764
8852
|
'.ids-option': { display: 'flex', alignItems: 'center', alignSelf: 'stretch', boxSizing: 'border-box', userSelect: 'none' },
|
|
8765
|
-
'.ids-option>.ids-option__text': {
|
|
8853
|
+
'.ids-option>.ids-option__text': { overflowWrap: 'anywhere', fontStyle: 'normal' },
|
|
8766
8854
|
'.ids-option:not(.ids-option-disabled)': { cursor: 'pointer' },
|
|
8767
8855
|
'.ids-option.ids-option-disabled': { cursor: 'not-allowed' },
|
|
8768
8856
|
'.ids-option:not(.ids-option-multiselect)': { justifyContent: 'space-between' },
|
|
8769
8857
|
'.ids-option.ids-option-active': { outlineStyle: 'solid' },
|
|
8770
8858
|
'.ids-option.ids-option-compact': {
|
|
8771
|
-
|
|
8859
|
+
minHeight: 'var(--ids-comp-forms-option-item-size-min-height-compact)',
|
|
8772
8860
|
padding: 'var(--ids-comp-forms-option-item-size-padding-y-compact) var(--ids-comp-forms-option-item-size-padding-x-compact)',
|
|
8773
8861
|
gap: 'var(--ids-comp-forms-option-container-size-gap-compact)',
|
|
8774
8862
|
borderRadius: 'var(--ids-comp-forms-option-item-size-border-radius-compact)',
|
|
@@ -8791,7 +8879,7 @@ module.exports = function ComponentsPlugin() {
|
|
|
8791
8879
|
outlineWidth: 'var(--ids-comp-forms-form-field-standard-field-wrapper-focused-outline-outline-compact)',
|
|
8792
8880
|
},
|
|
8793
8881
|
'.ids-option.ids-option-comfortable': {
|
|
8794
|
-
|
|
8882
|
+
minHeight: 'var(--ids-comp-forms-option-item-size-min-height-comfortable)',
|
|
8795
8883
|
padding:
|
|
8796
8884
|
'var(--ids-comp-forms-option-item-size-padding-y-comfortable) var(--ids-comp-forms-option-item-size-padding-x-comfortable)',
|
|
8797
8885
|
gap: 'var(--ids-comp-forms-option-container-size-gap-comfortable)',
|
|
@@ -8815,7 +8903,7 @@ module.exports = function ComponentsPlugin() {
|
|
|
8815
8903
|
outlineWidth: 'var(--ids-comp-forms-form-field-standard-field-wrapper-focused-outline-outline-comfortable)',
|
|
8816
8904
|
},
|
|
8817
8905
|
'.ids-option.ids-option-spacious': {
|
|
8818
|
-
|
|
8906
|
+
minHeight: 'var(--ids-comp-forms-option-item-size-min-height-spacious)',
|
|
8819
8907
|
padding: 'var(--ids-comp-forms-option-item-size-padding-y-spacious) var(--ids-comp-forms-option-item-size-padding-x-spacious)',
|
|
8820
8908
|
gap: 'var(--ids-comp-forms-option-container-size-gap-spacious)',
|
|
8821
8909
|
borderRadius: 'var(--ids-comp-forms-option-item-size-border-radius-spacious)',
|
|
@@ -8838,7 +8926,7 @@ module.exports = function ComponentsPlugin() {
|
|
|
8838
8926
|
outlineWidth: 'var(--ids-comp-forms-form-field-standard-field-wrapper-focused-outline-outline-spacious)',
|
|
8839
8927
|
},
|
|
8840
8928
|
'.ids-option.ids-option-dense': {
|
|
8841
|
-
|
|
8929
|
+
minHeight: 'var(--ids-comp-forms-option-item-size-min-height-dense)',
|
|
8842
8930
|
padding: 'var(--ids-comp-forms-option-item-size-padding-y-dense) var(--ids-comp-forms-option-item-size-padding-x-dense)',
|
|
8843
8931
|
gap: 'var(--ids-comp-forms-option-container-size-gap-dense)',
|
|
8844
8932
|
borderRadius: 'var(--ids-comp-forms-option-item-size-border-radius-dense)',
|
|
@@ -9636,9 +9724,33 @@ module.exports = function ComponentsPlugin() {
|
|
|
9636
9724
|
'.ids-radio-group.ids-radio-group-right': { alignItems: 'flex-start' },
|
|
9637
9725
|
'.ids-radio-group .ids-radio': { display: 'flex', alignItems: 'center' },
|
|
9638
9726
|
'.ids-radio-group .ids-radio.ids-radio-left': { flexDirection: 'row-reverse', justifyContent: 'start' },
|
|
9639
|
-
'.ids-radio-group .ids-radio.ids-radio-
|
|
9640
|
-
|
|
9727
|
+
'.ids-radio-group .ids-radio.ids-radio-left .ids-radio__label-wrapper': {
|
|
9728
|
+
display: 'flex',
|
|
9729
|
+
flexDirection: 'column',
|
|
9730
|
+
alignItems: 'flex-start',
|
|
9731
|
+
},
|
|
9732
|
+
'.ids-radio-group .ids-radio.ids-radio-left .ids-radio__label-wrapper .ids-radio__label': { justifyContent: 'start' },
|
|
9733
|
+
'.ids-radio-group .ids-radio.ids-radio-right': { flexDirection: 'row', justifyContent: 'start' },
|
|
9734
|
+
'.ids-radio-group .ids-radio.ids-radio-right .ids-radio__label-wrapper': {
|
|
9735
|
+
display: 'flex',
|
|
9736
|
+
flexDirection: 'column',
|
|
9737
|
+
alignItems: 'flex-start',
|
|
9738
|
+
},
|
|
9739
|
+
'.ids-radio-group .ids-radio.ids-radio-right .ids-radio__label-wrapper .ids-radio__label': { justifyContent: 'start' },
|
|
9740
|
+
'.ids-radio-group .ids-radio.ids-radio-top': { flexDirection: 'column-reverse', alignItems: 'center', justifyContent: 'center' },
|
|
9741
|
+
'.ids-radio-group .ids-radio.ids-radio-top .ids-radio__label-wrapper': {
|
|
9742
|
+
display: 'flex',
|
|
9743
|
+
flexDirection: 'column',
|
|
9744
|
+
alignItems: 'center',
|
|
9745
|
+
},
|
|
9746
|
+
'.ids-radio-group .ids-radio.ids-radio-top .ids-radio__label-wrapper .ids-radio__label': { justifyContent: 'center' },
|
|
9641
9747
|
'.ids-radio-group .ids-radio.ids-radio-bottom': { flexDirection: 'column', alignItems: 'center' },
|
|
9748
|
+
'.ids-radio-group .ids-radio.ids-radio-bottom .ids-radio__label-wrapper': {
|
|
9749
|
+
display: 'flex',
|
|
9750
|
+
flexDirection: 'column',
|
|
9751
|
+
alignItems: 'center',
|
|
9752
|
+
},
|
|
9753
|
+
'.ids-radio-group .ids-radio.ids-radio-bottom .ids-radio__label-wrapper .ids-radio__label': { justifyContent: 'center' },
|
|
9642
9754
|
'.ids-radio-group .ids-radio .ids-radio__input-wrapper': {
|
|
9643
9755
|
position: 'relative',
|
|
9644
9756
|
display: 'flex',
|
|
@@ -9671,7 +9783,6 @@ module.exports = function ComponentsPlugin() {
|
|
|
9671
9783
|
'.ids-radio-group .ids-radio .ids-radio__label': {
|
|
9672
9784
|
cursor: 'pointer',
|
|
9673
9785
|
display: 'flex',
|
|
9674
|
-
justifyContent: 'center',
|
|
9675
9786
|
alignItems: 'center',
|
|
9676
9787
|
flex: '1 0 0',
|
|
9677
9788
|
fontStyle: 'normal',
|
|
@@ -12786,6 +12897,7 @@ module.exports = function ComponentsPlugin() {
|
|
|
12786
12897
|
},
|
|
12787
12898
|
'.ids-switch>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon': { position: 'absolute' },
|
|
12788
12899
|
'.ids-switch>.ids-switch__label': { fontStyle: 'normal', flexGrow: 1 },
|
|
12900
|
+
'.ids-switch:not(.ids-switch-disabled)>.ids-switch__label': { cursor: 'pointer' },
|
|
12789
12901
|
'.ids-switch.ids-switch-label-right': { flexDirection: 'row' },
|
|
12790
12902
|
'.ids-switch.ids-switch-label-left': { flexDirection: 'row-reverse' },
|
|
12791
12903
|
'.ids-switch.ids-switch-compact': { gap: 'var(--ids-comp-switch-container-size-gap-compact)' },
|
|
@@ -12977,19 +13089,6 @@ module.exports = function ComponentsPlugin() {
|
|
|
12977
13089
|
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button+.ids-switch__label': {
|
|
12978
13090
|
color: 'var(--ids-comp-switch-label-color-fg-surface-default)',
|
|
12979
13091
|
},
|
|
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
13092
|
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track': {
|
|
12994
13093
|
backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-surface-pressed)',
|
|
12995
13094
|
},
|
|
@@ -13015,6 +13114,19 @@ module.exports = function ComponentsPlugin() {
|
|
|
13015
13114
|
{ color: 'var(--ids-comp-switch-handle-off-color-fg-icon-surface-default)' },
|
|
13016
13115
|
'.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
13116
|
{ color: 'var(--ids-comp-switch-label-color-fg-surface-focused)' },
|
|
13117
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track': {
|
|
13118
|
+
backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-surface-hovered)',
|
|
13119
|
+
},
|
|
13120
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
13121
|
+
{ color: 'var(--ids-comp-switch-track-off-color-fg-icon-surface-default)' },
|
|
13122
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
13123
|
+
backgroundColor: 'var(--ids-comp-switch-handle-off-color-bg-surface-default)',
|
|
13124
|
+
},
|
|
13125
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
13126
|
+
{ color: 'var(--ids-comp-switch-handle-off-color-fg-icon-surface-default)' },
|
|
13127
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled):hover>.ids-switch__label': {
|
|
13128
|
+
color: 'var(--ids-comp-switch-label-color-fg-surface-hovered)',
|
|
13129
|
+
},
|
|
13018
13130
|
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track': {
|
|
13019
13131
|
backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-surface-default)',
|
|
13020
13132
|
},
|
|
@@ -13025,15 +13137,18 @@ module.exports = function ComponentsPlugin() {
|
|
|
13025
13137
|
},
|
|
13026
13138
|
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
13027
13139
|
{ 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
|
|
13140
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track': {
|
|
13029
13141
|
backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-surface-hovered)',
|
|
13030
13142
|
},
|
|
13031
|
-
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button
|
|
13143
|
+
'.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
13144
|
{ 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
|
|
13145
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle':
|
|
13034
13146
|
{ 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
|
|
13147
|
+
'.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
13148
|
{ color: 'var(--ids-comp-switch-handle-on-color-fg-icon-surface-default)' },
|
|
13149
|
+
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__label': {
|
|
13150
|
+
color: 'var(--ids-comp-switch-label-color-fg-surface-hovered)',
|
|
13151
|
+
},
|
|
13037
13152
|
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track': {
|
|
13038
13153
|
backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-surface-pressed)',
|
|
13039
13154
|
},
|
|
@@ -13089,20 +13204,6 @@ module.exports = function ComponentsPlugin() {
|
|
|
13089
13204
|
'.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button+.ids-switch__label': {
|
|
13090
13205
|
color: 'var(--ids-comp-switch-label-color-fg-light-default)',
|
|
13091
13206
|
},
|
|
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
13207
|
'.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track': {
|
|
13107
13208
|
backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-light-pressed)',
|
|
13108
13209
|
},
|
|
@@ -13128,6 +13229,20 @@ module.exports = function ComponentsPlugin() {
|
|
|
13128
13229
|
{ color: 'var(--ids-comp-switch-handle-off-color-fg-icon-light-default)' },
|
|
13129
13230
|
'.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
13231
|
{ color: 'var(--ids-comp-switch-label-color-fg-light-focused)' },
|
|
13232
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track': {
|
|
13233
|
+
backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-light-hovered)',
|
|
13234
|
+
},
|
|
13235
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
13236
|
+
{ color: 'var(--ids-comp-switch-track-off-color-fg-icon-light-default)' },
|
|
13237
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
13238
|
+
backgroundColor: 'var(--ids-comp-switch-handle-off-color-bg-light-default)',
|
|
13239
|
+
},
|
|
13240
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon': {
|
|
13241
|
+
color: 'var(--ids-comp-switch-handle-off-color-fg-icon-light-default)',
|
|
13242
|
+
},
|
|
13243
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled):hover>.ids-switch__label': {
|
|
13244
|
+
color: 'var(--ids-comp-switch-label-color-fg-light-hovered)',
|
|
13245
|
+
},
|
|
13131
13246
|
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track': {
|
|
13132
13247
|
backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-light-default)',
|
|
13133
13248
|
},
|
|
@@ -13138,15 +13253,18 @@ module.exports = function ComponentsPlugin() {
|
|
|
13138
13253
|
},
|
|
13139
13254
|
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
13140
13255
|
{ 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
|
|
13256
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track': {
|
|
13142
13257
|
backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-light-hovered)',
|
|
13143
13258
|
},
|
|
13144
|
-
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button
|
|
13259
|
+
'.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
13260
|
{ 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
|
|
13261
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle':
|
|
13147
13262
|
{ 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
|
|
13263
|
+
'.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
13264
|
{ color: 'var(--ids-comp-switch-handle-on-color-fg-icon-light-default)' },
|
|
13265
|
+
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__label': {
|
|
13266
|
+
color: 'var(--ids-comp-switch-label-color-fg-light-hovered)',
|
|
13267
|
+
},
|
|
13150
13268
|
'.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track': {
|
|
13151
13269
|
backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-light-pressed)',
|
|
13152
13270
|
},
|
|
@@ -13202,19 +13320,6 @@ module.exports = function ComponentsPlugin() {
|
|
|
13202
13320
|
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button+.ids-switch__label': {
|
|
13203
13321
|
color: 'var(--ids-comp-switch-label-color-fg-primary-default)',
|
|
13204
13322
|
},
|
|
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
13323
|
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track': {
|
|
13219
13324
|
backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-primary-pressed)',
|
|
13220
13325
|
},
|
|
@@ -13240,6 +13345,19 @@ module.exports = function ComponentsPlugin() {
|
|
|
13240
13345
|
{ color: 'var(--ids-comp-switch-handle-off-color-fg-icon-primary-default)' },
|
|
13241
13346
|
'.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
13347
|
{ color: 'var(--ids-comp-switch-label-color-fg-primary-focused)' },
|
|
13348
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track': {
|
|
13349
|
+
backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-primary-hovered)',
|
|
13350
|
+
},
|
|
13351
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
|
|
13352
|
+
{ color: 'var(--ids-comp-switch-track-off-color-fg-icon-primary-default)' },
|
|
13353
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
13354
|
+
backgroundColor: 'var(--ids-comp-switch-handle-off-color-bg-primary-default)',
|
|
13355
|
+
},
|
|
13356
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
13357
|
+
{ color: 'var(--ids-comp-switch-handle-off-color-fg-icon-primary-default)' },
|
|
13358
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled):hover>.ids-switch__label': {
|
|
13359
|
+
color: 'var(--ids-comp-switch-label-color-fg-primary-hovered)',
|
|
13360
|
+
},
|
|
13243
13361
|
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track': {
|
|
13244
13362
|
backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-primary-default)',
|
|
13245
13363
|
},
|
|
@@ -13250,15 +13368,18 @@ module.exports = function ComponentsPlugin() {
|
|
|
13250
13368
|
},
|
|
13251
13369
|
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
13252
13370
|
{ 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
|
|
13371
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track': {
|
|
13254
13372
|
backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-primary-hovered)',
|
|
13255
13373
|
},
|
|
13256
|
-
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button
|
|
13374
|
+
'.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
13375
|
{ 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
|
|
13376
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle':
|
|
13259
13377
|
{ 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
|
|
13378
|
+
'.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
13379
|
{ color: 'var(--ids-comp-switch-handle-on-color-fg-icon-primary-default)' },
|
|
13380
|
+
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__label': {
|
|
13381
|
+
color: 'var(--ids-comp-switch-label-color-fg-primary-hovered)',
|
|
13382
|
+
},
|
|
13262
13383
|
'.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track': {
|
|
13263
13384
|
backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-primary-pressed)',
|
|
13264
13385
|
},
|
|
@@ -13300,6 +13421,7 @@ module.exports = function ComponentsPlugin() {
|
|
|
13300
13421
|
'.ids-switch.ids-switch-primary.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon':
|
|
13301
13422
|
{ color: 'var(--ids-comp-switch-handle-on-color-fg-icon-primary-disabled)' },
|
|
13302
13423
|
'.ids-switch.ids-switch-disabled': { cursor: 'not-allowed' },
|
|
13424
|
+
'.ids-switch.ids-switch-disabled>.ids-switch__label': { cursor: 'not-allowed' },
|
|
13303
13425
|
'.ids-tab-group': {
|
|
13304
13426
|
boxSizing: 'border-box',
|
|
13305
13427
|
borderWidth: '0',
|