@getflip/swirl-components 0.0.0-beta-20260114160010

package/dist/collection/components/swirl-icon/icons/swirl-icon-beach-access.js

@@ -0,0 +1,83 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconBeachAccess {
+    constructor() {
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (h("svg", { key: '8c5f36683406383bc9bcde5d27e96f1c568641eb', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: 'f60f432540f738e48bf81a52365d51feb02c694f' }, h("path", { key: 'ed22f051aa2d0d5d5a45273b09421c1df8365cac', d: "M12.6 13.5334L9.3 10.2334C9.17778 10.1112 9.11667 9.95562 9.11667 9.76673C9.11667 9.57784 9.17778 9.42229 9.3 9.30007C9.42222 9.17784 9.57778 9.11673 9.76667 9.11673C9.95556 9.11673 10.1111 9.17784 10.2333 9.30007L13.5333 12.6001C13.6556 12.7223 13.7167 12.8778 13.7167 13.0667C13.7167 13.2556 13.6556 13.4112 13.5333 13.5334C13.4111 13.6556 13.2556 13.7167 13.0667 13.7167C12.8778 13.7167 12.7222 13.6556 12.6 13.5334ZM3.01667 12.3334C2.67222 11.7778 2.41667 11.1973 2.25 10.5917C2.08333 9.98618 2 9.36673 2 8.7334C2 7.86673 2.16111 7.02229 2.48333 6.20007C2.80556 5.37784 3.3 4.6334 3.96667 3.96673C4.63333 3.30007 5.38056 2.80284 6.20833 2.47507C7.03611 2.14729 7.88333 1.9834 8.75 1.9834C9.38333 1.9834 10.0028 2.06951 10.6083 2.24173C11.2139 2.41395 11.7889 2.67229 12.3333 3.01673C12.6778 3.23895 12.8611 3.55562 12.8833 3.96673C12.9056 4.37784 12.7611 4.73895 12.45 5.05007L5.05 12.4501C4.73889 12.7612 4.375 12.9056 3.95833 12.8834C3.54167 12.8612 3.22778 12.6778 3.01667 12.3334ZM4.1 11.5001L5 10.6001C4.82222 10.3667 4.65278 10.1278 4.49167 9.8834C4.33056 9.63895 4.18333 9.39451 4.05 9.15007C3.91667 8.90562 3.8 8.66118 3.7 8.41673C3.6 8.17229 3.51111 7.9334 3.43333 7.70007C3.31111 8.35562 3.30278 9.01118 3.40833 9.66673C3.51389 10.3223 3.74444 10.9334 4.1 11.5001ZM5.96667 9.66673L9.66667 5.9334C9.18889 5.56673 8.70833 5.26951 8.225 5.04173C7.74167 4.81395 7.28889 4.6584 6.86667 4.57507C6.44444 4.49173 6.06389 4.47784 5.725 4.5334C5.38611 4.58895 5.12222 4.71118 4.93333 4.90007C4.74444 5.10007 4.62222 5.36951 4.56667 5.7084C4.51111 6.04729 4.525 6.43062 4.60833 6.8584C4.69167 7.28618 4.84722 7.73895 5.075 8.21673C5.30278 8.69451 5.6 9.17784 5.96667 9.66673ZM11.5333 4.10007C10.9444 3.74451 10.3222 3.51118 9.66667 3.40007C9.01111 3.28895 8.35556 3.30007 7.7 3.4334C7.94444 3.51118 8.18889 3.60007 8.43333 3.70007C8.67778 3.80007 8.92222 3.91395 9.16667 4.04173C9.41111 4.16951 9.65278 4.31395 9.89167 4.47507C10.1306 4.63618 10.3667 4.81118 10.6 5.00007L11.5333 4.10007Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '4933917533e36369bbcc0d38b95c8e69dd044cd1' }, h("path", { key: 'fe3c73ee08dbf0531245c7409513281ccfcc6e95', d: "M18.9 20.3001L13.95 15.3501C13.7667 15.1668 13.675 14.9334 13.675 14.6501C13.675 14.3668 13.7667 14.1334 13.95 13.9501C14.1333 13.7668 14.3667 13.6751 14.65 13.6751C14.9333 13.6751 15.1667 13.7668 15.35 13.9501L20.3 18.9001C20.4833 19.0834 20.575 19.3168 20.575 19.6001C20.575 19.8834 20.4833 20.1168 20.3 20.3001C20.1167 20.4834 19.8833 20.5751 19.6 20.5751C19.3167 20.5751 19.0833 20.4834 18.9 20.3001ZM4.525 18.5001C4.00833 17.6668 3.625 16.7959 3.375 15.8876C3.125 14.9793 3 14.0501 3 13.1001C3 11.8001 3.24167 10.5334 3.725 9.3001C4.20833 8.06676 4.95 6.9501 5.95 5.9501C6.95 4.9501 8.07083 4.20426 9.3125 3.7126C10.5542 3.22093 11.825 2.9751 13.125 2.9751C14.075 2.9751 15.0042 3.10426 15.9125 3.3626C16.8208 3.62093 17.6833 4.00843 18.5 4.5251C19.0167 4.85843 19.2917 5.33343 19.325 5.9501C19.3583 6.56676 19.1417 7.10843 18.675 7.5751L7.575 18.6751C7.10833 19.1418 6.5625 19.3584 5.9375 19.3251C5.3125 19.2918 4.84167 19.0168 4.525 18.5001ZM6.15 17.2501L7.5 15.9001C7.23333 15.5501 6.97917 15.1918 6.7375 14.8251C6.49583 14.4584 6.275 14.0918 6.075 13.7251C5.875 13.3584 5.7 12.9918 5.55 12.6251C5.4 12.2584 5.26667 11.9001 5.15 11.5501C4.96667 12.5334 4.95417 13.5168 5.1125 14.5001C5.27083 15.4834 5.61667 16.4001 6.15 17.2501ZM8.95 14.5001L14.5 8.9001C13.7833 8.3501 13.0625 7.90426 12.3375 7.5626C11.6125 7.22093 10.9333 6.9876 10.3 6.8626C9.66667 6.7376 9.09583 6.71676 8.5875 6.8001C8.07917 6.88343 7.68333 7.06676 7.4 7.3501C7.11667 7.6501 6.93333 8.05426 6.85 8.5626C6.76667 9.07093 6.7875 9.64593 6.9125 10.2876C7.0375 10.9293 7.27083 11.6084 7.6125 12.3251C7.95417 13.0418 8.4 13.7668 8.95 14.5001ZM17.3 6.1501C16.4167 5.61676 15.4833 5.26676 14.5 5.1001C13.5167 4.93343 12.5333 4.9501 11.55 5.1501C11.9167 5.26676 12.2833 5.4001 12.65 5.5501C13.0167 5.7001 13.3833 5.87093 13.75 6.0626C14.1167 6.25426 14.4792 6.47093 14.8375 6.7126C15.1958 6.95426 15.55 7.21676 15.9 7.5001L17.3 6.1501Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '3f6a09dc40b905ec03c013eb0d8ff2ed5e494919' }, h("path", { key: '93e951ff1752e5074a8a8bf7c02a37b052cf80b9', d: "M22.05 23.6834L16.275 17.9084C16.0611 17.6946 15.9542 17.4223 15.9542 17.0918C15.9542 16.7612 16.0611 16.489 16.275 16.2751C16.4889 16.0612 16.7611 15.9543 17.0917 15.9543C17.4222 15.9543 17.6944 16.0612 17.9083 16.2751L23.6833 22.0501C23.8972 22.264 24.0042 22.5362 24.0042 22.8668C24.0042 23.1973 23.8972 23.4696 23.6833 23.6834C23.4694 23.8973 23.1972 24.0043 22.8667 24.0043C22.5361 24.0043 22.2639 23.8973 22.05 23.6834ZM5.27917 21.5834C4.67639 20.6112 4.22917 19.5953 3.9375 18.5355C3.64583 17.4758 3.5 16.3918 3.5 15.2834C3.5 13.7668 3.78194 12.289 4.34583 10.8501C4.90972 9.41123 5.775 8.10845 6.94167 6.94178C8.10833 5.77511 9.41597 4.90498 10.8646 4.33136C12.3132 3.75775 13.7958 3.47095 15.3125 3.47095C16.4208 3.47095 17.5049 3.62164 18.5646 3.92303C19.6243 4.22442 20.6306 4.6765 21.5833 5.27928C22.1861 5.66817 22.5069 6.22234 22.5458 6.94178C22.5847 7.66123 22.3319 8.29317 21.7875 8.83761L8.8375 21.7876C8.29306 22.3321 7.65625 22.5848 6.92708 22.5459C6.19792 22.5071 5.64861 22.1862 5.27917 21.5834ZM7.175 20.1251L8.75 18.5501C8.43889 18.1418 8.14236 17.7237 7.86042 17.2959C7.57847 16.8682 7.32083 16.4404 7.0875 16.0126C6.85417 15.5848 6.65 15.1571 6.475 14.7293C6.3 14.3015 6.14444 13.8834 6.00833 13.4751C5.79444 14.6223 5.77986 15.7696 5.96458 16.9168C6.14931 18.064 6.55278 19.1334 7.175 20.1251ZM10.4417 16.9168L16.9167 10.3834C16.0806 9.74178 15.2396 9.22164 14.3938 8.82303C13.5479 8.42442 12.7556 8.1522 12.0167 8.00636C11.2778 7.86053 10.6118 7.83623 10.0188 7.93345C9.42569 8.03067 8.96389 8.24456 8.63333 8.57511C8.30278 8.92511 8.08889 9.39664 7.99167 9.9897C7.89444 10.5828 7.91875 11.2536 8.06458 12.0022C8.21042 12.7508 8.48264 13.5432 8.88125 14.3793C9.27986 15.2154 9.8 16.0612 10.4417 16.9168ZM20.1833 7.17511C19.1528 6.55289 18.0639 6.14456 16.9167 5.95011C15.7694 5.75567 14.6222 5.77511 13.475 6.00845C13.9028 6.14456 14.3306 6.30011 14.7583 6.47511C15.1861 6.65011 15.6139 6.84942 16.0417 7.07303C16.4694 7.29664 16.8924 7.54942 17.3104 7.83136C17.7285 8.11331 18.1417 8.41956 18.55 8.75011L20.1833 7.17511Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-beach-access"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../swirl-icon.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../swirl-icon.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "color": {
+                "type": "string",
+                "attribute": "color",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlIconColor",
+                    "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+                    "references": {
+                        "SwirlIconColor": {
+                            "location": "import",
+                            "path": "../swirl-icon",
+                            "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "size": {
+                "type": "number",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlIconSize",
+                    "resolved": "16 | 20 | 24 | 28",
+                    "references": {
+                        "SwirlIconSize": {
+                            "location": "import",
+                            "path": "../swirl-icon.types",
+                            "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "24"
+            }
+        };
+    }
+}

package/dist/collection/components/swirl-icon/icons/swirl-icon-block.js

@@ -0,0 +1,83 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconBlock {
+    constructor() {
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (h("svg", { key: '2ba923c9a93ab720d2b9cc03856b88ff61dc418a', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: 'ca5fbfb7414172e1f2f02f2fe58b4b319289a369' }, h("path", { key: 'ff781c735a86e90046c0cb424797db67232aa1fd', d: "M8 14.6666C7.07778 14.6666 6.21111 14.4915 5.4 14.1413C4.58889 13.7915 3.88334 13.3166 3.28334 12.7166C2.68334 12.1166 2.20845 11.411 1.85867 10.5999C1.50845 9.78881 1.33334 8.92214 1.33334 7.99992C1.33334 7.0777 1.50845 6.21103 1.85867 5.39992C2.20845 4.58881 2.68334 3.88325 3.28334 3.28325C3.88334 2.68325 4.58889 2.20814 5.4 1.85792C6.21111 1.50814 7.07778 1.33325 8 1.33325C8.92222 1.33325 9.78889 1.50814 10.6 1.85792C11.4111 2.20814 12.1167 2.68325 12.7167 3.28325C13.3167 3.88325 13.7916 4.58881 14.1413 5.39992C14.4916 6.21103 14.6667 7.0777 14.6667 7.99992C14.6667 8.92214 14.4916 9.78881 14.1413 10.5999C13.7916 11.411 13.3167 12.1166 12.7167 12.7166C12.1167 13.3166 11.4111 13.7915 10.6 14.1413C9.78889 14.4915 8.92222 14.6666 8 14.6666ZM8 13.3333C9.48889 13.3333 10.75 12.8166 11.7833 11.7833C12.8167 10.7499 13.3333 9.48881 13.3333 7.99992C13.3333 7.39992 13.236 6.82214 13.0413 6.26658C12.8471 5.71103 12.5667 5.19992 12.2 4.73325L4.73334 12.1999C5.2 12.5666 5.71111 12.847 6.26667 13.0413C6.82222 13.2359 7.4 13.3333 8 13.3333ZM3.8 11.2666L11.2667 3.79992C10.8 3.43325 10.2889 3.15281 9.73334 2.95859C9.17778 2.76392 8.6 2.66659 8 2.66659C6.51111 2.66659 5.25 3.18325 4.21667 4.21658C3.18334 5.24992 2.66667 6.51103 2.66667 7.99992C2.66667 8.59992 2.764 9.1777 2.95867 9.73325C3.15289 10.2888 3.43334 10.7999 3.8 11.2666Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '32a9e0badd1d4500f595e5c443e81f931e6d44f8' }, h("path", { key: '94b7e77374e70716b920cb20fe16a95f2c18db99', d: "M12 22C10.6167 22 9.31667 21.7373 8.1 21.212C6.88333 20.6873 5.825 19.975 4.925 19.075C4.025 18.175 3.31267 17.1167 2.788 15.9C2.26267 14.6833 2 13.3833 2 12C2 10.6167 2.26267 9.31667 2.788 8.1C3.31267 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.31233 8.1 2.787C9.31667 2.26233 10.6167 2 12 2C13.3833 2 14.6833 2.26233 15.9 2.787C17.1167 3.31233 18.175 4.025 19.075 4.925C19.975 5.825 20.6873 6.88333 21.212 8.1C21.7373 9.31667 22 10.6167 22 12C22 13.3833 21.7373 14.6833 21.212 15.9C20.6873 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6873 15.9 21.212C14.6833 21.7373 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 11.1 19.854 10.2333 19.562 9.4C19.2707 8.56667 18.85 7.8 18.3 7.1L7.1 18.3C7.8 18.85 8.56667 19.2707 9.4 19.562C10.2333 19.854 11.1 20 12 20ZM5.7 16.9L16.9 5.7C16.2 5.15 15.4333 4.72933 14.6 4.438C13.7667 4.146 12.9 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 12.9 4.146 13.7667 4.438 14.6C4.72933 15.4333 5.15 16.2 5.7 16.9Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'e300b37df9c08ad9f0898fca4ad6bf13a08f1430' }, h("path", { key: '69d5d262097293e73effe3ebbb773fba355edbc4', d: "M14 25.6666C12.3861 25.6666 10.8694 25.3601 9.45 24.7473C8.03056 24.1351 6.79584 23.3041 5.74584 22.2541C4.69584 21.2041 3.86478 19.9694 3.25267 18.5499C2.63978 17.1305 2.33334 15.6138 2.33334 13.9999C2.33334 12.386 2.63978 10.8694 3.25267 9.44992C3.86478 8.03048 4.69584 6.79575 5.74584 5.74575C6.79584 4.69575 8.03056 3.86431 9.45 3.25142C10.8694 2.63931 12.3861 2.33325 14 2.33325C15.6139 2.33325 17.1306 2.63931 18.55 3.25142C19.9694 3.86431 21.2042 4.69575 22.2542 5.74575C23.3042 6.79575 24.1352 8.03048 24.7473 9.44992C25.3602 10.8694 25.6667 12.386 25.6667 13.9999C25.6667 15.6138 25.3602 17.1305 24.7473 18.5499C24.1352 19.9694 23.3042 21.2041 22.2542 22.2541C21.2042 23.3041 19.9694 24.1351 18.55 24.7473C17.1306 25.3601 15.6139 25.6666 14 25.6666ZM14 23.3333C16.6056 23.3333 18.8125 22.4291 20.6208 20.6208C22.4292 18.8124 23.3333 16.6055 23.3333 13.9999C23.3333 12.9499 23.163 11.9388 22.8223 10.9666C22.4824 9.99436 21.9917 9.09992 21.35 8.28325L8.28334 21.3499C9.1 21.9916 9.99445 22.4824 10.9667 22.8223C11.9389 23.1629 12.95 23.3333 14 23.3333ZM6.65 19.7166L19.7167 6.64992C18.9 6.00825 18.0056 5.51747 17.0333 5.17759C16.0611 4.83692 15.05 4.66659 14 4.66659C11.3944 4.66659 9.1875 5.57075 7.37917 7.37909C5.57084 9.18742 4.66667 11.3944 4.66667 13.9999C4.66667 15.0499 4.837 16.061 5.17767 17.0333C5.51756 18.0055 6.00834 18.8999 6.65 19.7166Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-block"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../swirl-icon.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../swirl-icon.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "color": {
+                "type": "string",
+                "attribute": "color",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlIconColor",
+                    "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+                    "references": {
+                        "SwirlIconColor": {
+                            "location": "import",
+                            "path": "../swirl-icon",
+                            "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "size": {
+                "type": "number",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlIconSize",
+                    "resolved": "16 | 20 | 24 | 28",
+                    "references": {
+                        "SwirlIconSize": {
+                            "location": "import",
+                            "path": "../swirl-icon.types",
+                            "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "24"
+            }
+        };
+    }
+}

package/dist/collection/components/swirl-icon/icons/swirl-icon-bookmark-filled.js

@@ -0,0 +1,83 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconBookmarkFilled {
+    constructor() {
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (h("svg", { key: 'ccb7a99aac61bd56785dbedfd33cea247209f9ba', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: 'dac85279f85817767b5464789ed27a9f03f27c65' }, h("path", { key: '80f22962edb5aa8b6575794c852f8acdce75819c', d: "M7.99998 12L5.19998 13.2C4.75554 13.3889 4.33331 13.3528 3.93331 13.0917C3.53331 12.8306 3.33331 12.4611 3.33331 11.9833V3.33333C3.33331 2.96667 3.46387 2.65278 3.72498 2.39167C3.98609 2.13056 4.29998 2 4.66665 2H11.3333C11.7 2 12.0139 2.13056 12.275 2.39167C12.5361 2.65278 12.6666 2.96667 12.6666 3.33333V11.9833C12.6666 12.4611 12.4666 12.8306 12.0666 13.0917C11.6666 13.3528 11.2444 13.3889 10.8 13.2L7.99998 12Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '30ae83df48cf34a9f247956331ea20d21d46a270' }, h("path", { key: 'c8db0e0d24797e58fa69926ed4c4eafd8d22cb3b', d: "M12 18L7.8 19.8C7.13333 20.0833 6.5 20.0292 5.9 19.6375C5.3 19.2458 5 18.6917 5 17.975V5C5 4.45 5.19583 3.97917 5.5875 3.5875C5.97917 3.19583 6.45 3 7 3H17C17.55 3 18.0208 3.19583 18.4125 3.5875C18.8042 3.97917 19 4.45 19 5V17.975C19 18.6917 18.7 19.2458 18.1 19.6375C17.5 20.0292 16.8667 20.0833 16.2 19.8L12 18Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'a3ae437a08fcf6a472ac63af1fa4910978245efe' }, h("path", { key: '21d14ae4db8876cf9b946f627701f5cab848c522', d: "M14 21L9.10001 23.1C8.32223 23.4306 7.58334 23.3674 6.88334 22.9104C6.18334 22.4535 5.83334 21.8069 5.83334 20.9708V5.83333C5.83334 5.19167 6.06182 4.64236 6.51876 4.18542C6.9757 3.72847 7.52501 3.5 8.16668 3.5H19.8333C20.475 3.5 21.0243 3.72847 21.4813 4.18542C21.9382 4.64236 22.1667 5.19167 22.1667 5.83333V20.9708C22.1667 21.8069 21.8167 22.4535 21.1167 22.9104C20.4167 23.3674 19.6778 23.4306 18.9 23.1L14 21Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-bookmark-filled"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../swirl-icon.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../swirl-icon.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "color": {
+                "type": "string",
+                "attribute": "color",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlIconColor",
+                    "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+                    "references": {
+                        "SwirlIconColor": {
+                            "location": "import",
+                            "path": "../swirl-icon",
+                            "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "size": {
+                "type": "number",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlIconSize",
+                    "resolved": "16 | 20 | 24 | 28",
+                    "references": {
+                        "SwirlIconSize": {
+                            "location": "import",
+                            "path": "../swirl-icon.types",
+                            "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "24"
+            }
+        };
+    }
+}

package/dist/collection/components/swirl-icon/icons/swirl-icon-bookmark.js

@@ -0,0 +1,83 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconBookmark {
+    constructor() {
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (h("svg", { key: 'e7e7b3b343ac26a7a753b7e6ca76aee9971d62ff', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: 'f613a3b78373819205c62d005deacb93e5a6fee6' }, h("path", { key: '1c172f11c1705400cef3ec00edf39c891e4c0bde', d: "M4.66666 11.9667L7.99999 10.5333L11.3333 11.9667V3.33333H4.66666V11.9667ZM4.26666 13.6C4.04444 13.6889 3.83333 13.6693 3.63333 13.5413C3.43333 13.4138 3.33333 13.2278 3.33333 12.9833V3.33333C3.33333 2.96667 3.46399 2.65267 3.72533 2.39133C3.98622 2.13044 4.29999 2 4.66666 2H11.3333C11.7 2 12.014 2.13044 12.2753 2.39133C12.5362 2.65267 12.6667 2.96667 12.6667 3.33333V12.9833C12.6667 13.2278 12.5667 13.4138 12.3667 13.5413C12.1667 13.6693 11.9556 13.6889 11.7333 13.6L7.99999 12L4.26666 13.6Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '8ea8de2f4c2db55707d835b2ec28bfe8b9d497da' }, h("path", { key: '19ebd00f4e4e38b3796e905223e4e4cf80d0df40', d: "M7 17.95L12 15.8L17 17.95V5H7V17.95ZM6.4 20.4C6.06667 20.5333 5.75 20.504 5.45 20.312C5.15 20.1207 5 19.8417 5 19.475V5C5 4.45 5.196 3.979 5.588 3.587C5.97933 3.19567 6.45 3 7 3H17C17.55 3 18.021 3.19567 18.413 3.587C18.8043 3.979 19 4.45 19 5V19.475C19 19.8417 18.85 20.1207 18.55 20.312C18.25 20.504 17.9333 20.5333 17.6 20.4L12 18L6.4 20.4Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'ed81f1d5c834b52c01fa6a050fe21e37e73e0c04' }, h("path", { key: '9ef2dc40ad63f95206f1c6886023e7628a1eafc5', d: "M8.16666 20.9417L14 18.4333L19.8333 20.9417V5.83333H8.16666V20.9417ZM7.46666 23.8C7.07777 23.9556 6.70833 23.9213 6.35833 23.6973C6.00833 23.4741 5.83333 23.1486 5.83333 22.7208V5.83333C5.83333 5.19167 6.06199 4.64217 6.51933 4.18483C6.97588 3.72828 7.525 3.5 8.16666 3.5H19.8333C20.475 3.5 21.0245 3.72828 21.4818 4.18483C21.9384 4.64217 22.1667 5.19167 22.1667 5.83333V22.7208C22.1667 23.1486 21.9917 23.4741 21.6417 23.6973C21.2917 23.9213 20.9222 23.9556 20.5333 23.8L14 21L7.46666 23.8Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-bookmark"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../swirl-icon.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../swirl-icon.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "color": {
+                "type": "string",
+                "attribute": "color",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlIconColor",
+                    "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+                    "references": {
+                        "SwirlIconColor": {
+                            "location": "import",
+                            "path": "../swirl-icon",
+                            "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "size": {
+                "type": "number",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlIconSize",
+                    "resolved": "16 | 20 | 24 | 28",
+                    "references": {
+                        "SwirlIconSize": {
+                            "location": "import",
+                            "path": "../swirl-icon.types",
+                            "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "24"
+            }
+        };
+    }
+}

package/dist/collection/components/swirl-icon/icons/swirl-icon-calendar-add-on-filled.js

@@ -0,0 +1,83 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconCalendarAddOnFilled {
+    constructor() {
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (h("svg", { key: 'cdbe7481b47996acec9c7ee19a72f7ca892836e9', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: '42252df216d2c24f27d6ff4e4ae2739969a581d0' }, h("path", { key: 'fcec87ac83543c7113fc7cdbc1b0ceed542e86e1', d: "M11.3333 12.6666H10C9.81111 12.6666 9.65278 12.6027 9.525 12.4749C9.39722 12.3471 9.33333 12.1888 9.33333 11.9999C9.33333 11.811 9.39722 11.6527 9.525 11.5249C9.65278 11.3971 9.81111 11.3333 10 11.3333H11.3333V9.99992C11.3333 9.81103 11.3972 9.6527 11.525 9.52492C11.6528 9.39714 11.8111 9.33325 12 9.33325C12.1889 9.33325 12.3472 9.39714 12.475 9.52492C12.6028 9.6527 12.6667 9.81103 12.6667 9.99992V11.3333H14C14.1889 11.3333 14.3472 11.3971 14.475 11.5249C14.6028 11.6527 14.6667 11.811 14.6667 11.9999C14.6667 12.1888 14.6028 12.3471 14.475 12.4749C14.3472 12.6027 14.1889 12.6666 14 12.6666H12.6667V13.9999C12.6667 14.1888 12.6028 14.3471 12.475 14.4749C12.3472 14.6027 12.1889 14.6666 12 14.6666C11.8111 14.6666 11.6528 14.6027 11.525 14.4749C11.3972 14.3471 11.3333 14.1888 11.3333 13.9999V12.6666ZM3.33333 13.3333C2.96667 13.3333 2.65278 13.2027 2.39167 12.9416C2.13056 12.6805 2 12.3666 2 11.9999V3.99992C2 3.63325 2.13056 3.31936 2.39167 3.05825C2.65278 2.79714 2.96667 2.66659 3.33333 2.66659H4V1.99992C4 1.81103 4.06389 1.6527 4.19167 1.52492C4.31944 1.39714 4.47778 1.33325 4.66667 1.33325C4.85556 1.33325 5.01389 1.39714 5.14167 1.52492C5.26944 1.6527 5.33333 1.81103 5.33333 1.99992V2.66659H9.33333V1.99992C9.33333 1.81103 9.39722 1.6527 9.525 1.52492C9.65278 1.39714 9.81111 1.33325 10 1.33325C10.1889 1.33325 10.3472 1.39714 10.475 1.52492C10.6028 1.6527 10.6667 1.81103 10.6667 1.99992V2.66659H11.3333C11.7 2.66659 12.0139 2.79714 12.275 3.05825C12.5361 3.31936 12.6667 3.63325 12.6667 3.99992V7.33325C12.6667 7.52214 12.6028 7.68047 12.475 7.80825C12.3472 7.93603 12.1889 7.99992 12 7.99992C11.8111 7.99992 11.6528 7.93603 11.525 7.80825C11.3972 7.68047 11.3333 7.52214 11.3333 7.33325V6.66659H3.33333V11.9999H7.33333C7.52222 11.9999 7.68056 12.0638 7.80833 12.1916C7.93611 12.3194 8 12.4777 8 12.6666C8 12.8555 7.93611 13.0138 7.80833 13.1416C7.68056 13.2694 7.52222 13.3333 7.33333 13.3333H3.33333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'da1afeb9f6b8f90a734fdc53e9973c63b16bb728' }, h("path", { key: '6b799b5094bbf3cdd734a0f87c1fd5bd7ef899fe', d: "M17 19H15C14.7167 19 14.4792 18.9042 14.2875 18.7125C14.0958 18.5208 14 18.2833 14 18C14 17.7167 14.0958 17.4792 14.2875 17.2875C14.4792 17.0958 14.7167 17 15 17H17V15C17 14.7167 17.0958 14.4792 17.2875 14.2875C17.4792 14.0958 17.7167 14 18 14C18.2833 14 18.5208 14.0958 18.7125 14.2875C18.9042 14.4792 19 14.7167 19 15V17H21C21.2833 17 21.5208 17.0958 21.7125 17.2875C21.9042 17.4792 22 17.7167 22 18C22 18.2833 21.9042 18.5208 21.7125 18.7125C21.5208 18.9042 21.2833 19 21 19H19V21C19 21.2833 18.9042 21.5208 18.7125 21.7125C18.5208 21.9042 18.2833 22 18 22C17.7167 22 17.4792 21.9042 17.2875 21.7125C17.0958 21.5208 17 21.2833 17 21V19ZM5 20C4.45 20 3.97917 19.8042 3.5875 19.4125C3.19583 19.0208 3 18.55 3 18V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H6V3C6 2.71667 6.09583 2.47917 6.2875 2.2875C6.47917 2.09583 6.71667 2 7 2C7.28333 2 7.52083 2.09583 7.7125 2.2875C7.90417 2.47917 8 2.71667 8 3V4H14V3C14 2.71667 14.0958 2.47917 14.2875 2.2875C14.4792 2.09583 14.7167 2 15 2C15.2833 2 15.5208 2.09583 15.7125 2.2875C15.9042 2.47917 16 2.71667 16 3V4H17C17.55 4 18.0208 4.19583 18.4125 4.5875C18.8042 4.97917 19 5.45 19 6V11C19 11.2833 18.9042 11.5208 18.7125 11.7125C18.5208 11.9042 18.2833 12 18 12C17.7167 12 17.4792 11.9042 17.2875 11.7125C17.0958 11.5208 17 11.2833 17 11V10H5V18H11C11.2833 18 11.5208 18.0958 11.7125 18.2875C11.9042 18.4792 12 18.7167 12 19C12 19.2833 11.9042 19.5208 11.7125 19.7125C11.5208 19.9042 11.2833 20 11 20H5Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '604831d7fae81bb7daf972c301cc1fb9fbc413e2' }, h("path", { key: '48fba4d930c479503173a9d635d735a6e0b8525a', d: "M19.8333 22.1666H17.5C17.1694 22.1666 16.8924 22.0548 16.6688 21.8312C16.4451 21.6076 16.3333 21.3305 16.3333 20.9999C16.3333 20.6694 16.4451 20.3923 16.6688 20.1687C16.8924 19.9451 17.1694 19.8333 17.5 19.8333H19.8333V17.4999C19.8333 17.1694 19.9451 16.8923 20.1688 16.6687C20.3924 16.4451 20.6694 16.3333 21 16.3333C21.3306 16.3333 21.6076 16.4451 21.8313 16.6687C22.0549 16.8923 22.1667 17.1694 22.1667 17.4999V19.8333H24.5C24.8306 19.8333 25.1076 19.9451 25.3313 20.1687C25.5549 20.3923 25.6667 20.6694 25.6667 20.9999C25.6667 21.3305 25.5549 21.6076 25.3313 21.8312C25.1076 22.0548 24.8306 22.1666 24.5 22.1666H22.1667V24.4999C22.1667 24.8305 22.0549 25.1076 21.8313 25.3312C21.6076 25.5548 21.3306 25.6666 21 25.6666C20.6694 25.6666 20.3924 25.5548 20.1688 25.3312C19.9451 25.1076 19.8333 24.8305 19.8333 24.4999V22.1666ZM5.83333 23.3333C5.19167 23.3333 4.64236 23.1048 4.18542 22.6478C3.72847 22.1909 3.5 21.6416 3.5 20.9999V6.99992C3.5 6.35825 3.72847 5.80895 4.18542 5.352C4.64236 4.89506 5.19167 4.66659 5.83333 4.66659H7V3.49992C7 3.16936 7.11181 2.89228 7.33542 2.66867C7.55903 2.44506 7.83611 2.33325 8.16667 2.33325C8.49722 2.33325 8.77431 2.44506 8.99792 2.66867C9.22153 2.89228 9.33333 3.16936 9.33333 3.49992V4.66659H16.3333V3.49992C16.3333 3.16936 16.4451 2.89228 16.6688 2.66867C16.8924 2.44506 17.1694 2.33325 17.5 2.33325C17.8306 2.33325 18.1076 2.44506 18.3313 2.66867C18.5549 2.89228 18.6667 3.16936 18.6667 3.49992V4.66659H19.8333C20.475 4.66659 21.0243 4.89506 21.4813 5.352C21.9382 5.80895 22.1667 6.35825 22.1667 6.99992V12.8333C22.1667 13.1638 22.0549 13.4409 21.8313 13.6645C21.6076 13.8881 21.3306 13.9999 21 13.9999C20.6694 13.9999 20.3924 13.8881 20.1688 13.6645C19.9451 13.4409 19.8333 13.1638 19.8333 12.8333V11.6666H5.83333V20.9999H12.8333C13.1639 20.9999 13.441 21.1117 13.6646 21.3353C13.8882 21.5589 14 21.836 14 22.1666C14 22.4971 13.8882 22.7742 13.6646 22.9978C13.441 23.2214 13.1639 23.3333 12.8333 23.3333H5.83333Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-calendar-add-on-filled"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../swirl-icon.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../swirl-icon.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "color": {
+                "type": "string",
+                "attribute": "color",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlIconColor",
+                    "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+                    "references": {
+                        "SwirlIconColor": {
+                            "location": "import",
+                            "path": "../swirl-icon",
+                            "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "size": {
+                "type": "number",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlIconSize",
+                    "resolved": "16 | 20 | 24 | 28",
+                    "references": {
+                        "SwirlIconSize": {
+                            "location": "import",
+                            "path": "../swirl-icon.types",
+                            "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "24"
+            }
+        };
+    }
+}

package/dist/collection/components/swirl-icon/icons/swirl-icon-calendar-respond.js

@@ -0,0 +1,83 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconCalendarRespond {
+    constructor() {
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (h("svg", { key: 'c2f780b9e8447700686627cc46e34414fdee8774', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: '6f976a8ce4637a109887f479496a9eb49013e88a' }, h("path", { key: '84de71836b695d021bbb2db606ce3fe1258a9dfe', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.3333 1.33398C11.5222 1.33398 11.6808 1.39761 11.8086 1.52539C11.9364 1.65317 12 1.81176 12 2.00065V2.66732H12.6667C13.0333 2.66732 13.347 2.79813 13.6081 3.05924C13.8692 3.32036 14 3.63398 14 4.00065V7.33398C14 7.70217 13.7015 8.00065 13.3333 8.00065C12.9651 8.00065 12.6667 7.70217 12.6667 7.33398V6.66732H3.33333V13.334H7.33333C7.70152 13.334 8 13.6325 8 14.0007C8 14.3688 7.70152 14.6673 7.33333 14.6673H3.33333C2.96667 14.6673 2.65304 14.5365 2.39193 14.2754C2.13082 14.0143 2 13.7007 2 13.334V4.00065C2 3.63398 2.13082 3.32036 2.39193 3.05924C2.65304 2.79813 2.96667 2.66732 3.33333 2.66732H4V2.00065C4 1.81176 4.06363 1.65317 4.19141 1.52539C4.31918 1.39761 4.47778 1.33398 4.66667 1.33398C4.85556 1.33398 5.01415 1.39761 5.14193 1.52539C5.2697 1.65317 5.33333 1.81176 5.33333 2.00065V2.66732H10.6667V2.00065C10.6667 1.81176 10.7303 1.65317 10.8581 1.52539C10.9859 1.39761 11.1444 1.33398 11.3333 1.33398ZM3.33333 5.33398H12.6667V4.00065H3.33333V5.33398Z", fill: "currentColor" }), h("path", { key: 'f97370b9de2a591d93cbdc1e0217312f76e98e90', d: "M9.52865 8.19596C9.789 7.93565 10.211 7.93562 10.4714 8.19596C10.7316 8.45631 10.7316 8.87837 10.4714 9.13867L9.60938 10.0007H11.3333C12.806 10.0007 14 11.1946 14 12.6673V13.334C13.9999 13.702 13.7014 14.0006 13.3333 14.0007C12.9653 14.0006 12.6668 13.702 12.6667 13.334V12.6673C12.6667 11.931 12.0697 11.334 11.3333 11.334H9.60938L10.4714 12.196L10.5169 12.2467C10.7303 12.5086 10.7153 12.8946 10.4714 13.1387C10.2273 13.3826 9.84123 13.3977 9.57943 13.1842L9.52865 13.1387L7.52865 11.1387C7.26834 10.8784 7.26843 10.4563 7.52865 10.196L9.52865 8.19596Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '0d32b884dc31ea1078e57ebd4deb928f4f96b385' }, h("path", { key: '464b6130eea820b45c82673b618803f84d7a144a', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17 2C17.2833 2 17.5212 2.09544 17.7129 2.28711C17.9046 2.47878 18 2.71667 18 3V4H19C19.55 4 20.0204 4.19622 20.4121 4.58789C20.8038 4.97956 21 5.45 21 6V11C21 11.5523 20.5523 12 20 12C19.4477 12 19 11.5523 19 11V10H5V20H11C11.5523 20 12 20.4477 12 21C12 21.5523 11.5523 22 11 22H5C4.45 22 3.97956 21.8038 3.58789 21.4121C3.19622 21.0204 3 20.55 3 20V6C3 5.45 3.19622 4.97956 3.58789 4.58789C3.97956 4.19622 4.45 4 5 4H6V3C6 2.71667 6.09544 2.47878 6.28711 2.28711C6.47878 2.09544 6.71667 2 7 2C7.28333 2 7.52122 2.09544 7.71289 2.28711C7.90456 2.47878 8 2.71667 8 3V4H16V3C16 2.71667 16.0954 2.47878 16.2871 2.28711C16.4788 2.09544 16.7167 2 17 2ZM5 8H19V6H5V8Z", fill: "currentColor" }), h("path", { key: '0ee86c42acaacf742a8fc1d3c5d9f0524f58cd37', d: "M14.293 12.293C14.6835 11.9025 15.3165 11.9025 15.707 12.293C16.0973 12.6835 16.0974 13.3166 15.707 13.707L14.4141 15H17C19.2091 15.0001 21 16.7909 21 19V20C20.9998 20.5521 20.5521 20.9999 20 21C19.4479 20.9999 19.0002 20.5521 19 20V19C19 17.8955 18.1045 17.0001 17 17H14.4141L15.707 18.293L15.7754 18.3691C16.0955 18.7619 16.073 19.341 15.707 19.707C15.341 20.0729 14.7618 20.0955 14.3691 19.7754L14.293 19.707L11.293 16.707C10.9025 16.3166 10.9026 15.6835 11.293 15.293L14.293 12.293Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'e36bfd8d3b0f2dfc374e954ebbf58bd45a7f2f37' }, h("path", { key: '170a3222130ddd537854ffd113b9d08044c44d0c', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.8333 2.33398C20.1639 2.33398 20.4414 2.44533 20.665 2.66895C20.8886 2.89256 21 3.1701 21 3.50065V4.66732H22.1667C22.8083 4.66732 23.3572 4.89625 23.8141 5.35319C24.2711 5.81013 24.5 6.35898 24.5 7.00065V12.834C24.5 13.4783 23.9777 14.0007 23.3333 14.0007C22.689 14.0007 22.1667 13.4783 22.1667 12.834V11.6673H5.83333V23.334H12.8333C13.4777 23.334 14 23.8563 14 24.5007C14 25.145 13.4777 25.6673 12.8333 25.6673H5.83333C5.19167 25.6673 4.64282 25.4384 4.18587 24.9814C3.72893 24.5245 3.5 23.9757 3.5 23.334V7.00065C3.5 6.35898 3.72893 5.81013 4.18587 5.35319C4.64282 4.89625 5.19167 4.66732 5.83333 4.66732H7V3.50065C7 3.1701 7.11135 2.89256 7.33496 2.66895C7.55857 2.44533 7.83611 2.33398 8.16667 2.33398C8.49722 2.33398 8.77476 2.44533 8.99837 2.66895C9.22198 2.89256 9.33333 3.1701 9.33333 3.50065V4.66732H18.6667V3.50065C18.6667 3.1701 18.778 2.89256 19.0016 2.66895C19.2252 2.44533 19.5028 2.33398 19.8333 2.33398ZM5.83333 9.33398H22.1667V7.00065H5.83333V9.33398Z", fill: "currentColor" }), h("path", { key: '96e063d55ff36f24e5d4d8bdc0e6167a21705ef7', d: "M16.6751 14.3424C17.1307 13.8869 17.8693 13.8869 18.3249 14.3424C18.7802 14.7981 18.7803 15.5367 18.3249 15.9922L16.8164 17.5007H19.8333C22.4106 17.5008 24.5 19.5901 24.5 22.1673V23.334C24.4998 23.9781 23.9775 24.5005 23.3333 24.5007C22.6892 24.5005 22.1668 23.9781 22.1667 23.334V22.1673C22.1667 20.8787 21.1219 19.8341 19.8333 19.834H16.8164L18.3249 21.3424L18.4046 21.4313C18.7781 21.8895 18.7519 22.5651 18.3249 22.9922C17.8978 23.419 17.2221 23.4454 16.764 23.0719L16.6751 22.9922L13.1751 19.4922C12.7196 19.0367 12.7198 18.2981 13.1751 17.8424L16.6751 14.3424Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-calendar-respond"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../swirl-icon.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../swirl-icon.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "color": {
+                "type": "string",
+                "attribute": "color",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlIconColor",
+                    "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+                    "references": {
+                        "SwirlIconColor": {
+                            "location": "import",
+                            "path": "../swirl-icon",
+                            "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "size": {
+                "type": "number",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlIconSize",
+                    "resolved": "16 | 20 | 24 | 28",
+                    "references": {
+                        "SwirlIconSize": {
+                            "location": "import",
+                            "path": "../swirl-icon.types",
+                            "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "24"
+            }
+        };
+    }
+}

package/dist/collection/components/swirl-icon/icons/swirl-icon-calendar-today.js

@@ -0,0 +1,83 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconCalendarToday {
+    constructor() {
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (h("svg", { key: 'cfc44ce6bef146badf77313022b96e38e18191d7', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: 'dbe1772a934aaf33396baa322c424538a4d06140' }, h("path", { key: 'c27aa1b690de96fa299ef02f3d1a28ba3c7d02a8', d: "M3.33333 14.6666C2.96667 14.6666 2.65278 14.536 2.39167 14.2749C2.13056 14.0138 2 13.6999 2 13.3333V3.99992C2 3.63325 2.13056 3.31936 2.39167 3.05825C2.65278 2.79714 2.96667 2.66659 3.33333 2.66659H4V1.99992C4 1.81103 4.06389 1.6527 4.19167 1.52492C4.31944 1.39714 4.47778 1.33325 4.66667 1.33325C4.85556 1.33325 5.01389 1.39714 5.14167 1.52492C5.26944 1.6527 5.33333 1.81103 5.33333 1.99992V2.66659H10.6667V1.99992C10.6667 1.81103 10.7306 1.6527 10.8583 1.52492C10.9861 1.39714 11.1444 1.33325 11.3333 1.33325C11.5222 1.33325 11.6806 1.39714 11.8083 1.52492C11.9361 1.6527 12 1.81103 12 1.99992V2.66659H12.6667C13.0333 2.66659 13.3472 2.79714 13.6083 3.05825C13.8694 3.31936 14 3.63325 14 3.99992V13.3333C14 13.6999 13.8694 14.0138 13.6083 14.2749C13.3472 14.536 13.0333 14.6666 12.6667 14.6666H3.33333ZM3.33333 13.3333H12.6667V6.66658H3.33333V13.3333ZM3.33333 5.33325H12.6667V3.99992H3.33333V5.33325Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'df4361edc14df02bc80dc170a9a1325dc05832e0' }, h("path", { key: '2d1a83f6e166d51c464de6d2fe59cd4f17fd3a83', d: "M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H6V3C6 2.71667 6.09583 2.47917 6.2875 2.2875C6.47917 2.09583 6.71667 2 7 2C7.28333 2 7.52083 2.09583 7.7125 2.2875C7.90417 2.47917 8 2.71667 8 3V4H16V3C16 2.71667 16.0958 2.47917 16.2875 2.2875C16.4792 2.09583 16.7167 2 17 2C17.2833 2 17.5208 2.09583 17.7125 2.2875C17.9042 2.47917 18 2.71667 18 3V4H19C19.55 4 20.0208 4.19583 20.4125 4.5875C20.8042 4.97917 21 5.45 21 6V20C21 20.55 20.8042 21.0208 20.4125 21.4125C20.0208 21.8042 19.55 22 19 22H5ZM5 20H19V10H5V20ZM5 8H19V6H5V8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'e3aa9dbb4462d0d713ee342fb4554eb9547a5e5e' }, h("path", { key: 'b93c726d894e9e17833f7551088f43ef4c35bbbb', d: "M5.83333 25.6666C5.19167 25.6666 4.64236 25.4381 4.18542 24.9812C3.72847 24.5242 3.5 23.9749 3.5 23.3333V6.99992C3.5 6.35825 3.72847 5.80895 4.18542 5.352C4.64236 4.89506 5.19167 4.66659 5.83333 4.66659H7V3.49992C7 3.16936 7.11181 2.89228 7.33542 2.66867C7.55903 2.44506 7.83611 2.33325 8.16667 2.33325C8.49722 2.33325 8.77431 2.44506 8.99792 2.66867C9.22153 2.89228 9.33333 3.16936 9.33333 3.49992V4.66659H18.6667V3.49992C18.6667 3.16936 18.7785 2.89228 19.0021 2.66867C19.2257 2.44506 19.5028 2.33325 19.8333 2.33325C20.1639 2.33325 20.441 2.44506 20.6646 2.66867C20.8882 2.89228 21 3.16936 21 3.49992V4.66659H22.1667C22.8083 4.66659 23.3576 4.89506 23.8146 5.352C24.2715 5.80895 24.5 6.35825 24.5 6.99992V23.3333C24.5 23.9749 24.2715 24.5242 23.8146 24.9812C23.3576 25.4381 22.8083 25.6666 22.1667 25.6666H5.83333ZM5.83333 23.3333H22.1667V11.6666H5.83333V23.3333ZM5.83333 9.33325H22.1667V6.99992H5.83333V9.33325Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-calendar-today"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../swirl-icon.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../swirl-icon.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "color": {
+                "type": "string",
+                "attribute": "color",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlIconColor",
+                    "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+                    "references": {
+                        "SwirlIconColor": {
+                            "location": "import",
+                            "path": "../swirl-icon",
+                            "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "size": {
+                "type": "number",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlIconSize",
+                    "resolved": "16 | 20 | 24 | 28",
+                    "references": {
+                        "SwirlIconSize": {
+                            "location": "import",
+                            "path": "../swirl-icon.types",
+                            "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "24"
+            }
+        };
+    }
+}