@scania/tegel-lite 0.1.0-var-develop-beta.1 → 0.1.0-var-batch-4-beta.3

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 (26) hide show
  1. package/dist/components.css +587 -182
  2. package/dist/global.css +124 -11
  3. package/dist/scania-variables.css +252 -0
  4. package/dist/tl-accordion.css +5 -3
  5. package/dist/tl-banner.css +88 -13
  6. package/dist/tl-breadcrumbs.css +4 -1
  7. package/dist/tl-button.css +15 -14
  8. package/dist/tl-card.css +21 -54
  9. package/dist/tl-chip.css +6 -4
  10. package/dist/tl-dropdown.css +11 -7
  11. package/dist/tl-folder-tabs.css +5 -4
  12. package/dist/tl-footer.css +6 -6
  13. package/dist/tl-header.css +24 -14
  14. package/dist/tl-inline-tabs.css +5 -2
  15. package/dist/tl-link.css +9 -4
  16. package/dist/tl-message.css +128 -14
  17. package/dist/tl-modal.css +109 -14
  18. package/dist/tl-navigation-tabs.css +5 -2
  19. package/dist/tl-side-menu.css +8 -3
  20. package/dist/tl-slider.css +15 -14
  21. package/dist/tl-table.css +15 -9
  22. package/dist/tl-toast.css +119 -10
  23. package/dist/tl-toggle.css +2 -2
  24. package/dist/tl-tooltip.css +2 -2
  25. package/dist/traton-variables.css +236 -6
  26. package/package.json +1 -1
