@usecapsule/core-components 2.0.0 → 2.0.2

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

@@ -1,73 +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 {
-  --divider-height: 1px;
-  --divider-color: var(--cpsl-color-divider);
-  display: flex;
-  align-items: center;
-  height: 24px;
-  color: var(--cpsl-color-text-subtle);
-  font-family: var(--cpsl-font-family, inherit);
-  font-size: clamp(14px, 0.875rem, 21px);
-  font-weight: 600;
-  gap: 16px;
-}
-
-:host div {
-  flex: 1;
-  background-color: var(--divider-color);
-  height: var(--divider-height);
-}

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

@@ -1,19 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class CpslDivider {
-    render() {
-        return (h(Host, { key: '7b35806d55027d32c6f8c0e5cfcaef46f35ebd68' }, h("div", { key: '5af8157b329cfd491256537c267adbe3e15c8914' }), h("slot", { key: '913734d72f49bc1092f447326710223eb85f901e' }), h("div", { key: '47b8c8569f8e43a830bfb84636faca0df7b7e7df' })));
-    }
-    static get is() { return "cpsl-divider"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["cpsl-divider.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["cpsl-divider.css"]
-        };
-    }
-}
-//# sourceMappingURL=cpsl-divider.js.map

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

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

package/dist/collection/components/cpsl-divider/test/cpsl-divider.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-divider', () => {
-    it('renders', () => __awaiter(void 0, void 0, void 0, function* () {
-        const page = yield newE2EPage();
-        yield page.setContent('<cpsl-divider></cpsl-divider>');
-        const element = yield page.find('cpsl-divider');
-        expect(element).toHaveClass('hydrated');
-    }));
-});
-//# sourceMappingURL=cpsl-divider.e2e.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"cpsl-divider.e2e.js","sourceRoot":"","sources":["../../../../../src/components/cpsl-divider/test/cpsl-divider.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-divider', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<cpsl-divider></cpsl-divider>');\n\n    const element = await page.find('cpsl-divider');\n    expect(element).toHaveClass('hydrated');\n  });\n});\n"]}

