@getflip/swirl-components 0.189.0 → 0.191.0

package/dist/cjs/swirl-icon-check-strong.cjs.entry.js

@@ -2,27 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f6326e3b.js');
-const index$1 = require('./index-9f94303c.js');
+const index = require('./index-1de6abbd.js');
+const index$1 = require('./index-2ddd0598.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
-const SwirlIconCheckStrongStyle0 = swirlIconCss;
 
 const SwirlIconCheckStrong = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        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 = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: '494f0d372456bda3478d0f9b2d243622d08a8abc', "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 && (index.h(index.Fragment, { key: '8f5d71058f926771d0f9e33dab980402de8faa86' }, index.h("path", { key: '71909f2d890742990de994c87eae0200b435599b', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.0404 4.29289C13.431 4.68342 13.431 5.31658 13.0404 5.70711L6.7071 12.0404C6.31657 12.431 5.68341 12.431 5.29288 12.0404L2.95955 9.70711C2.56903 9.31658 2.56903 8.68342 2.95955 8.29289C3.35007 7.90237 3.98324 7.90237 4.37376 8.29289L5.99999 9.91912L11.6262 4.29289C12.0167 3.90237 12.6499 3.90237 13.0404 4.29289Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '78bf671ce9dfa7348c5b1571939d4b9e3d25963b' }, index.h("path", { key: '90aec1e7932d1abe3392f8eaba0990eb965f6ae8', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.5607 6.43934C20.1464 7.02513 20.1464 7.97487 19.5607 8.56066L10.0607 18.0607C9.47487 18.6464 8.52513 18.6464 7.93934 18.0607L4.43934 14.5607C3.85355 13.9749 3.85355 13.0251 4.43934 12.4393C5.02513 11.8536 5.97487 11.8536 6.56066 12.4393L9 14.8787L17.4393 6.43934C18.0251 5.85355 18.9749 5.85355 19.5607 6.43934Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '475746f70bc3ed38eefcabff83f0861aa9b74f07' }, index.h("path", { key: '384857b4ae52aba3cc6a3ca3628e85a69af477d4', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M22.8208 7.51256C23.5042 8.19598 23.5042 9.30402 22.8208 9.98744L11.7374 21.0708C11.054 21.7542 9.94597 21.7542 9.26255 21.0708L5.17922 16.9874C4.4958 16.304 4.4958 15.196 5.17922 14.5126C5.86264 13.8291 6.97068 13.8291 7.65409 14.5126L10.5 17.3585L20.3459 7.51256C21.0293 6.82915 22.1373 6.82915 22.8208 7.51256Z", fill: "currentColor" })))));
-    }
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    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 = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.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 && (index.h(index.Fragment, null, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.0404 4.29289C13.431 4.68342 13.431 5.31658 13.0404 5.70711L6.7071 12.0404C6.31657 12.431 5.68341 12.431 5.29288 12.0404L2.95955 9.70711C2.56903 9.31658 2.56903 8.68342 2.95955 8.29289C3.35007 7.90237 3.98324 7.90237 4.37376 8.29289L5.99999 9.91912L11.6262 4.29289C12.0167 3.90237 12.6499 3.90237 13.0404 4.29289Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.5607 6.43934C20.1464 7.02513 20.1464 7.97487 19.5607 8.56066L10.0607 18.0607C9.47487 18.6464 8.52513 18.6464 7.93934 18.0607L4.43934 14.5607C3.85355 13.9749 3.85355 13.0251 4.43934 12.4393C5.02513 11.8536 5.97487 11.8536 6.56066 12.4393L9 14.8787L17.4393 6.43934C18.0251 5.85355 18.9749 5.85355 19.5607 6.43934Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M22.8208 7.51256C23.5042 8.19598 23.5042 9.30402 22.8208 9.98744L11.7374 21.0708C11.054 21.7542 9.94597 21.7542 9.26255 21.0708L5.17922 16.9874C4.4958 16.304 4.4958 15.196 5.17922 14.5126C5.86264 13.8291 6.97068 13.8291 7.65409 14.5126L10.5 17.3585L20.3459 7.51256C21.0293 6.82915 22.1373 6.82915 22.8208 7.51256Z", fill: "currentColor" })))));
+  }
 };
-SwirlIconCheckStrong.style = SwirlIconCheckStrongStyle0;
+SwirlIconCheckStrong.style = swirlIconCss;
 
 exports.swirl_icon_check_strong = SwirlIconCheckStrong;

package/dist/cjs/swirl-icon-check.cjs.entry.js

@@ -2,27 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f6326e3b.js');
-const index$1 = require('./index-9f94303c.js');
+const index = require('./index-1de6abbd.js');
+const index$1 = require('./index-2ddd0598.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
-const SwirlIconCheckStyle0 = swirlIconCss;
 
 const SwirlIconCheck = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        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 = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: '954ff903ad76f119573adf971a8ae306824fd2d5', "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 && (index.h(index.Fragment, { key: '8cbbc17e92c36ea23feda63f21dc359fca9d6e6c' }, index.h("path", { key: 'fc57b3c181cf8881becc445bbc794f560862cc60', d: "M6.36666 11.8166C6.26666 11.8166 6.17222 11.8 6.08333 11.7666C5.99444 11.7333 5.91111 11.6777 5.83333 11.6L2.96666 8.73329C2.82222 8.58885 2.75289 8.40818 2.75866 8.19129C2.764 7.97485 2.83889 7.7944 2.98333 7.64996C3.12778 7.50551 3.30844 7.43329 3.52533 7.43329C3.74178 7.43329 3.91666 7.50551 4.05 7.64996L6.36666 9.96663L11.95 4.38329C12.0833 4.23885 12.2611 4.16663 12.4833 4.16663C12.7056 4.16663 12.8889 4.23885 13.0333 4.38329C13.1667 4.52774 13.2333 4.70818 13.2333 4.92463C13.2333 5.14151 13.1667 5.32218 13.0333 5.46663L6.9 11.6C6.82222 11.6777 6.73889 11.7333 6.65 11.7666C6.56111 11.8 6.46667 11.8166 6.36666 11.8166V11.8166Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '70f8a078df91fe15e728e09a53bffb9ea20c77c1' }, index.h("path", { key: 'b55648abc3e6cc7ac991a609fe28b08efe69259a', d: "M9.55001 17.725C9.40001 17.725 9.25835 17.7 9.12501 17.65C8.99168 17.6 8.86668 17.5167 8.75001 17.4L4.45001 13.1C4.23335 12.8833 4.12935 12.6123 4.13801 12.287C4.14601 11.9623 4.25835 11.6917 4.47501 11.475C4.69168 11.2583 4.96268 11.15 5.28801 11.15C5.61268 11.15 5.87501 11.2583 6.07501 11.475L9.55001 14.95L17.925 6.575C18.125 6.35833 18.3917 6.25 18.725 6.25C19.0583 6.25 19.3333 6.35833 19.55 6.575C19.75 6.79167 19.85 7.06233 19.85 7.387C19.85 7.71233 19.75 7.98333 19.55 8.2L10.35 17.4C10.2333 17.5167 10.1083 17.6 9.97501 17.65C9.84168 17.7 9.70001 17.725 9.55001 17.725Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '55b5d928ea7c4a6a4386ae4fea7b006413fc09c0' }, index.h("path", { key: 'db605f858bf40ca793615772ff2fde371879431c', d: "M11.1417 20.6791C10.9667 20.6791 10.8014 20.65 10.6458 20.5916C10.4903 20.5333 10.3444 20.4361 10.2083 20.3L5.19167 15.2833C4.93889 15.0305 4.81756 14.7143 4.82767 14.3348C4.837 13.956 4.96806 13.6402 5.22084 13.3875C5.47362 13.1347 5.78978 13.0083 6.16934 13.0083C6.54812 13.0083 6.85417 13.1347 7.0875 13.3875L11.1417 17.4416L20.9125 7.67079C21.1458 7.41801 21.457 7.29163 21.8458 7.29163C22.2347 7.29163 22.5556 7.41801 22.8083 7.67079C23.0417 7.92357 23.1583 8.23935 23.1583 8.61813C23.1583 8.99768 23.0417 9.31385 22.8083 9.56663L12.075 20.3C11.9389 20.4361 11.7931 20.5333 11.6375 20.5916C11.4819 20.65 11.3167 20.6791 11.1417 20.6791V20.6791Z", fill: "currentColor" })))));
-    }
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    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 = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.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 && (index.h(index.Fragment, null, index.h("path", { d: "M6.36666 11.8166C6.26666 11.8166 6.17222 11.8 6.08333 11.7666C5.99444 11.7333 5.91111 11.6777 5.83333 11.6L2.96666 8.73329C2.82222 8.58885 2.75289 8.40818 2.75866 8.19129C2.764 7.97485 2.83889 7.7944 2.98333 7.64996C3.12778 7.50551 3.30844 7.43329 3.52533 7.43329C3.74178 7.43329 3.91666 7.50551 4.05 7.64996L6.36666 9.96663L11.95 4.38329C12.0833 4.23885 12.2611 4.16663 12.4833 4.16663C12.7056 4.16663 12.8889 4.23885 13.0333 4.38329C13.1667 4.52774 13.2333 4.70818 13.2333 4.92463C13.2333 5.14151 13.1667 5.32218 13.0333 5.46663L6.9 11.6C6.82222 11.6777 6.73889 11.7333 6.65 11.7666C6.56111 11.8 6.46667 11.8166 6.36666 11.8166V11.8166Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M9.55001 17.725C9.40001 17.725 9.25835 17.7 9.12501 17.65C8.99168 17.6 8.86668 17.5167 8.75001 17.4L4.45001 13.1C4.23335 12.8833 4.12935 12.6123 4.13801 12.287C4.14601 11.9623 4.25835 11.6917 4.47501 11.475C4.69168 11.2583 4.96268 11.15 5.28801 11.15C5.61268 11.15 5.87501 11.2583 6.07501 11.475L9.55001 14.95L17.925 6.575C18.125 6.35833 18.3917 6.25 18.725 6.25C19.0583 6.25 19.3333 6.35833 19.55 6.575C19.75 6.79167 19.85 7.06233 19.85 7.387C19.85 7.71233 19.75 7.98333 19.55 8.2L10.35 17.4C10.2333 17.5167 10.1083 17.6 9.97501 17.65C9.84168 17.7 9.70001 17.725 9.55001 17.725Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M11.1417 20.6791C10.9667 20.6791 10.8014 20.65 10.6458 20.5916C10.4903 20.5333 10.3444 20.4361 10.2083 20.3L5.19167 15.2833C4.93889 15.0305 4.81756 14.7143 4.82767 14.3348C4.837 13.956 4.96806 13.6402 5.22084 13.3875C5.47362 13.1347 5.78978 13.0083 6.16934 13.0083C6.54812 13.0083 6.85417 13.1347 7.0875 13.3875L11.1417 17.4416L20.9125 7.67079C21.1458 7.41801 21.457 7.29163 21.8458 7.29163C22.2347 7.29163 22.5556 7.41801 22.8083 7.67079C23.0417 7.92357 23.1583 8.23935 23.1583 8.61813C23.1583 8.99768 23.0417 9.31385 22.8083 9.56663L12.075 20.3C11.9389 20.4361 11.7931 20.5333 11.6375 20.5916C11.4819 20.65 11.3167 20.6791 11.1417 20.6791V20.6791Z", fill: "currentColor" })))));
+  }
 };
