@xplortech/apollo-core 2.6.0 → 2.7.0

package/dist/apollo-core/p-c91daac1.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a,H as r}from"./p-C_Z2nG0p.js";const s=class{constructor(a){e(this,a)}render(){return a(r,{key:"1724195feab553e1f5f468352be234a5f867e75a",role:"row",class:"xpl-table-header"},a("slot",{key:"14d458367da08aed53b57a4ccda1d26740922e05"}))}};export{s as xpl_table_header}

package/dist/apollo-core/p-d9b62508.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a,H as l}from"./p-C_Z2nG0p.js";const i=class{constructor(a){e(this,a),this.withSubnav=!1,this.withUtility=!0,this.navWidth="default",this.navOpen=!0}closeNavOnMobile(){window.innerWidth<=640&&(this.navOpen=!1)}navToggleHandler(){this.navOpen=!this.navOpen}navWithHandler(e){this.navWidth=e.detail}onWindowResize(){this.closeNavOnMobile()}connectedCallback(){this.closeNavOnMobile()}componentWillLoad(){this.navOpen=void 0!==this.isNavOpenAtStartup?this.isNavOpenAtStartup:this.navOpen}render(){let e="xpl-application-shell";this.withUtility&&(e+=" xpl-application-shell--with_utility");let i="xpl-application-shell__nav";return i+=this.navOpen?` xpl-application-shell__nav--${this.navWidth}--open`:` xpl-application-shell__nav--${this.navWidth}`,a(l,{key:"7a06051142cc71f5a900e65562e464f5580f369e",class:e},a("div",{key:"00cb4f2294999e77bc88aa32917287a93989ceb3",class:i},a("slot",{key:"de0a3f5415273c4d36390b6e345e9c046ebeda05",name:"nav"})),a("div",{key:"605faac64e0b770b2d3e52d0b6f169898de827bc",class:"xpl-application-shell__subnav"},a("slot",{key:"040b8b6f5aa7642636b33f65f2eff6f1070b1b2f",name:"subnav"})),a("div",{key:"ee1e3e5c51d4e048fd4fda7bf6e438d29c8c2ade",class:"xpl-application-shell__utility"},a("slot",{key:"6118de3716d41e9f8cc03abb5efd4c2e8541adf7",name:"utility"})),a("div",{key:"3aa64a066e680e74bac8b988f579d51593bc3ace",class:"xpl-application-shell__content"},a("slot",{key:"aba788b0aa8f8ab92bb5c577b5951c98d21c9f36",name:"content"})),a("xpl-backdrop",{key:"f72d69bbfe9171193293148810700e9ff00e372d",onClick:()=>this.navToggleHandler(),class:{"xpl-application-shell__backdrop--open":this.navOpen},relative:!0}))}};export{i as xpl_application_shell}

package/dist/apollo-core/p-eaea16d1.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a,H as t,g as c}from"./p-C_Z2nG0p.js";const s=class{constructor(a){e(this,a),this.selectedItemCount=0}componentDidLoad(){const e=this.el.querySelector('[slot="actions-right"]');null!==e&&(e.style.marginLeft="auto")}listenToSelectedItemCountChange(e){this.selectedItemCount=e.detail.length}render(){return a(t,{key:"48056451ad54987de8d046a3892cc1011ed41bbb",class:{"xpl-toolbar":!0,dark:!0,hidden:0===this.selectedItemCount}},a("div",{key:"3c9680e4cf006dee69372d271a0720b6802767bc",class:"toolbar"},a("p",{key:"afcfba4a2d5c73d6bf602b94340280dcc28d6493",class:"selected-item-count"},this.selectedItemCount," Selected"),a("div",{key:"fdadc34738fcf397a38772ab817c3a5bc1e5015f",class:"actions"},a("slot",{key:"b6571d83f8ac800143e4f9cd62559aac83c7e424",name:"actions-left"}),a("slot",{key:"30aa34da340647dbcb79f8862c5ca9647ebedb12",name:"actions-right"}))))}get el(){return c(this)}};export{s as xpl_toolbar}

package/dist/apollo-core/p-eed13bca.entry.js

