@supersoniks/concorde 2.0.7 → 3.0.1

package/core/components/ui/loader/loader.js

@@ -1,97 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var Loader_1;
-import { html, LitElement, css } from "lit";
-import { customElement, property } from "lit/decorators.js";
-import { inline } from "@supersoniks/concorde/core/components/ui/loader/styles/inline";
-import { fixed } from "@supersoniks/concorde/core/components/ui/loader/styles/fixed";
-import { Theme } from "@supersoniks/concorde/core/components/ui/theme/theme";
-const tagName = "sonic-loader";
-let Loader = Loader_1 = class Loader extends LitElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * Mode d'affichage du loader
-         * * inline : Loader dans le contenu
-         * * fixed : Loader global par dessus la page
-         */
-        this.mode = "fixed";
-        this.noDelay = false;
-    }
-    static show(conf) {
-        if (!Loader_1.loader)
-            Loader_1.loader = document.createElement("sonic-loader");
-        const loader = Loader_1.loader;
-        if (!conf)
-            conf = {};
-        if (conf.mode)
-            loader.setAttribute("mode", conf.mode);
-        if (conf.noDelay)
-            loader.setAttribute("noDelay", "");
-        if (!conf.container) {
-            conf.container = Theme.getPopContainer();
-            conf.mode = "fixed";
-        }
-        conf.container.appendChild(loader);
-        Loader_1.callCounter++;
-    }
-    static hide() {
-        Loader_1.callCounter--;
-        if (Loader_1.callCounter > 0)
-            return;
-        if (Loader_1.loader)
-            Loader_1.loader.remove();
-    }
-    render() {
-        return html `<div class="sonic-loader sonic-loader--${this.mode} ${this.noDelay ? "sonic-loader--nodelay" : ""} ">
-      <div></div>
-      <div></div>
-      <div></div>
-      <div></div>
-    </div>`;
-    }
-};
-Loader.styles = [
-    inline,
-    fixed,
-    css `
-      :host {
-        --sc-loader-bg: var(--sc-primary, currentColor);
-        pointer-events: none;
-      }
-
-      .sonic-loader {
-        opacity: 0;
-        animation: showLoader 0.5s 0.5s forwards;
-      }
-      .sonic-loader--inline,
-      .sonic-loader--nodelay {
-        animation-delay: 0s;
-      }
-
-      @keyframes showLoader {
-        0% {
-          opacity: 0;
-        }
-
-        100% {
-          opacity: 1;
-        }
-      }
-    `,
-];
-Loader.callCounter = 0;
-__decorate([
-    property({ type: String })
-], Loader.prototype, "mode", void 0);
-__decorate([
-    property({ type: Boolean })
-], Loader.prototype, "noDelay", void 0);
-Loader = Loader_1 = __decorate([
-    customElement(tagName)
-], Loader);
-export { Loader };

package/core/components/ui/loader/styles/fixed.d.ts

@@ -1 +0,0 @@
-export declare const fixed: import("lit").CSSResult;

package/core/components/ui/loader/styles/inline.d.ts

@@ -1 +0,0 @@
-export declare const inline: import("lit").CSSResult;

package/core/components/ui/menu/menu-item.d.ts

@@ -1,5 +0,0 @@
-import { Button } from "@supersoniks/concorde/core/components/ui/button/button";
-export declare class MenuItem extends Button {
-    constructor();
-    connectedCallback(): void;
-}

package/core/components/ui/menu/menu-item.js

@@ -1,34 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { customElement } from "lit/decorators.js";
-import { Button } from "@supersoniks/concorde/core/components/ui/button/button";
-const tagName = "sonic-menu-item";
-let MenuItem = class MenuItem extends Button {
-    constructor() {
-        super();
-    }
-    connectedCallback() {
-        if (!this.hasAttribute("variant")) {
-            this.variant = "ghost";
-        }
-        if (!this.hasAttribute("type")) {
-            this.type = "primary";
-        }
-        if (!this.hasAttribute("shape")) {
-            this.shape = "block";
-        }
-        const isSquareOrCircle = this.shape === "square" || this.shape === "circle";
-        if (!this.hasAttribute("align") && !isSquareOrCircle) {
-            this.align = "left";
-        }
-        super.connectedCallback();
-    }
-};
-MenuItem = __decorate([
-    customElement(tagName)
-], MenuItem);
-export { MenuItem };