package/dist/collection/components/cpsl-divider/test/cpsl-divider.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 { CpslDivider } from "../cpsl-divider";
-describe('cpsl-divider', () => {
-    it('renders', () => __awaiter(void 0, void 0, void 0, function* () {
-        const page = yield newSpecPage({
-            components: [CpslDivider],
-            html: `<cpsl-divider></cpsl-divider>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <cpsl-divider>
-        <mock:shadow-root>
-          <slot></slot>
-        </mock:shadow-root>
-      </cpsl-divider>
-    `);
-    }));
-});
-//# sourceMappingURL=cpsl-divider.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"cpsl-divider.spec.js","sourceRoot":"","sources":["../../../../../src/components/cpsl-divider/test/cpsl-divider.spec.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,SAAS,EAAE,GAAS,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,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 { CpslDivider } from '../cpsl-divider';\n\ndescribe('cpsl-divider', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [CpslDivider],\n      html: `<cpsl-divider></cpsl-divider>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <cpsl-divider>\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n      </cpsl-divider>\n    `);\n  });\n});\n"]}

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

@@ -1,235 +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 {
-  /**
-   * @prop --cpsl-grid-padding: Padding for the Grid
-   * @prop --cpsl-grid-padding-xs: Padding for the Grid on xs screens
-   * @prop --cpsl-grid-padding-sm: Padding for the Grid on sm screens
-   * @prop --cpsl-grid-padding-md: Padding for the Grid on md screens
-   * @prop --cpsl-grid-padding-lg: Padding for the Grid on lg screens
-   * @prop --cpsl-grid-padding-xl: Padding for the Grid on xl screens
-   *
-   * @prop --cpsl-grid-width: Width of the fixed Grid
-   * @prop --cpsl-grid-width-xs: Width of the fixed Grid on xs screens
-   * @prop --cpsl-grid-width-sm: Width of the fixed Grid on sm screens
-   * @prop --cpsl-grid-width-md: Width of the fixed Grid on md screens
-   * @prop --cpsl-grid-width-lg: Width of the fixed Grid on lg screens
-   * @prop --cpsl-grid-width-xl: Width of the fixed Grid on xl screens
-   */
-  -webkit-padding-start: var(--cpsl-grid-padding-xs, var(--cpsl-grid-padding, 0px));
-  padding-inline-start: var(--cpsl-grid-padding-xs, var(--cpsl-grid-padding, 0px));
-  -webkit-padding-end: var(--cpsl-grid-padding-xs, var(--cpsl-grid-padding, 0px));
-  padding-inline-end: var(--cpsl-grid-padding-xs, var(--cpsl-grid-padding, 0px));
-  padding-top: var(--cpsl-grid-padding-xs, var(--cpsl-grid-padding, 0px));
-  padding-bottom: var(--cpsl-grid-padding-xs, var(--cpsl-grid-padding, 0px));
-  -webkit-margin-start: auto;
-  margin-inline-start: auto;
-  -webkit-margin-end: auto;
-  margin-inline-end: auto;
-  display: block;
-  flex: 1;
-}
-@media (min-width: 576px) {
-  :host {
-    -webkit-padding-start: var(--cpsl-grid-padding-sm, var(--cpsl-grid-padding, 0px));
-    padding-inline-start: var(--cpsl-grid-padding-sm, var(--cpsl-grid-padding, 0px));
-    -webkit-padding-end: var(--cpsl-grid-padding-sm, var(--cpsl-grid-padding, 0px));
-    padding-inline-end: var(--cpsl-grid-padding-sm, var(--cpsl-grid-padding, 0px));
-    padding-top: var(--cpsl-grid-padding-sm, var(--cpsl-grid-padding, 0px));
-    padding-bottom: var(--cpsl-grid-padding-sm, var(--cpsl-grid-padding, 0px));
-  }
-}
-@media (min-width: 768px) {
-  :host {
-    -webkit-padding-start: var(--cpsl-grid-padding-md, var(--cpsl-grid-padding, 0px));
-    padding-inline-start: var(--cpsl-grid-padding-md, var(--cpsl-grid-padding, 0px));
-    -webkit-padding-end: var(--cpsl-grid-padding-md, var(--cpsl-grid-padding, 0px));
-    padding-inline-end: var(--cpsl-grid-padding-md, var(--cpsl-grid-padding, 0px));
-    padding-top: var(--cpsl-grid-padding-md, var(--cpsl-grid-padding, 0px));
-    padding-bottom: var(--cpsl-grid-padding-md, var(--cpsl-grid-padding, 0px));
-  }
-}
-@media (min-width: 992px) {
-  :host {
-    -webkit-padding-start: var(--cpsl-grid-padding-lg, var(--cpsl-grid-padding, 0px));
-    padding-inline-start: var(--cpsl-grid-padding-lg, var(--cpsl-grid-padding, 0px));
-    -webkit-padding-end: var(--cpsl-grid-padding-lg, var(--cpsl-grid-padding, 0px));
-    padding-inline-end: var(--cpsl-grid-padding-lg, var(--cpsl-grid-padding, 0px));
-    padding-top: var(--cpsl-grid-padding-lg, var(--cpsl-grid-padding, 0px));
-    padding-bottom: var(--cpsl-grid-padding-lg, var(--cpsl-grid-padding, 0px));
-  }
-}
-@media (min-width: 1200px) {
-  :host {
-    -webkit-padding-start: var(--cpsl-grid-padding-xl, var(--cpsl-grid-padding, 0px));
-    padding-inline-start: var(--cpsl-grid-padding-xl, var(--cpsl-grid-padding, 0px));
-    -webkit-padding-end: var(--cpsl-grid-padding-xl, var(--cpsl-grid-padding, 0px));
-    padding-inline-end: var(--cpsl-grid-padding-xl, var(--cpsl-grid-padding, 0px));
-    padding-top: var(--cpsl-grid-padding-xl, var(--cpsl-grid-padding, 0px));
-    padding-bottom: var(--cpsl-grid-padding-xl, var(--cpsl-grid-padding, 0px));
-  }
-}
-
-:host(.grid-fixed) {
-  width: var(--cpsl-grid-width-xs, var(--cpsl-grid-width, 100%));
-  max-width: 100%;
-}
-@media (min-width: 576px) {
-  :host(.grid-fixed) {
-    width: var(--cpsl-grid-width-sm, var(--cpsl-grid-width, 540px));
-  }
-}
-@media (min-width: 768px) {
-  :host(.grid-fixed) {
-    width: var(--cpsl-grid-width-md, var(--cpsl-grid-width, 720px));
-  }
-}
-@media (min-width: 992px) {
-  :host(.grid-fixed) {
-    width: var(--cpsl-grid-width-lg, var(--cpsl-grid-width, 960px));
-  }
-}
-@media (min-width: 1200px) {
-  :host(.grid-fixed) {
-    width: var(--cpsl-grid-width-xl, var(--cpsl-grid-width, 1140px));
-  }
-}
-
-:host(.cpsl-no-padding) {
-  --cpsl-grid-column-padding: 0;
-  --cpsl-grid-column-padding-xs: 0;
-  --cpsl-grid-column-padding-sm: 0;
-  --cpsl-grid-column-padding-md: 0;
-  --cpsl-grid-column-padding-lg: 0;
-  --cpsl-grid-column-padding-xl: 0;
-}

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

@@ -1,46 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class CpslGrid {
-    constructor() {
-        this.fixed = false;
-    }
-    render() {
-        return (h(Host, { key: '1d6d165e50e9a7c745bdd699d4123bf4d850d636', class: {
-                'grid-fixed': this.fixed,
-            } }, h("slot", { key: '11169a28e7cc3ef39b9632b6892750ddb6dbffc6' })));
-    }
-    static get is() { return "cpsl-grid"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["cpsl-grid.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["cpsl-grid.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "fixed": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "If `true`, the grid will have a fixed width based on the screen size."
-                },
-                "attribute": "fixed",
-                "reflect": false,
-                "defaultValue": "false"
-            }
-        };
-    }
-}
-//# sourceMappingURL=cpsl-grid.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"cpsl-grid.js","sourceRoot":"","sources":["../../../../src/components/cpsl-grid/cpsl-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,QAAQ;;qBAIH,KAAK;;IAErB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE;gBACL,YAAY,EAAE,IAAI,CAAC,KAAK;aACzB;YAED,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'cpsl-grid',\n  styleUrl: 'cpsl-grid.scss',\n  shadow: true,\n})\nexport class CpslGrid {\n  /**\n   * If `true`, the grid will have a fixed width based on the screen size.\n   */\n  @Prop() fixed = false;\n\n  render() {\n    return (\n      <Host\n        class={{\n          'grid-fixed': this.fixed,\n        }}\n      >\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/cpsl-grid/test/cpsl-grid.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-grid', () => {
-    it('renders', () => __awaiter(void 0, void 0, void 0, function* () {
-        const page = yield newE2EPage();
-        yield page.setContent('<cpsl-grid></cpsl-grid>');
-        const element = yield page.find('cpsl-grid');
-        expect(element).toHaveClass('hydrated');
-    }));
-});
-//# sourceMappingURL=cpsl-grid.e2e.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"cpsl-grid.e2e.js","sourceRoot":"","sources":["../../../../../src/components/cpsl-grid/test/cpsl-grid.e2e.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,SAAS,EAAE,GAAS,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAC;QAEjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC7C,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-grid', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<cpsl-grid></cpsl-grid>');\n\n    const element = await page.find('cpsl-grid');\n    expect(element).toHaveClass('hydrated');\n  });\n});\n"]}

