@entur/menu 4.2.22 → 4.2.24

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;
@@ -645,472 +645,6 @@
645
645
  .eds-contrast .eds-pagination__input-field:focus-visible {
646
646
  outline-color: var(--basecolors-stroke-focus-contrast);
647
647
  }
648
- @import "~@entur/tokens/dist/primitive.css";
649
- @import "~@entur/tokens/dist/semantic.css";
650
- /* DO NOT CHANGE!*/
651
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
652
- :root {
653
- --fill-background-contrast-dark: var(--ebony-90);
654
- --fill-background-contrast-light: var(--lavender-90);
655
- --fill-background-contrast-lightalt: var(--blue-90);
656
- --fill-background-contrast-lightalt-2: var(--blue-100);
657
- --fill-background-overlay-solid: var(--ebony-80);
658
- --fill-background-overlay-solidalt: var(--ebony-75);
659
- --fill-background-overlay-transparent: var(--transparent-ebony-alpha15);
660
- --fill-background-overlay-transparentalt: var(--transparent-ebony-alpha25);
661
- --fill-background-standard-colorless: var(--white-alpha-0);
662
- --fill-background-standard-dark: var(--ebony-100);
663
- --fill-background-standard-light: var(--white-alpha-100);
664
- --fill-background-subdued-dark: var(--ebony-85);
665
- --fill-background-subdued-light: var(--blue-30);
666
- --fill-background-tint-dark: var(--ebony-95);
667
- --fill-background-tint-light: var(--blue-10);
668
- --fill-background-tint-neutral: var(--grey-10);
669
- --fill-background-tint-transparent: var(--transparent-blue-alpha10);
670
- --fill-boolean-false-contrast: var(--blue-50);
671
- --fill-boolean-false-dark: var(--transparent-ebony-alpha35);
672
- --fill-boolean-false-light: var(--grey-60);
673
- --fill-boolean-true-contrast: var(--mint-40);
674
- --fill-boolean-true-dark: var(--mint-40);
675
- --fill-boolean-true-light: var(--mint-60);
676
- --fill-disabled-light: var(--grey-40);
677
- --fill-disabled-transparent: var(--transparent-neutral-alpha15);
678
- --fill-disabled-transparentalt: var(--transparent-neutral-alpha10);
679
- --fill-information-contrast: var(--sky-30);
680
- --fill-information-deep: var(--sky-50);
681
- --fill-information-muted: var(--sky-10);
682
- --fill-information-tint: var(--sky-20);
683
- --fill-negative-contrast: var(--coral-40);
684
- --fill-negative-dark: var(--coral-90);
685
- --fill-negative-deep: var(--coral-60);
686
- --fill-negative-muted: var(--coral-20);
687
- --fill-negative-tint: var(--coral-30);
688
- --fill-negative-transparent: var(--transparent-coral-alpha20);
689
- --fill-primary-active-contrast: var(--lavender-50);
690
- --fill-primary-active-light: var(--lavender-100);
691
- --fill-primary-default-contrast: var(--lavender-40);
692
- --fill-primary-default-light: var(--lavender-90);
693
- --fill-primary-hover-contrast: var(--lavender-30);
694
- --fill-primary-hover-light: var(--blue-90);
695
- --fill-secondary-active-contrast: var(--lavender-50);
696
- --fill-secondary-active-light: var(--lavender-40);
697
- --fill-secondary-default-colorless: var(--white-alpha-0);
698
- --fill-secondary-hover-contrast: var(--blue-70);
699
- --fill-secondary-hover-light: var(--lavender-20);
700
- --fill-selected-default-contrast: var(--blue-90);
701
- --fill-selected-default-dark: var(--ebony-10);
702
- --fill-selected-default-darkalt: var(--ebony-50);
703
- --fill-selected-default-light: var(--blue-10);
704
- --fill-selected-default-neutral: var(--grey-30);
705
- --fill-selected-hover-contrast: var(--blue-80);
706
- --fill-selected-hover-dark: var(--transparent-ebony-alpha35);
707
- --fill-selected-hover-light: var(--blue-20);
708
- --fill-selected-hover-neutral: var(--grey-20);
709
- --fill-success-contrast: var(--mint-40);
710
- --fill-success-deep: var(--mint-60);
711
- --fill-success-muted: var(--mint-20);
712
- --fill-success-subdued: var(--mint-50);
713
- --fill-success-tint: var(--mint-30);
714
- --fill-warning-contrast: var(--canary-40);
715
- --fill-warning-deep: var(--canary-60);
716
- --fill-warning-muted: var(--canary-20);
717
- --fill-warning-tint: var(--canary-30);
718
- --shape-accent: var(--lavender-90);
719
- --shape-contrast: var(--lavender-40);
720
- --shape-dark: var(--ebony-100);
721
- --shape-darkalt: var(--ebony-30);
722
- --shape-disabled: var(--grey-80);
723
- --shape-highlight: var(--coral-40);
724
- --shape-highlightalt: var(--coral-30);
725
- --shape-inactive: var(--blue-40);
726
- --shape-information: var(--sky-50);
727
- --shape-informationalt: var(--sky-30);
728
- --shape-light: var(--white-alpha-100);
729
- --shape-lightalt: var(--ebony-10);
730
- --shape-negative: var(--coral-60);
731
- --shape-negativealt: var(--coral-30);
732
- --shape-neutral: var(--grey-70);
733
- --shape-neutralalt: var(--grey-50);
734
- --shape-neutralalt2: var(--grey-60);
735
- --shape-subdued: var(--blue-70);
736
- --shape-subduedalt: var(--blue-30);
737
- --shape-success: var(--mint-60);
738
- --shape-successalt: var(--mint-40);
739
- --shape-warning: var(--canary-60);
740
- --shape-warningalt: var(--canary-40);
741
- --stroke-accent: var(--lavender-90);
742
- --stroke-colorless: var(--white-alpha-0);
743
- --stroke-contrast: var(--lavender-40);
744
- --stroke-contrastalt: var(--blue-80);
745
- --stroke-dark: var(--ebony-30);
746
- --stroke-darkalt: var(--ebony-50);
747
- --stroke-darkalt-2: var(--ebony-100);
748
- --stroke-highlight: var(--coral-40);
749
- --stroke-highlightalt: var(--coral-30);
750
- --stroke-information: var(--sky-50);
751
- --stroke-light: var(--white-alpha-100);
752
- --stroke-lightalt: var(--ebony-10);
753
- --stroke-negative: var(--coral-60);
754
- --stroke-negativealt: var(--coral-30);
755
- --stroke-neutral: var(--grey-30);
756
- --stroke-neutralalt: var(--grey-60);
757
- --stroke-subdued: var(--blue-60);
758
- --stroke-success: var(--mint-60);
759
- --stroke-successalt: var(--mint-40);
760
- --stroke-transparent: var(--transparent-blue-alpha40);
761
- --stroke-transparentalt: var(--transparent-lavender-alpha70);
762
- --stroke-warning: var(--canary-70);
763
- --text-accent: var(--lavender-90);
764
- --text-dark: var(--ebony-100);
765
- --text-darkalt: var(--ebony-30);
766
- --text-disabled: var(--grey-80);
767
- --text-highlight: var(--lavender-40);
768
- --text-highlightalt: var(--peach-40);
769
- --text-light: var(--white-alpha-100);
770
- --text-lightalt: var(--ebony-10);
771
- --text-negative: var(--coral-60);
772
- --text-negativealt: var(--coral-30);
773
- --text-neutral: var(--grey-70);
774
- --text-neutralalt: var(--grey-50);
775
- --text-neutralalt2: var(--grey-60);
776
- --text-subdued: var(--blue-70);
777
- --text-subduedalt: var(--blue-30);
778
- --text-success: var(--mint-60);
779
- --text-successalt: var(--mint-40);
780
- }
781
-
782
- /* DO NOT CHANGE!*/
783
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
784
- [data-color-mode=light],
785
- :root {
786
- --components-menu-breadcrumb-contrast-icon: var(--shape-light);
787
- --components-menu-breadcrumb-contrast-text: var(--text-light);
788
- --components-menu-breadcrumb-standard-icon: var(--shape-accent);
789
- --components-menu-breadcrumb-standard-text: var(--text-accent);
790
- --components-menu-navigationbar-contrast-background: var(--fill-background-contrast-lightalt);
791
- --components-menu-navigationbar-contrast-divide: var(--stroke-colorless);
792
- --components-menu-navigationbar-contrast-icon-selected: var(--shape-light);
793
- --components-menu-navigationbar-contrast-icon-unselected: var(--shape-subduedalt);
794
- --components-menu-navigationbar-contrast-stroke-selected: var(--stroke-highlight);
795
- --components-menu-navigationbar-contrast-text-selected: var(--text-light);
796
- --components-menu-navigationbar-contrast-text-unselected: var(--text-subduedalt);
797
- --components-menu-navigationbar-standard-background: var(--fill-background-standard-light);
798
- --components-menu-navigationbar-standard-divide: var(--stroke-neutral);
799
- --components-menu-navigationbar-standard-icon-selected: var(--shape-accent);
800
- --components-menu-navigationbar-standard-icon-unselected: var(--shape-subdued);
801
- --components-menu-navigationbar-standard-stroke-selected: var(--stroke-highlight);
802
- --components-menu-navigationbar-standard-text-selected: var(--text-accent);
803
- --components-menu-navigationbar-standard-text-unselected: var(--text-subdued);
804
- --components-menu-navigationlink-contrast-icon: var(--shape-light);
805
- --components-menu-navigationlink-contrast-text: var(--text-light);
806
- --components-menu-navigationlink-standard-icon: var(--shape-accent);
807
- --components-menu-navigationlink-standard-text: var(--text-accent);
808
- --components-menu-overflowmenu-border: var(--stroke-subdued);
809
- --components-menu-overflowmenu-fill-default: var(--fill-background-tint-neutral);
810
- --components-menu-overflowmenu-fill-hover: var(--fill-background-subdued-light);
811
- --components-menu-overflowmenu-icon: var(--shape-accent);
812
- --components-menu-overflowmenu-icon-disabled: var(--shape-neutral);
813
- --components-menu-overflowmenu-text: var(--text-accent);
814
- --components-menu-overflowmenu-text-disabled: var(--text-neutral);
815
- --components-menu-pagination-contrast-active: var(--fill-secondary-active-contrast);
816
- --components-menu-pagination-contrast-border-selected: var(--stroke-light);
817
- --components-menu-pagination-contrast-border-unselected: var(--stroke-transparentalt);
818
- --components-menu-pagination-contrast-default: var(--fill-background-standard-colorless);
819
- --components-menu-pagination-contrast-hover: var(--fill-secondary-hover-contrast);
820
- --components-menu-pagination-contrast-icon: var(--shape-light);
821
- --components-menu-pagination-contrast-text-selected: var(--text-accent);
822
- --components-menu-pagination-contrast-text-subdued: var(--text-subduedalt);
823
- --components-menu-pagination-contrast-text-unselected: var(--text-light);
824
- --components-menu-pagination-standard-active: var(--fill-secondary-active-light);
825
- --components-menu-pagination-standard-border-selected: var(--stroke-accent);
826
- --components-menu-pagination-standard-border-unselected: var(--stroke-transparent);
827
- --components-menu-pagination-standard-default: var(--fill-background-standard-colorless);
828
- --components-menu-pagination-standard-hover: var(--fill-secondary-hover-light);
829
- --components-menu-pagination-standard-icon: var(--shape-accent);
830
- --components-menu-pagination-standard-text-selected: var(--text-accent);
831
- --components-menu-pagination-standard-text-subdued: var(--text-subdued);
832
- --components-menu-pagination-standard-text-unselected: var(--text-accent);
833
- --components-menu-sidenavigation-contrast-avatar: var(--fill-background-contrast-lightalt);
834
- --components-menu-sidenavigation-contrast-background: var(--fill-background-contrast-light);
835
- --components-menu-sidenavigation-contrast-divide: var(--stroke-subdued);
836
- --components-menu-sidenavigation-contrast-fill-active: var(--fill-background-standard-colorless);
837
- --components-menu-sidenavigation-contrast-fill-default: var(--fill-background-standard-colorless);
838
- --components-menu-sidenavigation-contrast-fill-hover: var(--fill-background-contrast-lightalt);
839
- --components-menu-sidenavigation-contrast-icon: var(--shape-light);
840
- --components-menu-sidenavigation-contrast-icon-disabled: var(--shape-neutralalt);
841
- --components-menu-sidenavigation-contrast-icon-label: var(--shape-contrast);
842
- --components-menu-sidenavigation-contrast-label: var(--text-highlight);
843
- --components-menu-sidenavigation-contrast-stroke-selected: var(--stroke-highlight);
844
- --components-menu-sidenavigation-contrast-text: var(--text-light);
845
- --components-menu-sidenavigation-contrast-text-disabled: var(--text-neutralalt);
846
- --components-menu-sidenavigation-standard-avatar: var(--fill-background-standard-light);
847
- --components-menu-sidenavigation-standard-background: var(--fill-background-tint-neutral);
848
- --components-menu-sidenavigation-standard-divide: var(--stroke-neutral);
849
- --components-menu-sidenavigation-standard-fill-active: var(--fill-background-standard-colorless);
850
- --components-menu-sidenavigation-standard-fill-default: var(--fill-background-standard-colorless);
851
- --components-menu-sidenavigation-standard-fill-hover: var(--fill-background-subdued-light);
852
- --components-menu-sidenavigation-standard-icon: var(--shape-accent);
853
- --components-menu-sidenavigation-standard-icon-disabled: var(--shape-neutral);
854
- --components-menu-sidenavigation-standard-icon-label: var(--shape-subdued);
855
- --components-menu-sidenavigation-standard-label: var(--text-subdued);
856
- --components-menu-sidenavigation-standard-stroke-selected: var(--stroke-accent);
857
- --components-menu-sidenavigation-standard-text: var(--text-accent);
858
- --components-menu-sidenavigation-standard-text-disabled: var(--text-neutral);
859
- --components-menu-stepper-contrast-background: var(--fill-secondary-hover-contrast);
860
- --components-menu-stepper-contrast-progressbar: var(--fill-primary-default-contrast);
861
- --components-menu-stepper-contrast-text-completed: var(--text-light);
862
- --components-menu-stepper-contrast-text-uncompleted: var(--text-highlight);
863
- --components-menu-stepper-standard-background: var(--fill-selected-default-neutral);
864
- --components-menu-stepper-standard-progressbar: var(--fill-primary-default-light);
865
- --components-menu-stepper-standard-text-completed: var(--text-accent);
866
- --components-menu-stepper-standard-text-uncompleted: var(--text-neutral);
867
- --components-menu-tableofcontent-contrast-icon-selected: var(--shape-light);
868
- --components-menu-tableofcontent-contrast-icon-unselected: var(--shape-subduedalt);
869
- --components-menu-tableofcontent-contrast-stroke-selected: var(--stroke-highlight);
870
- --components-menu-tableofcontent-contrast-stroke-unselected: var(--stroke-contrastalt);
871
- --components-menu-tableofcontent-contrast-text-selected: var(--text-light);
872
- --components-menu-tableofcontent-contrast-text-unselected: var(--text-subduedalt);
873
- --components-menu-tableofcontent-standard-icon-selected: var(--shape-accent);
874
- --components-menu-tableofcontent-standard-icon-unselected: var(--shape-subdued);
875
- --components-menu-tableofcontent-standard-stroke-selected: var(--stroke-highlight);
876
- --components-menu-tableofcontent-standard-stroke-unselected: var(--stroke-neutral);
877
- --components-menu-tableofcontent-standard-text-selected: var(--text-accent);
878
- --components-menu-tableofcontent-standard-text-unselected: var(--text-subdued);
879
- }
880
-
881
- [data-color-mode=dark] {
882
- --components-menu-breadcrumb-contrast-icon: var(--shape-lightalt);
883
- --components-menu-breadcrumb-contrast-text: var(--text-lightalt);
884
- --components-menu-breadcrumb-standard-icon: var(--shape-lightalt);
885
- --components-menu-breadcrumb-standard-text: var(--text-lightalt);
886
- --components-menu-navigationbar-contrast-background: var(--fill-background-overlay-solid);
887
- --components-menu-navigationbar-contrast-divide: var(--stroke-colorless);
888
- --components-menu-navigationbar-contrast-icon-selected: var(--shape-lightalt);
889
- --components-menu-navigationbar-contrast-icon-unselected: var(--shape-neutralalt);
890
- --components-menu-navigationbar-contrast-stroke-selected: var(--stroke-highlightalt);
891
- --components-menu-navigationbar-contrast-text-selected: var(--text-lightalt);
892
- --components-menu-navigationbar-contrast-text-unselected: var(--text-neutralalt);
893
- --components-menu-navigationbar-standard-background: var(--fill-background-overlay-solid);
894
- --components-menu-navigationbar-standard-divide: var(--stroke-colorless);
895
- --components-menu-navigationbar-standard-icon-selected: var(--shape-lightalt);
896
- --components-menu-navigationbar-standard-icon-unselected: var(--shape-neutralalt);
897
- --components-menu-navigationbar-standard-stroke-selected: var(--stroke-highlightalt);
898
- --components-menu-navigationbar-standard-text-selected: var(--text-lightalt);
899
- --components-menu-navigationbar-standard-text-unselected: var(--text-neutralalt);
900
- --components-menu-navigationlink-contrast-icon: var(--shape-lightalt);
901
- --components-menu-navigationlink-contrast-text: var(--text-lightalt);
902
- --components-menu-navigationlink-standard-icon: var(--shape-lightalt);
903
- --components-menu-navigationlink-standard-text: var(--text-lightalt);
904
- --components-menu-overflowmenu-border: var(--stroke-colorless);
905
- --components-menu-overflowmenu-fill-default: var(--fill-background-overlay-solidalt);
906
- --components-menu-overflowmenu-fill-hover: var(--fill-secondary-hover-contrast);
907
- --components-menu-overflowmenu-icon: var(--shape-lightalt);
908
- --components-menu-overflowmenu-icon-disabled: var(--shape-neutralalt2);
909
- --components-menu-overflowmenu-text: var(--text-lightalt);
910
- --components-menu-overflowmenu-text-disabled: var(--text-neutralalt2);
911
- --components-menu-pagination-contrast-active: var(--fill-secondary-active-contrast);
912
- --components-menu-pagination-contrast-border-selected: var(--stroke-lightalt);
913
- --components-menu-pagination-contrast-border-unselected: var(--stroke-transparentalt);
914
- --components-menu-pagination-contrast-default: var(--fill-background-standard-colorless);
915
- --components-menu-pagination-contrast-hover: var(--fill-secondary-hover-contrast);
916
- --components-menu-pagination-contrast-icon: var(--shape-lightalt);
917
- --components-menu-pagination-contrast-text-selected: var(--text-dark);
918
- --components-menu-pagination-contrast-text-subdued: var(--text-darkalt);
919
- --components-menu-pagination-contrast-text-unselected: var(--text-lightalt);
920
- --components-menu-pagination-standard-active: var(--fill-secondary-active-contrast);
921
- --components-menu-pagination-standard-border-selected: var(--stroke-lightalt);
922
- --components-menu-pagination-standard-border-unselected: var(--stroke-transparentalt);
923
- --components-menu-pagination-standard-default: var(--fill-background-standard-colorless);
924
- --components-menu-pagination-standard-hover: var(--fill-secondary-hover-contrast);
925
- --components-menu-pagination-standard-icon: var(--shape-lightalt);
926
- --components-menu-pagination-standard-text-selected: var(--text-dark);
927
- --components-menu-pagination-standard-text-subdued: var(--text-darkalt);
928
- --components-menu-pagination-standard-text-unselected: var(--text-lightalt);
929
- --components-menu-sidenavigation-contrast-avatar: var(--fill-background-overlay-transparent);
930
- --components-menu-sidenavigation-contrast-background: var(--fill-background-contrast-dark);
931
- --components-menu-sidenavigation-contrast-divide: var(--stroke-darkalt);
932
- --components-menu-sidenavigation-contrast-fill-active: var(--fill-background-standard-colorless);
933
- --components-menu-sidenavigation-contrast-fill-default: var(--fill-background-standard-colorless);
934
- --components-menu-sidenavigation-contrast-fill-hover: var(--fill-background-overlay-transparent);
935
- --components-menu-sidenavigation-contrast-icon: var(--shape-lightalt);
936
- --components-menu-sidenavigation-contrast-icon-disabled: var(--shape-neutralalt2);
937
- --components-menu-sidenavigation-contrast-icon-label: var(--shape-darkalt);
938
- --components-menu-sidenavigation-contrast-label: var(--text-darkalt);
939
- --components-menu-sidenavigation-contrast-stroke-selected: var(--stroke-highlightalt);
940
- --components-menu-sidenavigation-contrast-text: var(--text-lightalt);
941
- --components-menu-sidenavigation-contrast-text-disabled: var(--text-neutralalt2);
942
- --components-menu-sidenavigation-standard-avatar: var(--fill-background-overlay-transparent);
943
- --components-menu-sidenavigation-standard-background: var(--fill-background-contrast-dark);
944
- --components-menu-sidenavigation-standard-divide: var(--stroke-darkalt);
945
- --components-menu-sidenavigation-standard-fill-active: var(--fill-secondary-default-colorless);
946
- --components-menu-sidenavigation-standard-fill-default: var(--fill-secondary-default-colorless);
947
- --components-menu-sidenavigation-standard-fill-hover: var(--fill-background-overlay-transparent);
948
- --components-menu-sidenavigation-standard-icon: var(--shape-lightalt);
949
- --components-menu-sidenavigation-standard-icon-disabled: var(--shape-neutralalt2);
950
- --components-menu-sidenavigation-standard-icon-label: var(--shape-darkalt);
951
- --components-menu-sidenavigation-standard-label: var(--text-darkalt);
952
- --components-menu-sidenavigation-standard-stroke-selected: var(--stroke-highlightalt);
953
- --components-menu-sidenavigation-standard-text: var(--text-lightalt);
954
- --components-menu-sidenavigation-standard-text-disabled: var(--text-neutralalt2);
955
- --components-menu-stepper-contrast-background: var(--fill-secondary-hover-contrast);
956
- --components-menu-stepper-contrast-progressbar: var(--fill-primary-default-contrast);
957
- --components-menu-stepper-contrast-text-completed: var(--text-lightalt);
958
- --components-menu-stepper-contrast-text-uncompleted: var(--text-neutralalt);
959
- --components-menu-stepper-standard-background: var(--fill-secondary-hover-contrast);
960
- --components-menu-stepper-standard-progressbar: var(--fill-primary-default-contrast);
961
- --components-menu-stepper-standard-text-completed: var(--text-lightalt);
962
- --components-menu-stepper-standard-text-uncompleted: var(--text-neutralalt);
963
- --components-menu-tableofcontent-contrast-icon-selected: var(--shape-lightalt);
964
- --components-menu-tableofcontent-contrast-icon-unselected: var(--shape-darkalt);
965
- --components-menu-tableofcontent-contrast-stroke-selected: var(--stroke-highlightalt);
966
- --components-menu-tableofcontent-contrast-stroke-unselected: var(--stroke-transparent);
967
- --components-menu-tableofcontent-contrast-text-selected: var(--text-lightalt);
968
- --components-menu-tableofcontent-contrast-text-unselected: var(--text-darkalt);
969
- --components-menu-tableofcontent-standard-icon-selected: var(--shape-lightalt);
970
- --components-menu-tableofcontent-standard-icon-unselected: var(--shape-darkalt);
971
- --components-menu-tableofcontent-standard-stroke-selected: var(--stroke-highlightalt);
972
- --components-menu-tableofcontent-standard-stroke-unselected: var(--stroke-transparent);
973
- --components-menu-tableofcontent-standard-text-selected: var(--text-lightalt);
974
- --components-menu-tableofcontent-standard-text-unselected: var(--text-darkalt);
975
- }
976
-
977
- /* DO NOT CHANGE!*/
978
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
979
- [data-color-mode=light],
980
- :root {
981
- --basecolors-frame-contrast: var(--fill-background-contrast-light);
982
- --basecolors-frame-contrastalt: var(--fill-background-contrast-lightalt);
983
- --basecolors-frame-default: var(--fill-background-standard-light);
984
- --basecolors-frame-elevated: var(--fill-background-standard-light);
985
- --basecolors-frame-elevatedalt: var(--fill-background-tint-light);
986
- --basecolors-frame-subdued: var(--fill-background-subdued-light);
987
- --basecolors-frame-tint: var(--fill-background-tint-light);
988
- --basecolors-shape-accent: var(--shape-accent);
989
- --basecolors-shape-bicycle-contrast: var(--contrast-bicycle);
990
- --basecolors-shape-bicycle-default: var(--standard-bicycle);
991
- --basecolors-shape-bus-contrast: var(--contrast-bus);
992
- --basecolors-shape-bus-default: var(--standard-bus);
993
- --basecolors-shape-cableway-contrast: var(--contrast-cableway);
994
- --basecolors-shape-cableway-default: var(--standard-cableway);
995
- --basecolors-shape-disabled: var(--shape-neutral);
996
- --basecolors-shape-disabledalt: var(--shape-neutralalt);
997
- --basecolors-shape-ferry-contrast: var(--contrast-ferry);
998
- --basecolors-shape-ferry-default: var(--standard-ferry);
999
- --basecolors-shape-funicular-contrast: var(--contrast-funicular);
1000
- --basecolors-shape-funicular-default: var(--standard-funicular);
1001
- --basecolors-shape-helicopter-contrast: var(--contrast-helicopter);
1002
- --basecolors-shape-helicopter-default: var(--standard-helicopter);
1003
- --basecolors-shape-highlight: var(--stroke-highlight);
1004
- --basecolors-shape-light: var(--shape-light);
1005
- --basecolors-shape-mask: var(--shape-light);
1006
- --basecolors-shape-maskalt: var(--shape-light);
1007
- --basecolors-shape-metro-contrast: var(--contrast-metro);
1008
- --basecolors-shape-metro-default: var(--standard-metro);
1009
- --basecolors-shape-mobility-contrast: var(--contrast-mobility);
1010
- --basecolors-shape-mobility-default: var(--standard-mobility);
1011
- --basecolors-shape-plane-contrast: var(--contrast-plane);
1012
- --basecolors-shape-plane-default: var(--standard-plane);
1013
- --basecolors-shape-subdued: var(--shape-subdued);
1014
- --basecolors-shape-subduedalt: var(--shape-subduedalt);
1015
- --basecolors-shape-taxi-contrast: var(--contrast-taxi);
1016
- --basecolors-shape-taxi-default: var(--standard-taxi);
1017
- --basecolors-shape-train-contrast: var(--contrast-train);
1018
- --basecolors-shape-train-default: var(--standard-train);
1019
- --basecolors-shape-tram-contrast: var(--contrast-tram);
1020
- --basecolors-shape-tram-default: var(--standard-tram);
1021
- --basecolors-shape-walk-contrast: var(--contrast-walk);
1022
- --basecolors-shape-walk-default: var(--standard-walk);
1023
- --basecolors-shape-airportlinkbus-contrast: var(--contrast-airportlinkbus);
1024
- --basecolors-shape-airportlinkbus-default: var(--standard-airportlinkbus);
1025
- --basecolors-shape-airportlinkrail-contrast: var(--contrast-airportlinkrail);
1026
- --basecolors-shape-airportlinkrail-default: var(--standard-airportlinkrail);
1027
- --basecolors-stroke-contrast: var(--stroke-contrast);
1028
- --basecolors-stroke-default: var(--stroke-accent);
1029
- --basecolors-stroke-disabled: var(--stroke-neutralalt);
1030
- --basecolors-stroke-focus-contrast: var(--stroke-contrast);
1031
- --basecolors-stroke-focus-standard: var(--stroke-accent);
1032
- --basecolors-stroke-highlight: var(--stroke-highlight);
1033
- --basecolors-stroke-light: var(--stroke-light);
1034
- --basecolors-stroke-subdued: var(--stroke-subdued);
1035
- --basecolors-stroke-subduedalt: var(--stroke-neutral);
1036
- --basecolors-text-accent: var(--text-accent);
1037
- --basecolors-text-disabled: var(--text-neutral);
1038
- --basecolors-text-disabledalt: var(--text-neutralalt);
1039
- --basecolors-text-highlight: var(--stroke-highlight);
1040
- --basecolors-text-light: var(--text-light);
1041
- --basecolors-text-subdued: var(--text-subdued);
1042
- --basecolors-text-subduedalt: var(--text-subduedalt);
1043
- }
1044
-
1045
- [data-color-mode=dark] {
1046
- --basecolors-frame-contrast: var(--fill-background-contrast-dark);
1047
- --basecolors-frame-contrastalt: var(--fill-background-tint-dark);
1048
- --basecolors-frame-default: var(--fill-background-standard-dark);
1049
- --basecolors-frame-elevated: var(--fill-background-overlay-transparent);
1050
- --basecolors-frame-elevatedalt: var(--fill-background-overlay-solidalt);
1051
- --basecolors-frame-subdued: var(--fill-background-subdued-dark);
1052
- --basecolors-frame-tint: var(--fill-background-tint-dark);
1053
- --basecolors-shape-accent: var(--shape-lightalt);
1054
- --basecolors-shape-bicycle-contrast: var(--dark-bicycle);
1055
- --basecolors-shape-bicycle-default: var(--dark-bicycle);
1056
- --basecolors-shape-bus-contrast: var(--dark-bus);
1057
- --basecolors-shape-bus-default: var(--dark-bus);
1058
- --basecolors-shape-cableway-contrast: var(--dark-cableway);
1059
- --basecolors-shape-cableway-default: var(--dark-cableway);
1060
- --basecolors-shape-disabled: var(--shape-neutralalt);
1061
- --basecolors-shape-disabledalt: var(--shape-darkalt);
1062
- --basecolors-shape-ferry-contrast: var(--dark-ferry);
1063
- --basecolors-shape-ferry-default: var(--dark-ferry);
1064
- --basecolors-shape-funicular-contrast: var(--dark-funicular);
1065
- --basecolors-shape-funicular-default: var(--dark-funicular);
1066
- --basecolors-shape-helicopter-contrast: var(--dark-helicopter);
1067
- --basecolors-shape-helicopter-default: var(--dark-helicopter);
1068
- --basecolors-shape-highlight: var(--stroke-highlightalt);
1069
- --basecolors-shape-light: var(--shape-lightalt);
1070
- --basecolors-shape-mask: var(--fill-background-subdued-dark);
1071
- --basecolors-shape-maskalt: var(--fill-background-overlay-solid);
1072
- --basecolors-shape-metro-contrast: var(--dark-metro);
1073
- --basecolors-shape-metro-default: var(--dark-metro);
1074
- --basecolors-shape-mobility-contrast: var(--dark-mobility);
1075
- --basecolors-shape-mobility-default: var(--dark-mobility);
1076
- --basecolors-shape-plane-contrast: var(--dark-plane);
1077
- --basecolors-shape-plane-default: var(--dark-plane);
1078
- --basecolors-shape-subdued: var(--shape-darkalt);
1079
- --basecolors-shape-subduedalt: var(--shape-darkalt);
1080
- --basecolors-shape-taxi-contrast: var(--dark-taxi);
1081
- --basecolors-shape-taxi-default: var(--dark-taxi);
1082
- --basecolors-shape-train-contrast: var(--dark-train);
1083
- --basecolors-shape-train-default: var(--dark-train);
1084
- --basecolors-shape-tram-contrast: var(--dark-tram);
1085
- --basecolors-shape-tram-default: var(--dark-tram);
1086
- --basecolors-shape-walk-contrast: var(--dark-walk);
1087
- --basecolors-shape-walk-default: var(--dark-walk);
1088
- --basecolors-shape-airportlinkbus-contrast: var(--dark-airportlinkbus);
1089
- --basecolors-shape-airportlinkbus-default: var(--dark-airportlinkbus);
1090
- --basecolors-shape-airportlinkrail-contrast: var(--dark-airportlinkrail);
1091
- --basecolors-shape-airportlinkrail-default: var(--dark-airportlinkrail);
1092
- --basecolors-stroke-contrast: var(--stroke-contrast);
1093
- --basecolors-stroke-default: var(--stroke-dark);
1094
- --basecolors-stroke-disabled: var(--stroke-neutral);
1095
- --basecolors-stroke-focus-contrast: var(--stroke-contrast);
1096
- --basecolors-stroke-focus-standard: var(--stroke-contrast);
1097
- --basecolors-stroke-highlight: var(--stroke-highlightalt);
1098
- --basecolors-stroke-light: var(--stroke-dark);
1099
- --basecolors-stroke-subdued: var(--stroke-darkalt);
1100
- --basecolors-stroke-subduedalt: var(--stroke-darkalt);
1101
- --basecolors-text-accent: var(--text-lightalt);
1102
- --basecolors-text-disabled: var(--text-neutralalt);
1103
- --basecolors-text-disabledalt: var(--text-neutralalt);
1104
- --basecolors-text-highlight: var(--stroke-highlightalt);
1105
- --basecolors-text-light: var(--text-lightalt);
1106
- --basecolors-text-subdued: var(--text-darkalt);
1107
- --basecolors-text-subduedalt: var(--text-darkalt);
1108
- }
1109
-
1110
- :root {
1111
- --eds-menu: 1;
1112
- --reach-menu-button: 1;
1113
- }
1114
648
  /* DO NOT CHANGE!*/
