@xplortech/apollo-core 2.11.0 → 3.0.0

package/dist/components/p-h1Gbk5lO.js

@@ -1 +0,0 @@
-import{p as e,H as i,d as t,h as s,c as l,t as n}from"./p-BT_Lq3Vd.js";import{d as c}from"./p-ByJRw26d.js";const a=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.inputChange=t(this,"inputChange",7),this.accept="",this.multiple=!1,this.hideTriggerOnSelect=!1,this.hideFileNames=!1,this.hideAcceptText=!1,this.files=null,this.openFileDialog=()=>{var e;this.disabled||null===(e=this.fileInput)||void 0===e||e.click()},this.handleFileChange=e=>{this.files=Array.from(e.target.files)},this.onRemoveFileByIndex=e=>{this.files=this.files.filter(((i,t)=>t!==e))}}onFilesChange(e){this.inputChange.emit({type:"file",value:e})}async removeFileByIndex(e){this.onRemoveFileByIndex(e)}render(){var e,i;return s(l,{key:"42d8f9897e024eb89dc7568f3b99f5a395131294",class:{"xpl-input-file":!0,"xpl-input-file--hide-trigger-on-select":this.hideTriggerOnSelect,"xpl-input-file--disabled":this.disabled}},s("span",{key:"90d5962d5c72ed675cfb18444d814d26a231e4a6",class:{"xpl-input-file__trigger-wrapper":!0,"xpl-input-file__trigger-wrapper--hidden":this.hideTriggerOnSelect&&(null===(e=this.files)||void 0===e?void 0:e.length)>0},role:"button",tabIndex:0,onClick:this.openFileDialog},s("slot",{key:"ad648187fbd71bdccd99db542460e85715507f76",name:"trigger"})),(null===(i=this.files)||void 0===i?void 0:i.length)>0&&!this.hideFileNames&&s("ul",{key:"edf302f553f738ecc35e0ce64f73e4b6713b76e7",class:"xpl-input-file__file-list"},this.files.map(((e,i)=>s("li",{class:"xpl-input-file__file-item"},s("span",{class:"xpl-text-callout"},e.name),s("xpl-icon",{icon:"x-circle",size:24,onClick:e=>{e.preventDefault(),e.stopPropagation(),this.onRemoveFileByIndex(i)},class:"xpl-input-file__remove-icon"}))))),this.accept&&!this.hideAcceptText&&s("span",{key:"56f627241c314b9018cd963ea55a997364b63abf",class:"xpl-input-file__accept xpl-text-caption"},"Accepted file types: ",this.accept),s("input",{key:"47180dbed43ab7f3291faeadbe0ddce261d75f25",onChange:this.handleFileChange,type:"file",ref:e=>{this.fileInput=e},hidden:!0,accept:this.accept,multiple:this.multiple,name:this.name}))}get el(){return this}static get watchers(){return{files:[{onFilesChange:0}]}}},[260,"xpl-input-file",{disabled:[4],name:[1],_id:[1],accept:[1],multiple:[4],hideTriggerOnSelect:[4,"hide-trigger-on-select"],hideFileNames:[4,"hide-file-names"],hideAcceptText:[4,"hide-accept-text"],files:[32],removeFileByIndex:[64]},void 0,{files:[{onFilesChange:0}]}]);function p(){"undefined"!=typeof customElements&&["xpl-input-file","xpl-icon"].forEach((e=>{switch(e){case"xpl-input-file":customElements.get(n(e))||customElements.define(n(e),a);break;case"xpl-icon":customElements.get(n(e))||c()}}))}export{a as I,p as d}

package/dist/css/typography.stories.js

