@usecapsule/core-components 2.0.1 → 2.0.2

package/dist/collection/components/cpsl-qr-code/cpsl-qr-code.js

@@ -1,107 +0,0 @@
-import { Host, h } from "@stencil/core";
-import QRCodeStyling from "qr-code-styling";
-export class CpslQrCode {
-    constructor() {
-        this.url = undefined;
-        this.imageSrc = undefined;
-        this.size = 250;
-    }
-    componentDidLoad() {
-        const container = this.el.shadowRoot.getElementById('qr-container');
-        container.innerHTML = '';
-        const qrCode = new QRCodeStyling({
-            type: 'svg',
-            data: this.url,
-            image: this.imageSrc,
-            height: this.size,
-            width: this.size,
-            qrOptions: { errorCorrectionLevel: 'L' },
-            backgroundOptions: {
-                color: 'transparent',
-            },
-            dotsOptions: {
-                type: 'dots',
-                color: 'currentColor',
-            },
-            cornersSquareOptions: { type: 'extra-rounded' },
-            cornersDotOptions: { type: 'dot' },
-            imageOptions: {
-                crossOrigin: 'anonymous',
-            },
-        });
-        qrCode.append(container);
-    }
-    render() {
-        return (h(Host, { key: '5d582e113aff18956f54928d914685e1bef923a6' }, h("div", { key: '5a81f7e78bf5263b1409c3ba348694acbee6b49a', id: "qr-container", class: "qr-container" })));
-    }
-    static get is() { return "cpsl-qr-code"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["cpsl-qr-code.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["cpsl-qr-code.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "url": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "URL for the QR code to link to."
-                },
-                "attribute": "url",
-                "reflect": false
-            },
-            "imageSrc": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Source for the center image of the QR code."
-                },
-                "attribute": "image-src",
-                "reflect": false
-            },
-            "size": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Size of the QR code in pixels.\nDefault is 250."
-                },
-                "attribute": "size",
-                "reflect": false,
-                "defaultValue": "250"
-            }
-        };
-    }
-    static get elementRef() { return "el"; }
-}
-//# sourceMappingURL=cpsl-qr-code.js.map

