@getflip/swirl-components 0.0.0-new-shell-20231128124118

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

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-506fe4ea.js');
+const index$1 = require('./index-2ddd0598.js');
+
+const swirlIconCss$2 = ":host{display:inline-flex}";
+
+const SwirlIconArrowBack = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.h("svg", { class: className, fill: "none", height: this.size, part: "icon", 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: "M9.50758 13.1114L4.83311 8.45076C4.77762 8.38603 4.73601 8.31668 4.70827 8.2427C4.68053 8.16872 4.66666 8.09012 4.66666 8.00689C4.66666 7.92367 4.68053 7.84507 4.70827 7.77109C4.73601 7.69711 4.77762 7.62776 4.83311 7.56303L9.50758 2.88856C9.65553 2.7406 9.83826 2.66663 10.0558 2.66663C10.2729 2.66663 10.4554 2.74523 10.6034 2.90243C10.7606 3.05039 10.8392 3.2283 10.8392 3.43618C10.8392 3.64443 10.7606 3.82715 10.6034 3.98435L6.58083 8.00689L10.6034 12.0294C10.7513 12.1774 10.8253 12.3553 10.8253 12.5632C10.8253 12.7714 10.7467 12.9542 10.5895 13.1114C10.4415 13.2593 10.2634 13.3333 10.0552 13.3333C9.84732 13.3333 9.66478 13.2593 9.50758 13.1114V13.1114Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M14.2614 19.6671L7.24967 12.6762C7.16645 12.5791 7.10403 12.4751 7.06242 12.3641C7.02081 12.2531 7 12.1352 7 12.0104C7 11.8856 7.02081 11.7677 7.06242 11.6567C7.10403 11.5457 7.16645 11.4417 7.24967 11.3446L14.2614 4.3329C14.4833 4.11097 14.7574 4 15.0836 4C15.4093 4 15.6831 4.1179 15.9051 4.35371C16.1409 4.57564 16.2588 4.84251 16.2588 5.15433C16.2588 5.4667 16.1409 5.74079 15.9051 5.97659L9.87126 12.0104L15.9051 18.0442C16.127 18.2661 16.238 18.533 16.238 18.8448C16.238 19.1572 16.1201 19.4313 15.8843 19.6671C15.6623 19.889 15.3952 20 15.0828 20C14.771 20 14.4972 19.889 14.2614 19.6671Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M16.6383 22.9449L8.45794 14.7889C8.36085 14.6756 8.28803 14.5542 8.23948 14.4248C8.19093 14.2953 8.16666 14.1577 8.16666 14.0121C8.16666 13.8665 8.19093 13.7289 8.23948 13.5994C8.28803 13.47 8.36085 13.3486 8.45794 13.2353L16.6383 5.05501C16.8972 4.79609 17.217 4.66663 17.5976 4.66663C17.9775 4.66663 18.297 4.80418 18.5559 5.07928C18.831 5.33821 18.9686 5.64956 18.9686 6.01334C18.9686 6.37778 18.831 6.69755 18.5559 6.97265L11.5165 14.0121L18.5559 21.0515C18.8148 21.3105 18.9443 21.6218 18.9443 21.9856C18.9443 22.35 18.8067 22.6698 18.5316 22.9449C18.2727 23.2038 17.961 23.3333 17.5966 23.3333C17.2328 23.3333 16.9134 23.2038 16.6383 22.9449V22.9449Z", fill: "currentColor" })))));
+  }
+};
+SwirlIconArrowBack.style = swirlIconCss$2;
+
+const swirlIconCss$1 = ":host{display:inline-flex}";
+
+const SwirlIconArrowForward = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.h("svg", { class: className, fill: "none", height: this.size, part: "icon", 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.4916 13.1114L11.1661 8.45076C11.2216 8.38603 11.2632 8.31668 11.2909 8.2427C11.3187 8.16872 11.3325 8.09012 11.3325 8.00689C11.3325 7.92367 11.3187 7.84507 11.2909 7.77109C11.2632 7.69711 11.2216 7.62776 11.1661 7.56303L6.4916 2.88856C6.34365 2.7406 6.16092 2.66663 5.94343 2.66663C5.7263 2.66663 5.54376 2.74523 5.39581 2.90243C5.2386 3.05039 5.16 3.2283 5.16 3.43618C5.16 3.64443 5.2386 3.82715 5.39581 3.98435L9.41835 8.00689L5.39581 12.0294C5.24785 12.1774 5.17387 12.3553 5.17387 12.5632C5.17387 12.7714 5.25248 12.9542 5.40968 13.1114C5.55763 13.2593 5.73574 13.3333 5.94398 13.3333C6.15186 13.3333 6.3344 13.2593 6.4916 13.1114Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M9.73739 19.6671L16.7491 12.6762C16.8323 12.5791 16.8947 12.4751 16.9363 12.3641C16.978 12.2531 16.9988 12.1352 16.9988 12.0104C16.9988 11.8856 16.978 11.7677 16.9363 11.6567C16.8947 11.5457 16.8323 11.4417 16.7491 11.3446L9.73739 4.3329C9.51546 4.11097 9.24137 4 8.91513 4C8.58944 4 8.31563 4.1179 8.0937 4.35371C7.85789 4.57564 7.73999 4.84251 7.73999 5.15433C7.73999 5.4667 7.85789 5.74079 8.0937 5.97659L14.1275 12.0104L8.0937 18.0442C7.87176 18.2661 7.7608 18.533 7.7608 18.8448C7.7608 19.1572 7.8787 19.4313 8.1145 19.6671C8.33643 19.889 8.60359 20 8.91596 20C9.22778 20 9.50159 19.889 9.73739 19.6671Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M11.3603 22.9449L19.5406 14.7889C19.6377 14.6756 19.7105 14.5542 19.7591 14.4248C19.8076 14.2953 19.8319 14.1577 19.8319 14.0121C19.8319 13.8665 19.8076 13.7289 19.7591 13.5994C19.7105 13.47 19.6377 13.3486 19.5406 13.2353L11.3603 5.05501C11.1014 4.79609 10.7816 4.66663 10.401 4.66663C10.021 4.66663 9.70158 4.80418 9.44266 5.07928C9.16755 5.33821 9.03 5.64956 9.03 6.01334C9.03 6.37778 9.16755 6.69755 9.44266 6.97265L16.4821 14.0121L9.44266 21.0515C9.18373 21.3105 9.05427 21.6218 9.05427 21.9856C9.05427 22.35 9.19182 22.6698 9.46693 22.9449C9.72585 23.2038 10.0375 23.3333 10.402 23.3333C10.7657 23.3333 11.0852 23.2038 11.3603 22.9449Z", fill: "currentColor" })))));
+  }
+};
+SwirlIconArrowForward.style = swirlIconCss$1;
+
+const swirlIconCss = ":host{display:inline-flex}";
+
+const SwirlIconDockLeft = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.h("svg", { class: className, fill: "none", height: this.size, part: "icon", 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: "M3.33333 14C2.96667 14 2.65278 13.8694 2.39167 13.6083C2.13056 13.3472 2 13.0333 2 12.6667V3.33333C2 2.96667 2.13056 2.65278 2.39167 2.39167C2.65278 2.13056 2.96667 2 3.33333 2H12.6667C13.0333 2 13.3472 2.13056 13.6083 2.39167C13.8694 2.65278 14 2.96667 14 3.33333V12.6667C14 13.0333 13.8694 13.3472 13.6083 13.6083C13.3472 13.8694 13.0333 14 12.6667 14H3.33333ZM5.33333 12.6667V3.33333H3.33333V12.6667H5.33333ZM6.66667 12.6667H12.6667V3.33333H6.66667V12.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM8 19V5H5V19H8ZM10 19H19V5H10V19Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M5.83333 24.5C5.19167 24.5 4.64236 24.2715 4.18542 23.8146C3.72847 23.3576 3.5 22.8083 3.5 22.1667V5.83333C3.5 5.19167 3.72847 4.64236 4.18542 4.18542C4.64236 3.72847 5.19167 3.5 5.83333 3.5H22.1667C22.8083 3.5 23.3576 3.72847 23.8146 4.18542C24.2715 4.64236 24.5 5.19167 24.5 5.83333V22.1667C24.5 22.8083 24.2715 23.3576 23.8146 23.8146C23.3576 24.2715 22.8083 24.5 22.1667 24.5H5.83333ZM9.33333 22.1667V5.83333H5.83333V22.1667H9.33333ZM11.6667 22.1667H22.1667V5.83333H11.6667V22.1667Z", fill: "currentColor" })))));
+  }
+};
+SwirlIconDockLeft.style = swirlIconCss;
+
+exports.swirl_icon_arrow_back = SwirlIconArrowBack;
+exports.swirl_icon_arrow_forward = SwirlIconArrowForward;
+exports.swirl_icon_dock_left = SwirlIconDockLeft;

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

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-506fe4ea.js');
+const index$1 = require('./index-2ddd0598.js');
+
+const swirlIconCss$1 = ":host{display:inline-flex}";
+
+const SwirlIconArrowDownward = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.h("svg", { class: className, fill: "none", height: this.size, part: "icon", 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 13.0501C7.91111 13.0501 7.82778 13.0361 7.75 13.0081C7.67222 12.9805 7.6 12.9334 7.53333 12.8667L3.13333 8.46675C3 8.33341 2.93333 8.17497 2.93333 7.99141C2.93333 7.8083 3 7.65008 3.13333 7.51675C3.26667 7.38341 3.42222 7.31675 3.6 7.31675C3.77778 7.31675 3.93333 7.38341 4.06667 7.51675L7.33333 10.7834V3.31675C7.33333 3.12786 7.39733 2.9723 7.52533 2.85008C7.65289 2.72786 7.81111 2.66675 8 2.66675C8.18889 2.66675 8.34733 2.73053 8.47533 2.85808C8.60289 2.98608 8.66667 3.14453 8.66667 3.33341V10.7834L11.9333 7.51675C12.0667 7.38341 12.2222 7.31675 12.4 7.31675C12.5778 7.31675 12.7333 7.38341 12.8667 7.51675C13 7.65008 13.0667 7.8083 13.0667 7.99141C13.0667 8.17497 13 8.33341 12.8667 8.46675L8.46667 12.8667C8.4 12.9334 8.32778 12.9805 8.25 13.0081C8.17222 13.0361 8.08889 13.0501 8 13.0501Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M12 19.575C11.8667 19.575 11.7417 19.554 11.625 19.512C11.5083 19.4707 11.4 19.4 11.3 19.3L4.7 12.7C4.5 12.5 4.4 12.2623 4.4 11.987C4.4 11.7123 4.5 11.475 4.7 11.275C4.9 11.075 5.13333 10.975 5.4 10.975C5.66667 10.975 5.9 11.075 6.1 11.275L11 16.175V4.975C11 4.69167 11.096 4.45833 11.288 4.275C11.4793 4.09167 11.7167 4 12 4C12.2833 4 12.521 4.09567 12.713 4.287C12.9043 4.479 13 4.71667 13 5V16.175L17.9 11.275C18.1 11.075 18.3333 10.975 18.6 10.975C18.8667 10.975 19.1 11.075 19.3 11.275C19.5 11.475 19.6 11.7123 19.6 11.987C19.6 12.2623 19.5 12.5 19.3 12.7L12.7 19.3C12.6 19.4 12.4917 19.4707 12.375 19.512C12.2583 19.554 12.1333 19.575 12 19.575Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M14 22.8376C13.8444 22.8376 13.6986 22.8131 13.5625 22.7641C13.4264 22.7159 13.3 22.6334 13.1833 22.5167L5.48333 14.8167C5.25 14.5834 5.13333 14.3061 5.13333 13.9849C5.13333 13.6645 5.25 13.3876 5.48333 13.1542C5.71666 12.9209 5.98889 12.8042 6.3 12.8042C6.61111 12.8042 6.88333 12.9209 7.11666 13.1542L12.8333 18.8709V5.80425C12.8333 5.47369 12.9453 5.20147 13.1693 4.98758C13.3926 4.77369 13.6694 4.66675 14 4.66675C14.3306 4.66675 14.6078 4.77836 14.8318 5.00158C15.0551 5.22558 15.1667 5.50286 15.1667 5.83341V18.8709L20.8833 13.1542C21.1167 12.9209 21.3889 12.8042 21.7 12.8042C22.0111 12.8042 22.2833 12.9209 22.5167 13.1542C22.75 13.3876 22.8667 13.6645 22.8667 13.9849C22.8667 14.3061 22.75 14.5834 22.5167 14.8167L14.8167 22.5167C14.7 22.6334 14.5736 22.7159 14.4375 22.7641C14.3014 22.8131 14.1556 22.8376 14 22.8376Z", fill: "currentColor" })))));
+  }
+};
+SwirlIconArrowDownward.style = swirlIconCss$1;
+
+const swirlIconCss = ":host{display:inline-flex}";
+
+const SwirlIconArrowUpward = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.h("svg", { class: className, fill: "none", height: this.size, part: "icon", 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 13.3333C7.81111 13.3333 7.65289 13.2693 7.52533 13.1413C7.39733 13.0137 7.33333 12.8555 7.33333 12.6666V5.21662L4.08333 8.46662C3.95 8.59995 3.79156 8.66662 3.608 8.66662C3.42489 8.66662 3.26667 8.59995 3.13333 8.46662C3 8.33328 2.93333 8.17773 2.93333 7.99995C2.93333 7.82217 3 7.66662 3.13333 7.53328L7.53333 3.13328C7.6 3.06662 7.67222 3.01928 7.75 2.99128C7.82778 2.96373 7.91111 2.94995 8 2.94995C8.08889 2.94995 8.17511 2.96373 8.25867 2.99128C8.34178 3.01928 8.41111 3.06662 8.46667 3.13328L12.8667 7.53328C13 7.66662 13.0667 7.82217 13.0667 7.99995C13.0667 8.17773 13 8.33328 12.8667 8.46662C12.7333 8.59995 12.5749 8.66662 12.3913 8.66662C12.2082 8.66662 12.05 8.59995 11.9167 8.46662L8.66667 5.21662V12.6666C8.66667 12.8555 8.60289 13.0137 8.47533 13.1413C8.34733 13.2693 8.18889 13.3333 8 13.3333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M12 20C11.7167 20 11.4793 19.904 11.288 19.712C11.096 19.5207 11 19.2834 11 19V7.82505L6.125 12.7C5.925 12.9 5.68733 13 5.412 13C5.13733 13 4.9 12.9 4.7 12.7C4.5 12.5 4.4 12.2667 4.4 12C4.4 11.7334 4.5 11.5 4.7 11.3L11.3 4.70005C11.4 4.60005 11.5083 4.52905 11.625 4.48705C11.7417 4.44572 11.8667 4.42505 12 4.42505C12.1333 4.42505 12.2627 4.44572 12.388 4.48705C12.5127 4.52905 12.6167 4.60005 12.7 4.70005L19.3 11.3C19.5 11.5 19.6 11.7334 19.6 12C19.6 12.2667 19.5 12.5 19.3 12.7C19.1 12.9 18.8623 13 18.587 13C18.3123 13 18.075 12.9 17.875 12.7L13 7.82505V19C13 19.2834 12.9043 19.5207 12.713 19.712C12.521 19.904 12.2833 20 12 20Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M14 23.3334C13.6694 23.3334 13.3926 23.2214 13.1693 22.9974C12.9453 22.7742 12.8333 22.4973 12.8333 22.1668V9.12926L7.14583 14.8168C6.9125 15.0501 6.63522 15.1668 6.314 15.1668C5.99355 15.1668 5.71666 15.0501 5.48333 14.8168C5.25 14.5834 5.13333 14.3112 5.13333 14.0001C5.13333 13.689 5.25 13.4168 5.48333 13.1834L13.1833 5.48343C13.3 5.36676 13.4264 5.28393 13.5625 5.23493C13.6986 5.18671 13.8444 5.1626 14 5.1626C14.1556 5.1626 14.3064 5.18671 14.4527 5.23493C14.5981 5.28393 14.7194 5.36676 14.8167 5.48343L22.5167 13.1834C22.75 13.4168 22.8667 13.689 22.8667 14.0001C22.8667 14.3112 22.75 14.5834 22.5167 14.8168C22.2833 15.0501 22.0061 15.1668 21.6848 15.1668C21.3644 15.1668 21.0875 15.0501 20.8542 14.8168L15.1667 9.12926V22.1668C15.1667 22.4973 15.0551 22.7742 14.8318 22.9974C14.6078 23.2214 14.3306 23.3334 14 23.3334Z", fill: "currentColor" })))));
+  }
+};
+SwirlIconArrowUpward.style = swirlIconCss;
+
+exports.swirl_icon_arrow_downward = SwirlIconArrowDownward;
+exports.swirl_icon_arrow_upward = SwirlIconArrowUpward;

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