@@ -1 +0,0 @@
-import{r as t,c,h as a,H as s}from"./p-C_Z2nG0p.js";const i=class{constructor(a){t(this,a),this.clickPrimary=c(this,"clickPrimary",7),this.clickSecondary=c(this,"clickSecondary",7),this.clickTertiary=c(this,"clickTertiary",7),this.onPrimary=()=>this.clickPrimary.emit(),this.onSecondary=()=>this.clickSecondary.emit(),this.onTertiary=()=>this.clickTertiary.emit()}render(){return a(s,{key:"0f5bf4d086cbafb8b03f854ea11b495ee5009cdf",class:"xpl-button-row"},a("div",{key:"64ab05ca8cba9cf4c2a8feca5a6233a6a4b6a7e4",class:"xpl-button-row-inner"},a("div",{key:"2e8d97b9fb7f7a31e0014b255342c0f2fb3ce7ac",class:"xpl-button-row__left"},this.secondary&&a("xpl-button",{key:"d368c7228a9f12143cff4978ced0a5eac35ff8a3",variant:"secondary",type:"button",onClick:this.onSecondary},this.secondary)),a("div",{key:"a2a1860115ab9ac09d6ddd01ffd1e6e49d1ac874",class:"xpl-button-row__right"},this.tertiary&&a("xpl-button",{key:"98f77b4745b72e8321e37d307c0a298f1e52045f",variant:"subtle",type:"button",onClick:this.onTertiary},this.tertiary),this.secondary&&a("xpl-button",{key:"7f605c1221e856825e044dc908834f52c9e0374a",variant:"secondary",type:"button",onClick:this.onSecondary},this.secondary),this.primary&&a("xpl-button",{key:"f83653973db8aec83cc3ec0da3cdf25431c18304",class:"xpl-button-row__primary",onClick:this.onPrimary},this.primary))))}};export{i as xpl_button_row}

package/dist/apollo-core/p-f5af9539.entry.js

@@ -1 +0,0 @@
-import{r as s,c as t,h as e,H as r,g as o}from"./p-C_Z2nG0p.js";const i=class{constructor(e){s(this,e),this.sortChanged=t(this,"sortChanged",7),this.sortable=!1,this.label="",this.type="label",this.sortDirection="none"}toggleSort(){this.sortDirection="asc"===this.sortDirection?"desc":"desc"===this.sortDirection?"none":"asc",this.sortChanged.emit(this.sortDirection)}render(){const s=Array.from(this.el.parentElement.children).indexOf(this.el)+1,t=()=>{switch(this.type){case"label":return e("span",null,this.label);case"checkbox":return e("xpl-checkbox",null);case"icon":return e("xpl-icon",{icon:this.icon,size:20});default:return""}};return e(r,{role:"columnheader","aria-colindex":s,class:"xpl-table-header-cell "+(this.sortable?"sortable":"non-sortable"),style:{width:`${this.width}px`}},this.sortable?e("button",{onClick:()=>this.toggleSort()},t(),(()=>{switch(this.sortDirection){case"none":return e("xpl-icon",{class:"sort-icon",icon:"arrow-down",size:16});case"asc":return e("xpl-icon",{class:"sort-icon sort-icon--sorted",icon:"arrow-up",size:16});case"desc":return e("xpl-icon",{class:"sort-icon sort-icon--sorted",icon:"arrow-down",size:16});default:return""}})()):t())}get el(){return o(this)}};export{i as xpl_table_header_cell}

package/dist/cjs/xpl-list.cjs.entry.js

