@scania/tegel-lite 0.1.0-variables-beta.1 → 1.0.0

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 (62) hide show
  1. package/README.dev.md +1 -5
  2. package/README.md +12 -12
  3. package/dist/assets/fonts/traton/TratonTypeDisplay-Bold.woff +0 -0
  4. package/dist/assets/fonts/traton/TratonTypeDisplay-Bold.woff2 +0 -0
  5. package/dist/assets/fonts/traton/TratonTypeDisplay-Medium.woff +0 -0
  6. package/dist/assets/fonts/traton/TratonTypeDisplay-Medium.woff2 +0 -0
  7. package/dist/assets/fonts/traton/TratonTypeText-Bold.woff +0 -0
  8. package/dist/assets/fonts/traton/TratonTypeText-Bold.woff2 +0 -0
  9. package/dist/assets/fonts/traton/TratonTypeText-BoldItalic.woff +0 -0
  10. package/dist/assets/fonts/traton/TratonTypeText-BoldItalic.woff2 +0 -0
  11. package/dist/assets/fonts/traton/TratonTypeText-Italic.woff +0 -0
  12. package/dist/assets/fonts/traton/TratonTypeText-Italic.woff2 +0 -0
  13. package/dist/assets/fonts/traton/TratonTypeText-Medium.woff +0 -0
  14. package/dist/assets/fonts/traton/TratonTypeText-Medium.woff2 +0 -0
  15. package/dist/assets/fonts/traton/TratonTypeText-MediumItalic.woff +0 -0
  16. package/dist/assets/fonts/traton/TratonTypeText-MediumItalic.woff2 +0 -0
  17. package/dist/assets/fonts/traton/TratonTypeText-Regular.woff +0 -0
  18. package/dist/assets/fonts/traton/TratonTypeText-Regular.woff2 +0 -0
  19. package/dist/assets/fonts/traton/TratonTypeText-SemiBold.woff +0 -0
  20. package/dist/assets/fonts/traton/TratonTypeText-SemiBold.woff2 +0 -0
  21. package/dist/assets/fonts/traton/TratonTypeText-SemiBoldItalic.woff2 +0 -0
  22. package/dist/assets/icons/traton/placeholder.svg +3 -0
  23. package/dist/components.css +3552 -7157
  24. package/dist/global.css +134 -11
  25. package/dist/scania-variables.css +357 -136
  26. package/dist/tl-accordion.css +88 -35
  27. package/dist/tl-banner.css +88 -13
  28. package/dist/tl-block.css +62 -7
  29. package/dist/tl-breadcrumbs.css +55 -6
  30. package/dist/tl-button.css +192 -160
  31. package/dist/tl-card.css +54 -66
  32. package/dist/tl-checkbox.css +195 -115
  33. package/dist/tl-divider.css +61 -3
  34. package/dist/tl-footer.css +98 -38
  35. package/dist/tl-icon.css +4 -0
  36. package/dist/tl-link.css +114 -16
  37. package/dist/tl-message.css +128 -14
  38. package/dist/tl-modal.css +123 -20
  39. package/dist/tl-radio-button.css +158 -96
  40. package/dist/tl-text-field.css +256 -76
  41. package/dist/tl-textarea.css +274 -76
  42. package/dist/tl-toast.css +119 -10
  43. package/dist/tl-toggle.css +149 -44
  44. package/dist/tl-tooltip.css +17 -15
  45. package/dist/traton-variables.css +365 -23
  46. package/package.json +5 -26
  47. package/dist/tl-badge.css +0 -45
  48. package/dist/tl-checkbox-vars.css +0 -38
  49. package/dist/tl-chip.css +0 -99
  50. package/dist/tl-dropdown.css +0 -913
  51. package/dist/tl-folder-tabs.css +0 -139
  52. package/dist/tl-header.css +0 -935
  53. package/dist/tl-inline-tabs.css +0 -173
  54. package/dist/tl-navigation-tabs.css +0 -171
  55. package/dist/tl-popover-canvas.css +0 -70
  56. package/dist/tl-popover-menu.css +0 -123
  57. package/dist/tl-side-menu.css +0 -695
  58. package/dist/tl-slider.css +0 -2242
  59. package/dist/tl-spinner.css +0 -78
  60. package/dist/tl-step.css +0 -239
  61. package/dist/tl-stepper.css +0 -83
  62. package/dist/tl-table.css +0 -849
package/dist/traton-variables.css CHANGED
@@ -1,3 +1,4 @@
1
+ @charset "UTF-8";
1
2
  /* Spacing */
2
3
  :root,
