@i-cell/ids-styles 0.0.28 → 0.0.30

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.
Files changed (10) hide show
  1. package/dist/accordion/accordion.css +1 -0
  2. package/dist/accordion/accordion.min.css +1 -1
  3. package/dist/accordion/accordion.plugin.js +1 -0
  4. package/dist/components.css +79 -0
  5. package/dist/components.min.css +1 -1
  6. package/dist/components.plugin.js +53 -0
  7. package/dist/form-elements/form-field/form-field.css +78 -0
  8. package/dist/form-elements/form-field/form-field.min.css +1 -1
  9. package/dist/form-elements/form-field/form-field.plugin.js +52 -0
  10. package/package.json +2 -2
package/dist/form-elements/form-field/form-field.plugin.js CHANGED
@@ -379,6 +379,8 @@ module.exports = function FormFieldPlugin() {
379
379
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-default)' },
380
380
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control':
381
381
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-default)' },
382
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control .ids-icon':
383
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-default)' },
382
384
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
383
385
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-default)' },
384
386
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
@@ -400,6 +402,8 @@ module.exports = function FormFieldPlugin() {
400
402
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-hovered)' },
401
403
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control':
402
404
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-hovered)' },
405
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control .ids-icon':
406
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-hovered)' },
403
407
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
404
408
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-hovered)' },
405
409
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
@@ -423,6 +427,8 @@ module.exports = function FormFieldPlugin() {
423
427
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-focused)' },
424
428
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.iids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control':
425
429
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-focused)' },
430
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.iids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control .ids-icon':
431
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-focused)' },
426
432
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.iids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
427
433
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-focused)' },
428
434
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.iids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
@@ -445,6 +451,8 @@ module.exports = function FormFieldPlugin() {
445
451
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-pressed)' },
446
452
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control':
447
453
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-pressed)' },
454
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control .ids-icon':
455
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-pressed)' },
448
456
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
449
457
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-pressed)' },
450
458
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
@@ -469,6 +477,8 @@ module.exports = function FormFieldPlugin() {
469
477
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-default)' },
470
478
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control':
471
479
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-default)' },
480
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control .ids-icon':
481
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-default)' },
472
482
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
473
483
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-default)' },
474
484
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
@@ -490,6 +500,8 @@ module.exports = function FormFieldPlugin() {
490
500
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-hovered)' },
491
501
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control':
492
502
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-hovered)' },
503
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control .ids-icon':
504
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-hovered)' },
493
505
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
494
506
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-hovered)' },
495
507
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
@@ -513,6 +525,8 @@ module.exports = function FormFieldPlugin() {
513
525
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-focused)' },
514
526
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control':
515
527
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-focused)' },
528
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control .ids-icon':
529
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-focused)' },
516
530
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
517
531
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-focused)' },
518
532
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
@@ -535,6 +549,8 @@ module.exports = function FormFieldPlugin() {
535
549
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-pressed)' },
536
550
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control':
537
551
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-pressed)' },
552
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control .ids-icon':
553
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-pressed)' },
538
554
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
539
555
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-pressed)' },
540
556
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
@@ -559,6 +575,8 @@ module.exports = function FormFieldPlugin() {
559
575
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-default)' },
560
576
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control':
561
577
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-default)' },
578
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control .ids-icon':
579
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-default)' },
562
580
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
563
581
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-default)' },
564
582
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
@@ -580,6 +598,8 @@ module.exports = function FormFieldPlugin() {
580
598
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-hovered)' },
581
599
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control':
582
600
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-hovered)' },
601
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control .ids-icon':
602
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-hovered)' },
583
603
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
584
604
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-hovered)' },
585
605
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
@@ -603,6 +623,8 @@ module.exports = function FormFieldPlugin() {
603
623
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-focused)' },
604
624
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control':
605
625
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-focused)' },
626
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control .ids-icon':
627
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-focused)' },
606
628
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
607
629
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-focused)' },
608
630
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
@@ -625,6 +647,8 @@ module.exports = function FormFieldPlugin() {
625
647
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-pressed)' },
626
648
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control':
627
649
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-pressed)' },
650
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control .ids-icon':
651
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-pressed)' },
628
652
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
629
653
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-pressed)' },
630
654
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
@@ -649,6 +673,8 @@ module.exports = function FormFieldPlugin() {
649
673
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-disabled)' },
650
674
  '.ids-form-field.ids-form-field-surface.ids-form-field-disabled>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control':
651
675
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-disabled)' },
676
+ '.ids-form-field.ids-form-field-surface.ids-form-field-disabled>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control .ids-icon':
677
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-disabled)' },
652
678
  '.ids-form-field.ids-form-field-surface.ids-form-field-disabled>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
653
679
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-disabled)' },
654
680
  '.ids-form-field.ids-form-field-surface.ids-form-field-disabled>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