@@ -1,144 +0,0 @@
-export default {
-    title: 'Base Styles/Typography',
-    argTypes: {
-        headingOne: {
-            type: { name: 'string', required: false },
-        },
-        headingTwo: {
-            type: { name: 'string', required: false },
-        },
-        headingThree: {
-            type: { name: 'string', required: false },
-        },
-        headingFour: {
-            type: { name: 'string', required: false },
-        },
-        headingFive: {
-            type: { name: 'string', required: false },
-        },
-        textBody: {
-            type: { name: 'string', required: false },
-        },
-        textCalloutBold: {
-            type: { name: 'string', required: false },
-        },
-        textCallout: {
-            type: { name: 'string', required: false },
-        },
-        textCaption: {
-            type: { name: 'string', required: false },
-        },
-    },
-};
-export const Typography = ({ headingOne, headingTwo, headingThree, headingFour, headingFive, textBody, textCalloutBold, textCallout, textCaption, }) => `
-    <xpl-content-area>
-        <section class="typography">
-            <header>
-                <h1 class="xpl-text-title-1">Typography</h1>
-            </header>
-            <h1 class="xpl-text-title-1">${headingOne}</h1>
-            <h2 class="xpl-text-title-2">${headingTwo}</h2>
-            <h3 class="xpl-text-title-3">${headingThree}</h3>
-            <h4 class="xpl-text-title-4">${headingFour}</h4>
-            <h5 class="xpl-text-title-5">${headingFive}</h5>
-            <section>
-                <p class="xpl-text-body">Body</p>
-                <p class="xpl-text-body">${textBody}</p>
-            </section>
-            <section>
-                <p class="xpl-text-callout-bold">Callout Bold</p>
-                <p class="xpl-text-callout-bold">${textCalloutBold}</p>
-            </section>
-            <section>
-                <p class="xpl-text-callout">Callout</p>
-                <p class="xpl-text-callout">${textCallout}</p>
-            </section>
-            <section>
-                <p class="xpl-text-caption">Caption</p>
-                <p class="xpl-text-caption">${textCaption}</p>
-            </section>
-        </section>
-    </xpl-content-area>
-`;
-Typography.args = {
-    headingOne: 'Title 1',
-    headingTwo: 'Title 2',
-    headingThree: 'Title 3',
-    headingFour: 'Title 4',
-    headingFive: 'Title 5',
-    textBody: `Lorem ipsum dolor sit.
-        <a href="javascript:;">Body link</a>, amet consectetur
-        adipisicing elit. Ducimus quisquam officia tempore
-        dolores quae dolore doloremque soluta, eaque accusamus
-        magnam distinctio eius cupiditate dolorem qui corrupti
-        pariatur repudiandae perferendis? Voluptatibus amet
-        obcaecati numquam alias soluta beatae temporibus dicta
-        minus eos debitis neque eveniet, reiciendis culpa nobis
-        provident expedita deserunt adipisci.
-    `,
-    textCalloutBold: `
-        Lorem ipsum dolor sit amet.
-        <a href="javascript:;">Callout link</a>, consectetur
-        adipisicing elit. Odio quisquam vero id quaerat facere
-        consequuntur accusantium quia nemo laborum, quod
-        tenetur, esse eius veritatis molestiae eligendi fugiat
-        eaque. Accusamus expedita ipsam vero commodi, nesciunt
-        nemo exercitationem tempora dicta, placeat, vitae
-        deserunt recusandae. Non odit excepturi dolorum facilis
-        at aliquam nam!
-    `,
-    textCallout: `Lorem ipsum dolor sit amet.
-        <a href="javascript:;">Callout link</a>, consectetur
-        adipisicing elit. Odio quisquam vero id quaerat facere
-        consequuntur accusantium quia nemo laborum, quod
-        tenetur, esse eius veritatis molestiae eligendi fugiat
-        eaque. Accusamus expedita ipsam vero commodi, nesciunt
-        nemo exercitationem tempora dicta, placeat, vitae
-        deserunt recusandae. Non odit excepturi dolorum facilis
-        at aliquam nam!
-    `,
-    textCaption: `
-        Lorem ipsum dolor sit amet.
-        <a href="javascript:;">Caption link</a>, consectetur
-        adipisicing elit. Odio quisquam vero id quaerat facere
-        consequuntur accusantium quia nemo laborum, quod
-        tenetur, esse eius veritatis molestiae eligendi fugiat
-        eaque. Accusamus expedita ipsam vero commodi, nesciunt
-        nemo exercitationem tempora dicta, placeat, vitae
-        deserunt recusandae. Non odit excepturi dolorum facilis
-        at aliquam nam!
-    `,
-};
-Typography.parameters = {
-    layout: 'centered',
-    html: {
-        render: (({ headingOne, headingTwo, headingThree, headingFour, headingFive, textBody, textCalloutBold, textCallout, textCaption, }) => `
-            <section class="typography">
-                <header>
-                    <h1 class="xpl-text-title-1">Typography</h1>
-                </header>
-                <h1 class="xpl-text-title-1">${headingOne}</h1>
-                <h2 class="xpl-text-title-2">${headingTwo}</h2>
-                <h3 class="xpl-text-title-3">${headingThree}</h3>
-                <h4 class="xpl-text-title-4">${headingFour}</h4>
-                <h5 class="xpl-text-title-5">${headingFive}</h5>
-                <section>
-                    <p class="xpl-text-body">Body</p>
-                    <p class="xpl-text-body">${textBody}</p>
-                </section>
-                <section>
-                    <p class="xpl-text-callout-bold">Callout Bold</p>
-                    <p class="xpl-text-callout-bold">${textCalloutBold}</p>
-                </section>
-                <section>
-                    <p class="xpl-text-callout">Callout</p>
-                    <p class="xpl-text-callout">${textCallout}</p>
-                </section>
-                <section>
-                    <p class="xpl-text-caption">Caption</p>
-                    <p class="xpl-text-caption">${textCaption}</p>
-                </section>
-            </section>
-        `)(Typography.args),
-    },
-};