3
4
  .traton {
@@ -24,74 +25,74 @@
24
25
  /* === TRATON Type Display === */
25
26
  @font-face {
26
27
  font-family: "TRATON Type Display";
27
- 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");
28
28
  font-weight: 500;
29
29
  font-style: normal;
30
30
  font-display: swap;
31
+ src: url("./assets/fonts/traton/TratonTypeDisplay-Medium.woff") format("woff"), 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");
31
32
  }
32
33
  @font-face {
33
34
  font-family: "TRATON Type Display";
34
- 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");
35
35
  font-weight: 700;
36
36
  font-style: normal;
37
37
  font-display: swap;
38
+ src: url("./assets/fonts/traton/TratonTypeDisplay-Bold.woff") format("woff"), 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");
38
39
  }
39
40
  /* === TRATON Type Text === */
40
41
  @font-face {
41
42
  font-family: "TRATON Type Text";
42
- 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");
43
43
  font-weight: 400;
44
44
  font-style: normal;
45
45
  font-display: swap;
46
+ src: url("./assets/fonts/traton/TratonTypeText-Regular.woff") format("woff"), 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");
46
47
  }
47
48
  @font-face {
48
49
  font-family: "TRATON Type Text";
49
- 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");
50
50
  font-weight: 400;
51
51
  font-style: italic;
52
52
  font-display: swap;
53
+ src: url("./assets/fonts/traton/TratonTypeText-Italic.woff") format("woff"), 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");
53
54
  }
54
55
  @font-face {
55
56
  font-family: "TRATON Type Text";
56
- 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");
57
57
  font-weight: 500;
58
58
  font-style: normal;
59
59
  font-display: swap;
60
+ src: url("./assets/fonts/traton/TratonTypeText-Medium.woff") format("woff"), 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");
60
61
  }
61
62
  @font-face {
62
63
  font-family: "TRATON Type Text";
63
- 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");
64
64
  font-weight: 500;
65
65
  font-style: italic;
66
66
  font-display: swap;
67
+ src: url("./assets/fonts/traton/TratonTypeText-MediumItalic.woff") format("woff"), 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");
67
68
  }
68
69
  @font-face {
69
70
  font-family: "TRATON Type Text";
70
- 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");
71
71
  font-weight: 600;
72
72
  font-style: normal;
73
73
  font-display: swap;
74
+ src: url("./assets/fonts/traton/TratonTypeText-SemiBold.woff") format("woff"), 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");
74
75
  }
75
76
  @font-face {
76
77
  font-family: "TRATON Type Text";
77
- 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");
78
78
  font-weight: 600;
79
79
  font-style: italic;
80
80
  font-display: swap;
81
+ src: url("./assets/fonts/traton/TratonTypeText-SemiBoldItalic.woff2") format("woff2"), 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");
81
82
  }
82
83
  @font-face {
83
84
  font-family: "TRATON Type Text";
84
- 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");
85
85
  font-weight: 700;
86
86
  font-style: normal;
87
87
  font-display: swap;
88
+ src: url("./assets/fonts/traton/TratonTypeText-Bold.woff") format("woff"), 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");
88
89
  }
89
90
  @font-face {
90
91
  font-family: "TRATON Type Text";
91
- 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");
92
92
  font-weight: 700;
93
93
  font-style: italic;
94
94
  font-display: swap;
95
+ src: url("./assets/fonts/traton/TratonTypeText-BoldItalic.woff") format("woff"), 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");
95
96
  }
96
97
  .traton {
97
98
  /* Font size tokens */
@@ -344,16 +345,16 @@
344
345
  --traton-color-yellow-900: #302403;
345
346
  --traton-color-yellow-950: #241b00;
346
347
  --traton-color-yellow-1000: #1a1300;
347
- --traton-opacity-0: 0;
348
- --traton-opacity-25: 25;
349
- --traton-opacity-50: 50;
350
- --traton-opacity-75: 75;
351
- --traton-opacity-100: 100;
352
348
  --traton-font-family-default: traton type text;
353
349
  --traton-font-family-display: traton type display;
354
350
  --traton-font-weight-semi-bold: 600;
355
351
  --traton-font-weight-medium: 500;
356
352
  --traton-font-weight-regular: 400;
353
+ --traton-opacity-0: 0;
354
+ --traton-opacity-25: 25;
355
+ --traton-opacity-50: 50;
356
+ --traton-opacity-75: 75;
357
+ --traton-opacity-100: 100;
357
358
  --traton-unit-0: 0;
358
359
  --traton-unit-1: 1;
359
360
  --traton-unit-2: 2;
@@ -409,11 +410,15 @@
409
410
  --color-border-inverse-disabled: var(--traton-color-transparent-inverse-400);
410
411
  --color-border-inverse-discrete: var(--traton-color-transparent-inverse-200);
411
412
  --color-border-inverse-none: var(--traton-color-transparent-invisible-dark);
413
+ --color-icon-base: var(--traton-color-base-black);
414
+ --color-icon-brand: var(--traton-color-blue-950);
412
415
  --color-icon-defined: var(--traton-color-transparent-700);
413
416
  --color-icon-soft: var(--traton-color-transparent-600);
414
417
  --color-icon-subtle: var(--traton-color-transparent-500);
415
418
  --color-icon-disabled: var(--traton-color-transparent-400);
416
419
  --color-icon-discrete: var(--traton-color-transparent-200);
420
+ --color-icon-inverse-base: var(--traton-color-base-black);
421
+ --color-icon-inverse-brand: var(--traton-color-blue-950);
417
422
  --color-icon-inverse-defined: var(--traton-color-transparent-inverse-700);
418
423
  --color-icon-inverse-soft: var(--traton-color-transparent-inverse-600);
419
424
  --color-icon-inverse-subtle: var(--traton-color-transparent-inverse-500);
@@ -439,24 +444,26 @@
439
444
  --color-system-danger-default: var(--traton-color-red-300);
440
445
  --color-system-danger-subtle: var(--traton-color-red-200);
441
446
  --color-system-danger-discrete: var(--traton-color-red-50);
447
+ --color-text-base: var(--traton-color-base-black);
448
+ --color-text-brand: var(--traton-color-blue-950);
442
449
  --color-text-defined: var(--traton-color-transparent-700);
443
450
  --color-text-soft: var(--traton-color-transparent-600);
444
451
  --color-text-subtle: var(--traton-color-transparent-500);
445
452
  --color-text-disabled: var(--traton-color-transparent-400);
446
- --color-text-brand: var(--traton-color-blue-950);
447
- --color-text-base: var(--traton-color-base-black);
453
+ --color-text-discrete: var(--traton-color-transparent-200);
454
+ --color-text-inverse-brand: var(--traton-color-base-white);
448
455
  --color-text-inverse-defined: var(--traton-color-transparent-inverse-700);
449
456
  --color-text-inverse-soft: var(--traton-color-transparent-inverse-600);
450
457
  --color-text-inverse-subtle: var(--traton-color-transparent-inverse-500);
451
458
  --color-text-inverse-disabled: var(--traton-color-transparent-inverse-400);
452
- --color-text-inverse-brand: var(--traton-color-base-white);
459
+ --color-text-inverse-discrete: var(--traton-color-transparent-inverse-200);
453
460
  --color-border-strong: var(--traton-color-transparent-950);
454
461
  --color-border-inverse-strong: var(--traton-color-transparent-inverse-950);
455
462
  --color-icon-strong: var(--traton-color-transparent-950);
456
463
  --color-icon-inverse-strong: var(--traton-color-transparent-inverse-950);
457
464
  --color-text-strong: var(--traton-color-transparent-950);
458
- --color-text-inverse-strong: var(--traton-color-transparent-inverse-950);
459
465
  --color-text-inverse-base: var(--scania-color-base-white);
466
+ --color-text-inverse-strong: var(--traton-color-transparent-inverse-950);
460
467
  }
461
468
 
462
469
  /**
@@ -490,11 +497,15 @@
490
497
  --color-border-inverse-disabled: var(--traton-color-transparent-400);
491
498
  --color-border-inverse-discrete: var(--traton-color-transparent-200);
492
499
  --color-border-inverse-none: var(--traton-color-transparent-invisible-light);
500
+ --color-icon-base: var(--traton-color-base-white);
501
+ --color-icon-brand: var(--traton-color-base-white);
493
502
  --color-icon-defined: var(--traton-color-transparent-inverse-700);
494
503
  --color-icon-soft: var(--traton-color-transparent-inverse-600);
495
504
  --color-icon-subtle: var(--traton-color-transparent-inverse-500);
496
505
  --color-icon-disabled: var(--traton-color-transparent-inverse-400);
497
506
  --color-icon-discrete: var(--traton-color-transparent-inverse-200);
507
+ --color-icon-inverse-base: var(--traton-color-base-white);
508
+ --color-icon-inverse-brand: var(--traton-color-base-white);
498
509
  --color-icon-inverse-defined: var(--traton-color-transparent-700);
499
510
  --color-icon-inverse-soft: var(--traton-color-transparent-600);
500
511
  --color-icon-inverse-subtle: var(--traton-color-transparent-500);
@@ -520,24 +531,26 @@
520
531
  --color-system-danger-default: var(--traton-color-red-300);
521
532
  --color-system-danger-subtle: var(--traton-color-red-500);
522
533
  --color-system-danger-discrete: var(--traton-color-red-850);
534
+ --color-text-base: var(--traton-color-base-white);
535
+ --color-text-brand: var(--traton-color-base-white);
523
536
  --color-text-defined: var(--traton-color-transparent-inverse-700);
524
537
  --color-text-soft: var(--traton-color-transparent-inverse-600);
525
538
  --color-text-subtle: var(--traton-color-transparent-inverse-500);
526
539
  --color-text-disabled: var(--traton-color-transparent-inverse-400);
527
- --color-text-brand: var(--traton-color-base-white);
528
- --color-text-base: var(--traton-color-base-white);
540
+ --color-text-discrete: var(--traton-color-transparent-inverse-200);
541
+ --color-text-inverse-base: var(--traton-color-base-black);
529
542
  --color-text-inverse-defined: var(--traton-color-transparent-700);
530
543
  --color-text-inverse-soft: var(--traton-color-transparent-600);
531
544
  --color-text-inverse-subtle: var(--traton-color-transparent-500);
532
545
  --color-text-inverse-disabled: var(--traton-color-transparent-400);
533
- --color-text-inverse-base: var(--traton-color-base-black);
546
+ --color-text-inverse-discrete: var(--traton-color-transparent-200);
534
547
  --color-border-strong: var(--traton-color-transparent-inverse-950);
535
548
  --color-border-inverse-strong: var(--traton-color-transparent-950);
536
549
  --color-icon-strong: var(--traton-color-transparent-inverse-950);
537
550
  --color-icon-inverse-strong: var(--traton-color-transparent-950);
538
551
  --color-text-strong: var(--traton-color-transparent-inverse-950);
539
- --color-text-inverse-strong: var(--traton-color-transparent-950);
540
552
  --color-text-inverse-brand: var(--traton-color-transparent-950);
553
+ --color-text-inverse-strong: var(--traton-color-transparent-950);
541
554
  }
542
555
 
543
556
  /* Traton logotype tokens */
@@ -724,32 +737,119 @@
724
737
  --traton-icon-arrow_left-svg: url(./assets/icons/traton/arrow_left.svg);
725
738
  --traton-icon-arrow_right-svg: url(./assets/icons/traton/arrow_right.svg);
726
739
  --traton-icon-arrow_up-svg: url(./assets/icons/traton/arrow_up.svg);
740
+ --traton-icon-back-svg: url(./assets/icons/traton/back.svg);
727
741
  --traton-icon-bento-svg: url(./assets/icons/traton/bento.svg);
728
742
  --traton-icon-burger-svg: url(./assets/icons/traton/burger.svg);
743
+ --traton-icon-calendar_inactive-svg: url(./assets/icons/traton/calendar_inactive.svg);
729
744
  --traton-icon-calendar-svg: url(./assets/icons/traton/calendar.svg);
745
+ --traton-icon-card-svg: url(./assets/icons/traton/card.svg);
746
+ --traton-icon-cart-svg: url(./assets/icons/traton/cart.svg);
730
747
  --traton-icon-chevron_down-svg: url(./assets/icons/traton/chevron_down.svg);
731
748
  --traton-icon-chevron_left-svg: url(./assets/icons/traton/chevron_left.svg);
732
749
  --traton-icon-chevron_right-svg: url(./assets/icons/traton/chevron_right.svg);
733
750
  --traton-icon-chevron_up-svg: url(./assets/icons/traton/chevron_up.svg);
751
+ --traton-icon-clock_inactive-svg: url(./assets/icons/traton/clock_inactive.svg);
752
+ --traton-icon-clock-svg: url(./assets/icons/traton/clock.svg);
753
+ --traton-icon-contact_inactive-svg: url(./assets/icons/traton/contact_inactive.svg);
754
+ --traton-icon-contact-svg: url(./assets/icons/traton/contact.svg);
755
+ --traton-icon-copy-svg: url(./assets/icons/traton/copy.svg);
734
756
  --traton-icon-cross-svg: url(./assets/icons/traton/cross.svg);
757
+ --traton-icon-document_check-svg: url(./assets/icons/traton/document_check.svg);
758
+ --traton-icon-document_doc-svg: url(./assets/icons/traton/document_doc.svg);
759
+ --traton-icon-document_eye-svg: url(./assets/icons/traton/document_eye.svg);
760
+ --traton-icon-document_pdf-svg: url(./assets/icons/traton/document_pdf.svg);
761
+ --traton-icon-document_tool-svg: url(./assets/icons/traton/document_tool.svg);
762
+ --traton-icon-document_word-svg: url(./assets/icons/traton/document_word.svg);
763
+ --traton-icon-document_wrong-svg: url(./assets/icons/traton/document_wrong.svg);
764
+ --traton-icon-document_xls-svg: url(./assets/icons/traton/document_xls.svg);
765
+ --traton-icon-document-svg: url(./assets/icons/traton/document.svg);
766
+ --traton-icon-dollar-svg: url(./assets/icons/traton/dollar.svg);
767
+ --traton-icon-doner-svg: url(./assets/icons/traton/doner.svg);
768
+ --traton-icon-double_kebab-svg: url(./assets/icons/traton/double_kebab.svg);
769
+ --traton-icon-download-svg: url(./assets/icons/traton/download.svg);
735
770
  --traton-icon-edit_inactive-svg: url(./assets/icons/traton/edit_inactive.svg);
736
771
  --traton-icon-edit-svg: url(./assets/icons/traton/edit.svg);
772
+ --traton-icon-email-svg: url(./assets/icons/traton/email.svg);
737
773
  --traton-icon-error-svg: url(./assets/icons/traton/error.svg);
774
+ --traton-icon-export_inactive-svg: url(./assets/icons/traton/export_inactive.svg);
775
+ --traton-icon-export-svg: url(./assets/icons/traton/export.svg);
776
+ --traton-icon-eye_inactive-svg: url(./assets/icons/traton/eye_inactive.svg);
777
+ --traton-icon-eye-svg: url(./assets/icons/traton/eye.svg);
778
+ --traton-icon-face_dissatisfied-svg: url(./assets/icons/traton/face_dissatisfied.svg);
779
+ --traton-icon-face_neutral-svg: url(./assets/icons/traton/face_neutral.svg);
780
+ --traton-icon-face_satisfied-svg: url(./assets/icons/traton/face_satisfied.svg);
781
+ --traton-icon-filters_inactive-svg: url(./assets/icons/traton/filters_inactive.svg);
782
+ --traton-icon-filters-svg: url(./assets/icons/traton/filters.svg);
783
+ --traton-icon-folder-svg: url(./assets/icons/traton/folder.svg);
784
+ --traton-icon-fuel_gauge_inactive-svg: url(./assets/icons/traton/fuel_gauge_inactive.svg);
785
+ --traton-icon-fuel_gauge-svg: url(./assets/icons/traton/fuel_gauge.svg);
786
+ --traton-icon-global-svg: url(./assets/icons/traton/global.svg);
787
+ --traton-icon-heart_inactive-svg: url(./assets/icons/traton/heart_inactive.svg);
788
+ --traton-icon-heart-svg: url(./assets/icons/traton/heart.svg);
789
+ --traton-icon-home_inactive-svg: url(./assets/icons/traton/home_inactive.svg);
790
+ --traton-icon-home-svg: url(./assets/icons/traton/home.svg);
791
+ --traton-icon-image_add-svg: url(./assets/icons/traton/image_add.svg);
792
+ --traton-icon-image_inactive-svg: url(./assets/icons/traton/image_inactive.svg);
793
+ --traton-icon-image_set-svg: url(./assets/icons/traton/image_set.svg);
794
+ --traton-icon-image-svg: url(./assets/icons/traton/image.svg);
738
795
  --traton-icon-info-svg: url(./assets/icons/traton/info.svg);
796
+ --traton-icon-kebab-svg: url(./assets/icons/traton/kebab.svg);
797
+ --traton-icon-link_broken-svg: url(./assets/icons/traton/link_broken.svg);
798
+ --traton-icon-link-svg: url(./assets/icons/traton/link.svg);
799
+ --traton-icon-lock-svg: url(./assets/icons/traton/lock.svg);
800
+ --traton-icon-meatballs-svg: url(./assets/icons/traton/meatballs.svg);
801
+ --traton-icon-message_inactive-svg: url(./assets/icons/traton/message_inactive.svg);
802
+ --traton-icon-message-svg: url(./assets/icons/traton/message.svg);
803
+ --traton-icon-mileage_inactive-svg: url(./assets/icons/traton/mileage_inactive.svg);
804
+ --traton-icon-mileage-svg: url(./assets/icons/traton/mileage.svg);
739
805
  --traton-icon-minus-svg: url(./assets/icons/traton/minus.svg);
806
+ --traton-icon-notification_inactive-svg: url(./assets/icons/traton/notification_inactive.svg);
740
807
  --traton-icon-notification-svg: url(./assets/icons/traton/notification.svg);
808
+ --traton-icon-phone_inactive-svg: url(./assets/icons/traton/phone_inactive.svg);
809
+ --traton-icon-phone-svg: url(./assets/icons/traton/phone.svg);
810
+ --traton-icon-pin_inactive-svg: url(./assets/icons/traton/pin_inactive.svg);
811
+ --traton-icon-pin-svg: url(./assets/icons/traton/pin.svg);
812
+ --traton-icon-placeholder-svg: url(./assets/icons/traton/placeholder.svg);
741
813
  --traton-icon-plus-svg: url(./assets/icons/traton/plus.svg);
814
+ --traton-icon-print_inactive-svg: url(./assets/icons/traton/print_inactive.svg);
742
815
  --traton-icon-print-svg: url(./assets/icons/traton/print.svg);
816
+ --traton-icon-profile_inactive-svg: url(./assets/icons/traton/profile_inactive.svg);
817
+ --traton-icon-profile-svg: url(./assets/icons/traton/profile.svg);
818
+ --traton-icon-proportions_inactive-svg: url(./assets/icons/traton/proportions_inactive.svg);
819
+ --traton-icon-proportions-svg: url(./assets/icons/traton/proportions.svg);
820
+ --traton-icon-redirect-svg: url(./assets/icons/traton/redirect.svg);
743
821
  --traton-icon-refresh-svg: url(./assets/icons/traton/refresh.svg);
822
+ --traton-icon-report_inactive-svg: url(./assets/icons/traton/report_inactive.svg);
823
+ --traton-icon-report-svg: url(./assets/icons/traton/report.svg);
824
+ --traton-icon-save_inactive-svg: url(./assets/icons/traton/save_inactive.svg);
825
+ --traton-icon-save-svg: url(./assets/icons/traton/save.svg);
744
826
  --traton-icon-search-svg: url(./assets/icons/traton/search.svg);
827
+ --traton-icon-send_inactive-svg: url(./assets/icons/traton/send_inactive.svg);
828
+ --traton-icon-send-svg: url(./assets/icons/traton/send.svg);
829
+ --traton-icon-settings-svg: url(./assets/icons/traton/settings.svg);
745
830
  --traton-icon-share-svg: url(./assets/icons/traton/share.svg);
746
831
  --traton-icon-skip_backwards-svg: url(./assets/icons/traton/skip_backwards.svg);
747
832
  --traton-icon-skip_forward-svg: url(./assets/icons/traton/skip_forward.svg);
833
+ --traton-icon-smartphone_inactive-svg: url(./assets/icons/traton/smartphone_inactive.svg);
834
+ --traton-icon-smartphone-svg: url(./assets/icons/traton/smartphone.svg);
748
835
  --traton-icon-sorting-svg: url(./assets/icons/traton/sorting.svg);
836
+ --traton-icon-speedometer_inactive-svg: url(./assets/icons/traton/speedometer_inactive.svg);
837
+ --traton-icon-speedometer-svg: url(./assets/icons/traton/speedometer.svg);
749
838
  --traton-icon-star-svg: url(./assets/icons/traton/star.svg);
839
+ --traton-icon-support-svg: url(./assets/icons/traton/support.svg);
750
840
  --traton-icon-tick-svg: url(./assets/icons/traton/tick.svg);
841
+ --traton-icon-timer-svg: url(./assets/icons/traton/timer.svg);
842
+ --traton-icon-tool_inactive-svg: url(./assets/icons/traton/tool_inactive.svg);
843
+ --traton-icon-tool-svg: url(./assets/icons/traton/tool.svg);
844
+ --traton-icon-trash_inactive-svg: url(./assets/icons/traton/trash_inactive.svg);
845
+ --traton-icon-trash-svg: url(./assets/icons/traton/trash.svg);
751
846
  --traton-icon-truck-svg: url(./assets/icons/traton/truck.svg);
847
+ --traton-icon-unlock-svg: url(./assets/icons/traton/unlock.svg);
848
+ --traton-icon-upload-svg: url(./assets/icons/traton/upload.svg);
849
+ --traton-icon-wallet-svg: url(./assets/icons/traton/wallet.svg);
752
850
  --traton-icon-warning-svg: url(./assets/icons/traton/warning.svg);
851
+ --traton-icon-wifi_inactive-svg: url(./assets/icons/traton/wifi_inactive.svg);
852
+ --traton-icon-wifi-svg: url(./assets/icons/traton/wifi.svg);
753
853
  }
