@geotab/zenith 3.9.0-beta.0 → 3.9.0-beta.1

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 (3) hide show
  1. package/dist/commonStyles/typography/typography.less +233 -0
  2. package/dist/index.css +584 -0
  3. package/package.json +1 -1
package/dist/commonStyles/typography/typography.less CHANGED
@@ -1,3 +1,11 @@
1
+ @import (reference) "../common.less";
2
+
3
+ :root {
4
+ --main-font: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
5
+ --main-font-data: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
6
+ --data-font-drive: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
7
+ }
8
+
1
9
  //**********//
2
10
  // MyGeotab //
3
11
  //**********//
@@ -565,3 +573,228 @@
565
573
  .zenith-drive-font(@driver-font-family, @data-04-drive-mobile-size, @data-04-drive-mobile-line-height);
566
574
  }
567
575
  }
576
+
577
+ // ─── Backward-compatible aliases removed in MYG-120793 ────────────────────────
578
+ // These class definitions were removed as part of the typography refactor.
579
+ // Re-added here so existing MyGeotab consumers continue to compile without changes.
580
+
581
+ // Legacy .font() mixin
582
+ .font(
583
+ @font: Roboto,
584
+ @size,
585
+ @line-height: 16px,
586
+ @letter-spacing: 0,
587
+ @weight: 400,
588
+ @style: normal,
589
+ @text-transform: none,
590
+ ) {
591
+ font-family: @font;
592
+ font-size: @size;
593
+ font-style: @style;
594
+ font-weight: @weight;
595
+ letter-spacing: @letter-spacing;
596
+ line-height: @line-height;
597
+ text-transform: @text-transform;
598
+ }
599
+
600
+ // Heading — desktop/mobile aliases
601
+ .heading-03-desktop {
602
+ .zenith-font(@main-font-family, 20, 28, 0, 300);
603
+ }
604
+
605
+ .heading-01-mobile,
606
+ .heading-xl-300-mobile {
607
+ .zenith-font(@main-font-family, 20, 36, 0, 300);
608
+ }
609
+
610
+ .heading-03-mobile,
611
+ .heading-m-300-mobile {
612
+ .zenith-font(@main-font-family, 18, 28, 0, 300);
613
+ }
614
+
615
+ // Label — drive tablet/mobile
616
+ .label-01-tablet-drive,
617
+ .tablet-label-400-drive {
618
+ .zenith-font(@main-font-family, 16, 18);
619
+ }
620
+
621
+ .label-01-mobile-drive,
622
+ .mobile-label-400-drive {
623
+ .zenith-font(@main-font-family, 14, 18);
624
+ }
625
+
626
+ // Body-01 — drive tablet/mobile
627
+ .body-01-tablet-drive,
628
+ .tablet-body-l-400-drive {
629
+ .zenith-font(@main-font-family, 20, 30, 0);
630
+ }
631
+
632
+ .body-01-mobile-drive,
633
+ .mobile-body-l-400-drive {
634
+ .zenith-font(@main-font-family, 18, 28, 0);
635
+ }
636
+
637
+ // Body-02-short — drive tablet/mobile
638
+ .body-02-short-tablet-drive,
639
+ .tablet-body-m-400-short-drive {
640
+ .zenith-font(@main-font-family, 18, 22, 0);
641
+ }
642
+
643
+ .body-02-short-mobile-drive,
644
+ .mobile-body-m-400-short-drive {
645
+ .zenith-font(@main-font-family, 16, 20, 0);
646
+ }
647
+
648
+ // Body-02-tall — drive tablet/mobile
649
+ .body-02-tall-tablet-drive,
650
+ .tablet-body-m-400-tall-drive {
651
+ .zenith-font(@main-font-family, 18, 28, 0);
652
+ }
653
+
654
+ .body-02-tall-mobile-drive,
655
+ .mobile-body-m-400-tall-drive {
656
+ .zenith-font(@main-font-family, 16, 26, 0);
657
+ }
658
+
659
+ // Body-03 — drive tablet/mobile
660
+ .body-03-tablet-drive,
661
+ .tablet-body-s-700-drive {
662
+ .zenith-font(@main-font-family, 16, 22, @weight: 700);
663
+ }
664
+
665
+ .body-03-mobile-drive,
666
+ .mobile-body-s-700-drive {
667
+ .zenith-font(@main-font-family, 14, 18, @weight: 700);
668
+ }
669
+
670
+ // Body-04 — drive tablet/mobile
671
+ .body-04-tablet-drive,
672
+ .tablet-body-s-400-drive {
673
+ .zenith-font(@main-font-family, 16, 22);
674
+ }
675
+
676
+ .body-04-mobile-drive,
677
+ .mobile-body-s-400-drive {
678
+ .zenith-font(@main-font-family, 14, 20);
679
+ }
680
+
681
+ // Body-05 — drive tablet/mobile
682
+ .body-05-tablet-drive,
683
+ .tablet-body-s-400-italic-drive {
684
+ .zenith-font(@main-font-family, 16, 20, @style: italic);
685
+ }
686
+
687
+ .body-05-mobile-drive,
688
+ .mobile-body-s-400-italic-drive {
689
+ .zenith-font(@main-font-family, 14, 18, @style: italic);
690
+ }
691
+
692
+ // Heading — drive tablet/mobile
693
+ .heading-01-tablet-drive,
694
+ .tablet-heading-xl-300-drive {
695
+ .zenith-font(@main-font-family, 26, 34, 0, 300);
696
+ }
697
+
698
+ .heading-01-mobile-drive,
699
+ .mobile-heading-xl-300-drive {
700
+ .zenith-font(@main-font-family, 24, 32, 0, 300);
701
+ }
702
+
703
+ .heading-02-tablet-drive,
704
+ .tablet-heading-l-400-drive {
705
+ .zenith-font(@main-font-family, 24, 30, 0);
706
+ }
707
+
708
+ .heading-02-mobile-drive,
709
+ .mobile-heading-l-400-drive {
710
+ .zenith-font(@main-font-family, 22, 28, 0);
711
+ }
712
+
713
+ .heading-03-tablet-drive,
714
+ .tablet-heading-m-300-drive {
715
+ .zenith-font(@main-font-family, 20, 26, 0, 300);
716
+ }
717
+
718
+ .heading-03-mobile-drive,
719
+ .mobile-heading-m-300-drive {
720
+ .zenith-font(@main-font-family, 18, 24, 0, 300);
721
+ }
722
+
723
+ .heading-04-tablet-drive,
724
+ .tablet-heading-m-500-drive {
725
+ .zenith-font(@main-font-family, 20, 28, 0, 500);
726
+ }
727
+
728
+ .heading-04-mobile-drive,
729
+ .mobile-heading-m-500-drive {
730
+ .zenith-font(@main-font-family, 18, 26, 0, 500);
731
+ }
732
+
733
+ .heading-05-tablet-drive,
734
+ .tablet-heading-s-500-drive {
735
+ .zenith-font(@main-font-family, 18, 22, 0.16, 500);
736
+ }
737
+
738
+ .heading-05-mobile-drive,
739
+ .mobile-heading-s-500-drive {
740
+ .zenith-font(@main-font-family, 16, 20, 0.16, 500);
741
+ }
742
+
743
+ .heading-06-tablet-drive {
744
+ .zenith-font(@main-font-family, 14, 22, 0, 500, normal, uppercase);
745
+ }
746
+
747
+ .heading-06-mobile-drive {
748
+ .zenith-font(@main-font-family, 12, 20, 0, 500, normal, uppercase);
749
+ }
750
+
751
+ .heading-07-tablet-drive,
752
+ .tablet-heading-s-300-drive {
753
+ .zenith-font(@main-font-family, 18, 20, 0.16, 300);
754
+ }
755
+
756
+ .heading-07-mobile-drive,
757
+ .mobile-heading-s-300-drive {
758
+ .zenith-font(@main-font-family, 16, 18, 0.16, 300);
759
+ }
760
+
761
+ // Data — drive tablet/mobile
762
+ .data-01-tablet-drive,
763
+ .tablet-data-xl-drive {
764
+ .zenith-font(@driver-font-family, 34, 42, 0);
765
+ }
766
+
767
+ .data-01-mobile-drive,
768
+ .mobile-data-xl-drive {
769
+ .zenith-font(@driver-font-family, 32, 40, 0);
770
+ }
771
+
772
+ .data-02-tablet-drive,
773
+ .tablet-data-l-drive {
774
+ .zenith-font(@driver-font-family, 22, 26, 0);
775
+ }
776
+
777
+ .data-02-mobile-drive,
778
+ .mobile-data-l-drive {
779
+ .zenith-font(@driver-font-family, 20, 24, 0);
780
+ }
781
+
782
+ .data-03-tablet-drive,
783
+ .tablet-data-m-drive {
784
+ .zenith-font(@driver-font-family, 20, 22, 0);
785
+ }
786
+
787
+ .data-03-mobile-drive,
788
+ .mobile-data-m-drive {
789
+ .zenith-font(@driver-font-family, 16, 21, 0);
790
+ }
791
+
792
+ .data-04-tablet-drive,
793
+ .tablet-data-s-drive {
794
+ .zenith-font(@driver-font-family, 18, 26, 0);
795
+ }
796
+
797
+ .data-04-mobile-drive,
798
+ .mobile-data-s-drive {
799
+ .zenith-font(@driver-font-family, 16, 24, 0);
800
+ }
package/dist/index.css CHANGED
@@ -80,6 +80,11 @@
80
80
  font-display: fallback;
