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

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 (34) hide show
  1. package/README.md +0 -7
  2. package/dist/card/card.d.ts +1 -1
  3. package/dist/card/card.js +1 -1
  4. package/dist/{title → card/components}/title.d.ts +1 -1
  5. package/dist/card/components/title.js +26 -0
  6. package/dist/card/helpers/getIconTypeFromStatus.d.ts +1 -1
  7. package/dist/commonStyles/typography/typography.less +233 -0
  8. package/dist/dataGrid/withSelectableRows/components/bulkActions/bulkActions.d.ts +3 -5
  9. package/dist/dataGrid/withSelectableRows/components/bulkActions/bulkActions.js +38 -2
  10. package/dist/index.css +618 -32
  11. package/dist/index.d.ts +2 -1
  12. package/dist/index.js +22 -20
  13. package/dist/table/children/useTableChildren.d.ts +1 -1
  14. package/dist/table/children/useTableChildren.js +3 -3
  15. package/dist/table/selectable/useSelectableRows.d.ts +0 -8
  16. package/dist/table/selectable/useSelectableRows.js +7 -14
  17. package/dist/table/table.js +7 -1
  18. package/esm/card/card.d.ts +1 -1
  19. package/esm/card/card.js +1 -1
  20. package/esm/{title → card/components}/title.d.ts +1 -1
  21. package/esm/card/components/title.js +22 -0
  22. package/esm/card/helpers/getIconTypeFromStatus.d.ts +1 -1
  23. package/esm/dataGrid/withSelectableRows/components/bulkActions/bulkActions.d.ts +3 -5
  24. package/esm/dataGrid/withSelectableRows/components/bulkActions/bulkActions.js +38 -2
  25. package/esm/index.d.ts +2 -1
  26. package/esm/index.js +2 -1
  27. package/esm/table/children/useTableChildren.d.ts +1 -1
  28. package/esm/table/children/useTableChildren.js +3 -3
  29. package/esm/table/selectable/useSelectableRows.d.ts +0 -8
  30. package/esm/table/selectable/useSelectableRows.js +7 -14
  31. package/esm/table/table.js +7 -1
  32. package/package.json +1 -1
  33. package/dist/title/title.js +0 -27
  34. package/esm/title/title.js +0 -23
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;
@@ -2541,12 +3125,8 @@ html:lang(ar) .zen-title-text--mobile {
2541
3125
  text-transform: none;
2542
3126
  text-decoration: none;
2543
3127
  }
