@scania/tegel-lite 0.1.0 → 1.0.1

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 (68) 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/scania/configurator.svg +1 -0
  23. package/dist/assets/icons/traton/edit_inactive.svg +1 -0
  24. package/dist/assets/icons/traton/placeholder.svg +3 -0
  25. package/dist/assets/icons/traton/skip_backwards.svg +1 -0
  26. package/dist/assets/icons/traton/skip_forward.svg +1 -0
  27. package/dist/components.css +3997 -6847
  28. package/dist/global.css +627 -5641
  29. package/dist/scania-variables.css +661 -565
  30. package/dist/tl-accordion.css +92 -36
  31. package/dist/tl-banner.css +87 -12
  32. package/dist/tl-block.css +62 -7
  33. package/dist/tl-breadcrumbs.css +55 -6
  34. package/dist/tl-button.css +498 -87
  35. package/dist/tl-card.css +80 -54
  36. package/dist/tl-checkbox.css +195 -115
  37. package/dist/tl-datetime.css +7 -4
  38. package/dist/tl-divider.css +61 -3
  39. package/dist/tl-footer.css +116 -18
  40. package/dist/tl-icon.css +6 -2
  41. package/dist/tl-link.css +114 -16
  42. package/dist/tl-message.css +128 -14
  43. package/dist/tl-modal.css +165 -16
  44. package/dist/tl-radio-button.css +159 -96
  45. package/dist/tl-text-field.css +272 -140
  46. package/dist/tl-textarea.css +274 -76
  47. package/dist/tl-toast.css +119 -10
  48. package/dist/tl-toggle.css +150 -45
  49. package/dist/tl-tooltip.css +17 -15
  50. package/dist/traton-variables.css +682 -447
  51. package/package.json +6 -27
  52. package/dist/tl-badge.css +0 -44
  53. package/dist/tl-checkbox-vars.css +0 -38
  54. package/dist/tl-chip.css +0 -149
  55. package/dist/tl-dropdown.css +0 -857
  56. package/dist/tl-folder-tabs.css +0 -139
  57. package/dist/tl-header.css +0 -859
  58. package/dist/tl-inline-tabs.css +0 -173
  59. package/dist/tl-navigation-tabs.css +0 -171
  60. package/dist/tl-popover-canvas.css +0 -70
  61. package/dist/tl-popover-menu.css +0 -123
  62. package/dist/tl-side-menu.css +0 -540
  63. package/dist/tl-slider.css +0 -1854
  64. package/dist/tl-spinner.css +0 -78
  65. package/dist/tl-step.css +0 -213
  66. package/dist/tl-stepper.css +0 -57
  67. package/dist/tl-table.css +0 -827
  68. /package/dist/assets/icons/scania/{gift inactive.svg → gift_inactive.svg} +0 -0
