@scania/tegel 1.34.0-multibrand-beta.3 → 1.34.0-multibrand-beta.4

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/tegel/tegel.css +2 -2
  2. package/dist-styles/scania-variables.css +33 -33
  3. package/dist-styles/scania.css +33 -33
  4. package/dist-styles/traton-variables.css +30 -281
  5. package/dist-styles/traton.css +30 -281
  6. package/package.json +1 -1
package/dist-styles/traton-variables.css CHANGED
@@ -1,3 +1,5 @@
1
+ /* Global variables. Needed for local assets path. */
2
+ /** The breakpoint at which the layout changes from fixed size to full-width. */
1
3
  /* Spacing */
2
4
  :root,
3
5
  .traton {
@@ -824,292 +826,39 @@
824
826
  --text-link-02-font-weight: var(--traton-font-weight-regular);
825
827
  }
826
828
 
827
- /* Traton specific imports */
828
- .traton {
829
- /* Font size tokens */
830
- --super-type-01-font-size: 216px;
831
- --super-type-02-font-size: 156px;
832
- --super-type-03-font-size: 112px;
833
- --expressive-headline-01-font-size: 80px;
834
- --expressive-headline-02-font-size: 56px;
835
- --headline-01-font-size: 40px;
836
- --headline-02-font-size: 32px;
837
- --headline-03-font-size: 24px;
838
- --headline-04-font-size: 20px;
839
- --headline-05-font-size: 16px;
840
- --headline-06-font-size: 14px;
841
- --headline-07-font-size: 14px;
842
- --paragraph-01-font-size: 24px;
843
- --paragraph-02-font-size: 20px;
844
- --body-01-font-size: 16px;
845
- --body-02-font-size: 14px;
846
- --body-link-01-font-size: 16px;
847
- --body-link-02-font-size: 14px;
848
- --detail-01-font-size: 16px;
849
- --detail-02-font-size: 14px;
850
- --detail-03-font-size: 14px;
851
- --detail-04-font-size: 12px;
852
- --detail-05-font-size: 12px;
853
- --detail-06-font-size: 10px;
854
- --detail-07-font-size: 10px;
855
- /* Typography Line Height Tokens */
856
- --super-type-01-line-height: 227px;
857
- --super-type-02-line-height: 164px;
858
- --super-type-03-line-height: 106px;
859
- --expressive-headline-01-line-height: 84px;
860
- --expressive-headline-02-line-height: 59px;
861
- --headline-01-line-height: 42px;
862
- --headline-02-line-height: 40px;
863
- --headline-03-line-height: 30px;
864
- --headline-04-line-height: 25px;
865
- --headline-05-line-height: 22px;
866
- --headline-06-line-height: 20px;
867
- --headline-07-line-height: 18px;
868
- --paragraph-01-line-height: 30px;
869
- --paragraph-02-line-height: 25px;
870
- --body-01-line-height: 22px;
871
- --body-02-line-height: 20px;
872
- --body-link-01-line-height: 22px;
873
- --body-link-02-line-height: 20px;
874
- --detail-01-line-height: 22px;
875
- --detail-02-line-height: 16px;
876
- --detail-03-line-height: 20px;
877
- --detail-04-line-height: 17px;
878
- --detail-05-line-height: 17px;
879
- --detail-06-line-height: 14px;
880
- --detail-07-line-height: 14px;
881
- /* Typography Font Family Tokens */
882
- --super-type-01-font-family: "TRATON Type Display", verdana;
883
- --super-type-02-font-family: "TRATON Type Display", verdana;
884
- --super-type-03-font-family: "TRATON Type Display", verdana;
885
- --expressive-headline-01-font-family: "TRATON Type Display", verdana;
886
- --expressive-headline-02-font-family: "TRATON Type Display", verdana;
887
- --headline-01-font-family: "TRATON Type Display", verdana;
888
- --headline-02-font-family: "TRATON Type Display", verdana;
889
- --headline-03-font-family: "TRATON Type Display", verdana;
890
- --headline-04-font-family: "TRATON Type Display", verdana;
891
- --headline-05-font-family: "TRATON Type Text", verdana;
892
- --headline-06-font-family: "TRATON Type Text", verdana;
893
- --headline-07-font-family: "TRATON Type Text", verdana;
894
- --paragraph-01-font-family: "TRATON Type Display", verdana;
895
- --paragraph-02-font-family: "TRATON Type Display", verdana;
896
- --body-01-font-family: "TRATON Type Text", verdana;
897
- --body-02-font-family: "TRATON Type Text", verdana;
898
- --body-link-01-font-family: "TRATON Type Text", verdana;
899
- --body-link-02-font-family: "TRATON Type Text", verdana;
900
- --detail-01-font-family: "TRATON Type Text", verdana;
901
- --detail-02-font-family: "TRATON Type Text", verdana;
902
- --detail-03-font-family: "TRATON Type Text", verdana;
903
- --detail-04-font-family: "TRATON Type Text", verdana;
904
- --detail-05-font-family: "TRATON Type Text", verdana;
905
- --detail-06-font-family: "TRATON Type Text", verdana;
906
- --detail-07-font-family: "TRATON Type Text", verdana;
907
- /* Typography Font Weight Tokens */
908
- --super-type-01-font-weight: normal;
909
- --super-type-02-font-weight: normal;
910
- --super-type-03-font-weight: normal;
911
- --expressive-headline-01-font-weight: normal;
912
- --expressive-headline-02-font-weight: normal;
913
- --headline-01-font-weight: normal;
914
- --headline-02-font-weight: normal;
915
- --headline-03-font-weight: normal;
916
- --headline-04-font-weight: normal;
917
- --headline-05-font-weight: 600;
918
- --headline-06-font-weight: 600;
919
- --headline-07-font-weight: 600;
920
- --paragraph-01-font-weight: normal;
921
- --paragraph-02-font-weight: normal;
922
- --body-01-font-weight: normal;
923
- --body-02-font-weight: normal;
924
- --body-link-01-font-weight: normal;
925
- --body-link-02-font-weight: normal;
926
- --detail-01-font-weight: normal;
927
- --detail-02-font-weight: normal;
928
- --detail-03-font-weight: normal;
929
- --detail-04-font-weight: 600;
930
- --detail-05-font-weight: normal;
931
- --detail-06-font-weight: 600;
932
- --detail-07-font-weight: normal;
933
- /* Typography Letter-Spacing (Kerning) Tokens */
934
- --super-type-01-letter-spacing: 1.08px;
935
- --super-type-02-letter-spacing: 0.78px;
936
- --super-type-03-letter-spacing: 0.56px;
937
- --expressive-headline-01-letter-spacing: 0.4px;
938
- --expressive-headline-02-letter-spacing: 0.28px;
939
- --headline-01-letter-spacing: 0;
940
- --headline-02-letter-spacing: 0;
941
- --headline-03-letter-spacing: 0;
942
- --headline-04-letter-spacing: 0;
943
- --headline-05-letter-spacing: 0;
944
- --headline-06-letter-spacing: 0;
945
- --headline-07-letter-spacing: 0;
946
- --paragraph-01-letter-spacing: 0;
947
- --paragraph-02-letter-spacing: 0;
948
- --body-01-letter-spacing: 0;
949
- --body-02-letter-spacing: 0;
950
- --body-link-01-letter-spacing: 0;
951
- --body-link-02-letter-spacing: 0;
952
- --detail-01-letter-spacing: 0;
953
- --detail-02-letter-spacing: 0;
954
- --detail-03-letter-spacing: 0;
955
- --detail-04-letter-spacing: 0.48px;
956
- --detail-05-letter-spacing: 0;
957
- --detail-06-letter-spacing: 0.4px;
958
- --detail-07-letter-spacing: 0;
959
- /* Text transform tokens */
960
- --super-type-01-text-transform: uppercase;
961
- --super-type-02-text-transform: uppercase;
962
- --super-type-03-text-transform: uppercase;
963
- --expressive-headline-01-text-transform: uppercase;
964
- --expressive-headline-02-text-transform: uppercase;
965
- --headline-01-text-transform: none;
966
- --headline-02-text-transform: none;
967
- --headline-03-text-transform: none;
968
- --headline-04-text-transform: none;
969
- --headline-05-text-transform: none;
970
- --headline-06-text-transform: none;
971
- --headline-07-text-transform: none;
972
- --paragraph-01-text-transform: none;
973
- --paragraph-02-text-transform: none;
974
- --body-01-text-transform: none;
975
- --body-02-text-transform: none;
976
- --body-link-01-text-transform: none;
977
- --body-link-02-text-transform: none;
978
- --detail-01-text-transform: none;
979
- --detail-02-text-transform: none;
980
- --detail-03-text-transform: none;
981
- --detail-04-text-transform: uppercase;
982
- --detail-05-text-transform: none;
983
- --detail-06-text-transform: uppercase;
984
- --detail-07-text-transform: none;
985
- }
986
-
987
- :root,
988
- .traton {
989
- /* Radius tokens */
990
- --radius-narrow: var(--unit-4);
991
- --radius-soft: var(--unit-8);
992
- --radius-rounded: var(--unit-32);
993
- --radius-circle: 500px;
994
- /* Radius for-surface tokens */
995
- --radius-surface-clickable: var(--radius-full);
996
- --radius-surface-field: var(--unit-2);
997
- /* Radius for-area tokens */
998
- --radius-area-large: var(--unit-8);
999
- --radius-area-small: var(--unit-4);
1000
- /* Space tokens */
1001
- --space-tiny: var(--unit-4);
1002
- --space-small: var(--unit-16);
1003
- --space-medium: var(--unit-24);
1004
- --space-large: var(--unit-48);
1005
- --space-huge: var(--unit-80);
1006
- }
1007
-
1008
- /* === TRATON Type Display === */
1009
- @font-face {
1010
- font-family: "TRATON Type Display";
1011
- src: url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-display-medium.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-display-medium.woff") format("woff");
1012
- font-weight: 500;
1013
- font-style: normal;
1014
- font-display: swap;
1015
- }
1016
- @font-face {
1017
- font-family: "TRATON Type Display";
1018
- src: url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-display-bold.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-display-bold.woff") format("woff");
1019
- font-weight: 700;
1020
- font-style: normal;
1021
- font-display: swap;
1022
- }
1023
- /* === TRATON Type Text === */
1024
- @font-face {
1025
- font-family: "TRATON Type Text";
1026
- src: url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-regular.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-regular.woff") format("woff");
1027
- font-weight: 400;
1028
- font-style: normal;
1029
- font-display: swap;
1030
- }
1031
- @font-face {
1032
- font-family: "TRATON Type Text";
1033
- src: url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-italic.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-italic.woff") format("woff");
1034
- font-weight: 400;
1035
- font-style: italic;
1036
- font-display: swap;
1037
- }
1038
- @font-face {
1039
- font-family: "TRATON Type Text";
1040
- src: url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-medium.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-medium.woff") format("woff");
1041
- font-weight: 500;
1042
- font-style: normal;
1043
- font-display: swap;
1044
- }
1045
- @font-face {
1046
- font-family: "TRATON Type Text";
1047
- src: url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-medium-italic.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-medium-italic.woff") format("woff");
1048
- font-weight: 500;
1049
- font-style: italic;
1050
- font-display: swap;
1051
- }
1052
- @font-face {
1053
- font-family: "TRATON Type Text";
1054
- src: url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-semibold.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-semibold.woff") format("woff");
1055
- font-weight: 600;
1056
- font-style: normal;
1057
- font-display: swap;
1058
- }
1059
- @font-face {
1060
- font-family: "TRATON Type Text";
1061
- src: url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-semibold-italic.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-semibold-italic.woff") format("woff");
1062
- font-weight: 600;
1063
- font-style: italic;
1064
- font-display: swap;
1065
- }
1066
- @font-face {
1067
- font-family: "TRATON Type Text";
1068
- src: url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-bold.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-bold.woff") format("woff");
1069
- font-weight: 700;
1070
- font-style: normal;
1071
- font-display: swap;
1072
- }
1073
- @font-face {
1074
- font-family: "TRATON Type Text";
1075
- src: url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-bold-italic.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-bold-italic.woff") format("woff");
1076
- font-weight: 700;
1077
- font-style: italic;
1078
- font-display: swap;
1079
- }
1080
829
  /* Traton primitive icon tokens */
