@entur/button 3.2.14 → 3.2.15

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 (2) hide show
  1. package/dist/styles.css +358 -486
  2. package/package.json +5 -5
package/dist/styles.css CHANGED
@@ -511,510 +511,382 @@ a.eds-button--size-large {
511
511
  width: -moz-fit-content;
512
512
  width: fit-content;
513
513
  }
514
- @import "~@entur/tokens/dist/primitive.css";
515
- @import "~@entur/tokens/dist/semantic.css";
516
514
  /* DO NOT CHANGE!*/
517
515
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
518
- :root {
519
- --fill-background-contrast-dark: var(--ebony-90);
520
- --fill-background-contrast-light: var(--lavender-90);
521
- --fill-background-contrast-lightalt: var(--blue-90);
522
- --fill-background-contrast-lightalt-2: var(--blue-100);
523
- --fill-background-overlay-solid: var(--ebony-80);
524
- --fill-background-overlay-solidalt: var(--ebony-75);
525
- --fill-background-overlay-transparent: var(--transparent-ebony-alpha15);
526
- --fill-background-overlay-transparentalt: var(--transparent-ebony-alpha25);
527
- --fill-background-standard-colorless: var(--white-alpha-0);
528
- --fill-background-standard-dark: var(--ebony-100);
529
- --fill-background-standard-light: var(--white-alpha-100);
530
- --fill-background-subdued-dark: var(--ebony-85);
531
- --fill-background-subdued-light: var(--blue-30);
532
- --fill-background-tint-dark: var(--ebony-95);
533
- --fill-background-tint-light: var(--blue-10);
534
- --fill-background-tint-neutral: var(--grey-10);
535
- --fill-background-tint-transparent: var(--transparent-blue-alpha10);
536
- --fill-boolean-false-contrast: var(--blue-50);
537
- --fill-boolean-false-dark: var(--transparent-ebony-alpha35);
538
- --fill-boolean-false-light: var(--grey-60);
539
- --fill-boolean-true-contrast: var(--mint-40);
540
- --fill-boolean-true-dark: var(--mint-40);
541
- --fill-boolean-true-light: var(--mint-60);
542
- --fill-disabled-light: var(--grey-40);
543
- --fill-disabled-transparent: var(--transparent-neutral-alpha15);
544
- --fill-disabled-transparentalt: var(--transparent-neutral-alpha10);
545
- --fill-information-contrast: var(--sky-30);
546
- --fill-information-deep: var(--sky-50);
547
- --fill-information-muted: var(--sky-10);
548
- --fill-information-tint: var(--sky-20);
549
- --fill-negative-contrast: var(--coral-40);
550
- --fill-negative-dark: var(--coral-90);
551
- --fill-negative-deep: var(--coral-60);
552
- --fill-negative-muted: var(--coral-20);
553
- --fill-negative-tint: var(--coral-30);
554
- --fill-negative-transparent: var(--transparent-coral-alpha20);
555
- --fill-primary-active-contrast: var(--lavender-50);
556
- --fill-primary-active-light: var(--lavender-100);
557
- --fill-primary-default-contrast: var(--lavender-40);
558
- --fill-primary-default-light: var(--lavender-90);
559
- --fill-primary-hover-contrast: var(--lavender-30);
560
- --fill-primary-hover-light: var(--blue-90);
561
- --fill-secondary-active-contrast: var(--lavender-50);
562
- --fill-secondary-active-light: var(--lavender-40);
563
- --fill-secondary-default-colorless: var(--white-alpha-0);
564
- --fill-secondary-hover-contrast: var(--blue-70);
565
- --fill-secondary-hover-light: var(--lavender-20);
566
- --fill-selected-default-contrast: var(--blue-90);
567
- --fill-selected-default-dark: var(--ebony-10);
568
- --fill-selected-default-darkalt: var(--ebony-50);
569
- --fill-selected-default-light: var(--blue-10);
570
- --fill-selected-default-neutral: var(--grey-30);
571
- --fill-selected-hover-contrast: var(--blue-80);
572
- --fill-selected-hover-dark: var(--transparent-ebony-alpha35);
573
- --fill-selected-hover-light: var(--blue-20);
574
- --fill-selected-hover-neutral: var(--grey-20);
575
- --fill-success-contrast: var(--mint-40);
576
- --fill-success-deep: var(--mint-60);
577
- --fill-success-muted: var(--mint-20);
578
- --fill-success-subdued: var(--mint-50);
579
- --fill-success-tint: var(--mint-30);
580
- --fill-warning-contrast: var(--canary-40);
581
- --fill-warning-deep: var(--canary-60);
582
- --fill-warning-muted: var(--canary-20);
583
- --fill-warning-tint: var(--canary-30);
584
- --shape-accent: var(--lavender-90);
585
- --shape-contrast: var(--lavender-40);
586
- --shape-dark: var(--ebony-100);
587
- --shape-darkalt: var(--ebony-30);
588
- --shape-disabled: var(--grey-80);
589
- --shape-highlight: var(--coral-40);
590
- --shape-highlightalt: var(--coral-30);
591
- --shape-inactive: var(--blue-40);
592
- --shape-information: var(--sky-50);
593
- --shape-informationalt: var(--sky-30);
594
- --shape-light: var(--white-alpha-100);
595
- --shape-lightalt: var(--ebony-10);
596
- --shape-negative: var(--coral-60);
597
- --shape-negativealt: var(--coral-30);
598
- --shape-neutral: var(--grey-70);
599
- --shape-neutralalt: var(--grey-50);
600
- --shape-neutralalt2: var(--grey-60);
601
- --shape-subdued: var(--blue-70);
602
- --shape-subduedalt: var(--blue-30);
603
- --shape-success: var(--mint-60);
604
- --shape-successalt: var(--mint-40);
605
- --shape-warning: var(--canary-60);
606
- --shape-warningalt: var(--canary-40);
607
- --stroke-accent: var(--lavender-90);
608
- --stroke-colorless: var(--white-alpha-0);
609
- --stroke-contrast: var(--lavender-40);
610
- --stroke-contrastalt: var(--blue-80);
611
- --stroke-dark: var(--ebony-30);
612
- --stroke-darkalt: var(--ebony-50);
613
- --stroke-darkalt-2: var(--ebony-100);
614
- --stroke-highlight: var(--coral-40);
615
- --stroke-highlightalt: var(--coral-30);
616
- --stroke-information: var(--sky-50);
617
- --stroke-light: var(--white-alpha-100);
618
- --stroke-lightalt: var(--ebony-10);
619
- --stroke-negative: var(--coral-60);
620
- --stroke-negativealt: var(--coral-30);
621
- --stroke-neutral: var(--grey-30);
622
- --stroke-neutralalt: var(--grey-60);
623
- --stroke-subdued: var(--blue-60);
624
- --stroke-success: var(--mint-60);
625
- --stroke-successalt: var(--mint-40);
626
- --stroke-transparent: var(--transparent-blue-alpha40);
627
- --stroke-transparentalt: var(--transparent-lavender-alpha70);
628
- --stroke-warning: var(--canary-70);
629
- --text-accent: var(--lavender-90);
630
- --text-dark: var(--ebony-100);
631
- --text-darkalt: var(--ebony-30);
632
- --text-disabled: var(--grey-80);
633
- --text-highlight: var(--lavender-40);
634
- --text-highlightalt: var(--peach-40);
635
- --text-light: var(--white-alpha-100);
636
- --text-lightalt: var(--ebony-10);
637
- --text-negative: var(--coral-60);
638
- --text-negativealt: var(--coral-30);
639
- --text-neutral: var(--grey-70);
640
- --text-neutralalt: var(--grey-50);
641
- --text-neutralalt2: var(--grey-60);
642
- --text-subdued: var(--blue-70);
643
- --text-subduedalt: var(--blue-30);
644
- --text-success: var(--mint-60);
645
- --text-successalt: var(--mint-40);
646
- }
647
-
516
+ /* DO NOT CHANGE!*/
517
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
648
518
  /* DO NOT CHANGE!*/
