@entur/menu 4.2.21 → 4.2.23

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 (6) hide show
  1. package/dist/Pagination.d.ts +1 -1
  2. package/dist/menu.cjs.development.js.map +1 -1
  3. package/dist/menu.cjs.production.min.js.map +1 -1
  4. package/dist/menu.esm.js.map +1 -1
  5. package/dist/styles.css +392 -520
  6. package/package.json +10 -10
package/dist/styles.css CHANGED
@@ -1,5 +1,59 @@
1
1
  /* DO NOT CHANGE!*/
2
2
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
3
+ .eds-breadcrumb {
4
+ list-style: none;
5
+ margin: 0;
6
+ padding: 0;
7
+ }
8
+
9
+ .eds-breadcrumb__item {
10
+ display: inline-block;
11
+ color: var(--components-menu-breadcrumb-standard-text);
12
+ }
13
+ .eds-contrast .eds-breadcrumb__item {
14
+ color: var(--components-menu-breadcrumb-contrast-text);
15
+ }
16
+
17
+ .eds-breadcrumb__separator {
18
+ margin: 0 0.25rem 0 0.25rem;
19
+ }
20
+
21
+ .eds-breadcrumb__link {
22
+ text-decoration: none;
23
+ color: var(--components-menu-breadcrumb-standard-text);
24
+ background-image: linear-gradient(120deg, var(--components-menu-breadcrumb-standard-text) 0%, var(--components-menu-breadcrumb-standard-text) 100%);
25
+ background-repeat: no-repeat;
26
+ background-size: 100% 0.125rem;
27
+ background-position: 0 100%;
28
+ }
29
+ .eds-contrast .eds-breadcrumb__link {
30
+ color: var(--components-menu-breadcrumb-contrast-text);
31
+ background-image: linear-gradient(120deg, var(--components-menu-breadcrumb-contrast-text) 0%, var(--components-menu-breadcrumb-contrast-text) 100%);
32
+ }
33
+ .eds-breadcrumb__link:hover {
34
+ animation: eds-breadcrumb-underline 0.3s ease-in;
35
+ }
36
+ .eds-breadcrumb__link:focus {
37
+ outline: 2px solid #181c56;
38
+ outline-color: var(--basecolors-stroke-focus-standard);
39
+ outline-offset: 0.125rem;
40
+ }
41
+ .eds-contrast .eds-breadcrumb__link:focus {
42
+ outline-color: var(--basecolors-stroke-focus-contrast);
43
+ }
44
+ @keyframes eds-breadcrumb-underline {
45
+ from {
46
+ background-size: 0% 0.125rem;
47
+ }
48
+ to {
49
+ background-size: 100% 0.125rem;
50
+ }
51
+ }
52
+ .eds-breadcrumb__link--current {
53
+ font-weight: 600;
54
+ }
55
+ /* DO NOT CHANGE!*/
56
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
3
57
  .eds-side-navigation,
4
58
  .eds-side-navigation-group {
5
59
  color: var(--components-menu-sidenavigation-standard-text);
@@ -253,60 +307,6 @@
253
307
  }
254
308
  /* DO NOT CHANGE!*/
255
309
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
256
- .eds-breadcrumb {
257
- list-style: none;
258
- margin: 0;
259
- padding: 0;
260
- }
261
-
262
- .eds-breadcrumb__item {
263
- display: inline-block;
264
- color: var(--components-menu-breadcrumb-standard-text);
265
- }
266
- .eds-contrast .eds-breadcrumb__item {
267
- color: var(--components-menu-breadcrumb-contrast-text);
268
- }
269
-
270
- .eds-breadcrumb__separator {
271
- margin: 0 0.25rem 0 0.25rem;
272
- }
273
-
274
- .eds-breadcrumb__link {
275
- text-decoration: none;
276
- color: var(--components-menu-breadcrumb-standard-text);
277
- background-image: linear-gradient(120deg, var(--components-menu-breadcrumb-standard-text) 0%, var(--components-menu-breadcrumb-standard-text) 100%);
278
- background-repeat: no-repeat;
279
- background-size: 100% 0.125rem;
280
- background-position: 0 100%;
281
- }
282
- .eds-contrast .eds-breadcrumb__link {
283
- color: var(--components-menu-breadcrumb-contrast-text);
284
- background-image: linear-gradient(120deg, var(--components-menu-breadcrumb-contrast-text) 0%, var(--components-menu-breadcrumb-contrast-text) 100%);
285
- }
286
- .eds-breadcrumb__link:hover {
287
- animation: eds-breadcrumb-underline 0.3s ease-in;
288
- }
289
- .eds-breadcrumb__link:focus {
290
- outline: 2px solid #181c56;
291
- outline-color: var(--basecolors-stroke-focus-standard);
292
- outline-offset: 0.125rem;
293
- }
294
- .eds-contrast .eds-breadcrumb__link:focus {
295
- outline-color: var(--basecolors-stroke-focus-contrast);
296
- }
297
- @keyframes eds-breadcrumb-underline {
298
- from {
299
- background-size: 0% 0.125rem;
300
- }
301
- to {
302
- background-size: 100% 0.125rem;
303
- }
304
- }
305
- .eds-breadcrumb__link--current {
306
- font-weight: 600;
307
- }
308
- /* DO NOT CHANGE!*/
309
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
310
310
  .eds-top-navigation-item {
311
311
  --show-active-line: 0;
312
312
  display: inline-block;
@@ -647,6 +647,344 @@
647
647
  }
648
648
  /* DO NOT CHANGE!*/