package/dist/tl-toast.css CHANGED
@@ -1,12 +1,114 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+ :root,
5
+ .tds-mode-light,
6
+ .scania .tds-mode-light,
7
+ .scania.tds-mode-light,
8
+ .scania .tl-mode-light,
9
+ .scania.tl-mode-light {
10
+ --component-toast-background-information-default: var(--color-background-inverse-base);
11
+ --component-toast-background-success-default: var(--color-background-inverse-base);
12
+ --component-toast-background-warning-default: var(--color-background-inverse-base);
13
+ --component-toast-background-error-default: var(--color-background-inverse-base);
14
+ --component-toast-border-radius-default: var(--scania-unit-4);
15
+ --component-toast-border-width-default: var(--scania-unit-4);
16
+ --component-toast-border-information-default: var(--scania-color-blue-300);
17
+ --component-toast-border-success-default: var(--scania-color-green-300);
18
+ --component-toast-border-warning-default: var(--scania-color-yellow-300);
19
+ --component-toast-border-error-default: var(--scania-color-red-400);
20
+ --component-toast-text-title-default: var(--color-text-inverse-strong);
21
+ --component-toast-text-body-default: var(--color-text-inverse-strong);
22
+ --component-toast-text-link-default: var(--component-toast-text-body-default);
23
+ --component-toast-icon-dismiss-default: var(--color-text-inverse-strong);
24
+ --component-toast-icon-information-default: var(--scania-color-blue-300);
25
+ --component-toast-icon-success-default: var(--scania-color-green-300);
26
+ --component-toast-icon-warning-default: var(--scania-color-yellow-300);
27
+ --component-toast-icon-error-default: var(--scania-color-red-400);
28
+ }
29
+
30
+ .traton .tds-mode-light,
31
+ .traton.tds-mode-light,
32
+ .traton .tl-mode-light,
33
+ .traton.tl-mode-light {
34
+ --component-toast-background-information-default: var(--color-background-inverse-base);
35
+ --component-toast-background-success-default: var(--color-background-inverse-base);
36
+ --component-toast-background-warning-default: var(--color-background-inverse-base);
37
+ --component-toast-background-error-default: var(--color-background-inverse-base);
38
+ --component-toast-border-radius-default: var(--traton-unit-4);
39
+ --component-toast-border-width-default: var(--traton-unit-4);
40
+ --component-toast-border-information-default: var(--color-system-info-default);
41
+ --component-toast-border-success-default: var(--color-system-success-default);
42
+ --component-toast-border-warning-default: var(--color-system-warning-default);
43
+ --component-toast-border-error-default: var(--color-system-danger-default);
44
+ --component-toast-text-title-default: var(--color-text-inverse-strong);
45
+ --component-toast-text-body-default: var(--color-text-inverse-soft);
46
+ --component-toast-text-link-default: var(--component-toast-text-body-default);
47
+ --component-toast-icon-dismiss-default: var(--color-text-inverse-strong);
48
+ --component-toast-icon-information-default: var(--color-system-info-default);
49
+ --component-toast-icon-success-default: var(--color-system-success-default);
50
+ --component-toast-icon-warning-default: var(--color-system-warning-default);
51
+ --component-toast-icon-error-default: var(--color-system-danger-default);
52
+ }
53
+
54
+ .tds-mode-dark,
55
+ .scania .tds-mode-dark,
56
+ .scania.tds-mode-dark,
57
+ .scania .tl-mode-dark,
58
+ .scania.tl-mode-dark {
59
+ --component-toast-background-information-default: var(--color-background-inverse-layer-01);
60
+ --component-toast-background-success-default: var(--color-background-inverse-layer-01);
61
+ --component-toast-background-warning-default: var(--color-background-inverse-layer-01);
62
+ --component-toast-background-error-default: var(--color-background-inverse-layer-01);
63
+ --component-toast-border-radius-default: var(--scania-unit-4);
64
+ --component-toast-border-width-default: var(--scania-unit-4);
65
+ --component-toast-border-information-default: var(--scania-color-blue-400);
66
+ --component-toast-border-success-default: var(--scania-color-green-300);
67
+ --component-toast-border-warning-default: var(--scania-color-yellow-400);
68
+ --component-toast-border-error-default: var(--scania-color-red-400);
69
+ --component-toast-text-title-default: var(--color-text-inverse-strong);
70
+ --component-toast-text-body-default: var(--color-text-inverse-strong);
71
+ --component-toast-text-link-default: var(--component-toast-text-body-default);
72
+ --component-toast-icon-dismiss-default: var(--color-text-inverse-strong);
73
+ --component-toast-icon-information-default: var(--scania-color-blue-400);
74
+ --component-toast-icon-success-default: var(--scania-color-green-300);
75
+ --component-toast-icon-warning-default: var(--scania-color-yellow-500);
76
+ --component-toast-icon-error-default: var(--scania-color-red-400);
77
+ }
78
+
79
+ .traton .tds-mode-dark,
80
+ .traton.tds-mode-dark,
81
+ .traton .tl-mode-dark,
82
+ .traton.tl-mode-dark {
83
+ --component-toast-background-information-default: var(--color-background-inverse-base);
84
+ --component-toast-background-success-default: var(--color-background-inverse-base);
85
+ --component-toast-background-warning-default: var(--color-background-inverse-base);
86
+ --component-toast-background-error-default: var(--color-background-inverse-base);
87
+ --component-toast-border-radius-default: var(--traton-unit-4);
88
+ --component-toast-border-width-default: var(--traton-unit-4);
89
+ --component-toast-border-information-default: var(--color-system-info-default);
90
+ --component-toast-border-success-default: var(--color-system-success-default);
91
+ --component-toast-border-warning-default: var(--color-system-warning-default);
92
+ --component-toast-border-error-default: var(--color-system-danger-default);
93
+ --component-toast-text-title-default: var(--color-text-inverse-strong);
94
+ --component-toast-text-body-default: var(--color-text-inverse-soft);
95
+ --component-toast-text-link-default: var(--component-toast-text-body-default);
96
+ --component-toast-icon-dismiss-default: var(--color-text-inverse-strong);
97
+ --component-toast-icon-information-default: var(--color-system-info-default);
98
+ --component-toast-icon-success-default: var(--color-system-success-default);
99
+ --component-toast-icon-warning-default: var(--color-system-warning-default);
100
+ --component-toast-icon-error-default: var(--color-system-danger-default);
101
+ }
102
+
1
103
  .tl-toast {
2
- --toast-background: var(--color-background-inverse-base);
3
- --toast-headline: var(--color-foreground-text-inverse-strong);
4
- --toast-subheadline: var(--color-foreground-text-inverse-soft);
5
- --toast-dismiss: var(--color-foreground-text-inverse-strong);
6
- --toast-icon-error: var(--color-system-danger-default);
7
- --toast-icon-success: var(--color-system-success-default);
8
- --toast-icon-warning: var(--color-system-warning-default);
9
- --toast-icon-info: var(--color-system-info-default);
104
+ --toast-background: var(--component-toast-background-information-default);
105
+ --toast-headline: var(--component-toast-text-title-default);
106
+ --toast-subheadline: var(--component-toast-text-body-default);
107
+ --toast-dismiss: var(--component-toast-icon-dismiss-default);
108
+ --toast-icon-info: var(--component-toast-icon-information-default);
109
+ --toast-icon-success: var(--component-toast-icon-success-default);
110
+ --toast-icon-warning: var(--component-toast-icon-warning-default);
111
+ --toast-icon-error: var(--component-toast-icon-error-default);
10
112
  }