754
854
 
755
855
  /* Traton icon tokens */
@@ -762,30 +862,272 @@
762
862
  --icon-arrow_left-svg: var(--traton-icon-arrow_left-svg);
763
863
  --icon-arrow_right-svg: var(--traton-icon-arrow_right-svg);
764
864
  --icon-arrow_up-svg: var(--traton-icon-arrow_up-svg);
865
+ --icon-back-svg: var(--traton-icon-back-svg);
765
866
  --icon-bento-svg: var(--traton-icon-bento-svg);
766
867
  --icon-burger-svg: var(--traton-icon-burger-svg);
868
+ --icon-calendar_inactive-svg: var(--traton-icon-calendar_inactive-svg);
767
869
  --icon-calendar-svg: var(--traton-icon-calendar-svg);
870
+ --icon-card-svg: var(--traton-icon-card-svg);
871
+ --icon-cart-svg: var(--traton-icon-cart-svg);
768
872
  --icon-chevron_down-svg: var(--traton-icon-chevron_down-svg);
769
873
  --icon-chevron_left-svg: var(--traton-icon-chevron_left-svg);
770
874
  --icon-chevron_right-svg: var(--traton-icon-chevron_right-svg);
771
875
  --icon-chevron_up-svg: var(--traton-icon-chevron_up-svg);
