@getflip/swirl-components 0.528.0 → 0.529.0

package/dist/cjs/swirl-accordion-item.cjs.entry.js

@@ -60,7 +60,7 @@ const SwirlAccordionItem = class {
         const className = index$1.classnames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (index.h(index.Host, { key: 'b297a697fbbe8121acd9f966f074c271e76972ed' }, index.h("div", { key: '6656e55c34dfa06504e11e36d70eb357a1a46b63', class: className }, index.h(HeadingTag, { key: 'c8251970ff06e54143d299bbeeaefc6d5b5d2244', class: "accordion-item__heading" }, index.h("button", { key: '5ce40ba197c4240ff3a773a5f6bb76bd294c6c76', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, index.h("slot", { key: '2858c801a6f82512e6cbd8167c800d8377e7c35a', name: "media" }), index.h("span", { key: '2bdb695a299037fee4888f302443973616fad4da', class: "accordion-item__toggle-text" }, this.heading, this.description && (index.h("swirl-text", { key: '7c11ea5d728793547c1a0f1dab90aaa5aa4c59da', as: "span", color: "subdued", size: "sm" }, this.description))), index.h("slot", { key: '5af2efe8d4465b25bf12fedf37b238284e7a25be', name: "trailing" }), index.h("span", { key: '4a6dd7c3c8cf8f0963b7c3a42773d98dcbf0e539', class: "accordion-item__icon" }, !this.expanded && (index.h("swirl-icon", { key: '829fd01d3b23ee30533e6f98ece26d5e0c2d05d8', glyph: "chevron-right", size: 20 })), this.expanded && (index.h("swirl-icon", { key: '379315557a2beeba3859c2881db12da3f1926840', glyph: "expand-more", size: 20 }))))), index.h("div", { key: '94859d42d121cbbe5efc57ba0e63a22d589ac1a9', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, index.h("slot", { key: '166871ec6623b8a4b06d1807d61cb93819b95d0a' })))));
+        return (index.h(index.Host, { key: '6707a1b512d1aa54789c1ac47186fbe1ffb9563a' }, index.h("div", { key: 'c8eff3561d541f118178b2ed6462d6b968a20a19', class: className }, index.h(HeadingTag, { key: '71872b1aa2f65d0d0086b77b43865cfa388ce996', class: "accordion-item__heading" }, index.h("button", { key: 'b4142dc44542110eccda91d6ec28ad984ae56259', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, index.h("slot", { key: '61d8c5046b7760700faa2722ee5bd922de84de36', name: "media" }), index.h("span", { key: 'c3f22d66e6f8a692f318a0971b7e5e948fa8fc81', class: "accordion-item__toggle-text" }, this.heading, this.description && (index.h("swirl-text", { key: 'e5789928255ae8ee34bf8b600ac63f1cc0150b63', as: "span", color: "subdued", size: "sm" }, this.description))), index.h("slot", { key: '0094a77f062ed3d9e763f0cf80367518bc95984a', name: "trailing" }), index.h("span", { key: 'a3137d137340c30b984f13db2c22a1315895934c', class: "accordion-item__icon" }, !this.expanded && (index.h("swirl-icon", { key: '7f367031ab98ef08d8c78845ca5f0bde70573cd1', glyph: "chevron-right", size: 20 })), this.expanded && (index.h("swirl-icon", { key: '437a61fbb1540c0c82ebbae41eb382e471e57aad', glyph: "expand-more", size: 20 }))))), index.h("div", { key: 'af7c4b1ddff638bb32fdf83e993e5cc48c7416a8', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, index.h("slot", { key: 'a372dc4959477650adc0a479dd33aaa6f6a775cd' })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -60,7 +60,7 @@ const SwirlAccordion = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'c8cd14f92cef7d34f59f1883d0c95724171b8425' }, index.h("slot", { key: '27729fdcf545689f6a6e4b05c62df2cacfc24e15' })));
+        return (index.h(index.Host, { key: 'db824bb15d6e2cb8a4d6b1bc69c938c8ba05d0cd' }, index.h("slot", { key: '962e95169c448b31f1f7d4732b8bef943757919c' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-action-list-section.cjs.entry.js

@@ -12,7 +12,7 @@ const SwirlActionListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'c353e574f05fe969e8da34d168d49b303393e63c' }, this.hasSeparator && (index.h("swirl-separator", { key: 'a2ee97295f8008855b8b49df50a16c81ab846a4a', spacing: this.separatorSpacing })), index.h("div", { key: '7acec8b0a4b14d44c993d27e9972ce424cded911', "aria-labelledby": "label", class: "action-list-section", role: "group" }, index.h("span", { key: 'b44a649448a5317d7047098ece65d455d7da34de', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), index.h("swirl-stack", { key: '259331672891860273deeaa0b21e633dd3ad18aa', spacing: this.spacing, align: "stretch" }, index.h("slot", { key: 'd08ae1429c8f4ed5079ebba44216952e0e5fec52' })))));
+        return (index.h(index.Host, { key: '783ead35780725c3448e67b29d8514c1878ac776' }, this.hasSeparator && (index.h("swirl-separator", { key: '56569148428e9c2c84d8b6b98f84303cb4bcb6a7', spacing: this.separatorSpacing })), index.h("div", { key: '6b5bc91e392e50ca605bf4dc2aa0731cc016cd9b', "aria-labelledby": "label", class: "action-list-section", role: "group" }, index.h("span", { key: 'f259d0ffea93d5e663d96af7a404edb861c891ab', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), index.h("swirl-stack", { key: '1b64ecbc112ef03a63df681ad9f12a2cd392808f', spacing: this.spacing, align: "stretch" }, index.h("slot", { key: 'ea6b73395b035990f4806926a61699d55dcacabb' })))));
     }
 };
 SwirlActionListSection.style = swirlActionListSectionCss();

package/dist/cjs/swirl-action-list_2.cjs.entry.js

@@ -96,7 +96,7 @@ const SwirlActionList = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '5442b552f660a65607f637d1e658ce03cc0102df' }, index.h("div", { key: '163eb820320b9013cfcdc8853c147aacdbd77e50', "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? undefined : this.onFocusOut, onFocus: this.isInsidePopover ? undefined : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (el) => (this.container = el), role: "menu" }, index.h("slot", { key: '0056a5e3b7f6d6e9723fee4e5fb00d8bb9ed10e5', onSlotchange: this.setSectionSeparator }))));
+        return (index.h(index.Host, { key: 'b69904ae0892ff3583235cbf1256d7599cd8c3bb' }, index.h("div", { key: 'ef00e5cac280ebdd0e586ba0789df7c834a5175e', "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? undefined : this.onFocusOut, onFocus: this.isInsidePopover ? undefined : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (el) => (this.container = el), role: "menu" }, index.h("slot", { key: '4771ca68fcb87dc96d44b78d9f3715440e073bf8', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -36,7 +36,7 @@ const SwirlAppIcon = class {
         const className = index$1.classnames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (index.h(index.Host, { key: 'ab8397613faf92e7bd56601e2ad84eedb742dc7a' }, index.h("span", { key: '518c69f11b7206663037775198573e97a17086ea', class: className }, showImage && (index.h("img", { key: '08de1d2e7ff432842bbc4fa35fd7758a41e71b24', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (index.h("span", { key: '76b4a209381c29ed208ae9a56b16080ff4a0ffb2', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (index.h(index.Host, { key: 'ca9bee5af805a836fe3f8c6d07951df0a1e388ff' }, index.h("span", { key: '4588dc055e98aaf1e3bb3689272d118486975c96', class: className }, showImage && (index.h("img", { key: '9858e8d8a4f28fbe026e11a353f1dac6b8b69ccf', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (index.h("span", { key: '6331381bf41c6651edcb884805d09cdbc57db552', class: "app-icon__icon", innerHTML: this.icon })))));
     }
 };
 SwirlAppIcon.style = swirlAppIconCss();

package/dist/cjs/swirl-carousel-slide.cjs.entry.js

@@ -14,11 +14,11 @@ const SwirlCarouselSlide = class {
         const className = index$1.classnames("carousel-slide", {
             "carousel-slide--has-min-height": Boolean(this.minHeight),
         });
-        return (index.h(index.Host, { key: 'e43be5975a5399ef11cf176d19cd3f8b5af326a3', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
+        return (index.h(index.Host, { key: '602fa58e6f9a08ac21b95f0e5a6db619012a7f5e', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
                 aspectRatio: this.aspectRatio,
                 flexBasis: this.width,
                 minHeight: this.minHeight,
-            }, tabIndex: 0 }, index.h("slot", { key: 'd6183581ebae542cc66340041e7c1617a4b5587d' })));
+            }, tabIndex: 0 }, index.h("slot", { key: '62708550e6868fd1ab2e472f635b43f6b5911a91' })));
     }
 };
 SwirlCarouselSlide.style = swirlCarouselSlideCss();

package/dist/cjs/swirl-color-input.cjs.entry.js

@@ -445,11 +445,11 @@ const SwirlColorInput = class {
         const className = index$1.classnames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (index.h(index.Host, { key: 'eaebb304551ee3505a7f74460c9bd5e3a6ed9e7a' }, index.h("div", { key: '6cadb205b2706440c7e8f7c8305cf2c6fbb18fce', class: className }, index.h("input", { key: 'f2de040b5debb7b0bdd07ad596973d0236e1ac9f', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value, readonly: this.readonly }), index.h("swirl-popover-trigger", { key: 'f3e6cf803d871526a9b1460a1c0d39119a8c66c2', swirlPopover: this.pickerId }, index.h("button", { key: '9407e1137bb3ed0087102557962fef7bdfe18a7e', disabled: this.readonly, "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (index.h(index.Host, { key: '70609707548ea685762e228a6decf092b8529504' }, index.h("div", { key: '58fbebbbceafe27e17f7c98fc4ae9257c2a45495', class: className }, index.h("input", { key: '000fa1ef0f65b0d97fc108e6975c87469ac958e7', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value, readonly: this.readonly }), index.h("swirl-popover-trigger", { key: '8896bf2f4af94932927ebfc1e9252fd278cdcf07', swirlPopover: this.pickerId }, index.h("button", { key: '00c99e96460bcfdbbca79fe968fa5d328b697bbb', disabled: this.readonly, "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
                 backgroundColor: this.disabled
                     ? "var(--s-border-subdued)"
                     : this.value,
-            }, type: "button" })), index.h("swirl-popover", { key: '3b13428dbd94c203b9786324830adf77c6b59b17', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, index.h("swirl-box", { key: '6b05ec734a0bee7b8a51706f40c4d4a36034294a', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, index.h("hex-color-picker", { key: 'df0cf8f535354a57376419903f6739427ce59d8f', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), index.h("swirl-popover", { key: 'aef79289c5c2ad5d85ad1cc4249f08b011a1a6e4', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, index.h("swirl-box", { key: '328f80828841cb7e62281bb36fc1004bc41c2adb', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, index.h("hex-color-picker", { key: 'caef801b528e9d597abf6ffd5b366f07a8173bfd', color: this.value, ref: (el) => (this.picker = el) }))))));
     }
     static get watchers() { return {
         "value": [{