package/core/components/ui/menu/menu.d.ts

@@ -1,41 +0,0 @@
-import { LitElement, PropertyValues } from "lit";
-import "@supersoniks/concorde/core/components/ui/menu/menu-item";
-export declare class MenuItems extends LitElement {
-    static styles: import("lit").CSSResult[];
-    /**
-     * Taille du composant, peut avoir un effet sur ses composants enfants
-     * tels que les dividers / boutons,... qui n'auraient pas d'attribut size précisés.
-     */
-    size: "" | "xs" | "sm" | "lg";
-    /**
-     * Direction
-     */
-    direction: "row" | "column";
-    gap: string;
-    align: "center" | "left" | "right";
-    /**
-     * Ombre
-     */
-    shadow: "" | "sm" | "md" | "lg" | "xl" | "none" | null;
-    moreShape: "square" | "circle";
-    scrollable: boolean;
-    observer: ResizeObserver | null;
-    /**
-     * Propriété min-width du bouton
-     */
-    minWidth: string;
-    menu: HTMLElement;
-    menuChildren: Array<HTMLElement>;
-    moreElements: Array<HTMLElement>;
-    hasMoreElements: boolean;
-    checkIfMore(): void;
-    updated(_changedProperties: PropertyValues): void;
-    mainSlotChange(): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    updateIsScollable: () => void;
-    initScrollable(): void;
-    setScrollShadow(target: HTMLElement, direction: string): void;
-    setChildrenSize(menuItems: Array<HTMLElement>): void;
-    render(): import("lit-html").TemplateResult<1>;
-}

package/core/components/ui/menu/menu.js