-SwirlIconCheck.style = SwirlIconCheckStyle0;
+SwirlIconCheck.style = swirlIconCss;
 
 exports.swirl_icon_check = SwirlIconCheck;

package/dist/cjs/swirl-icon-chevron-left.cjs.entry.js

@@ -2,27 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f6326e3b.js');
-const index$1 = require('./index-9f94303c.js');
+const index = require('./index-1de6abbd.js');
+const index$1 = require('./index-2ddd0598.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
-const SwirlIconChevronLeftStyle0 = swirlIconCss;
 
 const SwirlIconChevronLeft = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        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 = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: '8647f4628b2809e06734b073232d26306aed8bf1', "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 && (index.h(index.Fragment, { key: 'cadb278564a60e74037a081ee9701c7c43108b47' }, index.h("path", { key: '1a3eacfbb06acd8670f04db365048643cb9931d7', d: "M8.8 11.6L5.73333 8.53335C5.65555 8.45557 5.6 8.37224 5.56666 8.28335C5.53333 8.19446 5.51666 8.10002 5.51666 8.00002C5.51666 7.90002 5.53333 7.80557 5.56666 7.71668C5.6 7.62779 5.65555 7.54446 5.73333 7.46668L8.8 4.40002C8.94444 4.25557 9.12222 4.18335 9.33333 4.18335C9.54444 4.18335 9.72222 4.25557 9.86666 4.40002C10.0111 4.54446 10.0833 4.72224 10.0833 4.93335C10.0833 5.14446 10.0111 5.32224 9.86666 5.46668L7.33333 8.00002L9.86666 10.5333C10.0111 10.6778 10.0833 10.8556 10.0833 11.0667C10.0833 11.2778 10.0111 11.4556 9.86666 11.6C9.72222 11.7445 9.54444 11.8167 9.33333 11.8167C9.12222 11.8167 8.94444 11.7445 8.8 11.6V11.6Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '815796cecedb5f08a546940fe9b1ea3faa7cb479' }, index.h("path", { key: '64cbc78c04908a4532d6c8f95beca83424edb59f', d: "M13.2 17.4L8.59999 12.8C8.48333 12.6834 8.39999 12.5584 8.34999 12.425C8.29999 12.2917 8.27499 12.15 8.27499 12C8.27499 11.85 8.29999 11.7084 8.34999 11.575C8.39999 11.4417 8.48333 11.3167 8.59999 11.2L13.2 6.60002C13.4167 6.38336 13.6833 6.27502 14 6.27502C14.3167 6.27502 14.5833 6.38336 14.8 6.60002C15.0167 6.81669 15.125 7.08336 15.125 7.40002C15.125 7.71669 15.0167 7.98336 14.8 8.20002L11 12L14.8 15.8C15.0167 16.0167 15.125 16.2834 15.125 16.6C15.125 16.9167 15.0167 17.1834 14.8 17.4C14.5833 17.6167 14.3167 17.725 14 17.725C13.6833 17.725 13.4167 17.6167 13.2 17.4Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: 'b7bcf662832038586a7f060e67999a36152f1b9a' }, index.h("path", { key: '753df7699d96b1b44548a71c6d1da4c2a52b15bc', d: "M15.4 20.3L10.0333 14.9333C9.89723 14.7972 9.80001 14.6514 9.74168 14.4958C9.68334 14.3402 9.65417 14.175 9.65417 14C9.65417 13.825 9.68334 13.6597 9.74168 13.5041C9.80001 13.3486 9.89723 13.2027 10.0333 13.0666L15.4 7.69997C15.6528 7.44719 15.9639 7.3208 16.3333 7.3208C16.7028 7.3208 17.0139 7.44719 17.2667 7.69997C17.5195 7.95275 17.6458 8.26386 17.6458 8.6333C17.6458 9.00275 17.5195 9.31386 17.2667 9.56663L12.8333 14L17.2667 18.4333C17.5195 18.6861 17.6458 18.9972 17.6458 19.3666C17.6458 19.7361 17.5195 20.0472 17.2667 20.3C17.0139 20.5527 16.7028 20.6791 16.3333 20.6791C15.9639 20.6791 15.6528 20.5527 15.4 20.3V20.3Z", fill: "currentColor" })))));
-    }
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    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 = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.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 && (index.h(index.Fragment, null, index.h("path", { d: "M8.8 11.6L5.73333 8.53335C5.65555 8.45557 5.6 8.37224 5.56666 8.28335C5.53333 8.19446 5.51666 8.10002 5.51666 8.00002C5.51666 7.90002 5.53333 7.80557 5.56666 7.71668C5.6 7.62779 5.65555 7.54446 5.73333 7.46668L8.8 4.40002C8.94444 4.25557 9.12222 4.18335 9.33333 4.18335C9.54444 4.18335 9.72222 4.25557 9.86666 4.40002C10.0111 4.54446 10.0833 4.72224 10.0833 4.93335C10.0833 5.14446 10.0111 5.32224 9.86666 5.46668L7.33333 8.00002L9.86666 10.5333C10.0111 10.6778 10.0833 10.8556 10.0833 11.0667C10.0833 11.2778 10.0111 11.4556 9.86666 11.6C9.72222 11.7445 9.54444 11.8167 9.33333 11.8167C9.12222 11.8167 8.94444 11.7445 8.8 11.6V11.6Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M13.2 17.4L8.59999 12.8C8.48333 12.6834 8.39999 12.5584 8.34999 12.425C8.29999 12.2917 8.27499 12.15 8.27499 12C8.27499 11.85 8.29999 11.7084 8.34999 11.575C8.39999 11.4417 8.48333 11.3167 8.59999 11.2L13.2 6.60002C13.4167 6.38336 13.6833 6.27502 14 6.27502C14.3167 6.27502 14.5833 6.38336 14.8 6.60002C15.0167 6.81669 15.125 7.08336 15.125 7.40002C15.125 7.71669 15.0167 7.98336 14.8 8.20002L11 12L14.8 15.8C15.0167 16.0167 15.125 16.2834 15.125 16.6C15.125 16.9167 15.0167 17.1834 14.8 17.4C14.5833 17.6167 14.3167 17.725 14 17.725C13.6833 17.725 13.4167 17.6167 13.2 17.4Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M15.4 20.3L10.0333 14.9333C9.89723 14.7972 9.80001 14.6514 9.74168 14.4958C9.68334 14.3402 9.65417 14.175 9.65417 14C9.65417 13.825 9.68334 13.6597 9.74168 13.5041C9.80001 13.3486 9.89723 13.2027 10.0333 13.0666L15.4 7.69997C15.6528 7.44719 15.9639 7.3208 16.3333 7.3208C16.7028 7.3208 17.0139 7.44719 17.2667 7.69997C17.5195 7.95275 17.6458 8.26386 17.6458 8.6333C17.6458 9.00275 17.5195 9.31386 17.2667 9.56663L12.8333 14L17.2667 18.4333C17.5195 18.6861 17.6458 18.9972 17.6458 19.3666C17.6458 19.7361 17.5195 20.0472 17.2667 20.3C17.0139 20.5527 16.7028 20.6791 16.3333 20.6791C15.9639 20.6791 15.6528 20.5527 15.4 20.3V20.3Z", fill: "currentColor" })))));
+  }
 };
-SwirlIconChevronLeft.style = SwirlIconChevronLeftStyle0;
+SwirlIconChevronLeft.style = swirlIconCss;
 
 exports.swirl_icon_chevron_left = SwirlIconChevronLeft;

package/dist/cjs/swirl-icon-chevron-right.cjs.entry.js

