@scania/tegel-lite 0.1.0-var-beta.0 → 0.1.0-var-work-beta.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 (32) hide show
  1. package/README.dev.md +2 -2
  2. package/dist/assets/icons/scania/configurator.svg +1 -0
  3. package/dist/assets/icons/traton/edit_inactive.svg +1 -0
  4. package/dist/assets/icons/traton/skip_backwards.svg +1 -0
  5. package/dist/assets/icons/traton/skip_forward.svg +1 -0
  6. package/dist/components.css +1223 -312
  7. package/dist/global.css +529 -5666
  8. package/dist/scania-variables.css +503 -581
  9. package/dist/tl-badge.css +4 -3
  10. package/dist/tl-breadcrumbs.css +5 -5
  11. package/dist/tl-button.css +433 -10
  12. package/dist/tl-card.css +46 -0
  13. package/dist/tl-chip.css +21 -71
  14. package/dist/tl-datetime.css +7 -4
  15. package/dist/tl-divider.css +3 -3
  16. package/dist/tl-dropdown.css +65 -1
  17. package/dist/tl-footer.css +93 -15
  18. package/dist/tl-header.css +190 -106
  19. package/dist/tl-icon.css +2 -2
  20. package/dist/tl-link.css +6 -6
  21. package/dist/tl-modal.css +54 -0
  22. package/dist/tl-side-menu.css +163 -0
  23. package/dist/tl-slider.css +452 -20
  24. package/dist/tl-spinner.css +10 -10
  25. package/dist/tl-step.css +34 -0
  26. package/dist/tl-stepper.css +34 -0
  27. package/dist/tl-table.css +50 -0
  28. package/dist/tl-text-field.css +19 -67
  29. package/dist/tl-toggle.css +1 -1
  30. package/dist/traton-variables.css +342 -437
  31. package/package.json +2 -2
  32. /package/dist/assets/icons/scania/{gift inactive.svg → gift_inactive.svg} +0 -0
package/README.dev.md CHANGED
@@ -179,7 +179,7 @@ Set the brand on `<html>` and mode on `<body>`:
179
179
  export default function RootLayout({ children }) {
180
180
  return (
181
181
  <html lang="en" className="scania"> {/* or "traton" */}
182
- <body className={isDarkMode ? "tl-mode-dark" : ""}>
182
+ <body className={isDarkMode ? "tds-mode-dark" : ""}>
183
183
  {children}
184
184
  </body>
185
185
  </html>
@@ -189,7 +189,7 @@ export default function RootLayout({ children }) {
189
189
 
190
190
  **Important:**
191
191
  - Brand class (`.scania` or `.traton`) goes on the `<html>` element
192
- - Mode class (`.tl-mode-dark`) goes on the `<body>` element for dark mode
192
+ - Mode class (`.tds-mode-dark`) goes on the `<body>` element for dark mode
193
193
  - Light mode is the default and doesn't require a class
194
194
 
195
195
  Checkout the Tegel Storybook documentation for more examples and usage.
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/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>