package/dist/types/components/xpl-accordion/accordion.stories.d.ts

@@ -1,37 +0,0 @@
-declare const _default: {
-    title: string;
-    component: string;
-    argTypes: {
-        header: {
-            type: {
-                name: "string";
-                required: true;
-            };
-        };
-        description: {
-            type: {
-                name: "string";
-            };
-        };
-        borderType: {
-            options: string[];
-            control: {
-                type: "select";
-            };
-        };
-        size: {
-            options: string[];
-            control: {
-                type: "select";
-            };
-        };
-        initialExpanded: {
-            type: {
-                name: "boolean";
-            };
-        };
-    };
-    tags: string[];
-};
-export default _default;
-export declare const Accordion: any;

package/dist/types/components/xpl-application-shell/application-shell.stories.d.ts

@@ -1,64 +0,0 @@
-declare const _default: {
-    title: string;
-    argTypes: {
-        navWidth: {
-            options: string[];
-            control: {
-                type: "select";
-            };
-        };
-        showSecondaryNav: {
-            control: {
-                type: "boolean";
-            };
-        };
-        showUtilityBar: {
-            control: {
-                type: "boolean";
-            };
-        };
-        contentSize: {
-            options: string[];
-            control: {
-                type: "select";
-            };
-        };
-        isNavOpenAtStartup: {
-            options: boolean[];
-            control: {
-                type: "boolean";
-            };
-        };
-    };
-};
-export default _default;
-interface ApplicationShellProps {
-    contentSize: string;
-    isNavOpenAtStartup: boolean;
-    navWidth: string;
-    showSecondaryNav: boolean;
-    showUtilityBar: boolean;
-}
-export declare const ApplicationShell: {
-    ({ contentSize, isNavOpenAtStartup, navWidth, showSecondaryNav, showUtilityBar, }: ApplicationShellProps): string;
-    args: {
-        contentSize: string;
-        isNavOpenAtStartup: boolean;
-        navWidth: string;
-        showSecondaryNav: boolean;
-        showUtilityBar: boolean;
-    };
-    parameters: {
-        layout: string;
-        'web-component': {
-            render: string;
-        };
-        html: {
-            render: string;
-        };
-        design: {
-            type: string;
-            url: string;
-        };
-    };
-};

package/dist/types/components/xpl-avatar/avatar.stories.d.ts

