@mozaic-ds/web-components 1.0.0-alpha.5 → 1.0.0-alpha.7

package/dist/stories/link/Link.stories.js

@@ -0,0 +1,83 @@
+import { BADGE } from '@geometricpanda/storybook-addon-badges';
+export default {
+    title: 'Navigation/Link (stand alone)',
+    argTypes: {
+        label: {
+            description: 'Specify the link label',
+            control: 'text',
+        },
+        href: {
+            description: 'Specify the link href',
+            control: 'text',
+        },
+        target: {
+            description: 'Specify the href target',
+            control: {
+                type: 'select',
+                options: ['_blank', '_self', '_parent', '_top'],
+            },
+            defaultValue: '_blank',
+            if: { arg: 'href' },
+        },
+        size: {
+            description: 'Specify the link size',
+            control: { type: 'select' },
+            options: ['s', 'm'],
+        },
+        disabled: {
+            description: 'Specify wether the link is disabled',
+            control: 'boolean',
+        },
+        inline: {
+            description: 'Specify wether the link is inline',
+            control: 'boolean',
+        },
+        style: {
+            description: 'Specify which theme to display for the link',
+            control: {
+                type: 'select',
+            },
+            options: ['primary', 'secondary', 'accent', 'inverse'],
+        },
+        iconposition: {
+            description: 'Specify wether the icon is on the right or left ot the link',
+            control: { type: 'radio' },
+            options: ['left', 'right'],
+        },
+    },
+    parameters: {
+        badges: [BADGE.STABLE],
+    },
+};
+const Template = (args) => {
+    const label = document.createElement('span');
+    label.innerText = 'Stand alone link';
+    const icon = document.createElement('ui-chevron-left-24');
+    icon.setAttribute('slot', 'icon');
+    icon.setAttribute('style', 'height: 100%');
+    const primary = document.createElement('m-link');
+    primary.setAttribute('label', 'Primary');
+    if (args.style)
+        primary.setAttribute('style', args.style);
+    if (args.inline)
+        primary.setAttribute('inline', args.inline);
+    if (args.disabled)
+        primary.setAttribute('disabled', args.disabled);
+    if (args.iconposition)
+        primary.setAttribute('iconposition', args.iconposition);
+    primary.setAttribute('size', args.size);
+    primary.setAttribute('href', args.href);
+    primary.setAttribute('target', args.target);
+    primary.appendChild(label);
+    primary.appendChild(icon);
+    return primary;
+};
+export const Default = Template.bind({});
+export const IconLeft = Template.bind({});
+IconLeft.args = {
+    iconposition: 'left',
+};
+export const IconRight = Template.bind({});
+IconRight.args = {
+    iconposition: 'right',
+};

package/dist/stories/loader/Loader.stories.d.ts

@@ -0,0 +1,7 @@
+import type { StoryFn, Meta } from '@storybook/html';
+declare const _default: Meta;
+export default _default;
+export declare const Default: StoryFn;
+export declare const Sizes: StoryFn;
+export declare const Themes: StoryFn;
+//# sourceMappingURL=Loader.stories.d.ts.map

package/dist/stories/loader/Loader.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/loader/Loader.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;wBA8BhD,IAAI;AArBT,wBAqBU;AAUV,eAAO,MAAM,OAAO,SAAoB,CAAC;AAOzC,eAAO,MAAM,KAAK,SAAoB,CAAC;AAOvC,eAAO,MAAM,MAAM,SAAoB,CAAC"}

package/dist/stories/loader/Loader.stories.js

