@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/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/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>