@@ -1,32 +0,0 @@
-'use strict';
-
-var index = require('./index-DH6pgWru.js');
-
-const ListItemCpt = ({ avatar, avatars, badges, href, title, subtext, metadata, }) => {
-    const hasRight = avatars || badges || subtext;
-    const inner = (index.h(index.Fragment, null, avatar &&
-        (avatar.slice(0, 1) === '/' || avatar.slice(0, 4) === 'http' ? (index.h("xpl-avatar", { src: avatar, name: title })) : (index.h("xpl-avatar", { name: title }, avatar))), index.h("div", { class: "xpl-list-item-content" }, index.h("div", { class: "xpl-list-left" }, index.h("div", null, index.h("h4", null, title), metadata && (index.h("ul", { class: "xpl-list-item-metadata" }, metadata.map((d) => {
-        if (typeof d === 'string') {
-            return index.h("li", null, d);
-        }
-        return (index.h("li", null, index.h("xpl-icon", { icon: d.icon }), " ", d.text));
-    }))))), hasRight && (index.h("div", { class: "xpl-list-right" }, subtext && index.h("div", { class: "xpl-list-item-subtext" }, subtext), avatars && (index.h("div", { class: "xpl-avatar-group xpl-avatar-group--s" }, avatars.map((a) => (index.h("img", { src: a, alt: "" }))))), badges &&
-        badges.map((b) => {
-            if (typeof b === 'string') {
-                return index.h("xpl-badge", null, b);
-            }
-            return (index.h("xpl-badge", { dot: b.dot, variant: b.variant }, b.text));
-        }))))));
-    return href ? (index.h("a", { class: "xpl-list-item", href: href }, inner)) : (index.h("div", { class: "xpl-list-item" }, inner));
-};
-const List = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.items = [];
-    }
-    render() {
-        return (index.h(index.Host, { key: '441b4eae6f2837f20b58221819ca3c10a2fb3491' }, this.items.map((item) => (index.h(ListItemCpt, Object.assign({}, item))))));
-    }
-};
-
-exports.xpl_list = List;

package/dist/cjs/xpl-table-header-cell.cjs.entry.js

@@ -1,57 +0,0 @@
-'use strict';
-
-var index = require('./index-DH6pgWru.js');
-
-const TableHeaderCell = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.sortChanged = index.createEvent(this, "sortChanged", 7);
-        this.sortable = false;
-        this.label = '';
-        this.type = 'label';
-        this.sortDirection = 'none';
-    }
-    toggleSort() {
-        if (this.sortDirection === 'asc') {
-            this.sortDirection = 'desc';
-        }
-        else if (this.sortDirection === 'desc') {
-            this.sortDirection = 'none';
-        }
-        else {
-            this.sortDirection = 'asc';
-        }
-        this.sortChanged.emit(this.sortDirection);
-    }
-    render() {
-        const colIndex = Array.from(this.el.parentElement.children).indexOf(this.el) + 1;
-        const renderContent = () => {
-            switch (this.type) {
-                case 'label':
-                    return index.h("span", null, this.label);
-                case 'checkbox':
-                    return index.h("xpl-checkbox", null);
-                case 'icon':
-                    return index.h("xpl-icon", { icon: this.icon, size: 20 });
-                default:
-                    return '';
-            }
-        };
-        const renderSortIcon = () => {
-            switch (this.sortDirection) {
-                case 'none':
-                    return index.h("xpl-icon", { class: "sort-icon", icon: "arrow-down", size: 16 });
-                case 'asc':
-                    return (index.h("xpl-icon", { class: "sort-icon sort-icon--sorted", icon: "arrow-up", size: 16 }));
-                case 'desc':
-                    return (index.h("xpl-icon", { class: "sort-icon sort-icon--sorted", icon: "arrow-down", size: 16 }));
-                default:
-                    return '';
-            }
-        };
-        return (index.h(index.Host, { role: "columnheader", "aria-colindex": colIndex, class: `xpl-table-header-cell ${this.sortable ? 'sortable' : 'non-sortable'}`, style: { width: `${this.width}px` } }, this.sortable ? (index.h("button", { onClick: () => this.toggleSort() }, renderContent(), renderSortIcon())) : (renderContent())));
-    }
-    get el() { return index.getElement(this); }
-};
-
-exports.xpl_table_header_cell = TableHeaderCell;

package/dist/cjs/xpl-table-header.cjs.entry.js

@@ -1,14 +0,0 @@
-'use strict';
-
-var index = require('./index-DH6pgWru.js');
-
-const TableHeader = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    render() {
-        return (index.h(index.Host, { key: '1724195feab553e1f5f468352be234a5f867e75a', role: "row", class: "xpl-table-header" }, index.h("slot", { key: '14d458367da08aed53b57a4ccda1d26740922e05' })));
-    }
-};
-
-exports.xpl_table_header = TableHeader;

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