@@ -1,313 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { html, LitElement, css } from "lit";
-import { styleMap } from "lit/directives/style-map.js";
-import { customElement, property, queryAssignedElements, state, query } from "lit/decorators.js";
-import "@supersoniks/concorde/core/components/ui/menu/menu-item";
-const tagName = "sonic-menu";
-let MenuItems = class MenuItems extends LitElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * Taille du composant, peut avoir un effet sur ses composants enfants
-         * tels que les dividers / boutons,... qui n'auraient pas d'attribut size précisés.
-         */
-        this.size = "";
-        /**
-         * Direction
-         */
-        this.direction = "column";
-        this.gap = "var(--sc-menu-gap)";
-        this.align = "left";
-        /**
-         * Ombre
-         */
-        this.shadow = null;
-        this.moreShape = "circle";
-        this.scrollable = false;
-        this.observer = null;
-        /**
-         * Propriété min-width du bouton
-         */
-        this.minWidth = "0";
-        this.hasMoreElements = false;
-        this.updateIsScollable = () => {
-            if (this.scrollable) {
-                this.initScrollable();
-                this.setScrollShadow(this, this.direction);
-            }
-        };
-    }
-    checkIfMore() {
-        this.hasMoreElements = !!this.moreElements?.length;
-    }
-    updated(_changedProperties) {
-        const moreBtn = this.querySelector(".more-btn");
-        if (this.size && moreBtn) {
-            moreBtn.setAttribute("size", this.size);
-        }
-        const dividers = this.querySelectorAll("sonic-divider");
-        dividers.forEach((elt) => {
-            if (!elt.hasAttribute("size")) {
-                elt.setAttribute("size", "xs");
-            }
-        });
-        super.updated(_changedProperties);
-    }
-    mainSlotChange() {
-        this.setChildrenSize(this.menuChildren);
-        this.updateIsScollable();
-    }
-    connectedCallback() {
-        this.observer = new ResizeObserver(this.updateIsScollable);
-        // observe if menu elements are overflowing and initiate scrollable
-        this.observer.observe(this);
-        super.connectedCallback();
-    }
-    disconnectedCallback() {
-        this.observer?.disconnect();
-        super.disconnectedCallback();
-    }
-    initScrollable() {
-        let isDown = false;
-        let startX;
-        let scrollLeft;
-        if (this.scrollable) {
-            this.addEventListener("mousedown", (e) => {
-                isDown = true;
-                this.classList.add("active");
-                startX = e.pageX - this.offsetLeft;
-                scrollLeft = this.scrollLeft;
-            });
-            this.addEventListener("mouseleave", () => {
-                isDown = false;
-                this.classList.remove("active");
-            });
-            this.addEventListener("mouseup", () => {
-                isDown = false;
-                this.classList.remove("active");
-            });
-            this.addEventListener("mousemove", (e) => {
-                if (!isDown)
-                    return;
-                e.preventDefault();
-                const x = e.pageX - this.offsetLeft;
-                const walk = (x - startX) * 1.5; //scroll-fast
-                this.scrollLeft = scrollLeft - walk;
-                this.setScrollShadow(this, this.direction);
-            });
-            this.addEventListener("scroll", (e) => {
-                e.preventDefault();
-                // const delta = Math.sign(e.deltaY);
-                // this.scrollLeft += delta * 50;
-                this.setScrollShadow(this, this.direction);
-            });
-        }
-    }
-    setScrollShadow(target, direction) {
-        if (direction == "row") {
-            if (target.scrollLeft > 0) {
-                this.classList.add("shadow-left");
-            }
-            else {
-                this.classList.remove("shadow-left");
-            }
-            if (target.scrollLeft < target.scrollWidth - target.offsetWidth) {
-                this.classList.add("shadow-right");
-            }
-            else {
-                this.classList.remove("shadow-right");
-            }
-        }
-        else if (direction == "column") {
-            if (target.scrollTop > 0) {
-                this.classList.add("shadow-top");
-            }
-            else {
-                this.classList.remove("shadow-top");
-            }
-            if (target.scrollTop < target.scrollHeight - (target.offsetHeight + 1)) {
-                this.classList.add("shadow-bottom");
-            }
-            else {
-                this.classList.remove("shadow-bottom");
-            }
-        }
-    }
-    setChildrenSize(menuItems) {
-        menuItems.forEach((elt) => {
-            if (this.size) {
-                elt.setAttribute("size", this.size);
-            }
-            if (this.align) {
-                if (elt.getAttribute("shape") != "square" && elt.getAttribute("shape") != "circle") {
-                    elt.setAttribute("align", this.align);
-                }
-            }
-            if (this.direction == "row") {
-                if (elt.getAttribute("shape") == "block") {
-                    elt.setAttribute("shape", "default");
-                }
-            }
-        });
-    }
-    render() {
-        const menuStyles = {
-            minWidth: this.minWidth,
-            flexDirection: this.direction,
-            gap: this.gap,
-        };
-        const isMenuRow = this.direction == "row";
-        const popStyles = {
-            display: "block",
-            alignSelf: isMenuRow ? "center" : "flex-start",
-            justifySelf: "center",
-            flexDirection: this.direction,
-        };
-        const popBtnStyles = {
-            marginLeft: isMenuRow ? "" : ".55em",
-        };
-        return html `<menu part="menu" class="shadowable" style=${styleMap(menuStyles)}>
-      <slot @slotchange=${this.mainSlotChange}></slot>
-      <sonic-pop style=${styleMap(popStyles)} class=${!this.hasMoreElements ? "hidden" : ""}>
-        <sonic-menu-item style=${styleMap(popBtnStyles)} class="more-btn" shape=${this.moreShape} align="center">
-          <sonic-icon size="xl" name=${isMenuRow ? "more-vert" : "more-horiz"}></sonic-icon>
-        </sonic-menu-item>
-        <slot name="more" @slotchange=${this.checkIfMore} slot="content"></slot>
-      </sonic-pop>
-    </menu>`;
-    }
-};
-MenuItems.styles = [
-    css `
-      :host {
-        display: block;
-        --sc-menu-gap: 0.15rem;
-      }
-
-      :host > menu {
-        display: flex;
-        border-radius: min(calc(var(--sc-btn-rounded) * 2), 0.4em);
-        margin: 0;
-        padding: 0.35em;
-      }
-
-      .hidden {
-        display: none !important;
-      }
-
-      /*OMBRE*/
-      :host([shadow]) .shadowable,
-      :host([shadow="md"]) .shadowable,
-      :host([shadow="true"]) .shadowable {
-        box-shadow: var(--sc-shadow);
-      }
-
-      :host([shadow="sm"]) .shadowable {
-        box-shadow: var(--sc-shadow-sm);
-      }
-
-      :host([shadow="lg"]) .shadowable {
-        box-shadow: var(--sc-shadow-lg);
-      }
-
-      :host([shadow="none"]) .shadowable {
-        box-shadow: none;
-      }
-
-      /* SCROLLABLE*/
-      :host([scrollable]) {
-        scrollbar-width: none;
-        -ms-overflow-style: none;
-      }
-      :host([scrollable]) menu > * {
-        scroll-snap-align: start;
-        white-space: nowrap;
-      }
-      :host([scrollable][direction="row"]) {
-        overflow-x: scroll;
-        scroll-snap-type: x mandatory;
-      }
-      :host([scrollable][direction="column"]) {
-        overflow-y: scroll;
-        scroll-snap-type: y mandatory;
-      }
-      :host([scrollable])::-webkit-scrollbar {
-        display: none !important;
-      }
-      :host([scrollable][direction="row"].shadow-right) {
-        -webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 10%);
-        mask-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 10%);
-      }
-      :host([scrollable][direction="row"].shadow-left) {
-        -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 10%);
-        mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 10%);
-      }
-      :host([scrollable][direction="row"].shadow-left.shadow-right) {
-        -webkit-mask-image: linear-gradient(
-          to right,
-          rgba(0, 0, 0, 0) 0%,
-          rgba(0, 0, 0, 1) 10%,
-          rgba(0, 0, 0, 1) 90%,
-          rgba(0, 0, 0, 0) 100%
-        );
-        mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%);
-      }
-      :host([scrollable][direction="column"].shadow-top) {
-        -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 10%);
-        mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 10%);
-      }
-      :host([scrollable][direction="column"].shadow-bottom) {
-        -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 10%);
-        mask-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 10%);
-      }
-      :host([scrollable][direction="column"].shadow-top.shadow-bottom) {
-        -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%);
-        mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%);
-      }
-    `,
-];
-__decorate([
-    property({ type: String, reflect: true })
-], MenuItems.prototype, "size", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], MenuItems.prototype, "direction", void 0);
-__decorate([
-    property({ type: String })
-], MenuItems.prototype, "gap", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], MenuItems.prototype, "align", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], MenuItems.prototype, "shadow", void 0);
-__decorate([
-    property({ type: String })
-], MenuItems.prototype, "moreShape", void 0);
-__decorate([
-    property({ type: Boolean })
-], MenuItems.prototype, "scrollable", void 0);
-__decorate([
-    property({ type: String })
-], MenuItems.prototype, "minWidth", void 0);
-__decorate([
-    query("menu")
-], MenuItems.prototype, "menu", void 0);
-__decorate([
-    queryAssignedElements({ selector: "sonic-menu-item" })
-], MenuItems.prototype, "menuChildren", void 0);
-__decorate([
-    queryAssignedElements({ slot: "more", selector: "*" })
-], MenuItems.prototype, "moreElements", void 0);
-__decorate([
-    state()
-], MenuItems.prototype, "hasMoreElements", void 0);
-MenuItems = __decorate([
-    customElement(tagName)
-], MenuItems);
-export { MenuItems };