876
+ --icon-clock_inactive-svg: var(--traton-icon-clock_inactive-svg);
877
+ --icon-clock-svg: var(--traton-icon-clock-svg);
878
+ --icon-contact_inactive-svg: var(--traton-icon-contact_inactive-svg);
879
+ --icon-contact-svg: var(--traton-icon-contact-svg);
880
+ --icon-copy-svg: var(--traton-icon-copy-svg);
772
881
  --icon-cross-svg: var(--traton-icon-cross-svg);
882
+ --icon-document_check-svg: var(--traton-icon-document_check-svg);
883
+ --icon-document_doc-svg: var(--traton-icon-document_doc-svg);
884
+ --icon-document_eye-svg: var(--traton-icon-document_eye-svg);
885
+ --icon-document_pdf-svg: var(--traton-icon-document_pdf-svg);
886
+ --icon-document_tool-svg: var(--traton-icon-document_tool-svg);
887
+ --icon-document_word-svg: var(--traton-icon-document_word-svg);
888
+ --icon-document_wrong-svg: var(--traton-icon-document_wrong-svg);
889
+ --icon-document_xls-svg: var(--traton-icon-document_xls-svg);
890
+ --icon-document-svg: var(--traton-icon-document-svg);
891
+ --icon-dollar-svg: var(--traton-icon-dollar-svg);
892
+ --icon-doner-svg: var(--traton-icon-doner-svg);
893
+ --icon-double_kebab-svg: var(--traton-icon-double_kebab-svg);
894
+ --icon-download-svg: var(--traton-icon-download-svg);
773
895
  --icon-edit_inactive-svg: var(--traton-icon-edit_inactive-svg);
