@getflip/swirl-components 0.197.1 → 0.199.0

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

@@ -2,77 +2,79 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconCopy {
-  constructor() {
-    this.color = undefined;
-    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", { "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, null, h("path", { d: "M6 11.9999C5.63333 11.9999 5.31956 11.8695 5.05867 11.6086C4.79733 11.3473 4.66667 11.0333 4.66667 10.6666V2.66659C4.66667 2.29992 4.79733 1.98592 5.05867 1.72459C5.31956 1.4637 5.63333 1.33325 6 1.33325H12C12.3667 1.33325 12.6807 1.4637 12.942 1.72459C13.2029 1.98592 13.3333 2.29992 13.3333 2.66659V10.6666C13.3333 11.0333 13.2029 11.3473 12.942 11.6086C12.6807 11.8695 12.3667 11.9999 12 11.9999H6ZM6 10.6666H12V2.66659H6V10.6666ZM3.33333 14.6666C2.96667 14.6666 2.65267 14.5361 2.39133 14.2753C2.13044 14.0139 2 13.6999 2 13.3333V4.66659C2 4.4777 2.064 4.31925 2.192 4.19125C2.31956 4.0637 2.47778 3.99992 2.66667 3.99992C2.85556 3.99992 3.014 4.0637 3.142 4.19125C3.26956 4.31925 3.33333 4.4777 3.33333 4.66659V13.3333H10C10.1889 13.3333 10.3473 13.3973 10.4753 13.5253C10.6029 13.6528 10.6667 13.811 10.6667 13.9999C10.6667 14.1888 10.6029 14.347 10.4753 14.4746C10.3473 14.6026 10.1889 14.6666 10 14.6666H3.33333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M9 18C8.45 18 7.97933 17.8043 7.588 17.413C7.196 17.021 7 16.55 7 16V4C7 3.45 7.196 2.979 7.588 2.587C7.97933 2.19567 8.45 2 9 2H18C18.55 2 19.021 2.19567 19.413 2.587C19.8043 2.979 20 3.45 20 4V16C20 16.55 19.8043 17.021 19.413 17.413C19.021 17.8043 18.55 18 18 18H9ZM9 16H18V4H9V16ZM5 22C4.45 22 3.979 21.8043 3.587 21.413C3.19567 21.021 3 20.55 3 20V7C3 6.71667 3.096 6.479 3.288 6.287C3.47933 6.09567 3.71667 6 4 6C4.28333 6 4.521 6.09567 4.713 6.287C4.90433 6.479 5 6.71667 5 7V20H15C15.2833 20 15.521 20.096 15.713 20.288C15.9043 20.4793 16 20.7167 16 21C16 21.2833 15.9043 21.5207 15.713 21.712C15.521 21.904 15.2833 22 15 22H5Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M10.5 20.9999C9.85833 20.9999 9.30922 20.7716 8.85267 20.3151C8.39533 19.8578 8.16667 19.3083 8.16667 18.6666V4.66659C8.16667 4.02492 8.39533 3.47542 8.85267 3.01809C9.30922 2.56153 9.85833 2.33325 10.5 2.33325H21C21.6417 2.33325 22.1912 2.56153 22.6485 3.01809C23.1051 3.47542 23.3333 4.02492 23.3333 4.66659V18.6666C23.3333 19.3083 23.1051 19.8578 22.6485 20.3151C22.1912 20.7716 21.6417 20.9999 21 20.9999H10.5ZM10.5 18.6666H21V4.66659H10.5V18.6666ZM5.83333 25.6666C5.19167 25.6666 4.64217 25.4383 4.18483 24.9818C3.72828 24.5244 3.5 23.9749 3.5 23.3333V8.16659C3.5 7.83603 3.612 7.55875 3.836 7.33475C4.05922 7.11153 4.33611 6.99992 4.66667 6.99992C4.99722 6.99992 5.2745 7.11153 5.4985 7.33475C5.72172 7.55875 5.83333 7.83603 5.83333 8.16659V23.3333H17.5C17.8306 23.3333 18.1078 23.4453 18.3318 23.6693C18.5551 23.8925 18.6667 24.1694 18.6667 24.4999C18.6667 24.8305 18.5551 25.1074 18.3318 25.3306C18.1078 25.5546 17.8306 25.6666 17.5 25.6666H5.83333Z", fill: "currentColor" })))));
-  }
-  static get is() { return "swirl-icon-copy"; }
-  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",
-        "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"
+    constructor() {
+        this.color = undefined;
+        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: 'ff3bc1f945edaa767b7aff2e38ae915df4362e78', "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: '44549870107d0ac92effeef167d8bf3a9b3299ee' }, h("path", { key: 'fcad18afa964ec91324be5ebbd42b7a7de68526a', d: "M6 11.9999C5.63333 11.9999 5.31956 11.8695 5.05867 11.6086C4.79733 11.3473 4.66667 11.0333 4.66667 10.6666V2.66659C4.66667 2.29992 4.79733 1.98592 5.05867 1.72459C5.31956 1.4637 5.63333 1.33325 6 1.33325H12C12.3667 1.33325 12.6807 1.4637 12.942 1.72459C13.2029 1.98592 13.3333 2.29992 13.3333 2.66659V10.6666C13.3333 11.0333 13.2029 11.3473 12.942 11.6086C12.6807 11.8695 12.3667 11.9999 12 11.9999H6ZM6 10.6666H12V2.66659H6V10.6666ZM3.33333 14.6666C2.96667 14.6666 2.65267 14.5361 2.39133 14.2753C2.13044 14.0139 2 13.6999 2 13.3333V4.66659C2 4.4777 2.064 4.31925 2.192 4.19125C2.31956 4.0637 2.47778 3.99992 2.66667 3.99992C2.85556 3.99992 3.014 4.0637 3.142 4.19125C3.26956 4.31925 3.33333 4.4777 3.33333 4.66659V13.3333H10C10.1889 13.3333 10.3473 13.3973 10.4753 13.5253C10.6029 13.6528 10.6667 13.811 10.6667 13.9999C10.6667 14.1888 10.6029 14.347 10.4753 14.4746C10.3473 14.6026 10.1889 14.6666 10 14.6666H3.33333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '95e5d40b957bc8f22cb9f7d9f0fbc57935e58815' }, h("path", { key: 'da31ec4f7b74f222f42ddd7960b05facb8d7591b', d: "M9 18C8.45 18 7.97933 17.8043 7.588 17.413C7.196 17.021 7 16.55 7 16V4C7 3.45 7.196 2.979 7.588 2.587C7.97933 2.19567 8.45 2 9 2H18C18.55 2 19.021 2.19567 19.413 2.587C19.8043 2.979 20 3.45 20 4V16C20 16.55 19.8043 17.021 19.413 17.413C19.021 17.8043 18.55 18 18 18H9ZM9 16H18V4H9V16ZM5 22C4.45 22 3.979 21.8043 3.587 21.413C3.19567 21.021 3 20.55 3 20V7C3 6.71667 3.096 6.479 3.288 6.287C3.47933 6.09567 3.71667 6 4 6C4.28333 6 4.521 6.09567 4.713 6.287C4.90433 6.479 5 6.71667 5 7V20H15C15.2833 20 15.521 20.096 15.713 20.288C15.9043 20.4793 16 20.7167 16 21C16 21.2833 15.9043 21.5207 15.713 21.712C15.521 21.904 15.2833 22 15 22H5Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '1dc2622baaeb54484fb6491c42bea67feef882bf' }, h("path", { key: '0bce8a0c23e4eba3d5f12613b9216ae7a6c95350', d: "M10.5 20.9999C9.85833 20.9999 9.30922 20.7716 8.85267 20.3151C8.39533 19.8578 8.16667 19.3083 8.16667 18.6666V4.66659C8.16667 4.02492 8.39533 3.47542 8.85267 3.01809C9.30922 2.56153 9.85833 2.33325 10.5 2.33325H21C21.6417 2.33325 22.1912 2.56153 22.6485 3.01809C23.1051 3.47542 23.3333 4.02492 23.3333 4.66659V18.6666C23.3333 19.3083 23.1051 19.8578 22.6485 20.3151C22.1912 20.7716 21.6417 20.9999 21 20.9999H10.5ZM10.5 18.6666H21V4.66659H10.5V18.6666ZM5.83333 25.6666C5.19167 25.6666 4.64217 25.4383 4.18483 24.9818C3.72828 24.5244 3.5 23.9749 3.5 23.3333V8.16659C3.5 7.83603 3.612 7.55875 3.836 7.33475C4.05922 7.11153 4.33611 6.99992 4.66667 6.99992C4.99722 6.99992 5.2745 7.11153 5.4985 7.33475C5.72172 7.55875 5.83333 7.83603 5.83333 8.16659V23.3333H17.5C17.8306 23.3333 18.1078 23.4453 18.3318 23.6693C18.5551 23.8925 18.6667 24.1694 18.6667 24.4999C18.6667 24.8305 18.5551 25.1074 18.3318 25.3306C18.1078 25.5546 17.8306 25.6666 17.5 25.6666H5.83333Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-copy"; }
+    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",
+                "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": ""
+                },
+                "attribute": "color",
+                "reflect": false
+            },
+            "size": {
+                "type": "number",
+                "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": ""
+                },
+                "attribute": "size",
+                "reflect": false,
+                "defaultValue": "24"
             }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "color",