package/core/components/ui/modal/modal-actions.d.ts

@@ -1,7 +0,0 @@
-import { LitElement } from "lit";
-export declare class ModalActions extends LitElement {
-    static styles: import("lit").CSSResult[];
-    buttons: Array<HTMLElement>;
-    firstUpdated(changedProperties: Map<string | number | symbol, unknown>): void;
-    render(): import("lit-html").TemplateResult<1>;
-}

package/core/components/ui/modal/modal-actions.js

@@ -1,42 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { html, LitElement, css } from "lit";
-import { customElement, queryAssignedElements } from "lit/decorators.js";
-const tagName = "sonic-modal-actions";
-let ModalActions = class ModalActions extends LitElement {
-    firstUpdated(changedProperties) {
-        this.buttons?.forEach((btn) => {
-            btn.addEventListener("click", () => {
-                if (btn.getAttribute("hideModal") != "false") {
-                    const parentModal = this.closest("sonic-modal");
-                    parentModal?.hide();
-                }
-            });
-        });
-        super.firstUpdated(changedProperties);
-    }
-    render() {
-        return html `<slot></slot>`;
-    }
-};
-ModalActions.styles = [
-    css `
-      :host {
-        display: flex;
-        gap: 0.5rem;
-        margin-top: auto;
-        padding-top: 1.5rem;
-      }
-    `,
-];
-__decorate([
-    queryAssignedElements({ selector: "sonic-button" })
-], ModalActions.prototype, "buttons", void 0);
-ModalActions = __decorate([
-    customElement(tagName)
-], ModalActions);
-export { ModalActions };

