@scania/tegel-lite 1.8.0 → 1.9.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.
- package/README.dev.md +2 -5
- package/dist/assets/icons/scania/email_open.svg +5 -0
- package/dist/assets/icons/traton/email_open.svg +5 -0
- package/dist/components.css +290 -398
- package/dist/scania-variables.css +2 -0
- package/dist/tl-datetime.css +222 -247
- package/dist/tl-dropdown.css +505 -0
- package/dist/tl-icon.css +4 -0
- package/dist/tl-text-field.css +5 -1
- package/dist/traton-variables.css +2 -0
- package/package.json +2 -2
package/README.dev.md
CHANGED
|
@@ -465,8 +465,6 @@ To document and test the component, create a `.stories.tsx` file in inside the c
|
|
|
465
465
|
|
|
466
466
|
```tsx
|
|
467
467
|
|
|
468
|
-
import formatHtmlPreview from '../../../stories/formatHtmlPreview';
|
|
469
|
-
|
|
470
468
|
export default {
|
|
471
469
|
title: 'Tegel Lite (CSS)/Alert',
|
|
472
470
|
parameters: {
|
|
@@ -500,13 +498,13 @@ export default {
|
|
|
500
498
|
};
|
|
501
499
|
|
|
502
500
|
const Template = ({ variant, message }) =>
|
|
503
|
-
|
|
501
|
+
`
|
|
504
502
|
<!-- Required stylesheet
|
|
505
503
|
"@scania/tegel-lite/tl-alert.css"
|
|
506
504
|
-->
|
|
507
505
|
|
|
508
506
|
<span class="tl-alert tl-alert--${variant}">${message}</span>
|
|
509
|
-
|
|
507
|
+
`;
|
|
510
508
|
|
|
511
509
|
export const Default = Template.bind({});
|
|
512
510
|
|
|
@@ -532,4 +530,3 @@ This will:
|
|
|
532
530
|
After the build, check `packages/tegel-lite/dist/`: You should see a CSS file for your new component (e.g., `tl-alert.css`).
|
|
533
531
|
|
|
534
532
|
|
|
535
|
-
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
2
|
+
<path d="M19.2311 13.9002C19.7144 13.9002 20.1061 14.236 20.1061 14.6502C20.1061 15.0644 19.7143 15.4002 19.2311 15.4002H12.8145C12.3313 15.4002 11.9395 15.0644 11.9395 14.6502C11.9395 14.2361 12.3313 13.9003 12.8145 13.9002H19.2311Z" fill="black" />
|
|
3
|
+
<path d="M20.9048 11.1629C21.3878 11.1631 21.7797 11.4989 21.7798 11.9129C21.7798 12.327 21.3878 12.6627 20.9048 12.6629H11.1419C10.6587 12.6629 10.2669 12.3271 10.2669 11.9129C10.267 11.4988 10.6587 11.1629 11.1419 11.1629H20.9048Z" fill="black" />
|
|
4
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.7855 4.15804C15.5072 3.801 16.3971 3.801 17.1188 4.15804L22.9647 7.05062H23.5685C24.613 7.05083 25.4973 7.63982 25.7948 8.45101L28.8333 9.95491C29.5544 10.3122 29.9998 10.9734 30 11.6873V26.0994C29.9996 27.2034 28.9546 28.099 27.6667 28.0994H4.33333C3.04501 28.0994 2.00044 27.2037 2 26.0994V11.6395C2.00026 10.9253 2.44515 10.2652 3.16667 9.90804L6.21777 8.3973C6.53382 7.61397 7.40106 7.05077 8.42236 7.05062H8.94075L14.7855 4.15804ZM4.33333 26.0994H27.6667V14.493L17.1268 19.6756C16.405 20.0304 15.517 20.029 14.7969 19.6717L4.33333 14.4793V26.0994ZM8.42236 14.1971L15.9658 17.9403L23.5685 14.202V9.05062H8.42236V14.1971ZM25.9019 13.0545L27.6667 12.1873V11.6873L25.9019 10.8133V13.0545ZM4.33333 11.6395V12.1688L6.08903 13.0399V10.7703L4.33333 11.6395ZM13.6063 7.05062H18.298L15.9521 5.88948L13.6063 7.05062Z" fill="black" />
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
2
|
+
<path d="M20.1069 15.5679H11.9409V14.0679H20.1069V15.5679Z" fill="black" />
|
|
3
|
+
<path d="M21.7793 12.8892H10.2674V11.3892H21.7793V12.8892Z" fill="black" />
|
|
4
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M22.9596 7.37451H25.9022V8.79932L30 10.7847V28.02H2V10.7378L2.59468 10.4507L6.09098 8.75635V7.37451H8.94589L15.9533 3.97998L22.9596 7.37451ZM4.33542 26.02H27.6669V14.6997L15.9613 20.3335L4.33542 14.686V26.02ZM8.42412 14.3726L15.967 18.0366L23.569 14.3774V9.37451H8.42412V14.3726ZM25.9022 13.2544L27.6669 12.4048V11.9517L25.9022 11.0962V13.2544ZM4.33542 11.9048V12.3862L6.09098 13.2388V11.0532L4.33542 11.9048ZM13.6851 7.37451H18.2192L15.9522 6.27588L13.6851 7.37451Z" fill="black" />
|
|
5
|
+
</svg>
|