@entur/button 3.2.13 → 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 +381 -509
  2. package/package.json +5 -5
package/dist/styles.css CHANGED
@@ -455,515 +455,6 @@ a.eds-button--size-large {
455
455
  width: 2rem;
456
456
  border-width: 0.0625rem;
457
457
  }
458
- @import "~@entur/tokens/dist/primitive.css";
459
- @import "~@entur/tokens/dist/semantic.css";
460
- /* DO NOT CHANGE!*/
461
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
462
- :root {
463
- --fill-background-contrast-dark: var(--ebony-90);
464
- --fill-background-contrast-light: var(--lavender-90);
465
- --fill-background-contrast-lightalt: var(--blue-90);
466
- --fill-background-contrast-lightalt-2: var(--blue-100);
467
- --fill-background-overlay-solid: var(--ebony-80);
468
- --fill-background-overlay-solidalt: var(--ebony-75);
469
- --fill-background-overlay-transparent: var(--transparent-ebony-alpha15);
470
- --fill-background-overlay-transparentalt: var(--transparent-ebony-alpha25);
471
- --fill-background-standard-colorless: var(--white-alpha-0);
472
- --fill-background-standard-dark: var(--ebony-100);
473
- --fill-background-standard-light: var(--white-alpha-100);
474
- --fill-background-subdued-dark: var(--ebony-85);
475
- --fill-background-subdued-light: var(--blue-30);
476
- --fill-background-tint-dark: var(--ebony-95);
477
- --fill-background-tint-light: var(--blue-10);
478
- --fill-background-tint-neutral: var(--grey-10);
479
- --fill-background-tint-transparent: var(--transparent-blue-alpha10);
480
- --fill-boolean-false-contrast: var(--blue-50);
481
- --fill-boolean-false-dark: var(--transparent-ebony-alpha35);
482
- --fill-boolean-false-light: var(--grey-60);
483
- --fill-boolean-true-contrast: var(--mint-40);
484
- --fill-boolean-true-dark: var(--mint-40);
485
- --fill-boolean-true-light: var(--mint-60);
486
- --fill-disabled-light: var(--grey-40);
487
- --fill-disabled-transparent: var(--transparent-neutral-alpha15);
488
- --fill-disabled-transparentalt: var(--transparent-neutral-alpha10);
489
- --fill-information-contrast: var(--sky-30);
490
- --fill-information-deep: var(--sky-50);
491
- --fill-information-muted: var(--sky-10);
492
- --fill-information-tint: var(--sky-20);
493
- --fill-negative-contrast: var(--coral-40);
494
- --fill-negative-dark: var(--coral-90);
495
- --fill-negative-deep: var(--coral-60);
496
- --fill-negative-muted: var(--coral-20);
497
- --fill-negative-tint: var(--coral-30);
498
- --fill-negative-transparent: var(--transparent-coral-alpha20);
499
- --fill-primary-active-contrast: var(--lavender-50);
500
- --fill-primary-active-light: var(--lavender-100);
501
- --fill-primary-default-contrast: var(--lavender-40);
502
- --fill-primary-default-light: var(--lavender-90);
503
- --fill-primary-hover-contrast: var(--lavender-30);
504
- --fill-primary-hover-light: var(--blue-90);
505
- --fill-secondary-active-contrast: var(--lavender-50);
506
- --fill-secondary-active-light: var(--lavender-40);
507
- --fill-secondary-default-colorless: var(--white-alpha-0);
508
- --fill-secondary-hover-contrast: var(--blue-70);
509
- --fill-secondary-hover-light: var(--lavender-20);
510
- --fill-selected-default-contrast: var(--blue-90);
511
- --fill-selected-default-dark: var(--ebony-10);
512
- --fill-selected-default-darkalt: var(--ebony-50);
513
- --fill-selected-default-light: var(--blue-10);
514
- --fill-selected-default-neutral: var(--grey-30);
515
- --fill-selected-hover-contrast: var(--blue-80);
516
- --fill-selected-hover-dark: var(--transparent-ebony-alpha35);
517
- --fill-selected-hover-light: var(--blue-20);
518
- --fill-selected-hover-neutral: var(--grey-20);
519
- --fill-success-contrast: var(--mint-40);
520
- --fill-success-deep: var(--mint-60);
521
- --fill-success-muted: var(--mint-20);
522
- --fill-success-subdued: var(--mint-50);
523
- --fill-success-tint: var(--mint-30);
524
- --fill-warning-contrast: var(--canary-40);
525
- --fill-warning-deep: var(--canary-60);
526
- --fill-warning-muted: var(--canary-20);
527
- --fill-warning-tint: var(--canary-30);
528
- --shape-accent: var(--lavender-90);
529
- --shape-contrast: var(--lavender-40);
530
- --shape-dark: var(--ebony-100);
531
- --shape-darkalt: var(--ebony-30);
532
- --shape-disabled: var(--grey-80);
533
- --shape-highlight: var(--coral-40);
534
- --shape-highlightalt: var(--coral-30);
535
- --shape-inactive: var(--blue-40);
536
- --shape-information: var(--sky-50);
537
- --shape-informationalt: var(--sky-30);
538
- --shape-light: var(--white-alpha-100);
539
- --shape-lightalt: var(--ebony-10);
540
- --shape-negative: var(--coral-60);
541
- --shape-negativealt: var(--coral-30);
542
- --shape-neutral: var(--grey-70);
543
- --shape-neutralalt: var(--grey-50);
544
- --shape-neutralalt2: var(--grey-60);
545
- --shape-subdued: var(--blue-70);
546
- --shape-subduedalt: var(--blue-30);
547
- --shape-success: var(--mint-60);
548
- --shape-successalt: var(--mint-40);
549
- --shape-warning: var(--canary-60);
550
- --shape-warningalt: var(--canary-40);
551
- --stroke-accent: var(--lavender-90);
552
- --stroke-colorless: var(--white-alpha-0);
553
- --stroke-contrast: var(--lavender-40);
554
- --stroke-contrastalt: var(--blue-80);
555
- --stroke-dark: var(--ebony-30);
556
- --stroke-darkalt: var(--ebony-50);
557
- --stroke-darkalt-2: var(--ebony-100);
558
- --stroke-highlight: var(--coral-40);
559
- --stroke-highlightalt: var(--coral-30);
560
- --stroke-information: var(--sky-50);
561
- --stroke-light: var(--white-alpha-100);
562
- --stroke-lightalt: var(--ebony-10);
563
- --stroke-negative: var(--coral-60);
564
- --stroke-negativealt: var(--coral-30);
565
- --stroke-neutral: var(--grey-30);
566
- --stroke-neutralalt: var(--grey-60);
567
- --stroke-subdued: var(--blue-60);
568
- --stroke-success: var(--mint-60);
569
- --stroke-successalt: var(--mint-40);
570
- --stroke-transparent: var(--transparent-blue-alpha40);
571
- --stroke-transparentalt: var(--transparent-lavender-alpha70);
572
- --stroke-warning: var(--canary-70);
573
- --text-accent: var(--lavender-90);
574
- --text-dark: var(--ebony-100);
575
- --text-darkalt: var(--ebony-30);
576
- --text-disabled: var(--grey-80);
577
- --text-highlight: var(--lavender-40);
578
- --text-highlightalt: var(--peach-40);
579
- --text-light: var(--white-alpha-100);
580
- --text-lightalt: var(--ebony-10);
581
- --text-negative: var(--coral-60);
582
- --text-negativealt: var(--coral-30);
583
- --text-neutral: var(--grey-70);
584
- --text-neutralalt: var(--grey-50);
585
- --text-neutralalt2: var(--grey-60);
586
- --text-subdued: var(--blue-70);
587
- --text-subduedalt: var(--blue-30);
588
- --text-success: var(--mint-60);
589
- --text-successalt: var(--mint-40);
590
- }
591
-
592
- /* DO NOT CHANGE!*/
593
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
594
- [data-color-mode=light],
595
- :root {
596
- --components-button-disabled-contrast-fill: var(--fill-disabled-transparent);
597
- --components-button-disabled-contrast-icon-disabled: var(--shape-neutralalt);
598
- --components-button-disabled-contrast-text-disabled: var(--text-neutralalt);
599
- --components-button-disabled-standard-fill: var(--fill-disabled-light);
600
- --components-button-disabled-standard-icon-disabled: var(--shape-disabled);
601
- --components-button-disabled-standard-text-disabled: var(--text-disabled);
602
- --components-button-floating-contrast-active: var(--fill-background-subdued-light);
603
- --components-button-floating-contrast-default: var(--fill-background-standard-light);
604
- --components-button-floating-contrast-hover: var(--fill-background-tint-light);
605
- --components-button-floating-contrast-icon: var(--shape-accent);
606
- --components-button-floating-contrast-text: var(--text-accent);
607
- --components-button-floating-standard-active: var(--fill-primary-active-light);
608
- --components-button-floating-standard-default: var(--fill-primary-default-light);
609
- --components-button-floating-standard-hover: var(--fill-primary-hover-light);
610
- --components-button-floating-standard-icon: var(--shape-light);
611
- --components-button-floating-standard-text: var(--text-light);
612
- --components-button-iconbutton-contrast-active: var(--fill-secondary-active-contrast);
613
- --components-button-iconbutton-contrast-default: var(--fill-background-standard-colorless);
614
- --components-button-iconbutton-contrast-hover: var(--fill-secondary-hover-contrast);
615
- --components-button-iconbutton-contrast-icon: var(--shape-light);
616
- --components-button-iconbutton-contrast-icon-active: var(--shape-accent);
617
- --components-button-iconbutton-contrast-text: var(--text-light);
618
- --components-button-iconbutton-contrast-text-active: var(--text-accent);
619
- --components-button-iconbutton-standard-active: var(--fill-secondary-active-light);
620
- --components-button-iconbutton-standard-default: var(--fill-background-standard-colorless);
621
- --components-button-iconbutton-standard-hover: var(--fill-secondary-hover-light);
622
- --components-button-iconbutton-standard-icon: var(--shape-accent);
623
- --components-button-iconbutton-standard-icon-active: var(--shape-accent);
624
- --components-button-iconbutton-standard-text: var(--text-accent);
625
- --components-button-iconbutton-standard-text-active: var(--text-accent);
626
- --components-button-negative-contrast-active: var(--fill-negative-tint);
627
- --components-button-negative-contrast-border: var(--fill-negative-tint);
628
- --components-button-negative-contrast-default: var(--fill-background-standard-colorless);
629
- --components-button-negative-contrast-hover: var(--fill-negative-transparent);
630
- --components-button-negative-contrast-icon: var(--shape-light);
631
- --components-button-negative-contrast-icon-active: var(--shape-accent);
632
- --components-button-negative-contrast-text: var(--text-light);
633
- --components-button-negative-contrast-text-active: var(--text-accent);
634
- --components-button-negative-standard-active: var(--fill-negative-deep);
635
- --components-button-negative-standard-border: var(--fill-negative-deep);
636
- --components-button-negative-standard-default: var(--fill-background-standard-colorless);
637
- --components-button-negative-standard-hover: var(--fill-negative-muted);
638
- --components-button-negative-standard-icon: var(--fill-negative-deep);
639
- --components-button-negative-standard-icon-active: var(--shape-light);
640
- --components-button-negative-standard-text: var(--fill-negative-deep);
641
- --components-button-negative-standard-text-active: var(--text-light);
642
- --components-button-primary-contrast-active: var(--fill-primary-active-contrast);
643
- --components-button-primary-contrast-default: var(--fill-primary-default-contrast);
644
- --components-button-primary-contrast-hover: var(--fill-primary-hover-contrast);
645
- --components-button-primary-contrast-icon: var(--shape-accent);
646
- --components-button-primary-contrast-text: var(--text-accent);
647
- --components-button-primary-standard-active: var(--fill-primary-active-light);
648
- --components-button-primary-standard-default: var(--fill-primary-default-light);
649
- --components-button-primary-standard-hover: var(--fill-primary-hover-light);
650
- --components-button-primary-standard-icon: var(--shape-light);
651
- --components-button-primary-standard-text: var(--text-light);
652
- --components-button-secondary-contrast-active: var(--fill-secondary-active-contrast);
653
- --components-button-secondary-contrast-border: var(--stroke-subdued);
654
- --components-button-secondary-contrast-border-active: var(--stroke-colorless);
655
- --components-button-secondary-contrast-default: var(--fill-background-standard-colorless);
656
- --components-button-secondary-contrast-hover: var(--fill-secondary-hover-contrast);
657
- --components-button-secondary-contrast-icon: var(--shape-light);
658
- --components-button-secondary-contrast-icon-active: var(--shape-accent);
659
- --components-button-secondary-contrast-text: var(--text-light);
660
- --components-button-secondary-contrast-text-active: var(--text-accent);
661
- --components-button-secondary-standard-active: var(--fill-secondary-active-light);
662
- --components-button-secondary-standard-border: var(--stroke-subdued);
663
- --components-button-secondary-standard-border-active: var(--stroke-accent);
664
- --components-button-secondary-standard-default: var(--fill-background-standard-colorless);
665
- --components-button-secondary-standard-hover: var(--fill-secondary-hover-light);
666
- --components-button-secondary-standard-icon: var(--shape-accent);
667
- --components-button-secondary-standard-icon-active: var(--shape-accent);
668
- --components-button-secondary-standard-text: var(--text-accent);
669
- --components-button-secondary-standard-text-active: var(--text-accent);
670
- --components-button-squaresecondary-contrast-active: var(--fill-secondary-active-contrast);
671
- --components-button-squaresecondary-contrast-border: var(--stroke-subdued);
672
- --components-button-squaresecondary-contrast-border-active: var(--stroke-colorless);
673
- --components-button-squaresecondary-contrast-default: var(--fill-background-standard-colorless);
674
- --components-button-squaresecondary-contrast-hover: var(--fill-secondary-hover-light);
675
- --components-button-squaresecondary-contrast-icon-active: var(--shape-accent);
676
- --components-button-squaresecondary-contrast-icon-default: var(--shape-light);
677
- --components-button-squaresecondary-contrast-icon-hover: var(--shape-accent);
678
- --components-button-squaresecondary-contrast-label: var(--text-light);
679
- --components-button-squaresecondary-standard-active: var(--fill-secondary-active-light);
680
- --components-button-squaresecondary-standard-border: var(--stroke-subdued);
681
- --components-button-squaresecondary-standard-border-active: var(--stroke-accent);
682
- --components-button-squaresecondary-standard-default: var(--fill-background-standard-colorless);
683
- --components-button-squaresecondary-standard-hover: var(--fill-secondary-hover-light);
684
- --components-button-squaresecondary-standard-icon: var(--shape-accent);
685
- --components-button-squaresecondary-standard-icon-active: var(--shape-accent);
686
- --components-button-squaresecondary-standard-text: var(--text-accent);
687
- --components-button-squaresuccess-contrast-active: var(--fill-success-subdued);
688
- --components-button-squaresuccess-contrast-border: var(--stroke-colorless);
689
- --components-button-squaresuccess-contrast-default: var(--fill-success-contrast);
690
- --components-button-squaresuccess-contrast-hover: var(--fill-success-tint);
691
- --components-button-squaresuccess-contrast-icon: var(--shape-accent);
692
- --components-button-squaresuccess-contrast-label: var(--text-light);
693
- --components-button-squaresuccess-standard-active: var(--fill-success-subdued);
694
- --components-button-squaresuccess-standard-border: var(--stroke-accent);
695
- --components-button-squaresuccess-standard-default: var(--fill-success-contrast);
696
- --components-button-squaresuccess-standard-hover: var(--fill-success-tint);
697
- --components-button-squaresuccess-standard-icon: var(--shape-accent);
698
- --components-button-squaresuccess-standard-label: var(--text-accent);
699
- --components-button-success-contrast-active: var(--fill-success-subdued);
700
- --components-button-success-contrast-border: var(--stroke-colorless);
701
- --components-button-success-contrast-default: var(--fill-success-contrast);
702
- --components-button-success-contrast-hover: var(--fill-success-tint);
703
- --components-button-success-contrast-icon: var(--shape-accent);
704
- --components-button-success-contrast-text: var(--text-accent);
705
- --components-button-success-standard-active: var(--fill-success-subdued);
706
- --components-button-success-standard-border: var(--stroke-accent);
707
- --components-button-success-standard-default: var(--fill-success-contrast);
708
- --components-button-success-standard-hover: var(--fill-success-tint);
709
- --components-button-success-standard-icon: var(--shape-accent);
710
- --components-button-success-standard-text: var(--text-accent);
711
- }
712
-
713
- [data-color-mode=dark] {
714
- --components-button-disabled-contrast-fill: var(--fill-disabled-transparentalt);
715
- --components-button-disabled-contrast-icon-disabled: var(--shape-neutralalt);
716
- --components-button-disabled-contrast-text-disabled: var(--text-neutralalt);
717
- --components-button-disabled-standard-fill: var(--fill-disabled-transparentalt);
718
- --components-button-disabled-standard-icon-disabled: var(--shape-neutralalt);
719
- --components-button-disabled-standard-text-disabled: var(--text-neutralalt);
720
- --components-button-floating-contrast-active: var(--fill-primary-active-contrast);
721
- --components-button-floating-contrast-default: var(--fill-primary-default-contrast);
722
- --components-button-floating-contrast-hover: var(--fill-primary-hover-contrast);
723
- --components-button-floating-contrast-icon: var(--shape-dark);
724
- --components-button-floating-contrast-text: var(--text-dark);
725
- --components-button-floating-standard-active: var(--fill-primary-active-contrast);
726
- --components-button-floating-standard-default: var(--fill-primary-default-contrast);
727
- --components-button-floating-standard-hover: var(--fill-primary-hover-contrast);
728
- --components-button-floating-standard-icon: var(--shape-dark);
729
- --components-button-floating-standard-text: var(--text-dark);
730
- --components-button-iconbutton-contrast-active: var(--fill-secondary-active-contrast);
731
- --components-button-iconbutton-contrast-default: var(--fill-background-standard-colorless);
732
- --components-button-iconbutton-contrast-hover: var(--fill-secondary-hover-contrast);
733
- --components-button-iconbutton-contrast-icon: var(--shape-lightalt);
734
- --components-button-iconbutton-contrast-icon-active: var(--shape-dark);
735
- --components-button-iconbutton-contrast-text: var(--text-lightalt);
736
- --components-button-iconbutton-contrast-text-active: var(--text-dark);
737
- --components-button-iconbutton-standard-active: var(--fill-secondary-active-contrast);
738
- --components-button-iconbutton-standard-default: var(--fill-background-standard-colorless);
739
- --components-button-iconbutton-standard-hover: var(--fill-secondary-hover-contrast);
740
- --components-button-iconbutton-standard-icon: var(--shape-lightalt);
741
- --components-button-iconbutton-standard-icon-active: var(--shape-dark);
742
- --components-button-iconbutton-standard-text: var(--text-lightalt);
743
- --components-button-iconbutton-standard-text-active: var(--text-dark);
744
- --components-button-negative-contrast-active: var(--fill-negative-tint);
745
- --components-button-negative-contrast-border: var(--fill-negative-tint);
746
- --components-button-negative-contrast-default: var(--fill-background-standard-colorless);
747
- --components-button-negative-contrast-hover: var(--fill-negative-transparent);
748
- --components-button-negative-contrast-icon: var(--shape-lightalt);
749
- --components-button-negative-contrast-icon-active: var(--shape-dark);
750
- --components-button-negative-contrast-text: var(--text-lightalt);
751
- --components-button-negative-contrast-text-active: var(--text-dark);
752
- --components-button-negative-standard-active: var(--fill-negative-tint);
753
- --components-button-negative-standard-border: var(--fill-negative-tint);
754
- --components-button-negative-standard-default: var(--fill-background-standard-colorless);
755
- --components-button-negative-standard-hover: var(--fill-negative-transparent);
756
- --components-button-negative-standard-icon: var(--text-lightalt);
757
- --components-button-negative-standard-icon-active: var(--shape-dark);
758
- --components-button-negative-standard-text: var(--text-lightalt);
759
- --components-button-negative-standard-text-active: var(--text-dark);
760
- --components-button-primary-contrast-active: var(--fill-primary-active-contrast);
761
- --components-button-primary-contrast-default: var(--fill-primary-default-contrast);
762
- --components-button-primary-contrast-hover: var(--fill-primary-hover-contrast);
763
- --components-button-primary-contrast-icon: var(--shape-dark);
764
- --components-button-primary-contrast-text: var(--text-dark);
765
- --components-button-primary-standard-active: var(--fill-primary-active-contrast);
766
- --components-button-primary-standard-default: var(--fill-primary-default-contrast);
767
- --components-button-primary-standard-hover: var(--fill-primary-hover-contrast);
768
- --components-button-primary-standard-icon: var(--shape-dark);
769
- --components-button-primary-standard-text: var(--text-dark);
770
- --components-button-secondary-contrast-active: var(--fill-secondary-active-contrast);
771
- --components-button-secondary-contrast-border: var(--stroke-subdued);
772
- --components-button-secondary-contrast-border-active: var(--stroke-colorless);
773
- --components-button-secondary-contrast-default: var(--fill-background-standard-colorless);
774
- --components-button-secondary-contrast-hover: var(--fill-secondary-hover-contrast);
775
- --components-button-secondary-contrast-icon: var(--shape-lightalt);
776
- --components-button-secondary-contrast-icon-active: var(--shape-dark);
777
- --components-button-secondary-contrast-text: var(--text-lightalt);
778
- --components-button-secondary-contrast-text-active: var(--text-dark);
779
- --components-button-secondary-standard-active: var(--fill-secondary-active-contrast);
780
- --components-button-secondary-standard-border: var(--stroke-subdued);
781
- --components-button-secondary-standard-border-active: var(--stroke-colorless);
782
- --components-button-secondary-standard-default: var(--fill-background-standard-colorless);
783
- --components-button-secondary-standard-hover: var(--fill-secondary-hover-contrast);
784
- --components-button-secondary-standard-icon: var(--shape-lightalt);
785
- --components-button-secondary-standard-icon-active: var(--shape-dark);
786
- --components-button-secondary-standard-text: var(--text-lightalt);
787
- --components-button-secondary-standard-text-active: var(--text-dark);
788
- --components-button-squaresecondary-contrast-active: var(--fill-secondary-active-contrast);
789
- --components-button-squaresecondary-contrast-border: var(--stroke-subdued);
790
- --components-button-squaresecondary-contrast-border-active: var(--stroke-colorless);
791
- --components-button-squaresecondary-contrast-default: var(--fill-background-standard-colorless);
792
- --components-button-squaresecondary-contrast-hover: var(--fill-secondary-hover-contrast);
793
- --components-button-squaresecondary-contrast-icon-active: var(--shape-dark);
794
- --components-button-squaresecondary-contrast-icon-default: var(--shape-lightalt);
795
- --components-button-squaresecondary-contrast-icon-hover: var(--shape-lightalt);
796
- --components-button-squaresecondary-contrast-label: var(--text-lightalt);
797
- --components-button-squaresecondary-standard-active: var(--fill-secondary-active-contrast);
798
- --components-button-squaresecondary-standard-border: var(--stroke-subdued);
799
- --components-button-squaresecondary-standard-border-active: var(--stroke-colorless);
800
- --components-button-squaresecondary-standard-default: var(--fill-background-standard-colorless);
801
- --components-button-squaresecondary-standard-hover: var(--fill-secondary-hover-contrast);
802
- --components-button-squaresecondary-standard-icon: var(--shape-lightalt);
803
- --components-button-squaresecondary-standard-icon-active: var(--shape-dark);
804
- --components-button-squaresecondary-standard-text: var(--text-lightalt);
805
- --components-button-squaresuccess-contrast-active: var(--fill-success-contrast);
806
- --components-button-squaresuccess-contrast-border: var(--stroke-colorless);
807
- --components-button-squaresuccess-contrast-default: var(--fill-success-contrast);
808
- --components-button-squaresuccess-contrast-hover: var(--fill-success-tint);
809
- --components-button-squaresuccess-contrast-icon: var(--shape-dark);
810
- --components-button-squaresuccess-contrast-label: var(--text-lightalt);
811
- --components-button-squaresuccess-standard-active: var(--fill-success-subdued);
812
- --components-button-squaresuccess-standard-border: var(--stroke-colorless);
813
- --components-button-squaresuccess-standard-default: var(--fill-success-contrast);
814
- --components-button-squaresuccess-standard-hover: var(--fill-success-tint);
815
- --components-button-squaresuccess-standard-icon: var(--shape-dark);
816
- --components-button-squaresuccess-standard-label: var(--text-lightalt);
817
- --components-button-success-contrast-active: var(--fill-success-subdued);
818
- --components-button-success-contrast-border: var(--stroke-colorless);
819
- --components-button-success-contrast-default: var(--fill-success-contrast);
820
- --components-button-success-contrast-hover: var(--fill-success-tint);
821
- --components-button-success-contrast-icon: var(--shape-dark);
822
- --components-button-success-contrast-text: var(--text-dark);
823
- --components-button-success-standard-active: var(--fill-success-subdued);
824
- --components-button-success-standard-border: var(--stroke-colorless);
825
- --components-button-success-standard-default: var(--fill-success-contrast);
826
- --components-button-success-standard-hover: var(--fill-success-tint);
827
- --components-button-success-standard-icon: var(--shape-dark);
828
- --components-button-success-standard-text: var(--text-dark);
829
- }
830
-
831
- /* DO NOT CHANGE!*/
832
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
833
- [data-color-mode=light],
834
- :root {
835
- --basecolors-frame-contrast: var(--fill-background-contrast-light);
836
- --basecolors-frame-contrastalt: var(--fill-background-contrast-lightalt);
837
- --basecolors-frame-default: var(--fill-background-standard-light);
838
- --basecolors-frame-elevated: var(--fill-background-standard-light);
839
- --basecolors-frame-elevatedalt: var(--fill-background-tint-light);
840
- --basecolors-frame-subdued: var(--fill-background-subdued-light);
841
- --basecolors-frame-tint: var(--fill-background-tint-light);
842
- --basecolors-shape-accent: var(--shape-accent);
843
- --basecolors-shape-bicycle-contrast: var(--contrast-bicycle);
844
- --basecolors-shape-bicycle-default: var(--standard-bicycle);
845
- --basecolors-shape-bus-contrast: var(--contrast-bus);
846
- --basecolors-shape-bus-default: var(--standard-bus);
847
- --basecolors-shape-cableway-contrast: var(--contrast-cableway);
848
- --basecolors-shape-cableway-default: var(--standard-cableway);
849
- --basecolors-shape-disabled: var(--shape-neutral);
850
- --basecolors-shape-disabledalt: var(--shape-neutralalt);
851
- --basecolors-shape-ferry-contrast: var(--contrast-ferry);
852
- --basecolors-shape-ferry-default: var(--standard-ferry);
853
- --basecolors-shape-funicular-contrast: var(--contrast-funicular);
854
- --basecolors-shape-funicular-default: var(--standard-funicular);
855
- --basecolors-shape-helicopter-contrast: var(--contrast-helicopter);
856
- --basecolors-shape-helicopter-default: var(--standard-helicopter);
857
- --basecolors-shape-highlight: var(--stroke-highlight);
858
- --basecolors-shape-light: var(--shape-light);
859
- --basecolors-shape-mask: var(--shape-light);
860
- --basecolors-shape-maskalt: var(--shape-light);
861
- --basecolors-shape-metro-contrast: var(--contrast-metro);
862
- --basecolors-shape-metro-default: var(--standard-metro);
863
- --basecolors-shape-mobility-contrast: var(--contrast-mobility);
864
- --basecolors-shape-mobility-default: var(--standard-mobility);
865
- --basecolors-shape-plane-contrast: var(--contrast-plane);
866
- --basecolors-shape-plane-default: var(--standard-plane);
867
- --basecolors-shape-subdued: var(--shape-subdued);
868
- --basecolors-shape-subduedalt: var(--shape-subduedalt);
869
- --basecolors-shape-taxi-contrast: var(--contrast-taxi);
870
- --basecolors-shape-taxi-default: var(--standard-taxi);
871
- --basecolors-shape-train-contrast: var(--contrast-train);
872
- --basecolors-shape-train-default: var(--standard-train);
873
- --basecolors-shape-tram-contrast: var(--contrast-tram);
874
- --basecolors-shape-tram-default: var(--standard-tram);
875
- --basecolors-shape-walk-contrast: var(--contrast-walk);
876
- --basecolors-shape-walk-default: var(--standard-walk);
877
- --basecolors-shape-airportlinkbus-contrast: var(--contrast-airportlinkbus);
878
- --basecolors-shape-airportlinkbus-default: var(--standard-airportlinkbus);
879
- --basecolors-shape-airportlinkrail-contrast: var(--contrast-airportlinkrail);
880
- --basecolors-shape-airportlinkrail-default: var(--standard-airportlinkrail);
881
- --basecolors-stroke-contrast: var(--stroke-contrast);
882
- --basecolors-stroke-default: var(--stroke-accent);
883
- --basecolors-stroke-disabled: var(--stroke-neutralalt);
884
- --basecolors-stroke-focus-contrast: var(--stroke-contrast);
885
- --basecolors-stroke-focus-standard: var(--stroke-accent);
886
- --basecolors-stroke-highlight: var(--stroke-highlight);
887
- --basecolors-stroke-light: var(--stroke-light);
888
- --basecolors-stroke-subdued: var(--stroke-subdued);
889
- --basecolors-stroke-subduedalt: var(--stroke-neutral);
890
- --basecolors-text-accent: var(--text-accent);
891
- --basecolors-text-disabled: var(--text-neutral);
892
- --basecolors-text-disabledalt: var(--text-neutralalt);
893
- --basecolors-text-highlight: var(--stroke-highlight);
894
- --basecolors-text-light: var(--text-light);
895
- --basecolors-text-subdued: var(--text-subdued);
896
- --basecolors-text-subduedalt: var(--text-subduedalt);
897
- }
898
-
899
- [data-color-mode=dark] {
900
- --basecolors-frame-contrast: var(--fill-background-contrast-dark);
901
- --basecolors-frame-contrastalt: var(--fill-background-tint-dark);
902
- --basecolors-frame-default: var(--fill-background-standard-dark);
903
- --basecolors-frame-elevated: var(--fill-background-overlay-transparent);
904
- --basecolors-frame-elevatedalt: var(--fill-background-overlay-solidalt);
905
- --basecolors-frame-subdued: var(--fill-background-subdued-dark);
906
- --basecolors-frame-tint: var(--fill-background-tint-dark);
907
- --basecolors-shape-accent: var(--shape-lightalt);
908
- --basecolors-shape-bicycle-contrast: var(--dark-bicycle);
909
- --basecolors-shape-bicycle-default: var(--dark-bicycle);
910
- --basecolors-shape-bus-contrast: var(--dark-bus);
911
- --basecolors-shape-bus-default: var(--dark-bus);
912
- --basecolors-shape-cableway-contrast: var(--dark-cableway);
913
- --basecolors-shape-cableway-default: var(--dark-cableway);
914
- --basecolors-shape-disabled: var(--shape-neutralalt);
915
- --basecolors-shape-disabledalt: var(--shape-darkalt);
916
- --basecolors-shape-ferry-contrast: var(--dark-ferry);
917
- --basecolors-shape-ferry-default: var(--dark-ferry);
918
- --basecolors-shape-funicular-contrast: var(--dark-funicular);
919
- --basecolors-shape-funicular-default: var(--dark-funicular);
920
- --basecolors-shape-helicopter-contrast: var(--dark-helicopter);
921
- --basecolors-shape-helicopter-default: var(--dark-helicopter);
922
- --basecolors-shape-highlight: var(--stroke-highlightalt);
923
- --basecolors-shape-light: var(--shape-lightalt);
924
- --basecolors-shape-mask: var(--fill-background-subdued-dark);
925
- --basecolors-shape-maskalt: var(--fill-background-overlay-solid);
926
- --basecolors-shape-metro-contrast: var(--dark-metro);
927
- --basecolors-shape-metro-default: var(--dark-metro);
928
- --basecolors-shape-mobility-contrast: var(--dark-mobility);
929
- --basecolors-shape-mobility-default: var(--dark-mobility);
930
- --basecolors-shape-plane-contrast: var(--dark-plane);
931
- --basecolors-shape-plane-default: var(--dark-plane);
932
- --basecolors-shape-subdued: var(--shape-darkalt);
933
- --basecolors-shape-subduedalt: var(--shape-darkalt);
934
- --basecolors-shape-taxi-contrast: var(--dark-taxi);
935
- --basecolors-shape-taxi-default: var(--dark-taxi);
936
- --basecolors-shape-train-contrast: var(--dark-train);
937
- --basecolors-shape-train-default: var(--dark-train);
938
- --basecolors-shape-tram-contrast: var(--dark-tram);
939
- --basecolors-shape-tram-default: var(--dark-tram);
940
- --basecolors-shape-walk-contrast: var(--dark-walk);
941
- --basecolors-shape-walk-default: var(--dark-walk);
942
- --basecolors-shape-airportlinkbus-contrast: var(--dark-airportlinkbus);
943
- --basecolors-shape-airportlinkbus-default: var(--dark-airportlinkbus);
944
- --basecolors-shape-airportlinkrail-contrast: var(--dark-airportlinkrail);
945
- --basecolors-shape-airportlinkrail-default: var(--dark-airportlinkrail);
946
- --basecolors-stroke-contrast: var(--stroke-contrast);
947
- --basecolors-stroke-default: var(--stroke-dark);
948
- --basecolors-stroke-disabled: var(--stroke-neutral);
949
- --basecolors-stroke-focus-contrast: var(--stroke-contrast);
950
- --basecolors-stroke-focus-standard: var(--stroke-contrast);
951
- --basecolors-stroke-highlight: var(--stroke-highlightalt);
952
- --basecolors-stroke-light: var(--stroke-dark);
953
- --basecolors-stroke-subdued: var(--stroke-darkalt);
954
- --basecolors-stroke-subduedalt: var(--stroke-darkalt);
955
- --basecolors-text-accent: var(--text-lightalt);
956
- --basecolors-text-disabled: var(--text-neutralalt);
957
- --basecolors-text-disabledalt: var(--text-neutralalt);
958
- --basecolors-text-highlight: var(--stroke-highlightalt);
959
- --basecolors-text-light: var(--text-lightalt);
960
- --basecolors-text-subdued: var(--text-darkalt);
961
- --basecolors-text-subduedalt: var(--text-darkalt);
962
- }
963
-
964
- :root {
965
- --eds-button: 1;
966
- }
967
458
  /* DO NOT CHANGE!*/
968
459
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
969
460
  .eds-icon-button {
@@ -1020,3 +511,384 @@ a.eds-button--size-large {
1020
511
  width: -moz-fit-content;
1021
512
  width: fit-content;
1022
513
  }
514
+ /* DO NOT CHANGE!*/
515
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
516
+ /* DO NOT CHANGE!*/
517
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
518
+ /* DO NOT CHANGE!*/
519
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
520
+ [data-color-mode=light],
521
+ :root {
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;
637
+ }
638
+
639
+ [data-color-mode=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;
755
+ }
756
+
757
+ /* DO NOT CHANGE!*/
758
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
759
+ /* DO NOT CHANGE!*/
760
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
761
+ [data-color-mode=light],
762
+ :root {
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;
825
+ }
826
+
827
+ [data-color-mode=dark] {
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;
890
+ }
891
+
892
+ :root {
893
+ --eds-button: 1;
894
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/button",
3
- "version": "3.2.13",
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.57",
31
- "@entur/tokens": "^3.13.1",
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": "c36e1121738a702fe5ed92cd3f26636d7a4ef026"
35
+ "gitHead": "89d5de6d31962e236a5c147e129bf915576166b4"
36
36
  }