@@ -0,0 +1,83 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-506fe4ea.js');
+const index$1 = require('./index-2ddd0598.js');
+
+const swirlIconCss$2 = ":host{display:inline-flex}";
+
+const SwirlIconArrowLeft = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.h("svg", { class: className, fill: "none", height: this.size, part: "icon", 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.15 12.8666L2.81667 8.53327C2.73889 8.45549 2.68333 8.37216 2.65 8.28327C2.61667 8.19438 2.6 8.09993 2.6 7.99993C2.6 7.89993 2.61667 7.80549 2.65 7.7166C2.68333 7.62771 2.73889 7.54438 2.81667 7.4666L7.15 3.13327C7.29444 2.99993 7.46955 2.93038 7.67533 2.9246C7.88066 2.91927 8.06111 2.98882 8.21666 3.13327C8.37222 3.27771 8.45289 3.45549 8.45867 3.6666C8.464 3.87771 8.38889 4.05549 8.23333 4.19993L5.2 7.23327H12.3167C12.5278 7.23327 12.7084 7.30838 12.8587 7.4586C13.0084 7.60838 13.0833 7.78882 13.0833 7.99993C13.0833 8.21105 13.0084 8.39149 12.8587 8.54127C12.7084 8.69149 12.5278 8.7666 12.3167 8.7666H5.2L8.23333 11.7999C8.37778 11.9333 8.45289 12.1084 8.45867 12.3253C8.464 12.5417 8.38889 12.7222 8.23333 12.8666C8.08889 13.011 7.91111 13.0833 7.7 13.0833C7.48889 13.0833 7.30555 13.011 7.15 12.8666V12.8666Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M10.725 19.2999L4.225 12.7999C4.10833 12.6832 4.025 12.5582 3.975 12.4249C3.925 12.2916 3.9 12.1499 3.9 11.9999C3.9 11.8499 3.925 11.7082 3.975 11.5749C4.025 11.4416 4.10833 11.3166 4.225 11.1999L10.725 4.6999C10.9417 4.4999 11.2043 4.39557 11.513 4.3869C11.821 4.3789 12.0917 4.48323 12.325 4.6999C12.5583 4.91657 12.6793 5.18324 12.688 5.4999C12.696 5.81657 12.5833 6.08324 12.35 6.2999L7.8 10.8499H18.475C18.7917 10.8499 19.0627 10.9626 19.288 11.1879C19.5127 11.4126 19.625 11.6832 19.625 11.9999C19.625 12.3166 19.5127 12.5872 19.288 12.8119C19.0627 13.0372 18.7917 13.1499 18.475 13.1499H7.8L12.35 17.6999C12.5667 17.8999 12.6793 18.1626 12.688 18.4879C12.696 18.8126 12.5833 19.0832 12.35 19.2999C12.1333 19.5166 11.8667 19.6249 11.55 19.6249C11.2333 19.6249 10.9583 19.5166 10.725 19.2999V19.2999Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M12.5125 22.5167L4.92917 14.9333C4.79306 14.7972 4.69584 14.6514 4.6375 14.4958C4.57917 14.3403 4.55 14.175 4.55 14C4.55 13.825 4.57917 13.6597 4.6375 13.5042C4.69584 13.3486 4.79306 13.2028 4.92917 13.0667L12.5125 5.48334C12.7653 5.25001 13.0717 5.12829 13.4318 5.11817C13.7912 5.10884 14.1069 5.23056 14.3792 5.48334C14.6514 5.73612 14.7926 6.04723 14.8027 6.41667C14.812 6.78612 14.6806 7.09723 14.4083 7.35001L9.1 12.6583H21.5542C21.9236 12.6583 22.2398 12.7898 22.5027 13.0527C22.7648 13.3148 22.8958 13.6306 22.8958 14C22.8958 14.3695 22.7648 14.6852 22.5027 14.9473C22.2398 15.2102 21.9236 15.3417 21.5542 15.3417H9.1L14.4083 20.65C14.6611 20.8833 14.7926 21.1898 14.8027 21.5693C14.812 21.9481 14.6806 22.2639 14.4083 22.5167C14.1556 22.7695 13.8444 22.8958 13.475 22.8958C13.1056 22.8958 12.7847 22.7695 12.5125 22.5167V22.5167Z", fill: "currentColor" })))));
+  }
+};
+SwirlIconArrowLeft.style = swirlIconCss$2;
+
+const swirlIconCss$1 = ":host{display:inline-flex}";
+
+const SwirlIconArrowRight = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.h("svg", { class: className, fill: "none", height: this.size, part: "icon", 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.46667 12.8667C7.32222 12.7222 7.24733 12.5445 7.242 12.3333C7.23622 12.1222 7.30555 11.9445 7.45 11.8L10.4833 8.76668H3.36667C3.15555 8.76668 2.97511 8.69157 2.82533 8.54135C2.67511 8.39157 2.6 8.21113 2.6 8.00002C2.6 7.7889 2.67511 7.60846 2.82533 7.45868C2.97511 7.30846 3.15555 7.23335 3.36667 7.23335H10.4833L7.45 4.20002C7.30555 4.05557 7.23622 3.87779 7.242 3.66668C7.24733 3.45557 7.32222 3.27779 7.46667 3.13335C7.61111 3.00002 7.78889 2.93335 8 2.93335C8.21111 2.93335 8.38889 3.00002 8.53333 3.13335L12.8667 7.46668C12.9444 7.53335 13 7.61379 13.0333 7.70802C13.0667 7.80268 13.0833 7.90002 13.0833 8.00002C13.0833 8.10002 13.0667 8.19446 13.0333 8.28335C13 8.37224 12.9444 8.45557 12.8667 8.53335L8.53333 12.8667C8.38889 13.0111 8.21111 13.0807 8 13.0753C7.78889 13.0696 7.61111 13 7.46667 12.8667V12.8667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M11.2 19.2999C10.9833 19.0832 10.871 18.8166 10.863 18.4999C10.8543 18.1832 10.9583 17.9166 11.175 17.6999L15.725 13.1499H5.05C4.73333 13.1499 4.46267 13.0372 4.238 12.8119C4.01267 12.5872 3.9 12.3166 3.9 11.9999C3.9 11.6832 4.01267 11.4126 4.238 11.1879C4.46267 10.9626 4.73333 10.8499 5.05 10.8499H15.725L11.175 6.2999C10.9583 6.08324 10.8543 5.81657 10.863 5.4999C10.871 5.18324 10.9833 4.91657 11.2 4.6999C11.4167 4.4999 11.6833 4.3999 12 4.3999C12.3167 4.3999 12.5833 4.4999 12.8 4.6999L19.3 11.1999C19.4167 11.2999 19.5 11.4206 19.55 11.5619C19.6 11.7039 19.625 11.8499 19.625 11.9999C19.625 12.1499 19.6 12.2916 19.55 12.4249C19.5 12.5582 19.4167 12.6832 19.3 12.7999L12.8 19.2999C12.5833 19.5166 12.3167 19.6209 12 19.6129C11.6833 19.6042 11.4167 19.4999 11.2 19.2999V19.2999Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M13.0667 22.5166C12.8139 22.2639 12.6828 21.9527 12.6735 21.5833C12.6634 21.2139 12.7847 20.9027 13.0375 20.65L18.3458 15.3416H5.89167C5.52223 15.3416 5.20645 15.2102 4.94434 14.9473C4.68145 14.6852 4.55 14.3694 4.55 14C4.55 13.6305 4.68145 13.3147 4.94434 13.0526C5.20645 12.7897 5.52223 12.6583 5.89167 12.6583H18.3458L13.0375 7.34997C12.7847 7.09719 12.6634 6.78608 12.6735 6.41663C12.6828 6.04719 12.8139 5.73608 13.0667 5.4833C13.3194 5.24997 13.6306 5.1333 14 5.1333C14.3694 5.1333 14.6806 5.24997 14.9333 5.4833L22.5167 13.0666C22.6528 13.1833 22.75 13.3241 22.8083 13.489C22.8667 13.6546 22.8958 13.825 22.8958 14C22.8958 14.175 22.8667 14.3402 22.8083 14.4958C22.75 14.6514 22.6528 14.7972 22.5167 14.9333L14.9333 22.5166C14.6806 22.7694 14.3694 22.8911 14 22.8818C13.6306 22.8717 13.3194 22.75 13.0667 22.5166V22.5166Z", fill: "currentColor" })))));
+  }
+};
+SwirlIconArrowRight.style = swirlIconCss$1;
+
+const swirlIconCss = ":host{display:inline-flex}";
+
+const SwirlIconMoreVertikal = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.h("svg", { class: className, fill: "none", height: this.size, part: "icon", 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.00001 13.5167C7.62223 13.5167 7.29445 13.3807 7.01667 13.1087C6.73889 12.8362 6.60001 12.5056 6.60001 12.1167C6.60001 11.7389 6.73889 11.4138 7.01667 11.1413C7.29445 10.8693 7.62223 10.7333 8.00001 10.7333C8.3889 10.7333 8.71956 10.8693 8.99201 11.1413C9.26401 11.4138 9.40001 11.7389 9.40001 12.1167C9.40001 12.5056 9.26401 12.8362 8.99201 13.1087C8.71956 13.3807 8.3889 13.5167 8.00001 13.5167ZM8.00001 9.4C7.62223 9.4 7.29445 9.26112 7.01667 8.98334C6.73889 8.70556 6.60001 8.37778 6.60001 8C6.60001 7.61112 6.73889 7.28045 7.01667 7.008C7.29445 6.736 7.62223 6.6 8.00001 6.6C8.3889 6.6 8.71956 6.736 8.99201 7.008C9.26401 7.28045 9.40001 7.61112 9.40001 8C9.40001 8.37778 9.26401 8.70556 8.99201 8.98334C8.71956 9.26112 8.3889 9.4 8.00001 9.4V9.4ZM8.00001 5.26667C7.62223 5.26667 7.29445 5.13045 7.01667 4.858C6.73889 4.586 6.60001 4.26112 6.60001 3.88334C6.60001 3.49445 6.73889 3.16378 7.01667 2.89134C7.29445 2.61934 7.62223 2.48334 8.00001 2.48334C8.3889 2.48334 8.71956 2.61934 8.99201 2.89134C9.26401 3.16378 9.40001 3.49445 9.40001 3.88334C9.40001 4.26112 9.26401 4.586 8.99201 4.858C8.71956 5.13045 8.3889 5.26667 8.00001 5.26667V5.26667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M12 20.275C11.4333 20.275 10.9417 20.071 10.525 19.663C10.1083 19.2543 9.89999 18.7583 9.89999 18.175C9.89999 17.6083 10.1083 17.1206 10.525 16.712C10.9417 16.304 11.4333 16.1 12 16.1C12.5833 16.1 13.0793 16.304 13.488 16.712C13.896 17.1206 14.1 17.6083 14.1 18.175C14.1 18.7583 13.896 19.2543 13.488 19.663C13.0793 20.071 12.5833 20.275 12 20.275ZM12 14.1C11.4333 14.1 10.9417 13.8916 10.525 13.475C10.1083 13.0583 9.89999 12.5666 9.89999 12C9.89999 11.4166 10.1083 10.9206 10.525 10.512C10.9417 10.104 11.4333 9.89998 12 9.89998C12.5833 9.89998 13.0793 10.104 13.488 10.512C13.896 10.9206 14.1 11.4166 14.1 12C14.1 12.5666 13.896 13.0583 13.488 13.475C13.0793 13.8916 12.5833 14.1 12 14.1ZM12 7.89998C11.4333 7.89998 10.9417 7.69564 10.525 7.28698C10.1083 6.87898 9.89999 6.39164 9.89999 5.82498C9.89999 5.24164 10.1083 4.74564 10.525 4.33698C10.9417 3.92898 11.4333 3.72498 12 3.72498C12.5833 3.72498 13.0793 3.92898 13.488 4.33698C13.896 4.74564 14.1 5.24164 14.1 5.82498C14.1 6.39164 13.896 6.87898 13.488 7.28698C13.0793 7.69564 12.5833 7.89998 12 7.89998Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M14 23.6542C13.3389 23.6542 12.7653 23.4162 12.2792 22.9402C11.793 22.4634 11.55 21.8847 11.55 21.2042C11.55 20.543 11.793 19.9741 12.2792 19.4973C12.7653 19.0213 13.3389 18.7833 14 18.7833C14.6805 18.7833 15.2592 19.0213 15.736 19.4973C16.212 19.9741 16.45 20.543 16.45 21.2042C16.45 21.8847 16.212 22.4634 15.736 22.9402C15.2592 23.4162 14.6805 23.6542 14 23.6542ZM14 16.45C13.3389 16.45 12.7653 16.2069 12.2792 15.7208C11.793 15.2347 11.55 14.6611 11.55 14C11.55 13.3194 11.793 12.7408 12.2792 12.264C12.7653 11.788 13.3389 11.55 14 11.55C14.6805 11.55 15.2592 11.788 15.736 12.264C16.212 12.7408 16.45 13.3194 16.45 14C16.45 14.6611 16.212 15.2347 15.736 15.7208C15.2592 16.2069 14.6805 16.45 14 16.45V16.45ZM14 9.21666C13.3389 9.21666 12.7653 8.97827 12.2792 8.50149C11.793 8.02549 11.55 7.45694 11.55 6.79583C11.55 6.11527 11.793 5.5366 12.2792 5.05983C12.7653 4.58383 13.3389 4.34583 14 4.34583C14.6805 4.34583 15.2592 4.58383 15.736 5.05983C16.212 5.5366 16.45 6.11527 16.45 6.79583C16.45 7.45694 16.212 8.02549 15.736 8.50149C15.2592 8.97827 14.6805 9.21666 14 9.21666V9.21666Z", fill: "currentColor" })))));
+  }
+};
+SwirlIconMoreVertikal.style = swirlIconCss;
+
+const swirlThumbnailCss = ":host{display:inline-flex}:host *{box-sizing:border-box}.thumbnail{position:relative;display:inline-flex;overflow:hidden;border-radius:var(--s-border-radius-s);box-shadow:inset 0 0 0 0.03125rem rgba(0, 0, 0, 0.1)}.thumbnail--size-s{--swirl-thumbnail-size:2.5rem}.thumbnail--size-m{--swirl-thumbnail-size:3rem}.thumbnail--size-l{--swirl-thumbnail-size:4rem}.thumbnail--size-l .thumbnail__remove-button{top:0;right:0;transform:scale(0.75)}.thumbnail--size-xl{--swirl-thumbnail-size:5rem;border-radius:var(--s-border-radius-sm)}.thumbnail--format-landscape{width:var(--swirl-thumbnail-size);aspect-ratio:4 / 3}.thumbnail--format-landscape .thumbnail__image{width:100%}.thumbnail--format-portrait{height:var(--swirl-thumbnail-size);aspect-ratio:3 / 4}.thumbnail--format-portrait .thumbnail__image{height:100%}.thumbnail--format-square{width:var(--swirl-thumbnail-size);height:var(--swirl-thumbnail-size)}.thumbnail--format-square .thumbnail__image{width:100%}.thumbnail--has-progress .thumbnail__timestamp{bottom:var(--s-space-8)}.thumbnail__image{position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0)}.thumbnail__progress-indicator{position:absolute;z-index:1;right:0;bottom:0;left:0}.thumbnail__remove-button{position:absolute;z-index:1;top:var(--s-space-4);right:var(--s-space-4)}.thumbnail__timestamp{position:absolute;z-index:1;bottom:var(--s-space-4);left:var(--s-space-4);display:block;overflow:hidden;max-width:calc(100% - 2 * var(--s-space-4));height:1.5rem;padding-right:var(--s-space-8);padding-left:var(--s-space-8);align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.6);font-size:var(--s-font-size-sm);line-height:1.5rem;white-space:nowrap;text-overflow:ellipsis}";
+
+const SwirlThumbnail = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.remove = index.createEvent(this, "remove", 7);
+    this.alt = undefined;
+    this.format = "landscape";
+    this.progress = undefined;
+    this.progressLabel = "Loading progress";
+    this.removeButtonLabel = "Remove";
+    this.showRemoveButton = undefined;
+    this.size = "m";
+    this.src = undefined;
+    this.timestamp = undefined;
+  }
+  render() {
+    const showRemoveButton = this.showRemoveButton && this.size === "xl" && this.format === "square";
+    const showTimestamp = Boolean(this.timestamp) && this.size === "xl" && this.format === "square";
+    const className = index$1.classnames("thumbnail", `thumbnail--format-${this.format}`, `thumbnail--size-${this.size}`, {
+      "thumbnail--has-progress": this.progress !== undefined,
+    });
+    return (index.h(index.Host, null, index.h("span", { class: className, role: "group" }, index.h("img", { alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src }), this.progress !== undefined && (index.h("span", { class: "thumbnail__progress-indicator" }, index.h("swirl-progress-indicator", { label: this.progressLabel, value: this.progress }))), showRemoveButton && (index.h("span", { class: "thumbnail__remove-button" }, index.h("swirl-button", { hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: true, variant: "on-image" }))), showTimestamp && (index.h("span", { class: "thumbnail__timestamp" }, this.timestamp)))));
+  }
+};
+SwirlThumbnail.style = swirlThumbnailCss;
+
+exports.swirl_icon_arrow_left = SwirlIconArrowLeft;
+exports.swirl_icon_arrow_right = SwirlIconArrowRight;
+exports.swirl_icon_more_vertikal = SwirlIconMoreVertikal;
+exports.swirl_thumbnail = SwirlThumbnail;

