@scania/tegel 1.31.1-asset-load-order-local-first.0 → 1.31.1-feat-button-name-attribute-beta.1

package/dist/collection/assets/logos/scania-wordmark.svg

@@ -1,17 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="566.93px" height="93.754px" viewBox="0 0 566.93 93.754" enable-background="new 0 0 566.93 93.754" xml:space="preserve">
-<path fill="#041E42" d="M264.588,54.663h-23.774l11.885-31.01L264.588,54.663z M375.749,89.829h37.5V3.804h-32.236v45.34
-	l-33.946-45.34h-40.81V73.95l-27.08-70.146h-52.333l-19.629,50.859h-31.967c-1.593,10.166-7.477,15.557-17.77,15.557
-	c-11.89,0-18.511-9.188-18.511-23.403c0-14.213,6.748-23.286,18.511-23.286c9.684,0,15.929,5.151,17.28,13.486h35.419v-2.334
-	C210.179,15.688,193.749,0,157.846,0c-38.729,0-53.437,19.365-53.437,46.816c0,0.629,0.02,1.25,0.033,1.875
-	c-4.857-5.908-14.18-9.351-29.564-11.558l-22.426-3.188c-8.457-1.221-13.727-2.197-13.727-6.367c0-3.555,3.307-7.358,12.505-7.358
-	c10.171,0,15.812,3.926,15.812,10.298h36.024v-1.836c0-17.163-17.157-28.438-50.863-28.438c-34.674,0-49.878,12.627-49.878,30.396
-	c0,13.848,9.066,21.938,30.391,24.882l25.371,3.545c9.066,1.229,12.012,3.065,12.012,6.865c0,4.901-4.658,7.606-15.078,7.606
-	c-11.763,0-17.147-5.029-17.147-12.013H0v1.964c0,19.11,18.013,30.137,53.433,30.137c32.729,0,51.704-7.228,54.814-25.487
-	c6.548,15.674,21.947,25.614,49.599,25.614c20.972,0,32.739-5.713,39.804-14.325l-4.013,10.399h33.696l4.779-12.373h41.177
-	l4.779,12.373h28.188h6.123h26.113V40.317L375.749,89.829z M519.127,54.663h-23.771l11.885-31.01L519.127,54.663z M566.93,89.829
-	L533.717,3.804h-52.334L454.304,73.95V3.794h-32.969v86.035h26.836h6.133h27.566l4.775-12.373h41.182l4.785,12.373H566.93z"/>
-</svg>

package/dist/collection/components/slider/slider-stories-setup.js

