@krumio/trailhand-ui 1.5.0 → 1.7.0

package/dist/components/th-tag/th-tag.stories.js

@@ -1,415 +0,0 @@
-import './th-tag.ts';
-/**
- * The ThTag component is a versatile tag/badge component for displaying
- * labels, statuses, categories, or chips.
- */
-export default {
-    title: 'Components/ThTag',
-    tags: ['autodocs'],
-    render: (args) => {
-        const tag = document.createElement('th-tag');
-        if (args.label)
-            tag.label = args.label;
-        if (args.variant)
-            tag.variant = args.variant;
-        if (args.size)
-            tag.size = args.size;
-        if (args.dismissible !== undefined)
-            tag.dismissible = args.dismissible;
-        if (args.disabled !== undefined)
-            tag.disabled = args.disabled;
-        if (args.icon)
-            tag.icon = args.icon;
-        if (args.value)
-            tag.value = args.value;
-        if (args.outlined !== undefined)
-            tag.outlined = args.outlined;
-        tag.addEventListener('tag-dismiss', (e) => {
-            console.log('Tag dismissed:', e.detail);
-        });
-        return tag;
-    },
-    argTypes: {
-        label: {
-            control: 'text',
-            description: 'The text content of the tag',
-            defaultValue: 'Tag',
-        },
-        variant: {
-            control: 'select',
-            options: ['default', 'primary', 'success', 'warning', 'error', 'info'],
-            description: 'Visual style variant',
-            defaultValue: 'default',
-        },
-        size: {
-            control: 'select',
-            options: ['sm', 'md', 'lg'],
-            description: 'Size of the tag',
-            defaultValue: 'md',
-        },
-        dismissible: {
-            control: 'boolean',
-            description: 'Whether the tag can be dismissed',
-            defaultValue: false,
-        },
-        disabled: {
-            control: 'boolean',
-            description: 'Whether the tag is disabled',
-            defaultValue: false,
-        },
-        outlined: {
-            control: 'boolean',
-            description: 'Use outlined style instead of filled',
-            defaultValue: false,
-        },
-        icon: {
-            control: 'text',
-            description: 'Iconify icon name to display before label',
-        },
-        value: {
-            control: 'text',
-            description: 'Value passed in dismiss event',
-        },
-    },
-    parameters: {
-        docs: {
-            description: {
-                component: `
-A tag/badge component for displaying labels, statuses, or categories.
-
-**Features:**
-- Multiple color variants (default, primary, success, warning, error, info)
-- Three size options (sm, md, lg)
-- Optional dismiss button with \`tag-dismiss\` event
-- Optional icon support via Iconify
-- CSS custom properties for theming
-- Accessible with proper ARIA attributes
-        `.trim(),
-            },
-        },
-    },
-};
-/**
- * Default tag with basic styling
- */
-export const Default = {
-    args: {
-        label: 'Tag',
-        variant: 'default',
-        size: 'md',
-    },
-    parameters: {
-        docs: {
-            source: {
-                code: '<th-tag label="Tag"></th-tag>',
-            },
-        },
-    },
-};
-/**
- * All color variants
- */
-export const Variants = {
-    render: () => {
-        const container = document.createElement('div');
-        container.style.cssText = 'display: flex; gap: 8px; flex-wrap: wrap;';
-        const variants = ['default', 'primary', 'success', 'warning', 'error', 'info'];
-        variants.forEach((variant) => {
-            const tag = document.createElement('th-tag');
-            tag.label = variant;
-            tag.variant = variant;
-            container.appendChild(tag);
-        });
-        return container;
-    },
-    parameters: {
-        docs: {
-            description: {
-                story: 'All available color variants for different use cases.',
-            },
-            source: {
-                code: `<th-tag label="default" variant="default"></th-tag>
-<th-tag label="primary" variant="primary"></th-tag>
-<th-tag label="success" variant="success"></th-tag>
-<th-tag label="warning" variant="warning"></th-tag>
-<th-tag label="error" variant="error"></th-tag>
-<th-tag label="info" variant="info"></th-tag>`,
-            },
-        },
-    },
-};
-/**
- * Outlined variants
- */
-export const Outlined = {
-    render: () => {
-        const container = document.createElement('div');
-        container.style.cssText = 'display: flex; gap: 8px; flex-wrap: wrap;';
-        const variants = ['default', 'primary', 'success', 'warning', 'error', 'info'];
-        variants.forEach((variant) => {
-            const tag = document.createElement('th-tag');
-            tag.label = variant;
-            tag.variant = variant;
-            tag.outlined = true;
-            container.appendChild(tag);
-        });
-        return container;
-    },
-    parameters: {
-        docs: {
-            description: {
-                story: 'Outlined style for a lighter, border-only appearance.',
-            },
-            source: {
-                code: `<th-tag label="default" variant="default" outlined></th-tag>
-<th-tag label="primary" variant="primary" outlined></th-tag>
-<th-tag label="success" variant="success" outlined></th-tag>
-<th-tag label="warning" variant="warning" outlined></th-tag>
-<th-tag label="error" variant="error" outlined></th-tag>
-<th-tag label="info" variant="info" outlined></th-tag>`,
-            },
-        },
-    },
-};
-/**
- * Size variations
- */
-export const Sizes = {
-    render: () => {
-        const container = document.createElement('div');
-        container.style.cssText = 'display: flex; gap: 8px; align-items: center;';
-        const sizes = ['sm', 'md', 'lg'];
-        sizes.forEach((size) => {
-            const tag = document.createElement('th-tag');
-            tag.label = size;
-            tag.variant = 'primary';
-            tag.size = size;
-            container.appendChild(tag);
-        });
-        return container;
-    },
-    parameters: {
-        docs: {
-            description: {
-                story: 'Tags come in three sizes to fit different contexts.',
-            },
-            source: {
-                code: `<th-tag label="sm" size="sm" variant="primary"></th-tag>
-<th-tag label="md" size="md" variant="primary"></th-tag>
-<th-tag label="lg" size="lg" variant="primary"></th-tag>`,
-            },
-        },
-    },
-};
-/**
- * Dismissible tags
- */
-export const Dismissible = {
-    render: () => {
-        const container = document.createElement('div');
-        container.style.cssText = 'display: flex; gap: 8px; flex-wrap: wrap;';
-        const tags = ['React', 'Vue', 'Angular', 'Svelte', 'Lit'];
-        tags.forEach((name) => {
-            const tag = document.createElement('th-tag');
-            tag.label = name;
-            tag.variant = 'primary';
-            tag.dismissible = true;
-            tag.value = name.toLowerCase();
-            tag.addEventListener('tag-dismiss', (e) => {
-                console.log('Dismissed:', e.detail.value);
-                tag.remove();
-            });
-            container.appendChild(tag);
-        });
-        return container;
-    },
-    parameters: {
-        docs: {
-            description: {
-                story: 'Tags can be dismissible, useful for filter chips or selected items.',
-            },
-            source: {
-                code: `<th-tag label="React" variant="primary" dismissible value="react"></th-tag>
-
-<script>
-  const tag = document.querySelector('th-tag');
-  tag.addEventListener('tag-dismiss', (e) => {
-    console.log('Dismissed:', e.detail.value);
-    tag.remove();
-  });
-</script>`,
-            },
-        },
-    },
-};
-/**
- * Tags with icons
- */
-export const WithIcons = {
-    render: () => {
-        const container = document.createElement('div');
-        container.style.cssText = 'display: flex; gap: 8px; flex-wrap: wrap;';
-        const items = [
-            { label: 'Running', icon: 'heroicons:play-circle', variant: 'success' },
-            { label: 'Stopped', icon: 'heroicons:stop-circle', variant: 'error' },
-            { label: 'Pending', icon: 'heroicons:clock', variant: 'warning' },
-            { label: 'Info', icon: 'heroicons:information-circle', variant: 'info' },
-        ];
-        items.forEach(({ label, icon, variant }) => {
-            const tag = document.createElement('th-tag');
-            tag.label = label;
-            tag.icon = icon;
-            tag.variant = variant;
-            container.appendChild(tag);
-        });
-        return container;
-    },
-    parameters: {
-        docs: {
-            description: {
-                story: 'Tags can include icons from Iconify for visual context.',
-            },
-            source: {
-                code: `<th-tag label="Running" icon="heroicons:play-circle" variant="success"></th-tag>
-<th-tag label="Stopped" icon="heroicons:stop-circle" variant="error"></th-tag>
-<th-tag label="Pending" icon="heroicons:clock" variant="warning"></th-tag>`,
-            },
-        },
-    },
-};
-/**
- * Status indicators
- */
-export const StatusIndicators = {
-    render: () => {
-        const container = document.createElement('div');
-        container.style.cssText = 'display: flex; flex-direction: column; gap: 12px;';
-        const statuses = [
-            { label: 'Active', variant: 'success' },
-            { label: 'Inactive', variant: 'default' },
-            { label: 'Pending', variant: 'warning' },
-            { label: 'Error', variant: 'error' },
-            { label: 'Processing', variant: 'info' },
-        ];
-        statuses.forEach(({ label, variant }) => {
-            const row = document.createElement('div');
-            row.style.cssText = 'display: flex; align-items: center; gap: 12px;';
-            const text = document.createElement('span');
-            text.textContent = `User Status: `;
-            text.style.minWidth = '120px';
-            const tag = document.createElement('th-tag');
-            tag.label = label;
-            tag.variant = variant;
-            tag.size = 'sm';
-            row.appendChild(text);
-            row.appendChild(tag);
-            container.appendChild(row);
-        });
-        return container;
-    },
-    parameters: {
-        docs: {
-            description: {
-                story: 'Common pattern: using tags as status indicators.',
-            },
-            source: {
-                code: `<th-tag label="Active" variant="success" size="sm"></th-tag>
-<th-tag label="Inactive" variant="default" size="sm"></th-tag>
-<th-tag label="Pending" variant="warning" size="sm"></th-tag>
-<th-tag label="Error" variant="error" size="sm"></th-tag>`,
-            },
-        },
-    },
-};
-/**
- * Version badge (like in the mockup)
- */
-export const VersionBadge = {
-    args: {
-        label: 'v2.0.0',
-        variant: 'primary',
-        size: 'md',
-    },
-    parameters: {
-        docs: {
-            description: {
-                story: 'Used as a version badge next to titles.',
-            },
-            source: {
-                code: '<th-tag label="v2.0.0" variant="primary"></th-tag>',
-            },
-        },
-    },
-};
-/**
- * Disabled state
- */
-export const Disabled = {
-    render: () => {
-        const container = document.createElement('div');
-        container.style.cssText = 'display: flex; gap: 8px;';
-        const tag1 = document.createElement('th-tag');
-        tag1.label = 'Enabled';
-        tag1.variant = 'primary';
-        const tag2 = document.createElement('th-tag');
-        tag2.label = 'Disabled';
-        tag2.variant = 'primary';
-        tag2.disabled = true;
-        container.appendChild(tag1);
-        container.appendChild(tag2);
-        return container;
-    },
-    parameters: {
-        docs: {
-            description: {
-                story: 'Tags can be disabled for visual reference without interaction.',
-            },
-            source: {
-                code: `<th-tag label="Enabled" variant="primary"></th-tag>
-<th-tag label="Disabled" variant="primary" disabled></th-tag>`,
-            },
-        },
-    },
-};
-/**
- * Filter chips example
- */
-export const FilterChips = {
-    render: () => {
-        const container = document.createElement('div');
-        container.style.cssText = 'display: flex; flex-direction: column; gap: 12px;';
-        const header = document.createElement('div');
-        header.textContent = 'Active Filters:';
-        header.style.fontWeight = '500';
-        const chipsContainer = document.createElement('div');
-        chipsContainer.style.cssText = 'display: flex; gap: 8px; flex-wrap: wrap;';
-        const filters = ['Status: Running', 'Namespace: production', 'Type: Service'];
-        filters.forEach((filter) => {
-            const tag = document.createElement('th-tag');
-            tag.label = filter;
-            tag.variant = 'default';
-            tag.dismissible = true;
-            tag.addEventListener('tag-dismiss', () => {
-                tag.remove();
-                if (chipsContainer.children.length === 0) {
-                    const empty = document.createElement('span');
-                    empty.textContent = 'No filters active';
-                    empty.style.color = '#666';
-                    chipsContainer.appendChild(empty);
-                }
-            });
-            chipsContainer.appendChild(tag);
-        });
-        container.appendChild(header);
-        container.appendChild(chipsContainer);
-        return container;
-    },
-    parameters: {
-        docs: {
-            description: {
-                story: 'Dismissible tags work great as filter chips.',
-            },
-        },
-    },
-};
-//# sourceMappingURL=th-tag.stories.js.map