@@ -673,6 +699,8 @@ module.exports = function FormFieldPlugin() {
673
699
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-default)' },
674
700
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control':
675
701
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-default)' },
702
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control .ids-icon':
703
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-default)' },
676
704
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
677
705
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-default)' },
678
706
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
@@ -694,6 +722,8 @@ module.exports = function FormFieldPlugin() {
694
722
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-hovered)' },
695
723
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control':
696
724
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-hovered)' },
725
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control .ids-icon':
726
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-hovered)' },
697
727
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
698
728
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-hovered)' },
699
729
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
@@ -717,6 +747,8 @@ module.exports = function FormFieldPlugin() {
717
747
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-focused)' },
718
748
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.iids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control':
719
749
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-focused)' },
750
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.iids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control .ids-icon':
751
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-focused)' },
720
752
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.iids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
721
753
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-focused)' },
722
754
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.iids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
@@ -739,6 +771,8 @@ module.exports = function FormFieldPlugin() {
739
771
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-pressed)' },
740
772
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control':
741
773
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-pressed)' },
774
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control .ids-icon':
775
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-pressed)' },
742
776
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
743
777
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-pressed)' },
744
778
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
@@ -763,6 +797,8 @@ module.exports = function FormFieldPlugin() {
763
797
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-default)' },
764
798
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control':
765
799
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-default)' },
800
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control .ids-icon':
801
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-default)' },
766
802
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
767
803
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-default)' },
768
804
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
@@ -784,6 +820,8 @@ module.exports = function FormFieldPlugin() {
784
820
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-hovered)' },
785
821
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control':
786
822
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-hovered)' },
823
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control .ids-icon':
824
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-hovered)' },
787
825
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
788
826
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-hovered)' },
789
827
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
@@ -807,6 +845,8 @@ module.exports = function FormFieldPlugin() {
807
845
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-focused)' },
808
846
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control':
809
847
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-focused)' },
848
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control .ids-icon':
849
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-focused)' },
810
850
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
811
851
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-focused)' },
812
852
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
@@ -829,6 +869,8 @@ module.exports = function FormFieldPlugin() {
829
869
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-pressed)' },
830
870
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control':
831
871
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-pressed)' },
872
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control .ids-icon':
873
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-pressed)' },
832
874
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
833
875
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-pressed)' },
834
876
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
@@ -853,6 +895,8 @@ module.exports = function FormFieldPlugin() {
853
895
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-default)' },
854
896
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control':
855
897
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-default)' },
898
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control .ids-icon':
899
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-default)' },
856
900
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
857
901
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-default)' },
858
902
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
@@ -874,6 +918,8 @@ module.exports = function FormFieldPlugin() {
874
918
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-hovered)' },
875
919
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control':
876
920
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-hovered)' },
921
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control .ids-icon':
922
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-hovered)' },
877
923
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
878
924
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-hovered)' },
879
925
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
@@ -897,6 +943,8 @@ module.exports = function FormFieldPlugin() {
897
943
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-focused)' },
898
944
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control':
899
945
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-focused)' },
946
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control .ids-icon':
947
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-focused)' },
900
948
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
901
949
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-focused)' },
902
950
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
@@ -919,6 +967,8 @@ module.exports = function FormFieldPlugin() {
919
967
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-pressed)' },
920
968
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control':
921
969
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-pressed)' },
970
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control .ids-icon':
971
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-pressed)' },
922
972
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
923
973
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-pressed)' },
924
974
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
@@ -943,6 +993,8 @@ module.exports = function FormFieldPlugin() {
943
993
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-disabled)' },
944
994
  '.ids-form-field.ids-form-field-light.ids-form-field-disabled>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control':
945
995
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-disabled)' },
996
+ '.ids-form-field.ids-form-field-light.ids-form-field-disabled>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix .ids-form-field-control .ids-icon':
997
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-disabled)' },
946
998
  '.ids-form-field.ids-form-field-light.ids-form-field-disabled>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
947
999
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-disabled)' },
948
1000
  '.ids-form-field.ids-form-field-light.ids-form-field-disabled>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@i-cell/ids-styles",
3
- "version": "0.0.28",
3
+ "version": "0.0.30",
4
4
  "private": false,
5
5
  "description": "Stylesheets for i-Cell Design System UI Kit components (currently Vue and Angular)",
6
6
  "scripts": {
@@ -35,7 +35,7 @@
35
35
  },
36
36
  "homepage": "https://github.com/i-Cell-Mobilsoft-Open-Source/ids-styles#readme",
37
37
  "devDependencies": {
38
- "@i-cell/ids-tokens": "0.0.26",
38
+ "@i-cell/ids-tokens": "0.0.27",
39
39
  "commander": "^12.1.0",
40
40
  "gulp": "^5.0.0",
41
41
  "gulp-prettier": "^6.0.0",