774
896
  --icon-edit-svg: var(--traton-icon-edit-svg);
897
+ --icon-email-svg: var(--traton-icon-email-svg);
775
898
  --icon-error-svg: var(--traton-icon-error-svg);
899
+ --icon-export_inactive-svg: var(--traton-icon-export_inactive-svg);
900
+ --icon-export-svg: var(--traton-icon-export-svg);
901
+ --icon-eye_inactive-svg: var(--traton-icon-eye_inactive-svg);
902
+ --icon-eye-svg: var(--traton-icon-eye-svg);
903
+ --icon-face_dissatisfied-svg: var(--traton-icon-face_dissatisfied-svg);
904
+ --icon-face_neutral-svg: var(--traton-icon-face_neutral-svg);
905
+ --icon-face_satisfied-svg: var(--traton-icon-face_satisfied-svg);
906
+ --icon-filters_inactive-svg: var(--traton-icon-filters_inactive-svg);
907
+ --icon-filters-svg: var(--traton-icon-filters-svg);
908
+ --icon-folder-svg: var(--traton-icon-folder-svg);
909
+ --icon-fuel_gauge_inactive-svg: var(--traton-icon-fuel_gauge_inactive-svg);
910
+ --icon-fuel_gauge-svg: var(--traton-icon-fuel_gauge-svg);
911
+ --icon-global-svg: var(--traton-icon-global-svg);
912
+ --icon-heart_inactive-svg: var(--traton-icon-heart_inactive-svg);
913
+ --icon-heart-svg: var(--traton-icon-heart-svg);
914
+ --icon-home_inactive-svg: var(--traton-icon-home_inactive-svg);
915
+ --icon-home-svg: var(--traton-icon-home-svg);
916
+ --icon-image_add-svg: var(--traton-icon-image_add-svg);
917
+ --icon-image_inactive-svg: var(--traton-icon-image_inactive-svg);
918
+ --icon-image_set-svg: var(--traton-icon-image_set-svg);
919
+ --icon-image-svg: var(--traton-icon-image-svg);
776
920
  --icon-info-svg: var(--traton-icon-info-svg);