1081
830
  /**
1082
831
  * Do not edit directly, this file was auto-generated.
1083
832
  */
1084
833
  :root {
1085
- --traton-icon-arrow_diagonal-svg: url(./assets/icons/traton/arrow_diagonal.svg);
1086
- --traton-icon-arrow_down-svg: url(./assets/icons/traton/arrow_down.svg);
1087
- --traton-icon-arrow_left-svg: url(./assets/icons/traton/arrow_left.svg);
1088
- --traton-icon-arrow_right-svg: url(./assets/icons/traton/arrow_right.svg);
1089
- --traton-icon-arrow_up-svg: url(./assets/icons/traton/arrow_up.svg);
1090
- --traton-icon-bento-svg: url(./assets/icons/traton/bento.svg);
1091
- --traton-icon-burger-svg: url(./assets/icons/traton/burger.svg);
1092
- --traton-icon-calendar-svg: url(./assets/icons/traton/calendar.svg);
1093
- --traton-icon-chevron_down-svg: url(./assets/icons/traton/chevron_down.svg);
1094
- --traton-icon-chevron_left-svg: url(./assets/icons/traton/chevron_left.svg);
1095
- --traton-icon-chevron_right-svg: url(./assets/icons/traton/chevron_right.svg);
1096
- --traton-icon-chevron_up-svg: url(./assets/icons/traton/chevron_up.svg);
1097
- --traton-icon-cross-svg: url(./assets/icons/traton/cross.svg);
1098
- --traton-icon-edit-svg: url(./assets/icons/traton/edit.svg);
1099
- --traton-icon-error-svg: url(./assets/icons/traton/error.svg);
1100
- --traton-icon-info-svg: url(./assets/icons/traton/info.svg);
1101
- --traton-icon-minus-svg: url(./assets/icons/traton/minus.svg);
1102
- --traton-icon-notification-svg: url(./assets/icons/traton/notification.svg);
1103
- --traton-icon-plus-svg: url(./assets/icons/traton/plus.svg);
1104
- --traton-icon-print-svg: url(./assets/icons/traton/print.svg);
1105
- --traton-icon-refresh-svg: url(./assets/icons/traton/refresh.svg);
1106
- --traton-icon-search-svg: url(./assets/icons/traton/search.svg);
1107
- --traton-icon-share-svg: url(./assets/icons/traton/share.svg);
1108
- --traton-icon-sorting-svg: url(./assets/icons/traton/sorting.svg);
1109
- --traton-icon-star-svg: url(./assets/icons/traton/star.svg);
1110
- --traton-icon-tick-svg: url(./assets/icons/traton/tick.svg);
1111
- --traton-icon-truck-svg: url(./assets/icons/traton/truck.svg);
1112
- --traton-icon-warning-svg: url(./assets/icons/traton/warning.svg);
834
+ --traton-icon-arrow_diagonal-svg: url(../dist/tegel/assets/icons/traton/arrow_diagonal.svg);
835
+ --traton-icon-arrow_down-svg: url(../dist/tegel/assets/icons/traton/arrow_down.svg);
836
+ --traton-icon-arrow_left-svg: url(../dist/tegel/assets/icons/traton/arrow_left.svg);
837
+ --traton-icon-arrow_right-svg: url(../dist/tegel/assets/icons/traton/arrow_right.svg);
838
+ --traton-icon-arrow_up-svg: url(../dist/tegel/assets/icons/traton/arrow_up.svg);
839
+ --traton-icon-bento-svg: url(../dist/tegel/assets/icons/traton/bento.svg);
840
+ --traton-icon-burger-svg: url(../dist/tegel/assets/icons/traton/burger.svg);
841
+ --traton-icon-calendar-svg: url(../dist/tegel/assets/icons/traton/calendar.svg);
842
+ --traton-icon-chevron_down-svg: url(../dist/tegel/assets/icons/traton/chevron_down.svg);
843
+ --traton-icon-chevron_left-svg: url(../dist/tegel/assets/icons/traton/chevron_left.svg);
844
+ --traton-icon-chevron_right-svg: url(../dist/tegel/assets/icons/traton/chevron_right.svg);
845
+ --traton-icon-chevron_up-svg: url(../dist/tegel/assets/icons/traton/chevron_up.svg);
846
+ --traton-icon-cross-svg: url(../dist/tegel/assets/icons/traton/cross.svg);
847
+ --traton-icon-edit-svg: url(../dist/tegel/assets/icons/traton/edit.svg);
848
+ --traton-icon-error-svg: url(../dist/tegel/assets/icons/traton/error.svg);
849
+ --traton-icon-info-svg: url(../dist/tegel/assets/icons/traton/info.svg);
850
+ --traton-icon-minus-svg: url(../dist/tegel/assets/icons/traton/minus.svg);
851
+ --traton-icon-notification-svg: url(../dist/tegel/assets/icons/traton/notification.svg);
852
+ --traton-icon-plus-svg: url(../dist/tegel/assets/icons/traton/plus.svg);
853
+ --traton-icon-print-svg: url(../dist/tegel/assets/icons/traton/print.svg);
854
+ --traton-icon-refresh-svg: url(../dist/tegel/assets/icons/traton/refresh.svg);
855
+ --traton-icon-search-svg: url(../dist/tegel/assets/icons/traton/search.svg);
856
+ --traton-icon-share-svg: url(../dist/tegel/assets/icons/traton/share.svg);
857
+ --traton-icon-sorting-svg: url(../dist/tegel/assets/icons/traton/sorting.svg);
858
+ --traton-icon-star-svg: url(../dist/tegel/assets/icons/traton/star.svg);
859
+ --traton-icon-tick-svg: url(../dist/tegel/assets/icons/traton/tick.svg);
860
+ --traton-icon-truck-svg: url(../dist/tegel/assets/icons/traton/truck.svg);
861
+ --traton-icon-warning-svg: url(../dist/tegel/assets/icons/traton/warning.svg);
1113
862
  }
