@scania/tegel-lite 0.0.3-rules-beta.7 → 0.1.0-beta.5

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 (58) hide show
  1. package/README.md +0 -29
  2. package/dist/assets/icons/scania/configurator.svg +1 -0
  3. package/dist/assets/icons/scania/microphone.svg +4 -0
  4. package/dist/assets/icons/scania/microphone_inactive.svg +7 -0
  5. package/dist/assets/icons/scania/notification_snooze.svg +6 -0
  6. package/dist/assets/icons/scania/paperclip.svg +3 -0
  7. package/dist/components.css +2443 -2023
  8. package/dist/global.css +3128 -4749
  9. package/dist/scania-variables.css +16 -4
  10. package/dist/tl-accordion.css +8 -8
  11. package/dist/tl-badge.css +15 -0
  12. package/dist/tl-banner.css +2 -2
  13. package/dist/tl-button.css +20 -0
  14. package/dist/tl-card.css +16 -6
  15. package/dist/tl-checkbox-vars.css +1 -1
  16. package/dist/tl-checkbox.css +1 -1
  17. package/dist/tl-chip.css +6 -6
  18. package/dist/tl-datetime.css +7 -4
  19. package/dist/tl-dropdown.css +55 -3
  20. package/dist/tl-folder-tabs.css +64 -0
  21. package/dist/tl-footer.css +64 -0
  22. package/dist/tl-header.css +214 -60
  23. package/dist/tl-icon.css +18 -2
  24. package/dist/tl-inline-tabs.css +81 -0
  25. package/dist/tl-modal.css +35 -0
  26. package/dist/tl-navigation-tabs.css +81 -0
  27. package/dist/tl-radio-button.css +1 -1
  28. package/dist/tl-side-menu.css +74 -0
  29. package/dist/tl-slider.css +565 -1016
  30. package/dist/tl-spinner.css +8 -0
  31. package/dist/tl-step.css +8 -0
  32. package/dist/tl-stepper.css +8 -0
  33. package/dist/tl-table.css +18 -21
  34. package/dist/tl-text-field.css +34 -63
  35. package/dist/tl-toggle.css +1 -1
  36. package/dist/traton-variables.css +4 -2
  37. package/package.json +4 -15
  38. package/.ai/rules/01-design-tokens.mdc +0 -318
  39. package/.ai/rules/02-components-forms.mdc +0 -396
  40. package/.ai/rules/03-components-display.mdc +0 -474
  41. package/.ai/rules/04-components-navigation.mdc +0 -358
  42. package/.ai/rules/05-guidelines.mdc +0 -144
  43. package/.ai/rules/06-patterns.mdc +0 -352
  44. package/.cursor/rules/tegel-lite/01-design-tokens.mdc +0 -317
  45. package/.cursor/rules/tegel-lite/02-components-forms.mdc +0 -395
  46. package/.cursor/rules/tegel-lite/03-components-display.mdc +0 -473
  47. package/.cursor/rules/tegel-lite/04-components-navigation.mdc +0 -357
  48. package/.cursor/rules/tegel-lite/05-guidelines.mdc +0 -143
  49. package/.cursor/rules/tegel-lite/06-patterns.mdc +0 -351
  50. package/.github/copilot-instructions.md +0 -2045
  51. package/AGENTS.md +0 -2045
  52. package/CLAUDE.md +0 -2045
  53. package/bin/setup-ai-rules.js +0 -368
  54. package/dist/tl-folder-tab.css +0 -87
  55. package/dist/tl-inline-tab.css +0 -80
  56. package/dist/tl-navigation-tab.css +0 -114
  57. package/dist/tl-textarea-mixins.css +0 -0
  58. /package/dist/assets/icons/scania/{gift inactive.svg → gift_inactive.svg} +0 -0
package/dist/tl-side-menu.css CHANGED
@@ -12,6 +12,77 @@ body {
12
12
  }
13
13
 
14
14
  /** The breakpoint at which the layout changes from fixed size to full-width. */