@@ -2,27 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f6326e3b.js');
-const index$1 = require('./index-9f94303c.js');
+const index = require('./index-1de6abbd.js');
+const index$1 = require('./index-2ddd0598.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
-const SwirlIconChevronRightStyle0 = swirlIconCss;
 
 const SwirlIconChevronRight = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        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 = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: '777e7d31a9a61326f86bc5e842ee7ebec7095337', "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 && (index.h(index.Fragment, { key: 'ee3b2d936ad949dd4906648f6b378a01b234c901' }, index.h("path", { key: 'c92337a7d0398afe002d7c15a933e51a16897ea0', d: "M5.73333 11.6C5.58889 11.4556 5.51666 11.2778 5.51666 11.0667C5.51666 10.8556 5.58889 10.6778 5.73333 10.5333L8.26666 8.00002L5.73333 5.46668C5.58889 5.32224 5.51666 5.14446 5.51666 4.93335C5.51666 4.72224 5.58889 4.54446 5.73333 4.40002C5.87777 4.25557 6.05555 4.18335 6.26666 4.18335C6.47777 4.18335 6.65555 4.25557 6.8 4.40002L9.86666 7.46668C9.94444 7.54446 10 7.62779 10.0333 7.71668C10.0667 7.80557 10.0833 7.90002 10.0833 8.00002C10.0833 8.10002 10.0667 8.19446 10.0333 8.28335C10 8.37224 9.94444 8.45557 9.86666 8.53335L6.8 11.6C6.65555 11.7445 6.47777 11.8167 6.26666 11.8167C6.05555 11.8167 5.87777 11.7445 5.73333 11.6V11.6Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '321d2ba8f7678cf218c040006d4668629f3607f8' }, index.h("path", { key: '786b5d8eeb66230466ace27bd026d689338a195e', d: "M8.59999 17.4C8.38333 17.1834 8.27499 16.9167 8.27499 16.6C8.27499 16.2834 8.38333 16.0167 8.59999 15.8L12.4 12L8.59999 8.20002C8.38333 7.98336 8.27499 7.71669 8.27499 7.40002C8.27499 7.08336 8.38333 6.81669 8.59999 6.60002C8.81666 6.38336 9.08333 6.27502 9.39999 6.27502C9.71666 6.27502 9.98333 6.38336 10.2 6.60002L14.8 11.2C14.9167 11.3167 15 11.4417 15.05 11.575C15.1 11.7084 15.125 11.85 15.125 12C15.125 12.15 15.1 12.2917 15.05 12.425C15 12.5584 14.9167 12.6834 14.8 12.8L10.2 17.4C9.98333 17.6167 9.71666 17.725 9.39999 17.725C9.08333 17.725 8.81666 17.6167 8.59999 17.4Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: 'a09dc67cf25c50df58c54dca199807c45ff9fdb5' }, index.h("path", { key: 'a57fc2a82b2073b7a3b8ab1c35aae7fa740ec1d0', d: "M10.0333 20.3C9.78056 20.0472 9.65417 19.7361 9.65417 19.3666C9.65417 18.9972 9.78056 18.6861 10.0333 18.4333L14.4667 14L10.0333 9.56663C9.78056 9.31386 9.65417 9.00275 9.65417 8.6333C9.65417 8.26386 9.78056 7.95275 10.0333 7.69997C10.2861 7.44719 10.5972 7.3208 10.9667 7.3208C11.3361 7.3208 11.6472 7.44719 11.9 7.69997L17.2667 13.0666C17.4028 13.2027 17.5 13.3486 17.5583 13.5041C17.6167 13.6597 17.6458 13.825 17.6458 14C17.6458 14.175 17.6167 14.3402 17.5583 14.4958C17.5 14.6514 17.4028 14.7972 17.2667 14.9333L11.9 20.3C11.6472 20.5527 11.3361 20.6791 10.9667 20.6791C10.5972 20.6791 10.2861 20.5527 10.0333 20.3V20.3Z", fill: "currentColor" })))));
-    }
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    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 = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.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 && (index.h(index.Fragment, null, index.h("path", { d: "M5.73333 11.6C5.58889 11.4556 5.51666 11.2778 5.51666 11.0667C5.51666 10.8556 5.58889 10.6778 5.73333 10.5333L8.26666 8.00002L5.73333 5.46668C5.58889 5.32224 5.51666 5.14446 5.51666 4.93335C5.51666 4.72224 5.58889 4.54446 5.73333 4.40002C5.87777 4.25557 6.05555 4.18335 6.26666 4.18335C6.47777 4.18335 6.65555 4.25557 6.8 4.40002L9.86666 7.46668C9.94444 7.54446 10 7.62779 10.0333 7.71668C10.0667 7.80557 10.0833 7.90002 10.0833 8.00002C10.0833 8.10002 10.0667 8.19446 10.0333 8.28335C10 8.37224 9.94444 8.45557 9.86666 8.53335L6.8 11.6C6.65555 11.7445 6.47777 11.8167 6.26666 11.8167C6.05555 11.8167 5.87777 11.7445 5.73333 11.6V11.6Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M8.59999 17.4C8.38333 17.1834 8.27499 16.9167 8.27499 16.6C8.27499 16.2834 8.38333 16.0167 8.59999 15.8L12.4 12L8.59999 8.20002C8.38333 7.98336 8.27499 7.71669 8.27499 7.40002C8.27499 7.08336 8.38333 6.81669 8.59999 6.60002C8.81666 6.38336 9.08333 6.27502 9.39999 6.27502C9.71666 6.27502 9.98333 6.38336 10.2 6.60002L14.8 11.2C14.9167 11.3167 15 11.4417 15.05 11.575C15.1 11.7084 15.125 11.85 15.125 12C15.125 12.15 15.1 12.2917 15.05 12.425C15 12.5584 14.9167 12.6834 14.8 12.8L10.2 17.4C9.98333 17.6167 9.71666 17.725 9.39999 17.725C9.08333 17.725 8.81666 17.6167 8.59999 17.4Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M10.0333 20.3C9.78056 20.0472 9.65417 19.7361 9.65417 19.3666C9.65417 18.9972 9.78056 18.6861 10.0333 18.4333L14.4667 14L10.0333 9.56663C9.78056 9.31386 9.65417 9.00275 9.65417 8.6333C9.65417 8.26386 9.78056 7.95275 10.0333 7.69997C10.2861 7.44719 10.5972 7.3208 10.9667 7.3208C11.3361 7.3208 11.6472 7.44719 11.9 7.69997L17.2667 13.0666C17.4028 13.2027 17.5 13.3486 17.5583 13.5041C17.6167 13.6597 17.6458 13.825 17.6458 14C17.6458 14.175 17.6167 14.3402 17.5583 14.4958C17.5 14.6514 17.4028 14.7972 17.2667 14.9333L11.9 20.3C11.6472 20.5527 11.3361 20.6791 10.9667 20.6791C10.5972 20.6791 10.2861 20.5527 10.0333 20.3V20.3Z", fill: "currentColor" })))));
+  }
 };
-SwirlIconChevronRight.style = SwirlIconChevronRightStyle0;
+SwirlIconChevronRight.style = swirlIconCss;
 
 exports.swirl_icon_chevron_right = SwirlIconChevronRight;

package/dist/cjs/swirl-icon-close-small.cjs.entry.js