package/dist/tl-folder-tabs.css DELETED
@@ -1,139 +0,0 @@
1
- /* tl-folder-tabs.scss (overlay buttons, no JS) */
2
- .tl-folder-tabs {
3
- --folder-tabs-scroll-button-surface: var(--color-background-surface-200);
4
- --folder-tabs-scroll-button-surface-hover: var(--color-background-surface-300);
5
- --folder-tabs-scroll-button-surface-active: var(--color-background-surface-400);
6
- --folder-tabs-scroll-button-text: var(--color-foreground-text-soft);
7
- }
8
-
9
- .tl-folder-tabs__tab {
10
- --folder-tab-surface: var(--color-background-surface-200);
11
- --folder-tab-surface-selected: var(--color-background-layer-01);
12
- --folder-tab-surface-hover: var(--color-background-surface-300);
13
- --folder-tab-border-selected: var(--color-foreground-border-accent-focus);
14
- --folder-tab-divider: var(--color-foreground-icon-discrete);
15
- --folder-tab-text: var(--color-foreground-text-soft);
16
- --folder-tab-text-disabled: var(--color-foreground-text-disabled);
17
- }
18
-
19
- .tl-folder-tabs--primary .tl-folder-tabs__tab {
20
- --folder-tab-surface-selected: var(--color-background-layer-01);
21
- }
22
-
23
- .tl-folder-tabs--secondary .tl-folder-tabs__tab {
24
- --folder-tab-surface-selected: var(--color-background-layer-02);
25
- }
26
-
27
- /* tl-folder-tabs.scss (overlay buttons, no JS) */
28
- /* Typography Usage mixins */
29
- .tl-folder-tabs__tab {
30
- all: unset;
31
- font-family: var(--headline-07-font-family);
32
- font-size: var(--headline-07-font-size);
33
- line-height: var(--headline-07-line-height);
34
- font-weight: var(--headline-07-font-weight);
35
- letter-spacing: var(--headline-07-letter-spacing);
36
- text-transform: var(--headline-07-text-transform);
37
- box-sizing: border-box;
38
- position: relative;
39
- display: inline-flex;
40
- align-items: center;
41
- min-inline-size: 142px;
42
- inline-size: auto;
43
- flex: 0 0 auto;
44
- white-space: nowrap;
45
- padding: 16px;
46
- text-align: left;
47
- cursor: pointer;
48
- border-left: 1px solid transparent;
49
- border-top: 2px solid var(--folder-tab-surface);
50
- background-color: var(--folder-tab-surface);
51
- color: var(--folder-tab-text);
52
- }
53
- .tl-folder-tabs__tab + .tl-folder-tabs__tab {
54
- border-left-color: var(--folder-tab-divider);
55
- }
56
- .tl-folder-tabs__tab:focus-visible {
57
- outline: 2px solid currentcolor;
58
- outline-offset: -4px;
59
- box-shadow: none;
60
- }
61
- .tl-folder-tabs__tab:hover:not(.tl-folder-tabs__tab--disabled):not(.tl-folder-tabs__tab--selected) {
62
- background-color: var(--folder-tab-surface-hover);
63
- border-top-color: var(--folder-tab-surface-hover);
64
- color: var(--folder-tab-text);
65
- }
66
- .tl-folder-tabs__tab--selected {
67
- background-color: var(--folder-tab-surface-selected);
68
- border-top-color: var(--folder-tab-border-selected);
69
- color: var(--folder-tab-text);
70
- }
71
- .tl-folder-tabs__tab--selected::after {
72
- content: "";
73
- position: absolute;
74
- top: 0;
75
- right: -1px;
76
- bottom: 0;
77
- width: 1px;
78
- background-color: var(--folder-tab-surface-selected);
79
- z-index: 1;
80
- }
81
- .tl-folder-tabs__tab--disabled {
82
- color: var(--folder-tab-text-disabled);
83
- cursor: not-allowed;
84
- user-select: none;
85
- }
86
- .tl-folder-tabs__tab--disabled:focus-visible {
87
- outline: none;
88
- box-shadow: none;
89
- }
90
-
91
- .tl-folder-tabs {
92
- box-sizing: border-box;
93
- }
94
- .tl-folder-tabs * {
95
- box-sizing: border-box;
96
- }
97
- .tl-folder-tabs {
98
- display: flex;
99
- overflow-x: scroll;
100
- scrollbar-width: none;
101
- position: relative;
102
- outline: 0;
103
- }
104
- .tl-folder-tabs::-webkit-scrollbar {
105
- display: none;
106
- }
107
-
108
- /* Overlay buttons (optional in markup; visible via media query) */
109
- .tl-folder-tabs__scroll-button {
110
- background-color: var(--folder-tab-surface);
111
- color: var(--folder-tabs-scroll-button-text);
112
- min-width: 48px;
113
- border: 0;
114
- justify-content: center;
115
- align-items: center;
116
- position: sticky;
117
- cursor: pointer;
118
- }
119
- .tl-folder-tabs__scroll-button:hover {
120
- background-color: var(--folder-tabs-scroll-button-surface-hover);
121
- }
122
- .tl-folder-tabs__scroll-button:active {
123
- background-color: var(--folder-tabs-scroll-button-surface-active);
124
- }
125
-
126
- /* left/right anchoring over the track */
127
- .tl-folder-tabs__scroll-button--left {
128
- left: 0;
129
- z-index: 1;
130
- }
131
-
132
- .tl-folder-tabs__scroll-button--right {
133
- right: 0;
134
- z-index: 1;
135
- }
136
-
137
- .tl-folder-tabs__scroll-button svg {
138
- fill: var(--folder-tabs-scroll-button-text);
139
- }