649
649
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
650
+ /* DO NOT CHANGE!*/
651
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
652
+ /* DO NOT CHANGE!*/
653
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
654
+ [data-color-mode=light],
655
+ :root {
656
+ --components-menu-breadcrumb-contrast-icon: #ffffff;
657
+ --components-menu-breadcrumb-contrast-text: #ffffff;
658
+ --components-menu-breadcrumb-standard-icon: #181c56;
659
+ --components-menu-breadcrumb-standard-text: #181c56;
660
+ --components-menu-navigationbar-contrast-background: #393d79;
661
+ --components-menu-navigationbar-contrast-divide: rgba(255, 255, 255, 0);
662
+ --components-menu-navigationbar-contrast-icon-selected: #ffffff;
663
+ --components-menu-navigationbar-contrast-icon-unselected: #d9dae8;
664
+ --components-menu-navigationbar-contrast-stroke-selected: #ff5959;
665
+ --components-menu-navigationbar-contrast-text-selected: #ffffff;
666
+ --components-menu-navigationbar-contrast-text-unselected: #d9dae8;
667
+ --components-menu-navigationbar-standard-background: #ffffff;
668
+ --components-menu-navigationbar-standard-divide: #e3e6e8;
669
+ --components-menu-navigationbar-standard-icon-selected: #181c56;
670
+ --components-menu-navigationbar-standard-icon-unselected: #626493;
671
+ --components-menu-navigationbar-standard-stroke-selected: #ff5959;
672
+ --components-menu-navigationbar-standard-text-selected: #181c56;
673
+ --components-menu-navigationbar-standard-text-unselected: #626493;
674
+ --components-menu-navigationlink-contrast-icon: #ffffff;
675
+ --components-menu-navigationlink-contrast-text: #ffffff;
676
+ --components-menu-navigationlink-standard-icon: #181c56;
677
+ --components-menu-navigationlink-standard-text: #181c56;
678
+ --components-menu-overflowmenu-border: #8284ab;
679
+ --components-menu-overflowmenu-fill-default: #f2f5f7;
680
+ --components-menu-overflowmenu-fill-hover: #d9dae8;
681
+ --components-menu-overflowmenu-icon: #181c56;
682
+ --components-menu-overflowmenu-icon-disabled: #6e6f73;
683
+ --components-menu-overflowmenu-text: #181c56;
684
+ --components-menu-overflowmenu-text-disabled: #6e6f73;
685
+ --components-menu-pagination-contrast-active: #8794d4;
686
+ --components-menu-pagination-contrast-border-selected: #ffffff;
687
+ --components-menu-pagination-contrast-border-unselected: rgba(174, 183, 226, 0.6980392157);
688
+ --components-menu-pagination-contrast-default: rgba(255, 255, 255, 0);
689
+ --components-menu-pagination-contrast-hover: #626493;
690
+ --components-menu-pagination-contrast-icon: #ffffff;
691
+ --components-menu-pagination-contrast-text-selected: #181c56;
692
+ --components-menu-pagination-contrast-text-subdued: #d9dae8;
693
+ --components-menu-pagination-contrast-text-unselected: #ffffff;
694
+ --components-menu-pagination-standard-active: #aeb7e2;
695
+ --components-menu-pagination-standard-border-selected: #181c56;
696
+ --components-menu-pagination-standard-border-unselected: rgba(84, 86, 140, 0.4);
697
+ --components-menu-pagination-standard-default: rgba(255, 255, 255, 0);
698
+ --components-menu-pagination-standard-hover: #d9ddf2;
699
+ --components-menu-pagination-standard-icon: #181c56;
700
+ --components-menu-pagination-standard-text-selected: #181c56;
701
+ --components-menu-pagination-standard-text-subdued: #626493;
702
+ --components-menu-pagination-standard-text-unselected: #181c56;
703
+ --components-menu-sidenavigation-contrast-avatar: #393d79;
704
+ --components-menu-sidenavigation-contrast-background: #181c56;
705
+ --components-menu-sidenavigation-contrast-divide: #8284ab;
706
+ --components-menu-sidenavigation-contrast-fill-active: rgba(255, 255, 255, 0);
707
+ --components-menu-sidenavigation-contrast-fill-default: rgba(255, 255, 255, 0);
708
+ --components-menu-sidenavigation-contrast-fill-hover: #393d79;
709
+ --components-menu-sidenavigation-contrast-icon: #ffffff;
710
+ --components-menu-sidenavigation-contrast-icon-disabled: #b6b8ba;
711
+ --components-menu-sidenavigation-contrast-icon-label: #aeb7e2;
712
+ --components-menu-sidenavigation-contrast-label: #aeb7e2;
713
+ --components-menu-sidenavigation-contrast-stroke-selected: #ff5959;
714
+ --components-menu-sidenavigation-contrast-text: #ffffff;
715
+ --components-menu-sidenavigation-contrast-text-disabled: #b6b8ba;
716
+ --components-menu-sidenavigation-standard-avatar: #ffffff;
717
+ --components-menu-sidenavigation-standard-background: #f2f5f7;
718
+ --components-menu-sidenavigation-standard-divide: #e3e6e8;
719
+ --components-menu-sidenavigation-standard-fill-active: rgba(255, 255, 255, 0);
720
+ --components-menu-sidenavigation-standard-fill-default: rgba(255, 255, 255, 0);
721
+ --components-menu-sidenavigation-standard-fill-hover: #d9dae8;
722
+ --components-menu-sidenavigation-standard-icon: #181c56;
723
+ --components-menu-sidenavigation-standard-icon-disabled: #6e6f73;
724
+ --components-menu-sidenavigation-standard-icon-label: #626493;
725
+ --components-menu-sidenavigation-standard-label: #626493;
726
+ --components-menu-sidenavigation-standard-stroke-selected: #181c56;
727
+ --components-menu-sidenavigation-standard-text: #181c56;
728
+ --components-menu-sidenavigation-standard-text-disabled: #6e6f73;
729
+ --components-menu-stepper-contrast-background: #626493;
730
+ --components-menu-stepper-contrast-progressbar: #aeb7e2;
731
+ --components-menu-stepper-contrast-text-completed: #ffffff;
732
+ --components-menu-stepper-contrast-text-uncompleted: #aeb7e2;
733
+ --components-menu-stepper-standard-background: #e3e6e8;
734
+ --components-menu-stepper-standard-progressbar: #181c56;
735
+ --components-menu-stepper-standard-text-completed: #181c56;
736
+ --components-menu-stepper-standard-text-uncompleted: #6e6f73;
737
+ --components-menu-tableofcontent-contrast-icon-selected: #ffffff;
738
+ --components-menu-tableofcontent-contrast-icon-unselected: #d9dae8;
739
+ --components-menu-tableofcontent-contrast-stroke-selected: #ff5959;
740
+ --components-menu-tableofcontent-contrast-stroke-unselected: #54568c;
741
+ --components-menu-tableofcontent-contrast-text-selected: #ffffff;
742
+ --components-menu-tableofcontent-contrast-text-unselected: #d9dae8;
743
+ --components-menu-tableofcontent-standard-icon-selected: #181c56;
744
+ --components-menu-tableofcontent-standard-icon-unselected: #626493;
745
+ --components-menu-tableofcontent-standard-stroke-selected: #ff5959;
746
+ --components-menu-tableofcontent-standard-stroke-unselected: #e3e6e8;
747
+ --components-menu-tableofcontent-standard-text-selected: #181c56;
748
+ --components-menu-tableofcontent-standard-text-unselected: #626493;
749
+ }
750
+
751
+ [data-color-mode=dark] {
752
+ --components-menu-breadcrumb-contrast-icon: #e5e5e9;
753
+ --components-menu-breadcrumb-contrast-text: #e5e5e9;
754
+ --components-menu-breadcrumb-standard-icon: #e5e5e9;
755
+ --components-menu-breadcrumb-standard-text: #e5e5e9;
756
+ --components-menu-navigationbar-contrast-background: #393a49;
757
+ --components-menu-navigationbar-contrast-divide: rgba(255, 255, 255, 0);
758
+ --components-menu-navigationbar-contrast-icon-selected: #e5e5e9;
759
+ --components-menu-navigationbar-contrast-icon-unselected: #b6b8ba;
760
+ --components-menu-navigationbar-contrast-stroke-selected: #ff9494;
761
+ --components-menu-navigationbar-contrast-text-selected: #e5e5e9;
762
+ --components-menu-navigationbar-contrast-text-unselected: #b6b8ba;
763
+ --components-menu-navigationbar-standard-background: #393a49;
764
+ --components-menu-navigationbar-standard-divide: rgba(255, 255, 255, 0);
765
+ --components-menu-navigationbar-standard-icon-selected: #e5e5e9;
766
+ --components-menu-navigationbar-standard-icon-unselected: #b6b8ba;
767
+ --components-menu-navigationbar-standard-stroke-selected: #ff9494;
768
+ --components-menu-navigationbar-standard-text-selected: #e5e5e9;
769
+ --components-menu-navigationbar-standard-text-unselected: #b6b8ba;
770
+ --components-menu-navigationlink-contrast-icon: #e5e5e9;
771
+ --components-menu-navigationlink-contrast-text: #e5e5e9;
772
+ --components-menu-navigationlink-standard-icon: #e5e5e9;
773
+ --components-menu-navigationlink-standard-text: #e5e5e9;
774
+ --components-menu-overflowmenu-border: rgba(255, 255, 255, 0);
775
+ --components-menu-overflowmenu-fill-default: #464755;
776
+ --components-menu-overflowmenu-fill-hover: #626493;
777
+ --components-menu-overflowmenu-icon: #e5e5e9;
778
+ --components-menu-overflowmenu-icon-disabled: #949699;
779
+ --components-menu-overflowmenu-text: #e5e5e9;
780
+ --components-menu-overflowmenu-text-disabled: #949699;
781
+ --components-menu-pagination-contrast-active: #8794d4;
782
+ --components-menu-pagination-contrast-border-selected: #e5e5e9;
783
+ --components-menu-pagination-contrast-border-unselected: rgba(174, 183, 226, 0.6980392157);
784
+ --components-menu-pagination-contrast-default: rgba(255, 255, 255, 0);
785
+ --components-menu-pagination-contrast-hover: #626493;
786
+ --components-menu-pagination-contrast-icon: #e5e5e9;
787
+ --components-menu-pagination-contrast-text-selected: #08091c;
788
+ --components-menu-pagination-contrast-text-subdued: #b3b4bd;
789
+ --components-menu-pagination-contrast-text-unselected: #e5e5e9;
790
+ --components-menu-pagination-standard-active: #8794d4;
791
+ --components-menu-pagination-standard-border-selected: #e5e5e9;
792
+ --components-menu-pagination-standard-border-unselected: rgba(174, 183, 226, 0.6980392157);
793
+ --components-menu-pagination-standard-default: rgba(255, 255, 255, 0);
794
+ --components-menu-pagination-standard-hover: #626493;
795
+ --components-menu-pagination-standard-icon: #e5e5e9;
796
+ --components-menu-pagination-standard-text-selected: #08091c;
797
+ --components-menu-pagination-standard-text-subdued: #b3b4bd;
798
+ --components-menu-pagination-standard-text-unselected: #e5e5e9;
799
+ --components-menu-sidenavigation-contrast-avatar: rgba(229, 229, 233, 0.1490196078);
800
+ --components-menu-sidenavigation-contrast-background: #212233;
801
+ --components-menu-sidenavigation-contrast-divide: #81828f;
802
+ --components-menu-sidenavigation-contrast-fill-active: rgba(255, 255, 255, 0);
803
+ --components-menu-sidenavigation-contrast-fill-default: rgba(255, 255, 255, 0);
804
+ --components-menu-sidenavigation-contrast-fill-hover: rgba(229, 229, 233, 0.1490196078);
805
+ --components-menu-sidenavigation-contrast-icon: #e5e5e9;
806
+ --components-menu-sidenavigation-contrast-icon-disabled: #949699;
807
+ --components-menu-sidenavigation-contrast-icon-label: #b3b4bd;
808
+ --components-menu-sidenavigation-contrast-label: #b3b4bd;
809
+ --components-menu-sidenavigation-contrast-stroke-selected: #ff9494;
810
+ --components-menu-sidenavigation-contrast-text: #e5e5e9;
811
+ --components-menu-sidenavigation-contrast-text-disabled: #949699;
812
+ --components-menu-sidenavigation-standard-avatar: rgba(229, 229, 233, 0.1490196078);
813
+ --components-menu-sidenavigation-standard-background: #212233;
814
+ --components-menu-sidenavigation-standard-divide: #81828f;
815
+ --components-menu-sidenavigation-standard-fill-active: rgba(255, 255, 255, 0);
816
+ --components-menu-sidenavigation-standard-fill-default: rgba(255, 255, 255, 0);
817
+ --components-menu-sidenavigation-standard-fill-hover: rgba(229, 229, 233, 0.1490196078);
818
+ --components-menu-sidenavigation-standard-icon: #e5e5e9;
819
+ --components-menu-sidenavigation-standard-icon-disabled: #949699;
820
+ --components-menu-sidenavigation-standard-icon-label: #b3b4bd;
821
+ --components-menu-sidenavigation-standard-label: #b3b4bd;
822
+ --components-menu-sidenavigation-standard-stroke-selected: #ff9494;
823
+ --components-menu-sidenavigation-standard-text: #e5e5e9;
824
+ --components-menu-sidenavigation-standard-text-disabled: #949699;
825
+ --components-menu-stepper-contrast-background: #626493;
826
+ --components-menu-stepper-contrast-progressbar: #aeb7e2;
827
+ --components-menu-stepper-contrast-text-completed: #e5e5e9;
828
+ --components-menu-stepper-contrast-text-uncompleted: #b6b8ba;
829
+ --components-menu-stepper-standard-background: #626493;
830
+ --components-menu-stepper-standard-progressbar: #aeb7e2;
831
+ --components-menu-stepper-standard-text-completed: #e5e5e9;
832
+ --components-menu-stepper-standard-text-uncompleted: #b6b8ba;
833
+ --components-menu-tableofcontent-contrast-icon-selected: #e5e5e9;
834
+ --components-menu-tableofcontent-contrast-icon-unselected: #b3b4bd;
835
+ --components-menu-tableofcontent-contrast-stroke-selected: #ff9494;
836
+ --components-menu-tableofcontent-contrast-stroke-unselected: rgba(84, 86, 140, 0.4);
837
+ --components-menu-tableofcontent-contrast-text-selected: #e5e5e9;
838
+ --components-menu-tableofcontent-contrast-text-unselected: #b3b4bd;
839
+ --components-menu-tableofcontent-standard-icon-selected: #e5e5e9;
840
+ --components-menu-tableofcontent-standard-icon-unselected: #b3b4bd;
841
+ --components-menu-tableofcontent-standard-stroke-selected: #ff9494;
842
+ --components-menu-tableofcontent-standard-stroke-unselected: rgba(84, 86, 140, 0.4);
843
+ --components-menu-tableofcontent-standard-text-selected: #e5e5e9;
844
+ --components-menu-tableofcontent-standard-text-unselected: #b3b4bd;
845
+ }
846
+
847
+ /* DO NOT CHANGE!*/
848
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
849
+ /* DO NOT CHANGE!*/
850
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
851
+ [data-color-mode=light],
852
+ :root {
853
+ --basecolors-frame-contrast: #181c56;
854
+ --basecolors-frame-contrastalt: #393d79;
855
+ --basecolors-frame-default: #ffffff;
856
+ --basecolors-frame-elevated: #ffffff;
857
+ --basecolors-frame-elevatedalt: #f6f6f9;
858
+ --basecolors-frame-subdued: #d9dae8;
859
+ --basecolors-frame-tint: #f6f6f9;
860
+ --basecolors-shape-accent: #181c56;
861
+ --basecolors-shape-bicycle-contrast: #00db9b;
862
+ --basecolors-shape-bicycle-default: #388f76;
863
+ --basecolors-shape-bus-contrast: #ff6392;
864
+ --basecolors-shape-bus-default: #c5044e;
865
+ --basecolors-shape-cableway-contrast: #b482fb;
866
+ --basecolors-shape-cableway-default: #78469a;
867
+ --basecolors-shape-disabled: #6e6f73;
868
+ --basecolors-shape-disabledalt: #b6b8ba;
869
+ --basecolors-shape-ferry-contrast: #6fdfff;
870
+ --basecolors-shape-ferry-default: #0c6693;
871
+ --basecolors-shape-funicular-contrast: #b482fb;
872
+ --basecolors-shape-funicular-default: #78469a;
873
+ --basecolors-shape-helicopter-contrast: #fbafea;
874
+ --basecolors-shape-helicopter-default: #800664;
875
+ --basecolors-shape-highlight: #ff5959;
876
+ --basecolors-shape-light: #ffffff;
877
+ --basecolors-shape-mask: #ffffff;
878
+ --basecolors-shape-maskalt: #ffffff;
879
+ --basecolors-shape-metro-contrast: #f08901;
880
+ --basecolors-shape-metro-default: #bf5826;
881
+ --basecolors-shape-mobility-contrast: #00db9b;
882
+ --basecolors-shape-mobility-default: #388f76;
883
+ --basecolors-shape-plane-contrast: #fbafea;
884
+ --basecolors-shape-plane-default: #800664;
885
+ --basecolors-shape-subdued: #626493;
886
+ --basecolors-shape-subduedalt: #d9dae8;
887
+ --basecolors-shape-taxi-contrast: #ffe082;
888
+ --basecolors-shape-taxi-default: #3d3e40;
889
+ --basecolors-shape-train-contrast: #42a5f5;
890
+ --basecolors-shape-train-default: #00367f;
891
+ --basecolors-shape-tram-contrast: #b482fb;
892
+ --basecolors-shape-tram-default: #78469a;
893
+ --basecolors-shape-walk-contrast: #8284ab;
894
+ --basecolors-shape-walk-default: #8d8e9c;
895
+ --basecolors-shape-airportlinkbus-contrast: #fbafea;
896
+ --basecolors-shape-airportlinkbus-default: #800664;
897
+ --basecolors-shape-airportlinkrail-contrast: #fbafea;
898
+ --basecolors-shape-airportlinkrail-default: #800664;
899
+ --basecolors-stroke-contrast: #aeb7e2;
900
+ --basecolors-stroke-default: #181c56;
901
+ --basecolors-stroke-disabled: #949699;
902
+ --basecolors-stroke-focus-contrast: #aeb7e2;
903
+ --basecolors-stroke-focus-standard: #181c56;
904
+ --basecolors-stroke-highlight: #ff5959;
905
+ --basecolors-stroke-light: #ffffff;
906
+ --basecolors-stroke-subdued: #8284ab;
907
+ --basecolors-stroke-subduedalt: #e3e6e8;
908
+ --basecolors-text-accent: #181c56;
909
+ --basecolors-text-disabled: #6e6f73;
910
+ --basecolors-text-disabledalt: #b6b8ba;
911
+ --basecolors-text-highlight: #ff5959;
912
+ --basecolors-text-light: #ffffff;
913
+ --basecolors-text-subdued: #626493;
914
+ --basecolors-text-subduedalt: #d9dae8;
915
+ }
916
+
917
+ [data-color-mode=dark] {
918
+ --basecolors-frame-contrast: #212233;
919
+ --basecolors-frame-contrastalt: #141527;
920
+ --basecolors-frame-default: #08091c;
921
+ --basecolors-frame-elevated: rgba(229, 229, 233, 0.1490196078);
922
+ --basecolors-frame-elevatedalt: #464755;
923
+ --basecolors-frame-subdued: #2d2e3e;
924
+ --basecolors-frame-tint: #141527;
925
+ --basecolors-shape-accent: #e5e5e9;
926
+ --basecolors-shape-bicycle-contrast: #4db295;
927
+ --basecolors-shape-bicycle-default: #4db295;
928
+ --basecolors-shape-bus-contrast: #e87a9b;
929
+ --basecolors-shape-bus-default: #e87a9b;
930
+ --basecolors-shape-cableway-contrast: #b898e5;
931
+ --basecolors-shape-cableway-default: #b898e5;
932
+ --basecolors-shape-disabled: #b6b8ba;
933
+ --basecolors-shape-disabledalt: #b3b4bd;
934
+ --basecolors-shape-ferry-contrast: #8ccfe2;
935
+ --basecolors-shape-ferry-default: #8ccfe2;
936
+ --basecolors-shape-funicular-contrast: #b898e5;
937
+ --basecolors-shape-funicular-default: #b898e5;
938
+ --basecolors-shape-helicopter-contrast: #f2b8e5;
939
+ --basecolors-shape-helicopter-default: #f2b8e5;
940
+ --basecolors-shape-highlight: #ff9494;
941
+ --basecolors-shape-light: #e5e5e9;
942
+ --basecolors-shape-mask: #2d2e3e;
943
+ --basecolors-shape-maskalt: #393a49;
944
+ --basecolors-shape-metro-contrast: #dd973c;
945
+ --basecolors-shape-metro-default: #dd973c;
946
+ --basecolors-shape-mobility-contrast: #4db295;
947
+ --basecolors-shape-mobility-default: #4db295;
948
+ --basecolors-shape-plane-contrast: #f2b8e5;
949
+ --basecolors-shape-plane-default: #f2b8e5;
950
+ --basecolors-shape-subdued: #b3b4bd;
951
+ --basecolors-shape-subduedalt: #b3b4bd;
952
+ --basecolors-shape-taxi-contrast: #ffe082;
953
+ --basecolors-shape-taxi-default: #ffe082;
954
+ --basecolors-shape-train-contrast: #60a2d7;
955
+ --basecolors-shape-train-default: #60a2d7;
956
+ --basecolors-shape-tram-contrast: #b898e5;
957
+ --basecolors-shape-tram-default: #b898e5;
958
+ --basecolors-shape-walk-contrast: #8d8e9c;
959
+ --basecolors-shape-walk-default: #8d8e9c;
960
+ --basecolors-shape-airportlinkbus-contrast: #f2b8e5;
961
+ --basecolors-shape-airportlinkbus-default: #f2b8e5;
962
+ --basecolors-shape-airportlinkrail-contrast: #f2b8e5;
963
+ --basecolors-shape-airportlinkrail-default: #f2b8e5;
964
+ --basecolors-stroke-contrast: #aeb7e2;
965
+ --basecolors-stroke-default: #b3b4bd;
966
+ --basecolors-stroke-disabled: #e3e6e8;
967
+ --basecolors-stroke-focus-contrast: #aeb7e2;
968
+ --basecolors-stroke-focus-standard: #aeb7e2;
969
+ --basecolors-stroke-highlight: #ff9494;
970
+ --basecolors-stroke-light: #b3b4bd;
971
+ --basecolors-stroke-subdued: #81828f;
972
+ --basecolors-stroke-subduedalt: #81828f;
973
+ --basecolors-text-accent: #e5e5e9;
974
+ --basecolors-text-disabled: #b6b8ba;
975
+ --basecolors-text-disabledalt: #b6b8ba;
976
+ --basecolors-text-highlight: #ff9494;
977
+ --basecolors-text-light: #e5e5e9;
978
+ --basecolors-text-subdued: #b3b4bd;
979
+ --basecolors-text-subduedalt: #b3b4bd;
980
+ }
981
+
982
+ :root {
983
+ --eds-menu: 1;
984
+ --reach-menu-button: 1;
985
+ }
986
+ /* DO NOT CHANGE!*/
987
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
650
988
  .eds-stepper {
651
989
  --text-color: var(--components-menu-stepper-standard-text-uncompleted);
652
990
  --line-color: var(--components-menu-stepper-standard-background);
@@ -770,469 +1108,3 @@
770
1108
  .eds-contrast .eds-stepper__step__line:after {
771
1109
  background: var(--components-menu-stepper-contrast-progressbar);
772
1110
  }
773
- @import "~@entur/tokens/dist/primitive.css";
774
- @import "~@entur/tokens/dist/semantic.css";
775
- /* DO NOT CHANGE!*/
776
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
777
- :root {
778
- --fill-background-contrast-dark: var(--ebony-90);
779
- --fill-background-contrast-light: var(--lavender-90);
780
- --fill-background-contrast-lightalt: var(--blue-90);
781
- --fill-background-contrast-lightalt-2: var(--blue-100);
782
- --fill-background-overlay-solid: var(--ebony-80);
783
- --fill-background-overlay-solidalt: var(--ebony-75);
784
- --fill-background-overlay-transparent: var(--transparent-ebony-alpha15);
785
- --fill-background-overlay-transparentalt: var(--transparent-ebony-alpha25);
786
- --fill-background-standard-colorless: var(--white-alpha-0);
787
- --fill-background-standard-dark: var(--ebony-100);
788
- --fill-background-standard-light: var(--white-alpha-100);
789
- --fill-background-subdued-dark: var(--ebony-85);
790
- --fill-background-subdued-light: var(--blue-30);
791
- --fill-background-tint-dark: var(--ebony-95);
792
- --fill-background-tint-light: var(--blue-10);
793
- --fill-background-tint-neutral: var(--grey-10);
794
- --fill-background-tint-transparent: var(--transparent-blue-alpha10);
795
- --fill-boolean-false-contrast: var(--blue-50);
796
- --fill-boolean-false-dark: var(--transparent-ebony-alpha35);
797
- --fill-boolean-false-light: var(--grey-60);
798
- --fill-boolean-true-contrast: var(--mint-40);
799
- --fill-boolean-true-dark: var(--mint-40);
800
- --fill-boolean-true-light: var(--mint-60);
801
- --fill-disabled-light: var(--grey-40);
802
- --fill-disabled-transparent: var(--transparent-neutral-alpha15);
803
- --fill-disabled-transparentalt: var(--transparent-neutral-alpha10);
804
- --fill-information-contrast: var(--sky-30);
805
- --fill-information-deep: var(--sky-50);
806
- --fill-information-muted: var(--sky-10);
807
- --fill-information-tint: var(--sky-20);
808
- --fill-negative-contrast: var(--coral-40);
809
- --fill-negative-dark: var(--coral-90);
810
- --fill-negative-deep: var(--coral-60);
811
- --fill-negative-muted: var(--coral-20);
812
- --fill-negative-tint: var(--coral-30);
813
- --fill-negative-transparent: var(--transparent-coral-alpha20);
814
- --fill-primary-active-contrast: var(--lavender-50);
815
- --fill-primary-active-light: var(--lavender-100);
816
- --fill-primary-default-contrast: var(--lavender-40);
817
- --fill-primary-default-light: var(--lavender-90);
818
- --fill-primary-hover-contrast: var(--lavender-30);
819
- --fill-primary-hover-light: var(--blue-90);
820
- --fill-secondary-active-contrast: var(--lavender-50);
821
- --fill-secondary-active-light: var(--lavender-40);
822
- --fill-secondary-default-colorless: var(--white-alpha-0);
823
- --fill-secondary-hover-contrast: var(--blue-70);
824
- --fill-secondary-hover-light: var(--lavender-20);
825
- --fill-selected-default-contrast: var(--blue-90);
826
- --fill-selected-default-dark: var(--ebony-10);
827
- --fill-selected-default-darkalt: var(--ebony-50);
828
- --fill-selected-default-light: var(--blue-10);
829
- --fill-selected-default-neutral: var(--grey-30);
830
- --fill-selected-hover-contrast: var(--blue-80);
831
- --fill-selected-hover-dark: var(--transparent-ebony-alpha35);
832
- --fill-selected-hover-light: var(--blue-20);
833
- --fill-selected-hover-neutral: var(--grey-20);
834
- --fill-success-contrast: var(--mint-40);
835
- --fill-success-deep: var(--mint-60);
836
- --fill-success-muted: var(--mint-20);
837
- --fill-success-subdued: var(--mint-50);
838
- --fill-success-tint: var(--mint-30);
839
- --fill-warning-contrast: var(--canary-40);
840
- --fill-warning-deep: var(--canary-60);
841
- --fill-warning-muted: var(--canary-20);
842
- --fill-warning-tint: var(--canary-30);
843
- --shape-accent: var(--lavender-90);
844
- --shape-contrast: var(--lavender-40);
845
- --shape-dark: var(--ebony-100);
846
- --shape-darkalt: var(--ebony-30);
847
- --shape-disabled: var(--grey-80);
848
- --shape-highlight: var(--coral-40);
849
- --shape-highlightalt: var(--coral-30);
850
- --shape-inactive: var(--blue-40);
851
- --shape-information: var(--sky-50);
852
- --shape-informationalt: var(--sky-30);
853
- --shape-light: var(--white-alpha-100);
854
- --shape-lightalt: var(--ebony-10);
855
- --shape-negative: var(--coral-60);
856
- --shape-negativealt: var(--coral-30);
857
- --shape-neutral: var(--grey-70);
858
- --shape-neutralalt: var(--grey-50);
859
- --shape-neutralalt2: var(--grey-60);
860
- --shape-subdued: var(--blue-70);
861
- --shape-subduedalt: var(--blue-30);
862
- --shape-success: var(--mint-60);
863
- --shape-successalt: var(--mint-40);
864
- --shape-warning: var(--canary-60);
865
- --shape-warningalt: var(--canary-40);
866
- --stroke-accent: var(--lavender-90);
867
- --stroke-colorless: var(--white-alpha-0);
868
- --stroke-contrast: var(--lavender-40);
869
- --stroke-contrastalt: var(--blue-80);
870
- --stroke-dark: var(--ebony-30);
871
- --stroke-darkalt: var(--ebony-50);
872
- --stroke-darkalt-2: var(--ebony-100);
873
- --stroke-highlight: var(--coral-40);
874
- --stroke-highlightalt: var(--coral-30);
875
- --stroke-information: var(--sky-50);
876
- --stroke-light: var(--white-alpha-100);
877
- --stroke-lightalt: var(--ebony-10);
878
- --stroke-negative: var(--coral-60);
879
- --stroke-negativealt: var(--coral-30);
880
- --stroke-neutral: var(--grey-30);
881
- --stroke-neutralalt: var(--grey-60);
882
- --stroke-subdued: var(--blue-60);
883
- --stroke-success: var(--mint-60);
884
- --stroke-successalt: var(--mint-40);
885
- --stroke-transparent: var(--transparent-blue-alpha40);
886
- --stroke-transparentalt: var(--transparent-lavender-alpha70);
887
- --stroke-warning: var(--canary-70);
888
- --text-accent: var(--lavender-90);
889
- --text-dark: var(--ebony-100);
890
- --text-darkalt: var(--ebony-30);
891
- --text-disabled: var(--grey-80);
892
- --text-highlight: var(--lavender-40);
893
- --text-highlightalt: var(--peach-40);
894
- --text-light: var(--white-alpha-100);
895
- --text-lightalt: var(--ebony-10);
896
- --text-negative: var(--coral-60);
897
- --text-negativealt: var(--coral-30);
898
- --text-neutral: var(--grey-70);
899
- --text-neutralalt: var(--grey-50);
900
- --text-neutralalt2: var(--grey-60);
901
- --text-subdued: var(--blue-70);
902
- --text-subduedalt: var(--blue-30);
903
- --text-success: var(--mint-60);
904
- --text-successalt: var(--mint-40);
905
- }
906
-
907
- /* DO NOT CHANGE!*/
908
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
909
- [data-color-mode=light],
910
- :root {
911
- --components-menu-breadcrumb-contrast-icon: var(--shape-light);
912
- --components-menu-breadcrumb-contrast-text: var(--text-light);
913
- --components-menu-breadcrumb-standard-icon: var(--shape-accent);
914
- --components-menu-breadcrumb-standard-text: var(--text-accent);
915
- --components-menu-navigationbar-contrast-background: var(--fill-background-contrast-lightalt);
916
- --components-menu-navigationbar-contrast-divide: var(--stroke-colorless);
917
- --components-menu-navigationbar-contrast-icon-selected: var(--shape-light);
918
- --components-menu-navigationbar-contrast-icon-unselected: var(--shape-subduedalt);
919
- --components-menu-navigationbar-contrast-stroke-selected: var(--stroke-highlight);
920
- --components-menu-navigationbar-contrast-text-selected: var(--text-light);
921
- --components-menu-navigationbar-contrast-text-unselected: var(--text-subduedalt);
922
- --components-menu-navigationbar-standard-background: var(--fill-background-standard-light);
923
- --components-menu-navigationbar-standard-divide: var(--stroke-neutral);
924
- --components-menu-navigationbar-standard-icon-selected: var(--shape-accent);
925
- --components-menu-navigationbar-standard-icon-unselected: var(--shape-subdued);
926
- --components-menu-navigationbar-standard-stroke-selected: var(--stroke-highlight);
927
- --components-menu-navigationbar-standard-text-selected: var(--text-accent);
928
- --components-menu-navigationbar-standard-text-unselected: var(--text-subdued);
929
- --components-menu-navigationlink-contrast-icon: var(--shape-light);
930
- --components-menu-navigationlink-contrast-text: var(--text-light);
931
- --components-menu-navigationlink-standard-icon: var(--shape-accent);
932
- --components-menu-navigationlink-standard-text: var(--text-accent);
933
- --components-menu-overflowmenu-border: var(--stroke-subdued);
934
- --components-menu-overflowmenu-fill-default: var(--fill-background-tint-neutral);
935
- --components-menu-overflowmenu-fill-hover: var(--fill-background-subdued-light);
936
- --components-menu-overflowmenu-icon: var(--shape-accent);
937
- --components-menu-overflowmenu-icon-disabled: var(--shape-neutral);
938
- --components-menu-overflowmenu-text: var(--text-accent);
939
- --components-menu-overflowmenu-text-disabled: var(--text-neutral);
940
- --components-menu-pagination-contrast-active: var(--fill-secondary-active-contrast);
941
- --components-menu-pagination-contrast-border-selected: var(--stroke-light);
942
- --components-menu-pagination-contrast-border-unselected: var(--stroke-transparentalt);
943
- --components-menu-pagination-contrast-default: var(--fill-background-standard-colorless);
944
- --components-menu-pagination-contrast-hover: var(--fill-secondary-hover-contrast);
945
- --components-menu-pagination-contrast-icon: var(--shape-light);
946
- --components-menu-pagination-contrast-text-selected: var(--text-accent);
947
- --components-menu-pagination-contrast-text-subdued: var(--text-subduedalt);
948
- --components-menu-pagination-contrast-text-unselected: var(--text-light);
949
- --components-menu-pagination-standard-active: var(--fill-secondary-active-light);
950
- --components-menu-pagination-standard-border-selected: var(--stroke-accent);
951
- --components-menu-pagination-standard-border-unselected: var(--stroke-transparent);
952
- --components-menu-pagination-standard-default: var(--fill-background-standard-colorless);
953
- --components-menu-pagination-standard-hover: var(--fill-secondary-hover-light);
954
- --components-menu-pagination-standard-icon: var(--shape-accent);
955
- --components-menu-pagination-standard-text-selected: var(--text-accent);
956
- --components-menu-pagination-standard-text-subdued: var(--text-subdued);
957
- --components-menu-pagination-standard-text-unselected: var(--text-accent);
958
- --components-menu-sidenavigation-contrast-avatar: var(--fill-background-contrast-lightalt);
959
- --components-menu-sidenavigation-contrast-background: var(--fill-background-contrast-light);
960
- --components-menu-sidenavigation-contrast-divide: var(--stroke-subdued);
961
- --components-menu-sidenavigation-contrast-fill-active: var(--fill-background-standard-colorless);
962
- --components-menu-sidenavigation-contrast-fill-default: var(--fill-background-standard-colorless);
963
- --components-menu-sidenavigation-contrast-fill-hover: var(--fill-background-contrast-lightalt);
964
- --components-menu-sidenavigation-contrast-icon: var(--shape-light);
965
- --components-menu-sidenavigation-contrast-icon-disabled: var(--shape-neutralalt);
966
- --components-menu-sidenavigation-contrast-icon-label: var(--shape-contrast);
967
- --components-menu-sidenavigation-contrast-label: var(--text-highlight);
968
- --components-menu-sidenavigation-contrast-stroke-selected: var(--stroke-highlight);
969
- --components-menu-sidenavigation-contrast-text: var(--text-light);
970
- --components-menu-sidenavigation-contrast-text-disabled: var(--text-neutralalt);
971
- --components-menu-sidenavigation-standard-avatar: var(--fill-background-standard-light);
972
- --components-menu-sidenavigation-standard-background: var(--fill-background-tint-neutral);
973
- --components-menu-sidenavigation-standard-divide: var(--stroke-neutral);
974
- --components-menu-sidenavigation-standard-fill-active: var(--fill-background-standard-colorless);
975
- --components-menu-sidenavigation-standard-fill-default: var(--fill-background-standard-colorless);
976
- --components-menu-sidenavigation-standard-fill-hover: var(--fill-background-subdued-light);
977
- --components-menu-sidenavigation-standard-icon: var(--shape-accent);
978
- --components-menu-sidenavigation-standard-icon-disabled: var(--shape-neutral);
979
- --components-menu-sidenavigation-standard-icon-label: var(--shape-subdued);
980
- --components-menu-sidenavigation-standard-label: var(--text-subdued);
981
- --components-menu-sidenavigation-standard-stroke-selected: var(--stroke-accent);
982
- --components-menu-sidenavigation-standard-text: var(--text-accent);
983
- --components-menu-sidenavigation-standard-text-disabled: var(--text-neutral);
984
- --components-menu-stepper-contrast-background: var(--fill-secondary-hover-contrast);
985
- --components-menu-stepper-contrast-progressbar: var(--fill-primary-default-contrast);
986
- --components-menu-stepper-contrast-text-completed: var(--text-light);
987
- --components-menu-stepper-contrast-text-uncompleted: var(--text-highlight);
988
- --components-menu-stepper-standard-background: var(--fill-selected-default-neutral);
989
- --components-menu-stepper-standard-progressbar: var(--fill-primary-default-light);
990
- --components-menu-stepper-standard-text-completed: var(--text-accent);
991
- --components-menu-stepper-standard-text-uncompleted: var(--text-neutral);
992
- --components-menu-tableofcontent-contrast-icon-selected: var(--shape-light);
993
- --components-menu-tableofcontent-contrast-icon-unselected: var(--shape-subduedalt);
994
- --components-menu-tableofcontent-contrast-stroke-selected: var(--stroke-highlight);
995
- --components-menu-tableofcontent-contrast-stroke-unselected: var(--stroke-contrastalt);
996
- --components-menu-tableofcontent-contrast-text-selected: var(--text-light);
997
- --components-menu-tableofcontent-contrast-text-unselected: var(--text-subduedalt);
998
- --components-menu-tableofcontent-standard-icon-selected: var(--shape-accent);
999
- --components-menu-tableofcontent-standard-icon-unselected: var(--shape-subdued);
1000
- --components-menu-tableofcontent-standard-stroke-selected: var(--stroke-highlight);
1001
- --components-menu-tableofcontent-standard-stroke-unselected: var(--stroke-neutral);
1002
- --components-menu-tableofcontent-standard-text-selected: var(--text-accent);
1003
- --components-menu-tableofcontent-standard-text-unselected: var(--text-subdued);
1004
- }
1005
-
1006
- [data-color-mode=dark] {
1007
- --components-menu-breadcrumb-contrast-icon: var(--shape-lightalt);
1008
- --components-menu-breadcrumb-contrast-text: var(--text-lightalt);
1009
- --components-menu-breadcrumb-standard-icon: var(--shape-lightalt);
1010
- --components-menu-breadcrumb-standard-text: var(--text-lightalt);
1011
- --components-menu-navigationbar-contrast-background: var(--fill-background-overlay-solid);
1012
- --components-menu-navigationbar-contrast-divide: var(--stroke-colorless);
1013
- --components-menu-navigationbar-contrast-icon-selected: var(--shape-lightalt);
1014
- --components-menu-navigationbar-contrast-icon-unselected: var(--shape-neutralalt);
1015
- --components-menu-navigationbar-contrast-stroke-selected: var(--stroke-highlightalt);
1016
- --components-menu-navigationbar-contrast-text-selected: var(--text-lightalt);
1017
- --components-menu-navigationbar-contrast-text-unselected: var(--text-neutralalt);
1018
- --components-menu-navigationbar-standard-background: var(--fill-background-overlay-solid);
1019
- --components-menu-navigationbar-standard-divide: var(--stroke-colorless);
1020
- --components-menu-navigationbar-standard-icon-selected: var(--shape-lightalt);
1021
- --components-menu-navigationbar-standard-icon-unselected: var(--shape-neutralalt);
1022
- --components-menu-navigationbar-standard-stroke-selected: var(--stroke-highlightalt);
1023
- --components-menu-navigationbar-standard-text-selected: var(--text-lightalt);
1024
- --components-menu-navigationbar-standard-text-unselected: var(--text-neutralalt);
1025
- --components-menu-navigationlink-contrast-icon: var(--shape-lightalt);
1026
- --components-menu-navigationlink-contrast-text: var(--text-lightalt);
1027
- --components-menu-navigationlink-standard-icon: var(--shape-lightalt);
1028
- --components-menu-navigationlink-standard-text: var(--text-lightalt);
1029
- --components-menu-overflowmenu-border: var(--stroke-colorless);
1030
- --components-menu-overflowmenu-fill-default: var(--fill-background-overlay-solidalt);
1031
- --components-menu-overflowmenu-fill-hover: var(--fill-secondary-hover-contrast);
1032
- --components-menu-overflowmenu-icon: var(--shape-lightalt);
1033
- --components-menu-overflowmenu-icon-disabled: var(--shape-neutralalt2);
1034
- --components-menu-overflowmenu-text: var(--text-lightalt);
1035
- --components-menu-overflowmenu-text-disabled: var(--text-neutralalt2);
1036
- --components-menu-pagination-contrast-active: var(--fill-secondary-active-contrast);
1037
- --components-menu-pagination-contrast-border-selected: var(--stroke-lightalt);
1038
- --components-menu-pagination-contrast-border-unselected: var(--stroke-transparentalt);
1039
- --components-menu-pagination-contrast-default: var(--fill-background-standard-colorless);
1040
- --components-menu-pagination-contrast-hover: var(--fill-secondary-hover-contrast);
1041
- --components-menu-pagination-contrast-icon: var(--shape-lightalt);
1042
- --components-menu-pagination-contrast-text-selected: var(--text-dark);
1043
- --components-menu-pagination-contrast-text-subdued: var(--text-darkalt);
1044
- --components-menu-pagination-contrast-text-unselected: var(--text-lightalt);
1045
- --components-menu-pagination-standard-active: var(--fill-secondary-active-contrast);
1046
- --components-menu-pagination-standard-border-selected: var(--stroke-lightalt);
1047
- --components-menu-pagination-standard-border-unselected: var(--stroke-transparentalt);
1048
- --components-menu-pagination-standard-default: var(--fill-background-standard-colorless);
1049
- --components-menu-pagination-standard-hover: var(--fill-secondary-hover-contrast);
1050
- --components-menu-pagination-standard-icon: var(--shape-lightalt);
1051
- --components-menu-pagination-standard-text-selected: var(--text-dark);
1052
- --components-menu-pagination-standard-text-subdued: var(--text-darkalt);
1053
- --components-menu-pagination-standard-text-unselected: var(--text-lightalt);
1054
- --components-menu-sidenavigation-contrast-avatar: var(--fill-background-overlay-transparent);
1055
- --components-menu-sidenavigation-contrast-background: var(--fill-background-contrast-dark);
1056
- --components-menu-sidenavigation-contrast-divide: var(--stroke-darkalt);
1057
- --components-menu-sidenavigation-contrast-fill-active: var(--fill-background-standard-colorless);
1058
- --components-menu-sidenavigation-contrast-fill-default: var(--fill-background-standard-colorless);
1059
- --components-menu-sidenavigation-contrast-fill-hover: var(--fill-background-overlay-transparent);
1060
- --components-menu-sidenavigation-contrast-icon: var(--shape-lightalt);
1061
- --components-menu-sidenavigation-contrast-icon-disabled: var(--shape-neutralalt2);
1062
- --components-menu-sidenavigation-contrast-icon-label: var(--shape-darkalt);
1063
- --components-menu-sidenavigation-contrast-label: var(--text-darkalt);
1064
- --components-menu-sidenavigation-contrast-stroke-selected: var(--stroke-highlightalt);
1065
- --components-menu-sidenavigation-contrast-text: var(--text-lightalt);
1066
- --components-menu-sidenavigation-contrast-text-disabled: var(--text-neutralalt2);
1067
- --components-menu-sidenavigation-standard-avatar: var(--fill-background-overlay-transparent);
1068
- --components-menu-sidenavigation-standard-background: var(--fill-background-contrast-dark);
1069
- --components-menu-sidenavigation-standard-divide: var(--stroke-darkalt);
1070
- --components-menu-sidenavigation-standard-fill-active: var(--fill-secondary-default-colorless);
1071
- --components-menu-sidenavigation-standard-fill-default: var(--fill-secondary-default-colorless);
1072
- --components-menu-sidenavigation-standard-fill-hover: var(--fill-background-overlay-transparent);
1073
- --components-menu-sidenavigation-standard-icon: var(--shape-lightalt);
1074
- --components-menu-sidenavigation-standard-icon-disabled: var(--shape-neutralalt2);
1075
- --components-menu-sidenavigation-standard-icon-label: var(--shape-darkalt);
1076
- --components-menu-sidenavigation-standard-label: var(--text-darkalt);
1077
- --components-menu-sidenavigation-standard-stroke-selected: var(--stroke-highlightalt);
1078
- --components-menu-sidenavigation-standard-text: var(--text-lightalt);
1079
- --components-menu-sidenavigation-standard-text-disabled: var(--text-neutralalt2);
1080
- --components-menu-stepper-contrast-background: var(--fill-secondary-hover-contrast);
1081
- --components-menu-stepper-contrast-progressbar: var(--fill-primary-default-contrast);
1082
- --components-menu-stepper-contrast-text-completed: var(--text-lightalt);
1083
- --components-menu-stepper-contrast-text-uncompleted: var(--text-neutralalt);
1084
- --components-menu-stepper-standard-background: var(--fill-secondary-hover-contrast);
1085
- --components-menu-stepper-standard-progressbar: var(--fill-primary-default-contrast);
1086
- --components-menu-stepper-standard-text-completed: var(--text-lightalt);
1087
- --components-menu-stepper-standard-text-uncompleted: var(--text-neutralalt);
1088
- --components-menu-tableofcontent-contrast-icon-selected: var(--shape-lightalt);
1089
- --components-menu-tableofcontent-contrast-icon-unselected: var(--shape-darkalt);
1090
- --components-menu-tableofcontent-contrast-stroke-selected: var(--stroke-highlightalt);
1091
- --components-menu-tableofcontent-contrast-stroke-unselected: var(--stroke-transparent);
1092
- --components-menu-tableofcontent-contrast-text-selected: var(--text-lightalt);
1093
- --components-menu-tableofcontent-contrast-text-unselected: var(--text-darkalt);
1094
- --components-menu-tableofcontent-standard-icon-selected: var(--shape-lightalt);
1095
- --components-menu-tableofcontent-standard-icon-unselected: var(--shape-darkalt);
1096
- --components-menu-tableofcontent-standard-stroke-selected: var(--stroke-highlightalt);
1097
- --components-menu-tableofcontent-standard-stroke-unselected: var(--stroke-transparent);
1098
- --components-menu-tableofcontent-standard-text-selected: var(--text-lightalt);
1099
- --components-menu-tableofcontent-standard-text-unselected: var(--text-darkalt);
1100
- }
1101
-
1102
- /* DO NOT CHANGE!*/
1103
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
1104
- [data-color-mode=light],
1105
- :root {
1106
- --basecolors-frame-contrast: var(--fill-background-contrast-light);
1107
- --basecolors-frame-contrastalt: var(--fill-background-contrast-lightalt);
1108
- --basecolors-frame-default: var(--fill-background-standard-light);
1109
- --basecolors-frame-elevated: var(--fill-background-standard-light);
1110
- --basecolors-frame-elevatedalt: var(--fill-background-tint-light);
1111
- --basecolors-frame-subdued: var(--fill-background-subdued-light);
1112
- --basecolors-frame-tint: var(--fill-background-tint-light);
1113
- --basecolors-shape-accent: var(--shape-accent);
1114
- --basecolors-shape-bicycle-contrast: var(--contrast-bicycle);
1115
- --basecolors-shape-bicycle-default: var(--standard-bicycle);
1116
- --basecolors-shape-bus-contrast: var(--contrast-bus);
1117
- --basecolors-shape-bus-default: var(--standard-bus);
1118
- --basecolors-shape-cableway-contrast: var(--contrast-cableway);
1119
- --basecolors-shape-cableway-default: var(--standard-cableway);
1120
- --basecolors-shape-disabled: var(--shape-neutral);
1121
- --basecolors-shape-disabledalt: var(--shape-neutralalt);
1122
- --basecolors-shape-ferry-contrast: var(--contrast-ferry);
1123
- --basecolors-shape-ferry-default: var(--standard-ferry);
1124
- --basecolors-shape-funicular-contrast: var(--contrast-funicular);
1125
- --basecolors-shape-funicular-default: var(--standard-funicular);
1126
- --basecolors-shape-helicopter-contrast: var(--contrast-helicopter);
1127
- --basecolors-shape-helicopter-default: var(--standard-helicopter);
1128
- --basecolors-shape-highlight: var(--stroke-highlight);
1129
- --basecolors-shape-light: var(--shape-light);
1130
- --basecolors-shape-mask: var(--shape-light);
1131
- --basecolors-shape-maskalt: var(--shape-light);
1132
- --basecolors-shape-metro-contrast: var(--contrast-metro);
1133
- --basecolors-shape-metro-default: var(--standard-metro);
1134
- --basecolors-shape-mobility-contrast: var(--contrast-mobility);
1135
- --basecolors-shape-mobility-default: var(--standard-mobility);
1136
- --basecolors-shape-plane-contrast: var(--contrast-plane);
1137
- --basecolors-shape-plane-default: var(--standard-plane);
1138
- --basecolors-shape-subdued: var(--shape-subdued);
1139
- --basecolors-shape-subduedalt: var(--shape-subduedalt);
1140
- --basecolors-shape-taxi-contrast: var(--contrast-taxi);
1141
- --basecolors-shape-taxi-default: var(--standard-taxi);
1142
- --basecolors-shape-train-contrast: var(--contrast-train);
1143
- --basecolors-shape-train-default: var(--standard-train);
1144
- --basecolors-shape-tram-contrast: var(--contrast-tram);
1145
- --basecolors-shape-tram-default: var(--standard-tram);
1146
- --basecolors-shape-walk-contrast: var(--contrast-walk);
1147
- --basecolors-shape-walk-default: var(--standard-walk);
1148
- --basecolors-shape-airportlinkbus-contrast: var(--contrast-airportlinkbus);
1149
- --basecolors-shape-airportlinkbus-default: var(--standard-airportlinkbus);
1150
- --basecolors-shape-airportlinkrail-contrast: var(--contrast-airportlinkrail);
1151
- --basecolors-shape-airportlinkrail-default: var(--standard-airportlinkrail);
1152
- --basecolors-stroke-contrast: var(--stroke-contrast);
1153
- --basecolors-stroke-default: var(--stroke-accent);
1154
- --basecolors-stroke-disabled: var(--stroke-neutralalt);
1155
- --basecolors-stroke-focus-contrast: var(--stroke-contrast);
1156
- --basecolors-stroke-focus-standard: var(--stroke-accent);
1157
- --basecolors-stroke-highlight: var(--stroke-highlight);
1158
- --basecolors-stroke-light: var(--stroke-light);
1159
- --basecolors-stroke-subdued: var(--stroke-subdued);
1160
- --basecolors-stroke-subduedalt: var(--stroke-neutral);
1161
- --basecolors-text-accent: var(--text-accent);
1162
- --basecolors-text-disabled: var(--text-neutral);
1163
- --basecolors-text-disabledalt: var(--text-neutralalt);
1164
- --basecolors-text-highlight: var(--stroke-highlight);
1165
- --basecolors-text-light: var(--text-light);
1166
- --basecolors-text-subdued: var(--text-subdued);
1167
- --basecolors-text-subduedalt: var(--text-subduedalt);
1168
- }
1169
-
1170
- [data-color-mode=dark] {
1171
- --basecolors-frame-contrast: var(--fill-background-contrast-dark);
1172
- --basecolors-frame-contrastalt: var(--fill-background-tint-dark);
1173
- --basecolors-frame-default: var(--fill-background-standard-dark);
1174
- --basecolors-frame-elevated: var(--fill-background-overlay-transparent);
1175
- --basecolors-frame-elevatedalt: var(--fill-background-overlay-solidalt);
1176
- --basecolors-frame-subdued: var(--fill-background-subdued-dark);
1177
- --basecolors-frame-tint: var(--fill-background-tint-dark);
1178
- --basecolors-shape-accent: var(--shape-lightalt);
1179
- --basecolors-shape-bicycle-contrast: var(--dark-bicycle);
1180
- --basecolors-shape-bicycle-default: var(--dark-bicycle);
1181
- --basecolors-shape-bus-contrast: var(--dark-bus);
1182
- --basecolors-shape-bus-default: var(--dark-bus);
1183
- --basecolors-shape-cableway-contrast: var(--dark-cableway);
1184
- --basecolors-shape-cableway-default: var(--dark-cableway);
1185
- --basecolors-shape-disabled: var(--shape-neutralalt);
1186
- --basecolors-shape-disabledalt: var(--shape-darkalt);
1187
- --basecolors-shape-ferry-contrast: var(--dark-ferry);
1188
- --basecolors-shape-ferry-default: var(--dark-ferry);
1189
- --basecolors-shape-funicular-contrast: var(--dark-funicular);
1190
- --basecolors-shape-funicular-default: var(--dark-funicular);
1191
- --basecolors-shape-helicopter-contrast: var(--dark-helicopter);
1192
- --basecolors-shape-helicopter-default: var(--dark-helicopter);
1193
- --basecolors-shape-highlight: var(--stroke-highlightalt);
1194
- --basecolors-shape-light: var(--shape-lightalt);
1195
- --basecolors-shape-mask: var(--fill-background-subdued-dark);
1196
- --basecolors-shape-maskalt: var(--fill-background-overlay-solid);
1197
- --basecolors-shape-metro-contrast: var(--dark-metro);
1198
- --basecolors-shape-metro-default: var(--dark-metro);
1199
- --basecolors-shape-mobility-contrast: var(--dark-mobility);
1200
- --basecolors-shape-mobility-default: var(--dark-mobility);
1201
- --basecolors-shape-plane-contrast: var(--dark-plane);
1202
- --basecolors-shape-plane-default: var(--dark-plane);
1203
- --basecolors-shape-subdued: var(--shape-darkalt);
1204
- --basecolors-shape-subduedalt: var(--shape-darkalt);
1205
- --basecolors-shape-taxi-contrast: var(--dark-taxi);
1206
- --basecolors-shape-taxi-default: var(--dark-taxi);
1207
- --basecolors-shape-train-contrast: var(--dark-train);
1208
- --basecolors-shape-train-default: var(--dark-train);
1209
- --basecolors-shape-tram-contrast: var(--dark-tram);
1210
- --basecolors-shape-tram-default: var(--dark-tram);
1211
- --basecolors-shape-walk-contrast: var(--dark-walk);
1212
- --basecolors-shape-walk-default: var(--dark-walk);
1213
- --basecolors-shape-airportlinkbus-contrast: var(--dark-airportlinkbus);
1214
- --basecolors-shape-airportlinkbus-default: var(--dark-airportlinkbus);
1215
- --basecolors-shape-airportlinkrail-contrast: var(--dark-airportlinkrail);
1216
- --basecolors-shape-airportlinkrail-default: var(--dark-airportlinkrail);
1217
- --basecolors-stroke-contrast: var(--stroke-contrast);
1218
- --basecolors-stroke-default: var(--stroke-dark);
1219
- --basecolors-stroke-disabled: var(--stroke-neutral);
1220
- --basecolors-stroke-focus-contrast: var(--stroke-contrast);
1221
- --basecolors-stroke-focus-standard: var(--stroke-contrast);
1222
- --basecolors-stroke-highlight: var(--stroke-highlightalt);
1223
- --basecolors-stroke-light: var(--stroke-dark);
1224
- --basecolors-stroke-subdued: var(--stroke-darkalt);
1225
- --basecolors-stroke-subduedalt: var(--stroke-darkalt);
1226
- --basecolors-text-accent: var(--text-lightalt);
1227
- --basecolors-text-disabled: var(--text-neutralalt);
1228
- --basecolors-text-disabledalt: var(--text-neutralalt);
1229
- --basecolors-text-highlight: var(--stroke-highlightalt);
1230
- --basecolors-text-light: var(--text-lightalt);
1231
- --basecolors-text-subdued: var(--text-darkalt);
1232
- --basecolors-text-subduedalt: var(--text-darkalt);
1233
- }
1234
-
1235
- :root {
1236
- --eds-menu: 1;
1237
- --reach-menu-button: 1;
1238
- }