@getflip/swirl-components 0.197.0 → 0.198.0

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

@@ -2,62 +2,64 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1de6abbd.js');
-const utils = require('./utils-459fb5e9.js');
-const index$1 = require('./index-2ddd0598.js');
+const index = require('./index-2ab5d772.js');
+const utils = require('./utils-fc5855ec.js');
+const index$1 = require('./index-9f94303c.js');
 
 const swirlDatePickerCss = ":host{display:block}:host *{box-sizing:border-box}.date-picker{padding:var(--s-space-8) var(--s-space-16);background-color:var(--s-surface-overlay-default);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);letter-spacing:var(--s-letter-spacing-tighter)}@media (min-width: 768px){.date-picker{max-width:17.5rem}}.date-picker__header{display:flex;margin-bottom:var(--s-space-8);align-items:center}.date-picker__current-month{display:flex;padding:var(--s-space-8);flex-grow:1;align-items:center;order:1;gap:var(--s-space-4)}.date-picker__next-month-button,.date-picker__previous-month-button{position:relative;display:inline-flex;width:2.5rem;height:2.5rem;margin:0;padding:0;flex-shrink:0;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-highlight);background-color:transparent;cursor:pointer}.date-picker__next-month-button:after,.date-picker__previous-month-button:after{position:absolute;background-color:currentColor;content:\"\";inset:0;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.date-picker__next-month-button:hover,.date-picker__previous-month-button:hover{background-color:var(--s-surface-overlay-hovered)}.date-picker__next-month-button:focus:not(:focus-visible),.date-picker__previous-month-button:focus:not(:focus-visible){outline:none}.date-picker__next-month-button:focus-visible,.date-picker__previous-month-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.date-picker__next-month-button>svg,.date-picker__previous-month-button>svg{display:none}.date-picker__next-month-button{order:3}.date-picker__next-month-button:after{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg class='swirl-icon swirl-icon--size-24' fill='none' height='24' part='icon' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59999 17.4C8.38333 17.1834 8.27499 16.9167 8.27499 16.6C8.27499 16.2834 8.38333 16.0167 8.59999 15.8L12.4 12L8.59999 8.20002C8.38333 7.98336 8.27499 7.71669 8.27499 7.40002C8.27499 7.08336 8.38333 6.81669 8.59999 6.60002C8.81666 6.38336 9.08333 6.27502 9.39999 6.27502C9.71666 6.27502 9.98333 6.38336 10.2 6.60002L14.8 11.2C14.9167 11.3167 15 11.4417 15.05 11.575C15.1 11.7084 15.125 11.85 15.125 12C15.125 12.15 15.1 12.2917 15.05 12.425C15 12.5584 14.9167 12.6834 14.8 12.8L10.2 17.4C9.98333 17.6167 9.71666 17.725 9.39999 17.725C9.08333 17.725 8.81666 17.6167 8.59999 17.4Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg class='swirl-icon swirl-icon--size-24' fill='none' height='24' part='icon' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59999 17.4C8.38333 17.1834 8.27499 16.9167 8.27499 16.6C8.27499 16.2834 8.38333 16.0167 8.59999 15.8L12.4 12L8.59999 8.20002C8.38333 7.98336 8.27499 7.71669 8.27499 7.40002C8.27499 7.08336 8.38333 6.81669 8.59999 6.60002C8.81666 6.38336 9.08333 6.27502 9.39999 6.27502C9.71666 6.27502 9.98333 6.38336 10.2 6.60002L14.8 11.2C14.9167 11.3167 15 11.4417 15.05 11.575C15.1 11.7084 15.125 11.85 15.125 12C15.125 12.15 15.1 12.2917 15.05 12.425C15 12.5584 14.9167 12.6834 14.8 12.8L10.2 17.4C9.98333 17.6167 9.71666 17.725 9.39999 17.725C9.08333 17.725 8.81666 17.6167 8.59999 17.4Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E\")}.date-picker__previous-month-button{order:2}.date-picker__previous-month-button:after{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg class='swirl-icon swirl-icon--size-24' fill='none' height='24' part='icon' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2 17.4L8.59999 12.8C8.48333 12.6834 8.39999 12.5584 8.34999 12.425C8.29999 12.2917 8.27499 12.15 8.27499 12C8.27499 11.85 8.29999 11.7084 8.34999 11.575C8.39999 11.4417 8.48333 11.3167 8.59999 11.2L13.2 6.60002C13.4167 6.38336 13.6833 6.27502 14 6.27502C14.3167 6.27502 14.5833 6.38336 14.8 6.60002C15.0167 6.81669 15.125 7.08336 15.125 7.40002C15.125 7.71669 15.0167 7.98336 14.8 8.20002L11 12L14.8 15.8C15.0167 16.0167 15.125 16.2834 15.125 16.6C15.125 16.9167 15.0167 17.1834 14.8 17.4C14.5833 17.6167 14.3167 17.725 14 17.725C13.6833 17.725 13.4167 17.6167 13.2 17.4Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg class='swirl-icon swirl-icon--size-24' fill='none' height='24' part='icon' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2 17.4L8.59999 12.8C8.48333 12.6834 8.39999 12.5584 8.34999 12.425C8.29999 12.2917 8.27499 12.15 8.27499 12C8.27499 11.85 8.29999 11.7084 8.34999 11.575C8.39999 11.4417 8.48333 11.3167 8.59999 11.2L13.2 6.60002C13.4167 6.38336 13.6833 6.27502 14 6.27502C14.3167 6.27502 14.5833 6.38336 14.8 6.60002C15.0167 6.81669 15.125 7.08336 15.125 7.40002C15.125 7.71669 15.0167 7.98336 14.8 8.20002L11 12L14.8 15.8C15.0167 16.0167 15.125 16.2834 15.125 16.6C15.125 16.9167 15.0167 17.1834 14.8 17.4C14.5833 17.6167 14.3167 17.725 14 17.725C13.6833 17.725 13.4167 17.6167 13.2 17.4Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E\")}.date-picker__month-select,.date-picker__year-select{margin:0;padding:0;border:none;background-color:var(--s-surface-overlay-default);font:inherit;font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left;cursor:pointer}.date-picker__month-select:focus:not(:focus-visible),.date-picker__year-select:focus:not(:focus-visible){outline:none}.date-picker__month-select:focus-visible,.date-picker__year-select:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-picker__month-select,.date-picker__year-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.date-picker__month-select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.date-picker__year-select{max-width:4rem}.date-picker__calendar{display:block;width:100%}.date-picker__calendar tbody{display:block}.date-picker__calendar-header{display:block}.date-picker__weekday-row,.date-picker__calendar-row{display:flex}.date-picker__weekday-row{margin-bottom:var(--s-space-8)}.date-picker__weekday{display:inline-flex;min-width:2.25rem;flex-basis:calc(100 / 7 * 1%);justify-content:center;align-items:center;color:var(--s-text-subdued);font-weight:var(--s-font-weight-regular);aspect-ratio:1}.date-picker__date{position:relative;z-index:1;display:inline-flex;min-width:2.25rem;flex-basis:calc(100 / 7 * 1%);justify-content:center;align-items:center;font-weight:var(--s-font-weight-medium);cursor:pointer;aspect-ratio:1}.date-picker__date:before{position:absolute;z-index:-1;border-radius:50%;background-color:transparent;content:\"\";inset:0}.date-picker__date:hover:before{background-color:var(--s-surface-overlay-hovered)}.date-picker__date--current:before{background-color:var(--s-surface-overlay-hovered)}.date-picker__date--current:focus:not(:focus-visible){outline:none}.date-picker__date--current:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.date-picker__date--overflowing{color:var(--s-text-subdued)}.date-picker__date--selected{color:var(--s-text-on-action-primary)}.date-picker__date--selected:before{background-color:var(--s-action-primary-default)}.date-picker__date--selected:hover{color:var(--s-text-on-action-primary)}.date-picker__date--selected:hover:before{background-color:var(--s-action-primary-hovered)}.date-picker__date--selected>strong{font-weight:var(--s-font-weight-medium)}.date-picker__date--in-range:not(.date-picker__date--selected):after{position:absolute;border-radius:0px;background-color:var(--s-action-primary-default);content:\"\";opacity:0.2;inset:0.0625rem 0px}.date-picker__date--start:not(.date-picker__date--end){color:var(--s-text-on-action-primary)}.date-picker__date--start:not(.date-picker__date--end):before{background-color:var(--s-action-primary-default)}.date-picker__date--start:not(.date-picker__date--end):after{position:absolute;z-index:-1;border-radius:0;background-color:var(--s-action-primary-default);content:\"\";opacity:0.2;inset:0.0625rem 0 0.0625rem 50%}.date-picker__date--end:not(.date-picker__date--start){color:var(--s-text-on-action-primary)}.date-picker__date--end:not(.date-picker__date--start):before{background-color:var(--s-action-primary-default)}.date-picker__date--end:not(.date-picker__date--start):after{position:absolute;z-index:-1;border-radius:0;background-color:var(--s-action-primary-default);content:\"\";opacity:0.2;inset:0.0625rem 50% 0.0625rem 0}.date-picker__date--today:before{box-shadow:inset 0 0 0 var(--s-border-width-default)\n      var(--s-border-highlight)}.date-picker__date--today>em{font-style:normal}.date-picker__date--disabled{color:var(--s-text-disabled);cursor:default;pointer-events:none}.date-picker__date--disabled:before{background-color:transparent}.date-picker__date--disabled:hover{color:var(--s-text-disabled)}.date-picker__date--disabled:hover:before{background-color:transparent}";