package/dist/collection/components/cpsl-grid/test/cpsl-grid.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 { CpslGrid } from "../cpsl-grid";
-describe('cpsl-grid', () => {
-    it('renders', () => __awaiter(void 0, void 0, void 0, function* () {
-        const page = yield newSpecPage({
-            components: [CpslGrid],
-            html: `<cpsl-grid></cpsl-grid>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <cpsl-grid>
-        <mock:shadow-root>
-          <slot></slot>
-        </mock:shadow-root>
-      </cpsl-grid>
-    `);
-    }));
-});
-//# sourceMappingURL=cpsl-grid.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"cpsl-grid.spec.js","sourceRoot":"","sources":["../../../../../src/components/cpsl-grid/test/cpsl-grid.spec.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,SAAS,EAAE,GAAS,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE,yBAAyB;SAChC,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 { CpslGrid } from '../cpsl-grid';\n\ndescribe('cpsl-grid', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [CpslGrid],\n      html: `<cpsl-grid></cpsl-grid>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <cpsl-grid>\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n      </cpsl-grid>\n    `);\n  });\n});\n"]}

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

@@ -1,95 +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 {
-  display: block;
-  --height: 24px;
-  --width: 24px;
-  --icon-color: var(--cpsl-color-text-primary);
-  --icon-fill-color: var(--cpsl-color-text-primary);
-  --icon-stroke-color: var(--cpsl-color-text-primary);
-  width: var(--width);
-  height: var(--height);
-}
-
-:host div {
-  display: flex;
-  width: var(--width);
-  height: var(--height);
-  color: var(--icon-color);
-}
-
-:host svg {
-  width: var(--width);
-  height: var(--height);
-}
-:host svg .background-16 {
-  fill: var(--cpsl-color-background-16);
-}
-:host svg .foreground-0 {
-  fill: var(--cpsl-color-foreground-0);
-}
-:host svg .fill {
-  fill: var(--icon-fill-color);
-}
-:host svg .stroke {
-  stroke: var(--icon-stroke-color);
-}
-
-:host img {
-  width: var(--width);
-  height: var(--height);
-  object-fit: contain;
-}