@scania/tegel-lite 1.1.0 → 1.1.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 (7) hide show
  1. package/dist/components.css +1 -16
  2. package/dist/scania-variables.css +0 -8
  3. package/dist/tl-button.css +1 -0
  4. package/dist/tl-icon.css +0 -16
  5. package/dist/tl-text-field.css +0 -16
  6. package/dist/traton-variables.css +8 -16
  7. package/package.json +1 -1
package/dist/components.css CHANGED
@@ -1449,6 +1449,7 @@
1449
1449
  .tl-button--xs {
1450
1450
  padding: var(--tds-spacing-element-4) var(--tds-spacing-element-8);
1451
1451
  height: 24px;
1452
+ font-size: var(--detail-05-font-size);
1452
1453
  }
1453
1454
  .tl-button--sm {
1454
1455
  padding: var(--tds-spacing-element-12);
@@ -3215,18 +3216,10 @@
3215
3216
  mask-image: var(--icon-dollar-svg);
3216
3217
  background-color: currentcolor;
3217
3218
  }
3218
- .tl-icon--dollar_sign {
3219
- mask-image: var(--icon-dollar_sign-svg);
3220
- background-color: currentcolor;
3221
- }
3222
3219
  .tl-icon--doner {
3223
3220
  mask-image: var(--icon-doner-svg);
3224
3221
  background-color: currentcolor;
3225
3222
  }
3226
- .tl-icon--donner {
3227
- mask-image: var(--icon-donner-svg);
3228
- background-color: currentcolor;
3229
- }
3230
3223
  .tl-icon--double_kebab {
3231
3224
  mask-image: var(--icon-double_kebab-svg);
3232
3225
  background-color: currentcolor;
@@ -3539,10 +3532,6 @@
3539
3532
  mask-image: var(--icon-maximize_fullscreen-svg);
3540
3533
  background-color: currentcolor;
3541
3534
  }
3542
- .tl-icon--meatball {
3543
- mask-image: var(--icon-meatball-svg);
3544
- background-color: currentcolor;
3545
- }
3546
3535
  .tl-icon--meatballs {
3547
3536
  mask-image: var(--icon-meatballs-svg);
3548
3537
  background-color: currentcolor;
@@ -3787,10 +3776,6 @@
3787
3776
  mask-image: var(--icon-shuffle-svg);
3788
3777
  background-color: currentcolor;
3789
3778
  }