-        "reflect": false
-      },
-      "size": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "SwirlIconSize",
-          "resolved": "16 | 20 | 24 | 28",
-          "references": {
-            "SwirlIconSize": {
-              "location": "import",
-              "path": "../swirl-icon.types"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "size",
-        "reflect": false,
-        "defaultValue": "24"
-      }
-    };
-  }
+        };
+    }
 }

package/dist/collection/components/swirl-icon/icons/swirl-icon-dark-mode.js

@@ -2,77 +2,79 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconDarkMode {
-  constructor() {
-    this.color = undefined;
-    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", { "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, null, h("path", { d: "M8 13.9998C6.32222 13.9998 4.90267 13.4191 3.74133 12.2578C2.58044 11.0969 2 9.67755 2 7.99977C2 6.46644 2.5 5.13577 3.5 4.00777C4.5 2.88022 5.77778 2.22199 7.33333 2.03311C7.61111 1.99977 7.82778 2.09977 7.98333 2.33311C8.13889 2.56644 8.13333 2.81088 7.96667 3.06644C7.77778 3.35533 7.636 3.66088 7.54133 3.98311C7.44711 4.30533 7.4 4.64422 7.4 4.99977C7.4 5.99977 7.75 6.84977 8.45 7.54977C9.15 8.24977 10 8.59977 11 8.59977C11.3444 8.59977 11.6862 8.54977 12.0253 8.44977C12.364 8.34977 12.6667 8.21088 12.9333 8.03311C13.1667 7.87755 13.4056 7.86911 13.65 8.00777C13.8944 8.14688 14 8.36644 13.9667 8.66644C13.8111 10.1998 13.1584 11.472 12.0087 12.4831C10.8584 13.4942 9.52222 13.9998 8 13.9998ZM8 12.6664C8.97778 12.6664 9.85556 12.3971 10.6333 11.8584C11.4111 11.3193 11.9778 10.6164 12.3333 9.74977C12.1111 9.80533 11.8889 9.84977 11.6667 9.88311C11.4444 9.91644 11.2222 9.9331 11 9.9331C9.63333 9.9331 8.46933 9.45266 7.508 8.49177C6.54711 7.53044 6.06667 6.36644 6.06667 4.99977C6.06667 4.77755 6.08333 4.55533 6.11667 4.33311C6.15 4.11088 6.19444 3.88866 6.25 3.66644C5.38333 4.02199 4.68067 4.58866 4.142 5.36644C3.60289 6.14422 3.33333 7.02199 3.33333 7.99977C3.33333 9.28866 3.78889 10.3887 4.7 11.2998C5.61111 12.2109 6.71111 12.6664 8 12.6664Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M12 20.9999C9.48333 20.9999 7.354 20.1289 5.612 18.3869C3.87067 16.6456 3 14.5166 3 11.9999C3 9.6999 3.75 7.7039 5.25 6.0119C6.75 4.32057 8.66667 3.33324 11 3.0499C11.4167 2.9999 11.7417 3.1499 11.975 3.4999C12.2083 3.8499 12.2 4.21657 11.95 4.5999C11.6667 5.03324 11.454 5.49157 11.312 5.9749C11.1707 6.45824 11.1 6.96657 11.1 7.4999C11.1 8.9999 11.625 10.2749 12.675 11.3249C13.725 12.3749 15 12.8999 16.5 12.8999C17.0167 12.8999 17.5293 12.8249 18.038 12.6749C18.546 12.5249 19 12.3166 19.4 12.0499C19.75 11.8166 20.1083 11.8039 20.475 12.0119C20.8417 12.2206 21 12.5499 20.95 12.9999C20.7167 15.2999 19.7377 17.2082 18.013 18.7249C16.2877 20.2416 14.2833 20.9999 12 20.9999ZM12 18.9999C13.4667 18.9999 14.7833 18.5959 15.95 17.7879C17.1167 16.9792 17.9667 15.9249 18.5 14.6249C18.1667 14.7082 17.8333 14.7749 17.5 14.8249C17.1667 14.8749 16.8333 14.8999 16.5 14.8999C14.45 14.8999 12.704 14.1792 11.262 12.7379C9.82067 11.2959 9.1 9.5499 9.1 7.4999C9.1 7.16657 9.125 6.83324 9.175 6.4999C9.225 6.16657 9.29167 5.83324 9.375 5.4999C8.075 6.03324 7.021 6.88324 6.213 8.0499C5.40433 9.21657 5 10.5332 5 11.9999C5 13.9332 5.68333 15.5832 7.05 16.9499C8.41667 18.3166 10.0667 18.9999 12 18.9999Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M14 24.5C11.0639 24.5 8.57967 23.4838 6.54733 21.4515C4.51578 19.4199 3.5 16.9361 3.5 14C3.5 11.3166 4.375 8.98797 6.125 7.01397C7.875 5.04075 10.1111 3.88886 12.8333 3.5583C13.3194 3.49997 13.6986 3.67497 13.9708 4.0833C14.2431 4.49163 14.2333 4.91941 13.9417 5.36663C13.6111 5.87219 13.363 6.40691 13.1973 6.9708C13.0324 7.53469 12.95 8.12774 12.95 8.74997C12.95 10.5 13.5625 11.9875 14.7875 13.2125C16.0125 14.4375 17.5 15.05 19.25 15.05C19.8528 15.05 20.4509 14.9625 21.0443 14.7875C21.637 14.6125 22.1667 14.3694 22.6333 14.0583C23.0417 13.7861 23.4597 13.7713 23.8875 14.014C24.3153 14.2574 24.5 14.6416 24.4417 15.1666C24.1694 17.85 23.0273 20.0764 21.0152 21.8458C19.0023 23.6152 16.6639 24.5 14 24.5ZM14 22.1666C15.7111 22.1666 17.2472 21.6953 18.6083 20.7526C19.9694 19.8092 20.9611 18.5791 21.5833 17.0625C21.1944 17.1597 20.8056 17.2375 20.4167 17.2958C20.0278 17.3541 19.6389 17.3833 19.25 17.3833C16.8583 17.3833 14.8213 16.5425 13.139 14.861C11.4574 13.1786 10.6167 11.1416 10.6167 8.74997C10.6167 8.36108 10.6458 7.97219 10.7042 7.5833C10.7625 7.19441 10.8403 6.80552 10.9375 6.41663C9.42083 7.03886 8.19117 8.03052 7.2485 9.39163C6.30506 10.7527 5.83333 12.2889 5.83333 14C5.83333 16.2555 6.63056 18.1805 8.225 19.775C9.81944 21.3694 11.7444 22.1666 14 22.1666Z", fill: "currentColor" })))));
-  }
-  static get is() { return "swirl-icon-dark-mode"; }
-  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",
-        "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"
+    constructor() {
+        this.color = undefined;
+        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: 'ab7f95d5161b36126fe19cba2beb8070377f4ff7', "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: 'fd771f457e1f51f3d291129bed2e73a87ff13bf9' }, h("path", { key: '60a50f336365221e7b58dd23ae9f1c66c5147677', d: "M8 13.9998C6.32222 13.9998 4.90267 13.4191 3.74133 12.2578C2.58044 11.0969 2 9.67755 2 7.99977C2 6.46644 2.5 5.13577 3.5 4.00777C4.5 2.88022 5.77778 2.22199 7.33333 2.03311C7.61111 1.99977 7.82778 2.09977 7.98333 2.33311C8.13889 2.56644 8.13333 2.81088 7.96667 3.06644C7.77778 3.35533 7.636 3.66088 7.54133 3.98311C7.44711 4.30533 7.4 4.64422 7.4 4.99977C7.4 5.99977 7.75 6.84977 8.45 7.54977C9.15 8.24977 10 8.59977 11 8.59977C11.3444 8.59977 11.6862 8.54977 12.0253 8.44977C12.364 8.34977 12.6667 8.21088 12.9333 8.03311C13.1667 7.87755 13.4056 7.86911 13.65 8.00777C13.8944 8.14688 14 8.36644 13.9667 8.66644C13.8111 10.1998 13.1584 11.472 12.0087 12.4831C10.8584 13.4942 9.52222 13.9998 8 13.9998ZM8 12.6664C8.97778 12.6664 9.85556 12.3971 10.6333 11.8584C11.4111 11.3193 11.9778 10.6164 12.3333 9.74977C12.1111 9.80533 11.8889 9.84977 11.6667 9.88311C11.4444 9.91644 11.2222 9.9331 11 9.9331C9.63333 9.9331 8.46933 9.45266 7.508 8.49177C6.54711 7.53044 6.06667 6.36644 6.06667 4.99977C6.06667 4.77755 6.08333 4.55533 6.11667 4.33311C6.15 4.11088 6.19444 3.88866 6.25 3.66644C5.38333 4.02199 4.68067 4.58866 4.142 5.36644C3.60289 6.14422 3.33333 7.02199 3.33333 7.99977C3.33333 9.28866 3.78889 10.3887 4.7 11.2998C5.61111 12.2109 6.71111 12.6664 8 12.6664Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'ac49e8cb5595f867a6ce578beedcdf6083d8acd5' }, h("path", { key: 'b68a02b0f2bed7aa7d6ab3157db67561b4d40604', d: "M12 20.9999C9.48333 20.9999 7.354 20.1289 5.612 18.3869C3.87067 16.6456 3 14.5166 3 11.9999C3 9.6999 3.75 7.7039 5.25 6.0119C6.75 4.32057 8.66667 3.33324 11 3.0499C11.4167 2.9999 11.7417 3.1499 11.975 3.4999C12.2083 3.8499 12.2 4.21657 11.95 4.5999C11.6667 5.03324 11.454 5.49157 11.312 5.9749C11.1707 6.45824 11.1 6.96657 11.1 7.4999C11.1 8.9999 11.625 10.2749 12.675 11.3249C13.725 12.3749 15 12.8999 16.5 12.8999C17.0167 12.8999 17.5293 12.8249 18.038 12.6749C18.546 12.5249 19 12.3166 19.4 12.0499C19.75 11.8166 20.1083 11.8039 20.475 12.0119C20.8417 12.2206 21 12.5499 20.95 12.9999C20.7167 15.2999 19.7377 17.2082 18.013 18.7249C16.2877 20.2416 14.2833 20.9999 12 20.9999ZM12 18.9999C13.4667 18.9999 14.7833 18.5959 15.95 17.7879C17.1167 16.9792 17.9667 15.9249 18.5 14.6249C18.1667 14.7082 17.8333 14.7749 17.5 14.8249C17.1667 14.8749 16.8333 14.8999 16.5 14.8999C14.45 14.8999 12.704 14.1792 11.262 12.7379C9.82067 11.2959 9.1 9.5499 9.1 7.4999C9.1 7.16657 9.125 6.83324 9.175 6.4999C9.225 6.16657 9.29167 5.83324 9.375 5.4999C8.075 6.03324 7.021 6.88324 6.213 8.0499C5.40433 9.21657 5 10.5332 5 11.9999C5 13.9332 5.68333 15.5832 7.05 16.9499C8.41667 18.3166 10.0667 18.9999 12 18.9999Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '51c4742a21e57067ac390b6107728850d2bb4d2c' }, h("path", { key: '7a16cdaed230607fb7af63a1954632464b6bcc4b', d: "M14 24.5C11.0639 24.5 8.57967 23.4838 6.54733 21.4515C4.51578 19.4199 3.5 16.9361 3.5 14C3.5 11.3166 4.375 8.98797 6.125 7.01397C7.875 5.04075 10.1111 3.88886 12.8333 3.5583C13.3194 3.49997 13.6986 3.67497 13.9708 4.0833C14.2431 4.49163 14.2333 4.91941 13.9417 5.36663C13.6111 5.87219 13.363 6.40691 13.1973 6.9708C13.0324 7.53469 12.95 8.12774 12.95 8.74997C12.95 10.5 13.5625 11.9875 14.7875 13.2125C16.0125 14.4375 17.5 15.05 19.25 15.05C19.8528 15.05 20.4509 14.9625 21.0443 14.7875C21.637 14.6125 22.1667 14.3694 22.6333 14.0583C23.0417 13.7861 23.4597 13.7713 23.8875 14.014C24.3153 14.2574 24.5 14.6416 24.4417 15.1666C24.1694 17.85 23.0273 20.0764 21.0152 21.8458C19.0023 23.6152 16.6639 24.5 14 24.5ZM14 22.1666C15.7111 22.1666 17.2472 21.6953 18.6083 20.7526C19.9694 19.8092 20.9611 18.5791 21.5833 17.0625C21.1944 17.1597 20.8056 17.2375 20.4167 17.2958C20.0278 17.3541 19.6389 17.3833 19.25 17.3833C16.8583 17.3833 14.8213 16.5425 13.139 14.861C11.4574 13.1786 10.6167 11.1416 10.6167 8.74997C10.6167 8.36108 10.6458 7.97219 10.7042 7.5833C10.7625 7.19441 10.8403 6.80552 10.9375 6.41663C9.42083 7.03886 8.19117 8.03052 7.2485 9.39163C6.30506 10.7527 5.83333 12.2889 5.83333 14C5.83333 16.2555 6.63056 18.1805 8.225 19.775C9.81944 21.3694 11.7444 22.1666 14 22.1666Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-dark-mode"; }
+    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",
+                "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": ""
+                },
+                "attribute": "color",
+                "reflect": false
+            },
+            "size": {
+                "type": "number",
+                "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": ""
+                },
+                "attribute": "size",
+                "reflect": false,
+                "defaultValue": "24"
             }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "color",
