@getflip/swirl-components 0.0.0-beta-20260114160010

package/dist/collection/components/swirl-icon/icons/swirl-icon-aspect-ratio.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 SwirlIconAspectRatio {
+    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: 'bd29b7e0557406be3671798d01df8531524116e8', "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: '883967fb6a6430f283af84967967b66a847bd3cd' }, h("path", { key: '1cc1f5109eefc605ada613eaf4c5ad78d3fa3bf1', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14 3.99984C14 3.26346 13.403 2.6665 12.6667 2.6665H3.33333C2.59695 2.6665 2 3.26346 2 3.99984V11.9998C2 12.7362 2.59695 13.3332 3.33333 13.3332H12.6667C13.403 13.3332 14 12.7362 14 11.9998V3.99984ZM12.6667 3.99984H3.33333L3.33333 11.9998H4.66667V6.6665C4.66667 5.93012 5.26362 5.33317 6 5.33317H12.6667V3.99984ZM8.66667 11.9998H12.6667V6.6665H8.66667V11.9998ZM7.33333 6.6665H6V11.9998H7.33333V6.6665Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'ea6b50690bc7267452aa098ab2fea78c9835c6e5' }, h("path", { key: '7f40823e461523f5e4733787348aa906747fa2eb', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21 6C21 4.89543 20.1046 4 19 4H5C3.89543 4 3 4.89543 3 6V18C3 19.1046 3.89543 20 5 20H19C20.1046 20 21 19.1046 21 18V6ZM19 6H5L5 18H7V10C7 8.89543 7.89543 8 9 8H19V6ZM13 18H19V10H13V18ZM11 10H9V18H11V10Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '6b99eb498711b20ce16e843bf4d6cbca1ec87c70' }, h("path", { key: '70dc75b6de0997b1f8d59261444ed3ccc8e56a71', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M24.5 6.99984C24.5 5.71117 23.4553 4.6665 22.1667 4.6665H5.83333C4.54467 4.6665 3.5 5.71117 3.5 6.99984V20.9998C3.5 22.2885 4.54467 23.3332 5.83333 23.3332H22.1667C23.4553 23.3332 24.5 22.2885 24.5 20.9998V6.99984ZM22.1667 6.99984H5.83333L5.83333 20.9998H8.16667V11.6665C8.16667 10.3778 9.21134 9.33317 10.5 9.33317H22.1667V6.99984ZM15.1667 20.9998H22.1667V11.6665H15.1667V20.9998ZM12.8333 11.6665H10.5V20.9998H12.8333V11.6665Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-aspect-ratio"; }
+    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-attachment.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 SwirlIconAttachment {
+    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: '8c854a745c9d1dc6f89169eebf9f74fbc5a51e15', "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: 'bd3836531a79de0e5a43784d5e3d807cc0f4cadd' }, h("path", { key: '06c38632faece3936539e8204f3a3ff7a8d92605', d: "M8.57157 12.8796C7.81732 13.6338 6.91584 14.0089 5.86712 14.0048C4.81809 14.0011 3.92038 13.626 3.17399 12.8796C2.41974 12.1253 2.04073 11.2237 2.03696 10.1747C2.03287 9.12594 2.40795 8.22446 3.1622 7.47021L8.15909 2.47333C8.7012 1.93121 9.35913 1.66204 10.1329 1.66581C10.9069 1.6699 11.565 1.943 12.1071 2.48511C12.6492 3.02723 12.9203 3.68327 12.9203 4.45323C12.9203 5.22319 12.6492 5.87922 12.1071 6.42134L7.60519 10.9233C7.25949 11.2689 6.84513 11.4438 6.3621 11.4479C5.87875 11.4517 5.46423 11.2807 5.11853 10.935C4.76498 10.5815 4.59024 10.1632 4.59433 9.68016C4.5981 9.19681 4.77283 8.78229 5.11853 8.43659L9.21975 4.33537C9.32974 4.22538 9.46127 4.16834 9.61432 4.16425C9.76768 4.16048 9.90329 4.21752 10.0211 4.33537C10.1311 4.44537 10.1842 4.57705 10.1805 4.73041C10.1764 4.88346 10.1193 5.01498 10.0094 5.12498L5.90813 9.2262C5.78243 9.3519 5.71957 9.50118 5.71957 9.67403C5.71957 9.84688 5.78635 10.0001 5.91992 10.1337C6.04563 10.2594 6.1949 10.3222 6.36775 10.3222C6.5406 10.3222 6.68988 10.2594 6.81559 10.1337L11.3175 5.63174C11.6475 5.30175 11.8125 4.90892 11.8125 4.45323C11.8125 3.99753 11.6475 3.6047 11.3175 3.27471C10.9875 2.94473 10.5947 2.77974 10.139 2.77974C9.6833 2.77974 9.29046 2.94473 8.96048 3.27471L3.96359 8.2716C3.43719 8.798 3.17399 9.43424 3.17399 10.1803C3.17399 10.927 3.43719 11.5636 3.96359 12.09C4.48999 12.6164 5.1245 12.8775 5.86712 12.8735C6.60943 12.8697 7.24378 12.6046 7.77018 12.0782L12.3664 7.482C12.4764 7.372 12.6099 7.31701 12.7671 7.31701C12.9242 7.31701 13.0578 7.372 13.1678 7.482C13.2856 7.59985 13.3425 7.7353 13.3384 7.88835C13.3346 8.04171 13.2778 8.17339 13.1678 8.28339L8.57157 12.8796Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '50e7adccb57a86bbcc22bb889b558e71902f3f12' }, h("path", { key: 'a06f07bf42c3cb286b64884b540b1eae23e2df47', d: "M12.8574 19.3194C11.726 20.4507 10.3738 21.0134 8.80068 21.0072C7.22713 21.0016 5.88057 20.439 4.76098 19.3194C3.62961 18.188 3.0611 16.8355 3.05544 15.262C3.04931 13.6889 3.61193 12.3367 4.7433 11.2053L12.2386 3.70999C13.0518 2.89682 14.0387 2.49306 15.1993 2.49872C16.3604 2.50484 17.3475 2.91449 18.1607 3.72767C18.9738 4.54084 19.3804 5.5249 19.3804 6.67984C19.3804 7.83478 18.9738 8.81884 18.1607 9.63201L11.4078 16.3849C10.8892 16.9034 10.2677 17.1658 9.54314 17.1719C8.81812 17.1775 8.19634 16.9211 7.6778 16.4026C7.14747 15.8722 6.88536 15.2448 6.89149 14.5202C6.89715 13.7952 7.15925 13.1734 7.6778 12.6549L13.8296 6.50306C13.9946 6.33807 14.1919 6.25251 14.4215 6.24638C14.6515 6.24072 14.8549 6.32628 15.0317 6.50306C15.1967 6.66805 15.2764 6.86557 15.2707 7.09562C15.2646 7.32519 15.179 7.52247 15.014 7.68747L8.8622 13.8393C8.67364 14.0279 8.57936 14.2518 8.57936 14.511C8.57936 14.7703 8.67953 15.0001 8.87988 15.2005C9.06844 15.389 9.29236 15.4833 9.55163 15.4833C9.8109 15.4833 10.0348 15.389 10.2234 15.2005L16.9762 8.4476C17.4712 7.95263 17.7187 7.36337 17.7187 6.67984C17.7187 5.9963 17.4712 5.40704 16.9762 4.91207C16.4813 4.4171 15.892 4.16961 15.2085 4.16961C14.5249 4.16961 13.9357 4.4171 13.4407 4.91207L5.94538 12.4074C5.15578 13.197 4.76098 14.1514 4.76098 15.2705C4.76098 16.3905 5.15578 17.3454 5.94538 18.135C6.73499 18.9246 7.68675 19.3163 8.80068 19.3102C9.91414 19.3045 10.8657 18.9069 11.6553 18.1173L18.5496 11.223C18.7146 11.058 18.9149 10.9755 19.1506 10.9755C19.3863 10.9755 19.5867 11.058 19.7516 11.223C19.9284 11.3998 20.0137 11.603 20.0076 11.8325C20.002 12.0626 19.9166 12.2601 19.7516 12.4251L12.8574 19.3194Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'd368a3baea80a058d98086eee91ad20eecb7a510' }, h("path", { key: '548e5d3df4742c8cb047e274e96c8c82a75f0acf', d: "M15.0003 22.5393C13.6803 23.8593 12.1027 24.5157 10.2675 24.5085C8.43167 24.5019 6.86068 23.8455 5.55449 22.5393C4.23456 21.2194 3.57129 19.6415 3.56469 17.8057C3.55754 15.9705 4.21394 14.3929 5.53387 13.0729L14.2784 4.32838C15.2271 3.37968 16.3785 2.90863 17.7325 2.91523C19.0871 2.92238 20.2387 3.4003 21.1874 4.34901C22.1361 5.29771 22.6105 6.44578 22.6105 7.79321C22.6105 9.14064 22.1361 10.2887 21.1874 11.2374L13.3091 19.1158C12.7041 19.7207 11.979 20.0268 11.1337 20.0339C10.2878 20.0405 9.56241 19.7413 8.95744 19.1364C8.33873 18.5177 8.03294 17.7856 8.04009 16.9403C8.04669 16.0945 8.35247 15.3691 8.95744 14.7641L16.1346 7.58697C16.3271 7.39448 16.5572 7.29466 16.8251 7.28751C17.0935 7.28091 17.3308 7.38073 17.537 7.58697C17.7295 7.77946 17.8224 8.00989 17.8158 8.27828C17.8087 8.54612 17.7089 8.77628 17.5164 8.96877L10.3392 16.1459C10.1193 16.3659 10.0093 16.6271 10.0093 16.9296C10.0093 17.2321 10.1261 17.5002 10.3599 17.7339C10.5799 17.9539 10.8411 18.0639 11.1436 18.0639C11.4461 18.0639 11.7073 17.9539 11.9273 17.7339L19.8056 9.8556C20.3831 9.27813 20.6718 8.59066 20.6718 7.79321C20.6718 6.99575 20.3831 6.30828 19.8056 5.73081C19.2282 5.15334 18.5407 4.8646 17.7432 4.8646C16.9458 4.8646 16.2583 5.15334 15.6808 5.73081L6.9363 14.4754C6.01509 15.3966 5.55449 16.51 5.55449 17.8156C5.55449 19.1224 6.01509 20.2363 6.9363 21.1575C7.8575 22.0787 8.96789 22.5358 10.2675 22.5286C11.5665 22.522 12.6766 22.0581 13.5978 21.1369L21.6412 13.0936C21.8337 12.9011 22.0674 12.8048 22.3424 12.8048C22.6174 12.8048 22.8511 12.9011 23.0436 13.0936C23.2498 13.2998 23.3494 13.5368 23.3422 13.8047C23.3356 14.0731 23.2361 14.3035 23.0436 14.496L15.0003 22.5393Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-attachment"; }
+    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-audio-file.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 SwirlIconAudioFile {
+    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: '20147ab7529fdbd0b8a0f1f1ff1f526710019b40', "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: 'caf48e2c524ace799abd1adf9fa527d8fa5f0a5d' }, h("path", { key: '5988a9e31495c0a8755ed144327447ea5341e7c6', d: "M7.16667 12.6663C7.58889 12.6663 7.94445 12.5219 8.23333 12.233C8.52222 11.9441 8.66667 11.5886 8.66667 11.1663V8.66634H10C10.1889 8.66634 10.3472 8.60245 10.475 8.47467C10.6028 8.3469 10.6667 8.18856 10.6667 7.99967C10.6667 7.81079 10.6028 7.65245 10.475 7.52467C10.3472 7.3969 10.1889 7.33301 10 7.33301H8.66667C8.47778 7.33301 8.31945 7.3969 8.19167 7.52467C8.06389 7.65245 8 7.81079 8 7.99967V9.91634C7.87778 9.82745 7.74722 9.76356 7.60833 9.72468C7.46945 9.68579 7.32222 9.66634 7.16667 9.66634C6.74445 9.66634 6.38889 9.81079 6.1 10.0997C5.81111 10.3886 5.66667 10.7441 5.66667 11.1663C5.66667 11.5886 5.81111 11.9441 6.1 12.233C6.38889 12.5219 6.74445 12.6663 7.16667 12.6663ZM4 14.6663C3.63333 14.6663 3.31945 14.5358 3.05833 14.2747C2.79722 14.0136 2.66667 13.6997 2.66667 13.333V2.66634C2.66667 2.29967 2.79722 1.98579 3.05833 1.72467C3.31945 1.46356 3.63333 1.33301 4 1.33301H8.78333C8.96111 1.33301 9.13056 1.36634 9.29167 1.43301C9.45278 1.49967 9.59445 1.59412 9.71667 1.71634L12.95 4.94967C13.0722 5.0719 13.1667 5.21356 13.2333 5.37467C13.3 5.53579 13.3333 5.70523 13.3333 5.88301V13.333C13.3333 13.6997 13.2028 14.0136 12.9417 14.2747C12.6806 14.5358 12.3667 14.6663 12 14.6663H4ZM8.66667 5.33301V2.66634H4V13.333H12V5.99967H9.33333C9.14445 5.99967 8.98611 5.93579 8.85833 5.80801C8.73056 5.68023 8.66667 5.5219 8.66667 5.33301Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '738d645a25b1902bc344d4448eb1eb686c0f7320' }, h("path", { key: 'ac0b63c40e839e829c5417e29a3f872af4185287', d: "M10.75 19C11.3833 19 11.9167 18.7833 12.35 18.35C12.7833 17.9167 13 17.3833 13 16.75V13H15C15.2833 13 15.5208 12.9042 15.7125 12.7125C15.9042 12.5208 16 12.2833 16 12C16 11.7167 15.9042 11.4792 15.7125 11.2875C15.5208 11.0958 15.2833 11 15 11H13C12.7167 11 12.4792 11.0958 12.2875 11.2875C12.0958 11.4792 12 11.7167 12 12V14.875C11.8167 14.7417 11.6208 14.6458 11.4125 14.5875C11.2042 14.5292 10.9833 14.5 10.75 14.5C10.1167 14.5 9.58333 14.7167 9.15 15.15C8.71667 15.5833 8.5 16.1167 8.5 16.75C8.5 17.3833 8.71667 17.9167 9.15 18.35C9.58333 18.7833 10.1167 19 10.75 19ZM6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H13.175C13.4417 2 13.6958 2.05 13.9375 2.15C14.1792 2.25 14.3917 2.39167 14.575 2.575L19.425 7.425C19.6083 7.60833 19.75 7.82083 19.85 8.0625C19.95 8.30417 20 8.55833 20 8.825V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM13 8V4H6V20H18V9H14C13.7167 9 13.4792 8.90417 13.2875 8.7125C13.0958 8.52083 13 8.28333 13 8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'd959e0d9b97f5ae1a93b3de45ae8a69046f3172c' }, h("path", { key: 'd0303e3dba9c51d20108602ac664c7aa179aea0e', d: "M12.5417 22.1663C13.2806 22.1663 13.9028 21.9136 14.4083 21.408C14.9139 20.9025 15.1667 20.2802 15.1667 19.5413V15.1663H17.5C17.8306 15.1663 18.1076 15.0545 18.3313 14.8309C18.5549 14.6073 18.6667 14.3302 18.6667 13.9997C18.6667 13.6691 18.5549 13.392 18.3313 13.1684C18.1076 12.9448 17.8306 12.833 17.5 12.833H15.1667C14.8361 12.833 14.559 12.9448 14.3354 13.1684C14.1118 13.392 14 13.6691 14 13.9997V17.3538C13.7861 17.1983 13.5576 17.0865 13.3146 17.0184C13.0715 16.9504 12.8139 16.9163 12.5417 16.9163C11.8028 16.9163 11.1806 17.1691 10.675 17.6747C10.1694 18.1802 9.91667 18.8025 9.91667 19.5413C9.91667 20.2802 10.1694 20.9025 10.675 21.408C11.1806 21.9136 11.8028 22.1663 12.5417 22.1663ZM7.00001 25.6663C6.35834 25.6663 5.80903 25.4379 5.35209 24.9809C4.89514 24.524 4.66667 23.9747 4.66667 23.333V4.66634C4.66667 4.02467 4.89514 3.47537 5.35209 3.01842C5.80903 2.56148 6.35834 2.33301 7.00001 2.33301H15.3708C15.682 2.33301 15.9785 2.39134 16.2604 2.50801C16.5424 2.62467 16.7903 2.78995 17.0042 3.00384L22.6625 8.66217C22.8764 8.87606 23.0417 9.12398 23.1583 9.40592C23.275 9.68787 23.3333 9.9844 23.3333 10.2955V23.333C23.3333 23.9747 23.1049 24.524 22.6479 24.9809C22.191 25.4379 21.6417 25.6663 21 25.6663H7.00001ZM15.1667 9.33301V4.66634H7.00001V23.333H21V10.4997H16.3333C16.0028 10.4997 15.7257 10.3879 15.5021 10.1643C15.2785 9.94065 15.1667 9.66356 15.1667 9.33301Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-audio-file"; }
+    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-autorenew.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 SwirlIconAutorenew {
+    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: '257075e1fe3e052413498a925c22f4219ecab77c', "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: 'a8693780a763eb05f83ade3b9f2fb2b221a58058' }, h("path", { key: '8d5f037ec91240bf693d4788bf267af1e2b30ad5', d: "M3.99984 8.03328C3.99984 8.21106 4.01095 8.38606 4.03317 8.55828C4.05539 8.73051 4.09428 8.89995 4.14984 9.06662C4.20539 9.25551 4.19984 9.43606 4.13317 9.60828C4.0665 9.78051 3.94984 9.90551 3.78317 9.98328C3.60539 10.0722 3.43039 10.0805 3.25817 10.0083C3.08595 9.93606 2.97206 9.80551 2.9165 9.61662C2.82762 9.36106 2.76373 9.09995 2.72484 8.83328C2.68595 8.56662 2.6665 8.29995 2.6665 8.03328C2.6665 6.5444 3.18317 5.27773 4.2165 4.23328C5.24984 3.18884 6.51095 2.66662 7.99984 2.66662H8.1165L7.5165 2.06662C7.39428 1.9444 7.33317 1.78884 7.33317 1.59995C7.33317 1.41106 7.39428 1.25551 7.5165 1.13328C7.63873 1.01106 7.79428 0.949951 7.98317 0.949951C8.17206 0.949951 8.32762 1.01106 8.44984 1.13328L10.1832 2.86662C10.3165 2.99995 10.3832 3.15551 10.3832 3.33328C10.3832 3.51106 10.3165 3.66662 10.1832 3.79995L8.44984 5.53328C8.32762 5.65551 8.17206 5.71662 7.98317 5.71662C7.79428 5.71662 7.63873 5.65551 7.5165 5.53328C7.39428 5.41106 7.33317 5.25551 7.33317 5.06662C7.33317 4.87773 7.39428 4.72217 7.5165 4.59995L8.1165 3.99995H7.99984C6.88873 3.99995 5.94428 4.39162 5.1665 5.17495C4.38873 5.95828 3.99984 6.91106 3.99984 8.03328ZM11.9998 7.96662C11.9998 7.78884 11.9887 7.61384 11.9665 7.44162C11.9443 7.2694 11.9054 7.09995 11.8498 6.93328C11.7943 6.7444 11.7998 6.56384 11.8665 6.39162C11.9332 6.2194 12.0498 6.0944 12.2165 6.01662C12.3943 5.92773 12.5693 5.9194 12.7415 5.99162C12.9137 6.06384 13.0276 6.1944 13.0832 6.38328C13.1721 6.63884 13.2359 6.89995 13.2748 7.16662C13.3137 7.43328 13.3332 7.69995 13.3332 7.96662C13.3332 9.45551 12.8165 10.7222 11.7832 11.7666C10.7498 12.8111 9.48873 13.3333 7.99984 13.3333H7.88317L8.48317 13.9333C8.60539 14.0555 8.6665 14.2111 8.6665 14.4C8.6665 14.5888 8.60539 14.7444 8.48317 14.8666C8.36095 14.9888 8.20539 15.05 8.0165 15.05C7.82762 15.05 7.67206 14.9888 7.54984 14.8666L5.8165 13.1333C5.68317 13 5.6165 12.8444 5.6165 12.6666C5.6165 12.4888 5.68317 12.3333 5.8165 12.2L7.54984 10.4666C7.67206 10.3444 7.82762 10.2833 8.0165 10.2833C8.20539 10.2833 8.36095 10.3444 8.48317 10.4666C8.60539 10.5888 8.6665 10.7444 8.6665 10.9333C8.6665 11.1222 8.60539 11.2777 8.48317 11.4L7.88317 12H7.99984C9.11095 12 10.0554 11.6083 10.8332 10.825C11.6109 10.0416 11.9998 9.08884 11.9998 7.96662Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '2e67168db205cb2af0e8bcc380861731672ce0a3' }, h("path", { key: '3a78e379fb1c6d2500e04b3b7d98264ccaeb1f69', d: "M6 12.05C6 12.3167 6.01667 12.5792 6.05 12.8375C6.08333 13.0959 6.14167 13.35 6.225 13.6C6.30833 13.8834 6.3 14.1542 6.2 14.4125C6.1 14.6709 5.925 14.8584 5.675 14.975C5.40833 15.1084 5.14583 15.1209 4.8875 15.0125C4.62917 14.9042 4.45833 14.7084 4.375 14.425C4.24167 14.0417 4.14583 13.65 4.0875 13.25C4.02917 12.85 4 12.45 4 12.05C4 9.81672 4.775 7.91672 6.325 6.35005C7.875 4.78338 9.76667 4.00005 12 4.00005H12.175L11.275 3.10005C11.0917 2.91672 11 2.68338 11 2.40005C11 2.11672 11.0917 1.88338 11.275 1.70005C11.4583 1.51672 11.6917 1.42505 11.975 1.42505C12.2583 1.42505 12.4917 1.51672 12.675 1.70005L15.275 4.30005C15.475 4.50005 15.575 4.73338 15.575 5.00005C15.575 5.26672 15.475 5.50005 15.275 5.70005L12.675 8.30005C12.4917 8.48338 12.2583 8.57505 11.975 8.57505C11.6917 8.57505 11.4583 8.48338 11.275 8.30005C11.0917 8.11672 11 7.88338 11 7.60005C11 7.31672 11.0917 7.08338 11.275 6.90005L12.175 6.00005H12C10.3333 6.00005 8.91667 6.58755 7.75 7.76255C6.58333 8.93755 6 10.3667 6 12.05ZM18 11.95C18 11.6834 17.9833 11.4209 17.95 11.1625C17.9167 10.9042 17.8583 10.65 17.775 10.4C17.6917 10.1167 17.7 9.84588 17.8 9.58755C17.9 9.32922 18.075 9.14172 18.325 9.02505C18.5917 8.89172 18.8542 8.87922 19.1125 8.98755C19.3708 9.09588 19.5417 9.29172 19.625 9.57505C19.7583 9.95838 19.8542 10.35 19.9125 10.75C19.9708 11.15 20 11.55 20 11.95C20 14.1834 19.225 16.0834 17.675 17.65C16.125 19.2167 14.2333 20 12 20H11.825L12.725 20.9C12.9083 21.0834 13 21.3167 13 21.6C13 21.8834 12.9083 22.1167 12.725 22.3C12.5417 22.4834 12.3083 22.575 12.025 22.575C11.7417 22.575 11.5083 22.4834 11.325 22.3L8.725 19.7C8.525 19.5 8.425 19.2667 8.425 19C8.425 18.7334 8.525 18.5 8.725 18.3L11.325 15.7C11.5083 15.5167 11.7417 15.425 12.025 15.425C12.3083 15.425 12.5417 15.5167 12.725 15.7C12.9083 15.8834 13 16.1167 13 16.4C13 16.6834 12.9083 16.9167 12.725 17.1L11.825 18H12C13.6667 18 15.0833 17.4125 16.25 16.2375C17.4167 15.0625 18 13.6334 18 11.95Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '0e7c90eaa3eb60e903c88177b3b3438e83e34eaa' }, h("path", { key: '715750d283f8e052edb67b7ad8e5f1b58365fc40', d: "M6.99984 14.0583C6.99984 14.3694 7.01928 14.6757 7.05817 14.9771C7.09706 15.2784 7.16512 15.575 7.26234 15.8666C7.35956 16.1972 7.34984 16.5132 7.23317 16.8146C7.1165 17.1159 6.91234 17.3347 6.62067 17.4708C6.30956 17.6264 6.00331 17.6409 5.70192 17.5146C5.40053 17.3882 5.20123 17.1597 5.104 16.8291C4.94845 16.3819 4.83664 15.925 4.76859 15.4583C4.70053 14.9916 4.6665 14.525 4.6665 14.0583C4.6665 11.4528 5.57067 9.23609 7.379 7.40831C9.18734 5.58053 11.3943 4.66664 13.9998 4.66664H14.204L13.154 3.61664C12.9401 3.40275 12.8332 3.13053 12.8332 2.79998C12.8332 2.46942 12.9401 2.1972 13.154 1.98331C13.3679 1.76942 13.6401 1.66248 13.9707 1.66248C14.3012 1.66248 14.5734 1.76942 14.7873 1.98331L17.8207 5.01664C18.054 5.24998 18.1707 5.5222 18.1707 5.83331C18.1707 6.14442 18.054 6.41664 17.8207 6.64998L14.7873 9.68331C14.5734 9.8972 14.3012 10.0041 13.9707 10.0041C13.6401 10.0041 13.3679 9.8972 13.154 9.68331C12.9401 9.46942 12.8332 9.1972 12.8332 8.86664C12.8332 8.53609 12.9401 8.26386 13.154 8.04998L14.204 6.99998H13.9998C12.0554 6.99998 10.4026 7.68539 9.0415 9.05623C7.68039 10.4271 6.99984 12.0944 6.99984 14.0583ZM20.9998 13.9416C20.9998 13.6305 20.9804 13.3243 20.9415 13.0229C20.9026 12.7215 20.8346 12.425 20.7373 12.1333C20.6401 11.8028 20.6498 11.4868 20.7665 11.1854C20.8832 10.884 21.0873 10.6653 21.379 10.5291C21.6901 10.3736 21.9964 10.359 22.2978 10.4854C22.5991 10.6118 22.7984 10.8403 22.8957 11.1708C23.0512 11.618 23.163 12.075 23.2311 12.5416C23.2991 13.0083 23.3332 13.475 23.3332 13.9416C23.3332 16.5472 22.429 18.7639 20.6207 20.5916C18.8123 22.4194 16.6054 23.3333 13.9998 23.3333H13.7957L14.8457 24.3833C15.0596 24.5972 15.1665 24.8694 15.1665 25.2C15.1665 25.5305 15.0596 25.8028 14.8457 26.0166C14.6318 26.2305 14.3596 26.3375 14.029 26.3375C13.6984 26.3375 13.4262 26.2305 13.2123 26.0166L10.179 22.9833C9.94567 22.75 9.829 22.4778 9.829 22.1666C9.829 21.8555 9.94567 21.5833 10.179 21.35L13.2123 18.3166C13.4262 18.1028 13.6984 17.9958 14.029 17.9958C14.3596 17.9958 14.6318 18.1028 14.8457 18.3166C15.0596 18.5305 15.1665 18.8028 15.1665 19.1333C15.1665 19.4639 15.0596 19.7361 14.8457 19.95L13.7957 21H13.9998C15.9443 21 17.5971 20.3146 18.9582 18.9437C20.3193 17.5729 20.9998 15.9055 20.9998 13.9416Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-autorenew"; }
+    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-bar-chart.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 SwirlIconBarChart {
+    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: 'a443673ec480c869b6075f7556a544585d1ca700', "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: 'ed345cfb831eb8868ad00c0a4fe04e714848b0ad' }, h("path", { key: '2acd1ecb99882e8a604b45b3eea9d6824b181074', d: "M2.00004 14C1.81115 14 1.65282 13.9361 1.52504 13.8083C1.39726 13.6806 1.33337 13.5222 1.33337 13.3333C1.33337 13.1444 1.39726 12.9861 1.52504 12.8583C1.65282 12.7306 1.81115 12.6667 2.00004 12.6667H14C14.1889 12.6667 14.3473 12.7306 14.475 12.8583C14.6028 12.9861 14.6667 13.1444 14.6667 13.3333C14.6667 13.5222 14.6028 13.6806 14.475 13.8083C14.3473 13.9361 14.1889 14 14 14H2.00004ZM3.00004 12C2.72226 12 2.48615 11.9028 2.29171 11.7083C2.09726 11.5139 2.00004 11.2778 2.00004 11V8.33333C2.00004 8.05556 2.09726 7.81944 2.29171 7.625C2.48615 7.43056 2.72226 7.33333 3.00004 7.33333C3.27782 7.33333 3.51393 7.43056 3.70837 7.625C3.90282 7.81944 4.00004 8.05556 4.00004 8.33333V11C4.00004 11.2778 3.90282 11.5139 3.70837 11.7083C3.51393 11.9028 3.27782 12 3.00004 12ZM6.33337 12C6.0556 12 5.81948 11.9028 5.62504 11.7083C5.4306 11.5139 5.33337 11.2778 5.33337 11V5C5.33337 4.72222 5.4306 4.48611 5.62504 4.29167C5.81948 4.09722 6.0556 4 6.33337 4C6.61115 4 6.84726 4.09722 7.04171 4.29167C7.23615 4.48611 7.33337 4.72222 7.33337 5V11C7.33337 11.2778 7.23615 11.5139 7.04171 11.7083C6.84726 11.9028 6.61115 12 6.33337 12ZM9.66671 12C9.38893 12 9.15282 11.9028 8.95837 11.7083C8.76393 11.5139 8.66671 11.2778 8.66671 11V7C8.66671 6.72222 8.76393 6.48611 8.95837 6.29167C9.15282 6.09722 9.38893 6 9.66671 6C9.94448 6 10.1806 6.09722 10.375 6.29167C10.5695 6.48611 10.6667 6.72222 10.6667 7V11C10.6667 11.2778 10.5695 11.5139 10.375 11.7083C10.1806 11.9028 9.94448 12 9.66671 12ZM13 12C12.7223 12 12.4862 11.9028 12.2917 11.7083C12.0973 11.5139 12 11.2778 12 11V3C12 2.72222 12.0973 2.48611 12.2917 2.29167C12.4862 2.09722 12.7223 2 13 2C13.2778 2 13.5139 2.09722 13.7084 2.29167C13.9028 2.48611 14 2.72222 14 3V11C14 11.2778 13.9028 11.5139 13.7084 11.7083C13.5139 11.9028 13.2778 12 13 12Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'c9c616b09b7ed978d1c6666b4bbf035e12424c03' }, h("path", { key: 'bd0917148bb9f2ef7416beeeed3400de07084aa7', d: "M3 21C2.71667 21 2.47917 20.9042 2.2875 20.7125C2.09583 20.5208 2 20.2833 2 20C2 19.7167 2.09583 19.4792 2.2875 19.2875C2.47917 19.0958 2.71667 19 3 19H21C21.2833 19 21.5208 19.0958 21.7125 19.2875C21.9042 19.4792 22 19.7167 22 20C22 20.2833 21.9042 20.5208 21.7125 20.7125C21.5208 20.9042 21.2833 21 21 21H3ZM4.5 18C4.08333 18 3.72917 17.8542 3.4375 17.5625C3.14583 17.2708 3 16.9167 3 16.5V12.5C3 12.0833 3.14583 11.7292 3.4375 11.4375C3.72917 11.1458 4.08333 11 4.5 11C4.91667 11 5.27083 11.1458 5.5625 11.4375C5.85417 11.7292 6 12.0833 6 12.5V16.5C6 16.9167 5.85417 17.2708 5.5625 17.5625C5.27083 17.8542 4.91667 18 4.5 18ZM9.5 18C9.08333 18 8.72917 17.8542 8.4375 17.5625C8.14583 17.2708 8 16.9167 8 16.5V7.5C8 7.08333 8.14583 6.72917 8.4375 6.4375C8.72917 6.14583 9.08333 6 9.5 6C9.91667 6 10.2708 6.14583 10.5625 6.4375C10.8542 6.72917 11 7.08333 11 7.5V16.5C11 16.9167 10.8542 17.2708 10.5625 17.5625C10.2708 17.8542 9.91667 18 9.5 18ZM14.5 18C14.0833 18 13.7292 17.8542 13.4375 17.5625C13.1458 17.2708 13 16.9167 13 16.5V10.5C13 10.0833 13.1458 9.72917 13.4375 9.4375C13.7292 9.14583 14.0833 9 14.5 9C14.9167 9 15.2708 9.14583 15.5625 9.4375C15.8542 9.72917 16 10.0833 16 10.5V16.5C16 16.9167 15.8542 17.2708 15.5625 17.5625C15.2708 17.8542 14.9167 18 14.5 18ZM19.5 18C19.0833 18 18.7292 17.8542 18.4375 17.5625C18.1458 17.2708 18 16.9167 18 16.5V4.5C18 4.08333 18.1458 3.72917 18.4375 3.4375C18.7292 3.14583 19.0833 3 19.5 3C19.9167 3 20.2708 3.14583 20.5625 3.4375C20.8542 3.72917 21 4.08333 21 4.5V16.5C21 16.9167 20.8542 17.2708 20.5625 17.5625C20.2708 17.8542 19.9167 18 19.5 18Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '62631fc6a786ae108745bca30071d550c87abf16' }, h("path", { key: '249af78f8071aa0f0dfaced8b51b4dd0fd3c99ce', d: "M3.50004 24.5C3.16949 24.5 2.8924 24.3882 2.66879 24.1646C2.44518 23.941 2.33337 23.6639 2.33337 23.3333C2.33337 23.0028 2.44518 22.7257 2.66879 22.5021C2.8924 22.2785 3.16949 22.1667 3.50004 22.1667H24.5C24.8306 22.1667 25.1077 22.2785 25.3313 22.5021C25.5549 22.7257 25.6667 23.0028 25.6667 23.3333C25.6667 23.6639 25.5549 23.941 25.3313 24.1646C25.1077 24.3882 24.8306 24.5 24.5 24.5H3.50004ZM5.25004 21C4.76393 21 4.35074 20.8299 4.01046 20.4896C3.67018 20.1493 3.50004 19.7361 3.50004 19.25V14.5833C3.50004 14.0972 3.67018 13.684 4.01046 13.3437C4.35074 13.0035 4.76393 12.8333 5.25004 12.8333C5.73615 12.8333 6.14935 13.0035 6.48962 13.3437C6.8299 13.684 7.00004 14.0972 7.00004 14.5833V19.25C7.00004 19.7361 6.8299 20.1493 6.48962 20.4896C6.14935 20.8299 5.73615 21 5.25004 21ZM11.0834 21C10.5973 21 10.1841 20.8299 9.84379 20.4896C9.50351 20.1493 9.33337 19.7361 9.33337 19.25V8.75C9.33337 8.26389 9.50351 7.85069 9.84379 7.51042C10.1841 7.17014 10.5973 7 11.0834 7C11.5695 7 11.9827 7.17014 12.323 7.51042C12.6632 7.85069 12.8334 8.26389 12.8334 8.75V19.25C12.8334 19.7361 12.6632 20.1493 12.323 20.4896C11.9827 20.8299 11.5695 21 11.0834 21ZM16.9167 21C16.4306 21 16.0174 20.8299 15.6771 20.4896C15.3368 20.1493 15.1667 19.7361 15.1667 19.25V12.25C15.1667 11.7639 15.3368 11.3507 15.6771 11.0104C16.0174 10.6701 16.4306 10.5 16.9167 10.5C17.4028 10.5 17.816 10.6701 18.1563 11.0104C18.4966 11.3507 18.6667 11.7639 18.6667 12.25V19.25C18.6667 19.7361 18.4966 20.1493 18.1563 20.4896C17.816 20.8299 17.4028 21 16.9167 21ZM22.75 21C22.2639 21 21.8507 20.8299 21.5105 20.4896C21.1702 20.1493 21 19.7361 21 19.25V5.25C21 4.76389 21.1702 4.35069 21.5105 4.01042C21.8507 3.67014 22.2639 3.5 22.75 3.5C23.2362 3.5 23.6493 3.67014 23.9896 4.01042C24.3299 4.35069 24.5 4.76389 24.5 5.25V19.25C24.5 19.7361 24.3299 20.1493 23.9896 20.4896C23.6493 20.8299 23.2362 21 22.75 21Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-bar-chart"; }
+    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-beach-access-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 SwirlIconBeachAccessFilled {
+    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: 'da5cbdb8c1d1a781769a65d70400c057cf9353e3', "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: '4374845c603906720d8723a3c10d70e4598d73e7' }, h("path", { key: '3702eef3dd270214c048469959a24a5043e7b391', d: "M12.6336 13.5332L9.33363 10.2332C9.2114 10.111 9.15029 9.95546 9.15029 9.76657C9.15029 9.57768 9.2114 9.42213 9.33363 9.2999C9.45585 9.17768 9.6114 9.11657 9.80029 9.11657C9.98918 9.11657 10.1447 9.17768 10.267 9.2999L13.567 12.5999C13.6892 12.7221 13.7503 12.8777 13.7503 13.0666C13.7503 13.2555 13.6892 13.411 13.567 13.5332C13.4447 13.6555 13.2892 13.7166 13.1003 13.7166C12.9114 13.7166 12.7558 13.6555 12.6336 13.5332ZM5.08363 12.4499C4.77252 12.761 4.40863 12.9082 3.99196 12.8916C3.57529 12.8749 3.25585 12.6943 3.03363 12.3499C2.36696 11.3166 2.01418 10.1971 1.97529 8.99157C1.9364 7.78602 2.2114 6.6499 2.80029 5.58324C2.83363 5.96102 2.92807 6.38602 3.08363 6.85824C3.23918 7.33046 3.45307 7.82768 3.72529 8.3499C3.99752 8.87213 4.32252 9.40824 4.70029 9.95824C5.07807 10.5082 5.49474 11.0499 5.95029 11.5832L5.08363 12.4499ZM6.86696 10.6666C6.33363 10.1332 5.86696 9.55268 5.46696 8.9249C5.06696 8.29713 4.75307 7.68879 4.52529 7.0999C4.29752 6.51102 4.16974 5.9749 4.14196 5.49157C4.11418 5.00824 4.21696 4.6499 4.45029 4.41657C4.68363 4.17213 5.04196 4.06102 5.52529 4.08324C6.00863 4.10546 6.54752 4.23046 7.14196 4.45824C7.7364 4.68602 8.34752 5.00268 8.97529 5.40824C9.60307 5.81379 10.1836 6.28324 10.717 6.81657L6.86696 10.6666ZM12.367 3.01657C12.7114 3.23879 12.8947 3.55546 12.917 3.96657C12.9392 4.37768 12.7947 4.73879 12.4836 5.0499L11.6336 5.8999C11.1114 5.44435 10.5753 5.03324 10.0253 4.66657C9.47529 4.2999 8.94196 3.97768 8.42529 3.6999C7.90863 3.42213 7.41418 3.20268 6.94196 3.04157C6.46974 2.88046 6.04474 2.78324 5.66696 2.7499C6.72252 2.20546 7.85029 1.95546 9.05029 1.9999C10.2503 2.04435 11.3558 2.38324 12.367 3.01657Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '0bcbf74862157883d322852b0f8f83b7c078430e' }, h("path", { key: '066979d89adc0df5a98ef6ef0a20c5e6b115fdd0', d: "M18.95 20.3L14 15.35C13.8166 15.1666 13.725 14.9333 13.725 14.65C13.725 14.3666 13.8166 14.1333 14 13.95C14.1833 13.7666 14.4166 13.675 14.7 13.675C14.9833 13.675 15.2166 13.7666 15.4 13.95L20.35 18.9C20.5333 19.0833 20.625 19.3166 20.625 19.6C20.625 19.8833 20.5333 20.1166 20.35 20.3C20.1666 20.4833 19.9333 20.575 19.65 20.575C19.3666 20.575 19.1333 20.4833 18.95 20.3ZM7.62495 18.675C7.15829 19.1416 6.61245 19.3625 5.98745 19.3375C5.36245 19.3125 4.88329 19.0416 4.54995 18.525C3.54995 16.975 3.02078 15.2958 2.96245 13.4875C2.90412 11.6791 3.31662 9.97498 4.19995 8.37498C4.24995 8.94165 4.39162 9.57915 4.62495 10.2875C4.85829 10.9958 5.17912 11.7416 5.58745 12.525C5.99579 13.3083 6.48329 14.1125 7.04995 14.9375C7.61662 15.7625 8.24162 16.575 8.92495 17.375L7.62495 18.675ZM10.3 16C9.49995 15.2 8.79995 14.3291 8.19995 13.3875C7.59995 12.4458 7.12912 11.5333 6.78745 10.65C6.44579 9.76665 6.25412 8.96248 6.21245 8.23748C6.17079 7.51248 6.32495 6.97498 6.67495 6.62498C7.02495 6.25831 7.56245 6.09165 8.28745 6.12498C9.01245 6.15831 9.82079 6.34581 10.7125 6.68748C11.6041 7.02915 12.5208 7.50415 13.4625 8.11248C14.4041 8.72081 15.275 9.42498 16.075 10.225L10.3 16ZM18.55 4.52498C19.0666 4.85831 19.3416 5.33331 19.375 5.94998C19.4083 6.56665 19.1916 7.10831 18.725 7.57498L17.45 8.84998C16.6666 8.16665 15.8625 7.54998 15.0375 6.99998C14.2125 6.44998 13.4125 5.96665 12.6375 5.54998C11.8625 5.13331 11.1208 4.80415 10.4125 4.56248C9.70412 4.32081 9.06662 4.17498 8.49995 4.12498C10.0833 3.30831 11.775 2.93331 13.575 2.99998C15.375 3.06665 17.0333 3.57498 18.55 4.52498Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '5ab18c204ff864a5125b8533eb78d94cef892340' }, h("path", { key: 'baa439b363f0f1b3034110e0863dd14a465493be', d: "M22.1086 23.6833L16.3336 17.9083C16.1197 17.6945 16.0128 17.4222 16.0128 17.0917C16.0128 16.7611 16.1197 16.4889 16.3336 16.275C16.5475 16.0611 16.8197 15.9542 17.1503 15.9542C17.4808 15.9542 17.753 16.0611 17.9669 16.275L23.7419 22.05C23.9558 22.2639 24.0628 22.5361 24.0628 22.8667C24.0628 23.1972 23.9558 23.4695 23.7419 23.6833C23.528 23.8972 23.2558 24.0042 22.9253 24.0042C22.5947 24.0042 22.3225 23.8972 22.1086 23.6833ZM8.8961 21.7875C8.35166 22.332 7.71485 22.5896 6.98569 22.5604C6.25652 22.5313 5.69749 22.2153 5.3086 21.6125C4.14194 19.8042 3.52457 17.8452 3.45652 15.7354C3.38846 13.6257 3.86971 11.6375 4.90027 9.77085C4.9586 10.432 5.12388 11.1757 5.3961 12.0021C5.66832 12.8285 6.04263 13.6986 6.51902 14.6125C6.99541 15.5264 7.56416 16.4646 8.22527 17.4271C8.88638 18.3896 9.61555 19.3375 10.4128 20.2708L8.8961 21.7875ZM12.0169 18.6667C11.0836 17.7333 10.2669 16.7174 9.56694 15.6188C8.86694 14.5202 8.31763 13.4556 7.91902 12.425C7.52041 11.3945 7.2968 10.4563 7.24819 9.61043C7.19958 8.7646 7.37944 8.13752 7.78777 7.72918C8.1961 7.3014 8.82319 7.10696 9.66902 7.14585C10.5149 7.18474 11.4579 7.40349 12.4982 7.8021C13.5385 8.20071 14.6079 8.75488 15.7065 9.4646C16.8051 10.1743 17.8211 10.9958 18.7544 11.9292L12.0169 18.6667ZM21.6419 5.27918C22.2447 5.66807 22.5655 6.22224 22.6044 6.94168C22.6433 7.66113 22.3905 8.29307 21.8461 8.83752L20.3586 10.325C19.4447 9.52779 18.5065 8.80835 17.544 8.16668C16.5815 7.52502 15.6482 6.96113 14.744 6.47502C13.8399 5.9889 12.9746 5.60488 12.1482 5.32293C11.3218 5.04099 10.578 4.87085 9.91694 4.81252C11.7642 3.85974 13.7378 3.42224 15.8378 3.50002C17.9378 3.57779 19.8725 4.17085 21.6419 5.27918Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-beach-access-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"
+            }
+        };
+    }
+}