@usecapsule/core-components 2.0.2 → 2.0.4-dev.dropdown

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

@@ -0,0 +1,235 @@
+/**
+ * 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

@@ -0,0 +1,46 @@
+import { Host, h } from "@stencil/core";
+export class CpslGrid {
+    constructor() {
+        this.fixed = false;
+    }
+    render() {
+        return (h(Host, { key: 'ad08de3e168770731291ad1fd2ddffcac4ca6145', class: {
+                'grid-fixed': this.fixed,
+            } }, h("slot", { key: '0c93c6a07b6acfaa4bd50c6edabbae30e37ed09d' })));
+    }
+    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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,29 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,37 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,95 @@
+/**
+ * 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;
+}

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

@@ -0,0 +1,68 @@
+import { Host, h } from "@stencil/core";
+import { Icons } from "../../assets/icons";
+export class CpslIcon {
+    constructor() {
+        this.src = undefined;
+        this.icon = undefined;
+    }
+    render() {
+        return (h(Host, { key: '89f3081baf013558e965cc6682811d66dc2b188d', part: "icon", role: "img" }, !Boolean(this.icon) ? h("img", { src: this.src }) : h("div", { innerHTML: Icons[this.icon] })));
+    }
+    static get is() { return "cpsl-icon"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["cpsl-icon.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["cpsl-icon.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "src": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The external source of the icon. If both `icon` and `src` are provided, `icon` will be used."
+                },
+                "attribute": "src",
+                "reflect": false
+            },
+            "icon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "IconType",
+                    "resolved": "\"key\" | \"AD\" | \"AE\" | \"AF\" | \"AG\" | \"AI\" | \"AL\" | \"AM\" | \"AO\" | \"AR\" | \"AS\" | \"AT\" | \"AU\" | \"AW\" | \"AX\" | \"AZ\" | \"BA\" | \"BB\" | \"BD\" | \"BE\" | \"BF\" | \"BG\" | \"BH\" | \"BI\" | \"BJ\" | \"BL\" | \"BM\" | \"BN\" | \"BO\" | \"BQ\" | \"BQ2\" | \"BQ3\" | \"BR\" | \"BS\" | \"BT\" | \"BW\" | \"BY\" | \"BZ\" | \"CA\" | \"CC\" | \"CD\" | \"CD2\" | \"CF\" | \"CH\" | \"CK\" | \"CL\" | \"CM\" | \"CN\" | \"CO\" | \"CR\" | \"CU\" | \"CW\" | \"CX\" | \"CY\" | \"CZ\" | \"DE\" | \"DJ\" | \"DK\" | \"DM\" | \"DO\" | \"DS\" | \"DZ\" | \"EC\" | \"EE\" | \"EG\" | \"EH\" | \"ER\" | \"ES\" | \"ET\" | \"FI\" | \"FJ\" | \"FK\" | \"FM\" | \"FO\" | \"FR\" | \"GA\" | \"GB2\" | \"GB\" | \"GD\" | \"GE\" | \"GG\" | \"GH\" | \"GI\" | \"GL\" | \"GM\" | \"GN\" | \"GQ\" | \"GR\" | \"GT\" | \"GU\" | \"GW\" | \"GY\" | \"HK\" | \"HN\" | \"HR\" | \"HT\" | \"HU\" | \"ID\" | \"IE\" | \"IL\" | \"IM\" | \"IN\" | \"IO\" | \"IQ\" | \"IR\" | \"IS\" | \"IT\" | \"JE\" | \"JM\" | \"JO\" | \"JP\" | \"KE\" | \"KG\" | \"KH\" | \"KI\" | \"KM\" | \"KN\" | \"KP\" | \"KR\" | \"KW\" | \"KY\" | \"KZ\" | \"LA\" | \"LB\" | \"LC\" | \"LI\" | \"LK\" | \"LR\" | \"LS\" | \"LT\" | \"LU\" | \"LV\" | \"LY\" | \"MA\" | \"MC\" | \"MD\" | \"ME\" | \"MG\" | \"MH\" | \"MK\" | \"ML\" | \"MM\" | \"MN\" | \"MO\" | \"MP\" | \"MQ\" | \"MR\" | \"MS\" | \"MT\" | \"MU\" | \"MV\" | \"MW\" | \"MX\" | \"MY\" | \"MZ\" | \"NA\" | \"NE\" | \"NF\" | \"NG\" | \"NI\" | \"NL\" | \"NO\" | \"NP\" | \"NR\" | \"NU\" | \"NZ\" | \"OM\" | \"PA\" | \"PE\" | \"PF\" | \"PG\" | \"PH\" | \"PK\" | \"PL\" | \"PN\" | \"PR\" | \"PS\" | \"PT\" | \"PW\" | \"PY\" | \"QA\" | \"RO\" | \"RS\" | \"RU\" | \"RW\" | \"SA\" | \"SB\" | \"SC\" | \"SE\" | \"SG\" | \"SI\" | \"SK\" | \"SL\" | \"SM\" | \"SN\" | \"SO\" | \"SR\" | \"SS\" | \"ST\" | \"SV\" | \"SX\" | \"SY\" | \"SZ\" | \"TC\" | \"TD\" | \"TG\" | \"TH\" | \"TJ\" | \"TK\" | \"TL\" | \"TM\" | \"TN\" | \"TO\" | \"TR\" | \"TT\" | \"TV\" | \"TW\" | \"TZ\" | \"UA\" | \"UG\" | \"US\" | \"UY\" | \"UZ\" | \"VC\" | \"VE\" | \"VG\" | \"VI\" | \"VN\" | \"VU\" | \"WS\" | \"YE\" | \"ZA\" | \"ZM\" | \"ZW\" | \"alertCircle\" | \"angelListBrand\" | \"angelList\" | \"appleBrand\" | \"apple\" | \"arrowNarrow\" | \"arrow\" | \"backupKit\" | \"capsuleLogo\" | \"capsuleRingsDark\" | \"capsuleRings\" | \"capsule\" | \"check\" | \"chevronUp\" | \"clock\" | \"close\" | \"clubhouseBrand\" | \"clubhouse\" | \"copy\" | \"discordBrand\" | \"discord\" | \"downloadCloud\" | \"dribbbleBrand\" | \"dribbble\" | \"earth\" | \"eyeOff\" | \"eye\" | \"facebookBrand\" | \"facebook\" | \"figmaBrand\" | \"figma\" | \"githubBrand\" | \"github\" | \"googleBrand\" | \"google\" | \"helpCircle\" | \"heroEmail\" | \"heroLock\" | \"heroPasskey\" | \"heroPhone\" | \"heroWallet\" | \"infoCircle\" | \"instagramBrand\" | \"instagram\" | \"linkedinBrand\" | \"linkedin\" | \"mail\" | \"moreLoginOptions\" | \"phone\" | \"pintrestBrand\" | \"pintrest\" | \"plusCircle\" | \"redditBrand\" | \"reddit\" | \"signalBrand\" | \"signal\" | \"snapchatBrand\" | \"snapchat\" | \"telegramBrand\" | \"telegram\" | \"tikTokBrand\" | \"tikTok\" | \"tumblrBrand\" | \"tumblr\" | \"twitterBrand\" | \"twitter\" | \"wallet\" | \"youtubeBrand\" | \"youtube\"",
+                    "references": {
+                        "IconType": {
+                            "location": "import",
+                            "path": "../../interface",
+                            "id": "src/interface.ts::IconType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The name of the icon. If both `icon` and `src` are provided, `icon` will be used."
+                },
+                "attribute": "icon",
+                "reflect": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=cpsl-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cpsl-icon.js","sourceRoot":"","sources":["../../../../src/components/cpsl-icon/cpsl-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAO3C,MAAM,OAAO,QAAQ;;;;;IAWnB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,IACzB,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,WAAK,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,CAAC,CAAC,CAAC,WAAK,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAI,CAC/E,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\nimport { IconType } from '../../interface';\nimport { Icons } from '../../assets/icons';\n\n@Component({\n  tag: 'cpsl-icon',\n  styleUrl: 'cpsl-icon.scss',\n  shadow: true,\n})\nexport class CpslIcon {\n  /**\n   * The external source of the icon. If both `icon` and `src` are provided, `icon` will be used.\n   */\n  @Prop() src?: string;\n\n  /**\n   * The name of the icon. If both `icon` and `src` are provided, `icon` will be used.\n   */\n  @Prop() icon?: IconType;\n\n  render() {\n    return (\n      <Host part=\"icon\" role=\"img\">\n        {!Boolean(this.icon) ? <img src={this.src} /> : <div innerHTML={Icons[this.icon]} />}\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,29 @@
+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-icon', () => {
+    it('renders', () => __awaiter(void 0, void 0, void 0, function* () {
+        const page = yield newE2EPage();
+        yield page.setContent('<cpsl-icon></cpsl-icon>');
+        const element = yield page.find('cpsl-icon');
+        expect(element).toHaveClass('hydrated');
+    }));
+});
+//# sourceMappingURL=cpsl-icon.e2e.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"cpsl-icon.spec.js","sourceRoot":"","sources":["../../../../../src/components/cpsl-icon/test/cpsl-icon.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 { CpslIcon } from '../cpsl-icon';\n\ndescribe('cpsl-icon', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [CpslIcon],\n      html: `<cpsl-icon></cpsl-icon>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <cpsl-icon>\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n      </cpsl-icon>\n    `);\n  });\n});\n"]}