15
+ /**
16
+ * Do not edit directly, this file was auto-generated.
17
+ */
18
+ :root .tl-side-menu,
19
+ :root tds-side-menu,
20
+ .scania .tl-side-menu,
21
+ .scania tds-side-menu {
22
+ --component-side-menu-color-divider: var(--color-foreground-border-discrete);
23
+ --component-side-menu-radius-corner: var(--scania-unit-0);
24
+ --component-side-menu-size-close-icon-size: var(--scania-unit-20);
25
+ --component-side-menu-size-icon: var(--scania-unit-24);
26
+ --component-side-menu-space-collapsed-item-left-right-inner-icon-padding: 22px;
27
+ --component-side-menu-space-sub-menu-item-chevron-right-padding: var(--scania-unit-16);
28
+ --component-side-menu-space-sub-menu-item-left: 22px;
29
+ --component-side-menu-space-sub-menu-item-profile-gap: var(--scania-unit-16);
30
+ --component-side-menu-space-sub-menu-item-profile-left: var(--scania-unit-16);
31
+ --component-side-menu-space-sub-menu-item-profile-top-bottom: 18px;
32
+ --component-side-menu-space-sub-menu-item-selected-marker-height: 68px;
33
+ --component-side-menu-space-sub-menu-item-top-and-bottom: 22px;
34
+ --component-side-menu-space-sub-page-left-no-icon: var(--scania-unit-24);
35
+ --component-side-menu-space-sub-page-left-profile: var(--scania-unit-64);
36
+ --component-side-menu-space-sub-page-left-with-icon: 58px;
37
+ --component-side-menu-space-sub-page-selected-marker-height: var(--scania-unit-48);
38
+ --component-side-menu-space-sub-page-selected-marker-width: var(--scania-unit-4);
39
+ --component-side-menu-space-sub-page-top-bottom: var(--scania-unit-16);
40
+ --component-side-menu-space-sub-page-top-group: var(--scania-unit-0);
41
+ --component-side-menu-space-top-level-bottom-collapsible: var(--scania-unit-0);
42
+ --component-side-menu-space-top-level-left: var(--scania-unit-0);
43
+ --component-side-menu-space-top-level-top: var(--scania-unit-0);
44
+ --component-side-menu-space-top-level-vertical-gap-padding: var(--scania-unit-0);
45
+ --component-side-menu-text-items-font-family: var(--scania-font-family-semi-condensed);
46
+ --component-side-menu-text-items-font-weight: var(--scania-font-weight-bold);
47
+ --component-side-menu-text-items-font-size: 14px;
48
+ --component-side-menu-text-items-line-height: 16px;
49
+ --component-side-menu-text-items-letter-spacing: -0.14px;
50
+ --component-side-menu-text-items-text-transform: none;
51
+ }
52
+
53
+ .traton .tl-side-menu,
54
+ .traton tds-side-menu {
55
+ --component-side-menu-color-divider: var(--traton-color-transparent-invisible-light);
56
+ --component-side-menu-radius-corner: var(--traton-unit-8);
57
+ --component-side-menu-size-close-icon-size: var(--traton-unit-20);
58
+ --component-side-menu-size-icon: var(--traton-unit-16);
59
+ --component-side-menu-space-collapsed-item-left-right-inner-icon-padding: var(--traton-unit-12);
60
+ --component-side-menu-space-sub-menu-item-chevron-right-padding: var(--traton-unit-12);
61
+ --component-side-menu-space-sub-menu-item-left: var(--traton-unit-12);
62
+ --component-side-menu-space-sub-menu-item-profile-gap: var(--traton-unit-8);
63
+ --component-side-menu-space-sub-menu-item-profile-left: var(--traton-unit-8);
64
+ --component-side-menu-space-sub-menu-item-profile-top-bottom: var(--traton-unit-4);
65
+ --component-side-menu-space-sub-menu-item-selected-marker-height: var(--traton-unit-40);
66
+ --component-side-menu-space-sub-menu-item-top-and-bottom: var(--traton-unit-8);
67
+ --component-side-menu-space-sub-page-left-no-icon: 14px;
68
+ --component-side-menu-space-sub-page-left-profile: var(--traton-unit-48);
69
+ --component-side-menu-space-sub-page-left-with-icon: var(--traton-unit-40);
70
+ --component-side-menu-space-sub-page-selected-marker-height: 32px;
71
+ --component-side-menu-space-sub-page-selected-marker-width: var(--traton-unit-8);
72
+ --component-side-menu-space-sub-page-top-bottom: var(--traton-unit-8);
73
+ --component-side-menu-space-sub-page-top-group: var(--traton-unit-4);
74
+ --component-side-menu-space-top-level-bottom-collapsible: var(--traton-unit-16);
75
+ --component-side-menu-space-top-level-left: var(--traton-unit-16);
76
+ --component-side-menu-space-top-level-top: var(--traton-unit-14);
77
+ --component-side-menu-space-top-level-vertical-gap-padding: var(--traton-unit-16);
78
+ --component-side-menu-text-items-font-family: var(--traton-font-family-default);
79
+ --component-side-menu-text-items-font-weight: var(--traton-font-weight-medium);
80
+ --component-side-menu-text-items-font-size: 14px;
81
+ --component-side-menu-text-items-line-height: 18px;
82
+ --component-side-menu-text-items-letter-spacing: 0;
83
+ --component-side-menu-text-items-text-transform: none;
84
+ }
85
+
15
86
  .tl-side-menu {
16
87
  --side-menu-background-cover: var(--color-background-base);
17
88
  --side-menu-item-state-hover: var(--color-background-layer-01);
@@ -22,6 +93,9 @@ body {
22
93
  --side-menu-subnav-background: var(--color-background-layer-01);
23
94
  --side-menu-single-item-color: var(--color-foreground-text-strong);
24
95
  --side-menu-bottom-menu-border-top: var(--component-side-menu-color-divider);
96
+ --tds-header-app-launcher-menu-bg: var(--color-background-base);
97
+ --tds-nav-item-border-color: var(--color-foreground-border-accent-focus);
98
+ --tds-nav-dropdown-menu-box: 0 3px 3px rgb(0 0 0 / 15%), 0 -1px 1px rgb(0 0 0 / 1%);
25
99
  --side-menu-dropdown-list-item-custom-background: var(--side-menu-background-cover);
26
100
  --side-menu-dropdown-list-item-custom-background-hover: var(--side-menu-item-state-hover);
27
101
  --side-menu-dropdown-list-item-custom-background-active: var(--side-menu-item-state-active);