649
519
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
650
520
  [data-color-mode=light],
651
521
  :root {
652
- --components-button-disabled-contrast-fill: var(--fill-disabled-transparent);
653
- --components-button-disabled-contrast-icon-disabled: var(--shape-neutralalt);
654
- --components-button-disabled-contrast-text-disabled: var(--text-neutralalt);
655
- --components-button-disabled-standard-fill: var(--fill-disabled-light);
656
- --components-button-disabled-standard-icon-disabled: var(--shape-disabled);
657
- --components-button-disabled-standard-text-disabled: var(--text-disabled);
658
- --components-button-floating-contrast-active: var(--fill-background-subdued-light);
659
- --components-button-floating-contrast-default: var(--fill-background-standard-light);
660
- --components-button-floating-contrast-hover: var(--fill-background-tint-light);
661
- --components-button-floating-contrast-icon: var(--shape-accent);
662
- --components-button-floating-contrast-text: var(--text-accent);
663
- --components-button-floating-standard-active: var(--fill-primary-active-light);
664
- --components-button-floating-standard-default: var(--fill-primary-default-light);
665
- --components-button-floating-standard-hover: var(--fill-primary-hover-light);
666
- --components-button-floating-standard-icon: var(--shape-light);
667
- --components-button-floating-standard-text: var(--text-light);
668
- --components-button-iconbutton-contrast-active: var(--fill-secondary-active-contrast);
669
- --components-button-iconbutton-contrast-default: var(--fill-background-standard-colorless);
670
- --components-button-iconbutton-contrast-hover: var(--fill-secondary-hover-contrast);
671
- --components-button-iconbutton-contrast-icon: var(--shape-light);
672
- --components-button-iconbutton-contrast-icon-active: var(--shape-accent);
673
- --components-button-iconbutton-contrast-text: var(--text-light);
674
- --components-button-iconbutton-contrast-text-active: var(--text-accent);
675
- --components-button-iconbutton-standard-active: var(--fill-secondary-active-light);
676
- --components-button-iconbutton-standard-default: var(--fill-background-standard-colorless);
677
- --components-button-iconbutton-standard-hover: var(--fill-secondary-hover-light);
678
- --components-button-iconbutton-standard-icon: var(--shape-accent);
679
- --components-button-iconbutton-standard-icon-active: var(--shape-accent);
680
- --components-button-iconbutton-standard-text: var(--text-accent);
681
- --components-button-iconbutton-standard-text-active: var(--text-accent);
682
- --components-button-negative-contrast-active: var(--fill-negative-tint);
683
- --components-button-negative-contrast-border: var(--fill-negative-tint);
684
- --components-button-negative-contrast-default: var(--fill-background-standard-colorless);
685
- --components-button-negative-contrast-hover: var(--fill-negative-transparent);
686
- --components-button-negative-contrast-icon: var(--shape-light);
687
- --components-button-negative-contrast-icon-active: var(--shape-accent);
688
- --components-button-negative-contrast-text: var(--text-light);
689
- --components-button-negative-contrast-text-active: var(--text-accent);
690
- --components-button-negative-standard-active: var(--fill-negative-deep);
691
- --components-button-negative-standard-border: var(--fill-negative-deep);
692
- --components-button-negative-standard-default: var(--fill-background-standard-colorless);
693
- --components-button-negative-standard-hover: var(--fill-negative-muted);
694
- --components-button-negative-standard-icon: var(--fill-negative-deep);
695
- --components-button-negative-standard-icon-active: var(--shape-light);
696
- --components-button-negative-standard-text: var(--fill-negative-deep);
697
- --components-button-negative-standard-text-active: var(--text-light);
698
- --components-button-primary-contrast-active: var(--fill-primary-active-contrast);
699
- --components-button-primary-contrast-default: var(--fill-primary-default-contrast);
700
- --components-button-primary-contrast-hover: var(--fill-primary-hover-contrast);
701
- --components-button-primary-contrast-icon: var(--shape-accent);
702
- --components-button-primary-contrast-text: var(--text-accent);
703
- --components-button-primary-standard-active: var(--fill-primary-active-light);
704
- --components-button-primary-standard-default: var(--fill-primary-default-light);
705
- --components-button-primary-standard-hover: var(--fill-primary-hover-light);
706
- --components-button-primary-standard-icon: var(--shape-light);
707
- --components-button-primary-standard-text: var(--text-light);
708
- --components-button-secondary-contrast-active: var(--fill-secondary-active-contrast);
709
- --components-button-secondary-contrast-border: var(--stroke-subdued);
710
- --components-button-secondary-contrast-border-active: var(--stroke-colorless);
711
- --components-button-secondary-contrast-default: var(--fill-background-standard-colorless);
712
- --components-button-secondary-contrast-hover: var(--fill-secondary-hover-contrast);
713
- --components-button-secondary-contrast-icon: var(--shape-light);
714
- --components-button-secondary-contrast-icon-active: var(--shape-accent);
715
- --components-button-secondary-contrast-text: var(--text-light);
716
- --components-button-secondary-contrast-text-active: var(--text-accent);
717
- --components-button-secondary-standard-active: var(--fill-secondary-active-light);
718
- --components-button-secondary-standard-border: var(--stroke-subdued);
719
- --components-button-secondary-standard-border-active: var(--stroke-accent);
720
- --components-button-secondary-standard-default: var(--fill-background-standard-colorless);
721
- --components-button-secondary-standard-hover: var(--fill-secondary-hover-light);
722
- --components-button-secondary-standard-icon: var(--shape-accent);
723
- --components-button-secondary-standard-icon-active: var(--shape-accent);
724
- --components-button-secondary-standard-text: var(--text-accent);
725
- --components-button-secondary-standard-text-active: var(--text-accent);
726
- --components-button-squaresecondary-contrast-active: var(--fill-secondary-active-contrast);
727
- --components-button-squaresecondary-contrast-border: var(--stroke-subdued);
728
- --components-button-squaresecondary-contrast-border-active: var(--stroke-colorless);
729
- --components-button-squaresecondary-contrast-default: var(--fill-background-standard-colorless);
730
- --components-button-squaresecondary-contrast-hover: var(--fill-secondary-hover-light);
731
- --components-button-squaresecondary-contrast-icon-active: var(--shape-accent);
732
- --components-button-squaresecondary-contrast-icon-default: var(--shape-light);
733
- --components-button-squaresecondary-contrast-icon-hover: var(--shape-accent);
734
- --components-button-squaresecondary-contrast-label: var(--text-light);
735
- --components-button-squaresecondary-standard-active: var(--fill-secondary-active-light);
736
- --components-button-squaresecondary-standard-border: var(--stroke-subdued);
737
- --components-button-squaresecondary-standard-border-active: var(--stroke-accent);
738
- --components-button-squaresecondary-standard-default: var(--fill-background-standard-colorless);
739
- --components-button-squaresecondary-standard-hover: var(--fill-secondary-hover-light);
740
- --components-button-squaresecondary-standard-icon: var(--shape-accent);
741
- --components-button-squaresecondary-standard-icon-active: var(--shape-accent);
742
- --components-button-squaresecondary-standard-text: var(--text-accent);
743
- --components-button-squaresuccess-contrast-active: var(--fill-success-subdued);
744
- --components-button-squaresuccess-contrast-border: var(--stroke-colorless);
745
- --components-button-squaresuccess-contrast-default: var(--fill-success-contrast);
746
- --components-button-squaresuccess-contrast-hover: var(--fill-success-tint);
747
- --components-button-squaresuccess-contrast-icon: var(--shape-accent);
748
- --components-button-squaresuccess-contrast-label: var(--text-light);
749
- --components-button-squaresuccess-standard-active: var(--fill-success-subdued);
750
- --components-button-squaresuccess-standard-border: var(--stroke-accent);
751
- --components-button-squaresuccess-standard-default: var(--fill-success-contrast);
752
- --components-button-squaresuccess-standard-hover: var(--fill-success-tint);
753
- --components-button-squaresuccess-standard-icon: var(--shape-accent);
754
- --components-button-squaresuccess-standard-label: var(--text-accent);
755
- --components-button-success-contrast-active: var(--fill-success-subdued);
756
- --components-button-success-contrast-border: var(--stroke-colorless);
757
- --components-button-success-contrast-default: var(--fill-success-contrast);
758
- --components-button-success-contrast-hover: var(--fill-success-tint);
759
- --components-button-success-contrast-icon: var(--shape-accent);
760
- --components-button-success-contrast-text: var(--text-accent);
761
- --components-button-success-standard-active: var(--fill-success-subdued);
762
- --components-button-success-standard-border: var(--stroke-accent);
763
- --components-button-success-standard-default: var(--fill-success-contrast);
764
- --components-button-success-standard-hover: var(--fill-success-tint);
765
- --components-button-success-standard-icon: var(--shape-accent);
766
- --components-button-success-standard-text: var(--text-accent);
522
+ --components-button-disabled-contrast-fill: rgba(207, 210, 212, 0.1490196078);
523
+ --components-button-disabled-contrast-icon-disabled: #b6b8ba;
524
+ --components-button-disabled-contrast-text-disabled: #b6b8ba;
525
+ --components-button-disabled-standard-fill: #cfd2d4;
526
+ --components-button-disabled-standard-icon-disabled: #515254;
527
+ --components-button-disabled-standard-text-disabled: #515254;
528
+ --components-button-floating-contrast-active: #d9dae8;
529
+ --components-button-floating-contrast-default: #ffffff;
530
+ --components-button-floating-contrast-hover: #f6f6f9;
531
+ --components-button-floating-contrast-icon: #181c56;
532
+ --components-button-floating-contrast-text: #181c56;
533
+ --components-button-floating-standard-active: #11143c;
534
+ --components-button-floating-standard-default: #181c56;
535
+ --components-button-floating-standard-hover: #393d79;
536
+ --components-button-floating-standard-icon: #ffffff;
537
+ --components-button-floating-standard-text: #ffffff;
538
+ --components-button-iconbutton-contrast-active: #8794d4;
539
+ --components-button-iconbutton-contrast-default: rgba(255, 255, 255, 0);
540
+ --components-button-iconbutton-contrast-hover: #626493;
541
+ --components-button-iconbutton-contrast-icon: #ffffff;
542
+ --components-button-iconbutton-contrast-icon-active: #181c56;
543
+ --components-button-iconbutton-contrast-text: #ffffff;
544
+ --components-button-iconbutton-contrast-text-active: #181c56;
545
+ --components-button-iconbutton-standard-active: #aeb7e2;
546
+ --components-button-iconbutton-standard-default: rgba(255, 255, 255, 0);
547
+ --components-button-iconbutton-standard-hover: #d9ddf2;
548
+ --components-button-iconbutton-standard-icon: #181c56;
549
+ --components-button-iconbutton-standard-icon-active: #181c56;
550
+ --components-button-iconbutton-standard-text: #181c56;
551
+ --components-button-iconbutton-standard-text-active: #181c56;
552
+ --components-button-negative-contrast-active: #ff9494;
553
+ --components-button-negative-contrast-border: #ff9494;
554
+ --components-button-negative-contrast-default: rgba(255, 255, 255, 0);
555
+ --components-button-negative-contrast-hover: rgba(255, 148, 148, 0.2);
556
+ --components-button-negative-contrast-icon: #ffffff;
557
+ --components-button-negative-contrast-icon-active: #181c56;
558
+ --components-button-negative-contrast-text: #ffffff;
559
+ --components-button-negative-contrast-text-active: #181c56;
560
+ --components-button-negative-standard-active: #d31b1b;
561
+ --components-button-negative-standard-border: #d31b1b;
562
+ --components-button-negative-standard-default: rgba(255, 255, 255, 0);
563
+ --components-button-negative-standard-hover: #ffcece;
564
+ --components-button-negative-standard-icon: #d31b1b;
565
+ --components-button-negative-standard-icon-active: #ffffff;
566
+ --components-button-negative-standard-text: #d31b1b;
567
+ --components-button-negative-standard-text-active: #ffffff;
568
+ --components-button-primary-contrast-active: #8794d4;
569
+ --components-button-primary-contrast-default: #aeb7e2;
570
+ --components-button-primary-contrast-hover: #c7cdeb;
571
+ --components-button-primary-contrast-icon: #181c56;
572
+ --components-button-primary-contrast-text: #181c56;
573
+ --components-button-primary-standard-active: #11143c;
574
+ --components-button-primary-standard-default: #181c56;
575
+ --components-button-primary-standard-hover: #393d79;
576
+ --components-button-primary-standard-icon: #ffffff;
577
+ --components-button-primary-standard-text: #ffffff;
578
+ --components-button-secondary-contrast-active: #8794d4;
579
+ --components-button-secondary-contrast-border: #8284ab;
580
+ --components-button-secondary-contrast-border-active: rgba(255, 255, 255, 0);
581
+ --components-button-secondary-contrast-default: rgba(255, 255, 255, 0);
582
+ --components-button-secondary-contrast-hover: #626493;
583
+ --components-button-secondary-contrast-icon: #ffffff;
584
+ --components-button-secondary-contrast-icon-active: #181c56;
585
+ --components-button-secondary-contrast-text: #ffffff;
586
+ --components-button-secondary-contrast-text-active: #181c56;
587
+ --components-button-secondary-standard-active: #aeb7e2;
588
+ --components-button-secondary-standard-border: #8284ab;
589
+ --components-button-secondary-standard-border-active: #181c56;
590
+ --components-button-secondary-standard-default: rgba(255, 255, 255, 0);
591
+ --components-button-secondary-standard-hover: #d9ddf2;
592
+ --components-button-secondary-standard-icon: #181c56;
593
+ --components-button-secondary-standard-icon-active: #181c56;
594
+ --components-button-secondary-standard-text: #181c56;
595
+ --components-button-secondary-standard-text-active: #181c56;
596
+ --components-button-squaresecondary-contrast-active: #8794d4;
597
+ --components-button-squaresecondary-contrast-border: #8284ab;
598
+ --components-button-squaresecondary-contrast-border-active: rgba(255, 255, 255, 0);
599
+ --components-button-squaresecondary-contrast-default: rgba(255, 255, 255, 0);
600
+ --components-button-squaresecondary-contrast-hover: #d9ddf2;
601
+ --components-button-squaresecondary-contrast-icon-active: #181c56;
602
+ --components-button-squaresecondary-contrast-icon-default: #ffffff;
603
+ --components-button-squaresecondary-contrast-icon-hover: #181c56;
604
+ --components-button-squaresecondary-contrast-label: #ffffff;
605
+ --components-button-squaresecondary-standard-active: #aeb7e2;
606
+ --components-button-squaresecondary-standard-border: #8284ab;
607
+ --components-button-squaresecondary-standard-border-active: #181c56;
608
+ --components-button-squaresecondary-standard-default: rgba(255, 255, 255, 0);
609
+ --components-button-squaresecondary-standard-hover: #d9ddf2;
610
+ --components-button-squaresecondary-standard-icon: #181c56;
611
+ --components-button-squaresecondary-standard-icon-active: #181c56;
612
+ --components-button-squaresecondary-standard-text: #181c56;
613
+ --components-button-squaresuccess-contrast-active: #37ab83;
614
+ --components-button-squaresuccess-contrast-border: rgba(255, 255, 255, 0);
615
+ --components-button-squaresuccess-contrast-default: #5ac39a;
616
+ --components-button-squaresuccess-contrast-hover: #9cd9c2;
617
+ --components-button-squaresuccess-contrast-icon: #181c56;
618
+ --components-button-squaresuccess-contrast-label: #ffffff;
619
+ --components-button-squaresuccess-standard-active: #37ab83;
620
+ --components-button-squaresuccess-standard-border: #181c56;
621
+ --components-button-squaresuccess-standard-default: #5ac39a;
622
+ --components-button-squaresuccess-standard-hover: #9cd9c2;
623
+ --components-button-squaresuccess-standard-icon: #181c56;
624
+ --components-button-squaresuccess-standard-label: #181c56;
625
+ --components-button-success-contrast-active: #37ab83;
626
+ --components-button-success-contrast-border: rgba(255, 255, 255, 0);
627
+ --components-button-success-contrast-default: #5ac39a;
628
+ --components-button-success-contrast-hover: #9cd9c2;
629
+ --components-button-success-contrast-icon: #181c56;
630
+ --components-button-success-contrast-text: #181c56;
631
+ --components-button-success-standard-active: #37ab83;
632
+ --components-button-success-standard-border: #181c56;
633
+ --components-button-success-standard-default: #5ac39a;
634
+ --components-button-success-standard-hover: #9cd9c2;
635
+ --components-button-success-standard-icon: #181c56;
636
+ --components-button-success-standard-text: #181c56;
767
637
  }