package/dist/components/th-tag/th-tag.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"th-tag.stories.js","sourceRoot":"","sources":["../../../src/components/th-tag/th-tag.stories.js"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAErB;;;GAGG;AACH,eAAe;IACb,KAAK,EAAE,kBAAkB;IACzB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACf,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAE7C,IAAI,IAAI,CAAC,KAAK;YAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACvC,IAAI,IAAI,CAAC,OAAO;YAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAC7C,IAAI,IAAI,CAAC,IAAI;YAAE,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACpC,IAAI,IAAI,CAAC,WAAW,KAAK,SAAS;YAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;QACvE,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS;YAAE,GAAG,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC9D,IAAI,IAAI,CAAC,IAAI;YAAE,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACpC,IAAI,IAAI,CAAC,KAAK;YAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACvC,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS;YAAE,GAAG,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QAE9D,GAAG,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE;YACxC,OAAO,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;QAC1C,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,CAAC;IACb,CAAC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,6BAA6B;YAC1C,YAAY,EAAE,KAAK;SACpB;QACD,OAAO,EAAE;YACP,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC;YACtE,WAAW,EAAE,sBAAsB;YACnC,YAAY,EAAE,SAAS;SACxB;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;YAC3B,WAAW,EAAE,iBAAiB;YAC9B,YAAY,EAAE,IAAI;SACnB;QACD,WAAW,EAAE;YACX,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,kCAAkC;YAC/C,YAAY,EAAE,KAAK;SACpB;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,6BAA6B;YAC1C,YAAY,EAAE,KAAK;SACpB;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,sCAAsC;YACnD,YAAY,EAAE,KAAK;SACpB;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,2CAA2C;SACzD;QACD,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,+BAA+B;SAC7C;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;;;;;;;SAUV,CAAC,IAAI,EAAE;aACT;SACF;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,KAAK,EAAE,KAAK;QACZ,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;KACX;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,+BAA+B;aACtC;SACF;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAChD,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,2CAA2C,CAAC;QAEtE,MAAM,QAAQ,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;QAE/E,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YAC3B,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAC7C,GAAG,CAAC,KAAK,GAAG,OAAO,CAAC;YACpB,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC;YACtB,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;QAEH,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EAAE,uDAAuD;aAC/D;YACD,MAAM,EAAE;gBACN,IAAI,EAAE;;;;;8CAKgC;aACvC;SACF;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAChD,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,2CAA2C,CAAC;QAEtE,MAAM,QAAQ,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;QAE/E,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YAC3B,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAC7C,GAAG,CAAC,KAAK,GAAG,OAAO,CAAC;YACpB,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC;YACtB,GAAG,CAAC,QAAQ,GAAG,IAAI,CAAC;YACpB,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;QAEH,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EAAE,uDAAuD;aAC/D;YACD,MAAM,EAAE;gBACN,IAAI,EAAE;;;;;uDAKyC;aAChD;SACF;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAChD,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,+CAA+C,CAAC;QAE1E,MAAM,KAAK,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QAEjC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACrB,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAC7C,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC;YACjB,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC;YACxB,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC;YAChB,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;QAEH,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EAAE,qDAAqD;aAC7D;YACD,MAAM,EAAE;gBACN,IAAI,EAAE;;yDAE2C;aAClD;SACF;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAChD,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,2CAA2C,CAAC;QAEtE,MAAM,IAAI,GAAG,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;QAE1D,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACpB,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAC7C,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC;YACjB,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC;YACxB,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC;YACvB,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;YAE/B,GAAG,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE;gBACxC,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBAC1C,GAAG,CAAC,MAAM,EAAE,CAAC;YACf,CAAC,CAAC,CAAC;YAEH,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;QAEH,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EAAE,qEAAqE;aAC7E;YACD,MAAM,EAAE;gBACN,IAAI,EAAE;;;;;;;;UAQJ;aACH;SACF;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAChD,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,2CAA2C,CAAC;QAEtE,MAAM,KAAK,GAAG;YACZ,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,uBAAuB,EAAE,OAAO,EAAE,SAAS,EAAE;YACvE,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,uBAAuB,EAAE,OAAO,EAAE,OAAO,EAAE;YACrE,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,iBAAiB,EAAE,OAAO,EAAE,SAAS,EAAE;YACjE,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,8BAA8B,EAAE,OAAO,EAAE,MAAM,EAAE;SACzE,CAAC;QAEF,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE;YACzC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAC7C,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC;YAClB,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC;YAChB,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC;YACtB,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;QAEH,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EAAE,yDAAyD;aACjE;YACD,MAAM,EAAE;gBACN,IAAI,EAAE;;2EAE6D;aACpE;SACF;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAChD,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,mDAAmD,CAAC;QAE9E,MAAM,QAAQ,GAAG;YACf,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE;YACvC,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE;YACzC,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE;YACxC,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE;YACpC,EAAE,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,EAAE;SACzC,CAAC;QAEF,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;YACtC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC1C,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,gDAAgD,CAAC;YAErE,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YAC5C,IAAI,CAAC,WAAW,GAAG,eAAe,CAAC;YACnC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;YAE9B,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAC7C,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC;YAClB,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC;YACtB,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC;YAEhB,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YACtB,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;YACrB,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;QAEH,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EAAE,kDAAkD;aAC1D;YACD,MAAM,EAAE;gBACN,IAAI,EAAE;;;0DAG4C;aACnD;SACF;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,IAAI,EAAE;QACJ,KAAK,EAAE,QAAQ;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;KACX;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EAAE,yCAAyC;aACjD;YACD,MAAM,EAAE;gBACN,IAAI,EAAE,oDAAoD;aAC3D;SACF;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAChD,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,0BAA0B,CAAC;QAErD,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC9C,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;QAEzB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC9C,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC;QACxB,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;QACzB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QAErB,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAC5B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAE5B,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EAAE,gEAAgE;aACxE;YACD,MAAM,EAAE;gBACN,IAAI,EAAE;8DACgD;aACvD;SACF;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAChD,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,mDAAmD,CAAC;QAE9E,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC7C,MAAM,CAAC,WAAW,GAAG,iBAAiB,CAAC;QACvC,MAAM,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC;QAEhC,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACrD,cAAc,CAAC,KAAK,CAAC,OAAO,GAAG,2CAA2C,CAAC;QAE3E,MAAM,OAAO,GAAG,CAAC,iBAAiB,EAAE,uBAAuB,EAAE,eAAe,CAAC,CAAC;QAE9E,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;YACzB,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAC7C,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC;YACnB,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC;YACxB,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC;YAEvB,GAAG,CAAC,gBAAgB,CAAC,aAAa,EAAE,GAAG,EAAE;gBACvC,GAAG,CAAC,MAAM,EAAE,CAAC;gBACb,IAAI,cAAc,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;oBACzC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;oBAC7C,KAAK,CAAC,WAAW,GAAG,mBAAmB,CAAC;oBACxC,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;oBAC3B,cAAc,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;gBACpC,CAAC;YACH,CAAC,CAAC,CAAC;YAEH,cAAc,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QAClC,CAAC,CAAC,CAAC;QAEH,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAC9B,SAAS,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;QAEtC,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EAAE,8CAA8C;aACtD;SACF;KACF;CACF,CAAC"}

package/dist/components/toggle-switch/toggle-switch.stories.d.ts

@@ -1,239 +0,0 @@
-declare namespace _default {
-    let title: string;
-    let tags: string[];
-    function render(args: any): HTMLElement;
-    namespace argTypes {
-        namespace checked {
-            let control: string;
-            let description: string;
-            let defaultValue: boolean;
-        }
-        namespace onLabel {
-            let control_1: string;
-            export { control_1 as control };
-            let description_1: string;
-            export { description_1 as description };
-            let defaultValue_1: string;
-            export { defaultValue_1 as defaultValue };
-        }
-        namespace offLabel {
-            let control_2: string;
-            export { control_2 as control };
-            let description_2: string;
-            export { description_2 as description };
-            let defaultValue_2: string;
-            export { defaultValue_2 as defaultValue };
-        }
-        namespace storageKey {
-            let control_3: string;
-            export { control_3 as control };
-            let description_3: string;
-            export { description_3 as description };
-        }
-        namespace name {
-            let control_4: string;
-            export { control_4 as control };
-            let description_4: string;
-            export { description_4 as description };
-        }
-    }
-    namespace parameters {
-        namespace docs {
-            export namespace description_5 {
-                let component: string;
-            }
-            export { description_5 as description };
-        }
-    }
-}
-export default _default;
-export namespace Default {
-    export namespace args {
-        let checked_1: boolean;
-        export { checked_1 as checked };
-        let onLabel_1: string;
-        export { onLabel_1 as onLabel };
-        let offLabel_1: string;
-        export { offLabel_1 as offLabel };
-    }
-    export namespace parameters_1 {
-        export namespace docs_1 {
-            namespace source {
-                let code: string;
-            }
-        }
-        export { docs_1 as docs };
-    }
-    export { parameters_1 as parameters };
-}
-export namespace CustomLabels {
-    export namespace args_1 {
-        let checked_2: boolean;
-        export { checked_2 as checked };
-        let onLabel_2: string;
-        export { onLabel_2 as onLabel };
-        let offLabel_2: string;
-        export { offLabel_2 as offLabel };
-    }
-    export { args_1 as args };
-    export namespace parameters_2 {
-        export namespace docs_2 {
-            export namespace description_6 {
-                let story: string;
-            }
-            export { description_6 as description };
-            export namespace source_1 {
-                let code_1: string;
-                export { code_1 as code };
-            }
-            export { source_1 as source };
-        }
-        export { docs_2 as docs };
-    }
-    export { parameters_2 as parameters };
-}
-export namespace IconLabels {
-    export namespace args_2 {
-        let checked_3: boolean;
-        export { checked_3 as checked };
-        let onLabel_3: string;
-        export { onLabel_3 as onLabel };
-        let offLabel_3: string;
-        export { offLabel_3 as offLabel };
-    }
-    export { args_2 as args };
-    export namespace parameters_3 {
-        export namespace docs_3 {
-            export namespace description_7 {
-                let story_1: string;
-                export { story_1 as story };
-            }
-            export { description_7 as description };
-            export namespace source_2 {
-                let code_2: string;
-                export { code_2 as code };
-            }
-            export { source_2 as source };
-        }
-        export { docs_3 as docs };
-    }
-    export { parameters_3 as parameters };
-}
-export namespace InitiallyChecked {
-    export namespace args_3 {
-        let checked_4: boolean;
-        export { checked_4 as checked };
-        let onLabel_4: string;
-        export { onLabel_4 as onLabel };
-        let offLabel_4: string;
-        export { offLabel_4 as offLabel };
-    }
-    export { args_3 as args };
-    export namespace parameters_4 {
-        export namespace docs_4 {
-            export namespace description_8 {
-                let story_2: string;
-                export { story_2 as story };
-            }
-            export { description_8 as description };
-            export namespace source_3 {
-                let code_3: string;
-                export { code_3 as code };
-            }
-            export { source_3 as source };
-        }
-        export { docs_4 as docs };
-    }
-    export { parameters_4 as parameters };
-}
-export namespace WithPersistence {
-    export namespace args_4 {
-        let checked_5: boolean;
-        export { checked_5 as checked };
-        let onLabel_5: string;
-        export { onLabel_5 as onLabel };
-        let offLabel_5: string;
-        export { offLabel_5 as offLabel };
-        let storageKey_1: string;
-        export { storageKey_1 as storageKey };
-    }
-    export { args_4 as args };
-    export namespace parameters_5 {
-        export namespace docs_5 {
-            export namespace description_9 {
-                let story_3: string;
-                export { story_3 as story };
-            }
-            export { description_9 as description };
-            export namespace source_4 {
-                let code_4: string;
-                export { code_4 as code };
-            }
-            export { source_4 as source };
-        }
-        export { docs_5 as docs };
-    }
-    export { parameters_5 as parameters };
-}
-export namespace SyncedToggles {
-    export function render_1(): HTMLDivElement;
-    export { render_1 as render };
-    export namespace parameters_6 {
-        export namespace docs_6 {
-            export namespace description_10 {
-                let story_4: string;
-                export { story_4 as story };
-            }
-            export { description_10 as description };
-            export namespace source_5 {
-                let code_5: string;
-                export { code_5 as code };
-            }
-            export { source_5 as source };
-        }
-        export { docs_6 as docs };
-    }
-    export { parameters_6 as parameters };
-}
-export namespace ThemeSwitching {
-    export function render_2(): HTMLDivElement;
-    export { render_2 as render };
-    export let decorators: ((story: any) => HTMLDivElement)[];
-    export namespace parameters_7 {
-        export namespace docs_7 {
-            export namespace description_11 {
-                let story_5: string;
-                export { story_5 as story };
-            }
-            export { description_11 as description };
-            export namespace source_6 {
-                let code_6: string;
-                export { code_6 as code };
-            }
-            export { source_6 as source };
-        }
-        export { docs_7 as docs };
-    }
-    export { parameters_7 as parameters };
-}
-export namespace UseCaseExamples {
-    export function render_3(): HTMLDivElement;
-    export { render_3 as render };
-    export namespace parameters_8 {
-        export namespace docs_8 {
-            export namespace description_12 {
-                let story_6: string;
-                export { story_6 as story };
-            }
-            export { description_12 as description };
-            export namespace source_7 {
-                let code_7: string;
-                export { code_7 as code };
-            }
-            export { source_7 as source };
-        }
-        export { docs_8 as docs };
-    }
-    export { parameters_8 as parameters };
-}
-//# sourceMappingURL=toggle-switch.stories.d.ts.map

package/dist/components/toggle-switch/toggle-switch.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle-switch.stories.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-switch/toggle-switch.stories.js"],"names":[],"mappings":";;;IASU,wCAcP;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAwJO,2CA8BP;;;;;;;;;;;;;;;;;;;;IAoBO,2CAwEP;;;;;;;;;;;;;;;;;;;;;IAiGO,2CA+BP"}