921
+ --icon-kebab-svg: var(--traton-icon-kebab-svg);
922
+ --icon-link_broken-svg: var(--traton-icon-link_broken-svg);
923
+ --icon-link-svg: var(--traton-icon-link-svg);
924
+ --icon-lock-svg: var(--traton-icon-lock-svg);
925
+ --icon-meatballs-svg: var(--traton-icon-meatballs-svg);
926
+ --icon-message_inactive-svg: var(--traton-icon-message_inactive-svg);
927
+ --icon-message-svg: var(--traton-icon-message-svg);
928
+ --icon-mileage_inactive-svg: var(--traton-icon-mileage_inactive-svg);
929
+ --icon-mileage-svg: var(--traton-icon-mileage-svg);
777
930
  --icon-minus-svg: var(--traton-icon-minus-svg);
931
+ --icon-notification_inactive-svg: var(--traton-icon-notification_inactive-svg);
778
932
  --icon-notification-svg: var(--traton-icon-notification-svg);
933
+ --icon-phone_inactive-svg: var(--traton-icon-phone_inactive-svg);
934
+ --icon-phone-svg: var(--traton-icon-phone-svg);
935
+ --icon-pin_inactive-svg: var(--traton-icon-pin_inactive-svg);
936
+ --icon-pin-svg: var(--traton-icon-pin-svg);
937
+ --icon-placeholder-svg: var(--traton-icon-placeholder-svg);
779
938
  --icon-plus-svg: var(--traton-icon-plus-svg);
939
+ --icon-print_inactive-svg: var(--traton-icon-print_inactive-svg);
780
940
  --icon-print-svg: var(--traton-icon-print-svg);
941
+ --icon-profile_inactive-svg: var(--traton-icon-profile_inactive-svg);
942
+ --icon-profile-svg: var(--traton-icon-profile-svg);
943
+ --icon-proportions_inactive-svg: var(--traton-icon-proportions_inactive-svg);
944
+ --icon-proportions-svg: var(--traton-icon-proportions-svg);
945
+ --icon-redirect-svg: var(--traton-icon-redirect-svg);
781
946
  --icon-refresh-svg: var(--traton-icon-refresh-svg);
947
+ --icon-report_inactive-svg: var(--traton-icon-report_inactive-svg);
948
+ --icon-report-svg: var(--traton-icon-report-svg);
949
+ --icon-save_inactive-svg: var(--traton-icon-save_inactive-svg);
950
+ --icon-save-svg: var(--traton-icon-save-svg);
782
951
  --icon-search-svg: var(--traton-icon-search-svg);
952
+ --icon-send_inactive-svg: var(--traton-icon-send_inactive-svg);
953
+ --icon-send-svg: var(--traton-icon-send-svg);
954
+ --icon-settings-svg: var(--traton-icon-settings-svg);
783
955
  --icon-share-svg: var(--traton-icon-share-svg);
784
956
  --icon-skip_backwards-svg: var(--traton-icon-skip_backwards-svg);
785
957
  --icon-skip_forward-svg: var(--traton-icon-skip_forward-svg);
958
+ --icon-smartphone_inactive-svg: var(--traton-icon-smartphone_inactive-svg);
959
+ --icon-smartphone-svg: var(--traton-icon-smartphone-svg);
786
960
  --icon-sorting-svg: var(--traton-icon-sorting-svg);
961
+ --icon-speedometer_inactive-svg: var(--traton-icon-speedometer_inactive-svg);
962
+ --icon-speedometer-svg: var(--traton-icon-speedometer-svg);
787
963
  --icon-star-svg: var(--traton-icon-star-svg);
964
+ --icon-support-svg: var(--traton-icon-support-svg);
788
965
  --icon-tick-svg: var(--traton-icon-tick-svg);
966
+ --icon-timer-svg: var(--traton-icon-timer-svg);
967
+ --icon-tool_inactive-svg: var(--traton-icon-tool_inactive-svg);
968
+ --icon-tool-svg: var(--traton-icon-tool-svg);
969
+ --icon-trash_inactive-svg: var(--traton-icon-trash_inactive-svg);
970
+ --icon-trash-svg: var(--traton-icon-trash-svg);
789
971
  --icon-truck-svg: var(--traton-icon-truck-svg);
972
+ --icon-unlock-svg: var(--traton-icon-unlock-svg);
973
+ --icon-upload-svg: var(--traton-icon-upload-svg);
974
+ --icon-wallet-svg: var(--traton-icon-wallet-svg);
790
975
  --icon-warning-svg: var(--traton-icon-warning-svg);