1114
863
 
1115
864
  /* Traton icon tokens */
package/dist-styles/traton.css CHANGED
@@ -1,3 +1,5 @@
1
+ /* Global variables. Needed for local assets path. */
2
+ /** The breakpoint at which the layout changes from fixed size to full-width. */
1
3
  /* Spacing */
2
4
  :root,
3
5
  .traton {
@@ -824,292 +826,39 @@
824
826
  --text-link-02-font-weight: var(--traton-font-weight-regular);
825
827
  }
826
828
 
827
- /* Traton specific imports */
828
- .traton {
829
- /* Font size tokens */
830
- --super-type-01-font-size: 216px;
831
- --super-type-02-font-size: 156px;
832
- --super-type-03-font-size: 112px;
833
- --expressive-headline-01-font-size: 80px;
834
- --expressive-headline-02-font-size: 56px;
835
- --headline-01-font-size: 40px;
836
- --headline-02-font-size: 32px;
837
- --headline-03-font-size: 24px;
838
- --headline-04-font-size: 20px;
839
- --headline-05-font-size: 16px;
840
- --headline-06-font-size: 14px;
841
- --headline-07-font-size: 14px;
842
- --paragraph-01-font-size: 24px;
843
- --paragraph-02-font-size: 20px;
844
- --body-01-font-size: 16px;
845
- --body-02-font-size: 14px;
846
- --body-link-01-font-size: 16px;
847
- --body-link-02-font-size: 14px;
848
- --detail-01-font-size: 16px;
849
- --detail-02-font-size: 14px;
850
- --detail-03-font-size: 14px;
851
- --detail-04-font-size: 12px;
852
- --detail-05-font-size: 12px;
853
- --detail-06-font-size: 10px;
854
- --detail-07-font-size: 10px;
855
- /* Typography Line Height Tokens */
856
- --super-type-01-line-height: 227px;
857
- --super-type-02-line-height: 164px;
858
- --super-type-03-line-height: 106px;
859
- --expressive-headline-01-line-height: 84px;
860
- --expressive-headline-02-line-height: 59px;
861
- --headline-01-line-height: 42px;
862
- --headline-02-line-height: 40px;
863
- --headline-03-line-height: 30px;
864
- --headline-04-line-height: 25px;
865
- --headline-05-line-height: 22px;
866
- --headline-06-line-height: 20px;
867
- --headline-07-line-height: 18px;
868
- --paragraph-01-line-height: 30px;
869
- --paragraph-02-line-height: 25px;
870
- --body-01-line-height: 22px;
871
- --body-02-line-height: 20px;
872
- --body-link-01-line-height: 22px;
873
- --body-link-02-line-height: 20px;
874
- --detail-01-line-height: 22px;
875
- --detail-02-line-height: 16px;
876
- --detail-03-line-height: 20px;
877
- --detail-04-line-height: 17px;
878
- --detail-05-line-height: 17px;
879
- --detail-06-line-height: 14px;
880
- --detail-07-line-height: 14px;
881
- /* Typography Font Family Tokens */
882
- --super-type-01-font-family: "TRATON Type Display", verdana;
883
- --super-type-02-font-family: "TRATON Type Display", verdana;
884
- --super-type-03-font-family: "TRATON Type Display", verdana;
885
- --expressive-headline-01-font-family: "TRATON Type Display", verdana;
886
- --expressive-headline-02-font-family: "TRATON Type Display", verdana;
887
- --headline-01-font-family: "TRATON Type Display", verdana;
888
- --headline-02-font-family: "TRATON Type Display", verdana;
889
- --headline-03-font-family: "TRATON Type Display", verdana;
890
- --headline-04-font-family: "TRATON Type Display", verdana;
891
- --headline-05-font-family: "TRATON Type Text", verdana;
892
- --headline-06-font-family: "TRATON Type Text", verdana;
893
- --headline-07-font-family: "TRATON Type Text", verdana;
894
- --paragraph-01-font-family: "TRATON Type Display", verdana;
895
- --paragraph-02-font-family: "TRATON Type Display", verdana;
896
- --body-01-font-family: "TRATON Type Text", verdana;
897
- --body-02-font-family: "TRATON Type Text", verdana;
898
- --body-link-01-font-family: "TRATON Type Text", verdana;
899
- --body-link-02-font-family: "TRATON Type Text", verdana;
900
- --detail-01-font-family: "TRATON Type Text", verdana;
901
- --detail-02-font-family: "TRATON Type Text", verdana;
902
- --detail-03-font-family: "TRATON Type Text", verdana;
903
- --detail-04-font-family: "TRATON Type Text", verdana;
904
- --detail-05-font-family: "TRATON Type Text", verdana;
905
- --detail-06-font-family: "TRATON Type Text", verdana;
906
- --detail-07-font-family: "TRATON Type Text", verdana;
907
- /* Typography Font Weight Tokens */
908
- --super-type-01-font-weight: normal;
909
- --super-type-02-font-weight: normal;
910
- --super-type-03-font-weight: normal;
911
- --expressive-headline-01-font-weight: normal;
912
- --expressive-headline-02-font-weight: normal;
913
- --headline-01-font-weight: normal;
914
- --headline-02-font-weight: normal;
915
- --headline-03-font-weight: normal;
916
- --headline-04-font-weight: normal;
917
- --headline-05-font-weight: 600;
918
- --headline-06-font-weight: 600;
919
- --headline-07-font-weight: 600;
920
- --paragraph-01-font-weight: normal;
921
- --paragraph-02-font-weight: normal;
922
- --body-01-font-weight: normal;
923
- --body-02-font-weight: normal;
924
- --body-link-01-font-weight: normal;
925
- --body-link-02-font-weight: normal;
926
- --detail-01-font-weight: normal;
927
- --detail-02-font-weight: normal;
928
- --detail-03-font-weight: normal;
929
- --detail-04-font-weight: 600;
930
- --detail-05-font-weight: normal;
931
- --detail-06-font-weight: 600;
932
- --detail-07-font-weight: normal;
933
- /* Typography Letter-Spacing (Kerning) Tokens */
934
- --super-type-01-letter-spacing: 1.08px;
935
- --super-type-02-letter-spacing: 0.78px;
936
- --super-type-03-letter-spacing: 0.56px;
937
- --expressive-headline-01-letter-spacing: 0.4px;
938
- --expressive-headline-02-letter-spacing: 0.28px;
939
- --headline-01-letter-spacing: 0;
940
- --headline-02-letter-spacing: 0;
941
- --headline-03-letter-spacing: 0;
942
- --headline-04-letter-spacing: 0;
943
- --headline-05-letter-spacing: 0;
944
- --headline-06-letter-spacing: 0;
945
- --headline-07-letter-spacing: 0;
946
- --paragraph-01-letter-spacing: 0;
947
- --paragraph-02-letter-spacing: 0;
948
- --body-01-letter-spacing: 0;
949
- --body-02-letter-spacing: 0;
950
- --body-link-01-letter-spacing: 0;
951
- --body-link-02-letter-spacing: 0;
952
- --detail-01-letter-spacing: 0;
953
- --detail-02-letter-spacing: 0;
954
- --detail-03-letter-spacing: 0;
955
- --detail-04-letter-spacing: 0.48px;
956
- --detail-05-letter-spacing: 0;
957
- --detail-06-letter-spacing: 0.4px;
958
- --detail-07-letter-spacing: 0;
959
- /* Text transform tokens */
960
- --super-type-01-text-transform: uppercase;
961
- --super-type-02-text-transform: uppercase;
962
- --super-type-03-text-transform: uppercase;
963
- --expressive-headline-01-text-transform: uppercase;
964
- --expressive-headline-02-text-transform: uppercase;
965
- --headline-01-text-transform: none;
966
- --headline-02-text-transform: none;
967
- --headline-03-text-transform: none;
968
- --headline-04-text-transform: none;
969
- --headline-05-text-transform: none;
970
- --headline-06-text-transform: none;
971
- --headline-07-text-transform: none;
972
- --paragraph-01-text-transform: none;
973
- --paragraph-02-text-transform: none;
974
- --body-01-text-transform: none;
975
- --body-02-text-transform: none;
976
- --body-link-01-text-transform: none;
977
- --body-link-02-text-transform: none;
978
- --detail-01-text-transform: none;
979
- --detail-02-text-transform: none;
980
- --detail-03-text-transform: none;
981
- --detail-04-text-transform: uppercase;
982
- --detail-05-text-transform: none;
983
- --detail-06-text-transform: uppercase;
984
- --detail-07-text-transform: none;
985
- }
986
-
987
- :root,
988
- .traton {
989
- /* Radius tokens */
990
- --radius-narrow: var(--unit-4);
991
- --radius-soft: var(--unit-8);
992
- --radius-rounded: var(--unit-32);
993
- --radius-circle: 500px;
994
- /* Radius for-surface tokens */
995
- --radius-surface-clickable: var(--radius-full);
996
- --radius-surface-field: var(--unit-2);
997
- /* Radius for-area tokens */
998
- --radius-area-large: var(--unit-8);
999
- --radius-area-small: var(--unit-4);
1000
- /* Space tokens */
1001
- --space-tiny: var(--unit-4);
1002
- --space-small: var(--unit-16);
1003
- --space-medium: var(--unit-24);
1004
- --space-large: var(--unit-48);
1005
- --space-huge: var(--unit-80);
1006
- }
1007
-
1008
- /* === TRATON Type Display === */
1009
- @font-face {
1010
- font-family: "TRATON Type Display";
1011
- src: url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-display-medium.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-display-medium.woff") format("woff");
1012
- font-weight: 500;
1013
- font-style: normal;
1014
- font-display: swap;
1015
- }
1016
- @font-face {
1017
- font-family: "TRATON Type Display";
1018
- src: url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-display-bold.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-display-bold.woff") format("woff");
1019
- font-weight: 700;
1020
- font-style: normal;
1021
- font-display: swap;
1022
- }
1023
- /* === TRATON Type Text === */
1024
- @font-face {
1025
- font-family: "TRATON Type Text";
1026
- src: url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-regular.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-regular.woff") format("woff");
1027
- font-weight: 400;
1028
- font-style: normal;
1029
- font-display: swap;
1030
- }
1031
- @font-face {
1032
- font-family: "TRATON Type Text";
1033
- src: url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-italic.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-italic.woff") format("woff");
1034
- font-weight: 400;
1035
- font-style: italic;
1036
- font-display: swap;
1037
- }
1038
- @font-face {
1039
- font-family: "TRATON Type Text";
1040
- src: url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-medium.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-medium.woff") format("woff");
1041
- font-weight: 500;
1042
- font-style: normal;
1043
- font-display: swap;
1044
- }
1045
- @font-face {
1046
- font-family: "TRATON Type Text";
1047
- src: url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-medium-italic.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-medium-italic.woff") format("woff");
1048
- font-weight: 500;
1049
- font-style: italic;
1050
- font-display: swap;
1051
- }
1052
- @font-face {
1053
- font-family: "TRATON Type Text";
1054
- src: url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-semibold.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-semibold.woff") format("woff");
1055
- font-weight: 600;
1056
- font-style: normal;
1057
- font-display: swap;
1058
- }
1059
- @font-face {
1060
- font-family: "TRATON Type Text";
1061
- src: url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-semibold-italic.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-semibold-italic.woff") format("woff");
1062
- font-weight: 600;
1063
- font-style: italic;
1064
- font-display: swap;
1065
- }
1066
- @font-face {
1067
- font-family: "TRATON Type Text";
1068
- src: url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-bold.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-bold.woff") format("woff");
1069
- font-weight: 700;
1070
- font-style: normal;
1071
- font-display: swap;
1072
- }
1073
- @font-face {
1074
- font-family: "TRATON Type Text";
1075
- src: url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-bold-italic.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-bold-italic.woff") format("woff");
1076
- font-weight: 700;
1077
- font-style: italic;
1078
- font-display: swap;
1079
- }
1080
829
  /* Traton primitive icon tokens */