@@ -2,27 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f6326e3b.js');
-const index$1 = require('./index-9f94303c.js');
+const index = require('./index-1de6abbd.js');
+const index$1 = require('./index-2ddd0598.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
-const SwirlIconCloseSmallStyle0 = swirlIconCss;
 
 const SwirlIconCloseSmall = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        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 = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: '74fac31ed6a929c5c1d18fce034a2d7f15e24898', "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 && (index.h(index.Fragment, { key: '487f3b8c052945c2431edbeb96b98461c4a2707a' }, index.h("path", { key: 'e3a17a97a7ed4f5aeacf8d0f017a90c91a6244d8', d: "M7.99999 9.06671L5.33326 11.7333C5.18882 11.8778 5.01104 11.95 4.79993 11.95C4.58882 11.95 4.41104 11.8778 4.26659 11.7333C4.12215 11.5889 4.04993 11.4111 4.04993 11.2C4.04993 10.9889 4.12215 10.8111 4.26659 10.6666L6.93332 8.00005L4.26672 5.33338C4.12228 5.18894 4.05006 5.01116 4.05006 4.80005C4.05006 4.58894 4.12228 4.41116 4.26672 4.26672C4.41117 4.12227 4.58895 4.05005 4.80006 4.05005C5.01117 4.05005 5.18895 4.12227 5.33339 4.26672L7.99999 6.93338L10.6666 4.26678C10.811 4.12234 10.9888 4.05011 11.1999 4.05011C11.411 4.05011 11.5888 4.12234 11.7333 4.26678C11.8777 4.41122 11.9499 4.589 11.9499 4.80011C11.9499 5.01122 11.8777 5.189 11.7333 5.33345L9.06666 8.00005L11.7335 10.6666C11.8779 10.8111 11.9501 10.9889 11.9501 11.2C11.9501 11.4111 11.8779 11.5889 11.7335 11.7333C11.589 11.8778 11.4112 11.95 11.2001 11.95C10.989 11.95 10.8112 11.8778 10.6668 11.7333L7.99999 9.06671Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '619a79dbfd318547caf700eb4a9a2082f15454c4' }, index.h("path", { key: '7f4fff1b2e9d078b87ede0a8f36d29749fe73a43', d: "M12 13.5999L7.99989 17.5998C7.78322 17.8165 7.51656 17.9248 7.19989 17.9248C6.88322 17.9248 6.61656 17.8165 6.39989 17.5998C6.18322 17.3832 6.07489 17.1165 6.07489 16.7998C6.07489 16.4832 6.18322 16.2165 6.39989 15.9998L10.4 11.9999L6.40008 7.99995C6.18342 7.78328 6.07509 7.51662 6.07509 7.19995C6.07509 6.88328 6.18342 6.61662 6.40008 6.39995C6.61675 6.18328 6.88342 6.07495 7.20009 6.07495C7.51675 6.07495 7.78342 6.18328 8.00008 6.39995L12 10.3999L15.9999 6.40005C16.2166 6.18338 16.4832 6.07505 16.7999 6.07505C17.1166 6.07505 17.3832 6.18338 17.5999 6.40005C17.8166 6.61671 17.9249 6.88338 17.9249 7.20005C17.9249 7.51671 17.8166 7.78338 17.5999 8.00005L13.6 11.9999L17.6002 15.9998C17.8168 16.2165 17.9252 16.4832 17.9252 16.7998C17.9252 17.1165 17.8168 17.3832 17.6002 17.5998C17.3835 17.8165 17.1168 17.9248 16.8002 17.9248C16.4835 17.9248 16.2168 17.8165 16.0002 17.5998L12 13.5999Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '29722e45e7883ef39185cefa9adb84cdf3c9cdd4' }, index.h("path", { key: '8041a0400eefc20deac40b562c8a054e158d4be8', d: "M14 15.8667L9.33324 20.5332C9.08046 20.786 8.76935 20.9124 8.3999 20.9124C8.03046 20.9124 7.71935 20.786 7.46657 20.5332C7.21379 20.2805 7.0874 19.9694 7.0874 19.5999C7.0874 19.2305 7.21379 18.9193 7.46657 18.6666L12.1333 14L7.4668 9.33336C7.21402 9.08058 7.08763 8.76947 7.08763 8.40002C7.08763 8.03058 7.21402 7.71947 7.4668 7.46669C7.71957 7.21391 8.03069 7.08752 8.40013 7.08752C8.76957 7.08752 9.08069 7.21391 9.33346 7.46669L14 12.1334L18.6666 7.4668C18.9193 7.21403 19.2305 7.08764 19.5999 7.08764C19.9693 7.08764 20.2805 7.21403 20.5332 7.4668C20.786 7.71958 20.9124 8.03069 20.9124 8.40014C20.9124 8.76958 20.786 9.08069 20.5332 9.33347L15.8667 14L20.5336 18.6666C20.7864 18.9193 20.9127 19.2305 20.9127 19.5999C20.9127 19.9694 20.7864 20.2805 20.5336 20.5332C20.2808 20.786 19.9697 20.9124 19.6002 20.9124C19.2308 20.9124 18.9197 20.786 18.6669 20.5332L14 15.8667Z", fill: "currentColor" })))));
-    }
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    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 = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.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 && (index.h(index.Fragment, null, index.h("path", { d: "M7.99999 9.06671L5.33326 11.7333C5.18882 11.8778 5.01104 11.95 4.79993 11.95C4.58882 11.95 4.41104 11.8778 4.26659 11.7333C4.12215 11.5889 4.04993 11.4111 4.04993 11.2C4.04993 10.9889 4.12215 10.8111 4.26659 10.6666L6.93332 8.00005L4.26672 5.33338C4.12228 5.18894 4.05006 5.01116 4.05006 4.80005C4.05006 4.58894 4.12228 4.41116 4.26672 4.26672C4.41117 4.12227 4.58895 4.05005 4.80006 4.05005C5.01117 4.05005 5.18895 4.12227 5.33339 4.26672L7.99999 6.93338L10.6666 4.26678C10.811 4.12234 10.9888 4.05011 11.1999 4.05011C11.411 4.05011 11.5888 4.12234 11.7333 4.26678C11.8777 4.41122 11.9499 4.589 11.9499 4.80011C11.9499 5.01122 11.8777 5.189 11.7333 5.33345L9.06666 8.00005L11.7335 10.6666C11.8779 10.8111 11.9501 10.9889 11.9501 11.2C11.9501 11.4111 11.8779 11.5889 11.7335 11.7333C11.589 11.8778 11.4112 11.95 11.2001 11.95C10.989 11.95 10.8112 11.8778 10.6668 11.7333L7.99999 9.06671Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M12 13.5999L7.99989 17.5998C7.78322 17.8165 7.51656 17.9248 7.19989 17.9248C6.88322 17.9248 6.61656 17.8165 6.39989 17.5998C6.18322 17.3832 6.07489 17.1165 6.07489 16.7998C6.07489 16.4832 6.18322 16.2165 6.39989 15.9998L10.4 11.9999L6.40008 7.99995C6.18342 7.78328 6.07509 7.51662 6.07509 7.19995C6.07509 6.88328 6.18342 6.61662 6.40008 6.39995C6.61675 6.18328 6.88342 6.07495 7.20009 6.07495C7.51675 6.07495 7.78342 6.18328 8.00008 6.39995L12 10.3999L15.9999 6.40005C16.2166 6.18338 16.4832 6.07505 16.7999 6.07505C17.1166 6.07505 17.3832 6.18338 17.5999 6.40005C17.8166 6.61671 17.9249 6.88338 17.9249 7.20005C17.9249 7.51671 17.8166 7.78338 17.5999 8.00005L13.6 11.9999L17.6002 15.9998C17.8168 16.2165 17.9252 16.4832 17.9252 16.7998C17.9252 17.1165 17.8168 17.3832 17.6002 17.5998C17.3835 17.8165 17.1168 17.9248 16.8002 17.9248C16.4835 17.9248 16.2168 17.8165 16.0002 17.5998L12 13.5999Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M14 15.8667L9.33324 20.5332C9.08046 20.786 8.76935 20.9124 8.3999 20.9124C8.03046 20.9124 7.71935 20.786 7.46657 20.5332C7.21379 20.2805 7.0874 19.9694 7.0874 19.5999C7.0874 19.2305 7.21379 18.9193 7.46657 18.6666L12.1333 14L7.4668 9.33336C7.21402 9.08058 7.08763 8.76947 7.08763 8.40002C7.08763 8.03058 7.21402 7.71947 7.4668 7.46669C7.71957 7.21391 8.03069 7.08752 8.40013 7.08752C8.76957 7.08752 9.08069 7.21391 9.33346 7.46669L14 12.1334L18.6666 7.4668C18.9193 7.21403 19.2305 7.08764 19.5999 7.08764C19.9693 7.08764 20.2805 7.21403 20.5332 7.4668C20.786 7.71958 20.9124 8.03069 20.9124 8.40014C20.9124 8.76958 20.786 9.08069 20.5332 9.33347L15.8667 14L20.5336 18.6666C20.7864 18.9193 20.9127 19.2305 20.9127 19.5999C20.9127 19.9694 20.7864 20.2805 20.5336 20.5332C20.2808 20.786 19.9697 20.9124 19.6002 20.9124C19.2308 20.9124 18.9197 20.786 18.6669 20.5332L14 15.8667Z", fill: "currentColor" })))));
+  }
 };
-SwirlIconCloseSmall.style = SwirlIconCloseSmallStyle0;
+SwirlIconCloseSmall.style = swirlIconCss;
 
 exports.swirl_icon_close_small = SwirlIconCloseSmall;

package/dist/cjs/swirl-icon-close.cjs.entry.js

