@getflip/swirl-components 0.197.1 → 0.198.0

package/dist/cjs/swirl-icon-video-library.cjs.entry.js

@@ -2,26 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1de6abbd.js');
-const index$1 = require('./index-2ddd0598.js');
+const index = require('./index-2ab5d772.js');
+const index$1 = require('./index-9f94303c.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const SwirlIconVideoLibraryStyle0 = swirlIconCss;
 
 const SwirlIconVideoLibrary = 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", { "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: "M11.6833 7.08325C11.8389 6.98325 11.9166 6.84436 11.9166 6.66658C11.9166 6.48881 11.8389 6.34992 11.6833 6.24992L8.43331 4.16659C8.26665 4.05547 8.0972 4.04714 7.92498 4.14159C7.75276 4.23603 7.66665 4.38325 7.66665 4.58325V8.74992C7.66665 8.94992 7.75276 9.09714 7.92498 9.19159C8.0972 9.28603 8.26665 9.2777 8.43331 9.16658L11.6833 7.08325ZM5.33331 11.9999C4.96665 11.9999 4.65276 11.8694 4.39165 11.6083C4.13054 11.3471 3.99998 11.0333 3.99998 10.6666V2.66659C3.99998 2.29992 4.13054 1.98603 4.39165 1.72492C4.65276 1.46381 4.96665 1.33325 5.33331 1.33325H13.3333C13.7 1.33325 14.0139 1.46381 14.275 1.72492C14.5361 1.98603 14.6666 2.29992 14.6666 2.66659V10.6666C14.6666 11.0333 14.5361 11.3471 14.275 11.6083C14.0139 11.8694 13.7 11.9999 13.3333 11.9999H5.33331ZM5.33331 10.6666H13.3333V2.66659H5.33331V10.6666ZM2.66665 14.6666C2.29998 14.6666 1.98609 14.536 1.72498 14.2749C1.46387 14.0138 1.33331 13.6999 1.33331 13.3333V4.66659C1.33331 4.4777 1.3972 4.31936 1.52498 4.19159C1.65276 4.06381 1.81109 3.99992 1.99998 3.99992C2.18887 3.99992 2.3472 4.06381 2.47498 4.19159C2.60276 4.31936 2.66665 4.4777 2.66665 4.66659V13.3333H11.3333C11.5222 13.3333 11.6805 13.3971 11.8083 13.5249C11.9361 13.6527 12 13.811 12 13.9999C12 14.1888 11.9361 14.3471 11.8083 14.4749C11.6805 14.6027 11.5222 14.6666 11.3333 14.6666H2.66665Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M17.525 10.625C17.7583 10.475 17.875 10.2667 17.875 10C17.875 9.73333 17.7583 9.525 17.525 9.375L12.65 6.25C12.4 6.08333 12.1458 6.07083 11.8875 6.2125C11.6292 6.35417 11.5 6.575 11.5 6.875V13.125C11.5 13.425 11.6292 13.6458 11.8875 13.7875C12.1458 13.9292 12.4 13.9167 12.65 13.75L17.525 10.625ZM8 18C7.45 18 6.97917 17.8042 6.5875 17.4125C6.19583 17.0208 6 16.55 6 16V4C6 3.45 6.19583 2.97917 6.5875 2.5875C6.97917 2.19583 7.45 2 8 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H8ZM8 16H20V4H8V16ZM4 22C3.45 22 2.97917 21.8042 2.5875 21.4125C2.19583 21.0208 2 20.55 2 20V7C2 6.71667 2.09583 6.47917 2.2875 6.2875C2.47917 6.09583 2.71667 6 3 6C3.28333 6 3.52083 6.09583 3.7125 6.2875C3.90417 6.47917 4 6.71667 4 7V20H17C17.2833 20 17.5208 20.0958 17.7125 20.2875C17.9042 20.4792 18 20.7167 18 21C18 21.2833 17.9042 21.5208 17.7125 21.7125C17.5208 21.9042 17.2833 22 17 22H4Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M20.4458 12.3958C20.7181 12.2208 20.8542 11.9777 20.8542 11.6666C20.8542 11.3555 20.7181 11.1124 20.4458 10.9374L14.7583 7.29159C14.4667 7.09714 14.1701 7.08256 13.8688 7.24784C13.5674 7.41311 13.4167 7.67075 13.4167 8.02075V15.3124C13.4167 15.6624 13.5674 15.9201 13.8688 16.0853C14.1701 16.2506 14.4667 16.236 14.7583 16.0416L20.4458 12.3958ZM9.33334 20.9999C8.69168 20.9999 8.14237 20.7714 7.68543 20.3145C7.22848 19.8576 7.00001 19.3083 7.00001 18.6666V4.66659C7.00001 4.02492 7.22848 3.47561 7.68543 3.01867C8.14237 2.56172 8.69168 2.33325 9.33334 2.33325H23.3333C23.975 2.33325 24.5243 2.56172 24.9813 3.01867C25.4382 3.47561 25.6667 4.02492 25.6667 4.66659V18.6666C25.6667 19.3083 25.4382 19.8576 24.9813 20.3145C24.5243 20.7714 23.975 20.9999 23.3333 20.9999H9.33334ZM9.33334 18.6666H23.3333V4.66659H9.33334V18.6666ZM4.66668 25.6666C4.02501 25.6666 3.4757 25.4381 3.01876 24.9812C2.56182 24.5242 2.33334 23.9749 2.33334 23.3333V8.16659C2.33334 7.83603 2.44515 7.55895 2.66876 7.33534C2.89237 7.11172 3.16945 6.99992 3.50001 6.99992C3.83057 6.99992 4.10765 7.11172 4.33126 7.33534C4.55487 7.55895 4.66668 7.83603 4.66668 8.16659V23.3333H19.8333C20.1639 23.3333 20.441 23.4451 20.6646 23.6687C20.8882 23.8923 21 24.1694 21 24.4999C21 24.8305 20.8882 25.1076 20.6646 25.3312C20.441 25.5548 20.1639 25.6666 19.8333 25.6666H4.66668Z", 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", { key: 'd7f40c5b428e0422799634455652cd9a723568b7', "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: '3e94a4d08563fd31b60b113b92647ce25ac29ce9' }, index.h("path", { key: '4e7320f0a6b514d34cd4970b8b3affa37ee02e83', d: "M11.6833 7.08325C11.8389 6.98325 11.9166 6.84436 11.9166 6.66658C11.9166 6.48881 11.8389 6.34992 11.6833 6.24992L8.43331 4.16659C8.26665 4.05547 8.0972 4.04714 7.92498 4.14159C7.75276 4.23603 7.66665 4.38325 7.66665 4.58325V8.74992C7.66665 8.94992 7.75276 9.09714 7.92498 9.19159C8.0972 9.28603 8.26665 9.2777 8.43331 9.16658L11.6833 7.08325ZM5.33331 11.9999C4.96665 11.9999 4.65276 11.8694 4.39165 11.6083C4.13054 11.3471 3.99998 11.0333 3.99998 10.6666V2.66659C3.99998 2.29992 4.13054 1.98603 4.39165 1.72492C4.65276 1.46381 4.96665 1.33325 5.33331 1.33325H13.3333C13.7 1.33325 14.0139 1.46381 14.275 1.72492C14.5361 1.98603 14.6666 2.29992 14.6666 2.66659V10.6666C14.6666 11.0333 14.5361 11.3471 14.275 11.6083C14.0139 11.8694 13.7 11.9999 13.3333 11.9999H5.33331ZM5.33331 10.6666H13.3333V2.66659H5.33331V10.6666ZM2.66665 14.6666C2.29998 14.6666 1.98609 14.536 1.72498 14.2749C1.46387 14.0138 1.33331 13.6999 1.33331 13.3333V4.66659C1.33331 4.4777 1.3972 4.31936 1.52498 4.19159C1.65276 4.06381 1.81109 3.99992 1.99998 3.99992C2.18887 3.99992 2.3472 4.06381 2.47498 4.19159C2.60276 4.31936 2.66665 4.4777 2.66665 4.66659V13.3333H11.3333C11.5222 13.3333 11.6805 13.3971 11.8083 13.5249C11.9361 13.6527 12 13.811 12 13.9999C12 14.1888 11.9361 14.3471 11.8083 14.4749C11.6805 14.6027 11.5222 14.6666 11.3333 14.6666H2.66665Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '585fd3e2af090250a19ed4cd97bdbd23e19509af' }, index.h("path", { key: '0684f3ea94e9e5e9ff0f96e9adf09bddbf37551b', d: "M17.525 10.625C17.7583 10.475 17.875 10.2667 17.875 10C17.875 9.73333 17.7583 9.525 17.525 9.375L12.65 6.25C12.4 6.08333 12.1458 6.07083 11.8875 6.2125C11.6292 6.35417 11.5 6.575 11.5 6.875V13.125C11.5 13.425 11.6292 13.6458 11.8875 13.7875C12.1458 13.9292 12.4 13.9167 12.65 13.75L17.525 10.625ZM8 18C7.45 18 6.97917 17.8042 6.5875 17.4125C6.19583 17.0208 6 16.55 6 16V4C6 3.45 6.19583 2.97917 6.5875 2.5875C6.97917 2.19583 7.45 2 8 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H8ZM8 16H20V4H8V16ZM4 22C3.45 22 2.97917 21.8042 2.5875 21.4125C2.19583 21.0208 2 20.55 2 20V7C2 6.71667 2.09583 6.47917 2.2875 6.2875C2.47917 6.09583 2.71667 6 3 6C3.28333 6 3.52083 6.09583 3.7125 6.2875C3.90417 6.47917 4 6.71667 4 7V20H17C17.2833 20 17.5208 20.0958 17.7125 20.2875C17.9042 20.4792 18 20.7167 18 21C18 21.2833 17.9042 21.5208 17.7125 21.7125C17.5208 21.9042 17.2833 22 17 22H4Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: 'e031c07bf99862abedd4010353d227ec15cb2a1e' }, index.h("path", { key: '8ae0521ce534532f9e145305afb0ed0272f7693b', d: "M20.4458 12.3958C20.7181 12.2208 20.8542 11.9777 20.8542 11.6666C20.8542 11.3555 20.7181 11.1124 20.4458 10.9374L14.7583 7.29159C14.4667 7.09714 14.1701 7.08256 13.8688 7.24784C13.5674 7.41311 13.4167 7.67075 13.4167 8.02075V15.3124C13.4167 15.6624 13.5674 15.9201 13.8688 16.0853C14.1701 16.2506 14.4667 16.236 14.7583 16.0416L20.4458 12.3958ZM9.33334 20.9999C8.69168 20.9999 8.14237 20.7714 7.68543 20.3145C7.22848 19.8576 7.00001 19.3083 7.00001 18.6666V4.66659C7.00001 4.02492 7.22848 3.47561 7.68543 3.01867C8.14237 2.56172 8.69168 2.33325 9.33334 2.33325H23.3333C23.975 2.33325 24.5243 2.56172 24.9813 3.01867C25.4382 3.47561 25.6667 4.02492 25.6667 4.66659V18.6666C25.6667 19.3083 25.4382 19.8576 24.9813 20.3145C24.5243 20.7714 23.975 20.9999 23.3333 20.9999H9.33334ZM9.33334 18.6666H23.3333V4.66659H9.33334V18.6666ZM4.66668 25.6666C4.02501 25.6666 3.4757 25.4381 3.01876 24.9812C2.56182 24.5242 2.33334 23.9749 2.33334 23.3333V8.16659C2.33334 7.83603 2.44515 7.55895 2.66876 7.33534C2.89237 7.11172 3.16945 6.99992 3.50001 6.99992C3.83057 6.99992 4.10765 7.11172 4.33126 7.33534C4.55487 7.55895 4.66668 7.83603 4.66668 8.16659V23.3333H19.8333C20.1639 23.3333 20.441 23.4451 20.6646 23.6687C20.8882 23.8923 21 24.1694 21 24.4999C21 24.8305 20.8882 25.1076 20.6646 25.3312C20.441 25.5548 20.1639 25.6666 19.8333 25.6666H4.66668Z", fill: "currentColor" })))));
