npm - @getflip/swirl-components - Versions diffs - 0.429.0 → 0.431.0 - Mend

@getflip/swirl-components 0.429.0 → 0.431.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2564) hide show

package/dist/cjs/swirl-date-input.cjs.entry.js CHANGED Viewed

@@ -222,7 +222,7 @@ const SwirlDateInput = class {
         const className = index$2.classnames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (index.h(index.Host, { key: '2eb7ea49306172fb04bc69b8e480ae52f7d7ceaf' }, index.h("div", { key: '4b6132bdde148ad48f83326950c9e2ffc8949a59', class: className }, index.h("input", { key: 'f67381dca7356d016ea8abe52c0400e1a8e29cea', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.isInPickOnlyMode || this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text" }), !this.readonly && (index.h("swirl-popover-trigger", { key: 'ead6f6a5c0c673c706247638f4d512ebfdc25d93', swirlPopover: `popover-${this.id}` }, index.h("button", { key: '718c4d0929e801719584a0d8baadf77c4431490f', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, index.h("swirl-icon-today", { key: 'd1f74a5cc2cb30006cc31ba1c6c9774a86d3c353', size: this.iconSize }))))), !(this.disabled || this.readonly) && (index.h("swirl-popover", { key: 'a624faec03f257ec372a0737a6718e4d5827cae7', animation: "scale-in-y", class: "date-input__date-picker-popover", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (el) => (this.pickerPopover = el) }, index.h("swirl-date-picker", { key: 'fb685fdb372e2747cba66692f36ad46002718892', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        return (index.h(index.Host, { key: '9f4c97155953cd52e5604282335575ac7d422548' }, index.h("div", { key: '741a8481da4b9fcb3e04813e0f0e3dedabbf9be2', class: className }, index.h("input", { key: 'ce167f58cd6fae6100e738185c4addfa441c0178', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.isInPickOnlyMode || this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text" }), !this.readonly && (index.h("swirl-popover-trigger", { key: 'd16a99d46026712b4f83e04d499c19ad8738a03e', swirlPopover: `popover-${this.id}` }, index.h("button", { key: '3535d1830088f53045d37e3b870fb487f6143aa4', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, index.h("swirl-icon-today", { key: 'a64b39ba3119c06704a9ff01d8aa5b6bf9a2f569', size: this.iconSize }))))), !(this.disabled || this.readonly) && (index.h("swirl-popover", { key: '02ca73ebb12df7712a51ca3a1dacd56749f8471f', animation: "scale-in-y", class: "date-input__date-picker-popover", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (el) => (this.pickerPopover = el) }, index.h("swirl-date-picker", { key: '07ab0a2a647591deff7150cdb323451eb938ea88', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-date-picker_2.cjs.entry.js CHANGED Viewed

@@ -43,13 +43,13 @@ const SwirlDatePicker = class {
         const className = index$1.classnames({
             "date-picker--fixed-max-width": this.fixedMaxWidth,
         });
-        return (index.h(index.Host, { key: 'fd93d69647e0895f1390b39571ed79c3c8c6bc83', onClick: this.onClick }, index.h("wc-datepicker", { key: 'e414c0389654b9fe2a75e635abaaad4dedd6efe5', class: className, elementClassName: "date-picker", disableDate: this.disableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onSelectDate: this.onSelectDate, range: this.range, startDate: startDate, value: this.value })));
+        return (index.h(index.Host, { key: 'b4ca7661d33f3353987a571d6540551cc7dbb125', onClick: this.onClick }, index.h("wc-datepicker", { key: '75ec2d36b7e5a540c344dfe68080d859ad904e9c', class: className, elementClassName: "date-picker", disableDate: this.disableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onSelectDate: this.onSelectDate, range: this.range, startDate: startDate, value: this.value })));
     }
     get el() { return index.getElement(this); }
 };
 SwirlDatePicker.style = swirlDatePickerCss;
-const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued)}";
 const SwirlIconToday = class {
     constructor(hostRef) {
@@ -62,7 +62,7 @@ const SwirlIconToday = class {
             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: '9b54db6fb588ded0058ead39fe0e8ec3468274fb', "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: '327a06649c85e34d5801348c18abf9c70db46b5c' }, index.h("path", { key: '26e7487a8625e3ab4183ba157132aadc06fd8a5d', d: "M6 10.9999C5.53333 10.9999 5.13889 10.8388 4.81667 10.5166C4.49444 10.1944 4.33333 9.79992 4.33333 9.33325C4.33333 8.86658 4.49444 8.47214 4.81667 8.14992C5.13889 7.8277 5.53333 7.66658 6 7.66658C6.46667 7.66658 6.86111 7.8277 7.18333 8.14992C7.50556 8.47214 7.66667 8.86658 7.66667 9.33325C7.66667 9.79992 7.50556 10.1944 7.18333 10.5166C6.86111 10.8388 6.46667 10.9999 6 10.9999ZM3.33333 14.6666C2.96667 14.6666 2.65267 14.5361 2.39133 14.2753C2.13044 14.0139 2 13.6999 2 13.3333V3.99992C2 3.63325 2.13044 3.31947 2.39133 3.05859C2.65267 2.79725 2.96667 2.66659 3.33333 2.66659H4V1.99992C4 1.81103 4.06378 1.65259 4.19133 1.52459C4.31933 1.39703 4.47778 1.33325 4.66667 1.33325C4.85556 1.33325 5.014 1.39703 5.142 1.52459C5.26956 1.65259 5.33333 1.81103 5.33333 1.99992V2.66659H10.6667V1.99992C10.6667 1.81103 10.7307 1.65259 10.8587 1.52459C10.9862 1.39703 11.1444 1.33325 11.3333 1.33325C11.5222 1.33325 11.6804 1.39703 11.808 1.52459C11.936 1.65259 12 1.81103 12 1.99992V2.66659H12.6667C13.0333 2.66659 13.3473 2.79725 13.6087 3.05859C13.8696 3.31947 14 3.63325 14 3.99992V13.3333C14 13.6999 13.8696 14.0139 13.6087 14.2753C13.3473 14.5361 13.0333 14.6666 12.6667 14.6666H3.33333ZM3.33333 13.3333H12.6667V6.66658H3.33333V13.3333ZM3.33333 5.33325H12.6667V3.99992H3.33333V5.33325Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: 'a676f5e68ca4f1b9daa803299edf20bbaa82a4be' }, index.h("path", { key: '498f94dd198623616c1c8c76fb3a51b241ed16d7', d: "M9 16.5C8.3 16.5 7.70833 16.2583 7.225 15.775C6.74167 15.2917 6.5 14.7 6.5 14C6.5 13.3 6.74167 12.7083 7.225 12.225C7.70833 11.7417 8.3 11.5 9 11.5C9.7 11.5 10.2917 11.7417 10.775 12.225C11.2583 12.7083 11.5 13.3 11.5 14C11.5 14.7 11.2583 15.2917 10.775 15.775C10.2917 16.2583 9.7 16.5 9 16.5ZM5 22C4.45 22 3.979 21.8043 3.587 21.413C3.19567 21.021 3 20.55 3 20V6C3 5.45 3.19567 4.97933 3.587 4.588C3.979 4.196 4.45 4 5 4H6V3C6 2.71667 6.09567 2.479 6.287 2.287C6.479 2.09567 6.71667 2 7 2C7.28333 2 7.521 2.09567 7.713 2.287C7.90433 2.479 8 2.71667 8 3V4H16V3C16 2.71667 16.096 2.479 16.288 2.287C16.4793 2.09567 16.7167 2 17 2C17.2833 2 17.5207 2.09567 17.712 2.287C17.904 2.479 18 2.71667 18 3V4H19C19.55 4 20.021 4.196 20.413 4.588C20.8043 4.97933 21 5.45 21 6V20C21 20.55 20.8043 21.021 20.413 21.413C20.021 21.8043 19.55 22 19 22H5ZM5 20H19V10H5V20ZM5 8H19V6H5V8Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: 'e51a5547159bf77713e4b3a88e23e99d6bbb3785' }, index.h("path", { key: 'f113e12a85caa513845cf2fdf935ab37611f35f7', d: "M10.5 19.2499C9.68333 19.2499 8.99306 18.968 8.42917 18.4041C7.86528 17.8402 7.58333 17.1499 7.58333 16.3333C7.58333 15.5166 7.86528 14.8263 8.42917 14.2624C8.99306 13.6985 9.68333 13.4166 10.5 13.4166C11.3167 13.4166 12.0069 13.6985 12.5708 14.2624C13.1347 14.8263 13.4167 15.5166 13.4167 16.3333C13.4167 17.1499 13.1347 17.8402 12.5708 18.4041C12.0069 18.968 11.3167 19.2499 10.5 19.2499ZM5.83333 25.6666C5.19167 25.6666 4.64217 25.4383 4.18483 24.9818C3.72828 24.5244 3.5 23.9749 3.5 23.3333V6.99992C3.5 6.35825 3.72828 5.80914 4.18483 5.35259C4.64217 4.89525 5.19167 4.66659 5.83333 4.66659H7V3.49992C7 3.16936 7.11161 2.89209 7.33483 2.66809C7.55883 2.44486 7.83611 2.33325 8.16667 2.33325C8.49722 2.33325 8.7745 2.44486 8.9985 2.66809C9.22172 2.89209 9.33333 3.16936 9.33333 3.49992V4.66659H18.6667V3.49992C18.6667 3.16936 18.7787 2.89209 19.0027 2.66809C19.2259 2.44486 19.5028 2.33325 19.8333 2.33325C20.1639 2.33325 20.4408 2.44486 20.664 2.66809C20.888 2.89209 21 3.16936 21 3.49992V4.66659H22.1667C22.8083 4.66659 23.3578 4.89525 23.8152 5.35259C24.2717 5.80914 24.5 6.35825 24.5 6.99992V23.3333C24.5 23.9749 24.2717 24.5244 23.8152 24.9818C23.3578 25.4383 22.8083 25.6666 22.1667 25.6666H5.83333ZM5.83333 23.3333H22.1667V11.6666H5.83333V23.3333ZM5.83333 9.33325H22.1667V6.99992H5.83333V9.33325Z", fill: "currentColor" })))));
+        return (index.h("svg", { key: '75d626f7b0eceaecca8f6ac5070839a43f980e29', "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: '3e7ac447c05e3435ae98f9e2ce68dfae65106ffa' }, index.h("path", { key: '88fa7d1720894029af339ca5fde6bbcbf0ea11fa', d: "M6 10.9999C5.53333 10.9999 5.13889 10.8388 4.81667 10.5166C4.49444 10.1944 4.33333 9.79992 4.33333 9.33325C4.33333 8.86658 4.49444 8.47214 4.81667 8.14992C5.13889 7.8277 5.53333 7.66658 6 7.66658C6.46667 7.66658 6.86111 7.8277 7.18333 8.14992C7.50556 8.47214 7.66667 8.86658 7.66667 9.33325C7.66667 9.79992 7.50556 10.1944 7.18333 10.5166C6.86111 10.8388 6.46667 10.9999 6 10.9999ZM3.33333 14.6666C2.96667 14.6666 2.65267 14.5361 2.39133 14.2753C2.13044 14.0139 2 13.6999 2 13.3333V3.99992C2 3.63325 2.13044 3.31947 2.39133 3.05859C2.65267 2.79725 2.96667 2.66659 3.33333 2.66659H4V1.99992C4 1.81103 4.06378 1.65259 4.19133 1.52459C4.31933 1.39703 4.47778 1.33325 4.66667 1.33325C4.85556 1.33325 5.014 1.39703 5.142 1.52459C5.26956 1.65259 5.33333 1.81103 5.33333 1.99992V2.66659H10.6667V1.99992C10.6667 1.81103 10.7307 1.65259 10.8587 1.52459C10.9862 1.39703 11.1444 1.33325 11.3333 1.33325C11.5222 1.33325 11.6804 1.39703 11.808 1.52459C11.936 1.65259 12 1.81103 12 1.99992V2.66659H12.6667C13.0333 2.66659 13.3473 2.79725 13.6087 3.05859C13.8696 3.31947 14 3.63325 14 3.99992V13.3333C14 13.6999 13.8696 14.0139 13.6087 14.2753C13.3473 14.5361 13.0333 14.6666 12.6667 14.6666H3.33333ZM3.33333 13.3333H12.6667V6.66658H3.33333V13.3333ZM3.33333 5.33325H12.6667V3.99992H3.33333V5.33325Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '51adee89da0c147d83c4b291e50d0df063e37e56' }, index.h("path", { key: '8db64773454346b50335e1cd1c8961d3df2837e5', d: "M9 16.5C8.3 16.5 7.70833 16.2583 7.225 15.775C6.74167 15.2917 6.5 14.7 6.5 14C6.5 13.3 6.74167 12.7083 7.225 12.225C7.70833 11.7417 8.3 11.5 9 11.5C9.7 11.5 10.2917 11.7417 10.775 12.225C11.2583 12.7083 11.5 13.3 11.5 14C11.5 14.7 11.2583 15.2917 10.775 15.775C10.2917 16.2583 9.7 16.5 9 16.5ZM5 22C4.45 22 3.979 21.8043 3.587 21.413C3.19567 21.021 3 20.55 3 20V6C3 5.45 3.19567 4.97933 3.587 4.588C3.979 4.196 4.45 4 5 4H6V3C6 2.71667 6.09567 2.479 6.287 2.287C6.479 2.09567 6.71667 2 7 2C7.28333 2 7.521 2.09567 7.713 2.287C7.90433 2.479 8 2.71667 8 3V4H16V3C16 2.71667 16.096 2.479 16.288 2.287C16.4793 2.09567 16.7167 2 17 2C17.2833 2 17.5207 2.09567 17.712 2.287C17.904 2.479 18 2.71667 18 3V4H19C19.55 4 20.021 4.196 20.413 4.588C20.8043 4.97933 21 5.45 21 6V20C21 20.55 20.8043 21.021 20.413 21.413C20.021 21.8043 19.55 22 19 22H5ZM5 20H19V10H5V20ZM5 8H19V6H5V8Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: 'cd23cbf7139e9eed07fbc49b332dc05d5fb49318' }, index.h("path", { key: '8fcaef25f5f6d49ea6844dc4816c3327d1c3c409', d: "M10.5 19.2499C9.68333 19.2499 8.99306 18.968 8.42917 18.4041C7.86528 17.8402 7.58333 17.1499 7.58333 16.3333C7.58333 15.5166 7.86528 14.8263 8.42917 14.2624C8.99306 13.6985 9.68333 13.4166 10.5 13.4166C11.3167 13.4166 12.0069 13.6985 12.5708 14.2624C13.1347 14.8263 13.4167 15.5166 13.4167 16.3333C13.4167 17.1499 13.1347 17.8402 12.5708 18.4041C12.0069 18.968 11.3167 19.2499 10.5 19.2499ZM5.83333 25.6666C5.19167 25.6666 4.64217 25.4383 4.18483 24.9818C3.72828 24.5244 3.5 23.9749 3.5 23.3333V6.99992C3.5 6.35825 3.72828 5.80914 4.18483 5.35259C4.64217 4.89525 5.19167 4.66659 5.83333 4.66659H7V3.49992C7 3.16936 7.11161 2.89209 7.33483 2.66809C7.55883 2.44486 7.83611 2.33325 8.16667 2.33325C8.49722 2.33325 8.7745 2.44486 8.9985 2.66809C9.22172 2.89209 9.33333 3.16936 9.33333 3.49992V4.66659H18.6667V3.49992C18.6667 3.16936 18.7787 2.89209 19.0027 2.66809C19.2259 2.44486 19.5028 2.33325 19.8333 2.33325C20.1639 2.33325 20.4408 2.44486 20.664 2.66809C20.888 2.89209 21 3.16936 21 3.49992V4.66659H22.1667C22.8083 4.66659 23.3578 4.89525 23.8152 5.35259C24.2717 5.80914 24.5 6.35825 24.5 6.99992V23.3333C24.5 23.9749 24.2717 24.5244 23.8152 24.9818C23.3578 25.4383 22.8083 25.6666 22.1667 25.6666H5.83333ZM5.83333 23.3333H22.1667V11.6666H5.83333V23.3333ZM5.83333 9.33325H22.1667V6.99992H5.83333V9.33325Z", fill: "currentColor" })))));
     }
 };
 SwirlIconToday.style = swirlIconCss;

package/dist/cjs/swirl-description-list-item.cjs.entry.js CHANGED Viewed

@@ -18,7 +18,7 @@ const SwirlDescriptionListItem = class {
             "description-list-item--has-additional-content": hasAdditionalContent,
             "description-list-item--has-tools": hasTools,
         });
-        return (index.h(index.Host, { key: 'e2dae4c05e0d737b33bb690f9571b01bc5724c40', role: "listitem" }, index.h("div", { key: 'f4bc749476eefba93aebb6873040cb2035c7f9c6', class: className, part: "description-list-item", role: "group" }, index.h("div", { key: '557d6ce9b7b0d87dad52dbf40ffbd21056ba89c0', class: "description-list-item__inner" }, index.h("div", { key: '11b529cd14f9f936ab769ce8e8406dacfd442a1d', class: "description-list-item__text-container" }, index.h("div", { key: '4b15cc2f7f392d7b5c8deea5e402f666bca7ba3f', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (index.h("span", { key: 'edf2abe8f8bb3665c757526cb92d26dc7c24adc8', class: "description-list-item__tooltip" }, index.h("swirl-tooltip", { key: 'fa412c817afbc14dd360712900af8b1397459e2a', content: this.tooltip, position: "right" }, index.h("swirl-icon-info", { key: 'e2dd532cdc0f782a604a0dfb470bdcde8579b845', size: 16, tabIndex: 0 }))))), index.h("div", { key: '1c2bbf097b840f96a1c44b298f8070179c990d96', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, index.h("slot", { key: '9728aa72db29eda46aaa41b692ce03f6d4ea2712' }))), index.h("div", { key: '6fb83ccee5fc2691322342ed7db68f87ee5f0590', class: "description-list-item__tools" }, index.h("slot", { key: '8f4b079d7015dacd65688af622c62fb9fecadb93', name: "tools" }))), index.h("div", { key: 'bf8c2e6b9968d219ebba159e541dd00587e951ea', class: "description-list-item__additional-content" }, index.h("slot", { key: '4a1abd184c498cb1e49f2012c94e9422793f4065', name: "additional-content" })))));
+        return (index.h(index.Host, { key: '7320af95feb4393029f216132e6928ae9f82a581', role: "listitem" }, index.h("div", { key: 'ca9294165c821d87cd5dd3ed397856bb753d1dee', class: className, part: "description-list-item", role: "group" }, index.h("div", { key: '5b1dcfc4655cc911d8a39134b1d8e7ea3cd5f9ff', class: "description-list-item__inner" }, index.h("div", { key: 'f4ef2483f13fef96ee004644b70fac0269c7dcca', class: "description-list-item__text-container" }, index.h("div", { key: '541fca3f3f4ac3c6550bc5eabbd921e57e874142', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (index.h("span", { key: '7c9b08aa6c245e45ca4f2f568f30b772967df424', class: "description-list-item__tooltip" }, index.h("swirl-tooltip", { key: '46a7f9afe0b7a4ade744ae32a4ccead5bacb3003', content: this.tooltip, position: "right" }, index.h("swirl-icon-info", { key: '3d69a75ce4cf351cd8030dc8fa25c9d403ca6f78', size: 16, tabIndex: 0 }))))), index.h("div", { key: 'a2542ab30113ae4706031503fd86cbcebd96593d', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, index.h("slot", { key: '8b243805edfbefbfa6f1d06d89c9cc9adfbc75b9' }))), index.h("div", { key: 'fda5cfb8009b85386286a1e60e8fffa58ca7f894', class: "description-list-item__tools" }, index.h("slot", { key: '6d2a8ae00abe6ab13bfcdc97a732fd1e54d235a8', name: "tools" }))), index.h("div", { key: 'aabb2eabf0f71e8049b3fdde48a6a4b7bcf8e219', class: "description-list-item__additional-content" }, index.h("slot", { key: '4d4dcc24ea3988eb619b349381f93194e42a37df', name: "additional-content" })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-description-list.cjs.entry.js CHANGED Viewed

@@ -9,7 +9,7 @@ const SwirlDescriptionList = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'f73f7d135974ca70c52cbc6ec623aa61bb67a96a' }, index.h("div", { key: '3f55113d6ae5506ed9e3122cb80107ed6771fe0d', class: "description-list", role: "list" }, index.h("slot", { key: '80b4b4b012683b30b83658956ffadc2a3b5ed823' }))));
+        return (index.h(index.Host, { key: 'f343afcbac75a18e8649bdc56cace594bb32fad6' }, index.h("div", { key: 'd088799675f0ab6c422831fe2baa47fbdeb81d37', class: "description-list", role: "list" }, index.h("slot", { key: '640d7da6662aec8f6a98b03af6b68b608c09374b' }))));
     }
 };
 SwirlDescriptionList.style = swirlDescriptionListCss;

package/dist/cjs/swirl-emoji-clap.cjs.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlEmojiClap = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: '1d0863ea22c3d66bb231797ad2ff68c7a9500f49' }, this.size === 16 && (index.h("img", { key: '32fd806fdb0206c37ea6b95c960942b597d61c77', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '0df21795e3fc6a86350afabc747511de612c01b8', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '5b9ef8fcc048437978ca6698af848496678b10cf', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (index.h("img", { key: 'bc87fe134003bee65a2ea2f6d22a7bf7b3504405', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: '92649c9101813a3fbdf0ee0356f3976173a14a09' }, this.size === 16 && (index.h("img", { key: 'deb8e211f35a7a9c5cefa1251a505a5167923a05', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'bb2779329cfe0c67af362ee8449e165840f233f7', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'd14b8b5a5f74ba2536b4547153a4b6ccae80f1c2', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '372171bb6e76a667a5cabd5b527fda06087daf16', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
     }
 };
 SwirlEmojiClap.style = swirlEmojiCss;

package/dist/cjs/swirl-emoji-happy.cjs.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlEmojiHappy = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: '413691a70d3bb7e246dbafe22dc9df883c355a71' }, this.size === 16 && (index.h("img", { key: 'd7f5103132c0ade3a2ad46ea65e9ca02e5bb6a15', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '7527a48a9243f3030f11df1c3886501498c75e05', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '64c5a207c560678cb70b657b80bc9c2bfb03cd95', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '08b2c1fa6cfb4e05fb031bf13aac2bcf6f5dfa99', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: '996a167769f650c08973d2de4d1f80c87c764a15' }, this.size === 16 && (index.h("img", { key: '4fa5967558b3f47a56fbf1d9df1b657f43bf41b6', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '9e324596b89046f0c709216b9f748d1bbebfdae1', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '35cdad5534b1ef9958830905a07538e8a79d2582', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '754754261b9724cab2d4ebc4937a8bb84b9c94cd', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
     }
 };
 SwirlEmojiHappy.style = swirlEmojiCss;

package/dist/cjs/swirl-emoji-idea.cjs.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlEmojiIdea = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: '1bfc548c71f909e32e1ae38cd24abc22e548f2be' }, this.size === 16 && (index.h("img", { key: 'ff663fc3582afc614e07bcd2b5229b945b5a30d6', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '4d1837bb3c58b8ba10ed26ce6142b6c8fa2eb54e', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'bcb3cc740fe536f79e9908ba325c77659290a8ac', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (index.h("img", { key: 'ce41322259121ca9ccf986c8c74257df37155a7e', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: '17f3a949ec46a15119f53f5390f5fb3b6e8cf745' }, this.size === 16 && (index.h("img", { key: 'db43276194c71c35ab64cb9c6fb8f4aa9d2f6005', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '569f2e4d4076aac230be05580f6b62fc5419a4e0', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'e3e5bad3ee010a842eba44d20448d037158b521b', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (index.h("img", { key: 'da340a24432ff12f98402cf94f7366104ad5dff8', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
     }
 };
 SwirlEmojiIdea.style = swirlEmojiCss;

package/dist/cjs/swirl-emoji-love.cjs.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlEmojiLove = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: '1e40d34ae4ce88e9ed4d68f38f812266f4caa663' }, this.size === 16 && (index.h("img", { key: '65bf3fd30437260f8323d8129ed0b85d1279fc91', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '096c1c6c7230874177593a2cc736c68c58419255', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '87e86f4967c75fea89b7a6f0ed317ee638839e77', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (index.h("img", { key: 'e8d7c8fb30ff6180b82658e9a4ce6846ecddfda3', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: 'e2dbffa6014e4e0c63cc9a2daf17de8eda622156' }, this.size === 16 && (index.h("img", { key: 'b658cd56901ebaf56fb0111aa5e1d4be73260c60', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'fa47e1155c88b4ef6df1c0336bc9db6459bb6b5a', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '9a8457817455db4bced85a1276f23a026a12aaa7', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '65096936352a2fcb5a46f7b2e8936a93e543c793', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
     }
 };
 SwirlEmojiLove.style = swirlEmojiCss;

package/dist/cjs/swirl-emoji-sad.cjs.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlEmojiSad = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: '9d2b5fe2f24db0fdc4d96e4d4c0fb5dfaccfcceb' }, this.size === 16 && (index.h("img", { key: '61b70e1e99c44d5cbc603905d936b5a384a8f775', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '4624e2d1fc9ee226845acd965e6ad96e332d71e1', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '63ac720c829c2504ba048d46a509d259fb828bf9', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '0edc86a335bbc800bb7132bf4871da7b530fcad5', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: 'd3eeecc6ce3f80d5451a30057476cecbb5f3939d' }, this.size === 16 && (index.h("img", { key: '101a3e5db91b5db5acb8c184deedab103b61572f', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'b91b9c620697575b3b9c2be5105afb8067771478', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '238f2280b04ffec046a708f1d0bf2361d5217dea', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (index.h("img", { key: 'dec251d6bb2327c9df18ad624e801b3808008e8c', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
     }
 };
 SwirlEmojiSad.style = swirlEmojiCss;

package/dist/cjs/swirl-emoji-thumbs-up.cjs.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlEmojiThumbsUp = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: '33760f8e0d4719e07a8ded2687fa18e412cf0a36' }, this.size === 16 && (index.h("img", { key: 'e52aede20416b9ed3dc4fa1021384e7b42b515ba', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'f88e574c5b505abdfaa29f05543c6be950423cc5', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'c219f5dcec8245b540a1131d339aad00c3c558d8', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '2ffbe810c215b100f5d32268021f14634c506bf0', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: '341ebf9a753e7ee31a63323cf05b904d54950e01' }, this.size === 16 && (index.h("img", { key: 'cd11a48f31c798ddec1a495b182f2311b22eff64', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '937bbe442e16fef178c83e296a9ac6d1fbbd702b', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '562e9e8b315a4e0b9f8e04822b82de6a0f9c5591', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '7e38405e7335e1980e64b435d8ca0e0f88daca22', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
     }
 };
 SwirlEmojiThumbsUp.style = swirlEmojiCss;

package/dist/cjs/swirl-emoji.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const SwirlEmoji = class {
     }
     render() {
         const Tag = `swirl-emoji-${this.name}`;
-        return (index.h(index.Host, { key: '0effeced8331d2b7fab89d337258cf5048b83bb9' }, index.h(Tag, { key: 'cb6f1fa88e878569bded2e6fc0c53dcfe5eabfed', label: this.label, size: this.size })));
+        return (index.h(index.Host, { key: '785d1996969fb1d76ff1af92c9080abe7cf0499c' }, index.h(Tag, { key: 'e3fd1d576d501ce2588597438a067681d5b98c92', label: this.label, size: this.size })));
     }
 };
 SwirlEmoji.style = swirlEmojiCss;

package/dist/cjs/swirl-file-chip.cjs.entry.js CHANGED Viewed

@@ -84,7 +84,7 @@ const SwirlFileChip = class {
             "file-chip--one-action": actionCount === 1,
             "file-chip--two-actions": actionCount === 2,
         });
-        return (index.h(index.Host, { key: '3e1bead0faad33c7730cfa01cd4e68050f301914' }, index.h("span", { key: '1348f4fe1d5b3c857ee45acc3f76b16d4637b0e7', role: "group", class: className }, index.h("span", { key: '4f46da1daebff00af2b5165c5cedb7c26e2c38cc', class: "file-chip__icon" }, this.getFileIcon()), index.h("span", { key: '4485ed1843092d05c757162f0cbd40a51643394d', class: "file-chip__info" }, index.h("span", { key: '93b30b1d83db4cc08da119e811ce407477219f82', class: "file-chip__name", title: this.name }, this.name), this.description && (index.h("span", { key: '477e4795d1bbab51bee83ee8a7c08b9f064d2b75', class: "file-chip__description" }, this.description))), index.h("swirl-button-group", { key: 'b1e2e86961e95388ac15e774ed2f64fc2ecf58ed', class: "file-chip__actions" }, this.showPreviewButton && (index.h("swirl-button", { key: '786428a364ddccdd50b3605ce615072ed9f5e665', variant: "flat", icon: "<swirl-icon-preview></swirl-icon-preview>", onClick: this.handlePreviewClick, label: this.previewButtonLabel, hideLabel: true, part: "file-chip__preview" })), this.showDownloadButton && (index.h("swirl-button", { key: 'c8759b2cb8b754bb1abba87963cd480a02a48321', variant: "flat", icon: "<swirl-icon-download></swirl-icon-download>", onClick: this.handleDownloadClick, label: this.downloadButtonLabel, hideLabel: true, part: "file-chip__download" }))))));
+        return (index.h(index.Host, { key: '3e33991fae4967ccf02b83064c588d238a42a89b' }, index.h("span", { key: '1b8d79438c71d0ca17f65a1fdc23bcce29502866', role: "group", class: className }, index.h("span", { key: '3c3693e2368997c737730ee46c3ce0fcaf91b59c', class: "file-chip__icon" }, this.getFileIcon()), index.h("span", { key: 'f3df0779d020d22fd568dd876c0a402bc68dde7b', class: "file-chip__info" }, index.h("span", { key: '12629fb888de518629d20a950e895774fc7d5671', class: "file-chip__name", title: this.name }, this.name), this.description && (index.h("span", { key: 'c0e33465d49b9dc6fb820f8ec3e765d6d24f6941', class: "file-chip__description" }, this.description))), index.h("swirl-button-group", { key: '955c9371973bc0821619df578e711f1baf542ec6', class: "file-chip__actions" }, this.showPreviewButton && (index.h("swirl-button", { key: '29497106ff635ac1d7d4b59405cb7906abb0dcdf', variant: "flat", icon: "<swirl-icon-preview></swirl-icon-preview>", onClick: this.handlePreviewClick, label: this.previewButtonLabel, hideLabel: true, part: "file-chip__preview" })), this.showDownloadButton && (index.h("swirl-button", { key: 'f0356e773c5b8c043f0d757c08fafb11102172d1', variant: "flat", icon: "<swirl-icon-download></swirl-icon-download>", onClick: this.handleDownloadClick, label: this.downloadButtonLabel, hideLabel: true, part: "file-chip__download" }))))));
     }
     static get watchers() { return {
         "type": ["watchType"]

package/dist/cjs/swirl-file-uploader.cjs.entry.js CHANGED Viewed

@@ -39,10 +39,10 @@ const SwirlFileUploader = class {
             "file-uploader--disabled": this.disabled,
             "file-uploader--show-dropzone": this.showDropzone,
         });
-        return (index.h(index.Host, { key: '393d696a4f0b5e09fea7789852ae67e19d9c913d' }, index.h("div", { key: 'f6036079010fa1962191656c97e3793c9d43159e', class: className }, this.hideLabel ? (index.h("swirl-visually-hidden", null, index.h("label", { htmlFor: this.inputId }, this.label))) : (index.h("label", { class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label)), this.description && (index.h("span", { key: '4f998d7297a6a559ecab7a6c93a2ccfc11a91cd6', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), index.h("div", { key: '492175c5c5b9b4f8e047bedbe178c2fa3e9c689c', class: "file-uploader__dropzone" }, this.showDropzone ? ([
+        return (index.h(index.Host, { key: '79695f75a663a26d91d6e79e6826c1372a6e0b6c' }, index.h("div", { key: 'a2e5abfa92adb9abb9d68487051ae972296527bc', class: className }, this.hideLabel ? (index.h("swirl-visually-hidden", null, index.h("label", { htmlFor: this.inputId }, this.label))) : (index.h("label", { class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label)), this.description && (index.h("span", { key: '3749d4c6847a4129db9ca0d2f706df0292de250e', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), index.h("div", { key: 'f761c2215fe363ea8d703a21fce785e9abc74903', class: "file-uploader__dropzone" }, this.showDropzone ? ([
             index.h("swirl-icon-cloud-upload", { class: "file-uploader__dropzone-icon" }),
             index.h("div", { class: "file-uploader__dropzone-label", id: `${this.inputId}-additional-label` }, index.h("span", { class: "file-uploader__dropzone-cta" }, this.ctaLabel), " ", index.h("span", { class: "file-uploader__drag-drop-label" }, this.dragDropLabel)),
-        ]) : (index.h("swirl-button", { class: "file-uploader__upload-button", disabled: this.disabled, icon: this.uploadButtonIcon, intent: "primary", label: this.uploadButtonLabel, onClick: this.onUploadButtonClick, swirlAriaDescribedby: ariaDescribedby, variant: this.uploadButtonVariant })), index.h("input", { key: '2bba872dea8c22499b4883042a900814bc635eb9', accept: this.accept, "aria-describedby": ariaDescribedby, "aria-disabled": this.disabled, autoComplete: "off", class: "file-uploader__input", disabled: this.disabled, id: this.inputId, multiple: this.multiple, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), tabIndex: tabIndex, type: "file" })))));
+        ]) : (index.h("swirl-button", { class: "file-uploader__upload-button", disabled: this.disabled, icon: this.uploadButtonIcon, intent: "primary", label: this.uploadButtonLabel, onClick: this.onUploadButtonClick, swirlAriaDescribedby: ariaDescribedby, variant: this.uploadButtonVariant })), index.h("input", { key: '88233aa41ffc54f96f937967163c2e385b4aa7fc', accept: this.accept, "aria-describedby": ariaDescribedby, "aria-disabled": this.disabled, autoComplete: "off", class: "file-uploader__input", disabled: this.disabled, id: this.inputId, multiple: this.multiple, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), tabIndex: tabIndex, type: "file" })))));
     }
 };
 SwirlFileUploader.style = swirlFileUploaderCss;

package/dist/cjs/swirl-file-viewer_8.cjs.entry.js CHANGED Viewed

@@ -76,8 +76,9 @@ const SwirlFileViewer = class {
                 this.type !== "text/plain" &&
                 this.type !== "text/csv" &&
                 this.type !== "application/pdf");
-        return (index.h(index.Host, { key: '8aac88df5dbf62f3b7d1d22218d0a7f034a16f52' }, index.h("div", { key: '99c523a221ba126e57d514c3adedb0bba62f71f4', class: "file-viewer" }, this.type && this.active && (index.h("div", { key: 'd865b1a64ce16f3b524ff9472b36017ad9eaa575', class: "file-viewer__file" }, utils.isSupportedImageMimeType(this.type) && (index.h("swirl-file-viewer-image", { key: '8533d79b0f05460eee14c69a141b27c2068786de', description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/plain" && (index.h("swirl-file-viewer-text", { key: 'd014d9d9b53a7adf6cb08650dbaf04b4edd735e3', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/csv" && (index.h("swirl-file-viewer-csv", { key: '5a54a6a80c02b5269a4546345088b73494b75228', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "application/pdf" && (index.h("swirl-file-viewer-pdf", { key: '3af74d849fd426414b4eff1b365894a4bb725421', errorMessage: this.errorMessage, file: this.file, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, ref: (el) => (this.viewer = el), viewMode: this.viewMode, workerSrc: this.pdfWorkerSrc, zoom: this.zoom })), this.type.startsWith("video/") && (index.h("swirl-file-viewer-video", { key: '6b9929bf7f06053aa69d187e27851039d38bb5f8', autoplay: this.autoplay, disableDownload: this.disableDownload, file: this.file, ref: (el) => (this.viewer = el) })), this.type.startsWith("audio/") && (index.h("swirl-file-viewer-audio", { key: '3236c5e2b67be20db6dd7e980b4ca424992c6688', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el) })), unsupportedType && (index.h("swirl-file-viewer-fallback", { key: 'ac3a1ab48196e7a4605cfbb975e0d2462825af76', disableDownload: this.disableDownload, file: this.file, fileName: this.fileName, onDownload: this.onFallbackDownload })))))));
+        return (index.h(index.Host, { key: 'b44c3a00f804f44368b420d4b59ac65b0b35306b' }, index.h("div", { key: 'c7a2b607dace02e221d65be9ea9a7f56a95a3358', class: "file-viewer" }, this.type && this.active && (index.h("div", { key: 'a1375b4495965b88d73f126bae5aae087858b0ba', class: "file-viewer__file" }, utils.isSupportedImageMimeType(this.type) && (index.h("swirl-file-viewer-image", { key: 'a8f15cb8e78eb9ee996ed8b8eccca31f4a69fda8', description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) }, index.h("slot", { key: '1ddad64e487e3812a3ffeb443b57689c4b7a5109', name: "watermark", slot: "watermark" }))), this.type === "text/plain" && (index.h("swirl-file-viewer-text", { key: '541736b770f941cf522b451fca74b97fcb5bb7fe', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/csv" && (index.h("swirl-file-viewer-csv", { key: '05d5e91f39c00f8ce58f8aa2fe174ce3d950db24', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "application/pdf" && (index.h("swirl-file-viewer-pdf", { key: '5ffd109f44bfcc219dec9aa2add3752a6e1370f1', errorMessage: this.errorMessage, file: this.file, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, ref: (el) => (this.viewer = el), viewMode: this.viewMode, workerSrc: this.pdfWorkerSrc, zoom: this.zoom })), this.type.startsWith("video/") && (index.h("swirl-file-viewer-video", { key: 'e8a2cb22ec66c16198a6ebe9630eee9ab1d24e9b', autoplay: this.autoplay, disableDownload: this.disableDownload, file: this.file, ref: (el) => (this.viewer = el) })), this.type.startsWith("audio/") && (index.h("swirl-file-viewer-audio", { key: 'dd3fec360055074b5113d6cefa3a1cb811c01f83', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el) })), unsupportedType && (index.h("swirl-file-viewer-fallback", { key: '212605c6739e94a800d98e7685677bb1762c2901', disableDownload: this.disableDownload, file: this.file, fileName: this.fileName, onDownload: this.onFallbackDownload })))))));
     }
+    get el() { return index.getElement(this); }
 };
 SwirlFileViewer.style = swirlFileViewerCss;
@@ -92,7 +93,7 @@ const SwirlFileViewerAudio = class {
         this.activate.emit(this.el);
     }
     render() {
-        return (index.h(index.Host, { key: '26f96c54cd7ff05c2905d6975cfdb538d3f3d674', class: "file-viewer-audio" }, index.h("audio", { key: 'dc385b04e765304e7f133b14ed2a0db8398027db', autoplay: this.autoplay, class: "file-viewer-audio__audio", src: this.file, controls: true })));
+        return (index.h(index.Host, { key: '9350aaae0a3bd7ad626cbe51ce270fefb834d48e', class: "file-viewer-audio" }, index.h("audio", { key: 'f512fda1208a6f64d9627bcea34312aaed10ad05', autoplay: this.autoplay, class: "file-viewer-audio__audio", src: this.file, controls: true })));
     }
     get el() { return index.getElement(this); }
 };
@@ -159,7 +160,7 @@ const SwirlFileViewerCsv = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'ddbef0546f0e61293dd00d129042bdf76e900ae2', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (index.h("swirl-inline-error", { key: '4624bc589b730f784305d1cbf76b3e8b15df1ab9', class: "file-viewer-csv__error", message: this.errorMessage })), index.h("div", { key: 'd14d364606e3c71859ce293be2149f740fe847e3', class: "file-viewer-csv__csv", tabIndex: 0 }, index.h("table", { key: '8ca914960ae60df8620d6def686937e1a9c02255', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, index.h("tbody", { key: '38fc3836efc882a4239505c4f861d746cefcf5ca' }, this.data?.map((row, index$1) => (index.h("tr", { class: "file-viewer-csv__row", key: `row-${index$1}` }, row.map((cell, i) => (index.h("td", { class: "file-viewer-csv__cell", key: `cell-${index$1}-${i}` }, cell))))))))), this.loading && (index.h("div", { key: 'c6ef34d5a639feaadec2e6a4c7b8b29a51ab7730', class: "file-viewer-csv__spinner" }, index.h("swirl-spinner", { key: 'f71b14ad396acc9eabddfafe0877bebb07c02689' })))));
+        return (index.h(index.Host, { key: 'a96a8595ad0d80b8bfab94334bca6b4d21478000', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (index.h("swirl-inline-error", { key: '5305dbe8c95c60d520772d0cf96ca92a61a5e6e4', class: "file-viewer-csv__error", message: this.errorMessage })), index.h("div", { key: '067686b577568af6c5a45aaa6f412f3c2e622288', class: "file-viewer-csv__csv", tabIndex: 0 }, index.h("table", { key: '6ce95589ee604098281132ccdf0d938435f6c5cc', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, index.h("tbody", { key: '5f9e363b88fdb3dffffaba9aff8024c7daf14880' }, this.data?.map((row, index$1) => (index.h("tr", { class: "file-viewer-csv__row", key: `row-${index$1}` }, row.map((cell, i) => (index.h("td", { class: "file-viewer-csv__cell", key: `cell-${index$1}-${i}` }, cell))))))))), this.loading && (index.h("div", { key: '2c8bd031db9639614916f7a3a05392c61f89577d', class: "file-viewer-csv__spinner" }, index.h("swirl-spinner", { key: 'aa374f98460fef87dd25ffe91a8304c6c49d4682' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -185,13 +186,13 @@ const SwirlFileViewerFallback = class {
         this.activate.emit(this.el);
     }
     render() {
-        return (index.h(index.Host, { key: 'a6469afbcb1d56c62d8865c1ecd29e7581dd9e14', class: "file-viewer-fallback" }, index.h("swirl-stack", { key: '82f31a385842d8728b288626af79b7543e5e4210', align: "center", height: "100%", justify: "center", spacing: "16" }, index.h("swirl-icon-file", { key: 'c49a615d6ef81112544b74c8bd43f5bd264a6881', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (index.h("swirl-text", { key: '1ec5310ad7857143e5cde79273e42e5b200b883e', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (index.h("swirl-button", { key: '6978336d8faacaf01cf1deea8c03a40f36bf6ced', download: this.fileName, href: this.file, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownload, variant: "on-image" })))));
+        return (index.h(index.Host, { key: 'a3ad0f00afa112d19e29ff13abf51692ab9d8ffa', class: "file-viewer-fallback" }, index.h("swirl-stack", { key: 'dab7f8716509fb310716750a9282c08cfbab35e9', align: "center", height: "100%", justify: "center", spacing: "16" }, index.h("swirl-icon-file", { key: '35397e5b1351b6dc22ae48e39f0a21b14990c348', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (index.h("swirl-text", { key: 'da97715a10f4f34bf6f6b09b36cca83c0a571952', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (index.h("swirl-button", { key: '182bfad82ee14bee1033e1558cd12e4fad56f105', download: this.fileName, href: this.file, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownload, variant: "on-image" })))));
     }
     get el() { return index.getElement(this); }
 };
 SwirlFileViewerFallback.style = swirlFileViewerFallbackCss;
-const swirlFileViewerImageCss = ":host{position:relative;display:inline-flex;max-height:100%;pointer-events:none}:host *{box-sizing:border-box}.file-viewer-image{display:inline-flex;justify-content:center;margin:0}.file-viewer-image__image{pointer-events:auto;max-width:100%;-o-object-fit:contain;object-fit:contain}.file-viewer-image__spinner{position:absolute;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.2);inset:0}.file-viewer-image__error{position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0)}";
+const swirlFileViewerImageCss = ":host{position:relative;display:inline-flex;max-height:100%;pointer-events:none}:host *{box-sizing:border-box}.file-viewer-image{display:inline-flex;margin:0;justify-content:center}.file-viewer-image--show-watermark .file-viewer-image__watermark{display:inline-flex}.file-viewer-image__container{position:relative;display:flex;max-width:100%}.file-viewer-image__image{max-width:100%;pointer-events:auto;-o-object-fit:contain;object-fit:contain}.file-viewer-image__watermark{position:absolute;z-index:1;bottom:var(--s-space-12);left:var(--s-space-12);display:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;pointer-events:none}.file-viewer-image__watermark ::slotted(img){width:3rem;height:auto;pointer-events:none}.file-viewer-image__spinner{position:absolute;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.2);inset:0}.file-viewer-image__error{position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0)}";
 const SwirlFileViewerImage = class {
     constructor(hostRef) {
@@ -201,6 +202,7 @@ const SwirlFileViewerImage = class {
         this.errorMessage = "File could not be loaded.";
         this.maxZoom = 3;
         this.loading = true;
+        this.transformed = false;
         this.panX = 0;
         this.panY = 0;
         this.zoom = 1;
@@ -321,6 +323,10 @@ const SwirlFileViewerImage = class {
                 this.panY = 0;
             }
             this.imageEl.style.transform = `matrix(${this.zoom}, 0, 0, ${this.zoom}, ${this.panX}, ${this.panY})`;
+            const transformed = this.zoom !== 1 || this.panX !== 0 || this.panY !== 0;
+            if (transformed !== this.transformed) {
+                this.transformed = transformed;
+            }
         };
         this.updateTransformOrigin = (x, y) => {
             this.transformOriginX = x;
@@ -384,7 +390,12 @@ const SwirlFileViewerImage = class {
         return this.updateZoomAndPan(1);
     }
     render() {
-        return (index.h(index.Host, { key: '9ca81b2b2a336aeef5d84a90db15876d0ce36df0', onDblClick: this.onDblClick, onWheel: this.onWheel, onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onTouchStart: this.onTouchStart, onTouchMove: this.onTouchMove, onTouchEnd: this.onTouchEnd }, this.error && (index.h("swirl-inline-error", { key: 'a2d387603e080854954bd3373063f7a0f134d15a', class: "file-viewer-image__error", message: this.errorMessage })), index.h("figure", { key: '384b944ef026a790180e6922fa4f0c01b00e4560', class: "file-viewer-image" }, index.h("img", { key: '7b20d619697a2ec803a7279be86d4c482b6ddcf9', alt: this.description, class: "file-viewer-image__image", ref: this.onImageElementUpdate, src: this.file }), this.loading && (index.h("div", { key: '3591b1746d015559530b29fc407d2ce6d3a34696', class: "file-viewer-image__spinner" }, index.h("swirl-spinner", { key: '81cf113ed103ff7f7c585212ee69f34cc2b163cb' }))))));
+        const hasWatermark = !!this.el.querySelector('[slot="watermark"]');
+        const showWatermark = hasWatermark && !this.transformed && !this.loading;
+        const className = index$1.classnames("file-viewer-image", {
+            "file-viewer-image--show-watermark": showWatermark,
+        });
+        return (index.h(index.Host, { key: 'a85b8486d5c268d45927191b0433bc4574c6422e', onDblClick: this.onDblClick, onWheel: this.onWheel, onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onTouchStart: this.onTouchStart, onTouchMove: this.onTouchMove, onTouchEnd: this.onTouchEnd }, this.error && (index.h("swirl-inline-error", { key: '41afcb0d0533e7195030943735f8add24015a477', class: "file-viewer-image__error", message: this.errorMessage })), index.h("figure", { key: 'f5b4d11597609e85a4bd221876fc3bbbe1555428', class: className }, index.h("span", { key: 'bc0e117cf04da64f3ab75331895b06f4ae37b689', class: "file-viewer-image__container" }, index.h("img", { key: '10fa6444dc7685ad03871d399f39002db704a34c', alt: this.description, class: "file-viewer-image__image", ref: this.onImageElementUpdate, src: this.file }), index.h("span", { key: 'b63402667743f5fc0248584482a7be9377b40e7d', class: "file-viewer-image__watermark" }, index.h("slot", { key: '4371e398ba9fc85fbb40b9e98d666c059187e3cb', name: "watermark" }))), this.loading && (index.h("div", { key: '5bb1b9f0aa74fef2c6c246e9aa82869f58fa5d5c', class: "file-viewer-image__spinner" }, index.h("swirl-spinner", { key: 'b50e647cb08e6e973ec3c7d8f96c3357eb5c6f9b' }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -28652,7 +28663,7 @@ const SwirlFileViewerText = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '068c5b712e1387512d6853a7a1068bf1f855c354', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (index.h("swirl-inline-error", { key: '8fc2b5feaaa09ba4d2562dce9c23cccea8453cbe', class: "file-viewer-text__error", message: this.errorMessage })), index.h("pre", { key: 'cb2e693eef0740b5b07179b39df2d58b0dddeb46', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (index.h("div", { key: '790e99bfc7f6524e7d30b9736676a10a6970b566', class: "file-viewer-text__spinner" }, index.h("swirl-spinner", { key: '794104c84be618cc3d7342bf423b977fb5710c7b' })))));
+        return (index.h(index.Host, { key: 'd0560b0a8cdf4b89b5732bf96547ba1f81184fbd', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (index.h("swirl-inline-error", { key: '59433c5245010194a511acddf0eb5355e8066d23', class: "file-viewer-text__error", message: this.errorMessage })), index.h("pre", { key: '4b14aaeaea49be0187c863d05348b60468e9d3f4', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (index.h("div", { key: 'c1c0be759edbeccbada172b874fe83065f2bbbf8', class: "file-viewer-text__spinner" }, index.h("swirl-spinner", { key: '5f0aaf67871b3fc42516e5628da9732208f3feca' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -28683,7 +28694,7 @@ const SwirlFileViewerVideo = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'bb2ced30c21303dd0593954953625711f35c441e', class: "file-viewer-video" }, index.h("video", { key: 'cc85301f8cb53f4db73269ef35c26ec0cd630af9', autoplay: this.autoplay, class: "file-viewer-video__video", src: this.file, controls: true, ref: (el) => (this.videoEl = el) })));
+        return (index.h(index.Host, { key: '439df8dd08eabf76634be7f539c4610e465cce4e', class: "file-viewer-video" }, index.h("video", { key: '0cbfbbe055fb7682311bf9f87db6ade51bf2e338', autoplay: this.autoplay, class: "file-viewer-video__video", src: this.file, controls: true, ref: (el) => (this.videoEl = el) })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-icon-add-moderator.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 var index = require('./index-31zRgX-7.js');
 var index$1 = require('./index-DcAhLZUH.js');
-const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued)}";
 const SwirlIconAddModerator = class {
     constructor(hostRef) {
@@ -16,7 +16,7 @@ const SwirlIconAddModerator = class {
             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: 'c77201ece9331bb5719b2137d2d2b0af74f2299e', "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: 'e3700410f1dcdeac88928bb14f6a5437f06cbe37' }, index.h("path", { key: '4f0ae0167b41757101e02e9f9c85bcd26960667c', d: "M8.00002 14.6664C6.45558 14.2776 5.18058 13.3914 4.17502 12.0081C3.16946 10.6248 2.66669 9.08866 2.66669 7.39977V4.24977C2.66669 3.97199 2.74724 3.72199 2.90835 3.49977C3.06946 3.27755 3.2778 3.11644 3.53335 3.01644L7.53335 1.51644C7.68891 1.46088 7.84447 1.43311 8.00002 1.43311C8.15558 1.43311 8.31113 1.46088 8.46669 1.51644L12.4667 3.01644C12.7222 3.11644 12.9306 3.27755 13.0917 3.49977C13.2528 3.72199 13.3334 3.97199 13.3334 4.24977V7.11644C13.1222 7.02755 12.9056 6.94699 12.6834 6.87477C12.4611 6.80255 12.2334 6.74977 12 6.71644V4.26644L8.00002 2.76644L4.00002 4.26644V7.39977C4.00002 7.92199 4.06946 8.44422 4.20835 8.96644C4.34724 9.48866 4.54169 9.98588 4.79169 10.4581C5.04169 10.9303 5.34446 11.3664 5.70002 11.7664C6.05558 12.1664 6.45002 12.4998 6.88335 12.7664C7.00558 13.122 7.16669 13.4609 7.36669 13.7831C7.56669 14.1053 7.79447 14.3942 8.05002 14.6498C8.03891 14.6498 8.03058 14.6526 8.02502 14.6581C8.01947 14.6637 8.01113 14.6664 8.00002 14.6664ZM11.3334 14.6664C10.4111 14.6664 9.62502 14.3414 8.97502 13.6914C8.32502 13.0414 8.00002 12.2553 8.00002 11.3331C8.00002 10.4109 8.32502 9.62477 8.97502 8.97477C9.62502 8.32477 10.4111 7.99977 11.3334 7.99977C12.2556 7.99977 13.0417 8.32477 13.6917 8.97477C14.3417 9.62477 14.6667 10.4109 14.6667 11.3331C14.6667 12.2553 14.3417 13.0414 13.6917 13.6914C13.0417 14.3414 12.2556 14.6664 11.3334 14.6664ZM11 11.6664V12.9998C11 13.0887 11.0334 13.1664 11.1 13.2331C11.1667 13.2998 11.2445 13.3331 11.3334 13.3331C11.4222 13.3331 11.5 13.2998 11.5667 13.2331C11.6334 13.1664 11.6667 13.0887 11.6667 12.9998V11.6664H13C13.0889 11.6664 13.1667 11.6331 13.2334 11.5664C13.3 11.4998 13.3334 11.422 13.3334 11.3331C13.3334 11.2442 13.3 11.1664 13.2334 11.0998C13.1667 11.0331 13.0889 10.9998 13 10.9998H11.6667V9.66644C11.6667 9.57755 11.6334 9.49977 11.5667 9.43311C11.5 9.36644 11.4222 9.33311 11.3334 9.33311C11.2445 9.33311 11.1667 9.36644 11.1 9.43311C11.0334 9.49977 11 9.57755 11 9.66644V10.9998H9.66669C9.5778 10.9998 9.50002 11.0331 9.43335 11.0998C9.36669 11.1664 9.33335 11.2442 9.33335 11.3331C9.33335 11.422 9.36669 11.4998 9.43335 11.5664C9.50002 11.6331 9.5778 11.6664 9.66669 11.6664H11Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: 'a6e95173a124ba42c18d8e9c4efda04fae66579c' }, index.h("path", { key: '97328ff03b7257184888468537e3bf59fd010389', d: "M12 21.9999C9.68333 21.4166 7.77083 20.0874 6.2625 18.0124C4.75417 15.9374 4 13.6332 4 11.0999V6.3749C4 5.95824 4.12083 5.58324 4.3625 5.2499C4.60417 4.91657 4.91667 4.6749 5.3 4.5249L11.3 2.2749C11.5333 2.19157 11.7667 2.1499 12 2.1499C12.2333 2.1499 12.4667 2.19157 12.7 2.2749L18.7 4.5249C19.0833 4.6749 19.3958 4.91657 19.6375 5.2499C19.8792 5.58324 20 5.95824 20 6.3749V10.6749C19.6833 10.5416 19.3583 10.4207 19.025 10.3124C18.6917 10.2041 18.35 10.1249 18 10.0749V6.3999L12 4.1499L6 6.3999V11.0999C6 11.8832 6.10417 12.6666 6.3125 13.4499C6.52083 14.2332 6.8125 14.9791 7.1875 15.6874C7.5625 16.3957 8.01667 17.0499 8.55 17.6499C9.08333 18.2499 9.675 18.7499 10.325 19.1499C10.5083 19.6832 10.75 20.1916 11.05 20.6749C11.35 21.1582 11.6917 21.5916 12.075 21.9749C12.0583 21.9749 12.0458 21.9791 12.0375 21.9874C12.0292 21.9957 12.0167 21.9999 12 21.9999ZM17 21.9999C15.6167 21.9999 14.4375 21.5124 13.4625 20.5374C12.4875 19.5624 12 18.3832 12 16.9999C12 15.6166 12.4875 14.4374 13.4625 13.4624C14.4375 12.4874 15.6167 11.9999 17 11.9999C18.3833 11.9999 19.5625 12.4874 20.5375 13.4624C21.5125 14.4374 22 15.6166 22 16.9999C22 18.3832 21.5125 19.5624 20.5375 20.5374C19.5625 21.5124 18.3833 21.9999 17 21.9999ZM16.5 17.4999V19.4999C16.5 19.6332 16.55 19.7499 16.65 19.8499C16.75 19.9499 16.8667 19.9999 17 19.9999C17.1333 19.9999 17.25 19.9499 17.35 19.8499C17.45 19.7499 17.5 19.6332 17.5 19.4999V17.4999H19.5C19.6333 17.4999 19.75 17.4499 19.85 17.3499C19.95 17.2499 20 17.1332 20 16.9999C20 16.8666 19.95 16.7499 19.85 16.6499C19.75 16.5499 19.6333 16.4999 19.5 16.4999H17.5V14.4999C17.5 14.3666 17.45 14.2499 17.35 14.1499C17.25 14.0499 17.1333 13.9999 17 13.9999C16.8667 13.9999 16.75 14.0499 16.65 14.1499C16.55 14.2499 16.5 14.3666 16.5 14.4999V16.4999H14.5C14.3667 16.4999 14.25 16.5499 14.15 16.6499C14.05 16.7499 14 16.8666 14 16.9999C14 17.1332 14.05 17.2499 14.15 17.3499C14.25 17.4499 14.3667 17.4999 14.5 17.4999H16.5Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '582d891d5f85846d81ddc519e1a5a6ac3d7dea0a' }, index.h("path", { key: 'c6e7882af0c6ff0c5937bdbd332343555fe5d8d3', d: "M14 25.6666C11.2972 24.9861 9.06599 23.4354 7.30627 21.0146C5.54655 18.5937 4.66669 15.9055 4.66669 12.95V7.43747C4.66669 6.95136 4.80766 6.51386 5.0896 6.12497C5.37155 5.73608 5.73613 5.45413 6.18335 5.27913L13.1834 2.65413C13.4556 2.55691 13.7278 2.5083 14 2.5083C14.2722 2.5083 14.5445 2.55691 14.8167 2.65413L21.8167 5.27913C22.2639 5.45413 22.6285 5.73608 22.9104 6.12497C23.1924 6.51386 23.3334 6.95136 23.3334 7.43747V12.4541C22.9639 12.2986 22.5847 12.1576 22.1959 12.0312C21.807 11.9048 21.4084 11.8125 21 11.7541V7.46663L14 4.84163L7.00002 7.46663V12.95C7.00002 13.8639 7.12155 14.7777 7.3646 15.6916C7.60766 16.6055 7.94794 17.4757 8.38544 18.3021C8.82294 19.1284 9.3528 19.8916 9.97502 20.5916C10.5972 21.2916 11.2875 21.875 12.0459 22.3416C12.2597 22.9639 12.5417 23.5569 12.8917 24.1208C13.2417 24.6847 13.6403 25.1902 14.0875 25.6375C14.0681 25.6375 14.0535 25.6423 14.0438 25.6521C14.034 25.6618 14.0195 25.6666 14 25.6666ZM19.8334 25.6666C18.2195 25.6666 16.8438 25.0979 15.7063 23.9604C14.5688 22.8229 14 21.4472 14 19.8333C14 18.2194 14.5688 16.8437 15.7063 15.7062C16.8438 14.5687 18.2195 14 19.8334 14C21.4472 14 22.8229 14.5687 23.9604 15.7062C25.0979 16.8437 25.6667 18.2194 25.6667 19.8333C25.6667 21.4472 25.0979 22.8229 23.9604 23.9604C22.8229 25.0979 21.4472 25.6666 19.8334 25.6666ZM19.25 20.4166V22.75C19.25 22.9055 19.3084 23.0416 19.425 23.1583C19.5417 23.275 19.6778 23.3333 19.8334 23.3333C19.9889 23.3333 20.125 23.275 20.2417 23.1583C20.3584 23.0416 20.4167 22.9055 20.4167 22.75V20.4166H22.75C22.9056 20.4166 23.0417 20.3583 23.1584 20.2416C23.275 20.125 23.3334 19.9889 23.3334 19.8333C23.3334 19.6777 23.275 19.5416 23.1584 19.425C23.0417 19.3083 22.9056 19.25 22.75 19.25H20.4167V16.9166C20.4167 16.7611 20.3584 16.625 20.2417 16.5083C20.125 16.3916 19.9889 16.3333 19.8334 16.3333C19.6778 16.3333 19.5417 16.3916 19.425 16.5083C19.3084 16.625 19.25 16.7611 19.25 16.9166V19.25H16.9167C16.7611 19.25 16.625 19.3083 16.5084 19.425C16.3917 19.5416 16.3334 19.6777 16.3334 19.8333C16.3334 19.9889 16.3917 20.125 16.5084 20.2416C16.625 20.3583 16.7611 20.4166 16.9167 20.4166H19.25Z", fill: "currentColor" })))));
+        return (index.h("svg", { key: '2f8cdeddd518d89058bf77bdd44dc29136d4041d', "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: 'f1b4c4109b7e2bb9752bbc80bb4080913d7fa7e6' }, index.h("path", { key: '722744e33e0bc437b1e92bee36d8821a07c916b1', d: "M8.00002 14.6664C6.45558 14.2776 5.18058 13.3914 4.17502 12.0081C3.16946 10.6248 2.66669 9.08866 2.66669 7.39977V4.24977C2.66669 3.97199 2.74724 3.72199 2.90835 3.49977C3.06946 3.27755 3.2778 3.11644 3.53335 3.01644L7.53335 1.51644C7.68891 1.46088 7.84447 1.43311 8.00002 1.43311C8.15558 1.43311 8.31113 1.46088 8.46669 1.51644L12.4667 3.01644C12.7222 3.11644 12.9306 3.27755 13.0917 3.49977C13.2528 3.72199 13.3334 3.97199 13.3334 4.24977V7.11644C13.1222 7.02755 12.9056 6.94699 12.6834 6.87477C12.4611 6.80255 12.2334 6.74977 12 6.71644V4.26644L8.00002 2.76644L4.00002 4.26644V7.39977C4.00002 7.92199 4.06946 8.44422 4.20835 8.96644C4.34724 9.48866 4.54169 9.98588 4.79169 10.4581C5.04169 10.9303 5.34446 11.3664 5.70002 11.7664C6.05558 12.1664 6.45002 12.4998 6.88335 12.7664C7.00558 13.122 7.16669 13.4609 7.36669 13.7831C7.56669 14.1053 7.79447 14.3942 8.05002 14.6498C8.03891 14.6498 8.03058 14.6526 8.02502 14.6581C8.01947 14.6637 8.01113 14.6664 8.00002 14.6664ZM11.3334 14.6664C10.4111 14.6664 9.62502 14.3414 8.97502 13.6914C8.32502 13.0414 8.00002 12.2553 8.00002 11.3331C8.00002 10.4109 8.32502 9.62477 8.97502 8.97477C9.62502 8.32477 10.4111 7.99977 11.3334 7.99977C12.2556 7.99977 13.0417 8.32477 13.6917 8.97477C14.3417 9.62477 14.6667 10.4109 14.6667 11.3331C14.6667 12.2553 14.3417 13.0414 13.6917 13.6914C13.0417 14.3414 12.2556 14.6664 11.3334 14.6664ZM11 11.6664V12.9998C11 13.0887 11.0334 13.1664 11.1 13.2331C11.1667 13.2998 11.2445 13.3331 11.3334 13.3331C11.4222 13.3331 11.5 13.2998 11.5667 13.2331C11.6334 13.1664 11.6667 13.0887 11.6667 12.9998V11.6664H13C13.0889 11.6664 13.1667 11.6331 13.2334 11.5664C13.3 11.4998 13.3334 11.422 13.3334 11.3331C13.3334 11.2442 13.3 11.1664 13.2334 11.0998C13.1667 11.0331 13.0889 10.9998 13 10.9998H11.6667V9.66644C11.6667 9.57755 11.6334 9.49977 11.5667 9.43311C11.5 9.36644 11.4222 9.33311 11.3334 9.33311C11.2445 9.33311 11.1667 9.36644 11.1 9.43311C11.0334 9.49977 11 9.57755 11 9.66644V10.9998H9.66669C9.5778 10.9998 9.50002 11.0331 9.43335 11.0998C9.36669 11.1664 9.33335 11.2442 9.33335 11.3331C9.33335 11.422 9.36669 11.4998 9.43335 11.5664C9.50002 11.6331 9.5778 11.6664 9.66669 11.6664H11Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: 'e3b680c7ec27d66246969b3feaee76c4fccc9a73' }, index.h("path", { key: '3a1299e9edac772c40a473e2a627003510186546', d: "M12 21.9999C9.68333 21.4166 7.77083 20.0874 6.2625 18.0124C4.75417 15.9374 4 13.6332 4 11.0999V6.3749C4 5.95824 4.12083 5.58324 4.3625 5.2499C4.60417 4.91657 4.91667 4.6749 5.3 4.5249L11.3 2.2749C11.5333 2.19157 11.7667 2.1499 12 2.1499C12.2333 2.1499 12.4667 2.19157 12.7 2.2749L18.7 4.5249C19.0833 4.6749 19.3958 4.91657 19.6375 5.2499C19.8792 5.58324 20 5.95824 20 6.3749V10.6749C19.6833 10.5416 19.3583 10.4207 19.025 10.3124C18.6917 10.2041 18.35 10.1249 18 10.0749V6.3999L12 4.1499L6 6.3999V11.0999C6 11.8832 6.10417 12.6666 6.3125 13.4499C6.52083 14.2332 6.8125 14.9791 7.1875 15.6874C7.5625 16.3957 8.01667 17.0499 8.55 17.6499C9.08333 18.2499 9.675 18.7499 10.325 19.1499C10.5083 19.6832 10.75 20.1916 11.05 20.6749C11.35 21.1582 11.6917 21.5916 12.075 21.9749C12.0583 21.9749 12.0458 21.9791 12.0375 21.9874C12.0292 21.9957 12.0167 21.9999 12 21.9999ZM17 21.9999C15.6167 21.9999 14.4375 21.5124 13.4625 20.5374C12.4875 19.5624 12 18.3832 12 16.9999C12 15.6166 12.4875 14.4374 13.4625 13.4624C14.4375 12.4874 15.6167 11.9999 17 11.9999C18.3833 11.9999 19.5625 12.4874 20.5375 13.4624C21.5125 14.4374 22 15.6166 22 16.9999C22 18.3832 21.5125 19.5624 20.5375 20.5374C19.5625 21.5124 18.3833 21.9999 17 21.9999ZM16.5 17.4999V19.4999C16.5 19.6332 16.55 19.7499 16.65 19.8499C16.75 19.9499 16.8667 19.9999 17 19.9999C17.1333 19.9999 17.25 19.9499 17.35 19.8499C17.45 19.7499 17.5 19.6332 17.5 19.4999V17.4999H19.5C19.6333 17.4999 19.75 17.4499 19.85 17.3499C19.95 17.2499 20 17.1332 20 16.9999C20 16.8666 19.95 16.7499 19.85 16.6499C19.75 16.5499 19.6333 16.4999 19.5 16.4999H17.5V14.4999C17.5 14.3666 17.45 14.2499 17.35 14.1499C17.25 14.0499 17.1333 13.9999 17 13.9999C16.8667 13.9999 16.75 14.0499 16.65 14.1499C16.55 14.2499 16.5 14.3666 16.5 14.4999V16.4999H14.5C14.3667 16.4999 14.25 16.5499 14.15 16.6499C14.05 16.7499 14 16.8666 14 16.9999C14 17.1332 14.05 17.2499 14.15 17.3499C14.25 17.4499 14.3667 17.4999 14.5 17.4999H16.5Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '13affeca040ee266f93fb8155c93691be7ce4555' }, index.h("path", { key: 'b068b66732044a9f2c994f5fc126aa4ab5241c5c', d: "M14 25.6666C11.2972 24.9861 9.06599 23.4354 7.30627 21.0146C5.54655 18.5937 4.66669 15.9055 4.66669 12.95V7.43747C4.66669 6.95136 4.80766 6.51386 5.0896 6.12497C5.37155 5.73608 5.73613 5.45413 6.18335 5.27913L13.1834 2.65413C13.4556 2.55691 13.7278 2.5083 14 2.5083C14.2722 2.5083 14.5445 2.55691 14.8167 2.65413L21.8167 5.27913C22.2639 5.45413 22.6285 5.73608 22.9104 6.12497C23.1924 6.51386 23.3334 6.95136 23.3334 7.43747V12.4541C22.9639 12.2986 22.5847 12.1576 22.1959 12.0312C21.807 11.9048 21.4084 11.8125 21 11.7541V7.46663L14 4.84163L7.00002 7.46663V12.95C7.00002 13.8639 7.12155 14.7777 7.3646 15.6916C7.60766 16.6055 7.94794 17.4757 8.38544 18.3021C8.82294 19.1284 9.3528 19.8916 9.97502 20.5916C10.5972 21.2916 11.2875 21.875 12.0459 22.3416C12.2597 22.9639 12.5417 23.5569 12.8917 24.1208C13.2417 24.6847 13.6403 25.1902 14.0875 25.6375C14.0681 25.6375 14.0535 25.6423 14.0438 25.6521C14.034 25.6618 14.0195 25.6666 14 25.6666ZM19.8334 25.6666C18.2195 25.6666 16.8438 25.0979 15.7063 23.9604C14.5688 22.8229 14 21.4472 14 19.8333C14 18.2194 14.5688 16.8437 15.7063 15.7062C16.8438 14.5687 18.2195 14 19.8334 14C21.4472 14 22.8229 14.5687 23.9604 15.7062C25.0979 16.8437 25.6667 18.2194 25.6667 19.8333C25.6667 21.4472 25.0979 22.8229 23.9604 23.9604C22.8229 25.0979 21.4472 25.6666 19.8334 25.6666ZM19.25 20.4166V22.75C19.25 22.9055 19.3084 23.0416 19.425 23.1583C19.5417 23.275 19.6778 23.3333 19.8334 23.3333C19.9889 23.3333 20.125 23.275 20.2417 23.1583C20.3584 23.0416 20.4167 22.9055 20.4167 22.75V20.4166H22.75C22.9056 20.4166 23.0417 20.3583 23.1584 20.2416C23.275 20.125 23.3334 19.9889 23.3334 19.8333C23.3334 19.6777 23.275 19.5416 23.1584 19.425C23.0417 19.3083 22.9056 19.25 22.75 19.25H20.4167V16.9166C20.4167 16.7611 20.3584 16.625 20.2417 16.5083C20.125 16.3916 19.9889 16.3333 19.8334 16.3333C19.6778 16.3333 19.5417 16.3916 19.425 16.5083C19.3084 16.625 19.25 16.7611 19.25 16.9166V19.25H16.9167C16.7611 19.25 16.625 19.3083 16.5084 19.425C16.3917 19.5416 16.3334 19.6777 16.3334 19.8333C16.3334 19.9889 16.3917 20.125 16.5084 20.2416C16.625 20.3583 16.7611 20.4166 16.9167 20.4166H19.25Z", fill: "currentColor" })))));
     }
 };
 SwirlIconAddModerator.style = swirlIconCss;

package/dist/cjs/swirl-icon-add-photo.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 var index = require('./index-31zRgX-7.js');
 var index$1 = require('./index-DcAhLZUH.js');
-const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued)}";
 const SwirlIconAddPhoto = class {
     constructor(hostRef) {
@@ -16,7 +16,7 @@ const SwirlIconAddPhoto = class {
             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: 'f5d4164de5ac42c74f404ac7189d7c480a11838c', "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: '030db56f1f29595386d980fd4af84e77f1eb8189' }, index.h("path", { key: '30edce58a062310828fed0aa8556eb5f5c2af231', d: "M7.33335 12.3333C8.16669 12.3333 8.87513 12.0417 9.45869 11.4586C10.0418 10.875 10.3334 10.1666 10.3334 9.33325C10.3334 8.49992 10.0418 7.79147 9.45869 7.20792C8.87513 6.62481 8.16669 6.33325 7.33335 6.33325C6.50002 6.33325 5.79158 6.62481 5.20802 7.20792C4.62491 7.79147 4.33335 8.49992 4.33335 9.33325C4.33335 10.1666 4.62491 10.875 5.20802 11.4586C5.79158 12.0417 6.50002 12.3333 7.33335 12.3333ZM2.00002 14.6666C1.63335 14.6666 1.31958 14.5361 1.05869 14.2753C0.797354 14.0139 0.666687 13.6999 0.666687 13.3333V5.33325C0.666687 4.96659 0.797354 4.65281 1.05869 4.39192C1.31958 4.13059 1.63335 3.99992 2.00002 3.99992H4.10002L4.93335 3.09992C5.05558 2.96659 5.20269 2.86103 5.37469 2.78325C5.54713 2.70547 5.7278 2.66659 5.91669 2.66659H8.66669C8.85558 2.66659 9.01402 2.73036 9.14202 2.85792C9.26958 2.98592 9.33335 3.14436 9.33335 3.33325V5.33325H2.00002V13.3333H12.6667V7.33325H13.3334C13.4222 7.33325 13.5085 7.34992 13.592 7.38325C13.6751 7.41658 13.7474 7.4637 13.8087 7.52458C13.8696 7.58592 13.9167 7.65814 13.95 7.74125C13.9834 7.82481 14 7.91103 14 7.99992V13.3333C14 13.6999 13.8696 14.0139 13.6087 14.2753C13.3474 14.5361 13.0334 14.6666 12.6667 14.6666H2.00002ZM12.6667 3.99992H12C11.8111 3.99992 11.6529 3.93614 11.5254 3.80859C11.3974 3.68059 11.3334 3.52214 11.3334 3.33325C11.3334 3.14436 11.3974 2.98592 11.5254 2.85792C11.6529 2.73036 11.8111 2.66659 12 2.66659H12.6667V1.99992C12.6667 1.81103 12.7307 1.65259 12.8587 1.52459C12.9862 1.39703 13.1445 1.33325 13.3334 1.33325C13.5222 1.33325 13.6805 1.39703 13.808 1.52459C13.936 1.65259 14 1.81103 14 1.99992V2.66659H14.6667C14.8556 2.66659 15.0138 2.73036 15.1414 2.85792C15.2694 2.98592 15.3334 3.14436 15.3334 3.33325C15.3334 3.52214 15.2694 3.68059 15.1414 3.80859C15.0138 3.93614 14.8556 3.99992 14.6667 3.99992H14V4.66659C14 4.85547 13.936 5.01392 13.808 5.14192C13.6805 5.26947 13.5222 5.33325 13.3334 5.33325C13.1445 5.33325 12.9862 5.26947 12.8587 5.14192C12.7307 5.01392 12.6667 4.85547 12.6667 4.66659V3.99992Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '30231f31dd0889f0c756660bcd0447a1fab60626' }, index.h("path", { key: 'a43fda680bc4c398a5adbf3bea95aac254b84fc3', d: "M11 18.5C12.25 18.5 13.3127 18.0627 14.188 17.188C15.0627 16.3127 15.5 15.25 15.5 14C15.5 12.75 15.0627 11.6873 14.188 10.812C13.3127 9.93733 12.25 9.5 11 9.5C9.75 9.5 8.68733 9.93733 7.812 10.812C6.93733 11.6873 6.5 12.75 6.5 14C6.5 15.25 6.93733 16.3127 7.812 17.188C8.68733 18.0627 9.75 18.5 11 18.5ZM3 22C2.45 22 1.97933 21.8043 1.588 21.413C1.196 21.021 1 20.55 1 20V8C1 7.45 1.196 6.97933 1.588 6.588C1.97933 6.196 2.45 6 3 6H6.15L7.4 4.65C7.58333 4.45 7.804 4.29167 8.062 4.175C8.32067 4.05833 8.59167 4 8.875 4H13C13.2833 4 13.521 4.09567 13.713 4.287C13.9043 4.479 14 4.71667 14 5V8H3V20H19V11H20C20.1333 11 20.2627 11.025 20.388 11.075C20.5127 11.125 20.621 11.1957 20.713 11.287C20.8043 11.379 20.875 11.4873 20.925 11.612C20.975 11.7373 21 11.8667 21 12V20C21 20.55 20.8043 21.021 20.413 21.413C20.021 21.8043 19.55 22 19 22H3ZM19 6H18C17.7167 6 17.4793 5.90433 17.288 5.713C17.096 5.521 17 5.28333 17 5C17 4.71667 17.096 4.479 17.288 4.287C17.4793 4.09567 17.7167 4 18 4H19V3C19 2.71667 19.096 2.479 19.288 2.287C19.4793 2.09567 19.7167 2 20 2C20.2833 2 20.5207 2.09567 20.712 2.287C20.904 2.479 21 2.71667 21 3V4H22C22.2833 4 22.5207 4.09567 22.712 4.287C22.904 4.479 23 4.71667 23 5C23 5.28333 22.904 5.521 22.712 5.713C22.5207 5.90433 22.2833 6 22 6H21V7C21 7.28333 20.904 7.521 20.712 7.713C20.5207 7.90433 20.2833 8 20 8C19.7167 8 19.4793 7.90433 19.288 7.713C19.096 7.521 19 7.28333 19 7V6Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: 'd2fc5fdc3c1a8253880558c49f12e2fd52976292' }, index.h("path", { key: '416507f4b0162fd652edfb64b96121cfd38f548f', d: "M12.8334 21.5833C14.2917 21.5833 15.5315 21.073 16.5527 20.0526C17.5731 19.0314 18.0834 17.7916 18.0834 16.3333C18.0834 14.8749 17.5731 13.6351 16.5527 12.6139C15.5315 11.5935 14.2917 11.0833 12.8334 11.0833C11.375 11.0833 10.1352 11.5935 9.11402 12.6139C8.09358 13.6351 7.58335 14.8749 7.58335 16.3333C7.58335 17.7916 8.09358 19.0314 9.11402 20.0526C10.1352 21.073 11.375 21.5833 12.8334 21.5833ZM3.50002 25.6666C2.85835 25.6666 2.30924 25.4383 1.85269 24.9818C1.39535 24.5244 1.16669 23.9749 1.16669 23.3333V9.33325C1.16669 8.69159 1.39535 8.14247 1.85269 7.68592C2.30924 7.22859 2.85835 6.99992 3.50002 6.99992H7.17502L8.63335 5.42492C8.84724 5.19159 9.10469 5.00686 9.40569 4.87075C9.70746 4.73464 10.0236 4.66659 10.3542 4.66659H15.1667C15.4972 4.66659 15.7745 4.7782 15.9985 5.00142C16.2217 5.22542 16.3334 5.5027 16.3334 5.83325V9.33325H3.50002V23.3333H22.1667V12.8333H23.3334C23.4889 12.8333 23.6398 12.8624 23.786 12.9208C23.9315 12.9791 24.0579 13.0615 24.1652 13.1681C24.2717 13.2754 24.3542 13.4018 24.4125 13.5473C24.4709 13.6935 24.5 13.8444 24.5 13.9999V23.3333C24.5 23.9749 24.2717 24.5244 23.8152 24.9818C23.3579 25.4383 22.8084 25.6666 22.1667 25.6666H3.50002ZM22.1667 6.99992H21C20.6695 6.99992 20.3926 6.88831 20.1694 6.66509C19.9454 6.44109 19.8334 6.16381 19.8334 5.83325C19.8334 5.5027 19.9454 5.22542 20.1694 5.00142C20.3926 4.7782 20.6695 4.66659 21 4.66659H22.1667V3.49992C22.1667 3.16936 22.2787 2.89209 22.5027 2.66809C22.7259 2.44486 23.0028 2.33325 23.3334 2.33325C23.6639 2.33325 23.9408 2.44486 24.164 2.66809C24.388 2.89209 24.5 3.16936 24.5 3.49992V4.66659H25.6667C25.9972 4.66659 26.2741 4.7782 26.4974 5.00142C26.7214 5.22542 26.8334 5.5027 26.8334 5.83325C26.8334 6.16381 26.7214 6.44109 26.4974 6.66509C26.2741 6.88831 25.9972 6.99992 25.6667 6.99992H24.5V8.16659C24.5 8.49714 24.388 8.77442 24.164 8.99842C23.9408 9.22164 23.6639 9.33325 23.3334 9.33325C23.0028 9.33325 22.7259 9.22164 22.5027 8.99842C22.2787 8.77442 22.1667 8.49714 22.1667 8.16659V6.99992Z", fill: "currentColor" })))));
+        return (index.h("svg", { key: '7521f21d1b44a16d858c210f1d40712e20ea41ab', "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: '6ee40668c9f59fdf37d2c738ebf1922c151e1f6e' }, index.h("path", { key: 'b388b7cd99e0fce4660a0b219e456aadd5bf6fa8', d: "M7.33335 12.3333C8.16669 12.3333 8.87513 12.0417 9.45869 11.4586C10.0418 10.875 10.3334 10.1666 10.3334 9.33325C10.3334 8.49992 10.0418 7.79147 9.45869 7.20792C8.87513 6.62481 8.16669 6.33325 7.33335 6.33325C6.50002 6.33325 5.79158 6.62481 5.20802 7.20792C4.62491 7.79147 4.33335 8.49992 4.33335 9.33325C4.33335 10.1666 4.62491 10.875 5.20802 11.4586C5.79158 12.0417 6.50002 12.3333 7.33335 12.3333ZM2.00002 14.6666C1.63335 14.6666 1.31958 14.5361 1.05869 14.2753C0.797354 14.0139 0.666687 13.6999 0.666687 13.3333V5.33325C0.666687 4.96659 0.797354 4.65281 1.05869 4.39192C1.31958 4.13059 1.63335 3.99992 2.00002 3.99992H4.10002L4.93335 3.09992C5.05558 2.96659 5.20269 2.86103 5.37469 2.78325C5.54713 2.70547 5.7278 2.66659 5.91669 2.66659H8.66669C8.85558 2.66659 9.01402 2.73036 9.14202 2.85792C9.26958 2.98592 9.33335 3.14436 9.33335 3.33325V5.33325H2.00002V13.3333H12.6667V7.33325H13.3334C13.4222 7.33325 13.5085 7.34992 13.592 7.38325C13.6751 7.41658 13.7474 7.4637 13.8087 7.52458C13.8696 7.58592 13.9167 7.65814 13.95 7.74125C13.9834 7.82481 14 7.91103 14 7.99992V13.3333C14 13.6999 13.8696 14.0139 13.6087 14.2753C13.3474 14.5361 13.0334 14.6666 12.6667 14.6666H2.00002ZM12.6667 3.99992H12C11.8111 3.99992 11.6529 3.93614 11.5254 3.80859C11.3974 3.68059 11.3334 3.52214 11.3334 3.33325C11.3334 3.14436 11.3974 2.98592 11.5254 2.85792C11.6529 2.73036 11.8111 2.66659 12 2.66659H12.6667V1.99992C12.6667 1.81103 12.7307 1.65259 12.8587 1.52459C12.9862 1.39703 13.1445 1.33325 13.3334 1.33325C13.5222 1.33325 13.6805 1.39703 13.808 1.52459C13.936 1.65259 14 1.81103 14 1.99992V2.66659H14.6667C14.8556 2.66659 15.0138 2.73036 15.1414 2.85792C15.2694 2.98592 15.3334 3.14436 15.3334 3.33325C15.3334 3.52214 15.2694 3.68059 15.1414 3.80859C15.0138 3.93614 14.8556 3.99992 14.6667 3.99992H14V4.66659C14 4.85547 13.936 5.01392 13.808 5.14192C13.6805 5.26947 13.5222 5.33325 13.3334 5.33325C13.1445 5.33325 12.9862 5.26947 12.8587 5.14192C12.7307 5.01392 12.6667 4.85547 12.6667 4.66659V3.99992Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '3870bb227c6a6d487504c1fab5d2ae49d3612c57' }, index.h("path", { key: 'b60160a6c0a24107530379351602ba7d75410618', d: "M11 18.5C12.25 18.5 13.3127 18.0627 14.188 17.188C15.0627 16.3127 15.5 15.25 15.5 14C15.5 12.75 15.0627 11.6873 14.188 10.812C13.3127 9.93733 12.25 9.5 11 9.5C9.75 9.5 8.68733 9.93733 7.812 10.812C6.93733 11.6873 6.5 12.75 6.5 14C6.5 15.25 6.93733 16.3127 7.812 17.188C8.68733 18.0627 9.75 18.5 11 18.5ZM3 22C2.45 22 1.97933 21.8043 1.588 21.413C1.196 21.021 1 20.55 1 20V8C1 7.45 1.196 6.97933 1.588 6.588C1.97933 6.196 2.45 6 3 6H6.15L7.4 4.65C7.58333 4.45 7.804 4.29167 8.062 4.175C8.32067 4.05833 8.59167 4 8.875 4H13C13.2833 4 13.521 4.09567 13.713 4.287C13.9043 4.479 14 4.71667 14 5V8H3V20H19V11H20C20.1333 11 20.2627 11.025 20.388 11.075C20.5127 11.125 20.621 11.1957 20.713 11.287C20.8043 11.379 20.875 11.4873 20.925 11.612C20.975 11.7373 21 11.8667 21 12V20C21 20.55 20.8043 21.021 20.413 21.413C20.021 21.8043 19.55 22 19 22H3ZM19 6H18C17.7167 6 17.4793 5.90433 17.288 5.713C17.096 5.521 17 5.28333 17 5C17 4.71667 17.096 4.479 17.288 4.287C17.4793 4.09567 17.7167 4 18 4H19V3C19 2.71667 19.096 2.479 19.288 2.287C19.4793 2.09567 19.7167 2 20 2C20.2833 2 20.5207 2.09567 20.712 2.287C20.904 2.479 21 2.71667 21 3V4H22C22.2833 4 22.5207 4.09567 22.712 4.287C22.904 4.479 23 4.71667 23 5C23 5.28333 22.904 5.521 22.712 5.713C22.5207 5.90433 22.2833 6 22 6H21V7C21 7.28333 20.904 7.521 20.712 7.713C20.5207 7.90433 20.2833 8 20 8C19.7167 8 19.4793 7.90433 19.288 7.713C19.096 7.521 19 7.28333 19 7V6Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: 'a638fd4b453914bac561b0c5fc9994d386508740' }, index.h("path", { key: '9a343a6b7c2e8ee9e3c2918d98b9b40ebc7b74a7', d: "M12.8334 21.5833C14.2917 21.5833 15.5315 21.073 16.5527 20.0526C17.5731 19.0314 18.0834 17.7916 18.0834 16.3333C18.0834 14.8749 17.5731 13.6351 16.5527 12.6139C15.5315 11.5935 14.2917 11.0833 12.8334 11.0833C11.375 11.0833 10.1352 11.5935 9.11402 12.6139C8.09358 13.6351 7.58335 14.8749 7.58335 16.3333C7.58335 17.7916 8.09358 19.0314 9.11402 20.0526C10.1352 21.073 11.375 21.5833 12.8334 21.5833ZM3.50002 25.6666C2.85835 25.6666 2.30924 25.4383 1.85269 24.9818C1.39535 24.5244 1.16669 23.9749 1.16669 23.3333V9.33325C1.16669 8.69159 1.39535 8.14247 1.85269 7.68592C2.30924 7.22859 2.85835 6.99992 3.50002 6.99992H7.17502L8.63335 5.42492C8.84724 5.19159 9.10469 5.00686 9.40569 4.87075C9.70746 4.73464 10.0236 4.66659 10.3542 4.66659H15.1667C15.4972 4.66659 15.7745 4.7782 15.9985 5.00142C16.2217 5.22542 16.3334 5.5027 16.3334 5.83325V9.33325H3.50002V23.3333H22.1667V12.8333H23.3334C23.4889 12.8333 23.6398 12.8624 23.786 12.9208C23.9315 12.9791 24.0579 13.0615 24.1652 13.1681C24.2717 13.2754 24.3542 13.4018 24.4125 13.5473C24.4709 13.6935 24.5 13.8444 24.5 13.9999V23.3333C24.5 23.9749 24.2717 24.5244 23.8152 24.9818C23.3579 25.4383 22.8084 25.6666 22.1667 25.6666H3.50002ZM22.1667 6.99992H21C20.6695 6.99992 20.3926 6.88831 20.1694 6.66509C19.9454 6.44109 19.8334 6.16381 19.8334 5.83325C19.8334 5.5027 19.9454 5.22542 20.1694 5.00142C20.3926 4.7782 20.6695 4.66659 21 4.66659H22.1667V3.49992C22.1667 3.16936 22.2787 2.89209 22.5027 2.66809C22.7259 2.44486 23.0028 2.33325 23.3334 2.33325C23.6639 2.33325 23.9408 2.44486 24.164 2.66809C24.388 2.89209 24.5 3.16936 24.5 3.49992V4.66659H25.6667C25.9972 4.66659 26.2741 4.7782 26.4974 5.00142C26.7214 5.22542 26.8334 5.5027 26.8334 5.83325C26.8334 6.16381 26.7214 6.44109 26.4974 6.66509C26.2741 6.88831 25.9972 6.99992 25.6667 6.99992H24.5V8.16659C24.5 8.49714 24.388 8.77442 24.164 8.99842C23.9408 9.22164 23.6639 9.33325 23.3334 9.33325C23.0028 9.33325 22.7259 9.22164 22.5027 8.99842C22.2787 8.77442 22.1667 8.49714 22.1667 8.16659V6.99992Z", fill: "currentColor" })))));
     }
 };
 SwirlIconAddPhoto.style = swirlIconCss;

package/dist/cjs/swirl-icon-add-reaction.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 var index = require('./index-31zRgX-7.js');
 var index$1 = require('./index-DcAhLZUH.js');
-const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued)}";
 const SwirlIconAddReaction = class {
     constructor(hostRef) {
@@ -16,7 +16,7 @@ const SwirlIconAddReaction = class {
             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: '46cee54f5830590b93b64126640c4f3d95d48a63', "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: '925fc256183a3747219b395072152415fccdae61' }, index.h("path", { key: '778ec8f9a8e7d8b283a8e5ab62558f225a6d9ddb', d: "M7.99998 14.6667C7.07776 14.6667 6.21109 14.4917 5.39998 14.1417C4.58887 13.7917 3.88331 13.3167 3.28331 12.7167C2.68331 12.1167 2.20831 11.4112 1.85831 10.6001C1.50831 9.78897 1.33331 8.9223 1.33331 8.00008C1.33331 7.07786 1.50831 6.21119 1.85831 5.40008C2.20831 4.58897 2.68331 3.88341 3.28331 3.28341C3.88331 2.68341 4.58887 2.20841 5.39998 1.85841C6.21109 1.50841 7.07776 1.33341 7.99998 1.33341C8.47776 1.33341 8.93887 1.38064 9.38331 1.47508C9.82776 1.56953 10.2555 1.70564 10.6666 1.88341V3.38341C10.2778 3.16119 9.85831 2.98619 9.40831 2.85841C8.95831 2.73064 8.48887 2.66675 7.99998 2.66675C6.5222 2.66675 5.26387 3.18619 4.22498 4.22508C3.18609 5.26397 2.66665 6.5223 2.66665 8.00008C2.66665 9.47786 3.18609 10.7362 4.22498 11.7751C5.26387 12.814 6.5222 13.3334 7.99998 13.3334C9.47776 13.3334 10.7361 12.814 11.775 11.7751C12.8139 10.7362 13.3333 9.47786 13.3333 8.00008C13.3333 7.64453 13.2972 7.30008 13.225 6.96675C13.1528 6.63341 13.0555 6.31119 12.9333 6.00008H14.3666C14.4666 6.3223 14.5416 6.6473 14.5916 6.97508C14.6416 7.30286 14.6666 7.64453 14.6666 8.00008C14.6666 8.9223 14.4916 9.78897 14.1416 10.6001C13.7916 11.4112 13.3166 12.1167 12.7166 12.7167C12.1166 13.3167 11.4111 13.7917 10.6 14.1417C9.78887 14.4917 8.9222 14.6667 7.99998 14.6667ZM13.3333 3.33341H12.6666C12.4778 3.33341 12.3194 3.26953 12.1916 3.14175C12.0639 3.01397 12 2.85564 12 2.66675C12 2.47786 12.0639 2.31953 12.1916 2.19175C12.3194 2.06397 12.4778 2.00008 12.6666 2.00008H13.3333V1.33341C13.3333 1.14453 13.3972 0.986192 13.525 0.858415C13.6528 0.730637 13.8111 0.666748 14 0.666748C14.1889 0.666748 14.3472 0.730637 14.475 0.858415C14.6028 0.986192 14.6666 1.14453 14.6666 1.33341V2.00008H15.3333C15.5222 2.00008 15.6805 2.06397 15.8083 2.19175C15.9361 2.31953 16 2.47786 16 2.66675C16 2.85564 15.9361 3.01397 15.8083 3.14175C15.6805 3.26953 15.5222 3.33341 15.3333 3.33341H14.6666V4.00008C14.6666 4.18897 14.6028 4.3473 14.475 4.47508C14.3472 4.60286 14.1889 4.66675 14 4.66675C13.8111 4.66675 13.6528 4.60286 13.525 4.47508C13.3972 4.3473 13.3333 4.18897 13.3333 4.00008V3.33341ZM10.3333 7.33341C10.6111 7.33341 10.8472 7.23619 11.0416 7.04175C11.2361 6.8473 11.3333 6.61119 11.3333 6.33341C11.3333 6.05564 11.2361 5.81953 11.0416 5.62508C10.8472 5.43064 10.6111 5.33341 10.3333 5.33341C10.0555 5.33341 9.81942 5.43064 9.62498 5.62508C9.43054 5.81953 9.33331 6.05564 9.33331 6.33341C9.33331 6.61119 9.43054 6.8473 9.62498 7.04175C9.81942 7.23619 10.0555 7.33341 10.3333 7.33341ZM5.66665 7.33341C5.94442 7.33341 6.18054 7.23619 6.37498 7.04175C6.56942 6.8473 6.66665 6.61119 6.66665 6.33341C6.66665 6.05564 6.56942 5.81953 6.37498 5.62508C6.18054 5.43064 5.94442 5.33341 5.66665 5.33341C5.38887 5.33341 5.15276 5.43064 4.95831 5.62508C4.76387 5.81953 4.66665 6.05564 4.66665 6.33341C4.66665 6.61119 4.76387 6.8473 4.95831 7.04175C5.15276 7.23619 5.38887 7.33341 5.66665 7.33341ZM7.99998 11.6667C8.64442 11.6667 9.23887 11.5112 9.78331 11.2001C10.3278 10.889 10.7666 10.4667 11.1 9.93342C11.1666 9.80008 11.1611 9.66675 11.0833 9.53342C11.0055 9.40008 10.8889 9.33341 10.7333 9.33341H5.26665C5.11109 9.33341 4.99442 9.40008 4.91665 9.53342C4.83887 9.66675 4.83331 9.80008 4.89998 9.93342C5.23331 10.4667 5.67498 10.889 6.22498 11.2001C6.77498 11.5112 7.36665 11.6667 7.99998 11.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '433e8536619457cab8b025c82d73d248202862b4' }, index.h("path", { key: '849f7ef58150114c0bf8bcd8d8e9773454ed2900', d: "M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C12.7167 2 13.4083 2.07083 14.075 2.2125C14.7417 2.35417 15.3833 2.55833 16 2.825V5.075C15.4167 4.74167 14.7875 4.47917 14.1125 4.2875C13.4375 4.09583 12.7333 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 14.2167 4.77917 16.1042 6.3375 17.6625C7.89583 19.2208 9.78333 20 12 20C14.2167 20 16.1042 19.2208 17.6625 17.6625C19.2208 16.1042 20 14.2167 20 12C20 11.4667 19.9458 10.95 19.8375 10.45C19.7292 9.95 19.5833 9.46667 19.4 9H21.55C21.7 9.48333 21.8125 9.97083 21.8875 10.4625C21.9625 10.9542 22 11.4667 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM20 5H19C18.7167 5 18.4792 4.90417 18.2875 4.7125C18.0958 4.52083 18 4.28333 18 4C18 3.71667 18.0958 3.47917 18.2875 3.2875C18.4792 3.09583 18.7167 3 19 3H20V2C20 1.71667 20.0958 1.47917 20.2875 1.2875C20.4792 1.09583 20.7167 1 21 1C21.2833 1 21.5208 1.09583 21.7125 1.2875C21.9042 1.47917 22 1.71667 22 2V3H23C23.2833 3 23.5208 3.09583 23.7125 3.2875C23.9042 3.47917 24 3.71667 24 4C24 4.28333 23.9042 4.52083 23.7125 4.7125C23.5208 4.90417 23.2833 5 23 5H22V6C22 6.28333 21.9042 6.52083 21.7125 6.7125C21.5208 6.90417 21.2833 7 21 7C20.7167 7 20.4792 6.90417 20.2875 6.7125C20.0958 6.52083 20 6.28333 20 6V5ZM15.5 11C15.9167 11 16.2708 10.8542 16.5625 10.5625C16.8542 10.2708 17 9.91667 17 9.5C17 9.08333 16.8542 8.72917 16.5625 8.4375C16.2708 8.14583 15.9167 8 15.5 8C15.0833 8 14.7292 8.14583 14.4375 8.4375C14.1458 8.72917 14 9.08333 14 9.5C14 9.91667 14.1458 10.2708 14.4375 10.5625C14.7292 10.8542 15.0833 11 15.5 11ZM8.5 11C8.91667 11 9.27083 10.8542 9.5625 10.5625C9.85417 10.2708 10 9.91667 10 9.5C10 9.08333 9.85417 8.72917 9.5625 8.4375C9.27083 8.14583 8.91667 8 8.5 8C8.08333 8 7.72917 8.14583 7.4375 8.4375C7.14583 8.72917 7 9.08333 7 9.5C7 9.91667 7.14583 10.2708 7.4375 10.5625C7.72917 10.8542 8.08333 11 8.5 11ZM12 17.5C12.9667 17.5 13.8583 17.2667 14.675 16.8C15.4917 16.3333 16.15 15.7 16.65 14.9C16.75 14.7 16.7417 14.5 16.625 14.3C16.5083 14.1 16.3333 14 16.1 14H7.9C7.66667 14 7.49167 14.1 7.375 14.3C7.25833 14.5 7.25 14.7 7.35 14.9C7.85 15.7 8.5125 16.3333 9.3375 16.8C10.1625 17.2667 11.05 17.5 12 17.5Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '4c921229daabaf7558cfeafede6d29b236e476e9' }, index.h("path", { key: 'a675dce4b922033a37430819c2c5823f9f5c1364', d: "M14 25.6667C12.3861 25.6667 10.8695 25.3605 9.45001 24.748C8.03057 24.1355 6.79584 23.3042 5.74584 22.2542C4.69584 21.2042 3.86459 19.9695 3.25209 18.5501C2.63959 17.1306 2.33334 15.614 2.33334 14.0001C2.33334 12.3862 2.63959 10.8695 3.25209 9.45008C3.86459 8.03064 4.69584 6.79591 5.74584 5.74591C6.79584 4.69591 8.03057 3.86466 9.45001 3.25216C10.8695 2.63966 12.3861 2.33341 14 2.33341C14.8361 2.33341 15.6431 2.41605 16.4208 2.58133C17.1986 2.74661 17.9472 2.9848 18.6667 3.29591V5.92091C17.9861 5.53203 17.2521 5.22578 16.4646 5.00216C15.6771 4.77855 14.8556 4.66675 14 4.66675C11.4139 4.66675 9.21182 5.57578 7.39376 7.39383C5.5757 9.21189 4.66668 11.414 4.66668 14.0001C4.66668 16.5862 5.5757 18.7883 7.39376 20.6063C9.21182 22.4244 11.4139 23.3334 14 23.3334C16.5861 23.3334 18.7882 22.4244 20.6063 20.6063C22.4243 18.7883 23.3333 16.5862 23.3333 14.0001C23.3333 13.3779 23.2701 12.7751 23.1438 12.1917C23.0174 11.6084 22.8472 11.0445 22.6333 10.5001H25.1417C25.3167 11.064 25.4479 11.6327 25.5354 12.2063C25.6229 12.7799 25.6667 13.3779 25.6667 14.0001C25.6667 15.614 25.3604 17.1306 24.7479 18.5501C24.1354 19.9695 23.3042 21.2042 22.2542 22.2542C21.2042 23.3042 19.9695 24.1355 18.55 24.748C17.1306 25.3605 15.6139 25.6667 14 25.6667ZM23.3333 5.83341H22.1667C21.8361 5.83341 21.559 5.72161 21.3354 5.498C21.1118 5.27439 21 4.9973 21 4.66675C21 4.33619 21.1118 4.05911 21.3354 3.8355C21.559 3.61189 21.8361 3.50008 22.1667 3.50008H23.3333V2.33341C23.3333 2.00286 23.4451 1.72578 23.6688 1.50216C23.8924 1.27855 24.1695 1.16675 24.5 1.16675C24.8306 1.16675 25.1076 1.27855 25.3313 1.50216C25.5549 1.72578 25.6667 2.00286 25.6667 2.33341V3.50008H26.8333C27.1639 3.50008 27.441 3.61189 27.6646 3.8355C27.8882 4.05911 28 4.33619 28 4.66675C28 4.9973 27.8882 5.27439 27.6646 5.498C27.441 5.72161 27.1639 5.83341 26.8333 5.83341H25.6667V7.00008C25.6667 7.33064 25.5549 7.60772 25.3313 7.83133C25.1076 8.05494 24.8306 8.16675 24.5 8.16675C24.1695 8.16675 23.8924 8.05494 23.6688 7.83133C23.4451 7.60772 23.3333 7.33064 23.3333 7.00008V5.83341ZM18.0833 12.8334C18.5695 12.8334 18.9826 12.6633 19.3229 12.323C19.6632 11.9827 19.8333 11.5695 19.8333 11.0834C19.8333 10.5973 19.6632 10.1841 19.3229 9.84383C18.9826 9.50355 18.5695 9.33341 18.0833 9.33341C17.5972 9.33341 17.184 9.50355 16.8438 9.84383C16.5035 10.1841 16.3333 10.5973 16.3333 11.0834C16.3333 11.5695 16.5035 11.9827 16.8438 12.323C17.184 12.6633 17.5972 12.8334 18.0833 12.8334ZM9.91668 12.8334C10.4028 12.8334 10.816 12.6633 11.1563 12.323C11.4965 11.9827 11.6667 11.5695 11.6667 11.0834C11.6667 10.5973 11.4965 10.1841 11.1563 9.84383C10.816 9.50355 10.4028 9.33341 9.91668 9.33341C9.43057 9.33341 9.01737 9.50355 8.67709 9.84383C8.33682 10.1841 8.16668 10.5973 8.16668 11.0834C8.16668 11.5695 8.33682 11.9827 8.67709 12.323C9.01737 12.6633 9.43057 12.8334 9.91668 12.8334ZM14 20.4167C15.1278 20.4167 16.1681 20.1445 17.1208 19.6001C18.0736 19.0556 18.8417 18.3167 19.425 17.3834C19.5417 17.1501 19.532 16.9167 19.3958 16.6834C19.2597 16.4501 19.0556 16.3334 18.7833 16.3334H9.21668C8.94445 16.3334 8.74029 16.4501 8.60418 16.6834C8.46807 16.9167 8.45834 17.1501 8.57501 17.3834C9.15834 18.3167 9.93126 19.0556 10.8938 19.6001C11.8563 20.1445 12.8917 20.4167 14 20.4167Z", fill: "currentColor" })))));
+        return (index.h("svg", { key: '752b9a13ced9ac33f09c2853f975d3484b42158b', "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: '9d0039f4257a385140ea58552808a25e2db8fc04' }, index.h("path", { key: '6c2380d87d55afc27e4d667cdcd861f73681ffda', d: "M7.99998 14.6667C7.07776 14.6667 6.21109 14.4917 5.39998 14.1417C4.58887 13.7917 3.88331 13.3167 3.28331 12.7167C2.68331 12.1167 2.20831 11.4112 1.85831 10.6001C1.50831 9.78897 1.33331 8.9223 1.33331 8.00008C1.33331 7.07786 1.50831 6.21119 1.85831 5.40008C2.20831 4.58897 2.68331 3.88341 3.28331 3.28341C3.88331 2.68341 4.58887 2.20841 5.39998 1.85841C6.21109 1.50841 7.07776 1.33341 7.99998 1.33341C8.47776 1.33341 8.93887 1.38064 9.38331 1.47508C9.82776 1.56953 10.2555 1.70564 10.6666 1.88341V3.38341C10.2778 3.16119 9.85831 2.98619 9.40831 2.85841C8.95831 2.73064 8.48887 2.66675 7.99998 2.66675C6.5222 2.66675 5.26387 3.18619 4.22498 4.22508C3.18609 5.26397 2.66665 6.5223 2.66665 8.00008C2.66665 9.47786 3.18609 10.7362 4.22498 11.7751C5.26387 12.814 6.5222 13.3334 7.99998 13.3334C9.47776 13.3334 10.7361 12.814 11.775 11.7751C12.8139 10.7362 13.3333 9.47786 13.3333 8.00008C13.3333 7.64453 13.2972 7.30008 13.225 6.96675C13.1528 6.63341 13.0555 6.31119 12.9333 6.00008H14.3666C14.4666 6.3223 14.5416 6.6473 14.5916 6.97508C14.6416 7.30286 14.6666 7.64453 14.6666 8.00008C14.6666 8.9223 14.4916 9.78897 14.1416 10.6001C13.7916 11.4112 13.3166 12.1167 12.7166 12.7167C12.1166 13.3167 11.4111 13.7917 10.6 14.1417C9.78887 14.4917 8.9222 14.6667 7.99998 14.6667ZM13.3333 3.33341H12.6666C12.4778 3.33341 12.3194 3.26953 12.1916 3.14175C12.0639 3.01397 12 2.85564 12 2.66675C12 2.47786 12.0639 2.31953 12.1916 2.19175C12.3194 2.06397 12.4778 2.00008 12.6666 2.00008H13.3333V1.33341C13.3333 1.14453 13.3972 0.986192 13.525 0.858415C13.6528 0.730637 13.8111 0.666748 14 0.666748C14.1889 0.666748 14.3472 0.730637 14.475 0.858415C14.6028 0.986192 14.6666 1.14453 14.6666 1.33341V2.00008H15.3333C15.5222 2.00008 15.6805 2.06397 15.8083 2.19175C15.9361 2.31953 16 2.47786 16 2.66675C16 2.85564 15.9361 3.01397 15.8083 3.14175C15.6805 3.26953 15.5222 3.33341 15.3333 3.33341H14.6666V4.00008C14.6666 4.18897 14.6028 4.3473 14.475 4.47508C14.3472 4.60286 14.1889 4.66675 14 4.66675C13.8111 4.66675 13.6528 4.60286 13.525 4.47508C13.3972 4.3473 13.3333 4.18897 13.3333 4.00008V3.33341ZM10.3333 7.33341C10.6111 7.33341 10.8472 7.23619 11.0416 7.04175C11.2361 6.8473 11.3333 6.61119 11.3333 6.33341C11.3333 6.05564 11.2361 5.81953 11.0416 5.62508C10.8472 5.43064 10.6111 5.33341 10.3333 5.33341C10.0555 5.33341 9.81942 5.43064 9.62498 5.62508C9.43054 5.81953 9.33331 6.05564 9.33331 6.33341C9.33331 6.61119 9.43054 6.8473 9.62498 7.04175C9.81942 7.23619 10.0555 7.33341 10.3333 7.33341ZM5.66665 7.33341C5.94442 7.33341 6.18054 7.23619 6.37498 7.04175C6.56942 6.8473 6.66665 6.61119 6.66665 6.33341C6.66665 6.05564 6.56942 5.81953 6.37498 5.62508C6.18054 5.43064 5.94442 5.33341 5.66665 5.33341C5.38887 5.33341 5.15276 5.43064 4.95831 5.62508C4.76387 5.81953 4.66665 6.05564 4.66665 6.33341C4.66665 6.61119 4.76387 6.8473 4.95831 7.04175C5.15276 7.23619 5.38887 7.33341 5.66665 7.33341ZM7.99998 11.6667C8.64442 11.6667 9.23887 11.5112 9.78331 11.2001C10.3278 10.889 10.7666 10.4667 11.1 9.93342C11.1666 9.80008 11.1611 9.66675 11.0833 9.53342C11.0055 9.40008 10.8889 9.33341 10.7333 9.33341H5.26665C5.11109 9.33341 4.99442 9.40008 4.91665 9.53342C4.83887 9.66675 4.83331 9.80008 4.89998 9.93342C5.23331 10.4667 5.67498 10.889 6.22498 11.2001C6.77498 11.5112 7.36665 11.6667 7.99998 11.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '986808d77e8fb52cc7d57259bdee8f453db4b5fe' }, index.h("path", { key: 'd029fddff549330bbd216ca8f0281195330d56ec', d: "M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C12.7167 2 13.4083 2.07083 14.075 2.2125C14.7417 2.35417 15.3833 2.55833 16 2.825V5.075C15.4167 4.74167 14.7875 4.47917 14.1125 4.2875C13.4375 4.09583 12.7333 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 14.2167 4.77917 16.1042 6.3375 17.6625C7.89583 19.2208 9.78333 20 12 20C14.2167 20 16.1042 19.2208 17.6625 17.6625C19.2208 16.1042 20 14.2167 20 12C20 11.4667 19.9458 10.95 19.8375 10.45C19.7292 9.95 19.5833 9.46667 19.4 9H21.55C21.7 9.48333 21.8125 9.97083 21.8875 10.4625C21.9625 10.9542 22 11.4667 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM20 5H19C18.7167 5 18.4792 4.90417 18.2875 4.7125C18.0958 4.52083 18 4.28333 18 4C18 3.71667 18.0958 3.47917 18.2875 3.2875C18.4792 3.09583 18.7167 3 19 3H20V2C20 1.71667 20.0958 1.47917 20.2875 1.2875C20.4792 1.09583 20.7167 1 21 1C21.2833 1 21.5208 1.09583 21.7125 1.2875C21.9042 1.47917 22 1.71667 22 2V3H23C23.2833 3 23.5208 3.09583 23.7125 3.2875C23.9042 3.47917 24 3.71667 24 4C24 4.28333 23.9042 4.52083 23.7125 4.7125C23.5208 4.90417 23.2833 5 23 5H22V6C22 6.28333 21.9042 6.52083 21.7125 6.7125C21.5208 6.90417 21.2833 7 21 7C20.7167 7 20.4792 6.90417 20.2875 6.7125C20.0958 6.52083 20 6.28333 20 6V5ZM15.5 11C15.9167 11 16.2708 10.8542 16.5625 10.5625C16.8542 10.2708 17 9.91667 17 9.5C17 9.08333 16.8542 8.72917 16.5625 8.4375C16.2708 8.14583 15.9167 8 15.5 8C15.0833 8 14.7292 8.14583 14.4375 8.4375C14.1458 8.72917 14 9.08333 14 9.5C14 9.91667 14.1458 10.2708 14.4375 10.5625C14.7292 10.8542 15.0833 11 15.5 11ZM8.5 11C8.91667 11 9.27083 10.8542 9.5625 10.5625C9.85417 10.2708 10 9.91667 10 9.5C10 9.08333 9.85417 8.72917 9.5625 8.4375C9.27083 8.14583 8.91667 8 8.5 8C8.08333 8 7.72917 8.14583 7.4375 8.4375C7.14583 8.72917 7 9.08333 7 9.5C7 9.91667 7.14583 10.2708 7.4375 10.5625C7.72917 10.8542 8.08333 11 8.5 11ZM12 17.5C12.9667 17.5 13.8583 17.2667 14.675 16.8C15.4917 16.3333 16.15 15.7 16.65 14.9C16.75 14.7 16.7417 14.5 16.625 14.3C16.5083 14.1 16.3333 14 16.1 14H7.9C7.66667 14 7.49167 14.1 7.375 14.3C7.25833 14.5 7.25 14.7 7.35 14.9C7.85 15.7 8.5125 16.3333 9.3375 16.8C10.1625 17.2667 11.05 17.5 12 17.5Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '7b96f128583d5571515199446440e319b1251599' }, index.h("path", { key: 'aaef5a2ccd18e6a1536a4c11cced040bee936a74', d: "M14 25.6667C12.3861 25.6667 10.8695 25.3605 9.45001 24.748C8.03057 24.1355 6.79584 23.3042 5.74584 22.2542C4.69584 21.2042 3.86459 19.9695 3.25209 18.5501C2.63959 17.1306 2.33334 15.614 2.33334 14.0001C2.33334 12.3862 2.63959 10.8695 3.25209 9.45008C3.86459 8.03064 4.69584 6.79591 5.74584 5.74591C6.79584 4.69591 8.03057 3.86466 9.45001 3.25216C10.8695 2.63966 12.3861 2.33341 14 2.33341C14.8361 2.33341 15.6431 2.41605 16.4208 2.58133C17.1986 2.74661 17.9472 2.9848 18.6667 3.29591V5.92091C17.9861 5.53203 17.2521 5.22578 16.4646 5.00216C15.6771 4.77855 14.8556 4.66675 14 4.66675C11.4139 4.66675 9.21182 5.57578 7.39376 7.39383C5.5757 9.21189 4.66668 11.414 4.66668 14.0001C4.66668 16.5862 5.5757 18.7883 7.39376 20.6063C9.21182 22.4244 11.4139 23.3334 14 23.3334C16.5861 23.3334 18.7882 22.4244 20.6063 20.6063C22.4243 18.7883 23.3333 16.5862 23.3333 14.0001C23.3333 13.3779 23.2701 12.7751 23.1438 12.1917C23.0174 11.6084 22.8472 11.0445 22.6333 10.5001H25.1417C25.3167 11.064 25.4479 11.6327 25.5354 12.2063C25.6229 12.7799 25.6667 13.3779 25.6667 14.0001C25.6667 15.614 25.3604 17.1306 24.7479 18.5501C24.1354 19.9695 23.3042 21.2042 22.2542 22.2542C21.2042 23.3042 19.9695 24.1355 18.55 24.748C17.1306 25.3605 15.6139 25.6667 14 25.6667ZM23.3333 5.83341H22.1667C21.8361 5.83341 21.559 5.72161 21.3354 5.498C21.1118 5.27439 21 4.9973 21 4.66675C21 4.33619 21.1118 4.05911 21.3354 3.8355C21.559 3.61189 21.8361 3.50008 22.1667 3.50008H23.3333V2.33341C23.3333 2.00286 23.4451 1.72578 23.6688 1.50216C23.8924 1.27855 24.1695 1.16675 24.5 1.16675C24.8306 1.16675 25.1076 1.27855 25.3313 1.50216C25.5549 1.72578 25.6667 2.00286 25.6667 2.33341V3.50008H26.8333C27.1639 3.50008 27.441 3.61189 27.6646 3.8355C27.8882 4.05911 28 4.33619 28 4.66675C28 4.9973 27.8882 5.27439 27.6646 5.498C27.441 5.72161 27.1639 5.83341 26.8333 5.83341H25.6667V7.00008C25.6667 7.33064 25.5549 7.60772 25.3313 7.83133C25.1076 8.05494 24.8306 8.16675 24.5 8.16675C24.1695 8.16675 23.8924 8.05494 23.6688 7.83133C23.4451 7.60772 23.3333 7.33064 23.3333 7.00008V5.83341ZM18.0833 12.8334C18.5695 12.8334 18.9826 12.6633 19.3229 12.323C19.6632 11.9827 19.8333 11.5695 19.8333 11.0834C19.8333 10.5973 19.6632 10.1841 19.3229 9.84383C18.9826 9.50355 18.5695 9.33341 18.0833 9.33341C17.5972 9.33341 17.184 9.50355 16.8438 9.84383C16.5035 10.1841 16.3333 10.5973 16.3333 11.0834C16.3333 11.5695 16.5035 11.9827 16.8438 12.323C17.184 12.6633 17.5972 12.8334 18.0833 12.8334ZM9.91668 12.8334C10.4028 12.8334 10.816 12.6633 11.1563 12.323C11.4965 11.9827 11.6667 11.5695 11.6667 11.0834C11.6667 10.5973 11.4965 10.1841 11.1563 9.84383C10.816 9.50355 10.4028 9.33341 9.91668 9.33341C9.43057 9.33341 9.01737 9.50355 8.67709 9.84383C8.33682 10.1841 8.16668 10.5973 8.16668 11.0834C8.16668 11.5695 8.33682 11.9827 8.67709 12.323C9.01737 12.6633 9.43057 12.8334 9.91668 12.8334ZM14 20.4167C15.1278 20.4167 16.1681 20.1445 17.1208 19.6001C18.0736 19.0556 18.8417 18.3167 19.425 17.3834C19.5417 17.1501 19.532 16.9167 19.3958 16.6834C19.2597 16.4501 19.0556 16.3334 18.7833 16.3334H9.21668C8.94445 16.3334 8.74029 16.4501 8.60418 16.6834C8.46807 16.9167 8.45834 17.1501 8.57501 17.3834C9.15834 18.3167 9.93126 19.0556 10.8938 19.6001C11.8563 20.1445 12.8917 20.4167 14 20.4167Z", fill: "currentColor" })))));
     }
 };
 SwirlIconAddReaction.style = swirlIconCss;