@@ -0,0 +1,52 @@
+import { BADGE } from '@geometricpanda/storybook-addon-badges';
+import { userEvent, within, expect } from '@storybook/test';
+export default {
+    title: 'Loading/Loader',
+    argTypes: {
+        size: {
+            description: 'Loader size',
+            control: { type: 'radio' },
+            options: ['s', 'm', 'l'],
+        },
+        theme: {
+            description: 'Loader theme',
+            control: { type: 'radio' },
+            options: ['standard', 'accent', 'inverse'],
+        },
+        text: {
+            description: 'Loader text - when using the loader inside an overlay',
+            control: 'text',
+        },
+    },
+    parameters: {
+        badges: [BADGE.STABLE],
+    },
+};
+const Template = (args) => {
+    const loader = document.createElement('m-loader');
+    if (args.size)
+        loader.setAttribute('size', args.size);
+    if (args.theme)
+        loader.setAttribute('theme', args.theme);
+    if (args.text)
+        loader.setAttribute('text', args.text);
+    return loader;
+};
+export const Default = Template.bind({});
+Default.args = {};
+Default.play = async ({ canvasElement }) => {
+    const loader = canvasElement.querySelector('m-loader');
+    expect(loader).not.toBeNull();
+};
+export const Sizes = Template.bind({});
+Sizes.args = { size: 'm' };
+Sizes.play = async ({ canvasElement }) => {
+    const loader = canvasElement.querySelector('m-loader');
+    expect(loader).toHaveAttribute('size', 'm');
+};
+export const Themes = Template.bind({});
+Themes.args = { theme: 'accent' };
+Themes.play = async ({ canvasElement }) => {
+    const loader = canvasElement.querySelector('m-loader');
+    expect(loader).toHaveAttribute('theme', 'accent');
+};

package/dist/stories/overlay/Overlay.stories.d.ts

@@ -0,0 +1,5 @@
+import type { StoryFn, Meta } from '@storybook/html';
+declare const _default: Meta;
+export default _default;
+export declare const Default: StoryFn;
+//# sourceMappingURL=Overlay.stories.d.ts.map

package/dist/stories/overlay/Overlay.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/overlay/Overlay.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;wBAmBhD,IAAI;AAXT,wBAWU;AA2BV,eAAO,MAAM,OAAO,SAAoB,CAAC"}

package/dist/stories/overlay/Overlay.stories.js

@@ -0,0 +1,45 @@
+import { action } from '@storybook/addon-actions';
+import { BADGE } from '@geometricpanda/storybook-addon-badges';
+import { userEvent, within, expect } from '@storybook/test';
+export default {
+    title: 'Overlay/Overlay',
+    argTypes: {
+        isvisible: {
+            description: 'Define if the overlay is visible or not',
+            control: 'boolean',
+        },
+    },
+    parameters: {
+        badges: [BADGE.STABLE],
+    },
+};
+const Template = (args) => {
+    const wrapper = document.createElement('div');
+    const MOverlay = document.createElement('m-overlay');
+    const trigger = document.createElement('m-button');
+    const label = document.createElement('span');
+    label.innerText = 'Launch Overlay';
+    trigger.appendChild(label);
+    trigger.addEventListener('click', () => {
+        MOverlay.setAttribute('isvisible', 'true');
+        setTimeout(() => {
+            MOverlay.removeAttribute('isvisible');
+        }, 5000);
+    });
+    if (args.isvisible) {
+        MOverlay.setAttribute('isvisible', 'true');
+    }
+    wrapper.appendChild(trigger);
+    wrapper.appendChild(MOverlay);
+    return wrapper;
+};
+export const Default = Template.bind({});
+Default.args = {};
+Default.play = async ({ canvasElement }) => {
+    const MButton = canvasElement.querySelector('m-button');
+    const trigger = MButton === null || MButton === void 0 ? void 0 : MButton.shadowRoot.querySelector('button');
+    expect(trigger).not.toBeNull();
+    await userEvent.click(MButton);
+    const overlay = canvasElement.querySelector('m-overlay');
+    expect(overlay).toHaveAttribute('isvisible', 'true');
+};

package/dist/stories/overlay/OverlayLoader.stories.d.ts

@@ -0,0 +1,5 @@
+import type { StoryFn, Meta } from '@storybook/html';
+declare const _default: Meta;
+export default _default;
+export declare const Default: StoryFn;
+//# sourceMappingURL=OverlayLoader.stories.d.ts.map