package/core/components/ui/modal/modal-close.d.ts

@@ -1,7 +0,0 @@
-import { LitElement } from "lit";
-export declare class ModalClose extends LitElement {
-    static styles: import("lit").CSSResult[];
-    reset?: string;
-    render(): import("lit-html").TemplateResult<1>;
-    handleClick(): void;
-}

package/core/components/ui/modal/modal-close.js

@@ -1,43 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { html, LitElement, css } from "lit";
-import { customElement, property } from "lit/decorators.js";
-import { ifDefined } from "lit/directives/if-defined.js";
-import HTML from "@supersoniks/concorde/core/utils/HTML";
-const tagName = "sonic-modal-close";
-let ModalClose = class ModalClose extends LitElement {
-    render() {
-        return html `<sonic-button reset=${ifDefined(this.reset)} shape="circle" @click=${this.handleClick}
-      ><sonic-icon name="cancel" size="lg"></sonic-icon
-    ></sonic-button>`;
-    }
-    handleClick() {
-        const parentModal = HTML.getClosestElement(this, "sonic-modal");
-        parentModal.hide();
-    }
-};
-ModalClose.styles = [
-    css `
-      :host {
-        position: sticky;
-        display: block;
-        align-self: flex-end;
-        height: 0;
-        top: 0.5rem;
-        right: 0.5rem;
-        transform: translate3d(calc(var(--sc-modal-px)), calc(-1 * var(--sc-modal-py)), 0);
-        z-index: 20;
-      }
-    `,
-];
-__decorate([
-    property()
-], ModalClose.prototype, "reset", void 0);
-ModalClose = __decorate([
-    customElement(tagName)
-], ModalClose);
-export { ModalClose };

package/core/components/ui/modal/modal-content.d.ts

@@ -1,5 +0,0 @@
-import { LitElement } from "lit";
-export declare class ModalContent extends LitElement {
-    static styles: import("lit").CSSResult[];
-    render(): import("lit-html").TemplateResult<1>;
-}

package/core/components/ui/modal/modal-content.js

@@ -1,26 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { html, LitElement, css } from "lit";
-import { customElement } from "lit/decorators.js";
-const tagName = "sonic-modal-content";
-let ModalContent = class ModalContent extends LitElement {
-    render() {
-        return html `<slot></slot>`;
-    }
-};
-ModalContent.styles = [
-    css `
-      :host {
-        display: block;
-        width: 100%;
-      }
-    `,
-];
-ModalContent = __decorate([
-    customElement(tagName)
-], ModalContent);
-export { ModalContent };

package/core/components/ui/modal/modal-subtitle.d.ts

@@ -1,5 +0,0 @@
-import { LitElement } from "lit";
-export declare class ModalSubTitle extends LitElement {
-    static styles: import("lit").CSSResult[];
-    render(): import("lit-html").TemplateResult<1>;
-}

package/core/components/ui/modal/modal-subtitle.js

@@ -1,30 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { html, LitElement, css } from "lit";
-import { customElement } from "lit/decorators.js";
-const tagName = "sonic-modal-subtitle";
-let ModalSubTitle = class ModalSubTitle extends LitElement {
-    render() {
-        return html `<slot></slot>`;
-    }
-};
-ModalSubTitle.styles = [
-    css `
-      :host {
-        font-size: 1.1rem;
-        display: block;
-        line-height: 1.1rem;
-        line-height: var(--sc-headings-line-height);
-        font-family: var(--sc-headings-font-family);
-        font-weight: var(--sc-headings-font-weight);
-      }
-    `,
-];
-ModalSubTitle = __decorate([
-    customElement(tagName)
-], ModalSubTitle);
-export { ModalSubTitle };

package/core/components/ui/modal/modal-title.d.ts

@@ -1,5 +0,0 @@
-import { LitElement } from "lit";
-export declare class ModalTitle extends LitElement {
-    static styles: import("lit").CSSResult[];
-    render(): import("lit-html").TemplateResult<1>;
-}