@@ -1,106 +0,0 @@
-export default {
-    title: 'Components/Progress',
-    component: 'xpl-progress',
-    argTypes: {
-        steps: { control: { type: 'object' } },
-    },
-    parameters: {
-        actions: {
-            handles: ['currentStepChange'],
-        },
-    },
-    tags: ['beta'],
-};
-export const Progress = ({ steps }) => `
-    <div style="padding: 20px">
-        <xpl-progress id="progress-stepper" steps="${JSON.stringify(steps)}"></xpl-progress>
-
-        <div style="margin-top: 30px; display: flex; gap: 10px;">
-            <xpl-button id="prev-btn" disabled variant="secondary">Previous</xpl-button>
-            <xpl-button id="next-btn">Next</xpl-button>
-        </div>
-
-        <script>
-            (function() {
-                const progress = document.getElementById('progress-stepper');
-                progress.steps = ${JSON.stringify(steps)};
-                progress.currentStep = 0;
-
-                const prevBtn = document.getElementById('prev-btn');
-                const nextBtn = document.getElementById('next-btn');
-
-                prevBtn.addEventListener('click', () => {
-                    if (progress.currentStep > 0) {
-                        progress.currentStep -= 1;
-                        nextBtn.disabled = false;
-
-                        if (progress.currentStep === 0) {
-                            prevBtn.disabled = true;
-                        }
-
-                        progress.dispatchEvent(new CustomEvent('currentStepChange', {
-                            bubbles: true,
-                            composed: true,
-                            detail: { step: progress.currentStep }
-                        }));
-                    }
-                });
-
-                nextBtn.addEventListener('click', () => {
-                    if (progress.currentStep < ${steps.length - 1}) {
-                        progress.currentStep += 1;
-                        prevBtn.disabled = false;
-
-                        if (progress.currentStep === ${steps.length - 1}) {
-                            nextBtn.disabled = true;
-                        }
-
-                        progress.dispatchEvent(new CustomEvent('currentStepChange', {
-                            bubbles: true,
-                            composed: true,
-                            detail: { step: progress.currentStep }
-                        }));
-                    }
-                });
-            })();
-        </script>
-    </div>
-`;
-const defaultSteps = ['Details', 'Location', 'Instructor', 'Customers', 'Pricing', 'Review'];
-Progress.args = {
-    steps: defaultSteps,
-};
-Progress.parameters = {
-    'web-component': {
-        render: Progress(Progress.args),
-    },
-    html: {
-        render: `
-        <div style="padding: 20px">
-            <div class="xpl-progress">
-                <div class="xpl-progress-container">
-                    ${defaultSteps
-            .map((step, index) => `
-                        <div class="xpl-progress-step ${index === 0 ? 'xpl-progress-step-active' : ''}">
-                            <div class="xpl-progress-step-content">
-                                <div class="xpl-progress-step-circle">${index + 1}</div>
-                                <div class="xpl-progress-step-text">${step}</div>
-                            </div>
-                        </div>
-                    `)
-            .join('')}
-                </div>
-            </div>
-
-            <div style="margin-top: 30px; display: flex; gap: 10px;">
-                <button class="secondary" disabled>Previous</button>
-                <button>Next</button>
-            </div>
-        </div>
-        `,
-    },
-    design: {
-        type: 'figma',
-        url: 'https://www.figma.com/design/MjjYek73MFnHmVNdm45Sd1/Apollo-Web?node-id=12705-29149&p=f&t=vVY2x58f7oPprNSr-11',
-    },
-};

package/dist/collection/components/xpl-progress/xpl-progress.js