package/dist/cjs/swirl-icon-arrow-right-small.cjs.entry.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-506fe4ea.js');
+const index$1 = require('./index-2ddd0598.js');
+
+const swirlIconCss = ":host{display:inline-flex}";
+
+const SwirlIconArrowRightSmall = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.h("svg", { class: className, fill: "none", height: this.size, part: "icon", 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.60918 10.1958L9.33584 8.46918C9.59584 8.20918 9.59584 7.78918 9.33584 7.52918L7.60918 5.80251C7.18918 5.38251 6.46918 5.68251 6.46918 6.27584L6.46918 9.72918C6.46918 10.3225 7.18918 10.6158 7.60918 10.1958Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M11.4137 15.2938L14.0037 12.7038C14.3937 12.3138 14.3937 11.6838 14.0037 11.2938L11.4137 8.70379C10.7837 8.07379 9.70374 8.52379 9.70374 9.41379L9.70374 14.5938C9.70374 15.4838 10.7837 15.9238 11.4137 15.2938Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M13.316 17.8427L16.3377 14.821C16.7927 14.366 16.7927 13.631 16.3377 13.176L13.316 10.1544C12.581 9.41938 11.321 9.94438 11.321 10.9827L11.321 17.026C11.321 18.0644 12.581 18.5777 13.316 17.8427Z", fill: "currentColor" })))));
+  }
+};
+SwirlIconArrowRightSmall.style = swirlIconCss;
+
+exports.swirl_icon_arrow_right_small = SwirlIconArrowRightSmall;

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

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-506fe4ea.js');
+const index$1 = require('./index-2ddd0598.js');
+
+const swirlIconCss = ":host{display:inline-flex}";
+
+const SwirlIconAttachment = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.h("svg", { class: className, fill: "none", height: this.size, part: "icon", 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.57157 12.8796C7.81732 13.6338 6.91584 14.0089 5.86712 14.0048C4.81809 14.0011 3.92038 13.626 3.17399 12.8796C2.41974 12.1253 2.04073 11.2237 2.03696 10.1747C2.03287 9.12594 2.40795 8.22446 3.1622 7.47021L8.15909 2.47333C8.7012 1.93121 9.35913 1.66204 10.1329 1.66581C10.9069 1.6699 11.565 1.943 12.1071 2.48511C12.6492 3.02723 12.9203 3.68327 12.9203 4.45323C12.9203 5.22319 12.6492 5.87922 12.1071 6.42134L7.60519 10.9233C7.25949 11.2689 6.84513 11.4438 6.3621 11.4479C5.87875 11.4517 5.46423 11.2807 5.11853 10.935C4.76498 10.5815 4.59024 10.1632 4.59433 9.68016C4.5981 9.19681 4.77283 8.78229 5.11853 8.43659L9.21975 4.33537C9.32974 4.22538 9.46127 4.16834 9.61432 4.16425C9.76768 4.16048 9.90329 4.21752 10.0211 4.33537C10.1311 4.44537 10.1842 4.57705 10.1805 4.73041C10.1764 4.88346 10.1193 5.01498 10.0094 5.12498L5.90813 9.2262C5.78243 9.3519 5.71957 9.50118 5.71957 9.67403C5.71957 9.84688 5.78635 10.0001 5.91992 10.1337C6.04563 10.2594 6.1949 10.3222 6.36775 10.3222C6.5406 10.3222 6.68988 10.2594 6.81559 10.1337L11.3175 5.63174C11.6475 5.30175 11.8125 4.90892 11.8125 4.45323C11.8125 3.99753 11.6475 3.6047 11.3175 3.27471C10.9875 2.94473 10.5947 2.77974 10.139 2.77974C9.6833 2.77974 9.29046 2.94473 8.96048 3.27471L3.96359 8.2716C3.43719 8.798 3.17399 9.43424 3.17399 10.1803C3.17399 10.927 3.43719 11.5636 3.96359 12.09C4.48999 12.6164 5.1245 12.8775 5.86712 12.8735C6.60943 12.8697 7.24378 12.6046 7.77018 12.0782L12.3664 7.482C12.4764 7.372 12.6099 7.31701 12.7671 7.31701C12.9242 7.31701 13.0578 7.372 13.1678 7.482C13.2856 7.59985 13.3425 7.7353 13.3384 7.88835C13.3346 8.04171 13.2778 8.17339 13.1678 8.28339L8.57157 12.8796Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M12.8574 19.3194C11.726 20.4507 10.3738 21.0134 8.80068 21.0072C7.22713 21.0016 5.88057 20.439 4.76098 19.3194C3.62961 18.188 3.0611 16.8355 3.05544 15.262C3.04931 13.6889 3.61193 12.3367 4.7433 11.2053L12.2386 3.70999C13.0518 2.89682 14.0387 2.49306 15.1993 2.49872C16.3604 2.50484 17.3475 2.91449 18.1607 3.72767C18.9738 4.54084 19.3804 5.5249 19.3804 6.67984C19.3804 7.83478 18.9738 8.81884 18.1607 9.63201L11.4078 16.3849C10.8892 16.9034 10.2677 17.1658 9.54314 17.1719C8.81812 17.1775 8.19634 16.9211 7.6778 16.4026C7.14747 15.8722 6.88536 15.2448 6.89149 14.5202C6.89715 13.7952 7.15925 13.1734 7.6778 12.6549L13.8296 6.50306C13.9946 6.33807 14.1919 6.25251 14.4215 6.24638C14.6515 6.24072 14.8549 6.32628 15.0317 6.50306C15.1967 6.66805 15.2764 6.86557 15.2707 7.09562C15.2646 7.32519 15.179 7.52247 15.014 7.68747L8.8622 13.8393C8.67364 14.0279 8.57936 14.2518 8.57936 14.511C8.57936 14.7703 8.67953 15.0001 8.87988 15.2005C9.06844 15.389 9.29236 15.4833 9.55163 15.4833C9.8109 15.4833 10.0348 15.389 10.2234 15.2005L16.9762 8.4476C17.4712 7.95263 17.7187 7.36337 17.7187 6.67984C17.7187 5.9963 17.4712 5.40704 16.9762 4.91207C16.4813 4.4171 15.892 4.16961 15.2085 4.16961C14.5249 4.16961 13.9357 4.4171 13.4407 4.91207L5.94538 12.4074C5.15578 13.197 4.76098 14.1514 4.76098 15.2705C4.76098 16.3905 5.15578 17.3454 5.94538 18.135C6.73499 18.9246 7.68675 19.3163 8.80068 19.3102C9.91414 19.3045 10.8657 18.9069 11.6553 18.1173L18.5496 11.223C18.7146 11.058 18.9149 10.9755 19.1506 10.9755C19.3863 10.9755 19.5867 11.058 19.7516 11.223C19.9284 11.3998 20.0137 11.603 20.0076 11.8325C20.002 12.0626 19.9166 12.2601 19.7516 12.4251L12.8574 19.3194Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M15.0003 22.5393C13.6803 23.8593 12.1027 24.5157 10.2675 24.5085C8.43167 24.5019 6.86068 23.8455 5.55449 22.5393C4.23456 21.2194 3.57129 19.6415 3.56469 17.8057C3.55754 15.9705 4.21394 14.3929 5.53387 13.0729L14.2784 4.32838C15.2271 3.37968 16.3785 2.90863 17.7325 2.91523C19.0871 2.92238 20.2387 3.4003 21.1874 4.34901C22.1361 5.29771 22.6105 6.44578 22.6105 7.79321C22.6105 9.14064 22.1361 10.2887 21.1874 11.2374L13.3091 19.1158C12.7041 19.7207 11.979 20.0268 11.1337 20.0339C10.2878 20.0405 9.56241 19.7413 8.95744 19.1364C8.33873 18.5177 8.03294 17.7856 8.04009 16.9403C8.04669 16.0945 8.35247 15.3691 8.95744 14.7641L16.1346 7.58697C16.3271 7.39448 16.5572 7.29466 16.8251 7.28751C17.0935 7.28091 17.3308 7.38073 17.537 7.58697C17.7295 7.77946 17.8224 8.00989 17.8158 8.27828C17.8087 8.54612 17.7089 8.77628 17.5164 8.96877L10.3392 16.1459C10.1193 16.3659 10.0093 16.6271 10.0093 16.9296C10.0093 17.2321 10.1261 17.5002 10.3599 17.7339C10.5799 17.9539 10.8411 18.0639 11.1436 18.0639C11.4461 18.0639 11.7073 17.9539 11.9273 17.7339L19.8056 9.8556C20.3831 9.27813 20.6718 8.59066 20.6718 7.79321C20.6718 6.99575 20.3831 6.30828 19.8056 5.73081C19.2282 5.15334 18.5407 4.8646 17.7432 4.8646C16.9458 4.8646 16.2583 5.15334 15.6808 5.73081L6.9363 14.4754C6.01509 15.3966 5.55449 16.51 5.55449 17.8156C5.55449 19.1224 6.01509 20.2363 6.9363 21.1575C7.8575 22.0787 8.96789 22.5358 10.2675 22.5286C11.5665 22.522 12.6766 22.0581 13.5978 21.1369L21.6412 13.0936C21.8337 12.9011 22.0674 12.8048 22.3424 12.8048C22.6174 12.8048 22.8511 12.9011 23.0436 13.0936C23.2498 13.2998 23.3494 13.5368 23.3422 13.8047C23.3356 14.0731 23.2361 14.3035 23.0436 14.496L15.0003 22.5393Z", fill: "currentColor" })))));
+  }
+};
+SwirlIconAttachment.style = swirlIconCss;
+
+exports.swirl_icon_attachment = SwirlIconAttachment;

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

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-506fe4ea.js');
+const index$1 = require('./index-2ddd0598.js');
+
+const swirlIconCss = ":host{display:inline-flex}";
+
+const SwirlIconBarChart = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.h("svg", { class: className, fill: "none", height: this.size, part: "icon", 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.00004 14C1.81115 14 1.65282 13.9361 1.52504 13.8083C1.39726 13.6806 1.33337 13.5222 1.33337 13.3333C1.33337 13.1444 1.39726 12.9861 1.52504 12.8583C1.65282 12.7306 1.81115 12.6667 2.00004 12.6667H14C14.1889 12.6667 14.3473 12.7306 14.475 12.8583C14.6028 12.9861 14.6667 13.1444 14.6667 13.3333C14.6667 13.5222 14.6028 13.6806 14.475 13.8083C14.3473 13.9361 14.1889 14 14 14H2.00004ZM3.00004 12C2.72226 12 2.48615 11.9028 2.29171 11.7083C2.09726 11.5139 2.00004 11.2778 2.00004 11V8.33333C2.00004 8.05556 2.09726 7.81944 2.29171 7.625C2.48615 7.43056 2.72226 7.33333 3.00004 7.33333C3.27782 7.33333 3.51393 7.43056 3.70837 7.625C3.90282 7.81944 4.00004 8.05556 4.00004 8.33333V11C4.00004 11.2778 3.90282 11.5139 3.70837 11.7083C3.51393 11.9028 3.27782 12 3.00004 12ZM6.33337 12C6.0556 12 5.81948 11.9028 5.62504 11.7083C5.4306 11.5139 5.33337 11.2778 5.33337 11V5C5.33337 4.72222 5.4306 4.48611 5.62504 4.29167C5.81948 4.09722 6.0556 4 6.33337 4C6.61115 4 6.84726 4.09722 7.04171 4.29167C7.23615 4.48611 7.33337 4.72222 7.33337 5V11C7.33337 11.2778 7.23615 11.5139 7.04171 11.7083C6.84726 11.9028 6.61115 12 6.33337 12ZM9.66671 12C9.38893 12 9.15282 11.9028 8.95837 11.7083C8.76393 11.5139 8.66671 11.2778 8.66671 11V7C8.66671 6.72222 8.76393 6.48611 8.95837 6.29167C9.15282 6.09722 9.38893 6 9.66671 6C9.94448 6 10.1806 6.09722 10.375 6.29167C10.5695 6.48611 10.6667 6.72222 10.6667 7V11C10.6667 11.2778 10.5695 11.5139 10.375 11.7083C10.1806 11.9028 9.94448 12 9.66671 12ZM13 12C12.7223 12 12.4862 11.9028 12.2917 11.7083C12.0973 11.5139 12 11.2778 12 11V3C12 2.72222 12.0973 2.48611 12.2917 2.29167C12.4862 2.09722 12.7223 2 13 2C13.2778 2 13.5139 2.09722 13.7084 2.29167C13.9028 2.48611 14 2.72222 14 3V11C14 11.2778 13.9028 11.5139 13.7084 11.7083C13.5139 11.9028 13.2778 12 13 12Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M3 21C2.71667 21 2.47917 20.9042 2.2875 20.7125C2.09583 20.5208 2 20.2833 2 20C2 19.7167 2.09583 19.4792 2.2875 19.2875C2.47917 19.0958 2.71667 19 3 19H21C21.2833 19 21.5208 19.0958 21.7125 19.2875C21.9042 19.4792 22 19.7167 22 20C22 20.2833 21.9042 20.5208 21.7125 20.7125C21.5208 20.9042 21.2833 21 21 21H3ZM4.5 18C4.08333 18 3.72917 17.8542 3.4375 17.5625C3.14583 17.2708 3 16.9167 3 16.5V12.5C3 12.0833 3.14583 11.7292 3.4375 11.4375C3.72917 11.1458 4.08333 11 4.5 11C4.91667 11 5.27083 11.1458 5.5625 11.4375C5.85417 11.7292 6 12.0833 6 12.5V16.5C6 16.9167 5.85417 17.2708 5.5625 17.5625C5.27083 17.8542 4.91667 18 4.5 18ZM9.5 18C9.08333 18 8.72917 17.8542 8.4375 17.5625C8.14583 17.2708 8 16.9167 8 16.5V7.5C8 7.08333 8.14583 6.72917 8.4375 6.4375C8.72917 6.14583 9.08333 6 9.5 6C9.91667 6 10.2708 6.14583 10.5625 6.4375C10.8542 6.72917 11 7.08333 11 7.5V16.5C11 16.9167 10.8542 17.2708 10.5625 17.5625C10.2708 17.8542 9.91667 18 9.5 18ZM14.5 18C14.0833 18 13.7292 17.8542 13.4375 17.5625C13.1458 17.2708 13 16.9167 13 16.5V10.5C13 10.0833 13.1458 9.72917 13.4375 9.4375C13.7292 9.14583 14.0833 9 14.5 9C14.9167 9 15.2708 9.14583 15.5625 9.4375C15.8542 9.72917 16 10.0833 16 10.5V16.5C16 16.9167 15.8542 17.2708 15.5625 17.5625C15.2708 17.8542 14.9167 18 14.5 18ZM19.5 18C19.0833 18 18.7292 17.8542 18.4375 17.5625C18.1458 17.2708 18 16.9167 18 16.5V4.5C18 4.08333 18.1458 3.72917 18.4375 3.4375C18.7292 3.14583 19.0833 3 19.5 3C19.9167 3 20.2708 3.14583 20.5625 3.4375C20.8542 3.72917 21 4.08333 21 4.5V16.5C21 16.9167 20.8542 17.2708 20.5625 17.5625C20.2708 17.8542 19.9167 18 19.5 18Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M3.50004 24.5C3.16949 24.5 2.8924 24.3882 2.66879 24.1646C2.44518 23.941 2.33337 23.6639 2.33337 23.3333C2.33337 23.0028 2.44518 22.7257 2.66879 22.5021C2.8924 22.2785 3.16949 22.1667 3.50004 22.1667H24.5C24.8306 22.1667 25.1077 22.2785 25.3313 22.5021C25.5549 22.7257 25.6667 23.0028 25.6667 23.3333C25.6667 23.6639 25.5549 23.941 25.3313 24.1646C25.1077 24.3882 24.8306 24.5 24.5 24.5H3.50004ZM5.25004 21C4.76393 21 4.35074 20.8299 4.01046 20.4896C3.67018 20.1493 3.50004 19.7361 3.50004 19.25V14.5833C3.50004 14.0972 3.67018 13.684 4.01046 13.3437C4.35074 13.0035 4.76393 12.8333 5.25004 12.8333C5.73615 12.8333 6.14935 13.0035 6.48962 13.3437C6.8299 13.684 7.00004 14.0972 7.00004 14.5833V19.25C7.00004 19.7361 6.8299 20.1493 6.48962 20.4896C6.14935 20.8299 5.73615 21 5.25004 21ZM11.0834 21C10.5973 21 10.1841 20.8299 9.84379 20.4896C9.50351 20.1493 9.33337 19.7361 9.33337 19.25V8.75C9.33337 8.26389 9.50351 7.85069 9.84379 7.51042C10.1841 7.17014 10.5973 7 11.0834 7C11.5695 7 11.9827 7.17014 12.323 7.51042C12.6632 7.85069 12.8334 8.26389 12.8334 8.75V19.25C12.8334 19.7361 12.6632 20.1493 12.323 20.4896C11.9827 20.8299 11.5695 21 11.0834 21ZM16.9167 21C16.4306 21 16.0174 20.8299 15.6771 20.4896C15.3368 20.1493 15.1667 19.7361 15.1667 19.25V12.25C15.1667 11.7639 15.3368 11.3507 15.6771 11.0104C16.0174 10.6701 16.4306 10.5 16.9167 10.5C17.4028 10.5 17.816 10.6701 18.1563 11.0104C18.4966 11.3507 18.6667 11.7639 18.6667 12.25V19.25C18.6667 19.7361 18.4966 20.1493 18.1563 20.4896C17.816 20.8299 17.4028 21 16.9167 21ZM22.75 21C22.2639 21 21.8507 20.8299 21.5105 20.4896C21.1702 20.1493 21 19.7361 21 19.25V5.25C21 4.76389 21.1702 4.35069 21.5105 4.01042C21.8507 3.67014 22.2639 3.5 22.75 3.5C23.2362 3.5 23.6493 3.67014 23.9896 4.01042C24.3299 4.35069 24.5 4.76389 24.5 5.25V19.25C24.5 19.7361 24.3299 20.1493 23.9896 20.4896C23.6493 20.8299 23.2362 21 22.75 21Z", fill: "currentColor" })))));
+  }
+};
+SwirlIconBarChart.style = swirlIconCss;
+
+exports.swirl_icon_bar_chart = SwirlIconBarChart;

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

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-506fe4ea.js');
+const index$1 = require('./index-2ddd0598.js');
+
+const swirlIconCss = ":host{display:inline-flex}";
+
+const SwirlIconBlock = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.h("svg", { class: className, fill: "none", height: this.size, part: "icon", 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 14.6666C7.07778 14.6666 6.21111 14.4915 5.4 14.1413C4.58889 13.7915 3.88334 13.3166 3.28334 12.7166C2.68334 12.1166 2.20845 11.411 1.85867 10.5999C1.50845 9.78881 1.33334 8.92214 1.33334 7.99992C1.33334 7.0777 1.50845 6.21103 1.85867 5.39992C2.20845 4.58881 2.68334 3.88325 3.28334 3.28325C3.88334 2.68325 4.58889 2.20814 5.4 1.85792C6.21111 1.50814 7.07778 1.33325 8 1.33325C8.92222 1.33325 9.78889 1.50814 10.6 1.85792C11.4111 2.20814 12.1167 2.68325 12.7167 3.28325C13.3167 3.88325 13.7916 4.58881 14.1413 5.39992C14.4916 6.21103 14.6667 7.0777 14.6667 7.99992C14.6667 8.92214 14.4916 9.78881 14.1413 10.5999C13.7916 11.411 13.3167 12.1166 12.7167 12.7166C12.1167 13.3166 11.4111 13.7915 10.6 14.1413C9.78889 14.4915 8.92222 14.6666 8 14.6666ZM8 13.3333C9.48889 13.3333 10.75 12.8166 11.7833 11.7833C12.8167 10.7499 13.3333 9.48881 13.3333 7.99992C13.3333 7.39992 13.236 6.82214 13.0413 6.26658C12.8471 5.71103 12.5667 5.19992 12.2 4.73325L4.73334 12.1999C5.2 12.5666 5.71111 12.847 6.26667 13.0413C6.82222 13.2359 7.4 13.3333 8 13.3333ZM3.8 11.2666L11.2667 3.79992C10.8 3.43325 10.2889 3.15281 9.73334 2.95859C9.17778 2.76392 8.6 2.66659 8 2.66659C6.51111 2.66659 5.25 3.18325 4.21667 4.21658C3.18334 5.24992 2.66667 6.51103 2.66667 7.99992C2.66667 8.59992 2.764 9.1777 2.95867 9.73325C3.15289 10.2888 3.43334 10.7999 3.8 11.2666Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M12 22C10.6167 22 9.31667 21.7373 8.1 21.212C6.88333 20.6873 5.825 19.975 4.925 19.075C4.025 18.175 3.31267 17.1167 2.788 15.9C2.26267 14.6833 2 13.3833 2 12C2 10.6167 2.26267 9.31667 2.788 8.1C3.31267 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.31233 8.1 2.787C9.31667 2.26233 10.6167 2 12 2C13.3833 2 14.6833 2.26233 15.9 2.787C17.1167 3.31233 18.175 4.025 19.075 4.925C19.975 5.825 20.6873 6.88333 21.212 8.1C21.7373 9.31667 22 10.6167 22 12C22 13.3833 21.7373 14.6833 21.212 15.9C20.6873 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6873 15.9 21.212C14.6833 21.7373 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 11.1 19.854 10.2333 19.562 9.4C19.2707 8.56667 18.85 7.8 18.3 7.1L7.1 18.3C7.8 18.85 8.56667 19.2707 9.4 19.562C10.2333 19.854 11.1 20 12 20ZM5.7 16.9L16.9 5.7C16.2 5.15 15.4333 4.72933 14.6 4.438C13.7667 4.146 12.9 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 12.9 4.146 13.7667 4.438 14.6C4.72933 15.4333 5.15 16.2 5.7 16.9Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M14 25.6666C12.3861 25.6666 10.8694 25.3601 9.45 24.7473C8.03056 24.1351 6.79584 23.3041 5.74584 22.2541C4.69584 21.2041 3.86478 19.9694 3.25267 18.5499C2.63978 17.1305 2.33334 15.6138 2.33334 13.9999C2.33334 12.386 2.63978 10.8694 3.25267 9.44992C3.86478 8.03048 4.69584 6.79575 5.74584 5.74575C6.79584 4.69575 8.03056 3.86431 9.45 3.25142C10.8694 2.63931 12.3861 2.33325 14 2.33325C15.6139 2.33325 17.1306 2.63931 18.55 3.25142C19.9694 3.86431 21.2042 4.69575 22.2542 5.74575C23.3042 6.79575 24.1352 8.03048 24.7473 9.44992C25.3602 10.8694 25.6667 12.386 25.6667 13.9999C25.6667 15.6138 25.3602 17.1305 24.7473 18.5499C24.1352 19.9694 23.3042 21.2041 22.2542 22.2541C21.2042 23.3041 19.9694 24.1351 18.55 24.7473C17.1306 25.3601 15.6139 25.6666 14 25.6666ZM14 23.3333C16.6056 23.3333 18.8125 22.4291 20.6208 20.6208C22.4292 18.8124 23.3333 16.6055 23.3333 13.9999C23.3333 12.9499 23.163 11.9388 22.8223 10.9666C22.4824 9.99436 21.9917 9.09992 21.35 8.28325L8.28334 21.3499C9.1 21.9916 9.99445 22.4824 10.9667 22.8223C11.9389 23.1629 12.95 23.3333 14 23.3333ZM6.65 19.7166L19.7167 6.64992C18.9 6.00825 18.0056 5.51747 17.0333 5.17759C16.0611 4.83692 15.05 4.66659 14 4.66659C11.3944 4.66659 9.1875 5.57075 7.37917 7.37909C5.57084 9.18742 4.66667 11.3944 4.66667 13.9999C4.66667 15.0499 4.837 16.061 5.17767 17.0333C5.51756 18.0055 6.00834 18.8999 6.65 19.7166Z", fill: "currentColor" })))));
+  }
+};
+SwirlIconBlock.style = swirlIconCss;
+
+exports.swirl_icon_block = SwirlIconBlock;

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

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-506fe4ea.js');
+const index$1 = require('./index-2ddd0598.js');
+
+const swirlIconCss = ":host{display:inline-flex}";
+
+const SwirlIconBookmark = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.h("svg", { class: className, fill: "none", height: this.size, part: "icon", 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.66666 11.9667L7.99999 10.5333L11.3333 11.9667V3.33333H4.66666V11.9667ZM4.26666 13.6C4.04444 13.6889 3.83333 13.6693 3.63333 13.5413C3.43333 13.4138 3.33333 13.2278 3.33333 12.9833V3.33333C3.33333 2.96667 3.46399 2.65267 3.72533 2.39133C3.98622 2.13044 4.29999 2 4.66666 2H11.3333C11.7 2 12.014 2.13044 12.2753 2.39133C12.5362 2.65267 12.6667 2.96667 12.6667 3.33333V12.9833C12.6667 13.2278 12.5667 13.4138 12.3667 13.5413C12.1667 13.6693 11.9556 13.6889 11.7333 13.6L7.99999 12L4.26666 13.6Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M7 17.95L12 15.8L17 17.95V5H7V17.95ZM6.4 20.4C6.06667 20.5333 5.75 20.504 5.45 20.312C5.15 20.1207 5 19.8417 5 19.475V5C5 4.45 5.196 3.979 5.588 3.587C5.97933 3.19567 6.45 3 7 3H17C17.55 3 18.021 3.19567 18.413 3.587C18.8043 3.979 19 4.45 19 5V19.475C19 19.8417 18.85 20.1207 18.55 20.312C18.25 20.504 17.9333 20.5333 17.6 20.4L12 18L6.4 20.4Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M8.16666 20.9417L14 18.4333L19.8333 20.9417V5.83333H8.16666V20.9417ZM7.46666 23.8C7.07777 23.9556 6.70833 23.9213 6.35833 23.6973C6.00833 23.4741 5.83333 23.1486 5.83333 22.7208V5.83333C5.83333 5.19167 6.06199 4.64217 6.51933 4.18483C6.97588 3.72828 7.525 3.5 8.16666 3.5H19.8333C20.475 3.5 21.0245 3.72828 21.4818 4.18483C21.9384 4.64217 22.1667 5.19167 22.1667 5.83333V22.7208C22.1667 23.1486 21.9917 23.4741 21.6417 23.6973C21.2917 23.9213 20.9222 23.9556 20.5333 23.8L14 21L7.46666 23.8Z", fill: "currentColor" })))));
+  }
+};
+SwirlIconBookmark.style = swirlIconCss;
+
+exports.swirl_icon_bookmark = SwirlIconBookmark;

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