@@ -2,27 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f6326e3b.js');
-const index$1 = require('./index-9f94303c.js');
+const index = require('./index-1de6abbd.js');
+const index$1 = require('./index-2ddd0598.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
-const SwirlIconCloseStyle0 = swirlIconCss;
 
 const SwirlIconClose = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        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 = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: '09ad6177c840c4b777593080a45c9225f94078c5', "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 && (index.h(index.Fragment, { key: '096148239b143df7c79c2777661edf58c5b5bb0e' }, index.h("path", { key: '3c280c139ff74b0d0897bb22996f71a33096fe4b', d: "M8 9.06672L4.8 12.2667C4.65555 12.4112 4.47777 12.4834 4.26666 12.4834C4.05555 12.4834 3.87777 12.4112 3.73333 12.2667C3.58888 12.1223 3.51666 11.9445 3.51666 11.7334C3.51666 11.5223 3.58888 11.3445 3.73333 11.2001L6.93333 8.00006L3.73333 4.80006C3.58888 4.65561 3.51666 4.47783 3.51666 4.26672C3.51666 4.05561 3.58888 3.87783 3.73333 3.73339C3.87777 3.58895 4.05555 3.51672 4.26666 3.51672C4.47777 3.51672 4.65555 3.58895 4.8 3.73339L8 6.93339L11.2 3.73339C11.3444 3.58895 11.5222 3.51672 11.7333 3.51672C11.9444 3.51672 12.1222 3.58895 12.2667 3.73339C12.4111 3.87783 12.4833 4.05561 12.4833 4.26672C12.4833 4.47783 12.4111 4.65561 12.2667 4.80006L9.06666 8.00006L12.2667 11.2001C12.4111 11.3445 12.4833 11.5223 12.4833 11.7334C12.4833 11.9445 12.4111 12.1223 12.2667 12.2667C12.1222 12.4112 11.9444 12.4834 11.7333 12.4834C11.5222 12.4834 11.3444 12.4112 11.2 12.2667L8 9.06672Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '4b9152f84bfade92e500b49be2b4fe70a991b1b8' }, index.h("path", { key: '7547c37f7611394f62e4a1d518c4824f7db7a3b8', d: "M12 13.6L7.19999 18.4C6.98333 18.6167 6.71666 18.725 6.39999 18.725C6.08333 18.725 5.81666 18.6167 5.59999 18.4C5.38333 18.1834 5.27499 17.9167 5.27499 17.6C5.27499 17.2834 5.38333 17.0167 5.59999 16.8L10.4 12L5.59999 7.20002C5.38333 6.98336 5.27499 6.71669 5.27499 6.40002C5.27499 6.08336 5.38333 5.81669 5.59999 5.60002C5.81666 5.38336 6.08333 5.27502 6.39999 5.27502C6.71666 5.27502 6.98333 5.38336 7.19999 5.60002L12 10.4L16.8 5.60002C17.0167 5.38336 17.2833 5.27502 17.6 5.27502C17.9167 5.27502 18.1833 5.38336 18.4 5.60002C18.6167 5.81669 18.725 6.08336 18.725 6.40002C18.725 6.71669 18.6167 6.98336 18.4 7.20002L13.6 12L18.4 16.8C18.6167 17.0167 18.725 17.2834 18.725 17.6C18.725 17.9167 18.6167 18.1834 18.4 18.4C18.1833 18.6167 17.9167 18.725 17.6 18.725C17.2833 18.725 17.0167 18.6167 16.8 18.4L12 13.6Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: 'c9674204e0547ceadfdbb953b2fac646b9bd75fb' }, index.h("path", { key: '51d965c9d46ae01bdf2fb5a26763f0d27668d36b', d: "M14 15.8667L8.40001 21.4667C8.14723 21.7195 7.83612 21.8458 7.46667 21.8458C7.09723 21.8458 6.78612 21.7195 6.53334 21.4667C6.28056 21.2139 6.15417 20.9028 6.15417 20.5333C6.15417 20.1639 6.28056 19.8528 6.53334 19.6L12.1333 14L6.53334 8.40001C6.28056 8.14723 6.15417 7.83612 6.15417 7.46667C6.15417 7.09723 6.28056 6.78612 6.53334 6.53334C6.78612 6.28056 7.09723 6.15417 7.46667 6.15417C7.83612 6.15417 8.14723 6.28056 8.40001 6.53334L14 12.1333L19.6 6.53334C19.8528 6.28056 20.1639 6.15417 20.5333 6.15417C20.9028 6.15417 21.2139 6.28056 21.4667 6.53334C21.7195 6.78612 21.8458 7.09723 21.8458 7.46667C21.8458 7.83612 21.7195 8.14723 21.4667 8.40001L15.8667 14L21.4667 19.6C21.7195 19.8528 21.8458 20.1639 21.8458 20.5333C21.8458 20.9028 21.7195 21.2139 21.4667 21.4667C21.2139 21.7195 20.9028 21.8458 20.5333 21.8458C20.1639 21.8458 19.8528 21.7195 19.6 21.4667L14 15.8667Z", fill: "currentColor" })))));
-    }
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    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 = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.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 && (index.h(index.Fragment, null, index.h("path", { d: "M8 9.06672L4.8 12.2667C4.65555 12.4112 4.47777 12.4834 4.26666 12.4834C4.05555 12.4834 3.87777 12.4112 3.73333 12.2667C3.58888 12.1223 3.51666 11.9445 3.51666 11.7334C3.51666 11.5223 3.58888 11.3445 3.73333 11.2001L6.93333 8.00006L3.73333 4.80006C3.58888 4.65561 3.51666 4.47783 3.51666 4.26672C3.51666 4.05561 3.58888 3.87783 3.73333 3.73339C3.87777 3.58895 4.05555 3.51672 4.26666 3.51672C4.47777 3.51672 4.65555 3.58895 4.8 3.73339L8 6.93339L11.2 3.73339C11.3444 3.58895 11.5222 3.51672 11.7333 3.51672C11.9444 3.51672 12.1222 3.58895 12.2667 3.73339C12.4111 3.87783 12.4833 4.05561 12.4833 4.26672C12.4833 4.47783 12.4111 4.65561 12.2667 4.80006L9.06666 8.00006L12.2667 11.2001C12.4111 11.3445 12.4833 11.5223 12.4833 11.7334C12.4833 11.9445 12.4111 12.1223 12.2667 12.2667C12.1222 12.4112 11.9444 12.4834 11.7333 12.4834C11.5222 12.4834 11.3444 12.4112 11.2 12.2667L8 9.06672Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M12 13.6L7.19999 18.4C6.98333 18.6167 6.71666 18.725 6.39999 18.725C6.08333 18.725 5.81666 18.6167 5.59999 18.4C5.38333 18.1834 5.27499 17.9167 5.27499 17.6C5.27499 17.2834 5.38333 17.0167 5.59999 16.8L10.4 12L5.59999 7.20002C5.38333 6.98336 5.27499 6.71669 5.27499 6.40002C5.27499 6.08336 5.38333 5.81669 5.59999 5.60002C5.81666 5.38336 6.08333 5.27502 6.39999 5.27502C6.71666 5.27502 6.98333 5.38336 7.19999 5.60002L12 10.4L16.8 5.60002C17.0167 5.38336 17.2833 5.27502 17.6 5.27502C17.9167 5.27502 18.1833 5.38336 18.4 5.60002C18.6167 5.81669 18.725 6.08336 18.725 6.40002C18.725 6.71669 18.6167 6.98336 18.4 7.20002L13.6 12L18.4 16.8C18.6167 17.0167 18.725 17.2834 18.725 17.6C18.725 17.9167 18.6167 18.1834 18.4 18.4C18.1833 18.6167 17.9167 18.725 17.6 18.725C17.2833 18.725 17.0167 18.6167 16.8 18.4L12 13.6Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M14 15.8667L8.40001 21.4667C8.14723 21.7195 7.83612 21.8458 7.46667 21.8458C7.09723 21.8458 6.78612 21.7195 6.53334 21.4667C6.28056 21.2139 6.15417 20.9028 6.15417 20.5333C6.15417 20.1639 6.28056 19.8528 6.53334 19.6L12.1333 14L6.53334 8.40001C6.28056 8.14723 6.15417 7.83612 6.15417 7.46667C6.15417 7.09723 6.28056 6.78612 6.53334 6.53334C6.78612 6.28056 7.09723 6.15417 7.46667 6.15417C7.83612 6.15417 8.14723 6.28056 8.40001 6.53334L14 12.1333L19.6 6.53334C19.8528 6.28056 20.1639 6.15417 20.5333 6.15417C20.9028 6.15417 21.2139 6.28056 21.4667 6.53334C21.7195 6.78612 21.8458 7.09723 21.8458 7.46667C21.8458 7.83612 21.7195 8.14723 21.4667 8.40001L15.8667 14L21.4667 19.6C21.7195 19.8528 21.8458 20.1639 21.8458 20.5333C21.8458 20.9028 21.7195 21.2139 21.4667 21.4667C21.2139 21.7195 20.9028 21.8458 20.5333 21.8458C20.1639 21.8458 19.8528 21.7195 19.6 21.4667L14 15.8667Z", fill: "currentColor" })))));
+  }
 };
-SwirlIconClose.style = SwirlIconCloseStyle0;
+SwirlIconClose.style = swirlIconCss;
 
 exports.swirl_icon_close = SwirlIconClose;

package/dist/cjs/swirl-icon-cloud-upload.cjs.entry.js