1081
830
  /**
1082
831
  * Do not edit directly, this file was auto-generated.
1083
832
  */
1084
833
  :root {
1085
- --traton-icon-arrow_diagonal-svg: url(./assets/icons/traton/arrow_diagonal.svg);
1086
- --traton-icon-arrow_down-svg: url(./assets/icons/traton/arrow_down.svg);
1087
- --traton-icon-arrow_left-svg: url(./assets/icons/traton/arrow_left.svg);
1088
- --traton-icon-arrow_right-svg: url(./assets/icons/traton/arrow_right.svg);
1089
- --traton-icon-arrow_up-svg: url(./assets/icons/traton/arrow_up.svg);
1090
- --traton-icon-bento-svg: url(./assets/icons/traton/bento.svg);
1091
- --traton-icon-burger-svg: url(./assets/icons/traton/burger.svg);
1092
- --traton-icon-calendar-svg: url(./assets/icons/traton/calendar.svg);
1093
- --traton-icon-chevron_down-svg: url(./assets/icons/traton/chevron_down.svg);
1094
- --traton-icon-chevron_left-svg: url(./assets/icons/traton/chevron_left.svg);
1095
- --traton-icon-chevron_right-svg: url(./assets/icons/traton/chevron_right.svg);
1096
- --traton-icon-chevron_up-svg: url(./assets/icons/traton/chevron_up.svg);
1097
- --traton-icon-cross-svg: url(./assets/icons/traton/cross.svg);
1098
- --traton-icon-edit-svg: url(./assets/icons/traton/edit.svg);
1099
- --traton-icon-error-svg: url(./assets/icons/traton/error.svg);
1100
- --traton-icon-info-svg: url(./assets/icons/traton/info.svg);
1101
- --traton-icon-minus-svg: url(./assets/icons/traton/minus.svg);
1102
- --traton-icon-notification-svg: url(./assets/icons/traton/notification.svg);
1103
- --traton-icon-plus-svg: url(./assets/icons/traton/plus.svg);
1104
- --traton-icon-print-svg: url(./assets/icons/traton/print.svg);
1105
- --traton-icon-refresh-svg: url(./assets/icons/traton/refresh.svg);
1106
- --traton-icon-search-svg: url(./assets/icons/traton/search.svg);
1107
- --traton-icon-share-svg: url(./assets/icons/traton/share.svg);
1108
- --traton-icon-sorting-svg: url(./assets/icons/traton/sorting.svg);
1109
- --traton-icon-star-svg: url(./assets/icons/traton/star.svg);
1110
- --traton-icon-tick-svg: url(./assets/icons/traton/tick.svg);
1111
- --traton-icon-truck-svg: url(./assets/icons/traton/truck.svg);
1112
- --traton-icon-warning-svg: url(./assets/icons/traton/warning.svg);
834
+ --traton-icon-arrow_diagonal-svg: url(../dist/tegel/assets/icons/traton/arrow_diagonal.svg);
835
+ --traton-icon-arrow_down-svg: url(../dist/tegel/assets/icons/traton/arrow_down.svg);
836
+ --traton-icon-arrow_left-svg: url(../dist/tegel/assets/icons/traton/arrow_left.svg);
837
+ --traton-icon-arrow_right-svg: url(../dist/tegel/assets/icons/traton/arrow_right.svg);
838
+ --traton-icon-arrow_up-svg: url(../dist/tegel/assets/icons/traton/arrow_up.svg);
839
+ --traton-icon-bento-svg: url(../dist/tegel/assets/icons/traton/bento.svg);
840
+ --traton-icon-burger-svg: url(../dist/tegel/assets/icons/traton/burger.svg);
841
+ --traton-icon-calendar-svg: url(../dist/tegel/assets/icons/traton/calendar.svg);
842
+ --traton-icon-chevron_down-svg: url(../dist/tegel/assets/icons/traton/chevron_down.svg);
843
+ --traton-icon-chevron_left-svg: url(../dist/tegel/assets/icons/traton/chevron_left.svg);
844
+ --traton-icon-chevron_right-svg: url(../dist/tegel/assets/icons/traton/chevron_right.svg);
845
+ --traton-icon-chevron_up-svg: url(../dist/tegel/assets/icons/traton/chevron_up.svg);
846
+ --traton-icon-cross-svg: url(../dist/tegel/assets/icons/traton/cross.svg);
847
+ --traton-icon-edit-svg: url(../dist/tegel/assets/icons/traton/edit.svg);
848
+ --traton-icon-error-svg: url(../dist/tegel/assets/icons/traton/error.svg);
849
+ --traton-icon-info-svg: url(../dist/tegel/assets/icons/traton/info.svg);
850
+ --traton-icon-minus-svg: url(../dist/tegel/assets/icons/traton/minus.svg);
851
+ --traton-icon-notification-svg: url(../dist/tegel/assets/icons/traton/notification.svg);
852
+ --traton-icon-plus-svg: url(../dist/tegel/assets/icons/traton/plus.svg);
853
+ --traton-icon-print-svg: url(../dist/tegel/assets/icons/traton/print.svg);
854
+ --traton-icon-refresh-svg: url(../dist/tegel/assets/icons/traton/refresh.svg);
855
+ --traton-icon-search-svg: url(../dist/tegel/assets/icons/traton/search.svg);
856
+ --traton-icon-share-svg: url(../dist/tegel/assets/icons/traton/share.svg);
857
+ --traton-icon-sorting-svg: url(../dist/tegel/assets/icons/traton/sorting.svg);
858
+ --traton-icon-star-svg: url(../dist/tegel/assets/icons/traton/star.svg);
859
+ --traton-icon-tick-svg: url(../dist/tegel/assets/icons/traton/tick.svg);
860
+ --traton-icon-truck-svg: url(../dist/tegel/assets/icons/traton/truck.svg);
861
+ --traton-icon-warning-svg: url(../dist/tegel/assets/icons/traton/warning.svg);
1113
862
  }
1114
863
 
1115
864
  /* Traton icon tokens */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@scania/tegel",
3
- "version": "1.34.0-multibrand-beta.3",
3
+ "version": "1.34.0-multibrand-beta.4",
4
4
  "description": "Tegel Design System",
5
5
  "type": "module",
6
6
  "keywords": [