@@ -1,60 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class Progress {
-    constructor() {
-        this.currentStep = 0;
-    }
-    getCircleClass(index) {
-        if (this.currentStep < index)
-            return '';
-        if (this.currentStep === index)
-            return 'xpl-progress-step-active';
-        return 'xpl-progress-step-finished';
-    }
-    render() {
-        const className = 'xpl-progress';
-        const steps = this.steps || [];
-        return (h(Host, { key: '13245e4ec2137ea46a325fb6d8d70c41be0307f1', class: className }, h("div", { key: 'd88e32dd9227ee388a7a6688863ce0a44354701c', class: "xpl-progress-container" }, steps.map((step, index) => (h("div", { class: `xpl-progress-step ${this.getCircleClass(index)}` }, h("div", { class: "xpl-progress-step-content" }, h("div", { class: "xpl-progress-step-circle" }, index + 1), h("div", { class: "xpl-progress-step-text" }, step))))))));
-    }
-    static get is() { return "xpl-progress"; }
-    static get properties() {
-        return {
-            "steps": {
-                "type": "unknown",
-                "mutable": true,
-                "complexType": {
-                    "original": "string[]",
-                    "resolved": "string[]",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "The steps is an array of the steps name."
-                },
-                "getter": false,
-                "setter": false
-            },
-            "currentStep": {
-                "type": "number",
-                "mutable": true,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Current step, is the index of the current active step"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "current-step",
-                "defaultValue": "0"
-            }
-        };
-    }
-}

package/dist/collection/components/xpl-table-header/table-header.stories.js

@@ -1,126 +0,0 @@
-export default {
-    title: 'Components/Dynamic Table/Table Header',
-    component: 'xpl-table-header',
-    argTypes: {
-        firstCellType: {
-            control: 'select',
-            options: ['label', 'checkbox', 'icon'],
-        },
-        firstCellLabel: {
-            control: 'text',
-        },
-        firstCellIcon: {
-            control: 'select',
-            options: ['chevron-down', 'chevron-up', 'heart', 'dollar-sign'],
-        },
-        firstCellWidth: {
-            control: 'number',
-        },
-        firstCellSortable: { control: 'boolean' },
-        secondCellType: {
-            control: 'select',
-            options: ['label', 'checkbox', 'icon'],
-        },
-        secondCellLabel: {
-            control: 'text',
-        },
-        secondCellIcon: {
-            control: 'select',
-            options: ['chevron-down', 'chevron-up', 'heart', 'dollar-sign'],
-        },
-        secondCellWidth: {
-            control: 'number',
-        },
-        secondCellSortable: { control: 'boolean' },
-        thirdCellType: {
-            control: 'select',
-            options: ['label', 'checkbox', 'icon'],
-        },
-        thirdCellLabel: {
-            control: 'text',
-        },
-        thirdCellIcon: {
-            control: 'select',
-            options: ['chevron-down', 'chevron-up', 'heart', 'dollar-sign'],
-        },
-        thirdCellWidth: {
-            control: 'number',
-        },
-        thirdCellSortable: { control: 'boolean' },
-    },
-    tags: ['beta'],
-};
-export const TableHeader = ({ firstCellType, firstCellLabel, firstCellIcon, firstCellWidth, firstCellSortable, secondCellType, secondCellLabel, secondCellIcon, secondCellWidth, secondCellSortable, thirdCellType, thirdCellLabel, thirdCellIcon, thirdCellWidth, thirdCellSortable, }) => `
-    <xpl-dynamic-table>
-        <div slot="header">
-            <xpl-table-header>
-                <xpl-table-header-cell
-                    type=${firstCellType}
-                    label="${firstCellLabel}"
-                    icon=${firstCellIcon}
-                    width=${firstCellWidth}
-                    sortable=${firstCellSortable}
-                    ></xpl-table-header-cell>
-                    <xpl-table-header-cell
-                    type=${secondCellType}
-                    label="${secondCellLabel}"
-                    icon=${secondCellIcon}
-                    width=${secondCellWidth}
-                    sortable=${secondCellSortable}
-                    ></xpl-table-header-cell>
-                    <xpl-table-header-cell
-                    type=${thirdCellType}
-                    label="${thirdCellLabel}"
-                    icon=${thirdCellIcon}
-                    width=${thirdCellWidth}
-                    sortable=${thirdCellSortable}
-                >
-                </xpl-table-header-cell>
-            </xpl-table-header>
-      </div>
-    </xpl-dynamic-table>
-
-  `;
-TableHeader.args = {
-    firstCellType: 'label',
-    firstCellLabel: '',
-    firstCellIcon: 'heart',
-    firstCellWidth: 48,
-    firstCellSortable: false,
-    secondCellType: 'icon',
-    secondCellLabel: 'Column Item 2',
-    secondCellIcon: 'heart',
-    secondCellWidth: 48,
-    secondCellSortable: false,
-    thirdCellType: 'label',
-    thirdCellLabel: 'Column Item 3',
-    thirdCellIcon: 'heart',
-    thirdCellWidth: 208,
-    thirdCellSortable: true,
-};
-TableHeader.parameters = {
-    'web-component': {
-        render: TableHeader(TableHeader.args),
-    },
-    html: {
-        render: `
-          <tr class="xpl-table-header table-header">
-            <th class="header-cell">
-              <span></span>
-            </th>
-            <th class="header-cell">
-              <xpl-icon class="header-icon" icon="heart"></xpl-icon>
-            </th>
-            <th class="header-cell">
-              <button class="sortable">
-                <span class="sortable-text">Column Item 3</span>
-                <xpl-icon class="sort-icon" icon="arrow-down"></xpl-icon>
-              </button>
-            </th>
-          </tr>`,
-    },
-    design: {
-        type: 'figma',
-        url: 'https://www.figma.com/design/MjjYek73MFnHmVNdm45Sd1/Apollo-Web?node-id=14764-42036&p=f&t=xrSF2t7u1Brg2fnZ-11',
-    },
-};