package/dist/collection/components/cpsl-qr-code/cpsl-qr-code.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cpsl-qr-code.js","sourceRoot":"","sources":["../../../../src/components/cpsl-qr-code/cpsl-qr-code.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAO5C,MAAM,OAAO,UAAU;;;;oBAiBG,GAAG;;IAE3B,gBAAgB;QACd,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;QAEpE,SAAS,CAAC,SAAS,GAAG,EAAE,CAAC;QAEzB,MAAM,MAAM,GAAG,IAAI,aAAa,CAAC;YAC/B,IAAI,EAAE,KAAK;YACX,IAAI,EAAE,IAAI,CAAC,GAAG;YACd,KAAK,EAAE,IAAI,CAAC,QAAQ;YACpB,MAAM,EAAE,IAAI,CAAC,IAAI;YACjB,KAAK,EAAE,IAAI,CAAC,IAAI;YAChB,SAAS,EAAE,EAAE,oBAAoB,EAAE,GAAG,EAAE;YACxC,iBAAiB,EAAE;gBACjB,KAAK,EAAE,aAAa;aACrB;YACD,WAAW,EAAE;gBACX,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,cAAc;aACtB;YACD,oBAAoB,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE;YAC/C,iBAAiB,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;YAClC,YAAY,EAAE;gBACZ,WAAW,EAAE,WAAW;aACzB;SACF,CAAC,CAAC;QAEH,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DACE,EAAE,EAAC,cAAc,EACjB,KAAK,EAAC,cAAc,GAEpB,CACG,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Element, Prop } from '@stencil/core';\nimport QRCodeStyling from 'qr-code-styling';\n\n@Component({\n  tag: 'cpsl-qr-code',\n  styleUrl: 'cpsl-qr-code.scss',\n  shadow: true,\n})\nexport class CpslQrCode {\n  @Element() el!: HTMLCpslQrCodeElement;\n\n  /**\n   * URL for the QR code to link to.\n   */\n  @Prop() url: string;\n\n  /**\n   * Source for the center image of the QR code.\n   */\n  @Prop() imageSrc?: string;\n\n  /**\n   * Size of the QR code in pixels.\n   * Default is 250.\n   */\n  @Prop() size?: number = 250;\n\n  componentDidLoad() {\n    const container = this.el.shadowRoot.getElementById('qr-container');\n\n    container.innerHTML = '';\n\n    const qrCode = new QRCodeStyling({\n      type: 'svg',\n      data: this.url,\n      image: this.imageSrc,\n      height: this.size,\n      width: this.size,\n      qrOptions: { errorCorrectionLevel: 'L' },\n      backgroundOptions: {\n        color: 'transparent',\n      },\n      dotsOptions: {\n        type: 'dots',\n        color: 'currentColor',\n      },\n      cornersSquareOptions: { type: 'extra-rounded' },\n      cornersDotOptions: { type: 'dot' },\n      imageOptions: {\n        crossOrigin: 'anonymous',\n      },\n    });\n\n    qrCode.append(container);\n  }\n\n  render() {\n    return (\n      <Host>\n        <div\n          id=\"qr-container\"\n          class=\"qr-container\"\n          // style={{ height: `${this.size - 10 ?? 240}px`, width: `${this.size - 10 ?? 240}px` }}\n        />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/cpsl-qr-code/test/cpsl-qr-code.e2e.js

@@ -1,29 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try {
-            step(generator.next(value));
-        }
-        catch (e) {
-            reject(e);
-        } }
-        function rejected(value) { try {
-            step(generator["throw"](value));
-        }
-        catch (e) {
-            reject(e);
-        } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { newE2EPage } from "@stencil/core/testing";
-describe('cpsl-qr-code', () => {
-    it('renders', () => __awaiter(void 0, void 0, void 0, function* () {
-        const page = yield newE2EPage();
-        yield page.setContent('<cpsl-qr-code></cpsl-qr-code>');
-        const element = yield page.find('cpsl-qr-code');
-        expect(element).toHaveClass('hydrated');
-    }));
-});
-//# sourceMappingURL=cpsl-qr-code.e2e.js.map

package/dist/collection/components/cpsl-qr-code/test/cpsl-qr-code.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cpsl-qr-code.e2e.js","sourceRoot":"","sources":["../../../../../src/components/cpsl-qr-code/test/cpsl-qr-code.e2e.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,SAAS,EAAE,GAAS,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,+BAA+B,CAAC,CAAC;QAEvD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAChD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC1C,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('cpsl-qr-code', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<cpsl-qr-code></cpsl-qr-code>');\n\n    const element = await page.find('cpsl-qr-code');\n    expect(element).toHaveClass('hydrated');\n  });\n});\n"]}

package/dist/collection/components/cpsl-qr-code/test/cpsl-qr-code.spec.js

@@ -1,37 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try {
-            step(generator.next(value));
-        }
-        catch (e) {
-            reject(e);
-        } }
-        function rejected(value) { try {
-            step(generator["throw"](value));
-        }
-        catch (e) {
-            reject(e);
-        } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { newSpecPage } from "@stencil/core/testing";
-import { CpslQrCode } from "../cpsl-qr-code";
-describe('cpsl-qr-code', () => {
-    it('renders', () => __awaiter(void 0, void 0, void 0, function* () {
-        const page = yield newSpecPage({
-            components: [CpslQrCode],
-            html: `<cpsl-qr-code></cpsl-qr-code>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <cpsl-qr-code>
-        <mock:shadow-root>
-          <slot></slot>
-        </mock:shadow-root>
-      </cpsl-qr-code>
-    `);
-    }));
-});
-//# sourceMappingURL=cpsl-qr-code.spec.js.map

package/dist/collection/components/cpsl-qr-code/test/cpsl-qr-code.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cpsl-qr-code.spec.js","sourceRoot":"","sources":["../../../../../src/components/cpsl-qr-code/test/cpsl-qr-code.spec.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,SAAS,EAAE,GAAS,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,+BAA+B;SACtC,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { CpslQrCode } from '../cpsl-qr-code';\n\ndescribe('cpsl-qr-code', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [CpslQrCode],\n      html: `<cpsl-qr-code></cpsl-qr-code>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <cpsl-qr-code>\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n      </cpsl-qr-code>\n    `);\n  });\n});\n"]}

package/dist/collection/components/cpsl-row/cpsl-row.css

@@ -1,136 +0,0 @@
-/**
- * Convert a font size to a dynamic font size.
- * Fonts that participate in Dynamic Type should use
- * dynamic font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param unit (optional) - The unit to convert to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a maximum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a minimum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * maximum and minimum font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * A heuristic that applies CSS to tablet
- * viewports.
- *
- * Usage:
- * @include tablet-viewport() {
- *   :host {
- *     background-color: green;
- *   }
- * }
- */
-/**
-   * A heuristic that applies CSS to mobile
-   * viewports (i.e. phones, not tablets).
-   *
-   * Usage:
-   * @include mobile-viewport() {
-   *   :host {
-   *     background-color: blue;
-   *   }
-   * }
-   */
-/**
- * Convert a font size to a dynamic font size.
- * Fonts that participate in Dynamic Type should use
- * dynamic font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param unit (optional) - The unit to convert to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a maximum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a minimum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * maximum and minimum font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * A heuristic that applies CSS to tablet
- * viewports.
- *
- * Usage:
- * @include tablet-viewport() {
- *   :host {
- *     background-color: green;
- *   }
- * }
- */
-/**
-   * A heuristic that applies CSS to mobile
-   * viewports (i.e. phones, not tablets).
-   *
-   * Usage:
-   * @include mobile-viewport() {
-   *   :host {
-   *     background-color: blue;
-   *   }
-   * }
-   */
-/**
- * A heuristic that applies CSS to tablet
- * viewports.
- *
- * Usage:
- * @include tablet-viewport() {
- *   :host {
- *     background-color: green;
- *   }
- * }
- */
-/**
-   * A heuristic that applies CSS to mobile
-   * viewports (i.e. phones, not tablets).
-   *
-   * Usage:
-   * @include mobile-viewport() {
-   *   :host {
-   *     background-color: blue;
-   *   }
-   * }
-   */
-:host {
-  display: flex;
-  flex-wrap: wrap;
-}

package/dist/collection/components/cpsl-row/cpsl-row.js

@@ -1,19 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class CpslRow {
-    render() {
-        return (h(Host, { key: '7b7158e94f4d805c1d67fc96588ef34151e76d5a' }, h("slot", { key: '987a473c46bb7c2be19a35dc54d5ebc2522d9e0a' })));
-    }
-    static get is() { return "cpsl-row"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["cpsl-row.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["cpsl-row.css"]
-        };
-    }
-}
-//# sourceMappingURL=cpsl-row.js.map

package/dist/collection/components/cpsl-row/cpsl-row.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cpsl-row.js","sourceRoot":"","sources":["../../../../src/components/cpsl-row/cpsl-row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,OAAO;IAClB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'cpsl-row',\n  styleUrl: 'cpsl-row.scss',\n  shadow: true,\n})\nexport class CpslRow {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/cpsl-row/test/cpsl-row.e2e.js

@@ -1,29 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try {
-            step(generator.next(value));
-        }
-        catch (e) {
-            reject(e);
-        } }
-        function rejected(value) { try {
-            step(generator["throw"](value));
-        }
-        catch (e) {
-            reject(e);
-        } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { newE2EPage } from "@stencil/core/testing";
-describe('cpsl-row', () => {
-    it('renders', () => __awaiter(void 0, void 0, void 0, function* () {
-        const page = yield newE2EPage();
-        yield page.setContent('<cpsl-row></cpsl-row>');
-        const element = yield page.find('cpsl-row');
-        expect(element).toHaveClass('hydrated');
-    }));
-});
-//# sourceMappingURL=cpsl-row.e2e.js.map

package/dist/collection/components/cpsl-row/test/cpsl-row.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cpsl-row.e2e.js","sourceRoot":"","sources":["../../../../../src/components/cpsl-row/test/cpsl-row.e2e.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACxB,EAAE,CAAC,SAAS,EAAE,GAAS,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;QAE/C,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC5C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC1C,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('cpsl-row', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<cpsl-row></cpsl-row>');\n\n    const element = await page.find('cpsl-row');\n    expect(element).toHaveClass('hydrated');\n  });\n});\n"]}

package/dist/collection/components/cpsl-row/test/cpsl-row.spec.js

@@ -1,37 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try {
-            step(generator.next(value));
-        }
-        catch (e) {
-            reject(e);
-        } }
-        function rejected(value) { try {
-            step(generator["throw"](value));
-        }
-        catch (e) {
-            reject(e);
-        } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { newSpecPage } from "@stencil/core/testing";
-import { CpslRow } from "../cpsl-row";
-describe('cpsl-row', () => {
-    it('renders', () => __awaiter(void 0, void 0, void 0, function* () {
-        const page = yield newSpecPage({
-            components: [CpslRow],
-            html: `<cpsl-row></cpsl-row>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <cpsl-row>
-        <mock:shadow-root>
-          <slot></slot>
-        </mock:shadow-root>
-      </cpsl-row>
-    `);
-    }));
-});
-//# sourceMappingURL=cpsl-row.spec.js.map

package/dist/collection/components/cpsl-row/test/cpsl-row.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cpsl-row.spec.js","sourceRoot":"","sources":["../../../../../src/components/cpsl-row/test/cpsl-row.spec.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACxB,EAAE,CAAC,SAAS,EAAE,GAAS,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,CAAC;YACrB,IAAI,EAAE,uBAAuB;SAC9B,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { CpslRow } from '../cpsl-row';\n\ndescribe('cpsl-row', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [CpslRow],\n      html: `<cpsl-row></cpsl-row>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <cpsl-row>\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n      </cpsl-row>\n    `);\n  });\n});\n"]}