81
81
  src: url("./commonStyles/fonts/notosarabic/NotoSansArabic-Bold.woff2") format("woff2"), url("./commonStyles/fonts/notosarabic/NotoSansArabic-Bold.woff") format("woff");
82
82
  }
83
+ :root {
84
+ --main-font: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
85
+ --main-font-data: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
86
+ --data-font-drive: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
87
+ }
83
88
  .label-01,
84
89
  .body-label-400,
85
90
  .body-04,
@@ -781,6 +786,585 @@ html:lang(ar) .data-xs {
781
786
  text-decoration: none;
782
787
  }
783
788
  }
789
+ .heading-03-desktop {
790
+ font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
791
+ font-size: 1.25rem;
792
+ font-style: normal;
793
+ font-weight: 300;
794
+ letter-spacing: 0rem;
795
+ line-height: 1.75rem;
796
+ text-transform: none;
797
+ text-decoration: none;
798
+ }
799
+ html:lang(ar) .heading-03-desktop {
800
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
801
+ }
802
+ .heading-01-mobile,
803
+ .heading-xl-300-mobile {
804
+ font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
805
+ font-size: 1.25rem;
806
+ font-style: normal;
807
+ font-weight: 300;
808
+ letter-spacing: 0rem;
809
+ line-height: 2.25rem;
810
+ text-transform: none;
811
+ text-decoration: none;
812
+ }
813
+ html:lang(ar) .heading-01-mobile,
814
+ html:lang(ar) .heading-xl-300-mobile {
815
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
816
+ }
817
+ .heading-03-mobile,
818
+ .heading-m-300-mobile {
819
+ font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
820
+ font-size: 1.125rem;
821
+ font-style: normal;
822
+ font-weight: 300;
823
+ letter-spacing: 0rem;
824
+ line-height: 1.75rem;
825
+ text-transform: none;
826
+ text-decoration: none;
827
+ }
828
+ html:lang(ar) .heading-03-mobile,
829
+ html:lang(ar) .heading-m-300-mobile {
830
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
831
+ }
832
+ .label-01-tablet-drive,
833
+ .tablet-label-400-drive {
834
+ font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
835
+ font-size: 1rem;
836
+ font-style: normal;
837
+ font-weight: 400;
838
+ letter-spacing: 0.02rem;
839
+ line-height: 1.125rem;
840
+ text-transform: none;
841
+ text-decoration: none;
842
+ }
843
+ html:lang(ar) .label-01-tablet-drive,
844
+ html:lang(ar) .tablet-label-400-drive {
845
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
846
+ }
847
+ .label-01-mobile-drive,
848
+ .mobile-label-400-drive {
849
+ font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
850
+ font-size: 0.875rem;
851
+ font-style: normal;
852
+ font-weight: 400;
853
+ letter-spacing: 0.02rem;
854
+ line-height: 1.125rem;
855
+ text-transform: none;
856
+ text-decoration: none;
857
+ }
858
+ html:lang(ar) .label-01-mobile-drive,
859
+ html:lang(ar) .mobile-label-400-drive {
860
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
861
+ }
862
+ .body-01-tablet-drive,
863
+ .tablet-body-l-400-drive {
864
+ font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
865
+ font-size: 1.25rem;
866
+ font-style: normal;
867
+ font-weight: 400;
868
+ letter-spacing: 0rem;
869
+ line-height: 1.875rem;
870
+ text-transform: none;
871
+ text-decoration: none;
872
+ }
873
+ html:lang(ar) .body-01-tablet-drive,
874
+ html:lang(ar) .tablet-body-l-400-drive {
875
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
876
+ }
877
+ .body-01-mobile-drive,
878
+ .mobile-body-l-400-drive {
879
+ font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
880
+ font-size: 1.125rem;
881
+ font-style: normal;
882
+ font-weight: 400;
883
+ letter-spacing: 0rem;
884
+ line-height: 1.75rem;
885
+ text-transform: none;
886
+ text-decoration: none;
887
+ }
888
+ html:lang(ar) .body-01-mobile-drive,
889
+ html:lang(ar) .mobile-body-l-400-drive {
890
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
891
+ }
892
+ .body-02-short-tablet-drive,
893
+ .tablet-body-m-400-short-drive {
894
+ font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
895
+ font-size: 1.125rem;
896
+ font-style: normal;
897
+ font-weight: 400;
898
+ letter-spacing: 0rem;
899
+ line-height: 1.375rem;
900
+ text-transform: none;
901
+ text-decoration: none;
902
+ }
903
+ html:lang(ar) .body-02-short-tablet-drive,
904
+ html:lang(ar) .tablet-body-m-400-short-drive {
905
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
906
+ }
907
+ .body-02-short-mobile-drive,
908
+ .mobile-body-m-400-short-drive {
909
+ font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
910
+ font-size: 1rem;
911
+ font-style: normal;
912
+ font-weight: 400;
913
+ letter-spacing: 0rem;
914
+ line-height: 1.25rem;
915
+ text-transform: none;
916
+ text-decoration: none;
917
+ }
918
+ html:lang(ar) .body-02-short-mobile-drive,
919
+ html:lang(ar) .mobile-body-m-400-short-drive {
920
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
921
+ }
922
+ .body-02-tall-tablet-drive,
923
+ .tablet-body-m-400-tall-drive {
924
+ font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
925
+ font-size: 1.125rem;
926
+ font-style: normal;
927
+ font-weight: 400;
928
+ letter-spacing: 0rem;
929
+ line-height: 1.75rem;
930
+ text-transform: none;
931
+ text-decoration: none;
932
+ }
933
+ html:lang(ar) .body-02-tall-tablet-drive,
934
+ html:lang(ar) .tablet-body-m-400-tall-drive {
935
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
936
+ }
937
+ .body-02-tall-mobile-drive,
938
+ .mobile-body-m-400-tall-drive {
939
+ font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
940
+ font-size: 1rem;
941
+ font-style: normal;
942
+ font-weight: 400;
943
+ letter-spacing: 0rem;
944
+ line-height: 1.625rem;
945
+ text-transform: none;
946
+ text-decoration: none;
947
+ }
948
+ html:lang(ar) .body-02-tall-mobile-drive,
949
+ html:lang(ar) .mobile-body-m-400-tall-drive {
950
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
951
+ }
952
+ .body-03-tablet-drive,
953
+ .tablet-body-s-700-drive {
954
+ font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
955
+ font-size: 1rem;
956
+ font-style: normal;
957
+ font-weight: 700;
958
+ letter-spacing: 0.02rem;
959
+ line-height: 1.375rem;
960
+ text-transform: none;
961
+ text-decoration: none;
962
+ }
963
+ html:lang(ar) .body-03-tablet-drive,
964
+ html:lang(ar) .tablet-body-s-700-drive {
965
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
966
+ }
967
+ .body-03-mobile-drive,
968
+ .mobile-body-s-700-drive {
969
+ font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
970
+ font-size: 0.875rem;
971
+ font-style: normal;
972
+ font-weight: 700;
973
+ letter-spacing: 0.02rem;
974
+ line-height: 1.125rem;
975
+ text-transform: none;
976
+ text-decoration: none;
977
+ }
978
+ html:lang(ar) .body-03-mobile-drive,
979
+ html:lang(ar) .mobile-body-s-700-drive {
980
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
981
+ }
982
+ .body-04-tablet-drive,
983
+ .tablet-body-s-400-drive {
984
+ font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
985
+ font-size: 1rem;
986
+ font-style: normal;
987
+ font-weight: 400;
988
+ letter-spacing: 0.02rem;
989
+ line-height: 1.375rem;
990
+ text-transform: none;
991
+ text-decoration: none;
992
+ }
993
+ html:lang(ar) .body-04-tablet-drive,
994
+ html:lang(ar) .tablet-body-s-400-drive {
995
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
996
+ }
997
+ .body-04-mobile-drive,
998
+ .mobile-body-s-400-drive {
999
+ font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1000
+ font-size: 0.875rem;
1001
+ font-style: normal;
1002
+ font-weight: 400;
1003
+ letter-spacing: 0.02rem;
1004
+ line-height: 1.25rem;
1005
+ text-transform: none;
1006
+ text-decoration: none;
1007
+ }
1008
+ html:lang(ar) .body-04-mobile-drive,
1009
+ html:lang(ar) .mobile-body-s-400-drive {
1010
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1011
+ }
1012
+ .body-05-tablet-drive,
1013
+ .tablet-body-s-400-italic-drive {
1014
+ font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1015
+ font-size: 1rem;
1016
+ font-style: italic;
1017
+ font-weight: 400;
1018
+ letter-spacing: 0.02rem;
1019
+ line-height: 1.25rem;
1020
+ text-transform: none;
1021
+ text-decoration: none;
1022
+ }
1023
+ html:lang(ar) .body-05-tablet-drive,
1024
+ html:lang(ar) .tablet-body-s-400-italic-drive {
1025
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1026
+ }
1027
+ .body-05-mobile-drive,
1028
+ .mobile-body-s-400-italic-drive {
1029
+ font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1030
+ font-size: 0.875rem;
1031
+ font-style: italic;
1032
+ font-weight: 400;
1033
+ letter-spacing: 0.02rem;
1034
+ line-height: 1.125rem;
1035
+ text-transform: none;
1036
+ text-decoration: none;
1037
+ }
1038
+ html:lang(ar) .body-05-mobile-drive,
1039
+ html:lang(ar) .mobile-body-s-400-italic-drive {
1040
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1041
+ }
1042
+ .heading-01-tablet-drive,
1043
+ .tablet-heading-xl-300-drive {
1044
+ font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1045
+ font-size: 1.625rem;
1046
+ font-style: normal;
1047
+ font-weight: 300;
1048
+ letter-spacing: 0rem;
1049
+ line-height: 2.125rem;
1050
+ text-transform: none;
1051
+ text-decoration: none;
1052
+ }
1053
+ html:lang(ar) .heading-01-tablet-drive,
1054
+ html:lang(ar) .tablet-heading-xl-300-drive {
1055
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1056
+ }
1057
+ .heading-01-mobile-drive,
1058
+ .mobile-heading-xl-300-drive {
1059
+ font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1060
+ font-size: 1.5rem;
1061
+ font-style: normal;
1062
+ font-weight: 300;
1063
+ letter-spacing: 0rem;
1064
+ line-height: 2rem;
1065
+ text-transform: none;
1066
+ text-decoration: none;
1067
+ }
1068
+ html:lang(ar) .heading-01-mobile-drive,
1069
+ html:lang(ar) .mobile-heading-xl-300-drive {
1070
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1071
+ }
1072
+ .heading-02-tablet-drive,
1073
+ .tablet-heading-l-400-drive {
1074
+ font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1075
+ font-size: 1.5rem;
1076
+ font-style: normal;
1077
+ font-weight: 400;
1078
+ letter-spacing: 0rem;
1079
+ line-height: 1.875rem;
1080
+ text-transform: none;
1081
+ text-decoration: none;
1082
+ }
1083
+ html:lang(ar) .heading-02-tablet-drive,
1084
+ html:lang(ar) .tablet-heading-l-400-drive {
1085
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1086
+ }
1087
+ .heading-02-mobile-drive,
1088
+ .mobile-heading-l-400-drive {
1089
+ font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1090
+ font-size: 1.375rem;
1091
+ font-style: normal;
1092
+ font-weight: 400;
1093
+ letter-spacing: 0rem;
1094
+ line-height: 1.75rem;
1095
+ text-transform: none;
1096
+ text-decoration: none;
1097
+ }
1098
+ html:lang(ar) .heading-02-mobile-drive,
1099
+ html:lang(ar) .mobile-heading-l-400-drive {
1100
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1101
+ }
1102
+ .heading-03-tablet-drive,
1103
+ .tablet-heading-m-300-drive {
1104
+ font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1105
+ font-size: 1.25rem;
1106
+ font-style: normal;
1107
+ font-weight: 300;
1108
+ letter-spacing: 0rem;
1109
+ line-height: 1.625rem;
1110
+ text-transform: none;
1111
+ text-decoration: none;
1112
+ }
1113
+ html:lang(ar) .heading-03-tablet-drive,
1114
+ html:lang(ar) .tablet-heading-m-300-drive {
1115
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1116
+ }
1117
+ .heading-03-mobile-drive,
1118
+ .mobile-heading-m-300-drive {
1119
+ font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1120
+ font-size: 1.125rem;
1121
+ font-style: normal;
1122
+ font-weight: 300;
1123
+ letter-spacing: 0rem;
1124
+ line-height: 1.5rem;
1125
+ text-transform: none;
1126
+ text-decoration: none;
1127
+ }
1128
+ html:lang(ar) .heading-03-mobile-drive,
1129
+ html:lang(ar) .mobile-heading-m-300-drive {
1130
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1131
+ }
1132
+ .heading-04-tablet-drive,
1133
+ .tablet-heading-m-500-drive {
1134
+ font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1135
+ font-size: 1.25rem;
1136
+ font-style: normal;
1137
+ font-weight: 500;
1138
+ letter-spacing: 0rem;
1139
+ line-height: 1.75rem;
1140
+ text-transform: none;
1141
+ text-decoration: none;
1142
+ }
1143
+ html:lang(ar) .heading-04-tablet-drive,
1144
+ html:lang(ar) .tablet-heading-m-500-drive {
1145
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1146
+ }
1147
+ .heading-04-mobile-drive,
1148
+ .mobile-heading-m-500-drive {
1149
+ font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1150
+ font-size: 1.125rem;
1151
+ font-style: normal;
1152
+ font-weight: 500;
1153
+ letter-spacing: 0rem;
1154
+ line-height: 1.625rem;
1155
+ text-transform: none;
1156
+ text-decoration: none;
1157
+ }
1158
+ html:lang(ar) .heading-04-mobile-drive,
1159
+ html:lang(ar) .mobile-heading-m-500-drive {
1160
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1161
+ }
1162
+ .heading-05-tablet-drive,
1163
+ .tablet-heading-s-500-drive {
1164
+ font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1165
+ font-size: 1.125rem;
1166
+ font-style: normal;
1167
+ font-weight: 500;
1168
+ letter-spacing: 0.01rem;
1169
+ line-height: 1.375rem;
1170
+ text-transform: none;
1171
+ text-decoration: none;
1172
+ }
1173
+ html:lang(ar) .heading-05-tablet-drive,
1174
+ html:lang(ar) .tablet-heading-s-500-drive {
1175
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1176
+ }
1177
+ .heading-05-mobile-drive,
1178
+ .mobile-heading-s-500-drive {
1179
+ font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1180
+ font-size: 1rem;
1181
+ font-style: normal;
1182
+ font-weight: 500;
1183
+ letter-spacing: 0.01rem;
1184
+ line-height: 1.25rem;
1185
+ text-transform: none;
1186
+ text-decoration: none;
1187
+ }
1188
+ html:lang(ar) .heading-05-mobile-drive,
1189
+ html:lang(ar) .mobile-heading-s-500-drive {
1190
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1191
+ }
1192
+ .heading-06-tablet-drive {
1193
+ font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1194
+ font-size: 0.875rem;
1195
+ font-style: normal;
1196
+ font-weight: 500;
1197
+ letter-spacing: 0rem;
1198
+ line-height: 1.375rem;
1199
+ text-transform: uppercase;
1200
+ text-decoration: none;
1201
+ }
1202
+ html:lang(ar) .heading-06-tablet-drive {
1203
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1204
+ }
1205
+ .heading-06-mobile-drive {
1206
+ font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1207
+ font-size: 0.75rem;
1208
+ font-style: normal;
1209
+ font-weight: 500;
1210
+ letter-spacing: 0rem;
1211
+ line-height: 1.25rem;
1212
+ text-transform: uppercase;
1213
+ text-decoration: none;
1214
+ }
1215
+ html:lang(ar) .heading-06-mobile-drive {
1216
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1217
+ }
1218
+ .heading-07-tablet-drive,
1219
+ .tablet-heading-s-300-drive {
1220
+ font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1221
+ font-size: 1.125rem;
1222
+ font-style: normal;
1223
+ font-weight: 300;
1224
+ letter-spacing: 0.01rem;
1225
+ line-height: 1.25rem;
1226
+ text-transform: none;
1227
+ text-decoration: none;
1228
+ }
1229
+ html:lang(ar) .heading-07-tablet-drive,
1230
+ html:lang(ar) .tablet-heading-s-300-drive {
1231
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1232
+ }
1233
+ .heading-07-mobile-drive,
1234
+ .mobile-heading-s-300-drive {
1235
+ font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1236
+ font-size: 1rem;
1237
+ font-style: normal;
1238
+ font-weight: 300;
1239
+ letter-spacing: 0.01rem;
1240
+ line-height: 1.125rem;
1241
+ text-transform: none;
1242
+ text-decoration: none;
1243
+ }
1244
+ html:lang(ar) .heading-07-mobile-drive,
1245
+ html:lang(ar) .mobile-heading-s-300-drive {
1246
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1247
+ }
1248
+ .data-01-tablet-drive,
1249
+ .tablet-data-xl-drive {
1250
+ font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1251
+ font-size: 2.125rem;
1252
+ font-style: normal;
1253
+ font-weight: 400;
1254
+ letter-spacing: 0rem;
1255
+ line-height: 2.625rem;
1256
+ text-transform: none;
1257
+ text-decoration: none;
1258
+ }
1259
+ html:lang(ar) .data-01-tablet-drive,
1260
+ html:lang(ar) .tablet-data-xl-drive {
1261
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1262
+ }
1263
+ .data-01-mobile-drive,
1264
+ .mobile-data-xl-drive {
1265
+ font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1266
+ font-size: 2rem;
1267
+ font-style: normal;
1268
+ font-weight: 400;
1269
+ letter-spacing: 0rem;
1270
+ line-height: 2.5rem;
1271
+ text-transform: none;
1272
+ text-decoration: none;
1273
+ }
1274
+ html:lang(ar) .data-01-mobile-drive,
1275
+ html:lang(ar) .mobile-data-xl-drive {
1276
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1277
+ }
1278
+ .data-02-tablet-drive,
1279
+ .tablet-data-l-drive {
1280
+ font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1281
+ font-size: 1.375rem;
1282
+ font-style: normal;
1283
+ font-weight: 400;
1284
+ letter-spacing: 0rem;
1285
+ line-height: 1.625rem;
1286
+ text-transform: none;
1287
+ text-decoration: none;
1288
+ }
1289
+ html:lang(ar) .data-02-tablet-drive,
1290
+ html:lang(ar) .tablet-data-l-drive {
1291
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1292
+ }
1293
+ .data-02-mobile-drive,
1294
+ .mobile-data-l-drive {
1295
+ font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1296
+ font-size: 1.25rem;
1297
+ font-style: normal;
1298
+ font-weight: 400;
1299
+ letter-spacing: 0rem;
1300
+ line-height: 1.5rem;
1301
+ text-transform: none;
1302
+ text-decoration: none;
1303
+ }
1304
+ html:lang(ar) .data-02-mobile-drive,
1305
+ html:lang(ar) .mobile-data-l-drive {
1306
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1307
+ }
1308
+ .data-03-tablet-drive,
1309
+ .tablet-data-m-drive {
1310
+ font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1311
+ font-size: 1.25rem;
1312
+ font-style: normal;
1313
+ font-weight: 400;
1314
+ letter-spacing: 0rem;
1315
+ line-height: 1.375rem;
1316
+ text-transform: none;
1317
+ text-decoration: none;
1318
+ }
1319
+ html:lang(ar) .data-03-tablet-drive,
1320
+ html:lang(ar) .tablet-data-m-drive {
1321
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1322
+ }
1323
+ .data-03-mobile-drive,
1324
+ .mobile-data-m-drive {
1325
+ font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1326
+ font-size: 1rem;
1327
+ font-style: normal;
1328
+ font-weight: 400;
1329
+ letter-spacing: 0rem;
1330
+ line-height: 1.3125rem;
1331
+ text-transform: none;
1332
+ text-decoration: none;
1333
+ }
1334
+ html:lang(ar) .data-03-mobile-drive,
1335
+ html:lang(ar) .mobile-data-m-drive {
1336
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1337
+ }
1338
+ .data-04-tablet-drive,
1339
+ .tablet-data-s-drive {
1340
+ font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1341
+ font-size: 1.125rem;
1342
+ font-style: normal;
1343
+ font-weight: 400;
1344
+ letter-spacing: 0rem;
1345
+ line-height: 1.625rem;
1346
+ text-transform: none;
1347
+ text-decoration: none;
1348
+ }
1349
+ html:lang(ar) .data-04-tablet-drive,
1350
+ html:lang(ar) .tablet-data-s-drive {
1351
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1352
+ }
1353
+ .data-04-mobile-drive,
1354
+ .mobile-data-s-drive {
1355
+ font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1356
+ font-size: 1rem;
1357
+ font-style: normal;
1358
+ font-weight: 400;
1359
+ letter-spacing: 0rem;
1360
+ line-height: 1.5rem;
1361
+ text-transform: none;
1362
+ text-decoration: none;
1363
+ }
1364
+ html:lang(ar) .data-04-mobile-drive,
1365
+ html:lang(ar) .mobile-data-s-drive {
1366
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
1367
+ }
784
1368
  :root {
785
1369
  --text-primary: #1f2833;
786
1370
  --text-secondary: #4e677e;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@geotab/zenith",
3
- "version": "3.9.0-beta.0",
3
+ "version": "3.9.0-beta.1",
4
4
  "description": "Zenith components library on React",
5
5
  "main": "dist/index.js",
6
6
  "types": "esm/index.d.ts",