package/dist/stories/overlay/OverlayLoader.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayLoader.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/overlay/OverlayLoader.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;wBAuBhD,IAAI;AAfT,wBAeU;AA+BV,eAAO,MAAM,OAAO,SAAoB,CAAC"}

package/dist/stories/overlay/OverlayLoader.stories.js

@@ -0,0 +1,51 @@
+import { BADGE } from '@geometricpanda/storybook-addon-badges';
+import { userEvent, within, expect } from '@storybook/test';
+export default {
+    title: 'Overlay/OverlayLoader',
+    argTypes: {
+        isvisible: {
+            description: 'Define if the overlay loader is visible or not',
+            control: 'boolean',
+        },
+        text: {
+            description: 'Loader text',
+            control: 'text',
+        },
+    },
+    parameters: {
+        badges: [BADGE.STABLE],
+    },
+};
+const Template = (args) => {
+    const wrapper = document.createElement('div');
+    const MOverlayLoader = document.createElement('m-overlay-loader');
+    const trigger = document.createElement('m-button');
+    const label = document.createElement('span');
+    label.innerText = 'Launch Overlay';
+    trigger.appendChild(label);
+    trigger.addEventListener('click', () => {
+        MOverlayLoader.setAttribute('isvisible', 'true');
+        setTimeout(() => {
+            MOverlayLoader.removeAttribute('isvisible');
+        }, 5000);
+    });
+    if (args.isvisible) {
+        MOverlayLoader.setAttribute('isvisible', 'true');
+    }
+    if (args.text) {
+        MOverlayLoader.setAttribute('text', args.text);
+    }
+    wrapper.appendChild(trigger);
+    wrapper.appendChild(MOverlayLoader);
+    return wrapper;
+};
+export const Default = Template.bind({});
+Default.args = {};
+Default.play = async ({ canvasElement }) => {
+    const MButton = canvasElement.querySelector('m-button');
+    const trigger = MButton === null || MButton === void 0 ? void 0 : MButton.shadowRoot.querySelector('button');
+    expect(trigger).not.toBeNull();
+    await userEvent.click(MButton);
+    const overlayLoader = canvasElement.querySelector('m-overlay-loader');
+    expect(overlayLoader).toHaveAttribute('isvisible', 'true');
+};

package/dist/stories/quantityselector/QuantitySelector.stories.d.ts

@@ -0,0 +1,7 @@
+import type { StoryFn, Meta } from '@storybook/html';
+declare const _default: Meta;
+export default _default;
+export declare const Default: StoryFn;
+export declare const Small: StoryFn;
+export declare const Disabled: StoryFn;
+//# sourceMappingURL=QuantitySelector.stories.d.ts.map

package/dist/stories/quantityselector/QuantitySelector.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuantitySelector.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/quantityselector/QuantitySelector.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;wBAsFhD,IAAI;AA1ET,wBA0EU;AAmBV,eAAO,MAAM,OAAO,SAAoB,CAAC;AAczC,eAAO,MAAM,KAAK,SAAoB,CAAC;AASvC,eAAO,MAAM,QAAQ,SAAoB,CAAC"}

package/dist/stories/quantityselector/QuantitySelector.stories.js

