@i-cell/ids-styles 0.0.9 → 0.0.11
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.css +36 -36
- package/dist/checkbox/checkbox.min.css +1 -1
- package/dist/checkbox/checkbox.plugin.js +36 -36
- package/dist/components.css +1569 -37
- package/dist/components.min.css +1 -1
- package/dist/components.plugin.js +1297 -37
- package/dist/form-elements/form-field/form-field.css +1193 -0
- package/dist/form-elements/form-field/form-field.min.css +1 -0
- package/dist/form-elements/form-field/form-field.plugin.js +967 -0
- package/dist/form-elements/message/message.css +3 -1
- package/dist/form-elements/message/message.min.css +1 -1
- package/dist/form-elements/message/message.plugin.js +1 -1
- package/dist/paginator/paginator.css +3 -0
- package/dist/paginator/paginator.min.css +1 -1
- package/dist/paginator/paginator.plugin.js +3 -0
- package/dist/tooltip/tooltip.css +332 -0
- package/dist/tooltip/tooltip.min.css +1 -0
- package/dist/tooltip/tooltip.plugin.js +308 -0
- package/package.json +6 -4
|
@@ -393,149 +393,149 @@ module.exports = function CheckboxPlugin() {
|
|
|
393
393
|
'.ids-checkbox:not(.ids-checkbox-disabled) .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label': {
|
|
394
394
|
cursor: 'pointer',
|
|
395
395
|
},
|
|
396
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
396
|
+
'.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)':
|
|
397
397
|
{
|
|
398
398
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-error-default)',
|
|
399
399
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-default)',
|
|
400
400
|
},
|
|
401
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
401
|
+
'.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':
|
|
402
402
|
{
|
|
403
403
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-error-hovered)',
|
|
404
404
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-hovered)',
|
|
405
405
|
},
|
|
406
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
406
|
+
'.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':
|
|
407
407
|
{
|
|
408
408
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-error-pressed)',
|
|
409
409
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-pressed)',
|
|
410
410
|
},
|
|
411
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
411
|
+
'.ids-checkbox.ng-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':
|
|
412
412
|
{
|
|
413
413
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-error-focused)',
|
|
414
414
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-focused)',
|
|
415
415
|
},
|
|
416
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
416
|
+
'.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)':
|
|
417
417
|
{
|
|
418
418
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-light-error-default)',
|
|
419
419
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-light-default)',
|
|
420
420
|
},
|
|
421
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
421
|
+
'.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':
|
|
422
422
|
{
|
|
423
423
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-light-error-hovered)',
|
|
424
424
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-light-hovered)',
|
|
425
425
|
},
|
|
426
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
426
|
+
'.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':
|
|
427
427
|
{
|
|
428
428
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-light-error-pressed)',
|
|
429
429
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-light-pressed)',
|
|
430
430
|
},
|
|
431
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
431
|
+
'.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]:indeterminate:not(:disabled):focus,.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]:indeterminate:not(:disabled):focus':
|
|
432
432
|
{
|
|
433
433
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-light-error-focused)',
|
|
434
434
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-light-focused)',
|
|
435
435
|
},
|
|
436
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
436
|
+
'.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':
|
|
437
437
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-error-default)' },
|
|
438
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
438
|
+
'.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':
|
|
439
439
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-error-hovered)' },
|
|
440
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
440
|
+
'.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':
|
|
441
441
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-error-pressed)' },
|
|
442
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
442
|
+
'.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]:indeterminate: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+.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':
|
|
443
443
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-error-focused)' },
|
|
444
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
444
|
+
'.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)':
|
|
445
445
|
{
|
|
446
446
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-dark-error-default)',
|
|
447
447
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-dark-default)',
|
|
448
448
|
},
|
|
449
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
449
|
+
'.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':
|
|
450
450
|
{
|
|
451
451
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-dark-error-hovered)',
|
|
452
452
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-dark-hovered)',
|
|
453
453
|
},
|
|
454
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
454
|
+
'.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':
|
|
455
455
|
{
|
|
456
456
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-dark-error-pressed)',
|
|
457
457
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-dark-pressed)',
|
|
458
458
|
},
|
|
459
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
459
|
+
'.ids-checkbox.ng-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':
|
|
460
460
|
{
|
|
461
461
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-dark-error-focused)',
|
|
462
462
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-dark-focused)',
|
|
463
463
|
},
|
|
464
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
464
|
+
'.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)':
|
|
465
465
|
{
|
|
466
466
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-dark-error-default)',
|
|
467
467
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-dark-default)',
|
|
468
468
|
},
|
|
469
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
469
|
+
'.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':
|
|
470
470
|
{
|
|
471
471
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-dark-error-hovered)',
|
|
472
472
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-dark-hovered)',
|
|
473
473
|
},
|
|
474
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
474
|
+
'.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':
|
|
475
475
|
{
|
|
476
476
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-dark-error-pressed)',
|
|
477
477
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-dark-pressed)',
|
|
478
478
|
},
|
|
479
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
479
|
+
'.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]:indeterminate:not(:disabled):focus,.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]:indeterminate:not(:disabled):focus':
|
|
480
480
|
{
|
|
481
481
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-dark-error-focused)',
|
|
482
482
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-dark-focused)',
|
|
483
483
|
},
|
|
484
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
484
|
+
'.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':
|
|
485
485
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-error-default)' },
|
|
486
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
486
|
+
'.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':
|
|
487
487
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-error-hovered)' },
|
|
488
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
488
|
+
'.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':
|
|
489
489
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-error-pressed)' },
|
|
490
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
490
|
+
'.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]:indeterminate: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+.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':
|
|
491
491
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-error-focused)' },
|
|
492
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
492
|
+
'.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)':
|
|
493
493
|
{
|
|
494
494
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-error-default)',
|
|
495
495
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-default)',
|
|
496
496
|
},
|
|
497
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
497
|
+
'.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':
|
|
498
498
|
{
|
|
499
499
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-error-hovered)',
|
|
500
500
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-hovered)',
|
|
501
501
|
},
|
|
502
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
502
|
+
'.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':
|
|
503
503
|
{
|
|
504
504
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-error-pressed)',
|
|
505
505
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-pressed)',
|
|
506
506
|
},
|
|
507
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
507
|
+
'.ids-checkbox.ng-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':
|
|
508
508
|
{
|
|
509
509
|
borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-error-focused)',
|
|
510
510
|
backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-focused)',
|
|
511
511
|
},
|
|
512
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
512
|
+
'.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)':
|
|
513
513
|
{
|
|
514
514
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-surface-error-default)',
|
|
515
515
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-surface-default)',
|
|
516
516
|
},
|
|
517
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
517
|
+
'.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':
|
|
518
518
|
{
|
|
519
519
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-surface-error-hovered)',
|
|
520
520
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-surface-hovered)',
|
|
521
521
|
},
|
|
522
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
522
|
+
'.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':
|
|
523
523
|
{
|
|
524
524
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-surface-error-pressed)',
|
|
525
525
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-surface-pressed)',
|
|
526
526
|
},
|
|
527
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
527
|
+
'.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]:indeterminate:not(:disabled):focus,.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]:indeterminate:not(:disabled):focus':
|
|
528
528
|
{
|
|
529
529
|
borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-surface-error-focused)',
|
|
530
530
|
backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-surface-focused)',
|
|
531
531
|
},
|
|
532
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
532
|
+
'.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':
|
|
533
533
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-error-default)' },
|
|
534
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
534
|
+
'.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':
|
|
535
535
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-error-hovered)' },
|
|
536
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
536
|
+
'.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':
|
|
537
537
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-error-pressed)' },
|
|
538
|
-
'.ids-checkbox.ng-invalid.ids-checkbox
|
|
538
|
+
'.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]:indeterminate: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+.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':
|
|
539
539
|
{ color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-error-focused)' },
|
|
540
540
|
};
|
|
541
541
|
|