@@ -1,138 +0,0 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-declare const defaultGroupData: ({
-    name: string;
-    color: "green";
-    src?: undefined;
-} | {
-    name: string;
-    color: "yellow";
-    src?: undefined;
-} | {
-    name: string;
-    color: "pink";
-    src?: undefined;
-} | {
-    src: string;
-    name: string;
-    color?: undefined;
-})[];
-type AvatarStatusStory = 'active' | 'blue' | 'gray' | 'green' | 'inactive' | 'orange' | 'purple' | 'red' | 'warning' | 'yellow';
-interface AvatarArgs {
-    variant: 'default' | 'profile' | 'group' | 'with-text';
-    src: string;
-    name: string;
-    subText: string;
-    size: 'md' | 'sm' | undefined;
-    color: 'green' | 'yellow' | 'pink' | 'primary' | 'secondary';
-    status: AvatarStatusStory | undefined;
-    href: boolean;
-    disabled: boolean;
-    groupData: typeof defaultGroupData;
-}
-export declare const Avatar: {
-    (args: AvatarArgs): string;
-    argTypes: {
-        variant: {
-            options: string[];
-            control: {
-                type: string;
-            };
-        };
-        size: {
-            options: string[];
-            control: {
-                type: string;
-            };
-        };
-        color: {
-            options: string[];
-            control: {
-                type: string;
-            };
-        };
-        status: {
-            options: string[];
-            control: {
-                type: string;
-            };
-            description: string;
-        };
-        src: {
-            control: {
-                type: string;
-            };
-        };
-        name: {
-            control: {
-                type: string;
-            };
-        };
-        subText: {
-            control: {
-                type: string;
-            };
-            description: string;
-        };
-        href: {
-            control: {
-                type: string;
-            };
-            description: string;
-        };
-        disabled: {
-            control: {
-                type: string;
-            };
-        };
-        groupData: {
-            control: {
-                type: string;
-            };
-            description: string;
-        };
-    };
-    args: {
-        variant: "default";
-        src: string;
-        name: string;
-        subText: string;
-        size: any;
-        color: any;
-        status: any;
-        href: false;
-        disabled: false;
-        groupData: ({
-            name: string;
-            color: "green";
-            src?: undefined;
-        } | {
-            name: string;
-            color: "yellow";
-            src?: undefined;
-        } | {
-            name: string;
-            color: "pink";
-            src?: undefined;
-        } | {
-            src: string;
-            name: string;
-            color?: undefined;
-        })[];
-    };
-    parameters: {
-        'web-component': {
-            render: string;
-        };
-        html: {
-            render: string;
-        };
-        layout: "centered";
-        design: {
-            readonly type: "figma";
-            readonly url: "https://www.figma.com/design/MjjYek73MFnHmVNdm45Sd1/Apollo-Web?node-id=6-1394";
-        };
-    };
-};

package/dist/types/components/xpl-backdrop/backdrop.stories.d.ts

@@ -1,21 +0,0 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Backdrop: {
-    (): string;
-    args: {};
-    parameters: {
-        layout: string;
-        'web-component': {
-            render: string;
-        };
-        html: {
-            render: string;
-        };
-        design: {
-            type: string;
-            url: string;
-        };
-    };
-};

package/dist/types/components/xpl-badge/badge.stories.d.ts