1115
649
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
1116
650
  .eds-stepper {
@@ -1236,3 +770,341 @@
1236
770
  .eds-contrast .eds-stepper__step__line:after {
1237
771
  background: var(--components-menu-stepper-contrast-progressbar);
1238
772
  }
773
+ /* DO NOT CHANGE!*/
774
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
775
+ /* DO NOT CHANGE!*/
776
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
777
+ /* DO NOT CHANGE!*/
778
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
779
+ [data-color-mode=light],
780
+ :root {
781
+ --components-menu-breadcrumb-contrast-icon: #ffffff;
782
+ --components-menu-breadcrumb-contrast-text: #ffffff;
783
+ --components-menu-breadcrumb-standard-icon: #181c56;
784
+ --components-menu-breadcrumb-standard-text: #181c56;
785
+ --components-menu-navigationbar-contrast-background: #393d79;
786
+ --components-menu-navigationbar-contrast-divide: rgba(255, 255, 255, 0);
787
+ --components-menu-navigationbar-contrast-icon-selected: #ffffff;
788
+ --components-menu-navigationbar-contrast-icon-unselected: #d9dae8;
789
+ --components-menu-navigationbar-contrast-stroke-selected: #ff5959;
790
+ --components-menu-navigationbar-contrast-text-selected: #ffffff;
791
+ --components-menu-navigationbar-contrast-text-unselected: #d9dae8;
792
+ --components-menu-navigationbar-standard-background: #ffffff;
793
+ --components-menu-navigationbar-standard-divide: #e3e6e8;
794
+ --components-menu-navigationbar-standard-icon-selected: #181c56;
795
+ --components-menu-navigationbar-standard-icon-unselected: #626493;
796
+ --components-menu-navigationbar-standard-stroke-selected: #ff5959;
797
+ --components-menu-navigationbar-standard-text-selected: #181c56;
798
+ --components-menu-navigationbar-standard-text-unselected: #626493;
799
+ --components-menu-navigationlink-contrast-icon: #ffffff;
800
+ --components-menu-navigationlink-contrast-text: #ffffff;
801
+ --components-menu-navigationlink-standard-icon: #181c56;
802
+ --components-menu-navigationlink-standard-text: #181c56;
803
+ --components-menu-overflowmenu-border: #8284ab;
804
+ --components-menu-overflowmenu-fill-default: #f2f5f7;
805
+ --components-menu-overflowmenu-fill-hover: #d9dae8;
806
+ --components-menu-overflowmenu-icon: #181c56;
807
+ --components-menu-overflowmenu-icon-disabled: #6e6f73;
808
+ --components-menu-overflowmenu-text: #181c56;
809
+ --components-menu-overflowmenu-text-disabled: #6e6f73;
810
+ --components-menu-pagination-contrast-active: #8794d4;
811
+ --components-menu-pagination-contrast-border-selected: #ffffff;
812
+ --components-menu-pagination-contrast-border-unselected: rgba(174, 183, 226, 0.6980392157);
813
+ --components-menu-pagination-contrast-default: rgba(255, 255, 255, 0);
814
+ --components-menu-pagination-contrast-hover: #626493;
815
+ --components-menu-pagination-contrast-icon: #ffffff;
816
+ --components-menu-pagination-contrast-text-selected: #181c56;
817
+ --components-menu-pagination-contrast-text-subdued: #d9dae8;
818
+ --components-menu-pagination-contrast-text-unselected: #ffffff;
819
+ --components-menu-pagination-standard-active: #aeb7e2;
820
+ --components-menu-pagination-standard-border-selected: #181c56;
821
+ --components-menu-pagination-standard-border-unselected: rgba(84, 86, 140, 0.4);
822
+ --components-menu-pagination-standard-default: rgba(255, 255, 255, 0);
823
+ --components-menu-pagination-standard-hover: #d9ddf2;
824
+ --components-menu-pagination-standard-icon: #181c56;
825
+ --components-menu-pagination-standard-text-selected: #181c56;
826
+ --components-menu-pagination-standard-text-subdued: #626493;
827
+ --components-menu-pagination-standard-text-unselected: #181c56;
828
+ --components-menu-sidenavigation-contrast-avatar: #393d79;
829
+ --components-menu-sidenavigation-contrast-background: #181c56;
830
+ --components-menu-sidenavigation-contrast-divide: #8284ab;
831
+ --components-menu-sidenavigation-contrast-fill-active: rgba(255, 255, 255, 0);
832
+ --components-menu-sidenavigation-contrast-fill-default: rgba(255, 255, 255, 0);
833
+ --components-menu-sidenavigation-contrast-fill-hover: #393d79;
834
+ --components-menu-sidenavigation-contrast-icon: #ffffff;
835
+ --components-menu-sidenavigation-contrast-icon-disabled: #b6b8ba;
836
+ --components-menu-sidenavigation-contrast-icon-label: #aeb7e2;
837
+ --components-menu-sidenavigation-contrast-label: #aeb7e2;
838
+ --components-menu-sidenavigation-contrast-stroke-selected: #ff5959;
839
+ --components-menu-sidenavigation-contrast-text: #ffffff;
840
+ --components-menu-sidenavigation-contrast-text-disabled: #b6b8ba;
841
+ --components-menu-sidenavigation-standard-avatar: #ffffff;
842
+ --components-menu-sidenavigation-standard-background: #f2f5f7;
843
+ --components-menu-sidenavigation-standard-divide: #e3e6e8;
844
+ --components-menu-sidenavigation-standard-fill-active: rgba(255, 255, 255, 0);
845
+ --components-menu-sidenavigation-standard-fill-default: rgba(255, 255, 255, 0);
846
+ --components-menu-sidenavigation-standard-fill-hover: #d9dae8;
847
+ --components-menu-sidenavigation-standard-icon: #181c56;
848
+ --components-menu-sidenavigation-standard-icon-disabled: #6e6f73;
849
+ --components-menu-sidenavigation-standard-icon-label: #626493;
850
+ --components-menu-sidenavigation-standard-label: #626493;
851
+ --components-menu-sidenavigation-standard-stroke-selected: #181c56;
852
+ --components-menu-sidenavigation-standard-text: #181c56;
853
+ --components-menu-sidenavigation-standard-text-disabled: #6e6f73;
854
+ --components-menu-stepper-contrast-background: #626493;
855
+ --components-menu-stepper-contrast-progressbar: #aeb7e2;
856
+ --components-menu-stepper-contrast-text-completed: #ffffff;
857
+ --components-menu-stepper-contrast-text-uncompleted: #aeb7e2;
858
+ --components-menu-stepper-standard-background: #e3e6e8;
859
+ --components-menu-stepper-standard-progressbar: #181c56;
860
+ --components-menu-stepper-standard-text-completed: #181c56;
861
+ --components-menu-stepper-standard-text-uncompleted: #6e6f73;
862
+ --components-menu-tableofcontent-contrast-icon-selected: #ffffff;
863
+ --components-menu-tableofcontent-contrast-icon-unselected: #d9dae8;
864
+ --components-menu-tableofcontent-contrast-stroke-selected: #ff5959;
865
+ --components-menu-tableofcontent-contrast-stroke-unselected: #54568c;
866
+ --components-menu-tableofcontent-contrast-text-selected: #ffffff;
867
+ --components-menu-tableofcontent-contrast-text-unselected: #d9dae8;
868
+ --components-menu-tableofcontent-standard-icon-selected: #181c56;
869
+ --components-menu-tableofcontent-standard-icon-unselected: #626493;
870
+ --components-menu-tableofcontent-standard-stroke-selected: #ff5959;
871
+ --components-menu-tableofcontent-standard-stroke-unselected: #e3e6e8;
872
+ --components-menu-tableofcontent-standard-text-selected: #181c56;
873
+ --components-menu-tableofcontent-standard-text-unselected: #626493;
874
+ }
875
+
876
+ [data-color-mode=dark] {
877
+ --components-menu-breadcrumb-contrast-icon: #e5e5e9;
878
+ --components-menu-breadcrumb-contrast-text: #e5e5e9;
879
+ --components-menu-breadcrumb-standard-icon: #e5e5e9;
880
+ --components-menu-breadcrumb-standard-text: #e5e5e9;
881
+ --components-menu-navigationbar-contrast-background: #393a49;
882
+ --components-menu-navigationbar-contrast-divide: rgba(255, 255, 255, 0);
883
+ --components-menu-navigationbar-contrast-icon-selected: #e5e5e9;
884
+ --components-menu-navigationbar-contrast-icon-unselected: #b6b8ba;
885
+ --components-menu-navigationbar-contrast-stroke-selected: #ff9494;
886
+ --components-menu-navigationbar-contrast-text-selected: #e5e5e9;
887
+ --components-menu-navigationbar-contrast-text-unselected: #b6b8ba;
888
+ --components-menu-navigationbar-standard-background: #393a49;
889
+ --components-menu-navigationbar-standard-divide: rgba(255, 255, 255, 0);
890
+ --components-menu-navigationbar-standard-icon-selected: #e5e5e9;
891
+ --components-menu-navigationbar-standard-icon-unselected: #b6b8ba;
892
+ --components-menu-navigationbar-standard-stroke-selected: #ff9494;
893
+ --components-menu-navigationbar-standard-text-selected: #e5e5e9;
894
+ --components-menu-navigationbar-standard-text-unselected: #b6b8ba;
895
+ --components-menu-navigationlink-contrast-icon: #e5e5e9;
896
+ --components-menu-navigationlink-contrast-text: #e5e5e9;
897
+ --components-menu-navigationlink-standard-icon: #e5e5e9;
898
+ --components-menu-navigationlink-standard-text: #e5e5e9;
899
+ --components-menu-overflowmenu-border: rgba(255, 255, 255, 0);
900
+ --components-menu-overflowmenu-fill-default: #464755;
901
+ --components-menu-overflowmenu-fill-hover: #626493;
902
+ --components-menu-overflowmenu-icon: #e5e5e9;
903
+ --components-menu-overflowmenu-icon-disabled: #949699;
904
+ --components-menu-overflowmenu-text: #e5e5e9;
905
+ --components-menu-overflowmenu-text-disabled: #949699;
906
+ --components-menu-pagination-contrast-active: #8794d4;
907
+ --components-menu-pagination-contrast-border-selected: #e5e5e9;
908
+ --components-menu-pagination-contrast-border-unselected: rgba(174, 183, 226, 0.6980392157);
909
+ --components-menu-pagination-contrast-default: rgba(255, 255, 255, 0);
910
+ --components-menu-pagination-contrast-hover: #626493;
911
+ --components-menu-pagination-contrast-icon: #e5e5e9;
912
+ --components-menu-pagination-contrast-text-selected: #08091c;
913
+ --components-menu-pagination-contrast-text-subdued: #b3b4bd;
914
+ --components-menu-pagination-contrast-text-unselected: #e5e5e9;
915
+ --components-menu-pagination-standard-active: #8794d4;
916
+ --components-menu-pagination-standard-border-selected: #e5e5e9;
917
+ --components-menu-pagination-standard-border-unselected: rgba(174, 183, 226, 0.6980392157);
918
+ --components-menu-pagination-standard-default: rgba(255, 255, 255, 0);
919
+ --components-menu-pagination-standard-hover: #626493;
920
+ --components-menu-pagination-standard-icon: #e5e5e9;
921
+ --components-menu-pagination-standard-text-selected: #08091c;
922
+ --components-menu-pagination-standard-text-subdued: #b3b4bd;
923
+ --components-menu-pagination-standard-text-unselected: #e5e5e9;
924
+ --components-menu-sidenavigation-contrast-avatar: rgba(229, 229, 233, 0.1490196078);
925
+ --components-menu-sidenavigation-contrast-background: #212233;
926
+ --components-menu-sidenavigation-contrast-divide: #81828f;
927
+ --components-menu-sidenavigation-contrast-fill-active: rgba(255, 255, 255, 0);
928
+ --components-menu-sidenavigation-contrast-fill-default: rgba(255, 255, 255, 0);
929
+ --components-menu-sidenavigation-contrast-fill-hover: rgba(229, 229, 233, 0.1490196078);
930
+ --components-menu-sidenavigation-contrast-icon: #e5e5e9;
931
+ --components-menu-sidenavigation-contrast-icon-disabled: #949699;
932
+ --components-menu-sidenavigation-contrast-icon-label: #b3b4bd;
933
+ --components-menu-sidenavigation-contrast-label: #b3b4bd;
934
+ --components-menu-sidenavigation-contrast-stroke-selected: #ff9494;
935
+ --components-menu-sidenavigation-contrast-text: #e5e5e9;
936
+ --components-menu-sidenavigation-contrast-text-disabled: #949699;
937
+ --components-menu-sidenavigation-standard-avatar: rgba(229, 229, 233, 0.1490196078);
938
+ --components-menu-sidenavigation-standard-background: #212233;
939
+ --components-menu-sidenavigation-standard-divide: #81828f;
940
+ --components-menu-sidenavigation-standard-fill-active: rgba(255, 255, 255, 0);
941
+ --components-menu-sidenavigation-standard-fill-default: rgba(255, 255, 255, 0);
942
+ --components-menu-sidenavigation-standard-fill-hover: rgba(229, 229, 233, 0.1490196078);
943
+ --components-menu-sidenavigation-standard-icon: #e5e5e9;
944
+ --components-menu-sidenavigation-standard-icon-disabled: #949699;
945
+ --components-menu-sidenavigation-standard-icon-label: #b3b4bd;
946
+ --components-menu-sidenavigation-standard-label: #b3b4bd;
947
+ --components-menu-sidenavigation-standard-stroke-selected: #ff9494;
948
+ --components-menu-sidenavigation-standard-text: #e5e5e9;
949
+ --components-menu-sidenavigation-standard-text-disabled: #949699;
950
+ --components-menu-stepper-contrast-background: #626493;
951
+ --components-menu-stepper-contrast-progressbar: #aeb7e2;
952
+ --components-menu-stepper-contrast-text-completed: #e5e5e9;
953
+ --components-menu-stepper-contrast-text-uncompleted: #b6b8ba;
954
+ --components-menu-stepper-standard-background: #626493;
955
+ --components-menu-stepper-standard-progressbar: #aeb7e2;
956
+ --components-menu-stepper-standard-text-completed: #e5e5e9;
957
+ --components-menu-stepper-standard-text-uncompleted: #b6b8ba;
958
+ --components-menu-tableofcontent-contrast-icon-selected: #e5e5e9;
959
+ --components-menu-tableofcontent-contrast-icon-unselected: #b3b4bd;
960
+ --components-menu-tableofcontent-contrast-stroke-selected: #ff9494;
961
+ --components-menu-tableofcontent-contrast-stroke-unselected: rgba(84, 86, 140, 0.4);
962
+ --components-menu-tableofcontent-contrast-text-selected: #e5e5e9;
963
+ --components-menu-tableofcontent-contrast-text-unselected: #b3b4bd;
964
+ --components-menu-tableofcontent-standard-icon-selected: #e5e5e9;
965
+ --components-menu-tableofcontent-standard-icon-unselected: #b3b4bd;
966
+ --components-menu-tableofcontent-standard-stroke-selected: #ff9494;
967
+ --components-menu-tableofcontent-standard-stroke-unselected: rgba(84, 86, 140, 0.4);
968
+ --components-menu-tableofcontent-standard-text-selected: #e5e5e9;
969
+ --components-menu-tableofcontent-standard-text-unselected: #b3b4bd;
970
+ }
971
+
972
+ /* DO NOT CHANGE!*/
973
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
974
+ /* DO NOT CHANGE!*/
975
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
976
+ [data-color-mode=light],
977
+ :root {
978
+ --basecolors-frame-contrast: #181c56;
979
+ --basecolors-frame-contrastalt: #393d79;
980
+ --basecolors-frame-default: #ffffff;
981
+ --basecolors-frame-elevated: #ffffff;
982
+ --basecolors-frame-elevatedalt: #f6f6f9;
983
+ --basecolors-frame-subdued: #d9dae8;
984
+ --basecolors-frame-tint: #f6f6f9;
985
+ --basecolors-shape-accent: #181c56;
986
+ --basecolors-shape-bicycle-contrast: #00db9b;
987
+ --basecolors-shape-bicycle-default: #388f76;
988
+ --basecolors-shape-bus-contrast: #ff6392;
989
+ --basecolors-shape-bus-default: #c5044e;
990
+ --basecolors-shape-cableway-contrast: #b482fb;
991
+ --basecolors-shape-cableway-default: #78469a;
992
+ --basecolors-shape-disabled: #6e6f73;
993
+ --basecolors-shape-disabledalt: #b6b8ba;
994
+ --basecolors-shape-ferry-contrast: #6fdfff;
995
+ --basecolors-shape-ferry-default: #0c6693;
996
+ --basecolors-shape-funicular-contrast: #b482fb;
997
+ --basecolors-shape-funicular-default: #78469a;
998
+ --basecolors-shape-helicopter-contrast: #fbafea;
999
+ --basecolors-shape-helicopter-default: #800664;
1000
+ --basecolors-shape-highlight: #ff5959;
1001
+ --basecolors-shape-light: #ffffff;
1002
+ --basecolors-shape-mask: #ffffff;
1003
+ --basecolors-shape-maskalt: #ffffff;
1004
+ --basecolors-shape-metro-contrast: #f08901;
1005
+ --basecolors-shape-metro-default: #bf5826;
1006
+ --basecolors-shape-mobility-contrast: #00db9b;
1007
+ --basecolors-shape-mobility-default: #388f76;
1008
+ --basecolors-shape-plane-contrast: #fbafea;
1009
+ --basecolors-shape-plane-default: #800664;
1010
+ --basecolors-shape-subdued: #626493;
1011
+ --basecolors-shape-subduedalt: #d9dae8;
1012
+ --basecolors-shape-taxi-contrast: #ffe082;
1013
+ --basecolors-shape-taxi-default: #3d3e40;
1014
+ --basecolors-shape-train-contrast: #42a5f5;
1015
+ --basecolors-shape-train-default: #00367f;
1016
+ --basecolors-shape-tram-contrast: #b482fb;
1017
+ --basecolors-shape-tram-default: #78469a;
1018
+ --basecolors-shape-walk-contrast: #8284ab;
1019
+ --basecolors-shape-walk-default: #8d8e9c;
1020
+ --basecolors-shape-airportlinkbus-contrast: #fbafea;
1021
+ --basecolors-shape-airportlinkbus-default: #800664;
1022
+ --basecolors-shape-airportlinkrail-contrast: #fbafea;
1023
+ --basecolors-shape-airportlinkrail-default: #800664;
1024
+ --basecolors-stroke-contrast: #aeb7e2;
1025
+ --basecolors-stroke-default: #181c56;
1026
+ --basecolors-stroke-disabled: #949699;
1027
+ --basecolors-stroke-focus-contrast: #aeb7e2;
1028
+ --basecolors-stroke-focus-standard: #181c56;
1029
+ --basecolors-stroke-highlight: #ff5959;
1030
+ --basecolors-stroke-light: #ffffff;
1031
+ --basecolors-stroke-subdued: #8284ab;
1032
+ --basecolors-stroke-subduedalt: #e3e6e8;
1033
+ --basecolors-text-accent: #181c56;
1034
+ --basecolors-text-disabled: #6e6f73;
1035
+ --basecolors-text-disabledalt: #b6b8ba;
1036
+ --basecolors-text-highlight: #ff5959;
1037
+ --basecolors-text-light: #ffffff;
1038
+ --basecolors-text-subdued: #626493;
1039
+ --basecolors-text-subduedalt: #d9dae8;
1040
+ }
1041
+
1042
+ [data-color-mode=dark] {
1043
+ --basecolors-frame-contrast: #212233;
1044
+ --basecolors-frame-contrastalt: #141527;
1045
+ --basecolors-frame-default: #08091c;
1046
+ --basecolors-frame-elevated: rgba(229, 229, 233, 0.1490196078);
1047
+ --basecolors-frame-elevatedalt: #464755;
1048
+ --basecolors-frame-subdued: #2d2e3e;
1049
+ --basecolors-frame-tint: #141527;
1050
+ --basecolors-shape-accent: #e5e5e9;
1051
+ --basecolors-shape-bicycle-contrast: #4db295;
1052
+ --basecolors-shape-bicycle-default: #4db295;
1053
+ --basecolors-shape-bus-contrast: #e87a9b;
1054
+ --basecolors-shape-bus-default: #e87a9b;
1055
+ --basecolors-shape-cableway-contrast: #b898e5;
1056
+ --basecolors-shape-cableway-default: #b898e5;
1057
+ --basecolors-shape-disabled: #b6b8ba;
1058
+ --basecolors-shape-disabledalt: #b3b4bd;
1059
+ --basecolors-shape-ferry-contrast: #8ccfe2;
1060
+ --basecolors-shape-ferry-default: #8ccfe2;
1061
+ --basecolors-shape-funicular-contrast: #b898e5;
1062
+ --basecolors-shape-funicular-default: #b898e5;
1063
+ --basecolors-shape-helicopter-contrast: #f2b8e5;
1064
+ --basecolors-shape-helicopter-default: #f2b8e5;
1065
+ --basecolors-shape-highlight: #ff9494;
1066
+ --basecolors-shape-light: #e5e5e9;
1067
+ --basecolors-shape-mask: #2d2e3e;
1068
+ --basecolors-shape-maskalt: #393a49;
1069
+ --basecolors-shape-metro-contrast: #dd973c;
1070
+ --basecolors-shape-metro-default: #dd973c;
1071
+ --basecolors-shape-mobility-contrast: #4db295;
1072
+ --basecolors-shape-mobility-default: #4db295;
1073
+ --basecolors-shape-plane-contrast: #f2b8e5;
1074
+ --basecolors-shape-plane-default: #f2b8e5;
1075
+ --basecolors-shape-subdued: #b3b4bd;
1076
+ --basecolors-shape-subduedalt: #b3b4bd;
1077
+ --basecolors-shape-taxi-contrast: #ffe082;
1078
+ --basecolors-shape-taxi-default: #ffe082;
1079
+ --basecolors-shape-train-contrast: #60a2d7;
1080
+ --basecolors-shape-train-default: #60a2d7;
1081
+ --basecolors-shape-tram-contrast: #b898e5;
1082
+ --basecolors-shape-tram-default: #b898e5;
1083
+ --basecolors-shape-walk-contrast: #8d8e9c;
1084
+ --basecolors-shape-walk-default: #8d8e9c;
1085
+ --basecolors-shape-airportlinkbus-contrast: #f2b8e5;
1086
+ --basecolors-shape-airportlinkbus-default: #f2b8e5;
1087
+ --basecolors-shape-airportlinkrail-contrast: #f2b8e5;
1088
+ --basecolors-shape-airportlinkrail-default: #f2b8e5;
1089
+ --basecolors-stroke-contrast: #aeb7e2;
1090
+ --basecolors-stroke-default: #b3b4bd;
1091
+ --basecolors-stroke-disabled: #e3e6e8;
1092
+ --basecolors-stroke-focus-contrast: #aeb7e2;
1093
+ --basecolors-stroke-focus-standard: #aeb7e2;
1094
+ --basecolors-stroke-highlight: #ff9494;
1095
+ --basecolors-stroke-light: #b3b4bd;
1096
+ --basecolors-stroke-subdued: #81828f;
1097
+ --basecolors-stroke-subduedalt: #81828f;
1098
+ --basecolors-text-accent: #e5e5e9;
1099
+ --basecolors-text-disabled: #b6b8ba;
1100
+ --basecolors-text-disabledalt: #b6b8ba;
1101
+ --basecolors-text-highlight: #ff9494;
1102
+ --basecolors-text-light: #e5e5e9;
1103
+ --basecolors-text-subdued: #b3b4bd;
1104
+ --basecolors-text-subduedalt: #b3b4bd;
1105
+ }
1106
+
1107
+ :root {
1108
+ --eds-menu: 1;
1109
+ --reach-menu-button: 1;
1110
+ }