@@ -2,27 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f6326e3b.js');
-const index$1 = require('./index-9f94303c.js');
+const index = require('./index-1de6abbd.js');
+const index$1 = require('./index-2ddd0598.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
-const SwirlIconCloudUploadStyle0 = swirlIconCss;
 
 const SwirlIconCloudUpload = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        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 = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: '5e9930553d0f3d7870324108ff07f845957ee95c', "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 && (index.h(index.Fragment, { key: '007378957eff89bed278d17004fcc723330456ae' }, index.h("path", { key: 'f38a7f7901f9b193aeb17a1c2e475a707ae629d3', d: "M4.33335 13.3333C3.32224 13.3333 2.45846 12.9833 1.74202 12.2833C1.02513 11.5833 0.666687 10.7277 0.666687 9.71663C0.666687 8.84996 0.927798 8.07774 1.45002 7.39996C1.97224 6.72218 2.65558 6.28885 3.50002 6.09996C3.7778 5.07774 4.33335 4.24996 5.16669 3.61663C6.00002 2.98329 6.94446 2.66663 8.00002 2.66663C9.30002 2.66663 10.4027 3.11929 11.308 4.02463C12.2138 4.9304 12.6667 6.03329 12.6667 7.33329C13.4334 7.42218 14.0696 7.75263 14.5754 8.32463C15.0807 8.89707 15.3334 9.56663 15.3334 10.3333C15.3334 11.1666 15.0418 11.8751 14.4587 12.4586C13.8751 13.0417 13.1667 13.3333 12.3334 13.3333H8.66669C8.30002 13.3333 7.98624 13.2028 7.72535 12.942C7.46402 12.6806 7.33335 12.3666 7.33335 12V8.53329L6.73335 9.13329C6.61113 9.25551 6.45558 9.31663 6.26669 9.31663C6.0778 9.31663 5.92224 9.25551 5.80002 9.13329C5.6778 9.01107 5.61669 8.85552 5.61669 8.66663C5.61669 8.47774 5.6778 8.32218 5.80002 8.19996L7.53335 6.46663C7.60002 6.39996 7.67224 6.35263 7.75002 6.32463C7.8278 6.29707 7.91113 6.28329 8.00002 6.28329C8.08891 6.28329 8.17224 6.29707 8.25002 6.32463C8.3278 6.35263 8.40002 6.39996 8.46669 6.46663L10.2 8.19996C10.3222 8.32218 10.3834 8.47774 10.3834 8.66663C10.3834 8.85552 10.3222 9.01107 10.2 9.13329C10.0778 9.25551 9.92224 9.31663 9.73335 9.31663C9.54447 9.31663 9.38891 9.25551 9.26669 9.13329L8.66669 8.53329V12H12.3334C12.8 12 13.1945 11.8388 13.5167 11.5166C13.8389 11.1944 14 10.8 14 10.3333C14 9.86663 13.8389 9.47218 13.5167 9.14996C13.1945 8.82774 12.8 8.66663 12.3334 8.66663H11.3334V7.33329C11.3334 6.41107 11.0085 5.62485 10.3587 4.97463C9.70847 4.32485 8.92224 3.99996 8.00002 3.99996C7.0778 3.99996 6.2918 4.32485 5.64202 4.97463C4.9918 5.62485 4.66669 6.41107 4.66669 7.33329H4.33335C3.68891 7.33329 3.13891 7.56107 2.68335 8.01663C2.2278 8.47218 2.00002 9.02218 2.00002 9.66663C2.00002 10.3111 2.2278 10.8611 2.68335 11.3166C3.13891 11.7722 3.68891 12 4.33335 12H5.33335C5.52224 12 5.68069 12.064 5.80869 12.192C5.93624 12.3195 6.00002 12.4777 6.00002 12.6666C6.00002 12.8555 5.93624 13.0137 5.80869 13.1413C5.68069 13.2693 5.52224 13.3333 5.33335 13.3333H4.33335Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: 'f377132d52282353e6a1cfbdc871d3fc2bd5a7ff' }, index.h("path", { key: '5c9c7f7ccf4791068dea2f479d8e74bb4c9cebae', d: "M6.5 20C4.98333 20 3.68767 19.475 2.613 18.425C1.53767 17.375 1 16.0917 1 14.575C1 13.275 1.39167 12.1167 2.175 11.1C2.95833 10.0833 3.98333 9.43333 5.25 9.15C5.66667 7.61667 6.5 6.375 7.75 5.425C9 4.475 10.4167 4 12 4C13.95 4 15.604 4.679 16.962 6.037C18.3207 7.39567 19 9.05 19 11C20.15 11.1333 21.1043 11.629 21.863 12.487C22.621 13.3457 23 14.35 23 15.5C23 16.75 22.5627 17.8127 21.688 18.688C20.8127 19.5627 19.75 20 18.5 20H13C12.45 20 11.9793 19.8043 11.588 19.413C11.196 19.021 11 18.55 11 18V12.8L10.1 13.7C9.91667 13.8833 9.68333 13.975 9.4 13.975C9.11667 13.975 8.88333 13.8833 8.7 13.7C8.51667 13.5167 8.425 13.2833 8.425 13C8.425 12.7167 8.51667 12.4833 8.7 12.3L11.3 9.7C11.4 9.6 11.5083 9.529 11.625 9.487C11.7417 9.44567 11.8667 9.425 12 9.425C12.1333 9.425 12.2583 9.44567 12.375 9.487C12.4917 9.529 12.6 9.6 12.7 9.7L15.3 12.3C15.4833 12.4833 15.575 12.7167 15.575 13C15.575 13.2833 15.4833 13.5167 15.3 13.7C15.1167 13.8833 14.8833 13.975 14.6 13.975C14.3167 13.975 14.0833 13.8833 13.9 13.7L13 12.8V18H18.5C19.2 18 19.7917 17.7583 20.275 17.275C20.7583 16.7917 21 16.2 21 15.5C21 14.8 20.7583 14.2083 20.275 13.725C19.7917 13.2417 19.2 13 18.5 13H17V11C17 9.61667 16.5127 8.43733 15.538 7.462C14.5627 6.48733 13.3833 6 12 6C10.6167 6 9.43767 6.48733 8.463 7.462C7.48767 8.43733 7 9.61667 7 11H6.5C5.53333 11 4.70833 11.3417 4.025 12.025C3.34167 12.7083 3 13.5333 3 14.5C3 15.4667 3.34167 16.2917 4.025 16.975C4.70833 17.6583 5.53333 18 6.5 18H8C8.28333 18 8.521 18.096 8.713 18.288C8.90433 18.4793 9 18.7167 9 19C9 19.2833 8.90433 19.5207 8.713 19.712C8.521 19.904 8.28333 20 8 20H6.5Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: 'dfc555408b3a6b2ecbf6fcd34c49118ca5a10be6' }, index.h("path", { key: 'bf4f34bacd13f52f1b23cf6472153f2bc49af3eb', d: "M7.58335 23.3333C5.81391 23.3333 4.3023 22.7208 3.04852 21.4958C1.79396 20.2708 1.16669 18.7736 1.16669 17.0041C1.16669 15.4875 1.62363 14.1361 2.53752 12.95C3.45141 11.7638 4.64724 11.0055 6.12502 10.675C6.61113 8.88607 7.58335 7.43746 9.04169 6.32913C10.5 5.22079 12.1528 4.66663 14 4.66663C16.275 4.66663 18.2047 5.45879 19.789 7.04313C21.3741 8.62824 22.1667 10.5583 22.1667 12.8333C23.5084 12.9888 24.6217 13.5671 25.5069 14.5681C26.3912 15.5699 26.8334 16.7416 26.8334 18.0833C26.8334 19.5416 26.3231 20.7814 25.3027 21.8026C24.2815 22.8231 23.0417 23.3333 21.5834 23.3333H15.1667C14.525 23.3333 13.9759 23.105 13.5194 22.6485C13.062 22.1911 12.8334 21.6416 12.8334 21V14.9333L11.7834 15.9833C11.5695 16.1972 11.2972 16.3041 10.9667 16.3041C10.6361 16.3041 10.3639 16.1972 10.15 15.9833C9.93613 15.7694 9.82919 15.4972 9.82919 15.1666C9.82919 14.8361 9.93613 14.5638 10.15 14.35L13.1834 11.3166C13.3 11.2 13.4264 11.1171 13.5625 11.0681C13.6986 11.0199 13.8445 10.9958 14 10.9958C14.1556 10.9958 14.3014 11.0199 14.4375 11.0681C14.5736 11.1171 14.7 11.2 14.8167 11.3166L17.85 14.35C18.0639 14.5638 18.1709 14.8361 18.1709 15.1666C18.1709 15.4972 18.0639 15.7694 17.85 15.9833C17.6361 16.1972 17.3639 16.3041 17.0334 16.3041C16.7028 16.3041 16.4306 16.1972 16.2167 15.9833L15.1667 14.9333V21H21.5834C22.4 21 23.0903 20.718 23.6542 20.1541C24.2181 19.5902 24.5 18.9 24.5 18.0833C24.5 17.2666 24.2181 16.5763 23.6542 16.0125C23.0903 15.4486 22.4 15.1666 21.5834 15.1666H19.8334V12.8333C19.8334 11.2194 19.2648 9.84351 18.1277 8.70563C16.9898 7.56851 15.6139 6.99996 14 6.99996C12.3861 6.99996 11.0106 7.56851 9.87352 8.70563C8.73563 9.84351 8.16669 11.2194 8.16669 12.8333H7.58335C6.45558 12.8333 5.49308 13.2319 4.69585 14.0291C3.89863 14.8263 3.50002 15.7888 3.50002 16.9166C3.50002 18.0444 3.89863 19.0069 4.69585 19.8041C5.49308 20.6013 6.45558 21 7.58335 21H9.33335C9.66391 21 9.94119 21.112 10.1652 21.336C10.3884 21.5592 10.5 21.8361 10.5 22.1666C10.5 22.4972 10.3884 22.7741 10.1652 22.9973C9.94119 23.2213 9.66391 23.3333 9.33335 23.3333H7.58335Z", fill: "currentColor" })))));
-    }
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    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 = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.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 && (index.h(index.Fragment, null, index.h("path", { d: "M4.33335 13.3333C3.32224 13.3333 2.45846 12.9833 1.74202 12.2833C1.02513 11.5833 0.666687 10.7277 0.666687 9.71663C0.666687 8.84996 0.927798 8.07774 1.45002 7.39996C1.97224 6.72218 2.65558 6.28885 3.50002 6.09996C3.7778 5.07774 4.33335 4.24996 5.16669 3.61663C6.00002 2.98329 6.94446 2.66663 8.00002 2.66663C9.30002 2.66663 10.4027 3.11929 11.308 4.02463C12.2138 4.9304 12.6667 6.03329 12.6667 7.33329C13.4334 7.42218 14.0696 7.75263 14.5754 8.32463C15.0807 8.89707 15.3334 9.56663 15.3334 10.3333C15.3334 11.1666 15.0418 11.8751 14.4587 12.4586C13.8751 13.0417 13.1667 13.3333 12.3334 13.3333H8.66669C8.30002 13.3333 7.98624 13.2028 7.72535 12.942C7.46402 12.6806 7.33335 12.3666 7.33335 12V8.53329L6.73335 9.13329C6.61113 9.25551 6.45558 9.31663 6.26669 9.31663C6.0778 9.31663 5.92224 9.25551 5.80002 9.13329C5.6778 9.01107 5.61669 8.85552 5.61669 8.66663C5.61669 8.47774 5.6778 8.32218 5.80002 8.19996L7.53335 6.46663C7.60002 6.39996 7.67224 6.35263 7.75002 6.32463C7.8278 6.29707 7.91113 6.28329 8.00002 6.28329C8.08891 6.28329 8.17224 6.29707 8.25002 6.32463C8.3278 6.35263 8.40002 6.39996 8.46669 6.46663L10.2 8.19996C10.3222 8.32218 10.3834 8.47774 10.3834 8.66663C10.3834 8.85552 10.3222 9.01107 10.2 9.13329C10.0778 9.25551 9.92224 9.31663 9.73335 9.31663C9.54447 9.31663 9.38891 9.25551 9.26669 9.13329L8.66669 8.53329V12H12.3334C12.8 12 13.1945 11.8388 13.5167 11.5166C13.8389 11.1944 14 10.8 14 10.3333C14 9.86663 13.8389 9.47218 13.5167 9.14996C13.1945 8.82774 12.8 8.66663 12.3334 8.66663H11.3334V7.33329C11.3334 6.41107 11.0085 5.62485 10.3587 4.97463C9.70847 4.32485 8.92224 3.99996 8.00002 3.99996C7.0778 3.99996 6.2918 4.32485 5.64202 4.97463C4.9918 5.62485 4.66669 6.41107 4.66669 7.33329H4.33335C3.68891 7.33329 3.13891 7.56107 2.68335 8.01663C2.2278 8.47218 2.00002 9.02218 2.00002 9.66663C2.00002 10.3111 2.2278 10.8611 2.68335 11.3166C3.13891 11.7722 3.68891 12 4.33335 12H5.33335C5.52224 12 5.68069 12.064 5.80869 12.192C5.93624 12.3195 6.00002 12.4777 6.00002 12.6666C6.00002 12.8555 5.93624 13.0137 5.80869 13.1413C5.68069 13.2693 5.52224 13.3333 5.33335 13.3333H4.33335Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M6.5 20C4.98333 20 3.68767 19.475 2.613 18.425C1.53767 17.375 1 16.0917 1 14.575C1 13.275 1.39167 12.1167 2.175 11.1C2.95833 10.0833 3.98333 9.43333 5.25 9.15C5.66667 7.61667 6.5 6.375 7.75 5.425C9 4.475 10.4167 4 12 4C13.95 4 15.604 4.679 16.962 6.037C18.3207 7.39567 19 9.05 19 11C20.15 11.1333 21.1043 11.629 21.863 12.487C22.621 13.3457 23 14.35 23 15.5C23 16.75 22.5627 17.8127 21.688 18.688C20.8127 19.5627 19.75 20 18.5 20H13C12.45 20 11.9793 19.8043 11.588 19.413C11.196 19.021 11 18.55 11 18V12.8L10.1 13.7C9.91667 13.8833 9.68333 13.975 9.4 13.975C9.11667 13.975 8.88333 13.8833 8.7 13.7C8.51667 13.5167 8.425 13.2833 8.425 13C8.425 12.7167 8.51667 12.4833 8.7 12.3L11.3 9.7C11.4 9.6 11.5083 9.529 11.625 9.487C11.7417 9.44567 11.8667 9.425 12 9.425C12.1333 9.425 12.2583 9.44567 12.375 9.487C12.4917 9.529 12.6 9.6 12.7 9.7L15.3 12.3C15.4833 12.4833 15.575 12.7167 15.575 13C15.575 13.2833 15.4833 13.5167 15.3 13.7C15.1167 13.8833 14.8833 13.975 14.6 13.975C14.3167 13.975 14.0833 13.8833 13.9 13.7L13 12.8V18H18.5C19.2 18 19.7917 17.7583 20.275 17.275C20.7583 16.7917 21 16.2 21 15.5C21 14.8 20.7583 14.2083 20.275 13.725C19.7917 13.2417 19.2 13 18.5 13H17V11C17 9.61667 16.5127 8.43733 15.538 7.462C14.5627 6.48733 13.3833 6 12 6C10.6167 6 9.43767 6.48733 8.463 7.462C7.48767 8.43733 7 9.61667 7 11H6.5C5.53333 11 4.70833 11.3417 4.025 12.025C3.34167 12.7083 3 13.5333 3 14.5C3 15.4667 3.34167 16.2917 4.025 16.975C4.70833 17.6583 5.53333 18 6.5 18H8C8.28333 18 8.521 18.096 8.713 18.288C8.90433 18.4793 9 18.7167 9 19C9 19.2833 8.90433 19.5207 8.713 19.712C8.521 19.904 8.28333 20 8 20H6.5Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M7.58335 23.3333C5.81391 23.3333 4.3023 22.7208 3.04852 21.4958C1.79396 20.2708 1.16669 18.7736 1.16669 17.0041C1.16669 15.4875 1.62363 14.1361 2.53752 12.95C3.45141 11.7638 4.64724 11.0055 6.12502 10.675C6.61113 8.88607 7.58335 7.43746 9.04169 6.32913C10.5 5.22079 12.1528 4.66663 14 4.66663C16.275 4.66663 18.2047 5.45879 19.789 7.04313C21.3741 8.62824 22.1667 10.5583 22.1667 12.8333C23.5084 12.9888 24.6217 13.5671 25.5069 14.5681C26.3912 15.5699 26.8334 16.7416 26.8334 18.0833C26.8334 19.5416 26.3231 20.7814 25.3027 21.8026C24.2815 22.8231 23.0417 23.3333 21.5834 23.3333H15.1667C14.525 23.3333 13.9759 23.105 13.5194 22.6485C13.062 22.1911 12.8334 21.6416 12.8334 21V14.9333L11.7834 15.9833C11.5695 16.1972 11.2972 16.3041 10.9667 16.3041C10.6361 16.3041 10.3639 16.1972 10.15 15.9833C9.93613 15.7694 9.82919 15.4972 9.82919 15.1666C9.82919 14.8361 9.93613 14.5638 10.15 14.35L13.1834 11.3166C13.3 11.2 13.4264 11.1171 13.5625 11.0681C13.6986 11.0199 13.8445 10.9958 14 10.9958C14.1556 10.9958 14.3014 11.0199 14.4375 11.0681C14.5736 11.1171 14.7 11.2 14.8167 11.3166L17.85 14.35C18.0639 14.5638 18.1709 14.8361 18.1709 15.1666C18.1709 15.4972 18.0639 15.7694 17.85 15.9833C17.6361 16.1972 17.3639 16.3041 17.0334 16.3041C16.7028 16.3041 16.4306 16.1972 16.2167 15.9833L15.1667 14.9333V21H21.5834C22.4 21 23.0903 20.718 23.6542 20.1541C24.2181 19.5902 24.5 18.9 24.5 18.0833C24.5 17.2666 24.2181 16.5763 23.6542 16.0125C23.0903 15.4486 22.4 15.1666 21.5834 15.1666H19.8334V12.8333C19.8334 11.2194 19.2648 9.84351 18.1277 8.70563C16.9898 7.56851 15.6139 6.99996 14 6.99996C12.3861 6.99996 11.0106 7.56851 9.87352 8.70563C8.73563 9.84351 8.16669 11.2194 8.16669 12.8333H7.58335C6.45558 12.8333 5.49308 13.2319 4.69585 14.0291C3.89863 14.8263 3.50002 15.7888 3.50002 16.9166C3.50002 18.0444 3.89863 19.0069 4.69585 19.8041C5.49308 20.6013 6.45558 21 7.58335 21H9.33335C9.66391 21 9.94119 21.112 10.1652 21.336C10.3884 21.5592 10.5 21.8361 10.5 22.1666C10.5 22.4972 10.3884 22.7741 10.1652 22.9973C9.94119 23.2213 9.66391 23.3333 9.33335 23.3333H7.58335Z", fill: "currentColor" })))));
+  }
 };