package/dist/collection/components/cpsl-slide-button/cpsl-slide-button.css

@@ -1,175 +0,0 @@
-/**
- * Convert a font size to a dynamic font size.
- * Fonts that participate in Dynamic Type should use
- * dynamic font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param unit (optional) - The unit to convert to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a maximum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a minimum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * maximum and minimum font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * A heuristic that applies CSS to tablet
- * viewports.
- *
- * Usage:
- * @include tablet-viewport() {
- *   :host {
- *     background-color: green;
- *   }
- * }
- */
-/**
-   * A heuristic that applies CSS to mobile
-   * viewports (i.e. phones, not tablets).
-   *
-   * Usage:
-   * @include mobile-viewport() {
-   *   :host {
-   *     background-color: blue;
-   *   }
-   * }
-   */
-:host {
-  /* SLIDER CONTAINER VARS */
-  --slider-container-font-size: 14px;
-  --slider-container-height: 44px;
-  --slider-container-border-width: 1px;
-  --slider-container-box-shadow: 0px 0px 4px 0px var(--cpsl-color-alpha-black-10) inset;
-  --slider-container-start-background-color: var(--cpsl-color-slideButton-slider-container-start-background);
-  --slider-container-end-background-color: var(--cpsl-color-slideButton-slider-container-end-background);
-  --slider-container-start-border-color: var(--cpsl-color-slideButton-slider-container-start-border);
-  --slider-container-end-border-color: var(--cpsl-color-slideButton-slider-container-end-border);
-  /* SLIDER VARS */
-  --slider-border-width: 1px;
-  --slider-box-shadow: 3px 0px 4px 0px var(--cpsl-color-alpha-black-16);
-  --slider-border-color: var(--cpsl-color-slideButton-slider-border);
-  --slider-background-color: var(--cpsl-color-slideButton-slider-background);
-  --slider-color: var(--cpsl-color-slideButton-slider-text);
-  /* START TEXT VARS */
-  --start-text-color: var(--cpsl-color-slideButton-start-text);
-  /* END TEXT VARS */
-  --end-text-color: var(--cpsl-color-slideButton-end-text);
-  font-family: var(--cpsl-font-family, inherit);
-  display: block;
-}
-
-.slider-container {
-  overflow: hidden;
-  position: relative;
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  font-size: var(--slider-container-font-size);
-  font-weight: 500;
-  height: var(--slider-container-height);
-  border-width: var(--slider-container-border-width);
-  border-style: solid;
-  border-radius: calc(var(--slider-container-height) / 2);
-  box-shadow: var(--slider-container-box-shadow);
-}
-
-.slider-container-background {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-}
-
-.start-slider-container-background {
-  background-color: var(--slider-container-start-background-color);
-  border-color: var(--slider-container-start-border-color);
-  opacity: 100%;
-}
-
-.end-slider-container-background {
-  background-color: var(--slider-container-end-background-color);
-  border-color: var(--slider-container-end-border-color);
-  opacity: 0%;
-}
-
-.start-text {
-  user-select: none;
-  color: var(--start-text-color);
-  position: absolute;
-  text-align: center;
-  opacity: 100%;
-  width: calc(100% - var(--slider-container-height) - 8px - 16px);
-  left: calc(var(--slider-container-height) - 4px + 8px);
-}
-.start-text.disabled {
-  left: 0;
-  width: 100%;
-}
-
-.end-text {
-  user-select: none;
-  color: var(--end-text-color);
-  position: absolute;
-  text-align: center;
-  opacity: 0%;
-  width: calc(100% - var(--slider-container-height) - 8px);
-  left: 16px;
-}
-
-.icon {
-  position: absolute;
-}
-
-.start-icon {
-  opacity: 100%;
-}
-
-.end-icon {
-  opacity: 0%;
-}
-
-.slider {
-  left: 1px;
-  cursor: pointer;
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: absolute;
-  z-index: 10;
-  height: calc(var(--slider-container-height) - 4px);
-  width: calc(var(--slider-container-height) - 4px);
-  color: var(--slider-color);
-  background-color: var(--slider-background-color);
-  border-width: var(--slider-border-width);
-  border-style: solid;
-  border-color: var(--slider-border-color);
-  border-radius: 100%;
-  box-shadow: var(--slider-box-shadow);
-}
-.slider cpsl-icon {
-  --icon-color: var(--slider-color);
-}
-.slider.disabled {
-  visibility: hidden;
-}