@@ -0,0 +1,124 @@
+import { action } from '@storybook/addon-actions';
+import { BADGE } from '@geometricpanda/storybook-addon-badges';
+import { userEvent, expect } from '@storybook/test';
+export default {
+    title: 'Form Elements/QuantitySelector',
+    argTypes: {
+        id: {
+            description: 'Specify id for qty selector',
+            control: 'text',
+        },
+        name: {
+            description: 'Specify name attr for qty selector',
+            control: 'text',
+        },
+        small: {
+            description: 'Specify whether to display the small version',
+            control: { type: 'boolean' },
+        },
+        disabled: {
+            description: 'Specify whether the qty selector is disabled',
+            control: { type: 'boolean' },
+        },
+        quantity: {
+            description: 'Specify the quantity. Default is 1',
+            control: 'number',
+        },
+        step: {
+            description: 'Determines how much the value will change per click when the quantity is increased or decreased. Default is 1',
+            control: 'number',
+        },
+        valuemin: {
+            description: 'Specify the minimum quantity. Default is 1',
+            control: 'number',
+        },
+        valuemax: {
+            description: 'Specify the maximum quantity. Default is 100',
+            control: 'number',
+        },
+        decrementlabel: {
+            description: 'Specify the decrement label for a11y',
+            control: 'number',
+        },
+        inputarialabel: {
+            description: 'Specify the input aria label for a11y.',
+            control: 'number',
+        },
+        incrementlabel: {
+            description: 'Specify the increment label for a11y',
+            control: 'number',
+        },
+        increment: {
+            description: 'Event that occurs when the increment button is clicked',
+            action: 'on:increment',
+            table: {
+                category: 'Events',
+            },
+        },
+        decrement: {
+            description: 'Event that occurs when the decrement button is clicked',
+            action: 'on:decrement',
+            table: {
+                category: 'Events',
+            },
+        },
+        inputQty: {
+            description: 'Event that occurs when a quantity is entered in the input field',
+            action: 'oninputqty',
+            table: {
+                category: 'Events',
+            },
+        },
+    },
+    parameters: {
+        badges: [BADGE.STABLE],
+    },
+};
+const Template = (args) => {
+    const MQuantitySelector = document.createElement('m-qty-selector');
+    MQuantitySelector.setAttribute('id', args.id || 'quantityID');
+    MQuantitySelector.setAttribute('quantity', args.quantity || '1');
+    if (args.small)
+        MQuantitySelector.setAttribute('small', 'true');
+    if (args.disabled)
+        MQuantitySelector.setAttribute('disabled', 'true');
+    if (args.step)
+        MQuantitySelector.setAttribute('step', args.step);
+    if (args.valuemax)
+        MQuantitySelector.setAttribute('valuemax', args.valuemax.toString());
+    if (args.valuemin)
+        MQuantitySelector.setAttribute('valuemin', args.valuemin.toString());
+    MQuantitySelector.increment = action('increment');
+    MQuantitySelector.decrement = action('decrement');
+    MQuantitySelector.inputqty = action('inputqty');
+    return MQuantitySelector;
+};
+export const Default = Template.bind({});
+Default.args = {};
+Default.play = async ({ canvasElement }) => {
+    const qtySelector = canvasElement.querySelector('m-qty-selector');
+    const input = qtySelector === null || qtySelector === void 0 ? void 0 : qtySelector.querySelector('input');
+    const button = qtySelector === null || qtySelector === void 0 ? void 0 : qtySelector.querySelector('button');
+    expect(qtySelector).not.toBeNull();
+    await userEvent.type(input, '5');
+    expect(input).toHaveValue(15);
+    await userEvent.click(button);
+    expect(input).toHaveValue(16);
+};
+export const Small = Template.bind({});
+Small.args = {
+    small: true,
+};
+Small.play = async ({ canvasElement }) => {
+    const qtySelector = canvasElement.querySelector('m-qty-selector');
+    expect(qtySelector).toHaveAttribute('small', 'true');
+};
+export const Disabled = Template.bind({});
+Disabled.args = {
+    disabled: true,
+};
+Disabled.play = async ({ canvasElement }) => {
+    const qtySelector = canvasElement.querySelector('m-qty-selector');
+    const input = qtySelector === null || qtySelector === void 0 ? void 0 : qtySelector.querySelector('input');
+    expect(input).toBeDisabled();
+};

package/dist/stories/radio/Radio.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryFn, Meta } from '@storybook/html';
+declare const _default: Meta<unknown>;
+export default _default;
+export declare const Default: StoryFn;
+export declare const Checked: StoryFn;
+export declare const Disabled: StoryFn;
+export declare const Invalid: StoryFn;
+//# sourceMappingURL=Radio.stories.d.ts.map

