@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/README.dev.md CHANGED
@@ -1,17 +1,13 @@
1
1
  # @scania/tegel-lite
2
2
 
3
- ![Status: Beta](https://img.shields.io/badge/status-beta-orange)
4
-
5
3
  > Pure CSS implementation of Tegel Design System - no JavaScript required.
6
4
 
7
- **⚠️ Beta Status:** This package is currently in beta. While functional and ready for testing, the API and structure may change before the stable 1.0.0 release.
8
-
9
5
  Tegel Lite is a **styles-only** component library that provides the same design system as Tegel without relying on Web Components or Stencil.
10
6
 
11
7
  ## 📦 Installation
12
8
 
13
9
  ```bash
14
- npm install @scania/tegel-lite@0.0.1-beta.10
10
+ npm install @scania/tegel-lite
15
11
  ```
16
12
 
17
13
  ## 🚀 Quick Start
package/README.md CHANGED
@@ -1,16 +1,13 @@
1
1
  # @scania/tegel-lite
2
2
 
3
- ![Status: Beta](https://img.shields.io/badge/status-beta-orange)
4
3
  [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
5
4
 
6
5
  > Pure CSS implementation of Tegel Design System - no JavaScript required.
7
6
 
8
- **⚠️ Beta Status:** This package is currently in beta. The API may change before stable 1.0.0. Report issues at [GitHub](https://github.com/scania-digital-design-system/tegel/issues).
9
-
10
7
  ## Installation
11
8
 
12
9
  ```bash
13
- npm install @scania/tegel-lite@0.0.1-beta.10
10
+ npm install @scania/tegel-lite
14
11
  ```
15
12
 
16
13
  ## Quick Start
@@ -32,7 +29,7 @@ import '@scania/tegel-lite/scania-variables.css'; // or traton-variables.css
32
29
  import '@scania/tegel-lite/global.css'; // Component tokens (required)
33
30
  import '@scania/tegel-lite/tl-button.css';
34
31
  import '@scania/tegel-lite/tl-card.css';
35
- import '@scania/tegel-lite/tl-header.css';
32
+ import '@scania/tegel-lite/tl-message.css';
36
33
  ```
37
34
 
38
35
  > **Important:** You must import three files in order:
@@ -48,14 +45,17 @@ import '@scania/tegel-lite/tl-header.css';
48
45
  </button>
49
46
  ```
50
47
 
51
- ## Components
48
+ ## Components
49
+
50
+ This beta ships only the components migrated to the new design-token
51
+ variable structure. Additional components will be added as their migration
52
+ lands on `develop`.
52
53
 
53
- **Layout:** header, footer, side-menu, breadcrumbs
54
- **Forms:** text-field, textarea, checkbox, radio-button, toggle, dropdown, datetime, slider
55
- **Navigation:** folder-tabs, inline-tabs, navigation-tabs
56
- **Buttons:** button, link, chip
57
- **Display:** card, table, accordion, stepper, step, badge, divider, block, icon
58
- **Overlays:** modal, toast, banner, message, tooltip, popover-menu, popover-canvas, spinner
54
+ **Layout:** footer, breadcrumbs
55
+ **Forms:** text-field, textarea
56
+ **Buttons:** button, link
57
+ **Display:** card, divider, icon
58
+ **Overlays:** modal, toast, banner, message, tooltip
59
59
 
60
60
  ## Package Contents
61
61
 
package/dist/assets/icons/scania/configurator.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><path fill="#0B0C0F" fill-rule="evenodd" d="M15.4 2.01c-.95.61-1.78 1.38-2.47 2.26A20.4 20.4 0 0 0 8 5.63V8h3.1a10 10 0 0 0-.28 2H8v4.55l1.76.49a1 1 0 0 1 .71.74l1.36 5.85c1 .17 2.64.37 4.17.37 1.53 0 3.17-.2 4.17-.37l.29-1.22.35.01c.59 0 1.17-.06 1.73-.15l-.57 2.45a1 1 0 0 1-.77.76c-.88.18-3.11.52-5.2.52-2.09 0-4.32-.34-5.2-.52a1 1 0 0 1-.77-.76l-1.37-5.91-.66-.18V28h1.38l.73-1.45A1 1 0 0 1 11 26h10a1 1 0 0 1 .9.55l.72 1.45H24v-8.1c.7-.24 1.38-.55 2-.93V29a1 1 0 0 1-1 1h-3a1 1 0 0 1-.9-.55L20.39 28h-8.76l-.73 1.45A1 1 0 0 1 10 30H7a1 1 0 0 1-1-1V16.08l-2.26-.62A1 1 0 0 1 3 14.5V9a1 1 0 0 1 1-1h2V5a1 1 0 0 1 .55-.9c2.9-1.45 6.63-2 8.85-2.09ZM5 13.74 6 14V10H5v3.74Z" clip-rule="evenodd"/><path fill="#0B0C0F" fill-rule="evenodd" d="M20.68 6.83a3.5 3.5 0 0 1 3.5 3.5v.18a3.5 3.5 0 0 1-3.32 3.32h-.18a3.5 3.5 0 0 1 0-7Zm0 2c-.82 0-1.5.68-1.5 1.5l.01.16a1.5 1.5 0 0 0 1.5 1.34h.15a1.5 1.5 0 0 0 0-2.99h-.16Z" clip-rule="evenodd"/><path fill="#0B0C0F" fill-rule="evenodd" d="M22.32 2c.48 0 .9.31 1.05.77l.02.1.46 2.03.22.13 2-.63.09-.02c.43-.1.88.08 1.13.44l.06.08 1.5 2.61a1.1 1.1 0 0 1-.2 1.37l-1.54 1.4v.27l1.54 1.4c.38.36.46.92.2 1.37l-1.5 2.61c-.26.45-.8.66-1.29.5l-2-.63a6.3 6.3 0 0 1-.21.13l-.46 2.04c-.1.5-.55.86-1.07.86H19.3a1.1 1.1 0 0 1-1.07-.86l-.46-2.04a6.42 6.42 0 0 1-.22-.13l-2 .63a1.1 1.1 0 0 1-1.27-.5l-1.51-2.61a1.1 1.1 0 0 1 .2-1.36l1.55-1.42v-.25l-1.54-1.41a1.1 1.1 0 0 1-.21-1.36l1.5-2.62a1.1 1.1 0 0 1 1.2-.52l.09.02 2 .63.21-.13.46-2.04.02-.1A1.1 1.1 0 0 1 19.3 2h3.02Zm-2.69 3.75c-.07.34-.3.62-.61.76a4.3 4.3 0 0 0-.7.4c-.27.2-.63.26-.96.15l-1.71-.53-.8 1.36 1.33 1.21c.26.24.38.58.35.91l-.02.4v.21l.02.2c.03.34-.1.68-.35.91l-1.32 1.21.79 1.37 1.7-.54.13-.03c.25-.05.52 0 .74.11l.1.07.17.12c.17.1.35.2.53.28.27.13.48.36.58.64l.03.13.4 1.74h1.57l.39-1.74c.07-.35.3-.62.61-.77.24-.1.48-.24.7-.4.24-.17.54-.24.84-.18l.12.03 1.71.54.8-1.37-1.33-1.2a1.1 1.1 0 0 1-.35-.92l.01-.2v-.2l-.01-.4c-.03-.35.1-.69.35-.92l1.32-1.21-.79-1.37-1.7.54c-.34.1-.7.05-.98-.15a4.3 4.3 0 0 0-.69-.4 1.1 1.1 0 0 1-.61-.76L21.59 4h-1.57l-.39 1.75Z" clip-rule="evenodd"/></svg>
package/dist/assets/icons/traton/edit_inactive.svg ADDED
@@ -0,0 +1 @@
1
+ <svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m23 3-6 6L4.13 21.87 3 29l7.13-1.13L23 15l6-6-6-6ZM9.18 26l-3.77.6.59-3.77 12.41-12.42 3.17 3.18L9.18 26ZM23 12.17 19.83 9 23 5.83 26.17 9 23 12.17ZM3.41 2 2 3.41 28.59 30 30 28.59Z" fill="#001D21"/></svg>
package/dist/assets/icons/traton/placeholder.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M2 4C2 2.89543 2.89543 2 4 2H6V4H4V6H2V4ZM14 4H10V2H14V4ZM22 4H18V2H22V4ZM28 4H26V2H28C29.1046 2 30 2.89543 30 4V6H28V4ZM4 10V14H2V10H4ZM28 14V10H30V14H28ZM4 18V22H2V18H4ZM28 22V18H30V22H28ZM4 26V28H6V30H4C2.89543 30 2 29.1046 2 28V26H4ZM28 28V26H30V28C30 29.1046 29.1046 30 28 30H26V28H28ZM10 28H14V30H10V28ZM18 28H22V30H18V28Z" fill="#0D0F13"/>
3
+ </svg>
package/dist/assets/icons/traton/skip_backwards.svg ADDED
@@ -0,0 +1 @@
1
+ <svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.41 7.41 23 6 13 16l10 10 1.41-1.41L15.83 16l8.58-8.59ZM8 6H6v20h2V6Z" fill="#001D21"/></svg>
package/dist/assets/icons/traton/skip_forward.svg ADDED
@@ -0,0 +1 @@
1
+ <svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.59 7.41 9 6l10 10-10 10-1.41-1.41L16.17 16l-8.58-8.59ZM26 6h-2v20h2V6Z" fill="#001D21"/></svg>