768
638
 
769
639
  [data-color-mode=dark] {
770
- --components-button-disabled-contrast-fill: var(--fill-disabled-transparentalt);
771
- --components-button-disabled-contrast-icon-disabled: var(--shape-neutralalt);
772
- --components-button-disabled-contrast-text-disabled: var(--text-neutralalt);
773
- --components-button-disabled-standard-fill: var(--fill-disabled-transparentalt);
774
- --components-button-disabled-standard-icon-disabled: var(--shape-neutralalt);
775
- --components-button-disabled-standard-text-disabled: var(--text-neutralalt);
776
- --components-button-floating-contrast-active: var(--fill-primary-active-contrast);
777
- --components-button-floating-contrast-default: var(--fill-primary-default-contrast);
778
- --components-button-floating-contrast-hover: var(--fill-primary-hover-contrast);
779
- --components-button-floating-contrast-icon: var(--shape-dark);
780
- --components-button-floating-contrast-text: var(--text-dark);
781
- --components-button-floating-standard-active: var(--fill-primary-active-contrast);
782
- --components-button-floating-standard-default: var(--fill-primary-default-contrast);
783
- --components-button-floating-standard-hover: var(--fill-primary-hover-contrast);
784
- --components-button-floating-standard-icon: var(--shape-dark);
785
- --components-button-floating-standard-text: var(--text-dark);
786
- --components-button-iconbutton-contrast-active: var(--fill-secondary-active-contrast);
787
- --components-button-iconbutton-contrast-default: var(--fill-background-standard-colorless);
788
- --components-button-iconbutton-contrast-hover: var(--fill-secondary-hover-contrast);
789
- --components-button-iconbutton-contrast-icon: var(--shape-lightalt);
790
- --components-button-iconbutton-contrast-icon-active: var(--shape-dark);
791
- --components-button-iconbutton-contrast-text: var(--text-lightalt);
792
- --components-button-iconbutton-contrast-text-active: var(--text-dark);
793
- --components-button-iconbutton-standard-active: var(--fill-secondary-active-contrast);
794
- --components-button-iconbutton-standard-default: var(--fill-background-standard-colorless);
795
- --components-button-iconbutton-standard-hover: var(--fill-secondary-hover-contrast);
796
- --components-button-iconbutton-standard-icon: var(--shape-lightalt);
797
- --components-button-iconbutton-standard-icon-active: var(--shape-dark);
798
- --components-button-iconbutton-standard-text: var(--text-lightalt);
799
- --components-button-iconbutton-standard-text-active: var(--text-dark);
800
- --components-button-negative-contrast-active: var(--fill-negative-tint);
801
- --components-button-negative-contrast-border: var(--fill-negative-tint);
802
- --components-button-negative-contrast-default: var(--fill-background-standard-colorless);
803
- --components-button-negative-contrast-hover: var(--fill-negative-transparent);
804
- --components-button-negative-contrast-icon: var(--shape-lightalt);
805
- --components-button-negative-contrast-icon-active: var(--shape-dark);
806
- --components-button-negative-contrast-text: var(--text-lightalt);
807
- --components-button-negative-contrast-text-active: var(--text-dark);
808
- --components-button-negative-standard-active: var(--fill-negative-tint);
809
- --components-button-negative-standard-border: var(--fill-negative-tint);
810
- --components-button-negative-standard-default: var(--fill-background-standard-colorless);
811
- --components-button-negative-standard-hover: var(--fill-negative-transparent);
812
- --components-button-negative-standard-icon: var(--text-lightalt);
813
- --components-button-negative-standard-icon-active: var(--shape-dark);
814
- --components-button-negative-standard-text: var(--text-lightalt);
815
- --components-button-negative-standard-text-active: var(--text-dark);
816
- --components-button-primary-contrast-active: var(--fill-primary-active-contrast);
817
- --components-button-primary-contrast-default: var(--fill-primary-default-contrast);
818
- --components-button-primary-contrast-hover: var(--fill-primary-hover-contrast);
819
- --components-button-primary-contrast-icon: var(--shape-dark);
820
- --components-button-primary-contrast-text: var(--text-dark);
821
- --components-button-primary-standard-active: var(--fill-primary-active-contrast);
822
- --components-button-primary-standard-default: var(--fill-primary-default-contrast);
823
- --components-button-primary-standard-hover: var(--fill-primary-hover-contrast);
824
- --components-button-primary-standard-icon: var(--shape-dark);
825
- --components-button-primary-standard-text: var(--text-dark);
826
- --components-button-secondary-contrast-active: var(--fill-secondary-active-contrast);
827
- --components-button-secondary-contrast-border: var(--stroke-subdued);
828
- --components-button-secondary-contrast-border-active: var(--stroke-colorless);
829
- --components-button-secondary-contrast-default: var(--fill-background-standard-colorless);
830
- --components-button-secondary-contrast-hover: var(--fill-secondary-hover-contrast);
831
- --components-button-secondary-contrast-icon: var(--shape-lightalt);
832
- --components-button-secondary-contrast-icon-active: var(--shape-dark);
833
- --components-button-secondary-contrast-text: var(--text-lightalt);
834
- --components-button-secondary-contrast-text-active: var(--text-dark);
835
- --components-button-secondary-standard-active: var(--fill-secondary-active-contrast);
836
- --components-button-secondary-standard-border: var(--stroke-subdued);
837
- --components-button-secondary-standard-border-active: var(--stroke-colorless);
838
- --components-button-secondary-standard-default: var(--fill-background-standard-colorless);
839
- --components-button-secondary-standard-hover: var(--fill-secondary-hover-contrast);
840
- --components-button-secondary-standard-icon: var(--shape-lightalt);
841
- --components-button-secondary-standard-icon-active: var(--shape-dark);
842
- --components-button-secondary-standard-text: var(--text-lightalt);
843
- --components-button-secondary-standard-text-active: var(--text-dark);
844
- --components-button-squaresecondary-contrast-active: var(--fill-secondary-active-contrast);
845
- --components-button-squaresecondary-contrast-border: var(--stroke-subdued);
846
- --components-button-squaresecondary-contrast-border-active: var(--stroke-colorless);
847
- --components-button-squaresecondary-contrast-default: var(--fill-background-standard-colorless);
848
- --components-button-squaresecondary-contrast-hover: var(--fill-secondary-hover-contrast);
849
- --components-button-squaresecondary-contrast-icon-active: var(--shape-dark);
850
- --components-button-squaresecondary-contrast-icon-default: var(--shape-lightalt);
851
- --components-button-squaresecondary-contrast-icon-hover: var(--shape-lightalt);
852
- --components-button-squaresecondary-contrast-label: var(--text-lightalt);
853
- --components-button-squaresecondary-standard-active: var(--fill-secondary-active-contrast);
854
- --components-button-squaresecondary-standard-border: var(--stroke-subdued);
855
- --components-button-squaresecondary-standard-border-active: var(--stroke-colorless);
856
- --components-button-squaresecondary-standard-default: var(--fill-background-standard-colorless);
857
- --components-button-squaresecondary-standard-hover: var(--fill-secondary-hover-contrast);
858
- --components-button-squaresecondary-standard-icon: var(--shape-lightalt);
859
- --components-button-squaresecondary-standard-icon-active: var(--shape-dark);
860
- --components-button-squaresecondary-standard-text: var(--text-lightalt);
861
- --components-button-squaresuccess-contrast-active: var(--fill-success-contrast);
862
- --components-button-squaresuccess-contrast-border: var(--stroke-colorless);
863
- --components-button-squaresuccess-contrast-default: var(--fill-success-contrast);
864
- --components-button-squaresuccess-contrast-hover: var(--fill-success-tint);
865
- --components-button-squaresuccess-contrast-icon: var(--shape-dark);
866
- --components-button-squaresuccess-contrast-label: var(--text-lightalt);
867
- --components-button-squaresuccess-standard-active: var(--fill-success-subdued);
868
- --components-button-squaresuccess-standard-border: var(--stroke-colorless);
869
- --components-button-squaresuccess-standard-default: var(--fill-success-contrast);
870
- --components-button-squaresuccess-standard-hover: var(--fill-success-tint);
871
- --components-button-squaresuccess-standard-icon: var(--shape-dark);
872
- --components-button-squaresuccess-standard-label: var(--text-lightalt);
873
- --components-button-success-contrast-active: var(--fill-success-subdued);
874
- --components-button-success-contrast-border: var(--stroke-colorless);
875
- --components-button-success-contrast-default: var(--fill-success-contrast);
876
- --components-button-success-contrast-hover: var(--fill-success-tint);
877
- --components-button-success-contrast-icon: var(--shape-dark);
878
- --components-button-success-contrast-text: var(--text-dark);
879
- --components-button-success-standard-active: var(--fill-success-subdued);
880
- --components-button-success-standard-border: var(--stroke-colorless);
881
- --components-button-success-standard-default: var(--fill-success-contrast);
882
- --components-button-success-standard-hover: var(--fill-success-tint);
883
- --components-button-success-standard-icon: var(--shape-dark);
884
- --components-button-success-standard-text: var(--text-dark);
640
+ --components-button-disabled-contrast-fill: rgba(207, 210, 212, 0.1019607843);
641
+ --components-button-disabled-contrast-icon-disabled: #b6b8ba;
642
+ --components-button-disabled-contrast-text-disabled: #b6b8ba;
643
+ --components-button-disabled-standard-fill: rgba(207, 210, 212, 0.1019607843);
644
+ --components-button-disabled-standard-icon-disabled: #b6b8ba;
645
+ --components-button-disabled-standard-text-disabled: #b6b8ba;
646
+ --components-button-floating-contrast-active: #8794d4;
647
+ --components-button-floating-contrast-default: #aeb7e2;
648
+ --components-button-floating-contrast-hover: #c7cdeb;
649
+ --components-button-floating-contrast-icon: #08091c;
650
+ --components-button-floating-contrast-text: #08091c;
651
+ --components-button-floating-standard-active: #8794d4;
652
+ --components-button-floating-standard-default: #aeb7e2;
653
+ --components-button-floating-standard-hover: #c7cdeb;
654
+ --components-button-floating-standard-icon: #08091c;
655
+ --components-button-floating-standard-text: #08091c;
656
+ --components-button-iconbutton-contrast-active: #8794d4;
657
+ --components-button-iconbutton-contrast-default: rgba(255, 255, 255, 0);
658
+ --components-button-iconbutton-contrast-hover: #626493;
659
+ --components-button-iconbutton-contrast-icon: #e5e5e9;
660
+ --components-button-iconbutton-contrast-icon-active: #08091c;
661
+ --components-button-iconbutton-contrast-text: #e5e5e9;
662
+ --components-button-iconbutton-contrast-text-active: #08091c;
663
+ --components-button-iconbutton-standard-active: #8794d4;
664
+ --components-button-iconbutton-standard-default: rgba(255, 255, 255, 0);
665
+ --components-button-iconbutton-standard-hover: #626493;
666
+ --components-button-iconbutton-standard-icon: #e5e5e9;
667
+ --components-button-iconbutton-standard-icon-active: #08091c;
668
+ --components-button-iconbutton-standard-text: #e5e5e9;
669
+ --components-button-iconbutton-standard-text-active: #08091c;
670
+ --components-button-negative-contrast-active: #ff9494;
671
+ --components-button-negative-contrast-border: #ff9494;
672
+ --components-button-negative-contrast-default: rgba(255, 255, 255, 0);
673
+ --components-button-negative-contrast-hover: rgba(255, 148, 148, 0.2);
674
+ --components-button-negative-contrast-icon: #e5e5e9;
675
+ --components-button-negative-contrast-icon-active: #08091c;
676
+ --components-button-negative-contrast-text: #e5e5e9;
677
+ --components-button-negative-contrast-text-active: #08091c;
678
+ --components-button-negative-standard-active: #ff9494;
679
+ --components-button-negative-standard-border: #ff9494;
680
+ --components-button-negative-standard-default: rgba(255, 255, 255, 0);
681
+ --components-button-negative-standard-hover: rgba(255, 148, 148, 0.2);
682
+ --components-button-negative-standard-icon: #e5e5e9;
683
+ --components-button-negative-standard-icon-active: #08091c;
684
+ --components-button-negative-standard-text: #e5e5e9;
685
+ --components-button-negative-standard-text-active: #08091c;
686
+ --components-button-primary-contrast-active: #8794d4;
687
+ --components-button-primary-contrast-default: #aeb7e2;
688
+ --components-button-primary-contrast-hover: #c7cdeb;
689
+ --components-button-primary-contrast-icon: #08091c;
690
+ --components-button-primary-contrast-text: #08091c;
691
+ --components-button-primary-standard-active: #8794d4;
692
+ --components-button-primary-standard-default: #aeb7e2;
693
+ --components-button-primary-standard-hover: #c7cdeb;
694
+ --components-button-primary-standard-icon: #08091c;
695
+ --components-button-primary-standard-text: #08091c;
696
+ --components-button-secondary-contrast-active: #8794d4;
697
+ --components-button-secondary-contrast-border: #8284ab;
698
+ --components-button-secondary-contrast-border-active: rgba(255, 255, 255, 0);
699
+ --components-button-secondary-contrast-default: rgba(255, 255, 255, 0);
700
+ --components-button-secondary-contrast-hover: #626493;
701
+ --components-button-secondary-contrast-icon: #e5e5e9;
702
+ --components-button-secondary-contrast-icon-active: #08091c;
703
+ --components-button-secondary-contrast-text: #e5e5e9;
704
+ --components-button-secondary-contrast-text-active: #08091c;
705
+ --components-button-secondary-standard-active: #8794d4;
706
+ --components-button-secondary-standard-border: #8284ab;
707
+ --components-button-secondary-standard-border-active: rgba(255, 255, 255, 0);
708
+ --components-button-secondary-standard-default: rgba(255, 255, 255, 0);
709
+ --components-button-secondary-standard-hover: #626493;
710
+ --components-button-secondary-standard-icon: #e5e5e9;
711
+ --components-button-secondary-standard-icon-active: #08091c;
712
+ --components-button-secondary-standard-text: #e5e5e9;
713
+ --components-button-secondary-standard-text-active: #08091c;
714
+ --components-button-squaresecondary-contrast-active: #8794d4;
715
+ --components-button-squaresecondary-contrast-border: #8284ab;
716
+ --components-button-squaresecondary-contrast-border-active: rgba(255, 255, 255, 0);
717
+ --components-button-squaresecondary-contrast-default: rgba(255, 255, 255, 0);
718
+ --components-button-squaresecondary-contrast-hover: #626493;
719
+ --components-button-squaresecondary-contrast-icon-active: #08091c;
720
+ --components-button-squaresecondary-contrast-icon-default: #e5e5e9;
721
+ --components-button-squaresecondary-contrast-icon-hover: #e5e5e9;
722
+ --components-button-squaresecondary-contrast-label: #e5e5e9;
723
+ --components-button-squaresecondary-standard-active: #8794d4;
724
+ --components-button-squaresecondary-standard-border: #8284ab;
725
+ --components-button-squaresecondary-standard-border-active: rgba(255, 255, 255, 0);
726
+ --components-button-squaresecondary-standard-default: rgba(255, 255, 255, 0);
727
+ --components-button-squaresecondary-standard-hover: #626493;
728
+ --components-button-squaresecondary-standard-icon: #e5e5e9;
729
+ --components-button-squaresecondary-standard-icon-active: #08091c;
730
+ --components-button-squaresecondary-standard-text: #e5e5e9;
731
+ --components-button-squaresuccess-contrast-active: #5ac39a;
732
+ --components-button-squaresuccess-contrast-border: rgba(255, 255, 255, 0);
733
+ --components-button-squaresuccess-contrast-default: #5ac39a;
734
+ --components-button-squaresuccess-contrast-hover: #9cd9c2;
735
+ --components-button-squaresuccess-contrast-icon: #08091c;
736
+ --components-button-squaresuccess-contrast-label: #e5e5e9;
737
+ --components-button-squaresuccess-standard-active: #37ab83;
738
+ --components-button-squaresuccess-standard-border: rgba(255, 255, 255, 0);
739
+ --components-button-squaresuccess-standard-default: #5ac39a;
740
+ --components-button-squaresuccess-standard-hover: #9cd9c2;
741
+ --components-button-squaresuccess-standard-icon: #08091c;
742
+ --components-button-squaresuccess-standard-label: #e5e5e9;
743
+ --components-button-success-contrast-active: #37ab83;
744
+ --components-button-success-contrast-border: rgba(255, 255, 255, 0);
745
+ --components-button-success-contrast-default: #5ac39a;
746
+ --components-button-success-contrast-hover: #9cd9c2;
747
+ --components-button-success-contrast-icon: #08091c;
748
+ --components-button-success-contrast-text: #08091c;
749
+ --components-button-success-standard-active: #37ab83;
750
+ --components-button-success-standard-border: rgba(255, 255, 255, 0);
751
+ --components-button-success-standard-default: #5ac39a;
752
+ --components-button-success-standard-hover: #9cd9c2;
753
+ --components-button-success-standard-icon: #08091c;
754
+ --components-button-success-standard-text: #08091c;
885
755
  }