package/dist/collection/components/xpl-table-header/xpl-table-header.js

@@ -1,7 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class TableHeader {
-    render() {
-        return (h(Host, { key: '1724195feab553e1f5f468352be234a5f867e75a', role: "row", class: "xpl-table-header" }, h("slot", { key: '14d458367da08aed53b57a4ccda1d26740922e05' })));
-    }
-    static get is() { return "xpl-table-header"; }
-}

package/dist/collection/components/xpl-table-header-cell/table-header-cell.stories.js

@@ -1,75 +0,0 @@
-export default {
-    title: 'Components/Dynamic Table/Table Header Cell',
-    component: 'xpl-table-header-cell',
-    argTypes: {
-        type: {
-            control: 'select',
-            options: ['label', 'checkbox', 'icon'],
-        },
-        label: {
-            control: 'text',
-        },
-        icon: {
-            control: 'select',
-            options: ['chevron-down', 'chevron-up', 'heart', 'dollar-sign'],
-        },
-        width: {
-            control: 'number',
-        },
-        sortable: { control: 'boolean' },
-    },
-    tags: ['beta'],
-};
-export const TableHeaderCell = ({ type, label, icon, width, sortable }) => `
-    <xpl-table-header-cell
-        type=${type}
-        label="${label}"
-        icon=${icon}
-        width=${width}
-        sortable=${sortable}
-    ></xpl-table-header-cell>
-`;
-TableHeaderCell.args = {
-    type: 'label',
-    label: 'Column Item',
-    icon: 'chevron-down',
-    width: null,
-    sortable: false,
-};
-TableHeaderCell.parameters = {
-    'web-component': {
-        render: TableHeaderCell(TableHeaderCell.args),
-    },
-    html: {
-        render: ({ type, label, icon, width, sortable }) => {
-            const renderContent = () => {
-                switch (type) {
-                    case 'label':
-                        return `<span>${label}</span>`;
-                    case 'checkbox':
-                        return `<input type="checkbox" class="xpl-checkbox">`;
-                    case 'icon':
-                        return `<xpl-icon icon="${icon}"></xpl-icon>`;
-                    default:
-                        return '';
-                }
-            };
-            return `
-                <th class="header-cell" style="width: ${width}px">
-                    ${sortable
-                ? `
-                        <button class="sortable">
-                            ${renderContent()}
-                            <xpl-icon icon="arrow-down"></xpl-icon>
-                        </button>
-                    `
-                : `<div class="non-sortable">renderContent()</div>`}
-                </th>
-            `;
-        },
-    },
-    design: {
-        type: 'figma',
-        url: 'https://www.figma.com/design/MjjYek73MFnHmVNdm45Sd1/Apollo-Web?node-id=14764-42036&p=f&t=xrSF2t7u1Brg2fnZ-11',
-    },
-};