@xplortech/apollo-core 2.11.0 → 3.0.0

package/dist/collection/components/xpl-toggle/toggle.stories.js

@@ -1,88 +0,0 @@
-export default {
-    title: 'Components/Toggle',
-    argTypes: {
-        checked: {
-            control: {
-                type: 'boolean',
-            },
-        },
-        variant: {
-            options: ['default', 'small'],
-            control: {
-                type: 'select',
-            },
-        },
-        heading: {
-            type: { name: 'string', required: true },
-        },
-        label: {
-            type: { name: 'string', required: true },
-        },
-        description: {
-            type: { name: 'string', required: false },
-        },
-        disabled: {
-            control: {
-                type: 'boolean',
-            },
-        },
-    },
-};
-export const Toggle = ({ checked, description, disabled, label, heading, variant }) => {
-    let attrs = '';
-    if (checked)
-        attrs += ` checked`;
-    if (description)
-        attrs += ` description="${description}"`;
-    if (heading)
-        attrs += ` heading="${heading}"`;
-    if (label)
-        attrs += ` label="${label}"`;
-    if (variant === 'small')
-        attrs += ' variant="small"';
-    if (disabled)
-        attrs += ` disabled`;
-    return `<xpl-toggle${attrs}></xpl-toggle>`;
-};
-Toggle.args = {
-    checked: false,
-    heading: 'Toggle Heading',
-    label: 'Label',
-    variant: 'default',
-    description: 'Lorem ipsum dolor sit amet',
-    disabled: false,
-};
-Toggle.parameters = {
-    layout: 'centered',
-    'web-component': {
-        render: Toggle(Toggle.args),
-    },
-    html: {
-        render: (({ checked, description, disabled, heading, label, variant }) => {
-            let attrs = '';
-            if (disabled)
-                attrs += ` disabled`;
-            if (checked)
-                attrs += ` checked`;
-            let className = 'xpl-toggle';
-            if (variant === 'small')
-                className += ' xpl-toggle--small';
-            return `<div class="xpl-toggle-container">${heading || description
-                ? `
-    <label for="id">
-        ${heading}${description
-                    ? `
-        <small>${description}</small>`
-                    : ''}
-    </label>`
-                : ''}
-    <input class="${className}" id="id" type="checkbox"${attrs}></input>
-    <label for="id">${label}</label>
-</div>`;
-        })(Toggle.args),
-    },
-    design: {
-        type: 'figma',
-        url: 'https://www.figma.com/design/MjjYek73MFnHmVNdm45Sd1/Apollo-Web?node-id=3915-91030&p=f&t=vVY2x58f7oPprNSr-11',
-    },
-};

package/dist/collection/components/xpl-tooltip/tooltip.stories.js

@@ -1,58 +0,0 @@
-const meta = {
-    title: 'Components/Tooltip',
-    component: 'xpl-tooltip',
-    argTypes: {
-        text: { control: 'text' },
-        hideArrow: { control: 'boolean' },
-        position: {
-            control: { type: 'select' },
-            options: [
-                'top-middle',
-                'right',
-                'bottom-middle',
-                'left',
-                'top-left',
-                'top-right',
-                'bottom-left',
-                'bottom-right',
-            ],
-        },
-    },
-};
-export default meta;
-export const Tooltip = ({ text, position, hideArrow }) => `
-    <div style="padding: 100px; display: flex; justify-content: center;">
-        <xpl-tooltip text="${text}" position="${position}" hide-arrow="${hideArrow}">
-            <xpl-button>Hover me</xpl-button>
-        </xpl-tooltip>
-    </div>
-`;
-Tooltip.args = {
-    text: 'This is a tooltip',
-    position: 'top-middle',
-    hideArrow: false,
-};
-Tooltip.parameters = {
-    'web-component': {
-        render: Tooltip(Tooltip.args),
-    },
-    html: {
-        render: (({ text, position }) => `
-            <div class="xpl-tooltip-container">
-                <div class="xpl-tooltip xpl-tooltip--${position}">
-                    ${text}
-                    <div class="xpl-tooltip-arrow">
-                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="13">
-                            <path d="M0.5 5h15l-7.5 7.5L0.5 5Z" fill="white" stroke="none" class="xpl-tooltip-arrow__fill" />
-                            <path d="M0.5 5 L8 12.5 L15.5 5" fill="none" stroke="black" stroke-width="1" class="xpl-tooltip-arrow__stroke" />
-                        </svg>
-                    </div>
-                </div>
-            </div>
-        `)(Tooltip.args),
-    },
-    design: {
-        type: 'figma',
-        url: 'https://www.figma.com/design/MjjYek73MFnHmVNdm45Sd1/Apollo-Web?node-id=6440-96808&p=f&t=vVY2x58f7oPprNSr-11',
-    },
-};