-        "reflect": false
-      },
-      "size": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "SwirlIconSize",
-          "resolved": "16 | 20 | 24 | 28",
-          "references": {
-            "SwirlIconSize": {
-              "location": "import",
-              "path": "../swirl-icon.types"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "size",
-        "reflect": false,
-        "defaultValue": "24"
-      }
-    };
-  }
+        };
+    }
 }

package/dist/collection/components/swirl-icon/icons/swirl-icon-date-range.js

@@ -2,77 +2,79 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconDateRange {
-  constructor() {
-    this.color = undefined;
-    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", { "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, null, h("path", { d: "M12.6667 2.66671H12V2.00004C12 1.63337 11.7 1.33337 11.3333 1.33337C10.9667 1.33337 10.6667 1.63337 10.6667 2.00004V2.66671H5.33333V2.00004C5.33333 1.63337 5.03333 1.33337 4.66667 1.33337C4.3 1.33337 4 1.63337 4 2.00004V2.66671H3.33333C2.59333 2.66671 2.00667 3.26671 2.00667 4.00004L2 13.3334C2 14.0667 2.59333 14.6667 3.33333 14.6667H12.6667C13.4 14.6667 14 14.0667 14 13.3334V4.00004C14 3.26671 13.4 2.66671 12.6667 2.66671ZM12.6667 12.6667C12.6667 13.0334 12.3667 13.3334 12 13.3334H4C3.63333 13.3334 3.33333 13.0334 3.33333 12.6667V6.00004H12.6667V12.6667ZM4.66667 7.33337H6V8.66671H4.66667V7.33337ZM7.33333 7.33337H8.66667V8.66671H7.33333V7.33337ZM10 7.33337H11.3333V8.66671H10V7.33337Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M19 4H18V3C18 2.45 17.55 2 17 2C16.45 2 16 2.45 16 3V4H8V3C8 2.45 7.55 2 7 2C6.45 2 6 2.45 6 3V4H5C3.89 4 3.01 4.9 3.01 6L3 20C3 21.1 3.89 22 5 22H19C20.1 22 21 21.1 21 20V6C21 4.9 20.1 4 19 4ZM19 19C19 19.55 18.55 20 18 20H6C5.45 20 5 19.55 5 19V9H19V19ZM7 11H9V13H7V11ZM11 11H13V13H11V11ZM15 11H17V13H15V11Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M22.1667 4.66671H21V3.50004C21 2.85837 20.475 2.33337 19.8333 2.33337C19.1917 2.33337 18.6667 2.85837 18.6667 3.50004V4.66671H9.33333V3.50004C9.33333 2.85837 8.80833 2.33337 8.16667 2.33337C7.525 2.33337 7 2.85837 7 3.50004V4.66671H5.83333C4.53833 4.66671 3.51167 5.71671 3.51167 7.00004L3.5 23.3334C3.5 24.6167 4.53833 25.6667 5.83333 25.6667H22.1667C23.45 25.6667 24.5 24.6167 24.5 23.3334V7.00004C24.5 5.71671 23.45 4.66671 22.1667 4.66671ZM22.1667 22.1667C22.1667 22.8084 21.6417 23.3334 21 23.3334H7C6.35833 23.3334 5.83333 22.8084 5.83333 22.1667V10.5H22.1667V22.1667ZM8.16667 12.8334H10.5V15.1667H8.16667V12.8334ZM12.8333 12.8334H15.1667V15.1667H12.8333V12.8334ZM17.5 12.8334H19.8333V15.1667H17.5V12.8334Z", fill: "currentColor" })))));
-  }
-  static get is() { return "swirl-icon-date-range"; }
-  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",
-        "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"
+    constructor() {
+        this.color = undefined;
+        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: '4b56496d2737a2e02b43d9bfd8f32144be4efcaa', "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: '9fa9b4ac424137af25f778ad701260f24fa9fcee' }, h("path", { key: '2734eaff1c999e62d89fcbf0b83e5eee3f56accd', d: "M12.6667 2.66671H12V2.00004C12 1.63337 11.7 1.33337 11.3333 1.33337C10.9667 1.33337 10.6667 1.63337 10.6667 2.00004V2.66671H5.33333V2.00004C5.33333 1.63337 5.03333 1.33337 4.66667 1.33337C4.3 1.33337 4 1.63337 4 2.00004V2.66671H3.33333C2.59333 2.66671 2.00667 3.26671 2.00667 4.00004L2 13.3334C2 14.0667 2.59333 14.6667 3.33333 14.6667H12.6667C13.4 14.6667 14 14.0667 14 13.3334V4.00004C14 3.26671 13.4 2.66671 12.6667 2.66671ZM12.6667 12.6667C12.6667 13.0334 12.3667 13.3334 12 13.3334H4C3.63333 13.3334 3.33333 13.0334 3.33333 12.6667V6.00004H12.6667V12.6667ZM4.66667 7.33337H6V8.66671H4.66667V7.33337ZM7.33333 7.33337H8.66667V8.66671H7.33333V7.33337ZM10 7.33337H11.3333V8.66671H10V7.33337Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '608a5b3e7483f880dc2159c7105397061fcf9654' }, h("path", { key: '6778afefa18647b23837d499535522e0e2eda44f', d: "M19 4H18V3C18 2.45 17.55 2 17 2C16.45 2 16 2.45 16 3V4H8V3C8 2.45 7.55 2 7 2C6.45 2 6 2.45 6 3V4H5C3.89 4 3.01 4.9 3.01 6L3 20C3 21.1 3.89 22 5 22H19C20.1 22 21 21.1 21 20V6C21 4.9 20.1 4 19 4ZM19 19C19 19.55 18.55 20 18 20H6C5.45 20 5 19.55 5 19V9H19V19ZM7 11H9V13H7V11ZM11 11H13V13H11V11ZM15 11H17V13H15V11Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'bb0d0540b2ff031608d4dd6aab3cbdb83f8bdd5b' }, h("path", { key: '5e495777bb768cc86ad8e073067cc2f87b483518', d: "M22.1667 4.66671H21V3.50004C21 2.85837 20.475 2.33337 19.8333 2.33337C19.1917 2.33337 18.6667 2.85837 18.6667 3.50004V4.66671H9.33333V3.50004C9.33333 2.85837 8.80833 2.33337 8.16667 2.33337C7.525 2.33337 7 2.85837 7 3.50004V4.66671H5.83333C4.53833 4.66671 3.51167 5.71671 3.51167 7.00004L3.5 23.3334C3.5 24.6167 4.53833 25.6667 5.83333 25.6667H22.1667C23.45 25.6667 24.5 24.6167 24.5 23.3334V7.00004C24.5 5.71671 23.45 4.66671 22.1667 4.66671ZM22.1667 22.1667C22.1667 22.8084 21.6417 23.3334 21 23.3334H7C6.35833 23.3334 5.83333 22.8084 5.83333 22.1667V10.5H22.1667V22.1667ZM8.16667 12.8334H10.5V15.1667H8.16667V12.8334ZM12.8333 12.8334H15.1667V15.1667H12.8333V12.8334ZM17.5 12.8334H19.8333V15.1667H17.5V12.8334Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-date-range"; }
+    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",
+                "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": ""
+                },
+                "attribute": "color",
+                "reflect": false
+            },
+            "size": {
+                "type": "number",
+                "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": ""
+                },
+                "attribute": "size",
+                "reflect": false,
+                "defaultValue": "24"
             }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "color",
-        "reflect": false
-      },
-      "size": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "SwirlIconSize",
-          "resolved": "16 | 20 | 24 | 28",
-          "references": {
-            "SwirlIconSize": {
-              "location": "import",
-              "path": "../swirl-icon.types"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "size",
-        "reflect": false,
-        "defaultValue": "24"
-      }
-    };
-  }
+        };
+    }
 }