+    }
 };
-SwirlIconVideoLibrary.style = swirlIconCss;
+SwirlIconVideoLibrary.style = SwirlIconVideoLibraryStyle0;
 
 exports.swirl_icon_video_library = SwirlIconVideoLibrary;

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

@@ -2,26 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1de6abbd.js');
-const index$1 = require('./index-2ddd0598.js');
+const index = require('./index-2ab5d772.js');
+const index$1 = require('./index-9f94303c.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const SwirlIconVoiceStyle0 = swirlIconCss;
 
 const SwirlIconVoice = 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", { "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: "M12.75 10.0833C12.6278 9.96106 12.5639 9.80551 12.5584 9.61662C12.5528 9.42773 12.6111 9.25551 12.7334 9.09995C13.0778 8.67773 13.3472 8.20273 13.5417 7.67495C13.7361 7.14717 13.8334 6.58884 13.8334 5.99995C13.8334 5.42217 13.7361 4.87217 13.5417 4.34995C13.3472 3.82773 13.0778 3.35551 12.7334 2.93328C12.6111 2.77773 12.55 2.60551 12.55 2.41662C12.55 2.22773 12.6167 2.06662 12.75 1.93328C12.9056 1.77773 13.0917 1.69995 13.3084 1.69995C13.525 1.69995 13.7 1.77773 13.8334 1.93328C14.3 2.49995 14.6667 3.12773 14.9334 3.81662C15.2 4.50551 15.3334 5.23328 15.3334 5.99995C15.3334 6.76662 15.2 7.4944 14.9334 8.18328C14.6667 8.87217 14.3 9.49995 13.8334 10.0666C13.7 10.2222 13.525 10.3027 13.3084 10.3083C13.0917 10.3138 12.9056 10.2388 12.75 10.0833ZM10.6 7.93328C10.4778 7.81106 10.4084 7.65273 10.3917 7.45828C10.375 7.26384 10.4222 7.07217 10.5334 6.88328C10.6111 6.74995 10.6695 6.60828 10.7084 6.45828C10.7472 6.30828 10.7667 6.15551 10.7667 5.99995C10.7667 5.8444 10.7472 5.69162 10.7084 5.54162C10.6695 5.39162 10.6111 5.24995 10.5334 5.11662C10.4222 4.92773 10.375 4.73606 10.3917 4.54162C10.4084 4.34717 10.4778 4.18884 10.6 4.06662C10.7556 3.91106 10.9445 3.83606 11.1667 3.84162C11.3889 3.84717 11.5611 3.93328 11.6834 4.09995C11.8722 4.37773 12.0222 4.67495 12.1334 4.99162C12.2445 5.30828 12.3 5.6444 12.3 5.99995C12.3 6.35551 12.2445 6.69162 12.1334 7.00828C12.0222 7.32495 11.8722 7.62217 11.6834 7.89995C11.5611 8.06662 11.3889 8.15273 11.1667 8.15828C10.9445 8.16384 10.7556 8.08884 10.6 7.93328ZM6.00002 8.66662C5.26669 8.66662 4.63891 8.40551 4.11669 7.88328C3.59446 7.36106 3.33335 6.73328 3.33335 5.99995C3.33335 5.26662 3.59446 4.63884 4.11669 4.11662C4.63891 3.5944 5.26669 3.33328 6.00002 3.33328C6.73335 3.33328 7.36113 3.5944 7.88335 4.11662C8.40558 4.63884 8.66669 5.26662 8.66669 5.99995C8.66669 6.73328 8.40558 7.36106 7.88335 7.88328C7.36113 8.40551 6.73335 8.66662 6.00002 8.66662ZM1.33335 14C1.14446 14 0.986131 13.9361 0.858354 13.8083C0.730576 13.6805 0.666687 13.5222 0.666687 13.3333V12.1333C0.666687 11.7666 0.761131 11.4222 0.95002 11.1C1.13891 10.7777 1.40002 10.5333 1.73335 10.3666C2.30002 10.0777 2.93891 9.83328 3.65002 9.63328C4.36113 9.43328 5.14446 9.33328 6.00002 9.33328C6.85558 9.33328 7.63891 9.43328 8.35002 9.63328C9.06113 9.83328 9.70002 10.0777 10.2667 10.3666C10.6 10.5333 10.8611 10.7777 11.05 11.1C11.2389 11.4222 11.3334 11.7666 11.3334 12.1333V13.3333C11.3334 13.5222 11.2695 13.6805 11.1417 13.8083C11.0139 13.9361 10.8556 14 10.6667 14H1.33335ZM2.00002 12.6666H10V12.1333C10 12.0111 9.96947 11.9 9.90835 11.8C9.84724 11.7 9.76669 11.6222 9.66669 11.5666C9.26669 11.3666 8.7528 11.1666 8.12502 10.9666C7.49724 10.7666 6.78891 10.6666 6.00002 10.6666C5.21113 10.6666 4.5028 10.7666 3.87502 10.9666C3.24724 11.1666 2.73335 11.3666 2.33335 11.5666C2.23335 11.6222 2.1528 11.7 2.09169 11.8C2.03058 11.9 2.00002 12.0111 2.00002 12.1333V12.6666ZM6.00002 7.33328C6.36669 7.33328 6.68058 7.20273 6.94169 6.94162C7.2028 6.68051 7.33335 6.36662 7.33335 5.99995C7.33335 5.63328 7.2028 5.3194 6.94169 5.05828C6.68058 4.79717 6.36669 4.66662 6.00002 4.66662C5.63335 4.66662 5.31947 4.79717 5.05835 5.05828C4.79724 5.3194 4.66669 5.63328 4.66669 5.99995C4.66669 6.36662 4.79724 6.68051 5.05835 6.94162C5.31947 7.20273 5.63335 7.33328 6.00002 7.33328Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M19.125 15.125C18.9417 14.9417 18.8458 14.7084 18.8375 14.425C18.8292 14.1417 18.9167 13.8834 19.1 13.65C19.6167 13.0167 20.0208 12.3042 20.3125 11.5125C20.6042 10.7209 20.75 9.88338 20.75 9.00005C20.75 8.13338 20.6042 7.30838 20.3125 6.52505C20.0208 5.74172 19.6167 5.03338 19.1 4.40005C18.9167 4.16672 18.825 3.90838 18.825 3.62505C18.825 3.34172 18.925 3.10005 19.125 2.90005C19.3583 2.66672 19.6375 2.55005 19.9625 2.55005C20.2875 2.55005 20.55 2.66672 20.75 2.90005C21.45 3.75005 22 4.69172 22.4 5.72505C22.8 6.75838 23 7.85005 23 9.00005C23 10.15 22.8 11.2417 22.4 12.275C22 13.3084 21.45 14.25 20.75 15.1C20.55 15.3334 20.2875 15.4542 19.9625 15.4625C19.6375 15.4709 19.3583 15.3584 19.125 15.125ZM15.9 11.9C15.7167 11.7167 15.6125 11.4792 15.5875 11.1875C15.5625 10.8959 15.6333 10.6084 15.8 10.325C15.9167 10.125 16.0042 9.91255 16.0625 9.68755C16.1208 9.46255 16.15 9.23338 16.15 9.00005C16.15 8.76672 16.1208 8.53755 16.0625 8.31255C16.0042 8.08755 15.9167 7.87505 15.8 7.67505C15.6333 7.39172 15.5625 7.10422 15.5875 6.81255C15.6125 6.52088 15.7167 6.28338 15.9 6.10005C16.1333 5.86672 16.4167 5.75422 16.75 5.76255C17.0833 5.77088 17.3417 5.90005 17.525 6.15005C17.8083 6.56672 18.0333 7.01255 18.2 7.48755C18.3667 7.96255 18.45 8.46672 18.45 9.00005C18.45 9.53338 18.3667 10.0375 18.2 10.5125C18.0333 10.9875 17.8083 11.4334 17.525 11.85C17.3417 12.1 17.0833 12.2292 16.75 12.2375C16.4167 12.2459 16.1333 12.1334 15.9 11.9ZM9 13C7.9 13 6.95833 12.6084 6.175 11.825C5.39167 11.0417 5 10.1 5 9.00005C5 7.90005 5.39167 6.95838 6.175 6.17505C6.95833 5.39172 7.9 5.00005 9 5.00005C10.1 5.00005 11.0417 5.39172 11.825 6.17505C12.6083 6.95838 13 7.90005 13 9.00005C13 10.1 12.6083 11.0417 11.825 11.825C11.0417 12.6084 10.1 13 9 13ZM2 21C1.71667 21 1.47917 20.9042 1.2875 20.7125C1.09583 20.5209 1 20.2834 1 20V18.2C1 17.65 1.14167 17.1334 1.425 16.65C1.70833 16.1667 2.1 15.8 2.6 15.55C3.45 15.1167 4.40833 14.75 5.475 14.45C6.54167 14.15 7.71667 14 9 14C10.2833 14 11.4583 14.15 12.525 14.45C13.5917 14.75 14.55 15.1167 15.4 15.55C15.9 15.8 16.2917 16.1667 16.575 16.65C16.8583 17.1334 17 17.65 17 18.2V20C17 20.2834 16.9042 20.5209 16.7125 20.7125C16.5208 20.9042 16.2833 21 16 21H2ZM3 19H15V18.2C15 18.0167 14.9542 17.85 14.8625 17.7C14.7708 17.55 14.65 17.4334 14.5 17.35C13.9 17.05 13.1292 16.75 12.1875 16.45C11.2458 16.15 10.1833 16 9 16C7.81667 16 6.75417 16.15 5.8125 16.45C4.87083 16.75 4.1 17.05 3.5 17.35C3.35 17.4334 3.22917 17.55 3.1375 17.7C3.04583 17.85 3 18.0167 3 18.2V19ZM9 11C9.55 11 10.0208 10.8042 10.4125 10.4125C10.8042 10.0209 11 9.55005 11 9.00005C11 8.45005 10.8042 7.97922 10.4125 7.58755C10.0208 7.19588 9.55 7.00005 9 7.00005C8.45 7.00005 7.97917 7.19588 7.5875 7.58755C7.19583 7.97922 7 8.45005 7 9.00005C7 9.55005 7.19583 10.0209 7.5875 10.4125C7.97917 10.8042 8.45 11 9 11Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M22.3125 17.6459C22.0986 17.432 21.9868 17.1598 21.9771 16.8293C21.9673 16.4987 22.0694 16.1973 22.2833 15.9251C22.8861 15.1862 23.3576 14.355 23.6979 13.4313C24.0382 12.5077 24.2083 11.5307 24.2083 10.5001C24.2083 9.48899 24.0382 8.52649 23.6979 7.6126C23.3576 6.69871 22.8861 5.87232 22.2833 5.13343C22.0694 4.86121 21.9625 4.55982 21.9625 4.22926C21.9625 3.89871 22.0792 3.61676 22.3125 3.38343C22.5847 3.11121 22.9104 2.9751 23.2896 2.9751C23.6687 2.9751 23.975 3.11121 24.2083 3.38343C25.025 4.3751 25.6667 5.47371 26.1333 6.67926C26.6 7.88482 26.8333 9.15843 26.8333 10.5001C26.8333 11.8418 26.6 13.1154 26.1333 14.3209C25.6667 15.5265 25.025 16.6251 24.2083 17.6168C23.975 17.889 23.6687 18.03 23.2896 18.0397C22.9104 18.0494 22.5847 17.9182 22.3125 17.6459ZM18.55 13.8834C18.3361 13.6695 18.2146 13.3925 18.1854 13.0522C18.1562 12.7119 18.2389 12.3765 18.4333 12.0459C18.5694 11.8126 18.6715 11.5647 18.7396 11.3022C18.8076 11.0397 18.8417 10.7723 18.8417 10.5001C18.8417 10.2279 18.8076 9.96052 18.7396 9.69802C18.6715 9.43552 18.5694 9.1876 18.4333 8.95426C18.2389 8.62371 18.1562 8.28829 18.1854 7.94801C18.2146 7.60774 18.3361 7.33065 18.55 7.11676C18.8222 6.84454 19.1528 6.71329 19.5417 6.72301C19.9305 6.73274 20.2319 6.88343 20.4458 7.1751C20.7764 7.66121 21.0389 8.18135 21.2333 8.73551C21.4278 9.28968 21.525 9.87788 21.525 10.5001C21.525 11.1223 21.4278 11.7105 21.2333 12.2647C21.0389 12.8188 20.7764 13.339 20.4458 13.8251C20.2319 14.1168 19.9305 14.2675 19.5417 14.2772C19.1528 14.2869 18.8222 14.1557 18.55 13.8834ZM10.5 15.1668C9.21666 15.1668 8.11805 14.7098 7.20416 13.7959C6.29027 12.882 5.83332 11.7834 5.83332 10.5001C5.83332 9.21677 6.29027 8.11815 7.20416 7.20426C8.11805 6.29038 9.21666 5.83343 10.5 5.83343C11.7833 5.83343 12.8819 6.29038 13.7958 7.20426C14.7097 8.11815 15.1667 9.21677 15.1667 10.5001C15.1667 11.7834 14.7097 12.882 13.7958 13.7959C12.8819 14.7098 11.7833 15.1668 10.5 15.1668ZM2.33332 24.5001C2.00277 24.5001 1.72568 24.3883 1.50207 24.1647C1.27846 23.9411 1.16666 23.664 1.16666 23.3334V21.2334C1.16666 20.5918 1.33193 19.989 1.66249 19.4251C1.99305 18.8612 2.44999 18.4334 3.03332 18.1418C4.02499 17.6362 5.14305 17.2084 6.38749 16.8584C7.63193 16.5084 9.00277 16.3334 10.5 16.3334C11.9972 16.3334 13.368 16.5084 14.6125 16.8584C15.8569 17.2084 16.975 17.6362 17.9667 18.1418C18.55 18.4334 19.0069 18.8612 19.3375 19.4251C19.668 19.989 19.8333 20.5918 19.8333 21.2334V23.3334C19.8333 23.664 19.7215 23.9411 19.4979 24.1647C19.2743 24.3883 18.9972 24.5001 18.6667 24.5001H2.33332ZM3.49999 22.1668H17.5V21.2334C17.5 21.0195 17.4465 20.8251 17.3396 20.6501C17.2326 20.4751 17.0917 20.339 16.9167 20.2418C16.2167 19.8918 15.3174 19.5418 14.2187 19.1918C13.1201 18.8418 11.8805 18.6668 10.5 18.6668C9.11943 18.6668 7.87985 18.8418 6.78124 19.1918C5.68263 19.5418 4.78332 19.8918 4.08332 20.2418C3.90832 20.339 3.76735 20.4751 3.66041 20.6501C3.55346 20.8251 3.49999 21.0195 3.49999 21.2334V22.1668ZM10.5 12.8334C11.1417 12.8334 11.691 12.605 12.1479 12.148C12.6049 11.6911 12.8333 11.1418 12.8333 10.5001C12.8333 9.85843 12.6049 9.30913 12.1479 8.85218C11.691 8.39524 11.1417 8.16677 10.5 8.16677C9.85832 8.16677 9.30902 8.39524 8.85207 8.85218C8.39513 9.30913 8.16666 9.85843 8.16666 10.5001C8.16666 11.1418 8.39513 11.6911 8.85207 12.148C9.30902 12.605 9.85832 12.8334 10.5 12.8334Z", 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", { key: '923d96e76d24d25ccf5d34031cb5f35f67209ef6', "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: '68ee2d24ecc343275c78e3d0d41cc080b09962e3' }, index.h("path", { key: 'cfc1a0c7deb111ee94e996b7d4a929494f28e688', d: "M12.75 10.0833C12.6278 9.96106 12.5639 9.80551 12.5584 9.61662C12.5528 9.42773 12.6111 9.25551 12.7334 9.09995C13.0778 8.67773 13.3472 8.20273 13.5417 7.67495C13.7361 7.14717 13.8334 6.58884 13.8334 5.99995C13.8334 5.42217 13.7361 4.87217 13.5417 4.34995C13.3472 3.82773 13.0778 3.35551 12.7334 2.93328C12.6111 2.77773 12.55 2.60551 12.55 2.41662C12.55 2.22773 12.6167 2.06662 12.75 1.93328C12.9056 1.77773 13.0917 1.69995 13.3084 1.69995C13.525 1.69995 13.7 1.77773 13.8334 1.93328C14.3 2.49995 14.6667 3.12773 14.9334 3.81662C15.2 4.50551 15.3334 5.23328 15.3334 5.99995C15.3334 6.76662 15.2 7.4944 14.9334 8.18328C14.6667 8.87217 14.3 9.49995 13.8334 10.0666C13.7 10.2222 13.525 10.3027 13.3084 10.3083C13.0917 10.3138 12.9056 10.2388 12.75 10.0833ZM10.6 7.93328C10.4778 7.81106 10.4084 7.65273 10.3917 7.45828C10.375 7.26384 10.4222 7.07217 10.5334 6.88328C10.6111 6.74995 10.6695 6.60828 10.7084 6.45828C10.7472 6.30828 10.7667 6.15551 10.7667 5.99995C10.7667 5.8444 10.7472 5.69162 10.7084 5.54162C10.6695 5.39162 10.6111 5.24995 10.5334 5.11662C10.4222 4.92773 10.375 4.73606 10.3917 4.54162C10.4084 4.34717 10.4778 4.18884 10.6 4.06662C10.7556 3.91106 10.9445 3.83606 11.1667 3.84162C11.3889 3.84717 11.5611 3.93328 11.6834 4.09995C11.8722 4.37773 12.0222 4.67495 12.1334 4.99162C12.2445 5.30828 12.3 5.6444 12.3 5.99995C12.3 6.35551 12.2445 6.69162 12.1334 7.00828C12.0222 7.32495 11.8722 7.62217 11.6834 7.89995C11.5611 8.06662 11.3889 8.15273 11.1667 8.15828C10.9445 8.16384 10.7556 8.08884 10.6 7.93328ZM6.00002 8.66662C5.26669 8.66662 4.63891 8.40551 4.11669 7.88328C3.59446 7.36106 3.33335 6.73328 3.33335 5.99995C3.33335 5.26662 3.59446 4.63884 4.11669 4.11662C4.63891 3.5944 5.26669 3.33328 6.00002 3.33328C6.73335 3.33328 7.36113 3.5944 7.88335 4.11662C8.40558 4.63884 8.66669 5.26662 8.66669 5.99995C8.66669 6.73328 8.40558 7.36106 7.88335 7.88328C7.36113 8.40551 6.73335 8.66662 6.00002 8.66662ZM1.33335 14C1.14446 14 0.986131 13.9361 0.858354 13.8083C0.730576 13.6805 0.666687 13.5222 0.666687 13.3333V12.1333C0.666687 11.7666 0.761131 11.4222 0.95002 11.1C1.13891 10.7777 1.40002 10.5333 1.73335 10.3666C2.30002 10.0777 2.93891 9.83328 3.65002 9.63328C4.36113 9.43328 5.14446 9.33328 6.00002 9.33328C6.85558 9.33328 7.63891 9.43328 8.35002 9.63328C9.06113 9.83328 9.70002 10.0777 10.2667 10.3666C10.6 10.5333 10.8611 10.7777 11.05 11.1C11.2389 11.4222 11.3334 11.7666 11.3334 12.1333V13.3333C11.3334 13.5222 11.2695 13.6805 11.1417 13.8083C11.0139 13.9361 10.8556 14 10.6667 14H1.33335ZM2.00002 12.6666H10V12.1333C10 12.0111 9.96947 11.9 9.90835 11.8C9.84724 11.7 9.76669 11.6222 9.66669 11.5666C9.26669 11.3666 8.7528 11.1666 8.12502 10.9666C7.49724 10.7666 6.78891 10.6666 6.00002 10.6666C5.21113 10.6666 4.5028 10.7666 3.87502 10.9666C3.24724 11.1666 2.73335 11.3666 2.33335 11.5666C2.23335 11.6222 2.1528 11.7 2.09169 11.8C2.03058 11.9 2.00002 12.0111 2.00002 12.1333V12.6666ZM6.00002 7.33328C6.36669 7.33328 6.68058 7.20273 6.94169 6.94162C7.2028 6.68051 7.33335 6.36662 7.33335 5.99995C7.33335 5.63328 7.2028 5.3194 6.94169 5.05828C6.68058 4.79717 6.36669 4.66662 6.00002 4.66662C5.63335 4.66662 5.31947 4.79717 5.05835 5.05828C4.79724 5.3194 4.66669 5.63328 4.66669 5.99995C4.66669 6.36662 4.79724 6.68051 5.05835 6.94162C5.31947 7.20273 5.63335 7.33328 6.00002 7.33328Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '6a3bca8c3b33dc041cd3155b449f716c1f056ca3' }, index.h("path", { key: 'aa8b07989c20f2816914a7cbbba4606cbb083c90', d: "M19.125 15.125C18.9417 14.9417 18.8458 14.7084 18.8375 14.425C18.8292 14.1417 18.9167 13.8834 19.1 13.65C19.6167 13.0167 20.0208 12.3042 20.3125 11.5125C20.6042 10.7209 20.75 9.88338 20.75 9.00005C20.75 8.13338 20.6042 7.30838 20.3125 6.52505C20.0208 5.74172 19.6167 5.03338 19.1 4.40005C18.9167 4.16672 18.825 3.90838 18.825 3.62505C18.825 3.34172 18.925 3.10005 19.125 2.90005C19.3583 2.66672 19.6375 2.55005 19.9625 2.55005C20.2875 2.55005 20.55 2.66672 20.75 2.90005C21.45 3.75005 22 4.69172 22.4 5.72505C22.8 6.75838 23 7.85005 23 9.00005C23 10.15 22.8 11.2417 22.4 12.275C22 13.3084 21.45 14.25 20.75 15.1C20.55 15.3334 20.2875 15.4542 19.9625 15.4625C19.6375 15.4709 19.3583 15.3584 19.125 15.125ZM15.9 11.9C15.7167 11.7167 15.6125 11.4792 15.5875 11.1875C15.5625 10.8959 15.6333 10.6084 15.8 10.325C15.9167 10.125 16.0042 9.91255 16.0625 9.68755C16.1208 9.46255 16.15 9.23338 16.15 9.00005C16.15 8.76672 16.1208 8.53755 16.0625 8.31255C16.0042 8.08755 15.9167 7.87505 15.8 7.67505C15.6333 7.39172 15.5625 7.10422 15.5875 6.81255C15.6125 6.52088 15.7167 6.28338 15.9 6.10005C16.1333 5.86672 16.4167 5.75422 16.75 5.76255C17.0833 5.77088 17.3417 5.90005 17.525 6.15005C17.8083 6.56672 18.0333 7.01255 18.2 7.48755C18.3667 7.96255 18.45 8.46672 18.45 9.00005C18.45 9.53338 18.3667 10.0375 18.2 10.5125C18.0333 10.9875 17.8083 11.4334 17.525 11.85C17.3417 12.1 17.0833 12.2292 16.75 12.2375C16.4167 12.2459 16.1333 12.1334 15.9 11.9ZM9 13C7.9 13 6.95833 12.6084 6.175 11.825C5.39167 11.0417 5 10.1 5 9.00005C5 7.90005 5.39167 6.95838 6.175 6.17505C6.95833 5.39172 7.9 5.00005 9 5.00005C10.1 5.00005 11.0417 5.39172 11.825 6.17505C12.6083 6.95838 13 7.90005 13 9.00005C13 10.1 12.6083 11.0417 11.825 11.825C11.0417 12.6084 10.1 13 9 13ZM2 21C1.71667 21 1.47917 20.9042 1.2875 20.7125C1.09583 20.5209 1 20.2834 1 20V18.2C1 17.65 1.14167 17.1334 1.425 16.65C1.70833 16.1667 2.1 15.8 2.6 15.55C3.45 15.1167 4.40833 14.75 5.475 14.45C6.54167 14.15 7.71667 14 9 14C10.2833 14 11.4583 14.15 12.525 14.45C13.5917 14.75 14.55 15.1167 15.4 15.55C15.9 15.8 16.2917 16.1667 16.575 16.65C16.8583 17.1334 17 17.65 17 18.2V20C17 20.2834 16.9042 20.5209 16.7125 20.7125C16.5208 20.9042 16.2833 21 16 21H2ZM3 19H15V18.2C15 18.0167 14.9542 17.85 14.8625 17.7C14.7708 17.55 14.65 17.4334 14.5 17.35C13.9 17.05 13.1292 16.75 12.1875 16.45C11.2458 16.15 10.1833 16 9 16C7.81667 16 6.75417 16.15 5.8125 16.45C4.87083 16.75 4.1 17.05 3.5 17.35C3.35 17.4334 3.22917 17.55 3.1375 17.7C3.04583 17.85 3 18.0167 3 18.2V19ZM9 11C9.55 11 10.0208 10.8042 10.4125 10.4125C10.8042 10.0209 11 9.55005 11 9.00005C11 8.45005 10.8042 7.97922 10.4125 7.58755C10.0208 7.19588 9.55 7.00005 9 7.00005C8.45 7.00005 7.97917 7.19588 7.5875 7.58755C7.19583 7.97922 7 8.45005 7 9.00005C7 9.55005 7.19583 10.0209 7.5875 10.4125C7.97917 10.8042 8.45 11 9 11Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '3c132723806abf533c89ff55a2707ea70759262d' }, index.h("path", { key: 'bdd39d16e283aef915625c656da7a5ed7c97069a', d: "M22.3125 17.6459C22.0986 17.432 21.9868 17.1598 21.9771 16.8293C21.9673 16.4987 22.0694 16.1973 22.2833 15.9251C22.8861 15.1862 23.3576 14.355 23.6979 13.4313C24.0382 12.5077 24.2083 11.5307 24.2083 10.5001C24.2083 9.48899 24.0382 8.52649 23.6979 7.6126C23.3576 6.69871 22.8861 5.87232 22.2833 5.13343C22.0694 4.86121 21.9625 4.55982 21.9625 4.22926C21.9625 3.89871 22.0792 3.61676 22.3125 3.38343C22.5847 3.11121 22.9104 2.9751 23.2896 2.9751C23.6687 2.9751 23.975 3.11121 24.2083 3.38343C25.025 4.3751 25.6667 5.47371 26.1333 6.67926C26.6 7.88482 26.8333 9.15843 26.8333 10.5001C26.8333 11.8418 26.6 13.1154 26.1333 14.3209C25.6667 15.5265 25.025 16.6251 24.2083 17.6168C23.975 17.889 23.6687 18.03 23.2896 18.0397C22.9104 18.0494 22.5847 17.9182 22.3125 17.6459ZM18.55 13.8834C18.3361 13.6695 18.2146 13.3925 18.1854 13.0522C18.1562 12.7119 18.2389 12.3765 18.4333 12.0459C18.5694 11.8126 18.6715 11.5647 18.7396 11.3022C18.8076 11.0397 18.8417 10.7723 18.8417 10.5001C18.8417 10.2279 18.8076 9.96052 18.7396 9.69802C18.6715 9.43552 18.5694 9.1876 18.4333 8.95426C18.2389 8.62371 18.1562 8.28829 18.1854 7.94801C18.2146 7.60774 18.3361 7.33065 18.55 7.11676C18.8222 6.84454 19.1528 6.71329 19.5417 6.72301C19.9305 6.73274 20.2319 6.88343 20.4458 7.1751C20.7764 7.66121 21.0389 8.18135 21.2333 8.73551C21.4278 9.28968 21.525 9.87788 21.525 10.5001C21.525 11.1223 21.4278 11.7105 21.2333 12.2647C21.0389 12.8188 20.7764 13.339 20.4458 13.8251C20.2319 14.1168 19.9305 14.2675 19.5417 14.2772C19.1528 14.2869 18.8222 14.1557 18.55 13.8834ZM10.5 15.1668C9.21666 15.1668 8.11805 14.7098 7.20416 13.7959C6.29027 12.882 5.83332 11.7834 5.83332 10.5001C5.83332 9.21677 6.29027 8.11815 7.20416 7.20426C8.11805 6.29038 9.21666 5.83343 10.5 5.83343C11.7833 5.83343 12.8819 6.29038 13.7958 7.20426C14.7097 8.11815 15.1667 9.21677 15.1667 10.5001C15.1667 11.7834 14.7097 12.882 13.7958 13.7959C12.8819 14.7098 11.7833 15.1668 10.5 15.1668ZM2.33332 24.5001C2.00277 24.5001 1.72568 24.3883 1.50207 24.1647C1.27846 23.9411 1.16666 23.664 1.16666 23.3334V21.2334C1.16666 20.5918 1.33193 19.989 1.66249 19.4251C1.99305 18.8612 2.44999 18.4334 3.03332 18.1418C4.02499 17.6362 5.14305 17.2084 6.38749 16.8584C7.63193 16.5084 9.00277 16.3334 10.5 16.3334C11.9972 16.3334 13.368 16.5084 14.6125 16.8584C15.8569 17.2084 16.975 17.6362 17.9667 18.1418C18.55 18.4334 19.0069 18.8612 19.3375 19.4251C19.668 19.989 19.8333 20.5918 19.8333 21.2334V23.3334C19.8333 23.664 19.7215 23.9411 19.4979 24.1647C19.2743 24.3883 18.9972 24.5001 18.6667 24.5001H2.33332ZM3.49999 22.1668H17.5V21.2334C17.5 21.0195 17.4465 20.8251 17.3396 20.6501C17.2326 20.4751 17.0917 20.339 16.9167 20.2418C16.2167 19.8918 15.3174 19.5418 14.2187 19.1918C13.1201 18.8418 11.8805 18.6668 10.5 18.6668C9.11943 18.6668 7.87985 18.8418 6.78124 19.1918C5.68263 19.5418 4.78332 19.8918 4.08332 20.2418C3.90832 20.339 3.76735 20.4751 3.66041 20.6501C3.55346 20.8251 3.49999 21.0195 3.49999 21.2334V22.1668ZM10.5 12.8334C11.1417 12.8334 11.691 12.605 12.1479 12.148C12.6049 11.6911 12.8333 11.1418 12.8333 10.5001C12.8333 9.85843 12.6049 9.30913 12.1479 8.85218C11.691 8.39524 11.1417 8.16677 10.5 8.16677C9.85832 8.16677 9.30902 8.39524 8.85207 8.85218C8.39513 9.30913 8.16666 9.85843 8.16666 10.5001C8.16666 11.1418 8.39513 11.6911 8.85207 12.148C9.30902 12.605 9.85832 12.8334 10.5 12.8334Z", fill: "currentColor" })))));