976
+ --icon-wifi_inactive-svg: var(--traton-icon-wifi_inactive-svg);
977
+ --icon-wifi-svg: var(--traton-icon-wifi-svg);
978
+ }
979
+
980
+ /* Cross-brand placeholder fallbacks — generated alongside icon.scss */
981
+ /**
982
+ * Do not edit directly, this file was auto-generated.
983
+ */
984
+ :root,
985
+ .scania {
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
+ }
992
+
993
+ .traton {
994
+ --icon-24v_battery-svg: var(--traton-icon-placeholder-svg);
995
+ --icon-24v_battery_inactive-svg: var(--traton-icon-placeholder-svg);
996
+ --icon-acceleration-svg: var(--traton-icon-placeholder-svg);
997
+ --icon-acceleration_inactive-svg: var(--traton-icon-placeholder-svg);
998
+ --icon-adblue-svg: var(--traton-icon-placeholder-svg);
999
+ --icon-adblue_inactive-svg: var(--traton-icon-placeholder-svg);
1000
+ --icon-audio-svg: var(--traton-icon-placeholder-svg);
1001
+ --icon-audio_inactive-svg: var(--traton-icon-placeholder-svg);
1002
+ --icon-award-svg: var(--traton-icon-placeholder-svg);
1003
+ --icon-backward-svg: var(--traton-icon-placeholder-svg);
1004
+ --icon-backward_inactive-svg: var(--traton-icon-placeholder-svg);
1005
+ --icon-bug-svg: var(--traton-icon-placeholder-svg);
1006
+ --icon-bug_inactive-svg: var(--traton-icon-placeholder-svg);
1007
+ --icon-bus-svg: var(--traton-icon-placeholder-svg);
1008
+ --icon-bus_inactive-svg: var(--traton-icon-placeholder-svg);
1009
+ --icon-cab_door-svg: var(--traton-icon-placeholder-svg);
1010
+ --icon-camera-svg: var(--traton-icon-placeholder-svg);
1011
+ --icon-camera_inactive-svg: var(--traton-icon-placeholder-svg);
1012
+ --icon-charging_complete-svg: var(--traton-icon-placeholder-svg);
1013
+ --icon-charging_failed-svg: var(--traton-icon-placeholder-svg);
1014
+ --icon-charging_speed-svg: var(--traton-icon-placeholder-svg);
1015
+ --icon-charging_speed_inactive-svg: var(--traton-icon-placeholder-svg);
1016
+ --icon-charging_stopped-svg: var(--traton-icon-placeholder-svg);
1017
+ --icon-configurator-svg: var(--traton-icon-placeholder-svg);
1018
+ --icon-cookie-svg: var(--traton-icon-placeholder-svg);
1019
+ --icon-cookie_inactive-svg: var(--traton-icon-placeholder-svg);
1020
+ --icon-coolant_level-svg: var(--traton-icon-placeholder-svg);
1021
+ --icon-coolant_level_inactive-svg: var(--traton-icon-placeholder-svg);
1022
+ --icon-cup-svg: var(--traton-icon-placeholder-svg);
1023
+ --icon-cup_inactive-svg: var(--traton-icon-placeholder-svg);
1024
+ --icon-dashboard-svg: var(--traton-icon-placeholder-svg);
1025
+ --icon-department-svg: var(--traton-icon-placeholder-svg);
1026
+ --icon-department_inactive-svg: var(--traton-icon-placeholder-svg);
1027
+ --icon-departure_scheduling-svg: var(--traton-icon-placeholder-svg);
1028
+ --icon-departure_scheduling_inactive-svg: var(--traton-icon-placeholder-svg);
1029
+ --icon-diamond-svg: var(--traton-icon-placeholder-svg);
1030
+ --icon-diamond_inactive-svg: var(--traton-icon-placeholder-svg);
1031
+ --icon-document_plus-svg: var(--traton-icon-placeholder-svg);
1032
+ --icon-document_plus_inactive-svg: var(--traton-icon-placeholder-svg);
1033
+ --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
+ --icon-driving_licence-svg: var(--traton-icon-placeholder-svg);
1037
+ --icon-driving_licence_inactive-svg: var(--traton-icon-placeholder-svg);
1038
+ --icon-drop-svg: var(--traton-icon-placeholder-svg);
1039
+ --icon-drop_inactive-svg: var(--traton-icon-placeholder-svg);
1040
+ --icon-engine-svg: var(--traton-icon-placeholder-svg);
1041
+ --icon-engine_inactive-svg: var(--traton-icon-placeholder-svg);
1042
+ --icon-environment-svg: var(--traton-icon-placeholder-svg);
1043
+ --icon-environment_inactive-svg: var(--traton-icon-placeholder-svg);
1044
+ --icon-exit-svg: var(--traton-icon-placeholder-svg);
1045
+ --icon-expand-svg: var(--traton-icon-placeholder-svg);
1046
+ --icon-expand_inactive-svg: var(--traton-icon-placeholder-svg);
1047
+ --icon-factory-svg: var(--traton-icon-placeholder-svg);
1048
+ --icon-factory_inactive-svg: var(--traton-icon-placeholder-svg);
1049
+ --icon-ferry-svg: var(--traton-icon-placeholder-svg);
1050
+ --icon-ferry_inactive-svg: var(--traton-icon-placeholder-svg);
1051
+ --icon-flash-svg: var(--traton-icon-placeholder-svg);
1052
+ --icon-flash_inactive-svg: var(--traton-icon-placeholder-svg);
1053
+ --icon-forward-svg: var(--traton-icon-placeholder-svg);
1054
+ --icon-forward_inactive-svg: var(--traton-icon-placeholder-svg);
1055
+ --icon-fuel-svg: var(--traton-icon-placeholder-svg);
1056
+ --icon-fuel_inactive-svg: var(--traton-icon-placeholder-svg);
1057
+ --icon-gift-svg: var(--traton-icon-placeholder-svg);
1058
+ --icon-gift_inactive-svg: var(--traton-icon-placeholder-svg);
1059
+ --icon-guided_tour-svg: var(--traton-icon-placeholder-svg);
1060
+ --icon-guided_tour_inactive-svg: var(--traton-icon-placeholder-svg);
1061
+ --icon-hatch_open-svg: var(--traton-icon-placeholder-svg);
1062
+ --icon-hatch_open_1-svg: var(--traton-icon-placeholder-svg);
1063
+ --icon-hatch_open_2-svg: var(--traton-icon-placeholder-svg);
1064
+ --icon-hatch_open_inactive-svg: var(--traton-icon-placeholder-svg);
1065
+ --icon-heating_inactive_screen-svg: var(--traton-icon-placeholder-svg);
1066
+ --icon-history-svg: var(--traton-icon-placeholder-svg);
1067
+ --icon-history_inactive-svg: var(--traton-icon-placeholder-svg);
1068
+ --icon-idea-svg: var(--traton-icon-placeholder-svg);
1069
+ --icon-idea_inactive-svg: var(--traton-icon-placeholder-svg);
1070
+ --icon-insights-svg: var(--traton-icon-placeholder-svg);
1071
+ --icon-key-svg: var(--traton-icon-placeholder-svg);
1072
+ --icon-key_inactive-svg: var(--traton-icon-placeholder-svg);
1073
+ --icon-language-svg: var(--traton-icon-placeholder-svg);
1074
+ --icon-layer-svg: var(--traton-icon-placeholder-svg);
1075
+ --icon-layer_inactive-svg: var(--traton-icon-placeholder-svg);
1076
+ --icon-list-svg: var(--traton-icon-placeholder-svg);
1077
+ --icon-list_inactive-svg: var(--traton-icon-placeholder-svg);
1078
+ --icon-lock_inactive-svg: var(--traton-icon-placeholder-svg);
1079
+ --icon-map_cursor-svg: var(--traton-icon-placeholder-svg);
1080
+ --icon-map_cursor_inactive-svg: var(--traton-icon-placeholder-svg);
1081
+ --icon-maximize_fullscreen-svg: var(--traton-icon-placeholder-svg);
1082
+ --icon-meatballs-svg: var(--traton-icon-placeholder-svg);
1083
+ --icon-merge-svg: var(--traton-icon-placeholder-svg);
1084
+ --icon-merge_inactive-svg: var(--traton-icon-placeholder-svg);
1085
+ --icon-microphone-svg: var(--traton-icon-placeholder-svg);
1086
+ --icon-microphone_inactive-svg: var(--traton-icon-placeholder-svg);
1087
+ --icon-minimize_fullscreen-svg: var(--traton-icon-placeholder-svg);
1088
+ --icon-navigate-svg: var(--traton-icon-placeholder-svg);
1089
+ --icon-navigate_inactive-svg: var(--traton-icon-placeholder-svg);
1090
+ --icon-notification_snooze-svg: var(--traton-icon-placeholder-svg);
1091
+ --icon-oil_level-svg: var(--traton-icon-placeholder-svg);
1092
+ --icon-oil_level_inactive-svg: var(--traton-icon-placeholder-svg);
1093
+ --icon-paperclip-svg: var(--traton-icon-placeholder-svg);
1094
+ --icon-pause-svg: var(--traton-icon-placeholder-svg);
1095
+ --icon-pause_inactive-svg: var(--traton-icon-placeholder-svg);
1096
+ --icon-pie_chart-svg: var(--traton-icon-placeholder-svg);
1097
+ --icon-play-svg: var(--traton-icon-placeholder-svg);
1098
+ --icon-play_inactive-svg: var(--traton-icon-placeholder-svg);
1099
+ --icon-powerplug-svg: var(--traton-icon-placeholder-svg);
1100
+ --icon-powerplug_inactive-svg: var(--traton-icon-placeholder-svg);
1101
+ --icon-privacy-svg: var(--traton-icon-placeholder-svg);
1102
+ --icon-privacy_inactive-svg: var(--traton-icon-placeholder-svg);
1103
+ --icon-prohibited-svg: var(--traton-icon-placeholder-svg);
1104
+ --icon-range-svg: var(--traton-icon-placeholder-svg);
1105
+ --icon-range_inactive-svg: var(--traton-icon-placeholder-svg);
1106
+ --icon-refresh_inactive-svg: var(--traton-icon-placeholder-svg);
1107
+ --icon-reload-svg: var(--traton-icon-placeholder-svg);
1108
+ --icon-reload_inactive-svg: var(--traton-icon-placeholder-svg);
1109
+ --icon-repeat-svg: var(--traton-icon-placeholder-svg);
1110
+ --icon-route-svg: var(--traton-icon-placeholder-svg);
1111
+ --icon-route_inactive-svg: var(--traton-icon-placeholder-svg);
1112
+ --icon-shuffle-svg: var(--traton-icon-placeholder-svg);
1113
+ --icon-skip_backwards-svg: var(--traton-icon-placeholder-svg);
1114
+ --icon-target-svg: var(--traton-icon-placeholder-svg);
1115
+ --icon-target_inactive-svg: var(--traton-icon-placeholder-svg);
1116
+ --icon-temperature-svg: var(--traton-icon-placeholder-svg);
1117
+ --icon-temperature_inactive-svg: var(--traton-icon-placeholder-svg);
1118
+ --icon-text-svg: var(--traton-icon-placeholder-svg);
1119
+ --icon-text_inactive-svg: var(--traton-icon-placeholder-svg);
1120
+ --icon-thumbs_down-svg: var(--traton-icon-placeholder-svg);
1121
+ --icon-thumbs_up-svg: var(--traton-icon-placeholder-svg);
1122
+ --icon-trailer-svg: var(--traton-icon-placeholder-svg);
1123
+ --icon-trailer_inactive-svg: var(--traton-icon-placeholder-svg);
1124
+ --icon-truck_inactive-svg: var(--traton-icon-placeholder-svg);
1125
+ --icon-undo-svg: var(--traton-icon-placeholder-svg);
1126
+ --icon-undo_inactive-svg: var(--traton-icon-placeholder-svg);
1127
+ --icon-video-svg: var(--traton-icon-placeholder-svg);
1128
+ --icon-video_inactive-svg: var(--traton-icon-placeholder-svg);
1129
+ --icon-weight-svg: var(--traton-icon-placeholder-svg);
1130
+ --icon-weight_inactive-svg: var(--traton-icon-placeholder-svg);
1131
+ --icon-windscreen_heating-svg: var(--traton-icon-placeholder-svg);
1132
+ --icon-windscreen_heating_inactive-svg: var(--traton-icon-placeholder-svg);
791
1133
  }