886
756
 
757
+ /* DO NOT CHANGE!*/
758
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
887
759
  /* DO NOT CHANGE!*/
888
760
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
889
761
  [data-color-mode=light],
890
762
  :root {
891
- --basecolors-frame-contrast: var(--fill-background-contrast-light);
892
- --basecolors-frame-contrastalt: var(--fill-background-contrast-lightalt);
893
- --basecolors-frame-default: var(--fill-background-standard-light);
894
- --basecolors-frame-elevated: var(--fill-background-standard-light);
895
- --basecolors-frame-elevatedalt: var(--fill-background-tint-light);
896
- --basecolors-frame-subdued: var(--fill-background-subdued-light);
897
- --basecolors-frame-tint: var(--fill-background-tint-light);
898
- --basecolors-shape-accent: var(--shape-accent);
899
- --basecolors-shape-bicycle-contrast: var(--contrast-bicycle);
900
- --basecolors-shape-bicycle-default: var(--standard-bicycle);
901
- --basecolors-shape-bus-contrast: var(--contrast-bus);
902
- --basecolors-shape-bus-default: var(--standard-bus);
903
- --basecolors-shape-cableway-contrast: var(--contrast-cableway);
904
- --basecolors-shape-cableway-default: var(--standard-cableway);
905
- --basecolors-shape-disabled: var(--shape-neutral);
906
- --basecolors-shape-disabledalt: var(--shape-neutralalt);
907
- --basecolors-shape-ferry-contrast: var(--contrast-ferry);
908
- --basecolors-shape-ferry-default: var(--standard-ferry);
909
- --basecolors-shape-funicular-contrast: var(--contrast-funicular);
910
- --basecolors-shape-funicular-default: var(--standard-funicular);
911
- --basecolors-shape-helicopter-contrast: var(--contrast-helicopter);
912
- --basecolors-shape-helicopter-default: var(--standard-helicopter);
913
- --basecolors-shape-highlight: var(--stroke-highlight);
914
- --basecolors-shape-light: var(--shape-light);
915
- --basecolors-shape-mask: var(--shape-light);
916
- --basecolors-shape-maskalt: var(--shape-light);
917
- --basecolors-shape-metro-contrast: var(--contrast-metro);
918
- --basecolors-shape-metro-default: var(--standard-metro);
919
- --basecolors-shape-mobility-contrast: var(--contrast-mobility);
920
- --basecolors-shape-mobility-default: var(--standard-mobility);
921
- --basecolors-shape-plane-contrast: var(--contrast-plane);
922
- --basecolors-shape-plane-default: var(--standard-plane);
923
- --basecolors-shape-subdued: var(--shape-subdued);
924
- --basecolors-shape-subduedalt: var(--shape-subduedalt);
925
- --basecolors-shape-taxi-contrast: var(--contrast-taxi);
926
- --basecolors-shape-taxi-default: var(--standard-taxi);
927
- --basecolors-shape-train-contrast: var(--contrast-train);
928
- --basecolors-shape-train-default: var(--standard-train);
929
- --basecolors-shape-tram-contrast: var(--contrast-tram);
930
- --basecolors-shape-tram-default: var(--standard-tram);
931
- --basecolors-shape-walk-contrast: var(--contrast-walk);
932
- --basecolors-shape-walk-default: var(--standard-walk);
933
- --basecolors-shape-airportlinkbus-contrast: var(--contrast-airportlinkbus);
934
- --basecolors-shape-airportlinkbus-default: var(--standard-airportlinkbus);
935
- --basecolors-shape-airportlinkrail-contrast: var(--contrast-airportlinkrail);
936
- --basecolors-shape-airportlinkrail-default: var(--standard-airportlinkrail);
937
- --basecolors-stroke-contrast: var(--stroke-contrast);
938
- --basecolors-stroke-default: var(--stroke-accent);
939
- --basecolors-stroke-disabled: var(--stroke-neutralalt);
940
- --basecolors-stroke-focus-contrast: var(--stroke-contrast);
941
- --basecolors-stroke-focus-standard: var(--stroke-accent);
942
- --basecolors-stroke-highlight: var(--stroke-highlight);
943
- --basecolors-stroke-light: var(--stroke-light);
944
- --basecolors-stroke-subdued: var(--stroke-subdued);
945
- --basecolors-stroke-subduedalt: var(--stroke-neutral);
946
- --basecolors-text-accent: var(--text-accent);
947
- --basecolors-text-disabled: var(--text-neutral);
948
- --basecolors-text-disabledalt: var(--text-neutralalt);
949
- --basecolors-text-highlight: var(--stroke-highlight);
950
- --basecolors-text-light: var(--text-light);
951
- --basecolors-text-subdued: var(--text-subdued);
952
- --basecolors-text-subduedalt: var(--text-subduedalt);
763
+ --basecolors-frame-contrast: #181c56;
764
+ --basecolors-frame-contrastalt: #393d79;
765
+ --basecolors-frame-default: #ffffff;
766
+ --basecolors-frame-elevated: #ffffff;
767
+ --basecolors-frame-elevatedalt: #f6f6f9;
768
+ --basecolors-frame-subdued: #d9dae8;
769
+ --basecolors-frame-tint: #f6f6f9;
770
+ --basecolors-shape-accent: #181c56;
771
+ --basecolors-shape-bicycle-contrast: #00db9b;
772
+ --basecolors-shape-bicycle-default: #388f76;
773
+ --basecolors-shape-bus-contrast: #ff6392;
774
+ --basecolors-shape-bus-default: #c5044e;
775
+ --basecolors-shape-cableway-contrast: #b482fb;
776
+ --basecolors-shape-cableway-default: #78469a;
777
+ --basecolors-shape-disabled: #6e6f73;
778
+ --basecolors-shape-disabledalt: #b6b8ba;
779
+ --basecolors-shape-ferry-contrast: #6fdfff;
780
+ --basecolors-shape-ferry-default: #0c6693;
781
+ --basecolors-shape-funicular-contrast: #b482fb;
782
+ --basecolors-shape-funicular-default: #78469a;
783
+ --basecolors-shape-helicopter-contrast: #fbafea;
784
+ --basecolors-shape-helicopter-default: #800664;
785
+ --basecolors-shape-highlight: #ff5959;
786
+ --basecolors-shape-light: #ffffff;
787
+ --basecolors-shape-mask: #ffffff;
788
+ --basecolors-shape-maskalt: #ffffff;
789
+ --basecolors-shape-metro-contrast: #f08901;
790
+ --basecolors-shape-metro-default: #bf5826;
791
+ --basecolors-shape-mobility-contrast: #00db9b;
792
+ --basecolors-shape-mobility-default: #388f76;
793
+ --basecolors-shape-plane-contrast: #fbafea;
794
+ --basecolors-shape-plane-default: #800664;
795
+ --basecolors-shape-subdued: #626493;
796
+ --basecolors-shape-subduedalt: #d9dae8;
797
+ --basecolors-shape-taxi-contrast: #ffe082;
798
+ --basecolors-shape-taxi-default: #3d3e40;
799
+ --basecolors-shape-train-contrast: #42a5f5;
800
+ --basecolors-shape-train-default: #00367f;
801
+ --basecolors-shape-tram-contrast: #b482fb;
802
+ --basecolors-shape-tram-default: #78469a;
803
+ --basecolors-shape-walk-contrast: #8284ab;
804
+ --basecolors-shape-walk-default: #8d8e9c;
805
+ --basecolors-shape-airportlinkbus-contrast: #fbafea;
806
+ --basecolors-shape-airportlinkbus-default: #800664;
807
+ --basecolors-shape-airportlinkrail-contrast: #fbafea;
808
+ --basecolors-shape-airportlinkrail-default: #800664;
809
+ --basecolors-stroke-contrast: #aeb7e2;
810
+ --basecolors-stroke-default: #181c56;
811
+ --basecolors-stroke-disabled: #949699;
812
+ --basecolors-stroke-focus-contrast: #aeb7e2;
813
+ --basecolors-stroke-focus-standard: #181c56;
814
+ --basecolors-stroke-highlight: #ff5959;
815
+ --basecolors-stroke-light: #ffffff;
816
+ --basecolors-stroke-subdued: #8284ab;
817
+ --basecolors-stroke-subduedalt: #e3e6e8;
818
+ --basecolors-text-accent: #181c56;
819
+ --basecolors-text-disabled: #6e6f73;
820
+ --basecolors-text-disabledalt: #b6b8ba;
821
+ --basecolors-text-highlight: #ff5959;
822
+ --basecolors-text-light: #ffffff;
823
+ --basecolors-text-subdued: #626493;
824
+ --basecolors-text-subduedalt: #d9dae8;
953
825
  }