-SwirlIconCloudUpload.style = SwirlIconCloudUploadStyle0;
+SwirlIconCloudUpload.style = swirlIconCss;
 
 exports.swirl_icon_cloud_upload = SwirlIconCloudUpload;

package/dist/cjs/swirl-icon-column.cjs.entry.js

@@ -2,27 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f6326e3b.js');
-const index$1 = require('./index-9f94303c.js');
+const index = require('./index-1de6abbd.js');
+const index$1 = require('./index-2ddd0598.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
-const SwirlIconColumnStyle0 = swirlIconCss;
 
 const SwirlIconColumn = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        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 = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: '1cddf8fd7f0b346962e68c328a74d790c1b9fed9', "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 && (index.h(index.Fragment, { key: '95f1d98c1b6471c8576760ff07330abe86061757' }, index.h("path", { key: '6fe39239e49bf745ce80e047fde3c6c84b58fa83', d: "M2.66667 12.0001H5.33334V4.00008H2.66667V12.0001ZM6.66667 12.0001H9.33334V4.00008H6.66667V12.0001ZM10.6667 12.0001H13.3333V4.00008H10.6667V12.0001ZM2.66667 13.3334C2.3 13.3334 1.98622 13.203 1.72534 12.9421C1.464 12.6807 1.33334 12.3667 1.33334 12.0001V4.00008C1.33334 3.63341 1.464 3.31964 1.72534 3.05875C1.98622 2.79741 2.3 2.66675 2.66667 2.66675H13.3333C13.7 2.66675 14.014 2.79741 14.2753 3.05875C14.5362 3.31964 14.6667 3.63341 14.6667 4.00008V12.0001C14.6667 12.3667 14.5362 12.6807 14.2753 12.9421C14.014 13.203 13.7 13.3334 13.3333 13.3334H2.66667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '436341cfdc9b704242a4d2c45e45d97b2a8bea32' }, index.h("path", { key: '9f8f6685f0330c7c1cce08c080d8c0cb8aab9884', d: "M4 18H8V6H4V18ZM10 18H14V6H10V18ZM16 18H20V6H16V18ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H20C20.55 4 21.021 4.196 21.413 4.588C21.8043 4.97933 22 5.45 22 6V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '3e72ff0252c368cd73b451dafbc1be759735581f' }, index.h("path", { key: '84e9ac3d00441504e33edcc9b6651877092ee31d', d: "M4.66667 21.0001H9.33334V7.00008H4.66667V21.0001ZM11.6667 21.0001H16.3333V7.00008H11.6667V21.0001ZM18.6667 21.0001H23.3333V7.00008H18.6667V21.0001ZM4.66667 23.3334C4.025 23.3334 3.47589 23.1051 3.01934 22.6486C2.562 22.1912 2.33334 21.6417 2.33334 21.0001V7.00008C2.33334 6.35841 2.562 5.8093 3.01934 5.35275C3.47589 4.89541 4.025 4.66675 4.66667 4.66675H23.3333C23.975 4.66675 24.5245 4.89541 24.9818 5.35275C25.4384 5.8093 25.6667 6.35841 25.6667 7.00008V21.0001C25.6667 21.6417 25.4384 22.1912 24.9818 22.6486C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66667Z", fill: "currentColor" })))));
-    }
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    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 = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.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 && (index.h(index.Fragment, null, index.h("path", { d: "M2.66667 12.0001H5.33334V4.00008H2.66667V12.0001ZM6.66667 12.0001H9.33334V4.00008H6.66667V12.0001ZM10.6667 12.0001H13.3333V4.00008H10.6667V12.0001ZM2.66667 13.3334C2.3 13.3334 1.98622 13.203 1.72534 12.9421C1.464 12.6807 1.33334 12.3667 1.33334 12.0001V4.00008C1.33334 3.63341 1.464 3.31964 1.72534 3.05875C1.98622 2.79741 2.3 2.66675 2.66667 2.66675H13.3333C13.7 2.66675 14.014 2.79741 14.2753 3.05875C14.5362 3.31964 14.6667 3.63341 14.6667 4.00008V12.0001C14.6667 12.3667 14.5362 12.6807 14.2753 12.9421C14.014 13.203 13.7 13.3334 13.3333 13.3334H2.66667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M4 18H8V6H4V18ZM10 18H14V6H10V18ZM16 18H20V6H16V18ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H20C20.55 4 21.021 4.196 21.413 4.588C21.8043 4.97933 22 5.45 22 6V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M4.66667 21.0001H9.33334V7.00008H4.66667V21.0001ZM11.6667 21.0001H16.3333V7.00008H11.6667V21.0001ZM18.6667 21.0001H23.3333V7.00008H18.6667V21.0001ZM4.66667 23.3334C4.025 23.3334 3.47589 23.1051 3.01934 22.6486C2.562 22.1912 2.33334 21.6417 2.33334 21.0001V7.00008C2.33334 6.35841 2.562 5.8093 3.01934 5.35275C3.47589 4.89541 4.025 4.66675 4.66667 4.66675H23.3333C23.975 4.66675 24.5245 4.89541 24.9818 5.35275C25.4384 5.8093 25.6667 6.35841 25.6667 7.00008V21.0001C25.6667 21.6417 25.4384 22.1912 24.9818 22.6486C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66667Z", fill: "currentColor" })))));
+  }
 };