@@ -0,0 +1,71 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-506fe4ea.js');
+const index$1 = require('./index-2ddd0598.js');
+
+const swirlIconCss$3 = ":host{display:inline-flex}";
+
+const SwirlIconCancel = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.h("svg", { class: className, fill: "none", height: this.size, part: "icon", 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 1.33337C4.31334 1.33337 1.33334 4.31337 1.33334 8.00004C1.33334 11.6867 4.31334 14.6667 8 14.6667C11.6867 14.6667 14.6667 11.6867 14.6667 8.00004C14.6667 4.31337 11.6867 1.33337 8 1.33337ZM10.8667 10.8667C10.6067 11.1267 10.1867 11.1267 9.92667 10.8667L8 8.94004L6.07334 10.8667C5.81334 11.1267 5.39334 11.1267 5.13334 10.8667C4.87334 10.6067 4.87334 10.1867 5.13334 9.92671L7.06 8.00004L5.13334 6.07337C4.87334 5.81337 4.87334 5.39337 5.13334 5.13337C5.39334 4.87337 5.81334 4.87337 6.07334 5.13337L8 7.06004L9.92667 5.13337C10.1867 4.87337 10.6067 4.87337 10.8667 5.13337C11.1267 5.39337 11.1267 5.81337 10.8667 6.07337L8.94 8.00004L10.8667 9.92671C11.12 10.18 11.12 10.6067 10.8667 10.8667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M12 2C6.47 2 2 6.47 2 12C2 17.53 6.47 22 12 22C17.53 22 22 17.53 22 12C22 6.47 17.53 2 12 2ZM16.3 16.3C15.91 16.69 15.28 16.69 14.89 16.3L12 13.41L9.11 16.3C8.72 16.69 8.09 16.69 7.7 16.3C7.31 15.91 7.31 15.28 7.7 14.89L10.59 12L7.7 9.11C7.31 8.72 7.31 8.09 7.7 7.7C8.09 7.31 8.72 7.31 9.11 7.7L12 10.59L14.89 7.7C15.28 7.31 15.91 7.31 16.3 7.7C16.69 8.09 16.69 8.72 16.3 9.11L13.41 12L16.3 14.89C16.68 15.27 16.68 15.91 16.3 16.3Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M14 2.33337C7.54834 2.33337 2.33334 7.54837 2.33334 14C2.33334 20.4517 7.54834 25.6667 14 25.6667C20.4517 25.6667 25.6667 20.4517 25.6667 14C25.6667 7.54837 20.4517 2.33337 14 2.33337ZM19.0167 19.0167C18.5617 19.4717 17.8267 19.4717 17.3717 19.0167L14 15.645L10.6283 19.0167C10.1733 19.4717 9.43834 19.4717 8.98334 19.0167C8.52834 18.5617 8.52834 17.8267 8.98334 17.3717L12.355 14L8.98334 10.6284C8.52834 10.1734 8.52834 9.43837 8.98334 8.98337C9.43834 8.52837 10.1733 8.52837 10.6283 8.98337L14 12.355L17.3717 8.98337C17.8267 8.52837 18.5617 8.52837 19.0167 8.98337C19.4717 9.43837 19.4717 10.1734 19.0167 10.6284L15.645 14L19.0167 17.3717C19.46 17.815 19.46 18.5617 19.0167 19.0167Z", fill: "currentColor" })))));
+  }
+};
+SwirlIconCancel.style = swirlIconCss$3;
+
+const swirlIconCss$2 = ":host{display:inline-flex}";
+
+const SwirlIconExpandLess = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.h("svg", { class: className, fill: "none", height: this.size, part: "icon", 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.39999 9.85C4.25554 9.70556 4.18332 9.52778 4.18332 9.31667C4.18332 9.10556 4.25554 8.92778 4.39999 8.78333L7.46665 5.71667C7.54443 5.63889 7.62776 5.58333 7.71665 5.55C7.80554 5.51667 7.89999 5.5 7.99999 5.5C8.09999 5.5 8.19443 5.51667 8.28332 5.55C8.37221 5.58333 8.45554 5.63889 8.53332 5.71667L11.6167 8.8C11.7611 8.94444 11.8307 9.11667 11.8253 9.31667C11.8195 9.51667 11.7444 9.69444 11.6 9.85C11.4555 9.98333 11.2778 10.05 11.0667 10.05C10.8555 10.05 10.6778 9.98333 10.5333 9.85L7.99999 7.3L5.44999 9.86667C5.30554 10 5.13332 10.0667 4.93332 10.0667C4.73332 10.0667 4.55554 9.99444 4.39999 9.85V9.85Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M6.59999 14.775C6.38333 14.5583 6.27499 14.2917 6.27499 13.975C6.27499 13.6583 6.38333 13.3917 6.59999 13.175L11.2 8.575C11.3167 8.45833 11.4417 8.375 11.575 8.325C11.7083 8.275 11.85 8.25 12 8.25C12.15 8.25 12.2917 8.275 12.425 8.325C12.5583 8.375 12.6833 8.45833 12.8 8.575L17.425 13.2C17.6417 13.4167 17.746 13.675 17.738 13.975C17.7293 14.275 17.6167 14.5417 17.4 14.775C17.1833 14.975 16.9167 15.075 16.6 15.075C16.2833 15.075 16.0167 14.975 15.8 14.775L12 10.95L8.17499 14.8C7.95833 15 7.69999 15.1 7.39999 15.1C7.09999 15.1 6.83333 14.9917 6.59999 14.775Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M7.7 17.2375C7.44722 16.9847 7.32083 16.6736 7.32083 16.3042C7.32083 15.9347 7.44722 15.6236 7.7 15.3708L13.0667 10.0042C13.2028 9.86806 13.3486 9.77083 13.5042 9.7125C13.6597 9.65417 13.825 9.625 14 9.625C14.175 9.625 14.3403 9.65417 14.4958 9.7125C14.6514 9.77083 14.7972 9.86806 14.9333 10.0042L20.3292 15.4C20.5819 15.6528 20.7037 15.9542 20.6943 16.3042C20.6842 16.6542 20.5528 16.9653 20.3 17.2375C20.0472 17.4708 19.7361 17.5875 19.3667 17.5875C18.9972 17.5875 18.6861 17.4708 18.4333 17.2375L14 12.775L9.5375 17.2667C9.28472 17.5 8.98333 17.6167 8.63333 17.6167C8.28333 17.6167 7.97222 17.4903 7.7 17.2375V17.2375Z", fill: "currentColor" })))));
+  }
+};
+SwirlIconExpandLess.style = swirlIconCss$2;
+
+const swirlIconCss$1 = ":host{display:inline-flex}";
+
+const SwirlIconVisibility = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.h("svg", { class: className, fill: "none", height: this.size, part: "icon", 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 3C4.66666 3 1.82 5.07333 0.666664 8C1.82 10.9267 4.66666 13 8 13C11.3333 13 14.18 10.9267 15.3333 8C14.18 5.07333 11.3333 3 8 3ZM8 11.3333C6.16 11.3333 4.66666 9.84 4.66666 8C4.66666 6.16 6.16 4.66667 8 4.66667C9.84 4.66667 11.3333 6.16 11.3333 8C11.3333 9.84 9.84 11.3333 8 11.3333ZM8 6C6.89333 6 6 6.89333 6 8C6 9.10667 6.89333 10 8 10C9.10666 10 10 9.10667 10 8C10 6.89333 9.10666 6 8 6Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M14 5.25C8.16666 5.25 3.185 8.87833 1.16666 14C3.185 19.1217 8.16666 22.75 14 22.75C19.8333 22.75 24.815 19.1217 26.8333 14C24.815 8.87833 19.8333 5.25 14 5.25ZM14 19.8333C10.78 19.8333 8.16666 17.22 8.16666 14C8.16666 10.78 10.78 8.16667 14 8.16667C17.22 8.16667 19.8333 10.78 19.8333 14C19.8333 17.22 17.22 19.8333 14 19.8333ZM14 10.5C12.0633 10.5 10.5 12.0633 10.5 14C10.5 15.9367 12.0633 17.5 14 17.5C15.9367 17.5 17.5 15.9367 17.5 14C17.5 12.0633 15.9367 10.5 14 10.5Z", fill: "currentColor" })))));
+  }
+};
+SwirlIconVisibility.style = swirlIconCss$1;
+
+const swirlIconCss = ":host{display:inline-flex}";
+
+const SwirlIconVisibilityOff = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.h("svg", { class: className, fill: "none", height: this.size, part: "icon", 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 4.31339C9.83999 4.31339 11.3333 5.80672 11.3333 7.64672C11.3333 7.98672 11.2667 8.31339 11.1733 8.62006L13.2133 10.6601C14.14 9.84006 14.8733 8.81339 15.3333 7.64006C14.18 4.72006 11.3333 2.64672 7.99999 2.64672C7.15332 2.64672 6.33999 2.78006 5.57332 3.02672L7.01999 4.47339C7.33332 4.38006 7.65999 4.31339 7.99999 4.31339ZM1.80666 2.08672C1.54666 2.34672 1.54666 2.76672 1.80666 3.02672L3.11999 4.34006C2.03999 5.20006 1.17999 6.33339 0.666656 7.64672C1.81999 10.5734 4.66666 12.6467 7.99999 12.6467C9.01332 12.6467 9.97999 12.4467 10.8733 12.1001L12.6867 13.9134C12.9467 14.1734 13.3667 14.1734 13.6267 13.9134C13.8867 13.6534 13.8867 13.2334 13.6267 12.9734L2.75332 2.08672C2.49332 1.82672 2.06666 1.82672 1.80666 2.08672ZM7.99999 10.9801C6.15999 10.9801 4.66666 9.48672 4.66666 7.64672C4.66666 7.13339 4.78666 6.64672 4.99332 6.22006L6.03999 7.26672C6.01999 7.38672 5.99999 7.51339 5.99999 7.64672C5.99999 8.75339 6.89332 9.64672 7.99999 9.64672C8.13332 9.64672 8.25332 9.62672 8.37999 9.60006L9.42666 10.6467C8.99332 10.8601 8.51332 10.9801 7.99999 10.9801ZM9.97999 7.42672C9.87999 6.49339 9.14666 5.76672 8.21999 5.66672L9.97999 7.42672Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M12 6.47002C14.76 6.47002 17 8.71002 17 11.47C17 11.98 16.9 12.47 16.76 12.93L19.82 15.99C21.21 14.76 22.31 13.22 23 11.46C21.27 7.08002 17 3.97002 12 3.97002C10.73 3.97002 9.51 4.17002 8.36 4.54002L10.53 6.71002C11 6.57002 11.49 6.47002 12 6.47002ZM2.71 3.13002C2.32 3.52002 2.32 4.15002 2.71 4.54002L4.68 6.51002C3.06 7.80002 1.77 9.50002 1 11.47C2.73 15.86 7 18.97 12 18.97C13.52 18.97 14.97 18.67 16.31 18.15L19.03 20.87C19.42 21.26 20.05 21.26 20.44 20.87C20.83 20.48 20.83 19.85 20.44 19.46L4.13 3.13002C3.74 2.74002 3.1 2.74002 2.71 3.13002ZM12 16.47C9.24 16.47 7 14.23 7 11.47C7 10.7 7.18 9.97002 7.49 9.33002L9.06 10.9C9.03 11.08 9 11.27 9 11.47C9 13.13 10.34 14.47 12 14.47C12.2 14.47 12.38 14.44 12.57 14.4L14.14 15.97C13.49 16.29 12.77 16.47 12 16.47ZM14.97 11.14C14.82 9.74002 13.72 8.65002 12.33 8.50002L14.97 11.14Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M14 7.54834C17.22 7.54834 19.8333 10.1617 19.8333 13.3817C19.8333 13.9767 19.7167 14.5483 19.5533 15.085L23.1233 18.655C24.745 17.22 26.0283 15.4233 26.8333 13.37C24.815 8.26001 19.8333 4.63167 14 4.63167C12.5183 4.63167 11.095 4.86501 9.75332 5.29667L12.285 7.82834C12.8333 7.66501 13.405 7.54834 14 7.54834ZM3.16166 3.65167C2.70666 4.10667 2.70666 4.84167 3.16166 5.29667L5.45999 7.59501C3.56999 9.10001 2.06499 11.0833 1.16666 13.3817C3.18499 18.5033 8.16666 22.1317 14 22.1317C15.7733 22.1317 17.465 21.7817 19.0283 21.175L22.2017 24.3483C22.6567 24.8033 23.3917 24.8033 23.8467 24.3483C24.3017 23.8933 24.3017 23.1583 23.8467 22.7033L4.81832 3.65167C4.36332 3.19667 3.61666 3.19667 3.16166 3.65167ZM14 19.215C10.78 19.215 8.16666 16.6017 8.16666 13.3817C8.16666 12.4833 8.37666 11.6317 8.73832 10.885L10.57 12.7167C10.535 12.9267 10.5 13.1483 10.5 13.3817C10.5 15.3183 12.0633 16.8817 14 16.8817C14.2333 16.8817 14.4433 16.8467 14.665 16.8L16.4967 18.6317C15.7383 19.005 14.8983 19.215 14 19.215ZM17.465 12.9967C17.29 11.3633 16.0067 10.0917 14.385 9.91667L17.465 12.9967Z", fill: "currentColor" })))));
+  }
+};
+SwirlIconVisibilityOff.style = swirlIconCss;
+
+exports.swirl_icon_cancel = SwirlIconCancel;
+exports.swirl_icon_expand_less = SwirlIconExpandLess;
+exports.swirl_icon_visibility = SwirlIconVisibility;
+exports.swirl_icon_visibility_off = SwirlIconVisibilityOff;

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

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-506fe4ea.js');
+const index$1 = require('./index-2ddd0598.js');
+
+const swirlIconCss = ":host{display:inline-flex}";
+
+const SwirlIconChatBubble = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.h("svg", { class: className, fill: "none", height: this.size, part: "icon", 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: "M3.5 2C2.67157 2 2 2.67157 2 3.5V9.5C2 10.3284 2.67157 11 3.5 11H5V13.7929C5 14.2383 5.53857 14.4614 5.85355 14.1464L9 11H12.5C13.3284 11 14 10.3284 14 9.5V3.5C14 2.67157 13.3284 2 12.5 2H3.5Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M5.25 3C4.00736 3 3 4.00736 3 5.25V14.25C3 15.4926 4.00736 16.5 5.25 16.5H7.5V20.6893C7.5 21.3575 8.30786 21.6921 8.78033 21.2197L13.5 16.5H18.75C19.9926 16.5 21 15.4926 21 14.25V5.25C21 4.00736 19.9926 3 18.75 3H5.25Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M6.125 3.5C4.67525 3.5 3.5 4.67525 3.5 6.125V16.625C3.5 18.0747 4.67525 19.25 6.125 19.25H8.75V24.1376C8.75 24.9171 9.6925 25.3075 10.2437 24.7563L15.75 19.25H21.875C23.3247 19.25 24.5 18.0747 24.5 16.625V6.125C24.5 4.67525 23.3247 3.5 21.875 3.5H6.125Z", fill: "currentColor" })))));
+  }
+};
+SwirlIconChatBubble.style = swirlIconCss;
+
+exports.swirl_icon_chat_bubble = SwirlIconChatBubble;

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

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-506fe4ea.js');
+const index$1 = require('./index-2ddd0598.js');
+
+const swirlIconCss = ":host{display:inline-flex}";
+
+const SwirlIconChatsFilled = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.h("svg", { class: className, fill: "none", height: this.size, part: "icon", 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 2C6.4087 2 4.88258 2.63214 3.75736 3.75736C2.63214 4.88258 2 6.4087 2 8V12.5C2 12.8978 2.15804 13.2794 2.43934 13.5607C2.72064 13.842 3.10218 14 3.5 14H8C9.5913 14 11.1174 13.3679 12.2426 12.2426C13.3679 11.1174 14 9.5913 14 8C14 6.4087 13.3679 4.88258 12.2426 3.75736C11.1174 2.63214 9.5913 2 8 2V2ZM5.665 9.335C5.40096 9.335 5.14285 9.2567 4.92331 9.11001C4.70377 8.96332 4.53266 8.75482 4.43162 8.51088C4.33058 8.26694 4.30414 7.99852 4.35565 7.73955C4.40716 7.48059 4.53431 7.24272 4.72101 7.05601C4.90772 6.86931 5.14559 6.74216 5.40455 6.69065C5.66352 6.63914 5.93194 6.66558 6.17588 6.76662C6.41982 6.86766 6.62832 7.03877 6.77501 7.25831C6.9217 7.47785 7 7.73596 7 8C7 8.35406 6.85935 8.69363 6.60899 8.94399C6.35863 9.19435 6.01906 9.335 5.665 9.335V9.335ZM10.165 9.335C9.90096 9.335 9.64285 9.2567 9.42331 9.11001C9.20377 8.96332 9.03266 8.75482 8.93162 8.51088C8.83058 8.26694 8.80414 7.99852 8.85565 7.73955C8.90716 7.48059 9.03431 7.24272 9.22101 7.05601C9.40772 6.86931 9.64559 6.74216 9.90455 6.69065C10.1635 6.63914 10.4319 6.66558 10.6759 6.76662C10.9198 6.86766 11.1283 7.03877 11.275 7.25831C11.4217 7.47785 11.5 7.73596 11.5 8C11.5 8.17531 11.4655 8.34891 11.3984 8.51088C11.3313 8.67285 11.233 8.82002 11.109 8.94399C10.985 9.06795 10.8379 9.16629 10.6759 9.23338C10.5139 9.30047 10.3403 9.335 10.165 9.335V9.335Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M12 3C9.61305 3 7.32387 3.94821 5.63604 5.63604C3.94821 7.32387 3 9.61305 3 12V18.75C3 19.3467 3.23705 19.919 3.65901 20.341C4.08097 20.7629 4.65326 21 5.25 21H12C14.3869 21 16.6761 20.0518 18.364 18.364C20.0518 16.6761 21 14.3869 21 12C21 9.61305 20.0518 7.32387 18.364 5.63604C16.6761 3.94821 14.3869 3 12 3V3ZM8.4975 14.0025C8.10144 14.0025 7.71428 13.8851 7.38497 13.665C7.05566 13.445 6.799 13.1322 6.64743 12.7663C6.49587 12.4004 6.45621 11.9978 6.53348 11.6093C6.61074 11.2209 6.80146 10.8641 7.08152 10.584C7.36157 10.304 7.71838 10.1132 8.10683 10.036C8.49528 9.95871 8.89791 9.99837 9.26382 10.1499C9.62973 10.3015 9.94248 10.5582 10.1625 10.8875C10.3826 11.2168 10.5 11.6039 10.5 12C10.5 12.5311 10.289 13.0404 9.91348 13.416C9.53794 13.7915 9.0286 14.0025 8.4975 14.0025V14.0025ZM15.2475 14.0025C14.8514 14.0025 14.4643 13.8851 14.135 13.665C13.8057 13.445 13.549 13.1322 13.3974 12.7663C13.2459 12.4004 13.2062 11.9978 13.2835 11.6093C13.3607 11.2209 13.5515 10.8641 13.8315 10.584C14.1116 10.304 14.4684 10.1132 14.8568 10.036C15.2453 9.95871 15.6479 9.99837 16.0138 10.1499C16.3797 10.3015 16.6925 10.5582 16.9125 10.8875C17.1326 11.2168 17.25 11.6039 17.25 12C17.25 12.263 17.1982 12.5234 17.0976 12.7663C16.9969 13.0093 16.8494 13.23 16.6635 13.416C16.4775 13.6019 16.2568 13.7494 16.0138 13.8501C15.7709 13.9507 15.5105 14.0025 15.2475 14.0025V14.0025Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M14 3.5C11.2152 3.5 8.54451 4.60625 6.57538 6.57538C4.60625 8.54451 3.5 11.2152 3.5 14V21.875C3.5 22.5712 3.77656 23.2389 4.26884 23.7312C4.76113 24.2234 5.42881 24.5 6.125 24.5H14C16.7848 24.5 19.4555 23.3938 21.4246 21.4246C23.3938 19.4555 24.5 16.7848 24.5 14C24.5 11.2152 23.3938 8.54451 21.4246 6.57538C19.4555 4.60625 16.7848 3.5 14 3.5V3.5ZM9.91375 16.3363C9.45168 16.3363 8.99999 16.1992 8.6158 15.9425C8.2316 15.6858 7.93216 15.3209 7.75534 14.894C7.57851 14.4672 7.53225 13.9974 7.62239 13.5442C7.71254 13.091 7.93504 12.6748 8.26177 12.348C8.5885 12.0213 9.00478 11.7988 9.45797 11.7086C9.91116 11.6185 10.3809 11.6648 10.8078 11.8416C11.2347 12.0184 11.5996 12.3179 11.8563 12.702C12.113 13.0862 12.25 13.5379 12.25 14C12.25 14.6196 12.0039 15.2138 11.5657 15.652C11.1276 16.0901 10.5334 16.3363 9.91375 16.3363V16.3363ZM17.7887 16.3363C17.3267 16.3363 16.875 16.1992 16.4908 15.9425C16.1066 15.6858 15.8072 15.3209 15.6303 14.894C15.4535 14.4672 15.4072 13.9974 15.4974 13.5442C15.5875 13.091 15.81 12.6748 16.1368 12.348C16.4635 12.0213 16.8798 11.7988 17.333 11.7086C17.7862 11.6185 18.2559 11.6648 18.6828 11.8416C19.1097 12.0184 19.4746 12.3179 19.7313 12.702C19.988 13.0862 20.125 13.5379 20.125 14C20.125 14.3068 20.0646 14.6106 19.9472 14.894C19.8298 15.1775 19.6577 15.435 19.4407 15.652C19.2238 15.8689 18.9662 16.041 18.6828 16.1584C18.3993 16.2758 18.0956 16.3363 17.7887 16.3363V16.3363Z", fill: "currentColor" })))));
+  }
+};
+SwirlIconChatsFilled.style = swirlIconCss;
+
+exports.swirl_icon_chats_filled = SwirlIconChatsFilled;

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

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-506fe4ea.js');
+const index$1 = require('./index-2ddd0598.js');
+
+const swirlIconCss = ":host{display:inline-flex}";
+
+const SwirlIconChatsOutlined = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.h("svg", { class: className, fill: "none", height: this.size, part: "icon", 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 3C9.32608 3 10.5979 3.52678 11.5355 4.46447C12.4732 5.40215 13 6.67392 13 8C13 9.32608 12.4732 10.5979 11.5355 11.5355C10.5979 12.4732 9.32608 13 8 13H3.5C3.36739 13 3.24021 12.9473 3.14645 12.8536C3.05268 12.7598 3 12.6326 3 12.5V8C3 6.67392 3.52678 5.40215 4.46447 4.46447C5.40215 3.52678 6.67392 3 8 3ZM8 2C6.4087 2 4.88258 2.63214 3.75736 3.75736C2.63214 4.88258 2 6.4087 2 8V12.5C2 12.8978 2.15804 13.2794 2.43934 13.5607C2.72064 13.842 3.10218 14 3.5 14H8C9.5913 14 11.1174 13.3679 12.2426 12.2426C13.3679 11.1174 14 9.5913 14 8C14 6.4087 13.3679 4.88258 12.2426 3.75736C11.1174 2.63214 9.5913 2 8 2Z", fill: "currentColor" }), index.h("path", { d: "M6.005 6.835H6C5.35659 6.835 4.835 7.35659 4.835 8V8.005C4.835 8.64841 5.35659 9.17 6 9.17H6.005C6.64841 9.17 7.17 8.64841 7.17 8.005V8C7.17 7.35659 6.64841 6.835 6.005 6.835Z", fill: "currentColor" }), index.h("path", { d: "M9.835 6.835H9.83C9.18659 6.835 8.665 7.35659 8.665 8V8.005C8.665 8.64841 9.18659 9.17 9.83 9.17H9.835C10.4784 9.17 11 8.64841 11 8.005V8C11 7.35659 10.4784 6.835 9.835 6.835Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M12 4.5C13.9891 4.5 15.8968 5.29018 17.3033 6.6967C18.7098 8.10322 19.5 10.0109 19.5 12C19.5 13.9891 18.7098 15.8968 17.3033 17.3033C15.8968 18.7098 13.9891 19.5 12 19.5H5.25C5.05109 19.5 4.86032 19.421 4.71967 19.2803C4.57902 19.1397 4.5 18.9489 4.5 18.75V12C4.5 10.0109 5.29018 8.10322 6.6967 6.6967C8.10322 5.29018 10.0109 4.5 12 4.5ZM12 3C9.61305 3 7.32387 3.94821 5.63604 5.63604C3.94821 7.32387 3 9.61305 3 12V18.75C3 19.3467 3.23705 19.919 3.65901 20.341C4.08097 20.7629 4.65326 21 5.25 21H12C14.3869 21 16.6761 20.0518 18.364 18.364C20.0518 16.6761 21 14.3869 21 12C21 9.61305 20.0518 7.32387 18.364 5.63604C16.6761 3.94821 14.3869 3 12 3Z", fill: "currentColor" }), index.h("path", { d: "M9.0075 10.2525H9C8.03488 10.2525 7.2525 11.0349 7.2525 12V12.0075C7.2525 12.9726 8.03488 13.755 9 13.755H9.0075C9.97262 13.755 10.755 12.9726 10.755 12.0075V12C10.755 11.0349 9.97262 10.2525 9.0075 10.2525Z", fill: "currentColor" }), index.h("path", { d: "M14.7525 10.2525H14.745C13.7799 10.2525 12.9975 11.0349 12.9975 12V12.0075C12.9975 12.9726 13.7799 13.755 14.745 13.755H14.7525C15.7176 13.755 16.5 12.9726 16.5 12.0075V12C16.5 11.0349 15.7176 10.2525 14.7525 10.2525Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M14 5.25C16.3206 5.25 18.5462 6.17187 20.1872 7.81282C21.8281 9.45376 22.75 11.6794 22.75 14C22.75 16.3206 21.8281 18.5462 20.1872 20.1872C18.5462 21.8281 16.3206 22.75 14 22.75H6.125C5.89294 22.75 5.67038 22.6578 5.50628 22.4937C5.34219 22.3296 5.25 22.1071 5.25 21.875V14C5.25 11.6794 6.17187 9.45376 7.81282 7.81282C9.45376 6.17187 11.6794 5.25 14 5.25ZM14 3.5C11.2152 3.5 8.54451 4.60625 6.57538 6.57538C4.60625 8.54451 3.5 11.2152 3.5 14V21.875C3.5 22.5712 3.77656 23.2389 4.26884 23.7312C4.76113 24.2234 5.42881 24.5 6.125 24.5H14C16.7848 24.5 19.4555 23.3938 21.4246 21.4246C23.3938 19.4555 24.5 16.7848 24.5 14C24.5 11.2152 23.3938 8.54451 21.4246 6.57538C19.4555 4.60625 16.7848 3.5 14 3.5Z", fill: "currentColor" }), index.h("path", { d: "M10.5088 11.9613H10.5C9.37403 11.9613 8.46125 12.874 8.46125 14V14.0088C8.46125 15.1347 9.37403 16.0475 10.5 16.0475H10.5088C11.6347 16.0475 12.5475 15.1347 12.5475 14.0088V14C12.5475 12.874 11.6347 11.9613 10.5088 11.9613Z", fill: "currentColor" }), index.h("path", { d: "M17.2113 11.9613H17.2025C16.0765 11.9613 15.1637 12.874 15.1637 14V14.0088C15.1637 15.1347 16.0765 16.0475 17.2025 16.0475H17.2113C18.3372 16.0475 19.25 15.1347 19.25 14.0088V14C19.25 12.874 18.3372 11.9613 17.2113 11.9613Z", fill: "currentColor" })))));
+  }
+};
+SwirlIconChatsOutlined.style = swirlIconCss;
+
+exports.swirl_icon_chats_outlined = SwirlIconChatsOutlined;

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

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-506fe4ea.js');
+const index$1 = require('./index-2ddd0598.js');
+
+const swirlIconCss$1 = ":host{display:inline-flex}";
+
+const SwirlIconCheckCircle = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.h("svg", { class: className, fill: "none", height: this.size, part: "icon", 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.00001 1.33337C4.32001 1.33337 1.33334 4.32004 1.33334 8.00004C1.33334 11.68 4.32001 14.6667 8.00001 14.6667C11.68 14.6667 14.6667 11.68 14.6667 8.00004C14.6667 4.32004 11.68 1.33337 8.00001 1.33337ZM6.19334 10.86L3.80001 8.46671C3.54001 8.20671 3.54001 7.78671 3.80001 7.52671C4.06001 7.26671 4.48001 7.26671 4.74001 7.52671L6.66668 9.44671L11.2533 4.86004C11.5133 4.60004 11.9333 4.60004 12.1933 4.86004C12.4533 5.12004 12.4533 5.54004 12.1933 5.80004L7.13334 10.86C6.88001 11.12 6.45334 11.12 6.19334 10.86Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM9.29 16.29L5.7 12.7C5.31 12.31 5.31 11.68 5.7 11.29C6.09 10.9 6.72 10.9 7.11 11.29L10 14.17L16.88 7.29C17.27 6.9 17.9 6.9 18.29 7.29C18.68 7.68 18.68 8.31 18.29 8.7L10.7 16.29C10.32 16.68 9.68 16.68 9.29 16.29Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M14 2.33337C7.56001 2.33337 2.33334 7.56004 2.33334 14C2.33334 20.44 7.56001 25.6667 14 25.6667C20.44 25.6667 25.6667 20.44 25.6667 14C25.6667 7.56004 20.44 2.33337 14 2.33337ZM10.8383 19.005L6.65001 14.8167C6.19501 14.3617 6.19501 13.6267 6.65001 13.1717C7.10501 12.7167 7.84001 12.7167 8.29501 13.1717L11.6667 16.5317L19.6933 8.50504C20.1483 8.05004 20.8833 8.05004 21.3383 8.50504C21.7933 8.96004 21.7933 9.69504 21.3383 10.15L12.4833 19.005C12.04 19.46 11.2933 19.46 10.8383 19.005Z", fill: "currentColor" })))));
+  }
+};
+SwirlIconCheckCircle.style = swirlIconCss$1;
+
+const swirlIconCss = ":host{display:inline-flex}";
+
+const SwirlIconWarning = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.h("svg", { class: className, fill: "none", height: this.size, part: "icon", 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: "M1.81666 14C1.5611 14 1.37221 13.8889 1.24999 13.6667C1.12777 13.4444 1.12777 13.2222 1.24999 13L7.41666 2.33333C7.53888 2.11111 7.73333 2 7.99999 2C8.26666 2 8.4611 2.11111 8.58333 2.33333L14.75 13C14.8722 13.2222 14.8722 13.4444 14.75 13.6667C14.6278 13.8889 14.4389 14 14.1833 14H1.81666ZM7.99999 6.66667C7.8111 6.66667 7.65288 6.73044 7.52533 6.858C7.39733 6.986 7.33333 7.14444 7.33333 7.33333V9.33333C7.33333 9.52222 7.39733 9.68044 7.52533 9.808C7.65288 9.936 7.8111 10 7.99999 10C8.18888 10 8.34733 9.936 8.47533 9.808C8.60288 9.68044 8.66666 9.52222 8.66666 9.33333V7.33333C8.66666 7.14444 8.60288 6.986 8.47533 6.858C8.34733 6.73044 8.18888 6.66667 7.99999 6.66667ZM7.99999 12C8.18888 12 8.34733 11.936 8.47533 11.808C8.60288 11.6804 8.66666 11.5222 8.66666 11.3333C8.66666 11.1444 8.60288 10.9862 8.47533 10.8587C8.34733 10.7307 8.18888 10.6667 7.99999 10.6667C7.8111 10.6667 7.65288 10.7307 7.52533 10.8587C7.39733 10.9862 7.33333 11.1444 7.33333 11.3333C7.33333 11.5222 7.39733 11.6804 7.52533 11.808C7.65288 11.936 7.8111 12 7.99999 12Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M2.72499 21C2.34165 21 2.05832 20.8333 1.87499 20.5C1.69165 20.1667 1.69165 19.8333 1.87499 19.5L11.125 3.5C11.3083 3.16667 11.6 3 12 3C12.4 3 12.6917 3.16667 12.875 3.5L22.125 19.5C22.3083 19.8333 22.3083 20.1667 22.125 20.5C21.9417 20.8333 21.6583 21 21.275 21H2.72499ZM12 10C11.7167 10 11.4793 10.0957 11.288 10.287C11.096 10.479 11 10.7167 11 11V14C11 14.2833 11.096 14.5207 11.288 14.712C11.4793 14.904 11.7167 15 12 15C12.2833 15 12.521 14.904 12.713 14.712C12.9043 14.5207 13 14.2833 13 14V11C13 10.7167 12.9043 10.479 12.713 10.287C12.521 10.0957 12.2833 10 12 10ZM12 18C12.2833 18 12.521 17.904 12.713 17.712C12.9043 17.5207 13 17.2833 13 17C13 16.7167 12.9043 16.4793 12.713 16.288C12.521 16.096 12.2833 16 12 16C11.7167 16 11.4793 16.096 11.288 16.288C11.096 16.4793 11 16.7167 11 17C11 17.2833 11.096 17.5207 11.288 17.712C11.4793 17.904 11.7167 18 12 18Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M3.17915 24.5C2.73193 24.5 2.40137 24.3056 2.18749 23.9167C1.9736 23.5278 1.9736 23.1389 2.18749 22.75L12.9792 4.08333C13.193 3.69444 13.5333 3.5 14 3.5C14.4667 3.5 14.8069 3.69444 15.0208 4.08333L25.8125 22.75C26.0264 23.1389 26.0264 23.5278 25.8125 23.9167C25.5986 24.3056 25.268 24.5 24.8208 24.5H3.17915ZM14 11.6667C13.6694 11.6667 13.3925 11.7783 13.1693 12.0015C12.9453 12.2255 12.8333 12.5028 12.8333 12.8333V16.3333C12.8333 16.6639 12.9453 16.9408 13.1693 17.164C13.3925 17.388 13.6694 17.5 14 17.5C14.3305 17.5 14.6078 17.388 14.8318 17.164C15.055 16.9408 15.1667 16.6639 15.1667 16.3333V12.8333C15.1667 12.5028 15.055 12.2255 14.8318 12.0015C14.6078 11.7783 14.3305 11.6667 14 11.6667ZM14 21C14.3305 21 14.6078 20.888 14.8318 20.664C15.055 20.4408 15.1667 20.1639 15.1667 19.8333C15.1667 19.5028 15.055 19.2259 14.8318 19.0027C14.6078 18.7787 14.3305 18.6667 14 18.6667C13.6694 18.6667 13.3925 18.7787 13.1693 19.0027C12.9453 19.2259 12.8333 19.5028 12.8333 19.8333C12.8333 20.1639 12.9453 20.4408 13.1693 20.664C13.3925 20.888 13.6694 21 14 21Z", fill: "currentColor" })))));
+  }
+};
+SwirlIconWarning.style = swirlIconCss;
+
+exports.swirl_icon_check_circle = SwirlIconCheckCircle;
+exports.swirl_icon_warning = SwirlIconWarning;