2544
- .zen-title {
3128
+ .zen-card-title {
2545
3129
  display: flex;
2546
- margin: 0;
2547
- font-size: inherit;
2548
- font-weight: inherit;
2549
- line-height: inherit;
2550
3130
  gap: 8px;
2551
3131
  align-items: center;
2552
3132
  box-sizing: border-box;
@@ -2554,10 +3134,10 @@ html:lang(ar) .zen-title-text--mobile {
2554
3134
  min-width: 0;
2555
3135
  text-decoration: none;
2556
3136
  }
2557
- .zen-title * {
3137
+ .zen-card-title * {
2558
3138
  box-sizing: border-box;
2559
3139
  }
2560
- .zen-title__icon {
3140
+ .zen-card-title__icon {
2561
3141
  height: 24px;
2562
3142
  width: 24px;
2563
3143
  flex: 0 0 auto;
@@ -2569,32 +3149,30 @@ html:lang(ar) .zen-title-text--mobile {
2569
3149
  background-color: var(--accents-general--main);
2570
3150
  box-sizing: border-box;
2571
3151
  }
2572
- .zen-title__icon--success {
3152
+ .zen-card-title__icon--success {
2573
3153
  fill: var(--accents-success--detail);
2574
3154
  background-color: var(--accents-success--main);
2575
3155
  }
2576
- .zen-title__icon--error {
3156
+ .zen-card-title__icon--error {
2577
3157
  fill: var(--accents-error--detail);
2578
3158
  background-color: var(--accents-error--main);
2579
3159
  }
2580
- .zen-title__icon--warning {
3160
+ .zen-card-title__icon--warning {
2581
3161
  fill: var(--accents-warning--detail);
2582
3162
  background-color: var(--accents-warning--main);
2583
3163
  }
2584
- .zen-title__icon--default {
3164
+ .zen-card-title__icon--default {
2585
3165
  background-color: var(--backgrounds-content-1);
2586
3166
  fill: var(--text-secondary);
2587
3167
  }
2588
- .zen-title__clickable,
2589
- .zen-title__link {
3168
+ .zen-card-title__link {
2590
3169
  display: flex;
2591
3170
  gap: 4px;
2592
3171
  text-decoration: none;
2593
3172
  min-width: 0;
2594
- align-items: center;
2595
3173
  }
2596
- .zen-title__text,
2597
- .zen-title__link-text {
3174
+ .zen-card-title__text,
3175
+ .zen-card-title__link-text {
2598
3176
  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
2599
3177
  font-size: 0.875rem;
2600
3178
  font-style: normal;
@@ -2612,11 +3190,11 @@ html:lang(ar) .zen-title-text--mobile {
2612
3190
  text-align: start;
2613
3191
  color: var(--text-primary);
2614
3192
  }
2615
- html:lang(ar) .zen-title__text,
2616
- html:lang(ar) .zen-title__link-text {
3193
+ html:lang(ar) .zen-card-title__text,
3194
+ html:lang(ar) .zen-card-title__link-text {
2617
3195
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
2618
3196
  }
2619
- .zen-title__link-chevron {
3197
+ .zen-card-title__link-chevron {
2620
3198
  display: inline-flex;
2621
3199
  align-items: center;
2622
3200
  vertical-align: middle;
@@ -2624,7 +3202,7 @@ html:lang(ar) .zen-title__link-text {
2624
3202
  height: 16px;
2625
3203
  fill: var(--text-primary);
2626
3204
  }
2627
- .zen-title__clickable {
3205
+ .zen-card-title__clickable {
2628
3206
  border: none;
2629
3207
  background: none;
2630
3208
  padding: 0;
@@ -2632,28 +3210,32 @@ html:lang(ar) .zen-title__link-text {
2632
3210
  gap: 4px;
2633
3211
  cursor: pointer;
2634
3212
  }
2635
- .zen-title--drive .zen-title__text,
2636
- .zen-title--drive .zen-title__link-text {
2637
- font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
2638
- font-size: 1.125rem;
3213
+ .zen-card-title--drive .zen-card-title__text,
3214
+ .zen-card-title--drive .zen-card-title__link-text {
3215
+ font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
3216
+ font-size: 1rem;
2639
3217
  font-style: normal;
2640
3218
  font-weight: 500;
2641
3219
  letter-spacing: 0.01rem;
2642
- line-height: 1.375rem;
3220
+ line-height: 1.25rem;
2643
3221
  text-transform: none;
2644
3222
  text-decoration: none;
2645
3223
  }
2646
- .zen-title--drive .zen-title__icon {
3224
+ html:lang(ar) .zen-card-title--drive .zen-card-title__text,
3225
+ html:lang(ar) .zen-card-title--drive .zen-card-title__link-text {
3226
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
3227
+ }
3228
+ .zen-card-title--drive .zen-card-title__icon {
2647
3229
  width: 32px;
2648
3230
  height: 32px;
2649
3231
  }
2650
- .zen-title--drive .zen-title__link-chevron {
3232
+ .zen-card-title--drive .zen-card-title__link-chevron {
2651
3233
  width: 20px;
2652
3234
  height: 20px;
2653
3235
  }
2654
- .zen-title--drive-tablet .zen-title__text,
2655
- .zen-title--drive-tablet .zen-title__link-text {
2656
- font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
3236
+ .zen-card-title--drive-tablet .zen-card-title__text,
3237
+ .zen-card-title--drive-tablet .zen-card-title__link-text {
3238
+ font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
2657
3239
  font-size: 1.125rem;
2658
3240
  font-style: normal;
2659
3241
  font-weight: 500;
@@ -2662,11 +3244,15 @@ html:lang(ar) .zen-title__link-text {
2662
3244
  text-transform: none;
2663
3245
  text-decoration: none;
2664
3246
  }
2665
- .zen-title--drive-tablet .zen-title__icon {
3247
+ html:lang(ar) .zen-card-title--drive-tablet .zen-card-title__text,
3248
+ html:lang(ar) .zen-card-title--drive-tablet .zen-card-title__link-text {
3249
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
3250
+ }
3251
+ .zen-card-title--drive-tablet .zen-card-title__icon {
2666
3252
  width: 32px;
2667
3253
  height: 32px;
2668
3254
  }
2669
- .zen-title--drive-tablet .zen-title__link-chevron {
3255
+ .zen-card-title--drive-tablet .zen-card-title__link-chevron {
2670
3256
  width: 20px;
2671
3257
  height: 20px;
2672
3258
  }