@@ -1,235 +0,0 @@
-import formatHtmlPreview from "../../stories/formatHtmlPreview";
-import readme from "./readme.md";
-import { ComponentsFolder } from "../../utils/constants";
-export const SliderTitle = `${ComponentsFolder}/Slider`;
-export const SliderArgTypes = ({ storyName }) => ({
-    min: {
-        name: 'Min. value',
-        description: 'Sets the minimum value for the slider.',
-        control: {
-            type: 'number',
-        },
-        table: {
-            defaultValue: { summary: 0 },
-        },
-    },
-    max: {
-        name: 'Max. value',
-        description: 'Sets the maximum value for the slider.',
-        control: {
-            type: 'number',
-        },
-        table: {
-            defaultValue: { summary: 100 },
-        },
-    },
-    initialValue: {
-        name: 'Initial value',
-        description: 'Sets the initial value for the slider.',
-        control: {
-            type: 'number',
-        },
-        table: {
-            defaultValue: { summary: 0 },
-        },
-    },
-    showLabel: {
-        name: 'Show label',
-        description: 'Toggles if the lable should be shown or hidden.',
-        control: {
-            type: 'boolean',
-        },
-    },
-    labelText: {
-        name: 'Label text',
-        description: 'Sets the text for the label.',
-        control: {
-            type: 'text',
-        },
-        if: { arg: 'showLabel', eq: true },
-    },
-    showTicks: {
-        name: 'Show ticks',
-        description: 'Toggles if ticks should be shown or hidden.',
-        control: {
-            type: 'boolean',
-        },
-    },
-    numTicks: {
-        name: 'Number of ticks',
-        description: 'Sets the number of ticks to be displayed.',
-        control: {
-            type: 'number',
-        },
-        if: { arg: 'showTicks', eq: true },
-        table: {
-            defaultValue: { summary: 0 },
-        },
-    },
-    showTickNumbers: {
-        name: 'Show tick numbers',
-        description: 'Toggles if tick numbers should be shown or hidden.',
-        control: {
-            type: 'boolean',
-        },
-        if: { arg: 'showTicks', eq: true },
-        table: {
-            defaultValue: { summary: false },
-        },
-    },
-    snapToTicks: {
-        name: 'Snap to ticks',
-        description: 'Snaps the thumb to the closest tick when dragging.',
-        control: {
-            type: 'boolean',
-        },
-        if: { arg: 'showTicks', eq: true },
-        table: {
-            defaultValue: { summary: false },
-        },
-    },
-    showTooltip: {
-        name: 'Show tooltip',
-        description: 'Toggles if the tooltip should be shown or hidden.',
-        control: {
-            type: 'boolean',
-        },
-        table: {
-            defaultValue: { summary: false },
-        },
-    },
-    showControls: {
-        name: 'Show controls (not compatible with input field)',
-        description: 'Toggles if controls should be shown or hidden.',
-        control: {
-            type: 'boolean',
-        },
-        table: {
-            defaultValue: { summary: false },
-        },
-    },
-    step: {
-        name: 'Step value',
-        description: 'Sets the value to increment/decrement with.',
-        control: {
-            type: 'number',
-            min: 0,
-            step: storyName === 'Decimal' ? 0.01 : undefined,
-        },
-        table: {
-            defaultValue: { summary: 1 },
-        },
-    },
-    showInput: {
-        name: 'Show value input field (not compatible with controls)',
-        description: 'Toggles if the values input field should be shown or hidden.',
-        control: {
-            type: 'boolean',
-        },
-        if: { arg: 'showControls', eq: false },
-        table: {
-            defaultValue: { summary: false },
-        },
-    },
-    thumbSize: {
-        name: 'Thumb size',
-        description: 'Switches between the large and small version of the thumb.',
-        control: {
-            type: 'radio',
-        },
-        options: ['Large', 'Small'],
-        table: {
-            defaultValue: { summary: 'lg' },
-        },
-    },
-    readonly: {
-        name: 'Read Only',
-        description: 'Puts the control in a read-only state.',
-        control: {
-            type: 'boolean',
-        },
-        table: {
-            defaultValue: { summary: false },
-        },
-    },
-    disabled: {
-        name: 'Disabled',
-        description: 'Disables the slider.',
-        control: {
-            type: 'boolean',
-        },
-        table: {
-            defaultValue: { summary: false },
-        },
-    },
-});
-export const SliderParameters = {
-    parameters: {
-        notes: readme,
-        design: [
-            {
-                name: 'Figma',
-                type: 'figma',
-                url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=9649%3A20759&t=Ne6myqwca5m00de7-1',
-            },
-            {
-                name: 'Link',
-                type: 'link',
-                url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=9649%3A20759&t=Ne6myqwca5m00de7-1',
-            },
-        ],
-    },
-};
-const sizeLookUp = {
-    Large: 'lg',
-    Small: 'sm',
-};
-export const SliderTemplate = ({ min, max, initialValue, showLabel, labelText, showTicks, numTicks, showTickNumbers, snapToTicks, showTooltip, showControls, step, showInput, thumbSize, readonly, disabled, }) => formatHtmlPreview(`
-   <!-- Style code below is just for demo purposes -->
-      <style>
-        .demo-wrapper {
-            max-width: 500px;
-            margin-left: 25px;
-        }
-      </style>
-  
-     <div class="demo-wrapper">
-       <tds-slider 
-          min="${min}"
-          max="${max}"
-          ${step ? `step="${step}"` : ''}
-          value="${initialValue}"
-          ${showTicks ? `ticks="${numTicks}"` : ''}
-          ${showTickNumbers ? 'show-tick-numbers' : ''}
-          ${snapToTicks ? 'snap' : ''}
-          ${showLabel ? `label="${labelText}"` : ''}
-          ${showTooltip ? 'tooltip' : ''}
-          ${showControls ? 'controls' : ''}
-          ${showInput ? 'input' : ''}
-          ${disabled ? 'disabled' : ''}
-          thumb-size="${sizeLookUp[thumbSize]}"
-          ${readonly ? 'read-only' : ''}
-          tds-read-only-aria-label="Read only"
-          >
-        </tds-slider>
-      </div>
-      
-       <!-- Script tag for demo purposes -->
-      <script>
-        slider = document.querySelector('tds-slider');
-        
-        function handleTdsChange(event) {
-          console.log('tdsChange event:', event);
-        }
-        
-        slider.removeEventListener('tdsChange', handleTdsChange);
-        slider.addEventListener('tdsChange', handleTdsChange);
-  
-        function handleTdsInput(event) {
-          console.log('tdsInput event:', event);
-        }
-  
-        slider.removeEventListener('tdsInput', handleTdsInput);
-        slider.addEventListener('tdsInput', handleTdsInput);
-      </script>
-    `);

package/dist/collection/stories/formatHtmlPreview.js

@@ -1,10 +0,0 @@
-import prettier from "prettier/standalone";
-import parserBabel from "prettier/parser-babel";
-import parserHtml from "prettier/parser-html";
-const prettierOptions = {
-    bracketSameLine: false,
-    htmlWhitespaceSensitivity: 'ignore',
-    printWidth: 100,
-};
-const formatHtmlPreview = (htmlStr) => prettier.format(htmlStr, Object.assign({ parser: 'html', plugins: [parserBabel, parserHtml] }, prettierOptions));
-export default formatHtmlPreview;