3790
- .tl-icon--skip_backward {
3791
- mask-image: var(--icon-skip_backward-svg);
3792
- background-color: currentcolor;
3793
- }
3794
3779
  .tl-icon--skip_backwards {
3795
3780
  mask-image: var(--icon-skip_backwards-svg);
3796
3781
  background-color: currentcolor;
package/dist/scania-variables.css CHANGED
@@ -1652,10 +1652,6 @@ h6 {
1652
1652
  :root,
1653
1653
  .scania {
1654
1654
  --icon-document_word-svg: var(--scania-icon-placeholder-svg);
1655
- --icon-dollar_sign-svg: var(--scania-icon-placeholder-svg);
1656
- --icon-donner-svg: var(--scania-icon-placeholder-svg);
1657
- --icon-meatball-svg: var(--scania-icon-placeholder-svg);
1658
- --icon-skip_backward-svg: var(--scania-icon-placeholder-svg);
1659
1655
  }
1660
1656
 
1661
1657
  .traton {
@@ -1699,8 +1695,6 @@ h6 {
1699
1695
  --icon-document_plus-svg: var(--traton-icon-placeholder-svg);
1700
1696
  --icon-document_plus_inactive-svg: var(--traton-icon-placeholder-svg);
1701
1697
  --icon-document_ppt-svg: var(--traton-icon-placeholder-svg);
1702
- --icon-dollar-svg: var(--traton-icon-placeholder-svg);
1703
- --icon-doner-svg: var(--traton-icon-placeholder-svg);
1704
1698
  --icon-driving_licence-svg: var(--traton-icon-placeholder-svg);
1705
1699
  --icon-driving_licence_inactive-svg: var(--traton-icon-placeholder-svg);
1706
1700
  --icon-drop-svg: var(--traton-icon-placeholder-svg);
@@ -1747,7 +1741,6 @@ h6 {
1747
1741
  --icon-map_cursor-svg: var(--traton-icon-placeholder-svg);
1748
1742
  --icon-map_cursor_inactive-svg: var(--traton-icon-placeholder-svg);
1749
1743
  --icon-maximize_fullscreen-svg: var(--traton-icon-placeholder-svg);
1750
- --icon-meatballs-svg: var(--traton-icon-placeholder-svg);
1751
1744
  --icon-merge-svg: var(--traton-icon-placeholder-svg);
1752
1745
  --icon-merge_inactive-svg: var(--traton-icon-placeholder-svg);
1753
1746
  --icon-microphone-svg: var(--traton-icon-placeholder-svg);
@@ -1778,7 +1771,6 @@ h6 {
1778
1771
  --icon-route-svg: var(--traton-icon-placeholder-svg);
1779
1772
  --icon-route_inactive-svg: var(--traton-icon-placeholder-svg);
1780
1773
  --icon-shuffle-svg: var(--traton-icon-placeholder-svg);
1781
- --icon-skip_backwards-svg: var(--traton-icon-placeholder-svg);
1782
1774
  --icon-target-svg: var(--traton-icon-placeholder-svg);
1783
1775
  --icon-target_inactive-svg: var(--traton-icon-placeholder-svg);
1784
1776
  --icon-temperature-svg: var(--traton-icon-placeholder-svg);
package/dist/tl-button.css CHANGED
@@ -650,6 +650,7 @@
650
650
  .tl-button--xs {
651
651
  padding: var(--tds-spacing-element-4) var(--tds-spacing-element-8);
652
652
  height: 24px;
653
+ font-size: var(--detail-05-font-size);
653
654
  }
654
655
  .tl-button--sm {
655
656
  padding: var(--tds-spacing-element-12);
package/dist/tl-icon.css CHANGED
@@ -300,18 +300,10 @@
300
300
  mask-image: var(--icon-dollar-svg);
301
301
  background-color: currentcolor;
302
302
  }
303
- .tl-icon--dollar_sign {
304
- mask-image: var(--icon-dollar_sign-svg);
305
- background-color: currentcolor;
306
- }
307
303
  .tl-icon--doner {
308
304
  mask-image: var(--icon-doner-svg);
309
305
  background-color: currentcolor;
310
306
  }
311
- .tl-icon--donner {
312
- mask-image: var(--icon-donner-svg);
313
- background-color: currentcolor;
314
- }
315
307
  .tl-icon--double_kebab {
316
308
  mask-image: var(--icon-double_kebab-svg);
317
309
  background-color: currentcolor;
@@ -624,10 +616,6 @@
624
616
  mask-image: var(--icon-maximize_fullscreen-svg);
625
617
  background-color: currentcolor;
626
618
  }
627
- .tl-icon--meatball {
628
- mask-image: var(--icon-meatball-svg);
629
- background-color: currentcolor;
630
- }
631
619
  .tl-icon--meatballs {
632
620
  mask-image: var(--icon-meatballs-svg);
633
621
  background-color: currentcolor;
@@ -872,10 +860,6 @@
872
860
  mask-image: var(--icon-shuffle-svg);
873
861
  background-color: currentcolor;
874
862
  }
875
- .tl-icon--skip_backward {
876
- mask-image: var(--icon-skip_backward-svg);
877
- background-color: currentcolor;
878
- }
879
863
  .tl-icon--skip_backwards {
880
864
  mask-image: var(--icon-skip_backwards-svg);
881
865
  background-color: currentcolor;
package/dist/tl-text-field.css CHANGED
@@ -529,18 +529,10 @@
529
529
  mask-image: var(--icon-dollar-svg);
530
530
  background-color: currentcolor;
531
531
  }
532
- .tl-icon--dollar_sign {
533
- mask-image: var(--icon-dollar_sign-svg);
534
- background-color: currentcolor;
535
- }
536
532
  .tl-icon--doner {
537
533
  mask-image: var(--icon-doner-svg);
538
534
  background-color: currentcolor;
539
535
  }
540
- .tl-icon--donner {
541
- mask-image: var(--icon-donner-svg);
542
- background-color: currentcolor;
543
- }
544
536
  .tl-icon--double_kebab {
545
537
  mask-image: var(--icon-double_kebab-svg);
546
538
  background-color: currentcolor;
@@ -853,10 +845,6 @@
853
845
  mask-image: var(--icon-maximize_fullscreen-svg);
854
846
  background-color: currentcolor;
855
847
  }
856
- .tl-icon--meatball {
857
- mask-image: var(--icon-meatball-svg);
858
- background-color: currentcolor;
859
- }
860
848
  .tl-icon--meatballs {
861
849
  mask-image: var(--icon-meatballs-svg);
862
850
  background-color: currentcolor;
@@ -1101,10 +1089,6 @@
1101
1089
  mask-image: var(--icon-shuffle-svg);
1102
1090
  background-color: currentcolor;
1103
1091
  }
1104
- .tl-icon--skip_backward {
1105
- mask-image: var(--icon-skip_backward-svg);
1106
- background-color: currentcolor;
1107
- }
1108
1092
  .tl-icon--skip_backwards {
1109
1093
  mask-image: var(--icon-skip_backwards-svg);
1110
1094
  background-color: currentcolor;
package/dist/traton-variables.css CHANGED
@@ -763,8 +763,8 @@
763
763
  --traton-icon-document_wrong-svg: url(./assets/icons/traton/document_wrong.svg);
764
764
  --traton-icon-document_xls-svg: url(./assets/icons/traton/document_xls.svg);
765
765
  --traton-icon-document-svg: url(./assets/icons/traton/document.svg);
766
- --traton-icon-dollar_sign-svg: url(./assets/icons/traton/dollar_sign.svg);
767
- --traton-icon-donner-svg: url(./assets/icons/traton/donner.svg);
766
+ --traton-icon-dollar-svg: url(./assets/icons/traton/dollar.svg);
767
+ --traton-icon-doner-svg: url(./assets/icons/traton/doner.svg);
768
768
  --traton-icon-double_kebab-svg: url(./assets/icons/traton/double_kebab.svg);
769
769
  --traton-icon-download-svg: url(./assets/icons/traton/download.svg);
770
770
  --traton-icon-edit_inactive-svg: url(./assets/icons/traton/edit_inactive.svg);
@@ -797,7 +797,7 @@
797
797
  --traton-icon-link_broken-svg: url(./assets/icons/traton/link_broken.svg);
798
798
  --traton-icon-link-svg: url(./assets/icons/traton/link.svg);
799
799
  --traton-icon-lock-svg: url(./assets/icons/traton/lock.svg);
800
- --traton-icon-meatball-svg: url(./assets/icons/traton/meatball.svg);
800
+ --traton-icon-meatballs-svg: url(./assets/icons/traton/meatballs.svg);
801
801
  --traton-icon-message_inactive-svg: url(./assets/icons/traton/message_inactive.svg);
802
802
  --traton-icon-message-svg: url(./assets/icons/traton/message.svg);
803
803
  --traton-icon-mileage_inactive-svg: url(./assets/icons/traton/mileage_inactive.svg);
@@ -828,7 +828,7 @@
828
828
  --traton-icon-send-svg: url(./assets/icons/traton/send.svg);
829
829
  --traton-icon-settings-svg: url(./assets/icons/traton/settings.svg);
830
830
  --traton-icon-share-svg: url(./assets/icons/traton/share.svg);
831
- --traton-icon-skip_backward-svg: url(./assets/icons/traton/skip_backward.svg);
831
+ --traton-icon-skip_backwards-svg: url(./assets/icons/traton/skip_backwards.svg);
832
832
  --traton-icon-skip_forward-svg: url(./assets/icons/traton/skip_forward.svg);
833
833
  --traton-icon-smartphone_inactive-svg: url(./assets/icons/traton/smartphone_inactive.svg);
834
834
  --traton-icon-smartphone-svg: url(./assets/icons/traton/smartphone.svg);
@@ -888,8 +888,8 @@
888
888
  --icon-document_wrong-svg: var(--traton-icon-document_wrong-svg);
889
889
  --icon-document_xls-svg: var(--traton-icon-document_xls-svg);
890
890
  --icon-document-svg: var(--traton-icon-document-svg);
891
- --icon-dollar_sign-svg: var(--traton-icon-dollar_sign-svg);
892
- --icon-donner-svg: var(--traton-icon-donner-svg);
891
+ --icon-dollar-svg: var(--traton-icon-dollar-svg);
892
+ --icon-doner-svg: var(--traton-icon-doner-svg);
893
893
  --icon-double_kebab-svg: var(--traton-icon-double_kebab-svg);
894
894
  --icon-download-svg: var(--traton-icon-download-svg);
895
895
  --icon-edit_inactive-svg: var(--traton-icon-edit_inactive-svg);
@@ -922,7 +922,7 @@
922
922
  --icon-link_broken-svg: var(--traton-icon-link_broken-svg);
923
923
  --icon-link-svg: var(--traton-icon-link-svg);
924
924
  --icon-lock-svg: var(--traton-icon-lock-svg);
925
- --icon-meatball-svg: var(--traton-icon-meatball-svg);
925
+ --icon-meatballs-svg: var(--traton-icon-meatballs-svg);
926
926
  --icon-message_inactive-svg: var(--traton-icon-message_inactive-svg);
927
927
  --icon-message-svg: var(--traton-icon-message-svg);
928
928
  --icon-mileage_inactive-svg: var(--traton-icon-mileage_inactive-svg);
@@ -953,7 +953,7 @@
953
953
  --icon-send-svg: var(--traton-icon-send-svg);
954
954
  --icon-settings-svg: var(--traton-icon-settings-svg);
955
955
  --icon-share-svg: var(--traton-icon-share-svg);
956
- --icon-skip_backward-svg: var(--traton-icon-skip_backward-svg);
956
+ --icon-skip_backwards-svg: var(--traton-icon-skip_backwards-svg);
957
957
  --icon-skip_forward-svg: var(--traton-icon-skip_forward-svg);
958
958
  --icon-smartphone_inactive-svg: var(--traton-icon-smartphone_inactive-svg);
959
959
  --icon-smartphone-svg: var(--traton-icon-smartphone-svg);
@@ -984,10 +984,6 @@
984
984
  :root,
985
985
  .scania {
986
986
  --icon-document_word-svg: var(--scania-icon-placeholder-svg);
987
- --icon-dollar_sign-svg: var(--scania-icon-placeholder-svg);
988
- --icon-donner-svg: var(--scania-icon-placeholder-svg);
989
- --icon-meatball-svg: var(--scania-icon-placeholder-svg);
990
- --icon-skip_backward-svg: var(--scania-icon-placeholder-svg);
991
987
  }
992
988
 
993
989
  .traton {
@@ -1031,8 +1027,6 @@
1031
1027
  --icon-document_plus-svg: var(--traton-icon-placeholder-svg);
1032
1028
  --icon-document_plus_inactive-svg: var(--traton-icon-placeholder-svg);
1033
1029
  --icon-document_ppt-svg: var(--traton-icon-placeholder-svg);
1034
- --icon-dollar-svg: var(--traton-icon-placeholder-svg);
1035
- --icon-doner-svg: var(--traton-icon-placeholder-svg);
1036
1030
  --icon-driving_licence-svg: var(--traton-icon-placeholder-svg);
1037
1031
  --icon-driving_licence_inactive-svg: var(--traton-icon-placeholder-svg);
1038
1032
  --icon-drop-svg: var(--traton-icon-placeholder-svg);
@@ -1079,7 +1073,6 @@
1079
1073
  --icon-map_cursor-svg: var(--traton-icon-placeholder-svg);
1080
1074
  --icon-map_cursor_inactive-svg: var(--traton-icon-placeholder-svg);
1081
1075
  --icon-maximize_fullscreen-svg: var(--traton-icon-placeholder-svg);
1082
- --icon-meatballs-svg: var(--traton-icon-placeholder-svg);
1083
1076
  --icon-merge-svg: var(--traton-icon-placeholder-svg);
1084
1077
  --icon-merge_inactive-svg: var(--traton-icon-placeholder-svg);
1085
1078
  --icon-microphone-svg: var(--traton-icon-placeholder-svg);
@@ -1110,7 +1103,6 @@
1110
1103
  --icon-route-svg: var(--traton-icon-placeholder-svg);
1111
1104
  --icon-route_inactive-svg: var(--traton-icon-placeholder-svg);
1112
1105
  --icon-shuffle-svg: var(--traton-icon-placeholder-svg);
1113
- --icon-skip_backwards-svg: var(--traton-icon-placeholder-svg);
1114
1106
  --icon-target-svg: var(--traton-icon-placeholder-svg);
1115
1107
  --icon-target_inactive-svg: var(--traton-icon-placeholder-svg);
1116
1108
  --icon-temperature-svg: var(--traton-icon-placeholder-svg);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@scania/tegel-lite",
3
- "version": "1.1.0",
3
+ "version": "1.1.2",
4
4
  "description": "Styles-only library for Tegel Design System (Beta)",
5
5
  "type": "module",
6
6
  "keywords": [