+const SwirlDatePickerStyle0 = swirlDatePickerCss;
 
 const SwirlDatePicker = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.valueChange = index.createEvent(this, "valueChange", 3);
-    this.onClick = (event) => {
-      event.stopPropagation();
-      event.preventDefault();
-    };
-    this.onSelectDate = (event) => {
-      if (typeof event.detail === "string") {
-        this.valueChange.emit(utils.removeTimezoneOffset(new Date(event.detail)));
-      }
-      else {
-        this.valueChange.emit(event.detail.map((date) => utils.removeTimezoneOffset(new Date(date))));
-      }
-    };
-    this.disableDate = () => false;
-    this.firstDayOfWeek = 0;
-    this.labels = undefined;
-    this.locale = "en-US";
-    this.range = undefined;
-    this.startDate = undefined;
-    this.value = undefined;
-  }
-  render() {
-    const startDate = this.startDate instanceof Date ? this.startDate.toISOString() : undefined;
-    return (index.h(index.Host, { onClick: this.onClick }, index.h("wc-datepicker", { 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); }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.valueChange = index.createEvent(this, "valueChange", 3);
+        this.onClick = (event) => {
+            event.stopPropagation();
+            event.preventDefault();
+        };
+        this.onSelectDate = (event) => {
+            if (typeof event.detail === "string") {
+                this.valueChange.emit(utils.removeTimezoneOffset(new Date(event.detail)));
+            }
+            else {
+                this.valueChange.emit(event.detail.map((date) => utils.removeTimezoneOffset(new Date(date))));
+            }
+        };
+        this.disableDate = () => false;
+        this.firstDayOfWeek = 0;
+        this.labels = undefined;
+        this.locale = "en-US";
+        this.range = undefined;
+        this.startDate = undefined;
+        this.value = undefined;
+    }
+    render() {
+        const startDate = this.startDate instanceof Date ? this.startDate.toISOString() : undefined;
+        return (index.h(index.Host, { key: '944209c48908f9e90bd1acec03ba3140824882d6', onClick: this.onClick }, index.h("wc-datepicker", { key: '1476a5fcd4847c50786706e3b915dc8e9fea06fd', 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;
+SwirlDatePicker.style = SwirlDatePickerStyle0;
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const SwirlIconTodayStyle0 = swirlIconCss;
 
 const SwirlIconToday = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.color = undefined;
-    this.size = 24;
-  }
-  render() {
-    const viewBoxSize = this.size === 20 ? 24 : this.size;
-    const styles = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-    };
-    const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-    return (index.h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, null, index.h("path", { d: "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, null, index.h("path", { 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, null, index.h("path", { 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" })))));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.color = undefined;
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (index.h("svg", { key: '2139854f3d00f627d96d07be50e9882079eb5bda', "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: '99814301739be8d91602641c1c9af12f3d1a70f2' }, index.h("path", { key: 'b295287515d38db6d038467178239ba336309691', 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: '25491b617f89af8f970414936b0cb6b14b489ce4' }, index.h("path", { key: 'f24195cdfbd5dccd6af0e8a9222e3990352cb335', 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: '83e48a58630159597d52abf2575772c3e32231c0' }, index.h("path", { key: '2f5caf4734e84c50536167b6895816ddcae576dc', 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;
+SwirlIconToday.style = SwirlIconTodayStyle0;
 
 exports.swirl_date_picker = SwirlDatePicker;
 exports.swirl_icon_today = SwirlIconToday;

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

@@ -2,31 +2,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1de6abbd.js');
-const index$1 = require('./index-2ddd0598.js');
+const index = require('./index-2ab5d772.js');
+const index$1 = require('./index-9f94303c.js');
 
 const swirlDescriptionListItemCss = ":host{display:block}:host *{box-sizing:border-box}.description-list-item__inner{display:flex;max-width:100%;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);align-items:flex-start;color:var(--s-text-default);line-height:var(--s-line-height-base);justfiy-content:space-between;gap:var(--s-space-16)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.description-list-item__inner{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.description-list-item--bordered{padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.description-list-item:not(.description-list-item--has-tools) .description-list-item__tools{display:none}.description-list-item:not(.description-list-item--has-additional-content) .description-list-item__additional-content{display:none}.description-list-item__text-container{flex-grow:1}.description-list-item__term{display:block;margin-bottom:var(--s-space-4);font-weight:var(--s-font-weight-semibold);overflow-wrap:break-word}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.description-list-item__term{margin-bottom:var(--s-space-2)}}.description-list-item__tooltip{display:inline-flex;margin-left:var(--s-space-4);vertical-align:middle}.description-list-item__description{display:block;max-width:40rem;margin:0;overflow-wrap:break-word}.description-list-item__tools{display:flex;min-height:2.625rem;flex-shrink:0;align-items:center}.description-list-item__additional-content{padding-bottom:var(--s-space-8);flex-basis:100%;flex-shrink:0}";
+const SwirlDescriptionListItemStyle0 = swirlDescriptionListItemCss;
 
 const SwirlDescriptionListItem = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.bordered = true;
-    this.maxWidth = undefined;
-    this.term = undefined;
-    this.tooltip = undefined;
-  }
-  render() {
-    const hasTools = Boolean(this.el.querySelector('[slot="tools"]'));
-    const hasAdditionalContent = Boolean(this.el.querySelector('[slot="additional-content"]'));
-    const className = index$1.classnames("description-list-item", {
-      "description-list-item--bordered": this.bordered,
-      "description-list-item--has-additional-content": hasAdditionalContent,
-      "description-list-item--has-tools": hasTools,
-    });
-    return (index.h(index.Host, { role: "listitem" }, index.h("div", { class: className, part: "description-list-item", role: "group" }, index.h("div", { class: "description-list-item__inner" }, index.h("div", { class: "description-list-item__text-container" }, index.h("div", { class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (index.h("span", { class: "description-list-item__tooltip" }, index.h("swirl-tooltip", { content: this.tooltip, position: "right" }, index.h("swirl-icon-info", { size: 16, tabIndex: 0 }))))), index.h("div", { style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, index.h("slot", null))), index.h("div", { class: "description-list-item__tools" }, index.h("slot", { name: "tools" }))), index.h("div", { class: "description-list-item__additional-content" }, index.h("slot", { name: "additional-content" })))));
-  }
-  get el() { return index.getElement(this); }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.bordered = true;
+        this.maxWidth = undefined;
+        this.term = undefined;
+        this.tooltip = undefined;
+    }
+    render() {
+        const hasTools = Boolean(this.el.querySelector('[slot="tools"]'));
+        const hasAdditionalContent = Boolean(this.el.querySelector('[slot="additional-content"]'));
+        const className = index$1.classnames("description-list-item", {
+            "description-list-item--bordered": this.bordered,
+            "description-list-item--has-additional-content": hasAdditionalContent,
+            "description-list-item--has-tools": hasTools,
+        });
+        return (index.h(index.Host, { key: '7a88004ba047038ca38392306354a9f7886c850b', role: "listitem" }, index.h("div", { key: 'aaeaea22676055b72f3126e6939c7d798fd1d464', class: className, part: "description-list-item", role: "group" }, index.h("div", { key: 'a2e7373e2963ae46b67e4a6c45d861e62fa59548', class: "description-list-item__inner" }, index.h("div", { key: '54a8b15ded6f3575cbf7cdaffec98883462df4fd', class: "description-list-item__text-container" }, index.h("div", { key: '6e74a59f966028eb29fd2673a4e67946b9dfa760', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (index.h("span", { key: '05d4706d691d68a219bbe8e26c4a19326ed873bc', class: "description-list-item__tooltip" }, index.h("swirl-tooltip", { key: 'd6fed1f9db0f7789ada260dd77346fee879cca10', content: this.tooltip, position: "right" }, index.h("swirl-icon-info", { key: '0781f89ca2db097a3ff04dc941e2eb3687a281f9', size: 16, tabIndex: 0 }))))), index.h("div", { key: '134a2bbd392706c88f5d5a6731d037df98d36862', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, index.h("slot", { key: '0e67336a16b48629fd69807e3999afc627e45484' }))), index.h("div", { key: '1fa415fa634b5562bf45ab0f6c683fd039137657', class: "description-list-item__tools" }, index.h("slot", { key: '3f3e3ff1fe98e169ea088ca80ea7ad7055dae35d', name: "tools" }))), index.h("div", { key: '9f0db4ac245036fa70700c8dfe8498d9fdac7993', class: "description-list-item__additional-content" }, index.h("slot", { key: 'ca8d0b35964e2600a095daf75bd4719a6b88041d', name: "additional-content" })))));
+    }
+    get el() { return index.getElement(this); }
 };
-SwirlDescriptionListItem.style = swirlDescriptionListItemCss;
+SwirlDescriptionListItem.style = SwirlDescriptionListItemStyle0;
 
 exports.swirl_description_list_item = SwirlDescriptionListItem;

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

@@ -2,18 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1de6abbd.js');
+const index = require('./index-2ab5d772.js');
 
 const swirlDescriptionListCss = ":host{display:block;container-type:inline-size;container-name:description-list}:host *{box-sizing:border-box}.description-list{display:block;max-width:100%;margin:0}";
+const SwirlDescriptionListStyle0 = swirlDescriptionListCss;
 
 const SwirlDescriptionList = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("div", { class: "description-list", role: "list" }, index.h("slot", null))));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h(index.Host, { key: '0035a7f4c67833d481bb502ae0cb03f4229bb79d' }, index.h("div", { key: '9d0dc70adc6bc57c3dc07fbd5be29e8cfd65bc3d', class: "description-list", role: "list" }, index.h("slot", { key: '2e9016daa7342ac1f8cb986455acc3733ad4628f' }))));
+    }
 };
-SwirlDescriptionList.style = swirlDescriptionListCss;
+SwirlDescriptionList.style = SwirlDescriptionListStyle0;
 
 exports.swirl_description_list = SwirlDescriptionList;

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

@@ -2,80 +2,81 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1de6abbd.js');
+const index = require('./index-2ab5d772.js');
 const a11yDialog_esm = require('./a11y-dialog.esm-4a3287ed.js');
-const index$1 = require('./index-2ddd0598.js');
+const index$1 = require('./index-9f94303c.js');
 
 const swirlDialogCss = ":host{display:block}:host *{box-sizing:border-box}.dialog{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.dialog[aria-hidden=\"true\"]{display:none}.dialog:not(.dialog--closing) .dialog__backdrop{animation:0.15s dialog-backdrop-fade-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__backdrop{animation:none}}.dialog:not(.dialog--closing) .dialog__body{animation:0.15s dialog-scale-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__body{animation:none}}.dialog--closing{animation:0.15s dialog-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.dialog--closing{animation:none}}.dialog__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.dialog__body{z-index:var(--s-z-40);overflow-x:hidden;overflow-y:auto;width:18.5rem;max-height:90vh;padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-16);padding-left:var(--s-space-16);border-radius:var(--s-border-radius-l);background-color:var(--s-surface-overlay-default);text-align:center;box-shadow:var(--s-shadow-level-3)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__body{width:25rem;border-radius:var(--s-border-radius-base)}}@media (min-width: 992px){.dialog__body{text-align:start}}.dialog__heading{margin:0;margin-bottom:var(--s-space-8);padding-right:var(--s-space-8);padding-left:var(--s-space-8);font-size:var(--s-font-size-lg);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__heading{line-height:var(--s-line-height-base)}}.dialog__content{margin-bottom:var(--s-space-20);padding-right:var(--s-space-8);padding-left:var(--s-space-8);line-height:var(--s-line-height-base)}.dialog__content ::slotted(*){margin:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}@media (min-width: 992px){.dialog__content{margin-bottom:var(--s-space-24)}}.dialog__controls{display:flex;flex-wrap:wrap;justify-content:stretch;gap:var(--s-space-8)}.dialog__controls>*{flex-grow:1}@media (min-width: 992px){.dialog__controls>*{flex-grow:0}}@media (min-width: 992px){.dialog__controls{justify-content:flex-end}}@keyframes dialog-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes dialog-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes dialog-fade-out{from{opacity:1}to{opacity:0}}";
+const SwirlDialogStyle0 = swirlDialogCss;
 
 const SwirlDialog = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.dialogClose = index.createEvent(this, "dialogClose", 7);
-    this.dialogOpen = index.createEvent(this, "dialogOpen", 7);
-    this.primaryAction = index.createEvent(this, "primaryAction", 7);
-    this.secondaryAction = index.createEvent(this, "secondaryAction", 7);
-    this.onKeyDown = (event) => {
-      if (event.code === "Escape") {
-        event.stopImmediatePropagation();
-        this.close();
-      }
-    };
-    this.onBackdropClick = () => {
-      this.close();
-    };
-    this.onPrimaryAction = (event) => {
-      this.primaryAction.emit(event);
-      this.close();
-    };
-    this.onSecondaryAction = (event) => {
-      this.secondaryAction.emit(event);
-      this.close();
-    };
-    this.hideLabel = undefined;
-    this.intent = "primary";
-    this.label = undefined;
-    this.primaryActionLabel = undefined;
-    this.secondaryActionLabel = undefined;
-    this.closing = false;
-  }
-  componentDidLoad() {
-    this.dialog = new a11yDialog_esm.A11yDialog(this.dialogEl);
-    this.dialog.on("show", () => {
-      this.controlsContainerEl
-        .querySelector("swirl-button button")
-        ?.focus();
-    });
-  }
-  disconnectedCallback() {
-    this.dialog?.destroy();
-  }
-  /**
-   * Open the dialog.
-   */
-  async open() {
-    this.dialog.show();
-    this.dialogOpen.emit();
-  }
-  /**
-   * Close the dialog.
-   */
-  async close() {
-    if (this.closing) {
-      return;
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.dialogClose = index.createEvent(this, "dialogClose", 7);
+        this.dialogOpen = index.createEvent(this, "dialogOpen", 7);
+        this.primaryAction = index.createEvent(this, "primaryAction", 7);
+        this.secondaryAction = index.createEvent(this, "secondaryAction", 7);
+        this.onKeyDown = (event) => {
+            if (event.code === "Escape") {
+                event.stopImmediatePropagation();
+                this.close();
+            }
+        };
+        this.onBackdropClick = () => {
+            this.close();
+        };
+        this.onPrimaryAction = (event) => {
+            this.primaryAction.emit(event);
+            this.close();
+        };
+        this.onSecondaryAction = (event) => {
+            this.secondaryAction.emit(event);
+            this.close();
+        };
+        this.hideLabel = undefined;
+        this.intent = "primary";
+        this.label = undefined;
+        this.primaryActionLabel = undefined;
+        this.secondaryActionLabel = undefined;
+        this.closing = false;
+    }
+    componentDidLoad() {
+        this.dialog = new a11yDialog_esm.A11yDialog(this.dialogEl);
+        this.dialog.on("show", () => {
+            this.controlsContainerEl
+                .querySelector("swirl-button button")
+                ?.focus();
+        });
+    }
+    disconnectedCallback() {
+        this.dialog?.destroy();
+    }
+    /**
+     * Open the dialog.
+     */
+    async open() {
+        this.dialog.show();
+        this.dialogOpen.emit();
+    }
+    /**
+     * Close the dialog.
+     */
+    async close() {
+        if (this.closing) {
+            return;
+        }
+        this.closing = true;
+        setTimeout(() => {
+            this.dialog.hide();
+            this.dialogClose.emit();
+            this.closing = false;
+        }, 150);
+    }
+    render() {
+        const className = index$1.classnames("dialog", { "dialog--closing": this.closing });
+        return (index.h(index.Host, { key: '8a02d0120254ac06ca0d61954c7084885da8ef38' }, index.h("div", { key: '5d92e664a780066b032a899eff8ee5eff2eee4a1', "aria-describedby": "content", "aria-hidden": "true", "aria-labelledby": this.hideLabel ? undefined : "label", "aria-label": this.hideLabel ? this.label : undefined, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, ref: (el) => (this.dialogEl = el), role: "alertdialog" }, index.h("div", { key: 'c56a52b5cde29fe67080cfdcb3164635dcc79a65', class: "dialog__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: '5ae0056d710553a031f257f6d6692766d4cf694c', class: "dialog__body", part: "dialog__body", role: "document" }, !this.hideLabel && (index.h("h2", { key: '5350d77dfe9461b9f7f8d94b93ae1951513dd483', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), index.h("div", { key: 'a80c39327232878f05dd91a83a09ef444b91e12f', class: "dialog__content", part: "dialog__content", id: "content" }, index.h("slot", { key: '7970cb5f9cb056662c51ebc7e3bc84d4ef2a1228' })), index.h("div", { key: 'df1eb8b0a54beb35444b33a2ae72a6219555f2b4', class: "dialog__controls", ref: (el) => (this.controlsContainerEl = el) }, this.secondaryActionLabel && (index.h("swirl-button", { key: 'ed47dc58102d7733da823ca5137519f933e972d9', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: 'edcb2c1f3d2640a4e9db3b8afe7ae5e3410975ce', intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
     }
-    this.closing = true;
-    setTimeout(() => {
-      this.dialog.hide();
-      this.dialogClose.emit();
-      this.closing = false;
-    }, 150);
-  }
-  render() {
-    const className = index$1.classnames("dialog", { "dialog--closing": this.closing });
-    return (index.h(index.Host, null, index.h("div", { "aria-describedby": "content", "aria-hidden": "true", "aria-labelledby": this.hideLabel ? undefined : "label", "aria-label": this.hideLabel ? this.label : undefined, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, ref: (el) => (this.dialogEl = el), role: "alertdialog" }, index.h("div", { class: "dialog__backdrop", onClick: this.onBackdropClick }), index.h("div", { class: "dialog__body", part: "dialog__body", role: "document" }, !this.hideLabel && (index.h("h2", { class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), index.h("div", { class: "dialog__content", part: "dialog__content", id: "content" }, index.h("slot", null)), index.h("div", { class: "dialog__controls", ref: (el) => (this.controlsContainerEl = el) }, this.secondaryActionLabel && (index.h("swirl-button", { label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
-  }
 };
-SwirlDialog.style = swirlDialogCss;
+SwirlDialog.style = SwirlDialogStyle0;
 
 exports.swirl_dialog = SwirlDialog;

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

@@ -2,22 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1de6abbd.js');
-const index$1 = require('./index-2ddd0598.js');
+const index = require('./index-2ab5d772.js');
+const index$1 = require('./index-9f94303c.js');
 
 const swirlEmojiCss = ":host{display:inline-flex}";
+const SwirlEmojiClapStyle0 = swirlEmojiCss;
 
 const SwirlEmojiClap = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.label = "";
-    this.size = 24;
-  }
-  render() {
-    const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-    return (index.h(index.Fragment, null, this.size === 16 && (index.h("img", { alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (index.h("img", { alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (index.h("img", { alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (index.h("img", { alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.label = "";
+        this.size = 24;
+    }
+    render() {
+        const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
+        return (index.h(index.Fragment, { key: 'af2670d0865c75b44f92947c8e739db3633fb9f4' }, this.size === 16 && (index.h("img", { key: '790726ee7e8b9bed5a7d3b3449ae5fd90daa5392', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'ab56382f8de05a494461e52b5e57b586cb0cd58b', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'f5b109135a34acf910cfa9151e8dc370aebe596a', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (index.h("img", { key: 'a6b6bc3c0dcd3898e06340d5816a16f7e5f256e7', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+    }
 };
-SwirlEmojiClap.style = swirlEmojiCss;
+SwirlEmojiClap.style = SwirlEmojiClapStyle0;
 
 exports.swirl_emoji_clap = SwirlEmojiClap;

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

@@ -2,22 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1de6abbd.js');
-const index$1 = require('./index-2ddd0598.js');
+const index = require('./index-2ab5d772.js');
+const index$1 = require('./index-9f94303c.js');
 
 const swirlEmojiCss = ":host{display:inline-flex}";
+const SwirlEmojiHappyStyle0 = swirlEmojiCss;
 
 const SwirlEmojiHappy = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.label = "";
-    this.size = 24;
-  }
-  render() {
-    const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-    return (index.h(index.Fragment, null, this.size === 16 && (index.h("img", { alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (index.h("img", { alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (index.h("img", { alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (index.h("img", { alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.label = "";
+        this.size = 24;
+    }
+    render() {
+        const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
+        return (index.h(index.Fragment, { key: '4c0c386ee1180bec0236dcd614099ae98c5edcfd' }, this.size === 16 && (index.h("img", { key: 'b2c7670cb8933adf5d7aadb5c03ad683ba825590', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '9822d7f1a8ef0da8fb40c855674bfc72f5ef172a', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'ff74c9df9302e0be967c42e9566caa2de4f172ce', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '7f3b1608e043055bd1727909dfed24d9af633f8c', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+    }
 };
-SwirlEmojiHappy.style = swirlEmojiCss;
+SwirlEmojiHappy.style = SwirlEmojiHappyStyle0;
 
 exports.swirl_emoji_happy = SwirlEmojiHappy;

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

@@ -2,22 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1de6abbd.js');
-const index$1 = require('./index-2ddd0598.js');
+const index = require('./index-2ab5d772.js');
+const index$1 = require('./index-9f94303c.js');
 
 const swirlEmojiCss = ":host{display:inline-flex}";
+const SwirlEmojiIdeaStyle0 = swirlEmojiCss;
 
 const SwirlEmojiIdea = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.label = "";
-    this.size = 24;
-  }
-  render() {
-    const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-    return (index.h(index.Fragment, null, this.size === 16 && (index.h("img", { alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (index.h("img", { alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (index.h("img", { alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (index.h("img", { alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.label = "";
+        this.size = 24;
+    }
+    render() {
+        const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
+        return (index.h(index.Fragment, { key: 'aac3612b93938bdac7578deedb0344965379563d' }, this.size === 16 && (index.h("img", { key: 'cceb9c96f62de10ecdc4b0c301afd111f028e6cc', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'aa6d5a37627d7e8aaa7477b4313c7d4c77ce03a8', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '496da1adcfa80573ef801f8c7749157d952cdcc4', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '363caf9c871d3a87972c1184c8b185f2136c14e1', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+    }
 };
-SwirlEmojiIdea.style = swirlEmojiCss;
+SwirlEmojiIdea.style = SwirlEmojiIdeaStyle0;
 
 exports.swirl_emoji_idea = SwirlEmojiIdea;

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

@@ -2,22 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1de6abbd.js');
-const index$1 = require('./index-2ddd0598.js');
+const index = require('./index-2ab5d772.js');
+const index$1 = require('./index-9f94303c.js');
 
 const swirlEmojiCss = ":host{display:inline-flex}";
+const SwirlEmojiLoveStyle0 = swirlEmojiCss;
 
 const SwirlEmojiLove = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.label = "";
-    this.size = 24;
-  }
-  render() {
-    const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-    return (index.h(index.Fragment, null, this.size === 16 && (index.h("img", { alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (index.h("img", { alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (index.h("img", { alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (index.h("img", { alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.label = "";
+        this.size = 24;
+    }
+    render() {
+        const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
+        return (index.h(index.Fragment, { key: 'f49af0f493e19af1f4fe8fa07c09394c7b8a959b' }, this.size === 16 && (index.h("img", { key: '9a792fd59afa4b2657bfa6fce6b2fec62fa9a8da', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '02eb010b9b418fb9fecb94b57cf048d9c8bf3790', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '52dcdef11ab8227380c25cb3d9dd4dc57eff87ef', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '794d14590756cb9a30a1a72cc23be9331181ac0e', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+    }
 };
-SwirlEmojiLove.style = swirlEmojiCss;
+SwirlEmojiLove.style = SwirlEmojiLoveStyle0;
 
 exports.swirl_emoji_love = SwirlEmojiLove;

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

@@ -2,22 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1de6abbd.js');
-const index$1 = require('./index-2ddd0598.js');
+const index = require('./index-2ab5d772.js');
+const index$1 = require('./index-9f94303c.js');
 
 const swirlEmojiCss = ":host{display:inline-flex}";
+const SwirlEmojiSadStyle0 = swirlEmojiCss;
 
 const SwirlEmojiSad = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.label = "";
-    this.size = 24;
-  }
-  render() {
-    const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-    return (index.h(index.Fragment, null, this.size === 16 && (index.h("img", { alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (index.h("img", { alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (index.h("img", { alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (index.h("img", { alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.label = "";
+        this.size = 24;
+    }
+    render() {
+        const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
+        return (index.h(index.Fragment, { key: 'e5f6a1294be0a62beb425d327e6f975d6a9d52be' }, this.size === 16 && (index.h("img", { key: 'f96dc975d6e3ba34006d7f4892dbad38d9e840dd', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'db7c0dd0a5dbf0b56f365b2a48b54ce1375182e0', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'f02d26d687e2b7c27f8205f3468ec9bdfb02a915', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '5b6120a62deb1d38d25b7f86a24914d2ee5080a7', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+    }
 };
-SwirlEmojiSad.style = swirlEmojiCss;
+SwirlEmojiSad.style = SwirlEmojiSadStyle0;
 
 exports.swirl_emoji_sad = SwirlEmojiSad;