-SwirlIconColumn.style = SwirlIconColumnStyle0;
+SwirlIconColumn.style = swirlIconCss;
 
 exports.swirl_icon_column = SwirlIconColumn;

package/dist/cjs/swirl-icon-comment.cjs.entry.js

@@ -2,27 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f6326e3b.js');
-const index$1 = require('./index-9f94303c.js');
+const index = require('./index-1de6abbd.js');
+const index$1 = require('./index-2ddd0598.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
-const SwirlIconCommentStyle0 = swirlIconCss;
 
 const SwirlIconComment = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        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 = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: '9f5e1b4005467d153e72c02cefa0e046e4ca1000', "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 && (index.h(index.Fragment, { key: 'df0be6ad2692be843817ed37b8ab7eafd6f9aaaf' }, index.h("path", { key: '7cf3df77892ec1569157018f16a97de053a972f2', d: "M2.47138 10.8619C2.05141 11.2819 1.33331 10.9845 1.33331 10.3905V3.33333C1.33331 2.59695 1.93027 2 2.66665 2H9.99998C10.7364 2 11.3333 2.59695 11.3333 3.33333V8C11.3333 8.73638 10.7364 9.33333 9.99998 9.33333H3.99998L2.47138 10.8619ZM5.33331 12.6667C4.59693 12.6667 3.99998 12.0697 3.99998 11.3333V10.6667H10.6666C11.7712 10.6667 12.6666 9.77124 12.6666 8.66667V4.66667H13.3333C14.0697 4.66667 14.6666 5.26362 14.6666 6V13.7239C14.6666 14.3178 13.9486 14.6152 13.5286 14.1953L12 12.6667H5.33331ZM9.99998 3.33333H2.66665V8.78333L3.44998 8H9.99998V3.33333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: 'bc7052f6ae6f556120639e9e3f4a9c5129676eba' }, index.h("path", { key: 'e13547bee9bd6470bebb001cef45882d295d9a06', d: "M3.70711 15.2929C3.07714 15.9229 2 15.4767 2 14.5858V4C2 2.89543 2.89543 2 4 2H15C16.1046 2 17 2.89543 17 4V11C17 12.1046 16.1046 13 15 13H6L3.70711 15.2929ZM8 18C6.89543 18 6 17.1046 6 16V15H16C17.6569 15 19 13.6569 19 12V6H20C21.1046 6 22 6.89543 22 8V19.5858C22 20.4767 20.9229 20.9229 20.2929 20.2929L18 18H8ZM15 4H4V12.175L5.175 11H15V4Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '539c4810a1b4109dd4fd1df877db00d1e3421f56' }, index.h("path", { key: '33e9a02d398bd316a573239c4a2c43bc94aff303', d: "M4.32494 18.0084C3.58998 18.7433 2.33331 18.2228 2.33331 17.1834V4.83333C2.33331 3.54467 3.37798 2.5 4.66665 2.5H17.5C18.7886 2.5 19.8333 3.54467 19.8333 4.83333V13C19.8333 14.2887 18.7886 15.3333 17.5 15.3333H6.99998L4.32494 18.0084ZM9.33331 21.1667C8.04465 21.1667 6.99998 20.122 6.99998 18.8333V17.6667H18.6666C20.5996 17.6667 22.1666 16.0997 22.1666 14.1667V7.16667H23.3333C24.622 7.16667 25.6666 8.21134 25.6666 9.5V23.0168C25.6666 24.0561 24.41 24.5767 23.675 23.8417L21 21.1667H9.33331ZM17.5 4.83333H4.66665V14.3708L6.03748 13H17.5V4.83333Z", fill: "currentColor" })))));
-    }
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    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 = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.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 && (index.h(index.Fragment, null, index.h("path", { d: "M2.47138 10.8619C2.05141 11.2819 1.33331 10.9845 1.33331 10.3905V3.33333C1.33331 2.59695 1.93027 2 2.66665 2H9.99998C10.7364 2 11.3333 2.59695 11.3333 3.33333V8C11.3333 8.73638 10.7364 9.33333 9.99998 9.33333H3.99998L2.47138 10.8619ZM5.33331 12.6667C4.59693 12.6667 3.99998 12.0697 3.99998 11.3333V10.6667H10.6666C11.7712 10.6667 12.6666 9.77124 12.6666 8.66667V4.66667H13.3333C14.0697 4.66667 14.6666 5.26362 14.6666 6V13.7239C14.6666 14.3178 13.9486 14.6152 13.5286 14.1953L12 12.6667H5.33331ZM9.99998 3.33333H2.66665V8.78333L3.44998 8H9.99998V3.33333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M3.70711 15.2929C3.07714 15.9229 2 15.4767 2 14.5858V4C2 2.89543 2.89543 2 4 2H15C16.1046 2 17 2.89543 17 4V11C17 12.1046 16.1046 13 15 13H6L3.70711 15.2929ZM8 18C6.89543 18 6 17.1046 6 16V15H16C17.6569 15 19 13.6569 19 12V6H20C21.1046 6 22 6.89543 22 8V19.5858C22 20.4767 20.9229 20.9229 20.2929 20.2929L18 18H8ZM15 4H4V12.175L5.175 11H15V4Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M4.32494 18.0084C3.58998 18.7433 2.33331 18.2228 2.33331 17.1834V4.83333C2.33331 3.54467 3.37798 2.5 4.66665 2.5H17.5C18.7886 2.5 19.8333 3.54467 19.8333 4.83333V13C19.8333 14.2887 18.7886 15.3333 17.5 15.3333H6.99998L4.32494 18.0084ZM9.33331 21.1667C8.04465 21.1667 6.99998 20.122 6.99998 18.8333V17.6667H18.6666C20.5996 17.6667 22.1666 16.0997 22.1666 14.1667V7.16667H23.3333C24.622 7.16667 25.6666 8.21134 25.6666 9.5V23.0168C25.6666 24.0561 24.41 24.5767 23.675 23.8417L21 21.1667H9.33331ZM17.5 4.83333H4.66665V14.3708L6.03748 13H17.5V4.83333Z", fill: "currentColor" })))));
+  }
 };
-SwirlIconComment.style = SwirlIconCommentStyle0;
+SwirlIconComment.style = swirlIconCss;
 
 exports.swirl_icon_comment = SwirlIconComment;

package/dist/cjs/swirl-icon-copy.cjs.entry.js

@@ -2,27 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f6326e3b.js');
-const index$1 = require('./index-9f94303c.js');
+const index = require('./index-1de6abbd.js');
+const index$1 = require('./index-2ddd0598.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
-const SwirlIconCopyStyle0 = swirlIconCss;
 
 const SwirlIconCopy = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        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 = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: 'c606cb6bfdf95a36f86553baf5ce4df3d33ec0a3', "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 && (index.h(index.Fragment, { key: 'e63a1fd1c6d357a9903c77e501c785bdc2111e48' }, index.h("path", { key: 'f92faddf48555d10235d4a120c983c32048f9784', 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) && (index.h(index.Fragment, { key: 'b626eb0aea1f8f30e5965b0b1dee51caddebb4e0' }, index.h("path", { key: 'b22a77bd4befbe5b5fa24aa373cc10b0bff61aac', 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 && (index.h(index.Fragment, { key: 'ba638f7bab11ae66f3aa9b79c706fc5574317748' }, index.h("path", { key: 'f475929a19bf5f2fae6eb5ef8991ae478dcdc8f4', 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" })))));
-    }
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    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 = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.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 && (index.h(index.Fragment, null, index.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) && (index.h(index.Fragment, null, index.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 && (index.h(index.Fragment, null, index.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" })))));
+  }
 };
-SwirlIconCopy.style = SwirlIconCopyStyle0;
+SwirlIconCopy.style = swirlIconCss;
 
 exports.swirl_icon_copy = SwirlIconCopy;