954
826
 
955
827
  [data-color-mode=dark] {
956
- --basecolors-frame-contrast: var(--fill-background-contrast-dark);
957
- --basecolors-frame-contrastalt: var(--fill-background-tint-dark);
958
- --basecolors-frame-default: var(--fill-background-standard-dark);
959
- --basecolors-frame-elevated: var(--fill-background-overlay-transparent);
960
- --basecolors-frame-elevatedalt: var(--fill-background-overlay-solidalt);
961
- --basecolors-frame-subdued: var(--fill-background-subdued-dark);
962
- --basecolors-frame-tint: var(--fill-background-tint-dark);
963
- --basecolors-shape-accent: var(--shape-lightalt);
964
- --basecolors-shape-bicycle-contrast: var(--dark-bicycle);
965
- --basecolors-shape-bicycle-default: var(--dark-bicycle);
966
- --basecolors-shape-bus-contrast: var(--dark-bus);
967
- --basecolors-shape-bus-default: var(--dark-bus);
968
- --basecolors-shape-cableway-contrast: var(--dark-cableway);
969
- --basecolors-shape-cableway-default: var(--dark-cableway);
970
- --basecolors-shape-disabled: var(--shape-neutralalt);
971
- --basecolors-shape-disabledalt: var(--shape-darkalt);
972
- --basecolors-shape-ferry-contrast: var(--dark-ferry);
973
- --basecolors-shape-ferry-default: var(--dark-ferry);
974
- --basecolors-shape-funicular-contrast: var(--dark-funicular);
975
- --basecolors-shape-funicular-default: var(--dark-funicular);
976
- --basecolors-shape-helicopter-contrast: var(--dark-helicopter);
977
- --basecolors-shape-helicopter-default: var(--dark-helicopter);
978
- --basecolors-shape-highlight: var(--stroke-highlightalt);
979
- --basecolors-shape-light: var(--shape-lightalt);
980
- --basecolors-shape-mask: var(--fill-background-subdued-dark);
981
- --basecolors-shape-maskalt: var(--fill-background-overlay-solid);
982
- --basecolors-shape-metro-contrast: var(--dark-metro);
983
- --basecolors-shape-metro-default: var(--dark-metro);
984
- --basecolors-shape-mobility-contrast: var(--dark-mobility);
985
- --basecolors-shape-mobility-default: var(--dark-mobility);
986
- --basecolors-shape-plane-contrast: var(--dark-plane);
987
- --basecolors-shape-plane-default: var(--dark-plane);
988
- --basecolors-shape-subdued: var(--shape-darkalt);
989
- --basecolors-shape-subduedalt: var(--shape-darkalt);
990
- --basecolors-shape-taxi-contrast: var(--dark-taxi);
991
- --basecolors-shape-taxi-default: var(--dark-taxi);
992
- --basecolors-shape-train-contrast: var(--dark-train);
993
- --basecolors-shape-train-default: var(--dark-train);
994
- --basecolors-shape-tram-contrast: var(--dark-tram);
995
- --basecolors-shape-tram-default: var(--dark-tram);
996
- --basecolors-shape-walk-contrast: var(--dark-walk);
997
- --basecolors-shape-walk-default: var(--dark-walk);
998
- --basecolors-shape-airportlinkbus-contrast: var(--dark-airportlinkbus);
999
- --basecolors-shape-airportlinkbus-default: var(--dark-airportlinkbus);
1000
- --basecolors-shape-airportlinkrail-contrast: var(--dark-airportlinkrail);
1001
- --basecolors-shape-airportlinkrail-default: var(--dark-airportlinkrail);
1002
- --basecolors-stroke-contrast: var(--stroke-contrast);
1003
- --basecolors-stroke-default: var(--stroke-dark);
1004
- --basecolors-stroke-disabled: var(--stroke-neutral);
1005
- --basecolors-stroke-focus-contrast: var(--stroke-contrast);
1006
- --basecolors-stroke-focus-standard: var(--stroke-contrast);
1007
- --basecolors-stroke-highlight: var(--stroke-highlightalt);
1008
- --basecolors-stroke-light: var(--stroke-dark);
1009
- --basecolors-stroke-subdued: var(--stroke-darkalt);
1010
- --basecolors-stroke-subduedalt: var(--stroke-darkalt);
1011
- --basecolors-text-accent: var(--text-lightalt);
1012
- --basecolors-text-disabled: var(--text-neutralalt);
1013
- --basecolors-text-disabledalt: var(--text-neutralalt);
1014
- --basecolors-text-highlight: var(--stroke-highlightalt);
1015
- --basecolors-text-light: var(--text-lightalt);
1016
- --basecolors-text-subdued: var(--text-darkalt);
1017
- --basecolors-text-subduedalt: var(--text-darkalt);
828
+ --basecolors-frame-contrast: #212233;
829
+ --basecolors-frame-contrastalt: #141527;
830
+ --basecolors-frame-default: #08091c;
831
+ --basecolors-frame-elevated: rgba(229, 229, 233, 0.1490196078);
832
+ --basecolors-frame-elevatedalt: #464755;
833
+ --basecolors-frame-subdued: #2d2e3e;
834
+ --basecolors-frame-tint: #141527;
835
+ --basecolors-shape-accent: #e5e5e9;
836
+ --basecolors-shape-bicycle-contrast: #4db295;
837
+ --basecolors-shape-bicycle-default: #4db295;
838
+ --basecolors-shape-bus-contrast: #e87a9b;
839
+ --basecolors-shape-bus-default: #e87a9b;
840
+ --basecolors-shape-cableway-contrast: #b898e5;
841
+ --basecolors-shape-cableway-default: #b898e5;
842
+ --basecolors-shape-disabled: #b6b8ba;
843
+ --basecolors-shape-disabledalt: #b3b4bd;
844
+ --basecolors-shape-ferry-contrast: #8ccfe2;
845
+ --basecolors-shape-ferry-default: #8ccfe2;
846
+ --basecolors-shape-funicular-contrast: #b898e5;
847
+ --basecolors-shape-funicular-default: #b898e5;
848
+ --basecolors-shape-helicopter-contrast: #f2b8e5;
849
+ --basecolors-shape-helicopter-default: #f2b8e5;
850
+ --basecolors-shape-highlight: #ff9494;
851
+ --basecolors-shape-light: #e5e5e9;
852
+ --basecolors-shape-mask: #2d2e3e;
853
+ --basecolors-shape-maskalt: #393a49;
854
+ --basecolors-shape-metro-contrast: #dd973c;
855
+ --basecolors-shape-metro-default: #dd973c;
856
+ --basecolors-shape-mobility-contrast: #4db295;
857
+ --basecolors-shape-mobility-default: #4db295;
858
+ --basecolors-shape-plane-contrast: #f2b8e5;
859
+ --basecolors-shape-plane-default: #f2b8e5;
860
+ --basecolors-shape-subdued: #b3b4bd;
861
+ --basecolors-shape-subduedalt: #b3b4bd;
862
+ --basecolors-shape-taxi-contrast: #ffe082;
863
+ --basecolors-shape-taxi-default: #ffe082;
864
+ --basecolors-shape-train-contrast: #60a2d7;
865
+ --basecolors-shape-train-default: #60a2d7;
866
+ --basecolors-shape-tram-contrast: #b898e5;
867
+ --basecolors-shape-tram-default: #b898e5;
868
+ --basecolors-shape-walk-contrast: #8d8e9c;
869
+ --basecolors-shape-walk-default: #8d8e9c;
870
+ --basecolors-shape-airportlinkbus-contrast: #f2b8e5;
871
+ --basecolors-shape-airportlinkbus-default: #f2b8e5;
872
+ --basecolors-shape-airportlinkrail-contrast: #f2b8e5;
873
+ --basecolors-shape-airportlinkrail-default: #f2b8e5;
874
+ --basecolors-stroke-contrast: #aeb7e2;
875
+ --basecolors-stroke-default: #b3b4bd;
876
+ --basecolors-stroke-disabled: #e3e6e8;
877
+ --basecolors-stroke-focus-contrast: #aeb7e2;
878
+ --basecolors-stroke-focus-standard: #aeb7e2;
879
+ --basecolors-stroke-highlight: #ff9494;
880
+ --basecolors-stroke-light: #b3b4bd;
881
+ --basecolors-stroke-subdued: #81828f;
882
+ --basecolors-stroke-subduedalt: #81828f;
883
+ --basecolors-text-accent: #e5e5e9;
884
+ --basecolors-text-disabled: #b6b8ba;
885
+ --basecolors-text-disabledalt: #b6b8ba;
886
+ --basecolors-text-highlight: #ff9494;
887
+ --basecolors-text-light: #e5e5e9;
888
+ --basecolors-text-subdued: #b3b4bd;
889
+ --basecolors-text-subduedalt: #b3b4bd;
1018
890
  }
1019
891
 
1020
892
  :root {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/button",
3
- "version": "3.2.14",
3
+ "version": "3.2.15",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/button.esm.js",
@@ -27,10 +27,10 @@
27
27
  "react-dom": ">=16.8.0"
28
28
  },
29
29
  "dependencies": {
30
- "@entur/loader": "^0.4.58",
31
- "@entur/tokens": "^3.13.2",
32
- "@entur/utils": "^0.10.0",
30
+ "@entur/loader": "^0.4.59",
31
+ "@entur/tokens": "^3.13.3",
32
+ "@entur/utils": "^0.10.1",
33
33
  "classnames": "^2.3.1"
34
34
  },
35
- "gitHead": "427e66ba68d33b8d1839714a48517b52afd5c2db"
35
+ "gitHead": "89d5de6d31962e236a5c147e129bf915576166b4"
36
36
  }