+    }
 };
-SwirlIconVoice.style = swirlIconCss;
+SwirlIconVoice.style = SwirlIconVoiceStyle0;
 
 exports.swirl_icon_voice = SwirlIconVoice;

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

@@ -2,26 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1de6abbd.js');
-const index$1 = require('./index-2ddd0598.js');
+const index = require('./index-2ab5d772.js');
+const index$1 = require('./index-9f94303c.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const SwirlIconWorkStyle0 = swirlIconCss;
 
 const SwirlIconWork = 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", { "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.66668 14.0002C2.30001 14.0002 1.98612 13.8696 1.72501 13.6085C1.4639 13.3474 1.33334 13.0335 1.33334 12.6668V5.3335C1.33334 4.96683 1.4639 4.65294 1.72501 4.39183C1.98612 4.13072 2.30001 4.00016 2.66668 4.00016H5.33334V2.66683C5.33334 2.30016 5.4639 1.98627 5.72501 1.72516C5.98612 1.46405 6.30001 1.3335 6.66668 1.3335H9.33334C9.70001 1.3335 10.0139 1.46405 10.275 1.72516C10.5361 1.98627 10.6667 2.30016 10.6667 2.66683V4.00016H13.3333C13.7 4.00016 14.0139 4.13072 14.275 4.39183C14.5361 4.65294 14.6667 4.96683 14.6667 5.3335V12.6668C14.6667 13.0335 14.5361 13.3474 14.275 13.6085C14.0139 13.8696 13.7 14.0002 13.3333 14.0002H2.66668ZM2.66668 12.6668H13.3333V5.3335H2.66668V12.6668ZM6.66668 4.00016H9.33334V2.66683H6.66668V4.00016Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M4 21C3.45 21 2.97917 20.8042 2.5875 20.4125C2.19583 20.0208 2 19.55 2 19V8C2 7.45 2.19583 6.97917 2.5875 6.5875C2.97917 6.19583 3.45 6 4 6H8V4C8 3.45 8.19583 2.97917 8.5875 2.5875C8.97917 2.19583 9.45 2 10 2H14C14.55 2 15.0208 2.19583 15.4125 2.5875C15.8042 2.97917 16 3.45 16 4V6H20C20.55 6 21.0208 6.19583 21.4125 6.5875C21.8042 6.97917 22 7.45 22 8V19C22 19.55 21.8042 20.0208 21.4125 20.4125C21.0208 20.8042 20.55 21 20 21H4ZM4 19H20V8H4V19ZM10 6H14V4H10V6Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M4.66668 24.5002C4.02501 24.5002 3.4757 24.2717 3.01876 23.8147C2.56182 23.3578 2.33334 22.8085 2.33334 22.1668V9.3335C2.33334 8.69183 2.56182 8.14252 3.01876 7.68558C3.4757 7.22863 4.02501 7.00016 4.66668 7.00016H9.33334V4.66683C9.33334 4.02516 9.56182 3.47586 10.0188 3.01891C10.4757 2.56197 11.025 2.3335 11.6667 2.3335H16.3333C16.975 2.3335 17.5243 2.56197 17.9813 3.01891C18.4382 3.47586 18.6667 4.02516 18.6667 4.66683V7.00016H23.3333C23.975 7.00016 24.5243 7.22863 24.9813 7.68558C25.4382 8.14252 25.6667 8.69183 25.6667 9.3335V22.1668C25.6667 22.8085 25.4382 23.3578 24.9813 23.8147C24.5243 24.2717 23.975 24.5002 23.3333 24.5002H4.66668ZM4.66668 22.1668H23.3333V9.3335H4.66668V22.1668ZM11.6667 7.00016H16.3333V4.66683H11.6667V7.00016Z", 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", { key: '225cb957d01eb6f52073ab334f2a58cb634433f1', "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: '2da813ce843ba7c333946cbb773fde5f204671e0' }, index.h("path", { key: '86b77f6d847b220370681dbfcb89dc8d5eb8e861', d: "M2.66668 14.0002C2.30001 14.0002 1.98612 13.8696 1.72501 13.6085C1.4639 13.3474 1.33334 13.0335 1.33334 12.6668V5.3335C1.33334 4.96683 1.4639 4.65294 1.72501 4.39183C1.98612 4.13072 2.30001 4.00016 2.66668 4.00016H5.33334V2.66683C5.33334 2.30016 5.4639 1.98627 5.72501 1.72516C5.98612 1.46405 6.30001 1.3335 6.66668 1.3335H9.33334C9.70001 1.3335 10.0139 1.46405 10.275 1.72516C10.5361 1.98627 10.6667 2.30016 10.6667 2.66683V4.00016H13.3333C13.7 4.00016 14.0139 4.13072 14.275 4.39183C14.5361 4.65294 14.6667 4.96683 14.6667 5.3335V12.6668C14.6667 13.0335 14.5361 13.3474 14.275 13.6085C14.0139 13.8696 13.7 14.0002 13.3333 14.0002H2.66668ZM2.66668 12.6668H13.3333V5.3335H2.66668V12.6668ZM6.66668 4.00016H9.33334V2.66683H6.66668V4.00016Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: 'dbec8e87f3e5651054dbda55ca892f2bf8247303' }, index.h("path", { key: '2cdf97c0b3297be1fceb4c8ad68b25e382ee02a3', d: "M4 21C3.45 21 2.97917 20.8042 2.5875 20.4125C2.19583 20.0208 2 19.55 2 19V8C2 7.45 2.19583 6.97917 2.5875 6.5875C2.97917 6.19583 3.45 6 4 6H8V4C8 3.45 8.19583 2.97917 8.5875 2.5875C8.97917 2.19583 9.45 2 10 2H14C14.55 2 15.0208 2.19583 15.4125 2.5875C15.8042 2.97917 16 3.45 16 4V6H20C20.55 6 21.0208 6.19583 21.4125 6.5875C21.8042 6.97917 22 7.45 22 8V19C22 19.55 21.8042 20.0208 21.4125 20.4125C21.0208 20.8042 20.55 21 20 21H4ZM4 19H20V8H4V19ZM10 6H14V4H10V6Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '504b51f6f3c84573fc08bac2c9d78b5b8c3620b8' }, index.h("path", { key: 'f4d429ffd0aa5003b904e202f9ce7ad33643d181', d: "M4.66668 24.5002C4.02501 24.5002 3.4757 24.2717 3.01876 23.8147C2.56182 23.3578 2.33334 22.8085 2.33334 22.1668V9.3335C2.33334 8.69183 2.56182 8.14252 3.01876 7.68558C3.4757 7.22863 4.02501 7.00016 4.66668 7.00016H9.33334V4.66683C9.33334 4.02516 9.56182 3.47586 10.0188 3.01891C10.4757 2.56197 11.025 2.3335 11.6667 2.3335H16.3333C16.975 2.3335 17.5243 2.56197 17.9813 3.01891C18.4382 3.47586 18.6667 4.02516 18.6667 4.66683V7.00016H23.3333C23.975 7.00016 24.5243 7.22863 24.9813 7.68558C25.4382 8.14252 25.6667 8.69183 25.6667 9.3335V22.1668C25.6667 22.8085 25.4382 23.3578 24.9813 23.8147C24.5243 24.2717 23.975 24.5002 23.3333 24.5002H4.66668ZM4.66668 22.1668H23.3333V9.3335H4.66668V22.1668ZM11.6667 7.00016H16.3333V4.66683H11.6667V7.00016Z", fill: "currentColor" })))));
+    }
 };
-SwirlIconWork.style = swirlIconCss;
+SwirlIconWork.style = SwirlIconWorkStyle0;
 
 exports.swirl_icon_work = SwirlIconWork;

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

@@ -2,22 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1de6abbd.js');
+const index = require('./index-2ab5d772.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const SwirlIconStyle0 = swirlIconCss;
 
 const SwirlIcon = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.color = undefined;
-    this.glyph = undefined;
-    this.size = 24;
-  }
-  render() {
-    const Tag = `swirl-icon-${this.glyph}`;
-    return (index.h(index.Host, null, index.h(Tag, { color: this.color, size: this.size })));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.color = undefined;
+        this.glyph = undefined;
+        this.size = 24;
+    }
+    render() {
+        const Tag = `swirl-icon-${this.glyph}`;
+        return (index.h(index.Host, { key: 'd8cc83c5f247888714f245fd73dc4254afe2b4c7' }, index.h(Tag, { key: '0d3dedb746e55fcc3156db832e0a0b733190ee26', color: this.color, size: this.size })));
+    }
 };