@@ -1,80 +0,0 @@
-declare const VARIANT_OPTIONS: readonly ["purple", "green", "yellow", "orange", "gray", "red", "blue", "success", "warning", "inactive", "error"];
-type BadgeVariantOption = (typeof VARIANT_OPTIONS)[number];
-interface BadgeArgs {
-    variant: BadgeVariantOption;
-    size: 'default' | 'small';
-    shape: 'rounded' | 'boxy';
-    dot: boolean;
-    dotOnly: boolean;
-    text: string;
-    bordered: boolean;
-}
-declare const _default: {
-    title: string;
-    argTypes: {
-        variant: {
-            options: ("purple" | "green" | "yellow" | "orange" | "gray" | "red" | "blue" | "success" | "warning" | "inactive" | "error")[];
-            control: {
-                type: "select";
-            };
-        };
-        size: {
-            options: string[];
-            control: {
-                type: "select";
-            };
-        };
-        shape: {
-            options: string[];
-            control: {
-                type: "select";
-            };
-        };
-        dot: {
-            control: {
-                type: "boolean";
-            };
-        };
-        dotOnly: {
-            control: {
-                type: "boolean";
-            };
-        };
-        text: {
-            control: {
-                type: "text";
-            };
-        };
-        bordered: {
-            control: {
-                type: "boolean";
-            };
-        };
-    };
-};
-export default _default;
-export declare const Badge: {
-    (args: BadgeArgs): string;
-    args: {
-        variant: "purple";
-        size: "default";
-        shape: "rounded";
-        text: string;
-        dot: true;
-        dotOnly: false;
-        bordered: false;
-    };
-    parameters: {
-        'web-component': {
-            render: string;
-        };
-        html: {
-            render: string;
-        };
-        layout: "centered";
-        design: {
-            readonly type: "figma";
-            readonly url: "https://www.figma.com/design/MjjYek73MFnHmVNdm45Sd1/Apollo-Web?node-id=6-1395&p=f&t=aZipOZlFAFwtMW1r-11";
-        };
-    };
-};

package/dist/types/components/xpl-banner/banner.stories.d.ts

@@ -1,79 +0,0 @@
-interface BannerStoryArgs {
-    appearance: 'information' | 'positive' | 'warning' | 'error';
-    heading: string;
-    description: string;
-    truncateDesc: boolean;
-    isDismissible: boolean;
-    isSection: boolean;
-    hasIcon: boolean;
-    actionText: string;
-    secondaryActionText: string;
-}
-declare const _default: {
-    title: string;
-    component: string;
-    tags: string[];
-    beforeEach(): void;
-    argTypes: {
-        appearance: {
-            options: string[];
-            control: {
-                type: "select";
-            };
-        };
-        heading: {
-            control: "text";
-        };
-        description: {
-            control: "text";
-        };
-        truncateDesc: {
-            control: "boolean";
-        };
-        isDismissible: {
-            control: "boolean";
-        };
-        isSection: {
-            control: "boolean";
-        };
-        hasIcon: {
-            control: "boolean";
-        };
-        actionText: {
-            control: "text";
-        };
-        secondaryActionText: {
-            control: "text";
-        };
-    };
-};
-export default _default;
-export declare const Banner: {
-    ({ appearance, heading, description, truncateDesc, isDismissible, isSection, hasIcon, actionText, secondaryActionText, }: BannerStoryArgs): string;
-    args: {
-        appearance: "information";
-        heading: string;
-        description: string;
-        truncateDesc: false;
-        isDismissible: true;
-        isSection: false;
-        hasIcon: true;
-        actionText: string;
-        secondaryActionText: string;
-    };
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                story: string;
-            };
-        };
-        'web-component': {
-            render: string;
-        };
-        design: {
-            type: string;
-            url: string;
-        };
-    };
-};

package/dist/types/components/xpl-breadcrumbs/breadcrumbs.stories.d.ts

@@ -1,57 +0,0 @@
-declare const _default: {
-    title: string;
-    argTypes: {
-        items: {
-            options: number[];
-            control: {
-                type: "select";
-            };
-        };
-        first: {
-            type: {
-                name: "string";
-                required: false;
-            };
-        };
-        second: {
-            type: {
-                name: "string";
-                required: false;
-            };
-        };
-        third: {
-            type: {
-                name: "string";
-                required: false;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Breadcrumbs: {
-    ({ first, second, third, items }: {
-        first: any;
-        second: any;
-        third: any;
-        items: any;
-    }): string;
-    args: {
-        first: string;
-        second: string;
-        third: string;
-        items: number;
-    };
-    parameters: {
-        layout: string;
-        'web-component': {
-            render: string;
-        };
-        html: {
-            render: string;
-            design: {
-                type: string;
-                url: string;
-            };
-        };
-    };
-};