package/dist/stories/radio/Radio.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/radio/Radio.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;wBAqDhD,IAAI,CAAC,OAAO,CAAC;AA3ClB,wBA2CmB;AAgBnB,eAAO,MAAM,OAAO,SAAoB,CAAC;AAEzC,eAAO,MAAM,OAAO,SAAoB,CAAC;AAKzC,eAAO,MAAM,QAAQ,SAAoB,CAAC;AAK1C,eAAO,MAAM,OAAO,SAAoB,CAAC"}

package/dist/stories/radio/Radio.stories.js

@@ -0,0 +1,75 @@
+import { action } from '@storybook/addon-actions';
+import { BADGE } from '@geometricpanda/storybook-addon-badges';
+export default {
+    title: 'Form Elements/Radio',
+    argTypes: {
+        id: {
+            description: 'Specifiy the readio id',
+            control: 'text',
+        },
+        name: {
+            description: 'Specifiy the radio button name',
+            control: 'text',
+        },
+        label: {
+            description: 'Specifiy the radio button label',
+            control: 'text',
+        },
+        checked: {
+            description: 'Specifiy wether the radio button is selected',
+            control: 'text',
+        },
+        isvalid: {
+            description: 'Specifiy wether the text input is valid',
+            control: 'boolean',
+        },
+        isinvalid: {
+            description: 'Specifiy wether the text input is invalid',
+            control: 'boolean',
+        },
+        disabled: {
+            description: 'Specifiy wether the text input is disabled',
+            control: 'boolean',
+        },
+        onClick: {
+            name: 'click',
+            description: 'On radio change',
+            action: 'click',
+            table: {
+                category: 'Events',
+            },
+        },
+    },
+    parameters: {
+        badges: [BADGE.STABLE],
+    },
+};
+const Template = (args) => {
+    const component = document.createElement('m-radio');
+    component.setAttribute('label', 'This is a radio');
+    component.setAttribute('id', 'radio');
+    component.setAttribute('name', 'Radio');
+    if (args.checked)
+        component.setAttribute('checked', args.checked);
+    if (args.isvalid)
+        component.setAttribute('isvalid', args.isvalid);
+    if (args.isinvalid)
+        component.setAttribute('isinvalid', args.isinvalid);
+    if (args.disabled)
+        component.setAttribute('disabled', args.disabled);
+    component.addEventListener('click', action('onClick'));
+    return component;
+};
+export const Default = Template.bind({});
+export const Checked = Template.bind({});
+Checked.args = {
+    checked: true,
+};
+export const Disabled = Template.bind({});
+Disabled.args = {
+    disabled: true,
+};
+export const Invalid = Template.bind({});
+Invalid.args = {
+    isinvalid: true,
+};

package/dist/stories/radio-group/Radio-group.stories.d.ts

@@ -0,0 +1,7 @@
+import type { StoryFn, Meta } from '@storybook/html';
+declare const _default: Meta<unknown>;
+export default _default;
+export declare const Default: StoryFn;
+export declare const Inline: StoryFn;
+export declare const Invalid: StoryFn;
+//# sourceMappingURL=Radio-group.stories.d.ts.map

package/dist/stories/radio-group/Radio-group.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio-group.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/radio-group/Radio-group.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;wBAmDhD,IAAI,CAAC,OAAO,CAAC;AAxClB,wBAwCmB;AAmBnB,eAAO,MAAM,OAAO,SAAoB,CAAC;AA8BzC,eAAO,MAAM,MAAM,SAAoB,CAAC;AAgCxC,eAAO,MAAM,OAAO,SAAoB,CAAC"}

package/dist/stories/radio-group/Radio-group.stories.js