-SwirlIcon.style = swirlIconCss;
+SwirlIcon.style = SwirlIconStyle0;
 
 exports.swirl_icon = SwirlIcon;

package/dist/cjs/swirl-image-grid-item.cjs.entry.js

@@ -2,82 +2,83 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1de6abbd.js');
-const index$1 = require('./index-2ddd0598.js');
+const index = require('./index-2ab5d772.js');
+const index$1 = require('./index-9f94303c.js');
 
 const swirlImageGridItemCss = ":host{display:block;width:100%;min-height:0}:host *{box-sizing:border-box}:host(:not(:only-child)) .image-grid-item__background{display:none}:host(:not(:only-child)) .image-grid-item__image{-o-object-fit:cover;object-fit:cover}:host(:nth-child(n+5)){display:none}.image-grid-item{position:relative;display:inline-flex;overflow:hidden;width:100%;height:100%}button.image-grid-item{padding:0;border:none;background-color:transparent;cursor:pointer}button.image-grid-item:focus:not(:focus-visible){outline:none}button.image-grid-item:focus-visible{z-index:1;outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.image-grid-item--has-error .image-grid-item__image{display:none}.image-grid-item--has-overlay .image-grid-item__image{scale:1.1;filter:blur(5px)}.image-grid-item__background{position:absolute;background-size:cover;inset:-40px;filter:blur(20px)}.image-grid-item__image{z-index:1;display:inline-flex;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.image-grid-item__loading-placeholder{display:inline-flex;width:100%;height:100%}.image-grid-item__icon{position:absolute;z-index:1;top:50%;left:50%;display:flex;width:3rem;height:3rem;justify-content:center;align-items:center;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);transform:translate3d(-50%, -50%, 0)}.image-grid-item__icon ::part(icon){width:2rem;height:2rem}.image-grid-item__overlay{position:absolute;z-index:2;display:flex;justify-content:center;align-items:center;color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.4);font-size:var(--s-font-size-2xl);inset:0}.image-grid-item__spinner{position:absolute;z-index:3;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.4);inset:0}.image-grid-item__error{position:absolute;z-index:3;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.1);inset:0}";
