@scania/tegel-lite 1.8.0 → 1.9.1-slider-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.
- package/README.dev.md +2 -5
- package/dist/assets/icons/scania/email_open.svg +3 -0
- package/dist/assets/icons/traton/email_open.svg +3 -0
- package/dist/components.css +1187 -630
- package/dist/scania-variables.css +2 -0
- package/dist/tl-badge.css +99 -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-slider.css +2567 -0
- package/dist/tl-spinner.css +148 -0
- package/dist/tl-text-field.css +5 -1
- package/dist/traton-variables.css +2 -0
- package/package.json +6 -3
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,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.0791 4.18432C15.6299 3.91741 16.2734 3.91739 16.8242 4.18432L28.832 10.0076C29.5211 10.3419 29.9588 11.0414 29.959 11.8074V26.0056C29.9588 27.1098 29.0632 28.0054 27.959 28.0056H4.04102C2.93663 28.0055 2.04123 27.11 2.04102 26.0056V11.7605C2.04124 10.9947 2.47902 10.2961 3.16797 9.96167L15.0791 4.18432ZM4.04102 26.0056H27.959V13.4187L16.9863 18.8992C16.426 19.179 15.7664 19.1808 15.2051 18.9031L4.04102 13.3767V26.0056ZM4.66895 11.4558L16.0928 17.1101L27.3242 11.4998L15.9521 5.98413L4.66895 11.4558Z" fill="black" />
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.3916 10.4434L29.959 10.7148V28.0098H2.04102V10.6689L15.9521 3.99023L29.3916 10.4434ZM4.04102 26.0098H27.959V13.6582L16.0967 19.5234L15.6543 19.3076L4.04102 13.6172V26.0098ZM4.59473 11.6602L16.0918 17.2939L27.3975 11.7041L15.9512 6.20801L4.59473 11.6602Z" fill="black" />
|
|
3
|
+
</svg>
|