@@ -0,0 +1,146 @@
+import { action } from '@storybook/addon-actions';
+import { BADGE } from '@geometricpanda/storybook-addon-badges';
+export default {
+    title: 'Form Elements/RadioGroup',
+    argTypes: {
+        legend: {
+            description: 'Specify the label of the group.',
+            control: { type: 'text' },
+        },
+        id: {
+            description: 'Specifiy the radio group id',
+            control: { type: 'text' },
+        },
+        selectedvalue: {
+            description: 'Specifiy the value of the selected element',
+            control: { type: 'text' },
+        },
+        inline: {
+            description: 'Render radio group horizontally',
+            control: { type: 'boolean' },
+        },
+        isinvalid: {
+            description: 'Render radio group invalid',
+            control: { type: 'boolean' },
+        },
+        options: {
+            description: 'Specify the select options. It needs to be `JSON.stringify(options)`',
+            control: { type: 'array' },
+        },
+        onChange: {
+            name: 'change',
+            description: 'On radio change',
+            action: 'change',
+            table: {
+                category: 'Events',
+            },
+        },
+    },
+    parameters: {
+        badges: [BADGE.STABLE],
+    },
+};
+const Template = (args) => {
+    const MRadioGroup = document.createElement('m-radio-group');
+    const options = [];
+    MRadioGroup.setAttribute('id', args.id || 'radio-group-id');
+    MRadioGroup.setAttribute('selectedvalue', args.selectedvalue || 'option2');
+    MRadioGroup.isinvalid = args.isinvalid || false;
+    if (args.inline)
+        MRadioGroup.setAttribute('inline', args.inline);
+    MRadioGroup.setAttribute('legend', args.legend || 'Group radio Title');
+    if (args.options || options) {
+        MRadioGroup.options = args.options || options;
+    }
+    MRadioGroup.addEventListener('change', action('onChange'));
+    return MRadioGroup;
+};
+export const Default = Template.bind({});
+Default.args = {
+    options: [
+        {
+            id: 'option1',
+            name: 'Option name 1',
+            label: 'Option 1',
+            value: 'option1',
+            disabled: false,
+            checked: true,
+        },
+        {
+            id: 'option2',
+            name: 'Option name 2',
+            label: 'Option 2',
+            value: 'option2',
+            disabled: false,
+            checked: false,
+        },
+        {
+            id: 'option3',
+            name: 'Option name 3',
+            label: 'Option 3',
+            value: 'option3',
+            disabled: false,
+            checked: false,
+        },
+    ],
+};
+export const Inline = Template.bind({});
+Inline.args = {
+    inline: true,
+    options: [
+        {
+            id: 'option1',
+            name: 'Option name 1',
+            label: 'Option 1',
+            value: 'option1',
+            disabled: false,
+            checked: true,
+        },
+        {
+            id: 'option2',
+            name: 'Option name 2',
+            label: 'Option 2',
+            value: 'option2',
+            disabled: false,
+            checked: false,
+        },
+        {
+            id: 'option3',
+            name: 'Option name 3',
+            label: 'Option 3',
+            value: 'option3',
+            disabled: false,
+            checked: false,
+        },
+    ],
+};
+export const Invalid = Template.bind({});
+Invalid.args = {
+    isinvalid: true,
+    options: [
+        {
+            id: 'option1',
+            name: 'Option name 1',
+            label: 'Option 1',
+            value: 'option1',
+            disabled: false,
+            checked: true,
+        },
+        {
+            id: 'option2',
+            name: 'Option name 2',
+            label: 'Option 2',
+            value: 'option2',
+            disabled: false,
+            checked: false,
+        },
+        {
+            id: 'option3',
+            name: 'Option name 3',
+            label: 'Option 3',
+            value: 'option3',
+            disabled: false,
+            checked: false,
+        },
+    ],
+};

package/dist/stories/select/Select.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryFn, Meta } from '@storybook/html';
+declare const _default: Meta;
+export default _default;
+export declare const Default: StoryFn;
+export declare const Small: StoryFn;
+export declare const Disabled: StoryFn;
+export declare const WithValue: StoryFn;
+//# sourceMappingURL=Select.stories.d.ts.map

package/dist/stories/select/Select.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/select/Select.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;wBAiDhD,IAAI;AAtCT,wBAsCU;AAoBV,eAAO,MAAM,OAAO,SAAoB,CAAC;AAUzC,eAAO,MAAM,KAAK,SAAoB,CAAC;AAOvC,eAAO,MAAM,QAAQ,SAAoB,CAAC;AAQ1C,eAAO,MAAM,SAAS,SAAoB,CAAC"}