+const SwirlImageGridItemStyle0 = swirlImageGridItemCss;
 
 const SwirlImageGridItem = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.imageError = index.createEvent(this, "imageError", 7);
-    this.imageLoad = index.createEvent(this, "imageLoad", 7);
-    this.onLoad = () => {
-      this.error = false;
-      this.loaded = true;
-      this.imageLoad.emit();
-    };
-    this.onError = () => {
-      this.loaded = true;
-      this.error = true;
-      this.imageError.emit();
-    };
-    this.alt = undefined;
-    this.icon = undefined;
-    this.interactive = undefined;
-    this.loading = undefined;
-    this.overlay = undefined;
-    this.src = undefined;
-    this.error = false;
-    this.loaded = false;
-    this.inViewport = false;
-  }
-  componentDidLoad() {
-    this.setupIntersectionObserver();
-    if (this.img?.complete) {
-      this.loaded = true;
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.imageError = index.createEvent(this, "imageError", 7);
+        this.imageLoad = index.createEvent(this, "imageLoad", 7);
+        this.onLoad = () => {
+            this.error = false;
+            this.loaded = true;
+            this.imageLoad.emit();
+        };
+        this.onError = () => {
+            this.loaded = true;
+            this.error = true;
+            this.imageError.emit();
+        };
+        this.alt = undefined;
+        this.icon = undefined;
+        this.interactive = undefined;
+        this.loading = undefined;
+        this.overlay = undefined;
+        this.src = undefined;
+        this.error = false;
+        this.loaded = false;
+        this.inViewport = false;
     }
-  }
-  componentDidRender() {
-    if (this.img?.complete && !this.loaded) {
-      this.loaded = true;
+    componentDidLoad() {
+        this.setupIntersectionObserver();
+        if (this.img?.complete) {
+            this.loaded = true;
+        }
     }
-  }
-  disconnectedCallback() {
-    this.intersectionObserver?.disconnect();
-  }
-  setupIntersectionObserver() {
-    if (this.loading !== "intersecting") {
-      return;
+    componentDidRender() {
+        if (this.img?.complete && !this.loaded) {
+            this.loaded = true;
+        }
     }
-    this.intersectionObserver = new IntersectionObserver(this.onVisibilityChange.bind(this), {
-      threshold: 0,
-    });
-    this.intersectionObserver.observe(this.el);
-  }
-  onVisibilityChange(entries) {
-    this.inViewport = entries.some((entry) => entry.isIntersecting);
-  }
-  render() {
-    const Tag = this.interactive ? "button" : "div";
-    const showBlurredBackground = !Boolean(this.loading) ||
-      this.loading === "eager" ||
-      (this.loaded && (this.loading !== "intersecting" || this.inViewport));
-    const className = index$1.classnames("image-grid-item", {
-      "image-grid-item--has-error": this.error,
-      "image-grid-item--has-overlay": this.overlay,
-    });
-    return (index.h(index.Host, { role: "listitem" }, index.h(Tag, { class: className, type: this.interactive ? "button" : undefined }, index.h("div", { class: "image-grid-item__background", style: {
-        backgroundImage: showBlurredBackground
-          ? `url(${this.src})`
-          : undefined,
-      } }), this.loading !== "intersecting" || this.inViewport ? (index.h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, onError: this.onError, onLoad: this.onLoad, ref: (el) => (this.img = el), src: this.src })) : (index.h("div", { class: "image-grid-item__loading-placeholder" })), this.loaded &&
-      !this.error &&
-      this.icon &&
-      !Boolean(this.overlay) && (index.h("div", { class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (index.h("div", { class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (index.h("div", { class: "image-grid-item__spinner" }, index.h("swirl-spinner", null))), this.loaded && this.error && (index.h("div", { class: "image-grid-item__error" }, index.h("swirl-icon-error", { color: "critical" }))))));
-  }
-  get el() { return index.getElement(this); }
+    disconnectedCallback() {
+        this.intersectionObserver?.disconnect();
+    }
+    setupIntersectionObserver() {
+        if (this.loading !== "intersecting") {
+            return;
+        }
+        this.intersectionObserver = new IntersectionObserver(this.onVisibilityChange.bind(this), {
+            threshold: 0,
+        });
+        this.intersectionObserver.observe(this.el);
+    }
+    onVisibilityChange(entries) {
+        this.inViewport = entries.some((entry) => entry.isIntersecting);
+    }
+    render() {
+        const Tag = this.interactive ? "button" : "div";
+        const showBlurredBackground = !Boolean(this.loading) ||
+            this.loading === "eager" ||
+            (this.loaded && (this.loading !== "intersecting" || this.inViewport));
+        const className = index$1.classnames("image-grid-item", {
+            "image-grid-item--has-error": this.error,
+            "image-grid-item--has-overlay": this.overlay,
+        });
+        return (index.h(index.Host, { key: 'c4968c202407e41281be8902071ad14a4747eeb4', role: "listitem" }, index.h(Tag, { key: '6ec6b4ef6c419ab73b5d42a46c8b5a1886326702', class: className, type: this.interactive ? "button" : undefined }, index.h("div", { key: '53d6fe626407eb5c05dbee78fd5f6728564ddbfd', class: "image-grid-item__background", style: {
+                backgroundImage: showBlurredBackground
+                    ? `url(${this.src})`
+                    : undefined,
+            } }), this.loading !== "intersecting" || this.inViewport ? (index.h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, onError: this.onError, onLoad: this.onLoad, ref: (el) => (this.img = el), src: this.src })) : (index.h("div", { class: "image-grid-item__loading-placeholder" })), this.loaded &&
+            !this.error &&
+            this.icon &&
+            !Boolean(this.overlay) && (index.h("div", { key: '3e3abef93d37e12bdc89f7842d1cf3eb90813940', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (index.h("div", { key: '41698eeb8b5fe9bc0c629744c74181f3410dbf05', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (index.h("div", { key: 'c4865fa55230e676226d53f1b108ace9debdc821', class: "image-grid-item__spinner" }, index.h("swirl-spinner", { key: 'e105f334c824af4cbbcd98b331668fb3cc4f2f04' }))), this.loaded && this.error && (index.h("div", { key: 'b132f19cc9ced0546258bc906baffbd40d6a63b6', class: "image-grid-item__error" }, index.h("swirl-icon-error", { key: '22dee643b064947da11c2cd6ee8af6b513b75a58', color: "critical" }))))));
+    }
+    get el() { return index.getElement(this); }
 };
-SwirlImageGridItem.style = swirlImageGridItemCss;
+SwirlImageGridItem.style = SwirlImageGridItemStyle0;
 
 exports.swirl_image_grid_item = SwirlImageGridItem;

package/dist/cjs/swirl-image-grid.cjs.entry.js

@@ -2,33 +2,34 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1de6abbd.js');
-const index$1 = require('./index-2ddd0598.js');
+const index = require('./index-2ab5d772.js');
+const index$1 = require('./index-9f94303c.js');
 
 const swirlImageGridCss = ":host{display:block}:host *{box-sizing:border-box}.image-grid{display:grid;overflow:hidden;width:100%;min-height:0;border-radius:var(--s-border-radius-sm);gap:var(--s-space-2)}.image-grid--item-count-1{grid-template-columns:100%;grid-template-rows:100%}.image-grid--item-count-2{grid-template-columns:repeat(2, 50%)}.image-grid--item-count-3{grid-template-columns:calc(100% / 3 * 2) calc(100% / 3)}.image-grid--item-count-3 ::slotted(*:nth-child(1)){grid-column-start:1;grid-row-start:1;grid-row-end:3}.image-grid--item-count-3 ::slotted(*:nth-child(3)){grid-column-start:2}.image-grid--item-count-4{grid-template-columns:repeat(2, 50%);grid-template-rows:repeat(2, 50%)}";
+const SwirlImageGridStyle0 = swirlImageGridCss;
 
 const SwirlImageGrid = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.updateItems = () => {
-      this.items = Array.from(this.el.children);
-      if (this.items.length > 4) {
-        this.items[3].overlay = `+${this.items.length - 4}`;
-      }
-    };
-    this.aspectRatio = "1/1";
-    this.label = undefined;
-    this.items = [];
-  }
-  componentWillLoad() {
-    this.updateItems();
-  }
-  render() {
-    const className = index$1.classnames("image-grid", `image-grid--item-count-${Math.min(4, this.items.length)}`);
-    return (index.h(index.Host, null, index.h("div", { "aria-label": this.label, class: className, role: "list", style: { aspectRatio: this.aspectRatio } }, index.h("slot", { onSlotchange: this.updateItems }))));
-  }
-  get el() { return index.getElement(this); }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.updateItems = () => {
+            this.items = Array.from(this.el.children);
+            if (this.items.length > 4) {
+                this.items[3].overlay = `+${this.items.length - 4}`;
+            }
+        };
+        this.aspectRatio = "1/1";
+        this.label = undefined;
+        this.items = [];
+    }
+    componentWillLoad() {
+        this.updateItems();
+    }
+    render() {
+        const className = index$1.classnames("image-grid", `image-grid--item-count-${Math.min(4, this.items.length)}`);
+        return (index.h(index.Host, { key: '3d70a2b1ff68e2350261b1c2421d3ecf2aaec715' }, index.h("div", { key: 'c6cfa35733b046c0653dd4ece4b4c31957bacd24', "aria-label": this.label, class: className, role: "list", style: { aspectRatio: this.aspectRatio } }, index.h("slot", { key: '7b2d484ea8277e107a6fe1fe33ab7480d74cfbb8', onSlotchange: this.updateItems }))));
+    }
+    get el() { return index.getElement(this); }
 };
-SwirlImageGrid.style = swirlImageGridCss;
+SwirlImageGrid.style = SwirlImageGridStyle0;
 
 exports.swirl_image_grid = SwirlImageGrid;

package/dist/cjs/swirl-inline-notification.cjs.entry.js

@@ -2,23 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1de6abbd.js');
-const index$1 = require('./index-2ddd0598.js');
+const index = require('./index-2ab5d772.js');
+const index$1 = require('./index-9f94303c.js');
 
 const swirlInlineNotificationCss = ":host{display:block}:host *{box-sizing:border-box}.inline-notification{display:flex;max-width:100%;padding:var(--s-space-12);border-radius:var(--s-border-radius-sm);gap:var(--s-space-8)}@media (min-width: 768px){.inline-notification{padding:var(--s-space-16)}}.inline-notification--intent-info{background-color:var(--s-surface-info-subdued)}.inline-notification--intent-info .inline-notification__icon{color:var(--s-icon-info)}.inline-notification--intent-critical{background-color:var(--s-surface-critical-subdued)}.inline-notification--intent-critical .inline-notification__icon{color:var(--s-icon-critical)}.inline-notification--intent-warning{background-color:var(--s-surface-warning-subdued)}.inline-notification--intent-warning .inline-notification__icon{color:var(--s-icon-warning)}.inline-notification--intent-success{background-color:var(--s-surface-success-subdued)}.inline-notification--intent-success .inline-notification__icon{color:var(--s-icon-success)}.inline-notification__icon{display:inline-flex;flex-shrink:0}.inline-notification__content{position:relative;top:0.0625rem;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}";
+const SwirlInlineNotificationStyle0 = swirlInlineNotificationCss;
 
 const SwirlInlineNotification = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.heading = undefined;
-    this.importance = "status";
-    this.intent = "info";
-  }
-  render() {
-    const className = index$1.classnames("inline-notification", `inline-notification--intent-${this.intent}`);
-    return (index.h(index.Host, null, index.h("div", { "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, index.h("span", { "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (index.h("swirl-icon-error", { size: 20 })), this.intent === "success" && (index.h("swirl-icon-check-circle", { size: 20 })), this.intent === "warning" && (index.h("swirl-icon-warning", { size: 20 })), this.intent === "info" && (index.h("swirl-icon-info", { size: 20 }))), index.h("span", { class: "inline-notification__content", id: "content" }, index.h("swirl-text", { class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading), index.h("slot", null)))));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.heading = undefined;
+        this.importance = "status";
+        this.intent = "info";
+    }
+    render() {
+        const className = index$1.classnames("inline-notification", `inline-notification--intent-${this.intent}`);
+        return (index.h(index.Host, { key: '8408d68742840129a9f0901554c773b30298ea02' }, index.h("div", { key: '1497c00610e0bf230c285a636d54534b4b5c23da', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, index.h("span", { key: '28e0ab5da0ffbf99aea9b1f02c2c33cfb4c86d22', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (index.h("swirl-icon-error", { key: 'd510a098fed2f16962588651a033e20f148c8de3', size: 20 })), this.intent === "success" && (index.h("swirl-icon-check-circle", { key: '60537b0b01f875f143cc500ac7dc0ff60b89a8c9', size: 20 })), this.intent === "warning" && (index.h("swirl-icon-warning", { key: 'b87aeedd18d5af51d0beda5f90c3b0a359bb6ea2', size: 20 })), this.intent === "info" && (index.h("swirl-icon-info", { key: '209d8046fb59ae486eef4aca49079a1cff6cedc5', size: 20 }))), index.h("span", { key: '13cae5bc2f3e77ab96c0293dbc735e28a7b59e7c', class: "inline-notification__content", id: "content" }, index.h("swirl-text", { key: 'b9b67394360aef93e226e13c2255b0e2aa444cc9', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading), index.h("slot", { key: 'd9e0a5d1ae5b8220e347a6a5cfbeacd1f525ac9d' })))));
+    }
 };
-SwirlInlineNotification.style = swirlInlineNotificationCss;
+SwirlInlineNotification.style = SwirlInlineNotificationStyle0;
 
 exports.swirl_inline_notification = SwirlInlineNotification;

package/dist/cjs/swirl-inline-status.cjs.entry.js

@@ -2,54 +2,55 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1de6abbd.js');
-const index$1 = require('./index-2ddd0598.js');
-const utils = require('./utils-459fb5e9.js');
+const index = require('./index-2ab5d772.js');
+const index$1 = require('./index-9f94303c.js');
+const utils = require('./utils-fc5855ec.js');
 
 const swirlInlineStatusCss = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-status{display:inline-flex;color:var(--s-text-default);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.inline-status--size-s{font-size:var(--s-font-size-sm)}.inline-status--size-s .inline-status__icon{width:1rem;height:1rem;margin-top:0.125rem}.inline-status--size-s .inline-status__message{padding-top:0}.inline-status--intent-critical{color:var(--s-text-critical)}.inline-status--intent-critical .inline-status__icon{color:var(--s-icon-critical)}.inline-status--intent-info{color:var(--s-text-info)}.inline-status--intent-info .inline-status__icon{color:var(--s-icon-info)}.inline-status--intent-success{color:var(--s-text-success)}.inline-status--intent-success .inline-status__icon{color:var(--s-icon-success)}.inline-status--intent-warning{color:var(--s-text-warning)}.inline-status--intent-warning .inline-status__icon{color:var(--s-icon-warning)}.inline-status__icon{display:inline-flex;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);color:var(--s-icon-default);align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__icon{width:1.25rem;height:1.25rem}}.inline-status__message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__message{padding-top:0}}";
+const SwirlInlineStatusStyle0 = swirlInlineStatusCss;
 
 const SwirlInlineStatus = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.desktopMediaQuery = utils.getDesktopMediaQuery();
-    this.desktopMediaQueryHandler = (event) => {
-      this.forceIconProps(event.matches);
-    };
-    this.icon = undefined;
-    this.intent = undefined;
-    this.message = undefined;
-    this.size = "m";
-    this.iconSize = 20;
-  }
-  componentDidLoad() {
-    this.forceIconProps(this.desktopMediaQuery.matches);
-    this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
-  }
-  disconnectedCallback() {
-    this.desktopMediaQuery.removeEventListener?.("change", this.desktopMediaQueryHandler);
-  }
-  forceIconProps(smallIcon) {
-    if (!Boolean(this.iconEl)) {
-      return;
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.desktopMediaQuery = utils.getDesktopMediaQuery();
+        this.desktopMediaQueryHandler = (event) => {
+            this.forceIconProps(event.matches);
+        };
+        this.icon = undefined;
+        this.intent = undefined;
+        this.message = undefined;
+        this.size = "m";
+        this.iconSize = 20;
     }
-    const icon = this.iconEl.children[0];
-    if (!Boolean(icon)) {
-      return;
+    componentDidLoad() {
+        this.forceIconProps(this.desktopMediaQuery.matches);
+        this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
     }
-    let iconSize = "24";
-    if (this.size === "s") {
-      iconSize = "16";
+    disconnectedCallback() {
+        this.desktopMediaQuery.removeEventListener?.("change", this.desktopMediaQueryHandler);
     }
-    else if (smallIcon) {
-      iconSize = "20";
+    forceIconProps(smallIcon) {
+        if (!Boolean(this.iconEl)) {
+            return;
+        }
+        const icon = this.iconEl.children[0];
+        if (!Boolean(icon)) {
+            return;
+        }
+        let iconSize = "24";
+        if (this.size === "s") {
+            iconSize = "16";
+        }
+        else if (smallIcon) {
+            iconSize = "20";
+        }
+        icon.setAttribute("size", iconSize);
+    }
+    render() {
+        const className = index$1.classnames("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
+        return (index.h(index.Host, { key: '6f9f83b9aa29d7c0e3a11e0c09d41f0e9818813a' }, index.h("span", { key: 'ff5d3efb20f984f9e480de13ad6b865b06dac9c3', class: className, part: "inline-status" }, this.icon && (index.h("span", { key: '911613a1ee3af2907c904f4106924dd5709bdb63', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '8d6d3bf96d3d8556ef6b99bbca3c895a80865c6e', class: "inline-status__message" }, this.message))));
     }
-    icon.setAttribute("size", iconSize);
-  }
-  render() {
-    const className = index$1.classnames("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
-    return (index.h(index.Host, null, index.h("span", { class: className, part: "inline-status" }, this.icon && (index.h("span", { class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { class: "inline-status__message" }, this.message))));
-  }
 };
-SwirlInlineStatus.style = swirlInlineStatusCss;
+SwirlInlineStatus.style = SwirlInlineStatusStyle0;
 
 exports.swirl_inline_status = SwirlInlineStatus;