11
113
 
12
114
  /* Typography Usage mixins */
@@ -94,8 +196,8 @@
94
196
  cursor: pointer;
95
197
  }
96
198
  .tl-toast__close:focus-visible {
97
- outline: 2px solid var(--tds-focus-outline-color);
98
- box-shadow: 0 0 0 1px var(--tds-white);
199
+ outline: 2px solid var(--component--focus-ring-color-strong);
200
+ box-shadow: 0 0 0 1px var(--component--focus-ring-color-discrete);
99
201
  outline-offset: 1px;
100
202
  z-index: 1;
101
203
  }
@@ -108,4 +210,11 @@
108
210
  }
109
211
  .tl-toast--warning .tl-toast__icon {
110
212
  color: var(--toast-icon-warning);
213
+ }
214
+
215
+ .tl-toast .tl-link {
216
+ text-decoration: underline;
217
+ }
218
+ .tl-toast .tl-link:hover {
219
+ text-decoration: none;
111
220
  }
package/dist/tl-toggle.css CHANGED
@@ -49,8 +49,8 @@
49
49
  height: 16px;
50
50
  }
51
51
  .tl-toggle__input:focus-visible {
52
- outline: 2px solid var(--tds-focus-outline-color);
53
- box-shadow: 0 0 0 1px var(--tds-white);
52
+ outline: 2px solid var(--component--focus-ring-color-strong);
53
+ box-shadow: 0 0 0 1px var(--component--focus-ring-color-discrete);
54
54
  outline-offset: 1px;
55
55
  z-index: 1;
56
56
  border-radius: 16px;
package/dist/tl-tooltip.css CHANGED
@@ -1,8 +1,8 @@
1
1
  .tl-tooltip {
2
2
  --tooltip-color: var(--component-tooltip-text-default);
3
3
  --tooltip-background: var(--component-tooltip-background-default);
4
- --tooltip-border-radius: calc(var(--component-tooltip-border-radius-radius-default) * 1px);
5
- --tooltip-border-radius-none: calc(var(--component-tooltip-border-radius-radius-none) * 1px);
4
+ --tooltip-border-radius: calc(var(--component-tooltip-border-radius-default) * 1px);
5
+ --tooltip-border-radius-none: calc(var(--component-tooltip-border-radius-none) * 1px);
6
6
  }
7
7
 
8
8
  .scania {
package/dist/traton-variables.css CHANGED
@@ -1,3 +1,4 @@
1
+ @charset "UTF-8";
1
2
  /* Spacing */
2
3
  :root,
3
4
  .traton {
@@ -744,7 +745,6 @@
744
745
  --traton-icon-chevron_right-svg: url(./assets/icons/traton/chevron_right.svg);
745
746
  --traton-icon-chevron_up-svg: url(./assets/icons/traton/chevron_up.svg);
746
747
  --traton-icon-cross-svg: url(./assets/icons/traton/cross.svg);
747
- --traton-icon-edit_inactive-svg: url(./assets/icons/traton/edit_inactive.svg);
748
748
  --traton-icon-edit-svg: url(./assets/icons/traton/edit.svg);
749
749
  --traton-icon-error-svg: url(./assets/icons/traton/error.svg);
750
750
  --traton-icon-info-svg: url(./assets/icons/traton/info.svg);
@@ -755,8 +755,6 @@
755
755
  --traton-icon-refresh-svg: url(./assets/icons/traton/refresh.svg);
756
756
  --traton-icon-search-svg: url(./assets/icons/traton/search.svg);
757
757
  --traton-icon-share-svg: url(./assets/icons/traton/share.svg);
758
- --traton-icon-skip_backwards-svg: url(./assets/icons/traton/skip_backwards.svg);
759
- --traton-icon-skip_forward-svg: url(./assets/icons/traton/skip_forward.svg);
760
758
  --traton-icon-sorting-svg: url(./assets/icons/traton/sorting.svg);
761
759
  --traton-icon-star-svg: url(./assets/icons/traton/star.svg);
762
760
  --traton-icon-tick-svg: url(./assets/icons/traton/tick.svg);
@@ -782,7 +780,6 @@
782
780
  --icon-chevron_right-svg: var(--traton-icon-chevron_right-svg);
783
781
  --icon-chevron_up-svg: var(--traton-icon-chevron_up-svg);
784
782
  --icon-cross-svg: var(--traton-icon-cross-svg);
785
- --icon-edit_inactive-svg: var(--traton-icon-edit_inactive-svg);
786
783
  --icon-edit-svg: var(--traton-icon-edit-svg);
787
784
  --icon-error-svg: var(--traton-icon-error-svg);
788
785
  --icon-info-svg: var(--traton-icon-info-svg);
@@ -793,11 +790,244 @@
793
790
  --icon-refresh-svg: var(--traton-icon-refresh-svg);
794
791
  --icon-search-svg: var(--traton-icon-search-svg);
795
792
  --icon-share-svg: var(--traton-icon-share-svg);
796
- --icon-skip_backwards-svg: var(--traton-icon-skip_backwards-svg);
797
- --icon-skip_forward-svg: var(--traton-icon-skip_forward-svg);
798
793
  --icon-sorting-svg: var(--traton-icon-sorting-svg);
799
794
  --icon-star-svg: var(--traton-icon-star-svg);
800
795
  --icon-tick-svg: var(--traton-icon-tick-svg);
801
796
  --icon-truck-svg: var(--traton-icon-truck-svg);
802
797
  --icon-warning-svg: var(--traton-icon-warning-svg);
798
+ }
799
+
800
+ /* Cross-brand placeholder fallbacks — generated alongside icon.scss */
801
+ /**
802
+ * Do not edit directly, this file was auto-generated.
803
+ */
804
+ :root,
805
+ .scania {
806
+ /* No fallbacks needed: this brand defines every icon name. */
807
+ }
808
+
809
+ .traton {
810
+ --icon-24v_battery-svg: var(--traton-icon-placeholder-svg);
811
+ --icon-24v_battery_inactive-svg: var(--traton-icon-placeholder-svg);
812
+ --icon-acceleration-svg: var(--traton-icon-placeholder-svg);
813
+ --icon-acceleration_inactive-svg: var(--traton-icon-placeholder-svg);
814
+ --icon-adblue-svg: var(--traton-icon-placeholder-svg);
815
+ --icon-adblue_inactive-svg: var(--traton-icon-placeholder-svg);
816
+ --icon-audio-svg: var(--traton-icon-placeholder-svg);
817
+ --icon-audio_inactive-svg: var(--traton-icon-placeholder-svg);
818
+ --icon-award-svg: var(--traton-icon-placeholder-svg);
819
+ --icon-back-svg: var(--traton-icon-placeholder-svg);
820
+ --icon-backward-svg: var(--traton-icon-placeholder-svg);
821
+ --icon-backward_inactive-svg: var(--traton-icon-placeholder-svg);
822
+ --icon-bug-svg: var(--traton-icon-placeholder-svg);
823
+ --icon-bug_inactive-svg: var(--traton-icon-placeholder-svg);
824
+ --icon-bus-svg: var(--traton-icon-placeholder-svg);
825
+ --icon-bus_inactive-svg: var(--traton-icon-placeholder-svg);
826
+ --icon-cab_door-svg: var(--traton-icon-placeholder-svg);
827
+ --icon-calendar_inactive-svg: var(--traton-icon-placeholder-svg);
828
+ --icon-camera-svg: var(--traton-icon-placeholder-svg);
829
+ --icon-camera_inactive-svg: var(--traton-icon-placeholder-svg);
830
+ --icon-card-svg: var(--traton-icon-placeholder-svg);
831
+ --icon-cart-svg: var(--traton-icon-placeholder-svg);
832
+ --icon-charging_complete-svg: var(--traton-icon-placeholder-svg);
833
+ --icon-charging_failed-svg: var(--traton-icon-placeholder-svg);
834
+ --icon-charging_speed-svg: var(--traton-icon-placeholder-svg);
835
+ --icon-charging_speed_inactive-svg: var(--traton-icon-placeholder-svg);
836
+ --icon-charging_stopped-svg: var(--traton-icon-placeholder-svg);
837
+ --icon-clock-svg: var(--traton-icon-placeholder-svg);
838
+ --icon-clock_inactive-svg: var(--traton-icon-placeholder-svg);
839
+ --icon-configurator-svg: var(--traton-icon-placeholder-svg);
840
+ --icon-contact-svg: var(--traton-icon-placeholder-svg);
841
+ --icon-contact_inactive-svg: var(--traton-icon-placeholder-svg);
842
+ --icon-cookie-svg: var(--traton-icon-placeholder-svg);
843
+ --icon-cookie_inactive-svg: var(--traton-icon-placeholder-svg);
844
+ --icon-coolant_level-svg: var(--traton-icon-placeholder-svg);
845
+ --icon-coolant_level_inactive-svg: var(--traton-icon-placeholder-svg);
846
+ --icon-copy-svg: var(--traton-icon-placeholder-svg);
847
+ --icon-cup-svg: var(--traton-icon-placeholder-svg);
848
+ --icon-cup_inactive-svg: var(--traton-icon-placeholder-svg);
849
+ --icon-dashboard-svg: var(--traton-icon-placeholder-svg);
850
+ --icon-department-svg: var(--traton-icon-placeholder-svg);
851
+ --icon-department_inactive-svg: var(--traton-icon-placeholder-svg);
852
+ --icon-departure_scheduling-svg: var(--traton-icon-placeholder-svg);
853
+ --icon-departure_scheduling_inactive-svg: var(--traton-icon-placeholder-svg);
854
+ --icon-diamond-svg: var(--traton-icon-placeholder-svg);
855
+ --icon-diamond_inactive-svg: var(--traton-icon-placeholder-svg);
856
+ --icon-document-svg: var(--traton-icon-placeholder-svg);
857
+ --icon-document_check-svg: var(--traton-icon-placeholder-svg);
858
+ --icon-document_doc-svg: var(--traton-icon-placeholder-svg);
859
+ --icon-document_eye-svg: var(--traton-icon-placeholder-svg);
860
+ --icon-document_pdf-svg: var(--traton-icon-placeholder-svg);
861
+ --icon-document_plus-svg: var(--traton-icon-placeholder-svg);
862
+ --icon-document_plus_inactive-svg: var(--traton-icon-placeholder-svg);
863
+ --icon-document_ppt-svg: var(--traton-icon-placeholder-svg);
864
+ --icon-document_tool-svg: var(--traton-icon-placeholder-svg);
865
+ --icon-document_wrong-svg: var(--traton-icon-placeholder-svg);
866
+ --icon-document_xls-svg: var(--traton-icon-placeholder-svg);
867
+ --icon-dollar-svg: var(--traton-icon-placeholder-svg);
868
+ --icon-doner-svg: var(--traton-icon-placeholder-svg);
869
+ --icon-double_kebab-svg: var(--traton-icon-placeholder-svg);
870
+ --icon-download-svg: var(--traton-icon-placeholder-svg);
871
+ --icon-driving_licence-svg: var(--traton-icon-placeholder-svg);
872
+ --icon-driving_licence_inactive-svg: var(--traton-icon-placeholder-svg);
873
+ --icon-drop-svg: var(--traton-icon-placeholder-svg);
874
+ --icon-drop_inactive-svg: var(--traton-icon-placeholder-svg);
875
+ --icon-edit_inactive-svg: var(--traton-icon-placeholder-svg);
876
+ --icon-email-svg: var(--traton-icon-placeholder-svg);
877
+ --icon-engine-svg: var(--traton-icon-placeholder-svg);
878
+ --icon-engine_inactive-svg: var(--traton-icon-placeholder-svg);
879
+ --icon-environment-svg: var(--traton-icon-placeholder-svg);
880
+ --icon-environment_inactive-svg: var(--traton-icon-placeholder-svg);
881
+ --icon-exit-svg: var(--traton-icon-placeholder-svg);
882
+ --icon-expand-svg: var(--traton-icon-placeholder-svg);
883
+ --icon-expand_inactive-svg: var(--traton-icon-placeholder-svg);
884
+ --icon-export-svg: var(--traton-icon-placeholder-svg);
885
+ --icon-export_inactive-svg: var(--traton-icon-placeholder-svg);
886
+ --icon-eye-svg: var(--traton-icon-placeholder-svg);
887
+ --icon-eye_inactive-svg: var(--traton-icon-placeholder-svg);
888
+ --icon-face_dissatisfied-svg: var(--traton-icon-placeholder-svg);
889
+ --icon-face_neutral-svg: var(--traton-icon-placeholder-svg);
890
+ --icon-face_satisfied-svg: var(--traton-icon-placeholder-svg);
891
+ --icon-factory-svg: var(--traton-icon-placeholder-svg);
892
+ --icon-factory_inactive-svg: var(--traton-icon-placeholder-svg);
893
+ --icon-ferry-svg: var(--traton-icon-placeholder-svg);
894
+ --icon-ferry_inactive-svg: var(--traton-icon-placeholder-svg);
895
+ --icon-filters-svg: var(--traton-icon-placeholder-svg);
896
+ --icon-filters_inactive-svg: var(--traton-icon-placeholder-svg);
897
+ --icon-flash-svg: var(--traton-icon-placeholder-svg);
898
+ --icon-flash_inactive-svg: var(--traton-icon-placeholder-svg);
899
+ --icon-folder-svg: var(--traton-icon-placeholder-svg);
900
+ --icon-forward-svg: var(--traton-icon-placeholder-svg);
901
+ --icon-forward_inactive-svg: var(--traton-icon-placeholder-svg);
902
+ --icon-fuel-svg: var(--traton-icon-placeholder-svg);
903
+ --icon-fuel_gauge-svg: var(--traton-icon-placeholder-svg);
904
+ --icon-fuel_gauge_inactive-svg: var(--traton-icon-placeholder-svg);
905
+ --icon-fuel_inactive-svg: var(--traton-icon-placeholder-svg);
906
+ --icon-gift-svg: var(--traton-icon-placeholder-svg);
907
+ --icon-gift_inactive-svg: var(--traton-icon-placeholder-svg);
908
+ --icon-global-svg: var(--traton-icon-placeholder-svg);
909
+ --icon-guided_tour-svg: var(--traton-icon-placeholder-svg);
910
+ --icon-guided_tour_inactive-svg: var(--traton-icon-placeholder-svg);
911
+ --icon-hatch_open-svg: var(--traton-icon-placeholder-svg);
912
+ --icon-hatch_open_1-svg: var(--traton-icon-placeholder-svg);
913
+ --icon-hatch_open_2-svg: var(--traton-icon-placeholder-svg);
914
+ --icon-hatch_open_inactive-svg: var(--traton-icon-placeholder-svg);
915
+ --icon-heart-svg: var(--traton-icon-placeholder-svg);
916
+ --icon-heart_inactive-svg: var(--traton-icon-placeholder-svg);
917
+ --icon-heating_inactive_screen-svg: var(--traton-icon-placeholder-svg);
918
+ --icon-history-svg: var(--traton-icon-placeholder-svg);
919
+ --icon-history_inactive-svg: var(--traton-icon-placeholder-svg);
920
+ --icon-home-svg: var(--traton-icon-placeholder-svg);
921
+ --icon-home_inactive-svg: var(--traton-icon-placeholder-svg);
922
+ --icon-idea-svg: var(--traton-icon-placeholder-svg);
923
+ --icon-idea_inactive-svg: var(--traton-icon-placeholder-svg);
924
+ --icon-image-svg: var(--traton-icon-placeholder-svg);
925
+ --icon-image_add-svg: var(--traton-icon-placeholder-svg);
926
+ --icon-image_inactive-svg: var(--traton-icon-placeholder-svg);
927
+ --icon-image_set-svg: var(--traton-icon-placeholder-svg);
928
+ --icon-insights-svg: var(--traton-icon-placeholder-svg);
929
+ --icon-kebab-svg: var(--traton-icon-placeholder-svg);
930
+ --icon-key-svg: var(--traton-icon-placeholder-svg);
931
+ --icon-key_inactive-svg: var(--traton-icon-placeholder-svg);
932
+ --icon-language-svg: var(--traton-icon-placeholder-svg);
933
+ --icon-layer-svg: var(--traton-icon-placeholder-svg);
934
+ --icon-layer_inactive-svg: var(--traton-icon-placeholder-svg);
935
+ --icon-link-svg: var(--traton-icon-placeholder-svg);
936
+ --icon-link_broken-svg: var(--traton-icon-placeholder-svg);
937
+ --icon-list-svg: var(--traton-icon-placeholder-svg);
938
+ --icon-list_inactive-svg: var(--traton-icon-placeholder-svg);
939
+ --icon-lock-svg: var(--traton-icon-placeholder-svg);
940
+ --icon-lock_inactive-svg: var(--traton-icon-placeholder-svg);
941
+ --icon-map_cursor-svg: var(--traton-icon-placeholder-svg);
942
+ --icon-map_cursor_inactive-svg: var(--traton-icon-placeholder-svg);
943
+ --icon-maximize_fullscreen-svg: var(--traton-icon-placeholder-svg);
944
+ --icon-meatballs-svg: var(--traton-icon-placeholder-svg);
945
+ --icon-merge-svg: var(--traton-icon-placeholder-svg);
946
+ --icon-merge_inactive-svg: var(--traton-icon-placeholder-svg);
947
+ --icon-message-svg: var(--traton-icon-placeholder-svg);
948
+ --icon-message_inactive-svg: var(--traton-icon-placeholder-svg);
949
+ --icon-microphone-svg: var(--traton-icon-placeholder-svg);
950
+ --icon-microphone_inactive-svg: var(--traton-icon-placeholder-svg);
951
+ --icon-mileage-svg: var(--traton-icon-placeholder-svg);
952
+ --icon-mileage_inactive-svg: var(--traton-icon-placeholder-svg);
953
+ --icon-minimize_fullscreen-svg: var(--traton-icon-placeholder-svg);
954
+ --icon-navigate-svg: var(--traton-icon-placeholder-svg);
955
+ --icon-navigate_inactive-svg: var(--traton-icon-placeholder-svg);
956
+ --icon-notification_inactive-svg: var(--traton-icon-placeholder-svg);
957
+ --icon-notification_snooze-svg: var(--traton-icon-placeholder-svg);
958
+ --icon-oil_level-svg: var(--traton-icon-placeholder-svg);
959
+ --icon-oil_level_inactive-svg: var(--traton-icon-placeholder-svg);
960
+ --icon-paperclip-svg: var(--traton-icon-placeholder-svg);
961
+ --icon-pause-svg: var(--traton-icon-placeholder-svg);
962
+ --icon-pause_inactive-svg: var(--traton-icon-placeholder-svg);
963
+ --icon-phone-svg: var(--traton-icon-placeholder-svg);
964
+ --icon-phone_inactive-svg: var(--traton-icon-placeholder-svg);
965
+ --icon-pie_chart-svg: var(--traton-icon-placeholder-svg);
966
+ --icon-pin-svg: var(--traton-icon-placeholder-svg);
967
+ --icon-pin_inactive-svg: var(--traton-icon-placeholder-svg);
968
+ --icon-play-svg: var(--traton-icon-placeholder-svg);
969
+ --icon-play_inactive-svg: var(--traton-icon-placeholder-svg);
970
+ --icon-powerplug-svg: var(--traton-icon-placeholder-svg);
971
+ --icon-powerplug_inactive-svg: var(--traton-icon-placeholder-svg);
972
+ --icon-print_inactive-svg: var(--traton-icon-placeholder-svg);
973
+ --icon-privacy-svg: var(--traton-icon-placeholder-svg);
974
+ --icon-privacy_inactive-svg: var(--traton-icon-placeholder-svg);
975
+ --icon-profile-svg: var(--traton-icon-placeholder-svg);
976
+ --icon-profile_inactive-svg: var(--traton-icon-placeholder-svg);
977
+ --icon-prohibited-svg: var(--traton-icon-placeholder-svg);
978
+ --icon-proportions-svg: var(--traton-icon-placeholder-svg);
979
+ --icon-proportions_inactive-svg: var(--traton-icon-placeholder-svg);
980
+ --icon-range-svg: var(--traton-icon-placeholder-svg);
981
+ --icon-range_inactive-svg: var(--traton-icon-placeholder-svg);
982
+ --icon-redirect-svg: var(--traton-icon-placeholder-svg);
983
+ --icon-refresh_inactive-svg: var(--traton-icon-placeholder-svg);
984
+ --icon-reload-svg: var(--traton-icon-placeholder-svg);
985
+ --icon-reload_inactive-svg: var(--traton-icon-placeholder-svg);
986
+ --icon-repeat-svg: var(--traton-icon-placeholder-svg);
987
+ --icon-report-svg: var(--traton-icon-placeholder-svg);
988
+ --icon-report_inactive-svg: var(--traton-icon-placeholder-svg);
989
+ --icon-route-svg: var(--traton-icon-placeholder-svg);
990
+ --icon-route_inactive-svg: var(--traton-icon-placeholder-svg);
991
+ --icon-save-svg: var(--traton-icon-placeholder-svg);
992
+ --icon-save_inactive-svg: var(--traton-icon-placeholder-svg);
993
+ --icon-send-svg: var(--traton-icon-placeholder-svg);
994
+ --icon-send_inactive-svg: var(--traton-icon-placeholder-svg);
995
+ --icon-settings-svg: var(--traton-icon-placeholder-svg);
996
+ --icon-shuffle-svg: var(--traton-icon-placeholder-svg);
997
+ --icon-skip_backwards-svg: var(--traton-icon-placeholder-svg);
998
+ --icon-skip_forward-svg: var(--traton-icon-placeholder-svg);
999
+ --icon-smartphone-svg: var(--traton-icon-placeholder-svg);
1000
+ --icon-smartphone_inactive-svg: var(--traton-icon-placeholder-svg);
1001
+ --icon-speedometer-svg: var(--traton-icon-placeholder-svg);
1002
+ --icon-speedometer_inactive-svg: var(--traton-icon-placeholder-svg);
1003
+ --icon-support-svg: var(--traton-icon-placeholder-svg);
1004
+ --icon-target-svg: var(--traton-icon-placeholder-svg);
1005
+ --icon-target_inactive-svg: var(--traton-icon-placeholder-svg);
1006
+ --icon-temperature-svg: var(--traton-icon-placeholder-svg);
1007
+ --icon-temperature_inactive-svg: var(--traton-icon-placeholder-svg);
1008
+ --icon-text-svg: var(--traton-icon-placeholder-svg);
1009
+ --icon-text_inactive-svg: var(--traton-icon-placeholder-svg);
1010
+ --icon-thumbs_down-svg: var(--traton-icon-placeholder-svg);
1011
+ --icon-thumbs_up-svg: var(--traton-icon-placeholder-svg);
1012
+ --icon-timer-svg: var(--traton-icon-placeholder-svg);
1013
+ --icon-tool-svg: var(--traton-icon-placeholder-svg);
1014
+ --icon-tool_inactive-svg: var(--traton-icon-placeholder-svg);
1015
+ --icon-trailer-svg: var(--traton-icon-placeholder-svg);
1016
+ --icon-trailer_inactive-svg: var(--traton-icon-placeholder-svg);
1017
+ --icon-trash-svg: var(--traton-icon-placeholder-svg);
1018
+ --icon-trash_inactive-svg: var(--traton-icon-placeholder-svg);
1019
+ --icon-truck_inactive-svg: var(--traton-icon-placeholder-svg);
1020
+ --icon-undo-svg: var(--traton-icon-placeholder-svg);
1021
+ --icon-undo_inactive-svg: var(--traton-icon-placeholder-svg);
1022
+ --icon-unlock-svg: var(--traton-icon-placeholder-svg);
1023
+ --icon-upload-svg: var(--traton-icon-placeholder-svg);
1024
+ --icon-video-svg: var(--traton-icon-placeholder-svg);
1025
+ --icon-video_inactive-svg: var(--traton-icon-placeholder-svg);
1026
+ --icon-wallet-svg: var(--traton-icon-placeholder-svg);
1027
+ --icon-weight-svg: var(--traton-icon-placeholder-svg);
1028
+ --icon-weight_inactive-svg: var(--traton-icon-placeholder-svg);
1029
+ --icon-wifi-svg: var(--traton-icon-placeholder-svg);
1030
+ --icon-wifi_inactive-svg: var(--traton-icon-placeholder-svg);
1031
+ --icon-windscreen_heating-svg: var(--traton-icon-placeholder-svg);
1032
+ --icon-windscreen_heating_inactive-svg: var(--traton-icon-placeholder-svg);
803
1033
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@scania/tegel-lite",
3
- "version": "0.1.0-var-develop-beta.1",
3
+ "version": "0.1.0-var-batch-4-beta.3",
4
4
  "description": "Styles-only library for Tegel Design System (Beta)",
5
5
  "type": "module",
6
6
  "keywords": [