genesys-spark-components 4.94.0 → 4.95.0

package/dist/cjs/gux-form-field-range.cjs.entry.js

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldContainer = require('./gux-form-field-container-0b03581d.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.js');
 const onResize = require('./on-resize-9065f1ea.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -119,9 +119,9 @@ const GuxFormField = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (index.h(index.Host, { key: '0b2a0ac59a1df20216c07cf3b5d776076652f419', class: {
+        return (index.h(index.Host, { key: '24bad458d09424cb27b90d72ec1d4462df968f5f', class: {
                 'gux-active': this.active
-            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'b30204ef473dc608ab1938cc9322d983c09162cd', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'ea2b43f91152b537a67f361faf3db593ec147e8b', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '97bbb28a1cbb26ac31e14237667ea08494c4873f', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '763dd478ce01d5a875453e46aa98d508b3ca2e12', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'dbf54d1c841ce5e6fb09f8f2d28612b68f6ba607', name: "label-info" })), index.h("div", { key: '0bc87a2c456146133114820dbd7247aa03725d8b', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '6624f8459a84bb6e97199c6c17dff76b033b216d', show: this.hasError }, index.h("slot", { key: 'a507edab5a2cfce56eda8ea00067081d591a0566', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '5f5b31313a833c0c8d435b2c7efa3026bca2b1b9', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'c92b67441b93640998d8a1fbabbece8653b04590', name: "help" }))))));
+            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'fdfcf4450bfc811ffc8cb36f485d4821b5ff4791', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'fce4be4a7b54e87b577762ff69369362da4af446', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '9832f6def25ec6597ee337d6b3a9b540667694f2', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '5185727c8b7493e055b53567a4af45beb218f78f', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'da710f17135ee689043e716243eb7daa59c6a0f0', name: "label-info" })), index.h("div", { key: '5eb6e8ef5745690c36924e683e9820a897cd3629', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '375ca9d8bffa053c3bd65ad9f68854085f83609a', show: this.hasError }, index.h("slot", { key: 'f211f49dcf3c53bfc0f88c95e72b7d805c44cebc', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '8bc7a0d543afbe96097554560df90dff8086d4ee', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '08267bc8656c5bfa2d50d3ee679ada9bee3216ca', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

package/dist/cjs/gux-form-field-search.cjs.entry.js

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldContainer = require('./gux-form-field-container-0b03581d.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -99,13 +99,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'ee1ba845e3e069d33a4f843941433087966a9530', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'fc30f907dd13e00a0965e0b43132d3ba189f664b', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '4ac5c5d7bf05b63fd72f03144c6b108a0b6367c2', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '6ecfc440ec3c70f27ee196bed53e7a0cfe484b56', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '2084f698c1828fb1f678148308ae0f1aa1f65e6d', name: "label-info" })), index.h("div", { key: 'd18ed366dee72e7f8b8afcda6c03043b400b4f13', class: "gux-input-and-error-container" }, index.h("div", { key: 'cd80766d00e138306674e01e60d24a4e9fe978fd', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '23d091397bba1de353a3cf06d85c28b530231664', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '17fb6533c7edd27e9d852afbb5351021062dee33', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '9ad0ab9c2d0dd5facd45126ffcf0c9fa0020d9a1', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '8f8b7dd803b5a6e98b1a297f94f4531aa962b034', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '0910ebf7d36d96cac2b6696763ee758ceb220b1b', name: "label-info" })), index.h("div", { key: 'bacfddc6c73780acb79b7b5a949a751dd6ccdf42', class: "gux-input-and-error-container" }, index.h("div", { key: '287725d629494102901b3c1f1a1308f3dd78b2ff', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'a41e48e5b4e57c816af4a8a1b0081d5afb669f90', class: {
+            } }, index.h("div", { key: 'ee655027360558cfca219dae4dbfcd806b2744d0', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: 'ba401019fff62d4a024e631e888b9c63b3eff925', "icon-name": "fa/magnifying-glass-regular", decorative: true }), index.h("slot", { key: '8be37fdfe79e838e66e76bd2db4239d3a1b4a88f', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '81f511295f00b69a4c4910b514a692293bbf577c', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '873888e1206a7c292a26a94a1dc37cf3bd20cf14', show: this.hasError }, index.h("slot", { key: '4e2f93f89f8ef47653247aebf03dc833860e71ac', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'fd65d4b252d260a0e738bb600c79d2f6d1720216', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '61779b9bafbb1c4671f49373cbb9c8968d642cf2', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: '5c27f65f54c9e4795c2795e8ac39e83a4911ea7a', "icon-name": "fa/magnifying-glass-regular", decorative: true }), index.h("slot", { key: 'dba56b483300735730a087acad7849b446add223', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: 'f4c56626b9b0bee5c33bdda8c162fbadb9846895', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'a8cfb378725456a0752e73c28c27b2a5528af9e0', show: this.hasError }, index.h("slot", { key: 'b465e66702cae5898b8f4f8cb842a459af6a4d1c', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '913cb324e64a3b9e557076fa813d390e703fc173', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '2f4542a31f5c0298790cd75d22c2927379bb85a5', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/cjs/gux-form-field-select.cjs.entry.js

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldContainer = require('./gux-form-field-container-0b03581d.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -89,13 +89,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'a891d746f1e196c085401687a23d8e082db62558', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '111051fdcd79a931c5e4fbb54f0f8dc858df324d', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '9fc7b6d5768b4c2783e9d5bb9ed606e89eda6cfd', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'aa2355ad7107bbf7cc3ffc196328b71b9097a532', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '64e182139cf6ba85f444e50a386dd4776f921364', name: "label-info" })), index.h("div", { key: '063a815a8f0b490f434f22e5eca46151c60870da', class: "gux-input-and-error-container" }, index.h("div", { key: '6d98a4f02855f4dedc72c3ef16fc4853b0edfda5', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'de3d4034ee9196f56168cce98de0d29e9a78e174', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '97d900c3de69381daa64e969fd98187ffdc55bdf', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'b103bd37733d530394724ce9e1ee5153f840be97', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '6e4944dcda655d6e32d1167935e39ee2c97856f0', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'b27cf7a2128e8e8b710cf73a36371a03845d3576', name: "label-info" })), index.h("div", { key: '807cf0938539bcf9aa797a2c631d60a967ebfffa', class: "gux-input-and-error-container" }, index.h("div", { key: 'd92c21f4e01382efce15948116b2217e0aefff5d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '77c7a76e45c4b99254ca8ff0b6d9d476d83e6fc9', class: {
+            } }, index.h("div", { key: '7cd091989e768a73666f916bb977d31dd9ba8ddb', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'a6b83dcf94d3ba5d18593fc7ca5c363fa1a76343', name: "input" }), index.h("gux-icon", { key: '37d692a4d81936dfc3359e720c0c3ec2342f3a58', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'e7ac6050685cc4d6e591001428e0bfeb4c3d3a4b', show: this.hasError }, index.h("slot", { key: 'b0de1db0a8b8b1036284a7749dcd6063baf08a29', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '07256c1cf58f785aa2069ce16b87e32bb372ec5c', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'c09f0d5e5cdb02ea8d5a75f4a469f407d2168578', name: "help" })))));
+            } }, index.h("slot", { key: '39a6c44d3d5b9ad8d6e0282368887bd7e031fb61', name: "input" }), index.h("gux-icon", { key: '54d8ce9f0d5affb623776ce40b0ff8bc4e70f664', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '80b8d5fc14dc410b08671932c8887097c72aa92c', show: this.hasError }, index.h("slot", { key: 'e183d7a33bce4966332879b297438d3381ad0ed5', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '447d9b0d917b4f42f6ecfa73b9279c714ad7e6d9', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'b06cf501ba9f4c8f10541d07a8ba1d0aec09d608', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/cjs/gux-form-field-text-like.cjs.entry.js

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldContainer = require('./gux-form-field-container-0b03581d.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -115,15 +115,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '8542dbf3586a4954e599b474075d2223412a26f3', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '0b62b512499c8ef97761e2704f3b737cf06f968d', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '5935577524f196d395cf644f49814f7766a09fd6', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'ab1777e7bf925e04e1bf7427aa2c49e2cd0ad5c6', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '713b9725d03a6f121397db9bd4f77bb0cfe13c4f', name: "label-info" })), index.h("div", { key: '85b87e18390636999776496f487ec0c0cf25b0e5', class: "gux-input-and-error-container" }, index.h("div", { key: 'dac2fb06f90b9db78f46e632f234a7a41456d6d6', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '7ad47da867fa6f847b1fb994f377d70c92ef0cfd', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '2d4d031b0ec8b4583bbf0b5e94dea417deac968f', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'fe4f6a200d6dd16f3078fe37c5d1bfe7c8976abb', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '6d653484e6162acdea6eb2fe08fe031f8e7069d0', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '468d584495812626aa29b4a822c72cfd94d7e94d', name: "label-info" })), index.h("div", { key: '7d15079b1d681944db2a3ba71aa867be81bd90e1', class: "gux-input-and-error-container" }, index.h("div", { key: '3d60a9742ebfcd89b5ee4582f31274a48b55cc09', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '3465925d047570189a19f07a93989a60eb8becff', class: {
+            } }, index.h("div", { key: 'd398fbc705f1c62a79aabd513c21032f9dfb8882', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '252b146258530413117f35e3462e1c468ed1d508', name: "prefix" }), index.h("slot", { key: 'ce315116d279a9a7e2839e3f6ba6a3f973efa8b8', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: '516b7df929a370f62e91f5918e5828ab268e856b', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '22ad01e5c3a63f23ed2cc066a758f704de050222', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '218838c17bf35f44a04cfd16974e6cb34b298da4', show: this.hasError }, index.h("slot", { key: '4996092e4483018fa7053601b765dfd53ae5af22', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '2e2f5d71b0f59528c40a79d6411417814358476f', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '32e2373d4ff0238fd7dbae1c9c113003ad93cb15', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '8bcfc813430593546f4b551abc427928b43e6c70', name: "prefix" }), index.h("slot", { key: 'a039f9a4f70cdf014fbd9474933ceeaf0c2eb8df', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: '2d163c902032df9ccb96ced83bf48087d55546d1', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '4354bf9ac87b6a1fae2aea63cf59c1ab59c3e27d', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '41abacce76538e8660aab4f2786911c4a38ca681', show: this.hasError }, index.h("slot", { key: 'ce97050ded6c482a67a908dce4c6447347c2a68a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'fe856f84f90b1ff71a5264de5fa7b7b11e05ca5a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '2ee92e68526ff785aac2d5c70eb5be185415f721', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/cjs/gux-form-field-textarea.cjs.entry.js

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldContainer = require('./gux-form-field-container-0b03581d.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -93,12 +93,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '2df8e8c0180df0cc9ccc6aa2cebc48705925b2e4', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '9772db76e39f4642f7ab05f660dc516dc0467ebf', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'abb7ea432242cf62d860caf1c9c0a2d3a9691744', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'fd8256a8d319cc0b49a7c950ac5c6513de00bd42', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '0b579b3ee118d7c85944193ff5b3cb4c943aec9c', name: "label-info" })), index.h("div", { key: '5aa038f7173b329bde1dd5452924b472b6dc5429', class: "gux-input-and-error-container" }, index.h("div", { key: 'da0492cf401dedf4ce4634a4e8b543a125bca2b1', ref: el => (this.textareaContainerElement = el), class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '2d64157769ee6304dc7b3f97fce59b700a277918', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'd5925291dba40595060f8bc76e66820a28fa432b', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'c8b27a39230c671f8fc53b64240c057fd26372df', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '2ea99f0c1ab133689cbb68e53b48eccd921b73bf', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '77e0a75215cb61473d0e34e98f37effdbe19c92e', name: "label-info" })), index.h("div", { key: 'af62565acb00485d1ce432e65105bb19a4546363', class: "gux-input-and-error-container" }, index.h("div", { key: 'a722bb9e45f803e673d775feb17a5d2c43c2d1f7', ref: el => (this.textareaContainerElement = el), class: {
                 'gux-input': true,
                 [`gux-resize-${this.resize}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-input-error': this.hasError
-            } }, index.h("slot", { key: '4d8f6336f444db1ece5f794a10f44d642a8ad684', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '73a719a285cc1eb1c53943834231fe876d6b6053', show: this.hasError }, index.h("slot", { key: '1962caac9f235239eeec00c2767ada47c9bba4e4', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '89fabd0537049dd567095190180b61b6a1426257', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'ab914b417d16a31090c77485bcad9be32e82e250', name: "help" })))));
+            } }, index.h("slot", { key: '4a806b0065cb39845ce35f3c6b12984242efa3d2', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '1a1d21db1a8b74bbb97e4b5e2d9ed35055a898e3', show: this.hasError }, index.h("slot", { key: '42ff00507435d4e55d0b361e87dfdad455ad7675', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'dc8973664fb6271301abeca283e51796dfc91325', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'cddc7d8caacb23215848f86126ec239cdda79b20', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/cjs/gux-form-field-time-picker.cjs.entry.js

@@ -11,7 +11,7 @@ const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-f7d2698e.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -104,14 +104,14 @@ const GuxFormFieldTimePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '99e5a1a568c15e6cbb374a82670141611bef77bb', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'dd14dbcd65f247beb94bd5453aff013f90fa292c' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '5381652c00e6ffb9617b132a3d83a312e01d28e7', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'ac571f6ecba8c635b0d1ca060b0c3bf18856ce49', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '4e365115b94f2e8a1a9b9a2eb0c083e5514022b7', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '736042e117bf95af0bec592e0971591879cebea9', name: "label-info" })), index.h("div", { key: 'ab7c25cc058b84f6f6a9157dbabe707fc6e44022', class: "gux-input-and-error-container" }, index.h("div", { key: '3174841e91268f62b402e943fd568b24b5464e69', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '60fc562b76f501ceaeac4e09c4c6e5368d5f737d', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'b4d14d4a98da9a74251af893eca347cbbfc4768a' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '656373aef3a08a0ef8843a7ab56b4be4988c68d4', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '47621eca560c5523135c6fce78088772f52a5737', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'ad9f667f3c12c17da9205edd8c0ac3e8b2ccc31a', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'aa58046bf6aecdd020ded12f03854e4e96a31152', name: "label-info" })), index.h("div", { key: 'cca787f8aff4614d2234205be5a5bf8fbc3784ef', class: "gux-input-and-error-container" }, index.h("div", { key: '9a44413706326db5e507c0cb9b719f7e31d271ab', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '070e8ae58e76f026d01b3bccf96258237c3dfd77', class: {
+            } }, index.h("div", { key: 'e3694c7f87f39182e4299dfc4f1cb6f0478e9721', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '3c850e19772bbace5060af078500da64922cd2b4' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '6f657e4ef8a097efa41cf4974f2af81d22fae7b1', show: this.hasError }, index.h("slot", { key: '33039502283c755dc3edf831f23738e6f595a7fc', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '2851dfd95ccf73b9b0dfd64a5cd82b2b61cc94cf', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '4c0e2b86f132bba0c1e3165e0557e6064cf28b01', name: "help" })))));
+            } }, index.h("slot", { key: '5e0406319a26dbdc3cc72527b89060976b1c9f4c' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '14c743026d91c5e57cfce025a8bda86d14678d50', show: this.hasError }, index.h("slot", { key: 'dd10497bc6f3d3f69e1b45f0a8ecf52bb58394aa', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '53038618d0d2b6c011401ea52828d3f2183a502a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '35a68352f844da79be7545197e32c97e1acf8f79', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/cjs/gux-form-field-time-zone-picker.cjs.entry.js

@@ -11,7 +11,7 @@ const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-f7d2698e.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -105,13 +105,13 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'cad29676080233a809bd6d3c5dca50dd04d921a2', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '3b6c3d7a218c2d1bdcb8fd17970499b4b8cff1a9' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '7ad702a194192691090aa5afe2530f92305fc175', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'ff793f022bbb9fccb76e12f9c5cd33841a0f9c8f', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'b4dabe7124c400e9754fc5140c36796a780d7239', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '9db41be734b00d67644f1324edb38900076b7392', name: "label-info" })), index.h("slot", { key: '7ab81d750ba76da7614bb482c6b22496af2efab8', name: "label-info" }), index.h("div", { key: '98990959c2fdc92b9bf8047d355ed673034dc18b', class: "gux-input-and-error-container" }, index.h("div", { key: 'd9fed80602110c474cbbd4b6bd8049cb7189f5c8', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '2e075d0131eda9fc5be091c017b2f21dfdd74eb4', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '0c16642d7b7b345e1830ce8d25b67d522a459699' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'cdc145f63f0922d19fe50978baa41bf226db7990', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'adeae92f6404cd22c6dbfac6946e8aa213d198aa', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '472ce6b87b16a23e13c8b275257d774f19e8f782', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '714c0f32f962d72006be78619c5e3acccf508a82', name: "label-info" })), index.h("slot", { key: 'd649028a8ab26ecb0d6ab004a3a0e260081b8c1b', name: "label-info" }), index.h("div", { key: '6ddbca6d667d9e7dc7a8a25d194ac2876928dc4a', class: "gux-input-and-error-container" }, index.h("div", { key: 'bf87c797dbf63fe5c65304b3dd3555fdf222395a', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '937623c81273c30d67175d57d76408e3e55aa46e' })), index.h(guxFormFieldError.GuxFormFieldError, { key: 'a4ea74c31599388f712619ba31c5a57452060241', show: this.hasError }, index.h("slot", { key: '3f51a30a87a41bff3f15853b2ebddd75b847a48c', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'd47eff0ab977dd70d3114ca8689e73bffa8b00d7', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '7adb9a57d397057a9f533915c78a36619b38109f', name: "help" })))));
+            } }, index.h("slot", { key: '4abb953129ae7c3d4a6cd75b5684e21e8cade2e3' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '008d2a14000aeec1abf79bd897f3ec4d2587d356', show: this.hasError }, index.h("slot", { key: 'b4838fd6bb461114e697ace230080bca1e6c0e49', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'd250b771e9196a164fe340b32fa8879b7f2efae5', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '1939de913728f54e0145f769f03b1dbd611386df', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/cjs/gux-form-footer.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.js');
 
 const guxFormFooterCss = ":host ::slotted(footer){display:flex;align-items:center;justify-content:flex-start;margin-block-start:var(--gse-semantic-formControl-formBody-paddingBottom);border-block-start:var(--gse-ui-formFooter-separator-width) var(--gse-ui-formFooter-separator-style) var(--gse-ui-formFooter-separator-color)}:host(.gux-form-footer-page-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-page-desktop-gap);padding-block:var(--gse-ui-formFooter-page-desktop-topPadding) var(--gse-ui-formFooter-page-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-desktop-horizontalPadding) var(--gse-ui-formFooter-page-desktop-horizontalPadding)}:host(.gux-form-footer-page-mobile) ::slotted(footer){flex-direction:column;gap:var(--gse-ui-formFooter-page-mobile-gap);align-items:stretch;justify-content:center;padding-block:var(--gse-ui-formFooter-page-mobile-topPadding) var(--gse-ui-formFooter-page-mobile-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-mobile-horizontalPadding) var(--gse-ui-formFooter-page-mobile-horizontalPadding)}:host(.gux-form-footer-side-sheet-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-sideSheet-desktop-gap);padding-block:var(--gse-ui-formFooter-sideSheet-desktop-topPadding) var(--gse-ui-formFooter-sideSheet-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding) var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding)}:host(.gux-form-footer-modal-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-sideSheet-desktop-gap);justify-content:flex-end;padding-block:var(--gse-ui-formFooter-modal-desktop-topPadding) var(--gse-ui-formFooter-modal-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-modal-desktop-horizontalPadding) var(--gse-ui-formFooter-modal-desktop-horizontalPadding)}";
 const GuxFormFooterStyle0 = guxFormFooterCss;

package/dist/cjs/gux-icon-tooltip-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 
 const guxIconTooltipCss = ".gux-icon-tooltip{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-icon-tooltip gux-tooltip{padding-inline-start:0}.gux-icon-tooltip gux-icon{color:var(--gse-ui-formControl-label-tooltipTrigger-color);vertical-align:bottom}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const legacyIconNames = [
@@ -549,7 +549,7 @@ const GuxIcon = class {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (index.h("div", { key: '469550b17dbff3ba890d8fd1903039fa34aadda7', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (index.h("div", { key: 'd265324c4e6301a56947b023e7100c6bfeef91a0', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get assetsDirs() { return ["icons"]; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-inline-alert.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const index$1 = require('./index-16a4179e.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const info = "Information alert with message";
@@ -45,10 +45,10 @@ const GuxAlert = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: 'fde2dfb461f4f9cca557bba7cc7c26e68e089bf2', class: {
+        return (index.h("div", { key: '033f9c2d02ed50b74c0eed9a758617d9b68c4433', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("div", { key: 'f605755387c01f481873d88b47ae005d4d8ff45f', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '351c47da96232211a4ffca7a924dee89cda1ff62', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: '0f7d7dd6f360e3ba2d1049b389b4a689f22dca18', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("div", { key: '8adedf88e6c7858b894b587dd15514f8efeb66a6', class: "gux-content" }, index.h("slot", { key: '6fbd601f20f23b7d5d75e8a0ad8afd7d6be65297', name: "content" }, index.h("slot", { key: '944f478762d7dd9f71009816c26560734de2bbf3' }))))));
+            } }, index.h("div", { key: '8c24a5319c4627529a094436c6ea2e3c733f20f0', class: "gux-message-wrapper" }, index.h("gux-icon", { key: 'ab1f179bd3fc5262d8151ba5c40498723980eb7e', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: '9730289e008e4c0205e74846e3e7e20ced5c8e46', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("div", { key: '67d192a9ed0b31d6912abadb69ce46c71df5b80e', class: "gux-content" }, index.h("slot", { key: '64ae828ca53d830c7298d1d9bf903554c1df53c2', name: "content" }, index.h("slot", { key: '4e0607bf89105a6468c18c25c6029e8d44cb202b' }))))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-label-info-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 
 const guxLabelInfoCss = ".gux-label-info{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-label-info gux-tooltip{padding-inline-start:0}.gux-label-info gux-icon{color:var(--gse-ui-formControl-label-tooltipTrigger-color);vertical-align:bottom}";

package/dist/cjs/gux-list-divider.cjs.entry.js

@@ -12,7 +12,7 @@ const GuxListDivider = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '350ede1a420ac1457665bb88929b2563678950cb', role: "presentation" }));
+        return (index.h(index.Host, { key: '53617ba4ed687305c42345529d760475c3ea20d2', role: "presentation" }));
     }
 };
 GuxListDivider.style = GuxListDividerStyle0;

package/dist/cjs/gux-list-item.cjs.entry.js

@@ -29,7 +29,7 @@ const GuxListItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'fee0e4774e56d8f92d359fa440b692d91c6fc698', role: "listitem" }, index.h("button", { key: '9559265528fffb857a5b494a0cbb94a169d768c6', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '3b5093f8771af67724eae1f373f7dfc7d8594435' }))));
+        return (index.h(index.Host, { key: '893e725032bd4c3251bf3b7639753788a6e740fa', role: "listitem" }, index.h("button", { key: '712ff44cad018cc22ee4c380c8891080921e8aff', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '6b8fe97d97a77c15759cd0ded008f6360966e734' }))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-list.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const guxList_service = require('./gux-list.service-cf8447cb.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.js');
 
 const guxListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;padding:var(--gse-ui-menu-padding)}";
 const GuxListStyle0 = guxListCss;
@@ -60,7 +60,7 @@ const GuxList = class {
         return (index.h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (index.h(index.Host, { key: 'ad961f6ed0eb29a5359534c174d2fad033948d77', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: '2dd732f57f7770db60a5fc81a1a7f4aba7b7dfeb' })));
+        return (index.h(index.Host, { key: '8e8ba6283534aafdd3d8455ab169b6f15cd6f24e', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: 'c7bc600bdd0da813f7d190b9a7f937d05704a6a0' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-listbox-multi.cjs.entry.js

@@ -7,7 +7,7 @@ const guxListbox_service = require('./gux-listbox.service-a91f8bd2.js');
 const index$1 = require('./index-16a4179e.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 require('./get-closest-element-9e41d6b9.js');
 

package/dist/cjs/gux-loading-message.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.js');
 
 const guxLoadingMessageCss = ":host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  container-type: inline-size;\n}\n\n.gux-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  max-width: var(--gse-ui-progressAndLoading-loadingState-large-width);\n  color: var(--gse-ui-progressAndLoading-textColor);\n  text-align: center;\n}\n\n@container (width > 400px) {\n  .gux-container .gux-primary-message {\n    margin-top: var(--gse-ui-progressAndLoading-large-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-top: var(--gse-ui-progressAndLoading-large-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-subheader-lineHeight);\n  }\n}\n@container (width > 200px) and (width <=400px) {\n  .gux-container .gux-primary-message {\n    margin-top: var(--gse-ui-progressAndLoading-medium-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-top: var(--gse-ui-progressAndLoading-medium-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-lineHeight);\n  }\n}\n@container (width <=200px) {\n  .gux-container .gux-primary-message {\n    margin-top: var(--gse-ui-progressAndLoading-small-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-top: var(--gse-ui-progressAndLoading-small-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-subheader-lineHeight);\n  }\n}";
 const GuxLoadingMessageStyle0 = guxLoadingMessageCss;
@@ -16,7 +16,7 @@ const GuxLoadingMessage = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: '2a491ffbfbab331acdb1689bb19b318baf2c52a6', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: 'c544e6f1a01e0c1b8adab7db367cc63c4469d42d', class: "gux-progress" }, index.h("slot", { key: '90fc79b0b8443cf46ca8fa944d6a1c13430ae716', name: "progress" })), index.h("div", { key: '37116499b176c0f63b9f919aaa15031455480a51', class: "gux-primary-message" }, index.h("slot", { key: '8d53d0a567e204dad15ee021c58c6b42eb106556', name: "primary-message" })), index.h("div", { key: 'ffd6ca8139a4b3797a61ce9337f191323986952d', class: "gux-additional-guidance" }, index.h("slot", { key: '04caaef6d427e5d4f28aa793e9936fc0a71fcf37', name: "additional-guidance" }))));
+        return (index.h("div", { key: 'e710678c224fe04a0a084e49ef9f4aeac2d06ace', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '43a40ea7a6995be0347783800698c2e9f515112d', class: "gux-progress" }, index.h("slot", { key: '5347b2aa85555dd66be284ff137cdf762e5ffc23', name: "progress" })), index.h("div", { key: 'c30290949ef83f2b59732a1a19a3b92c20352a33', class: "gux-primary-message" }, index.h("slot", { key: 'e5c65866ad8c69d943c49d28510f9340208bcbb1', name: "primary-message" })), index.h("div", { key: 'cb46b88b99c00dfb811921789166e90bdf3601ca', class: "gux-additional-guidance" }, index.h("slot", { key: '2635e00f68b1e0dce2ee1b9410142b8a1c06ac73', name: "additional-guidance" }))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-menu-option.cjs.entry.js

@@ -36,7 +36,7 @@ const GuxMenuOption = class {
         }
     }
     render() {
-        return (index.h("button", { key: '084c6fdf56b4b99b20c82ce5a9109fff82bcc355', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: 'f417a73295ab8629d57918729beedd1fd3bc1961', class: "gux-menu-option-button-text" }, index.h("slot", { key: '82de312db527b65536c4a823e4797a73bcae58a1' }))));
+        return (index.h("button", { key: 'fcee9f5c6ba513c0611fb0645b7eca4deb2126cf', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: 'ea52acc32d90dfeca5d1a880ed7a61139d78e027', class: "gux-menu-option-button-text" }, index.h("slot", { key: '99395f921076008b0b3797067d06b81eb18c072e' }))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-menu.cjs.entry.js

@@ -12,7 +12,7 @@ const GuxMenu = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '8e868c6ed7b6030a102505a823fff51de51e565c', role: "menu" }, index.h("slot", { key: '3cb6a3d1e31b7e420a58a509759cade453520d55' })));
+        return (index.h(index.Host, { key: 'a21aabdada3702c67a4f7e46964287475092104e', role: "menu" }, index.h("slot", { key: '99835945b5aa6ca109eaefe698cf6c63acc58281' })));
     }
 };
 GuxMenu.style = GuxMenuStyle0;

package/dist/cjs/gux-modal-legacy.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.js');
 
 const guxModalLegacyCss = "::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}slot[name=left-align-buttons]::slotted(:not(button,gux-button)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host .gux-modal{position:fixed;inset:0;z-index:var(--gse-semantic-zIndex-modal);display:flex;align-items:center;justify-content:center;color:#2e394c;background:var(--gse-ui-modal-shroudColor)}:host .gux-modal .gux-modal-container{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:var(--gse-ui-modal-padding) 0;background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-offsetX) var(--gse-ui-modal-boxShadow-offsetY) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host .gux-modal .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{padding:0 var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);font-family:var(--gse-semantic-heading-xl-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-xl-bold-fontSize);line-height:var(--gse-semantic-heading-xl-bold-lineHeight);font-weight:var(--gse-semantic-heading-xl-bold-fontWeight)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;padding:0 var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding:0 var(--gse-ui-modal-padding)}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";
 const GuxModalLegacyStyle0 = guxModalLegacyCss;
@@ -46,10 +46,10 @@ const GuxModalLegacy = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("div", { key: '54ee2ee20bdc7eb565ec7c301846fe95c0701b70', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'ebcde8e545160eef0fe351691e414de7d1fe1de4', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: 'bd6f5052a0086079dab553f44fbd4e616191b1e9', class: "gux-modal-header", id: titleID }, index.h("slot", { key: '79b0d5ef17b1f21dbfcef0c2afb5c04f1cd4decb', name: "title" }))), index.h("gux-dismiss-button", { key: 'f1baf7b60b9be89ac70bee95945241d1bc268c45', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: 'de367243bc1c73bbb4f118a8609a6caa735e7924', class: {
+        return (index.h("div", { key: '5f457e12306e532a5faeb08ccd5088def404500d', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '9320f3205d2140c8297960533c16a6f42d112873', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: '313656eb077ba16cae4e0a1e6b0ccd5a28ad5591', class: "gux-modal-header", id: titleID }, index.h("slot", { key: '713027a2e52f39d690f4ae9f54fa53338c9c74d8', name: "title" }))), index.h("gux-dismiss-button", { key: '9d6f660adca155f6ad6cabc57ec47fcff5288689', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: 'a627f9095e3fe0c5ad4e3c147bd8df2a1329ebd6', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, index.h("p", { key: '1ce53978aa345c27ced2b8593fda10633c17fb72' }, index.h("slot", { key: 'a88703c6156de6438eb9f744a1f08b27f5a70df8', name: "content" }))), hasFooterButtons && (index.h("div", { key: 'c113dbfb5cda799baa88b4897447349986ced875', class: "gux-button-footer" }, index.h("div", { key: 'ffbf55412737f83baa35b8c6be7ff494bf5a2026', class: "gux-left-align-buttons" }, index.h("slot", { key: 'd3a7dce0768d19319bbd60e97c22e54fd8538dd9', name: "left-align-buttons" })), index.h("div", { key: '8f53d0ac415ee4d21496f377c251d4a729fd4daa', class: "gux-right-align-buttons" }, index.h("slot", { key: '3008447b6e0e490bf1d008cdf87197a021cb4239', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, index.h("p", { key: 'dcd2c29acc0a5af774e3e9979db379f7209d0bdc' }, index.h("slot", { key: 'b43de22c106dcb9f96635b4c3db484597869f236', name: "content" }))), hasFooterButtons && (index.h("div", { key: '69e643ca248133f867c0ff0685d9b659acbfd870', class: "gux-button-footer" }, index.h("div", { key: 'bd33f4551ca3541a26ffab0fb5a99942c4b5fffe', class: "gux-left-align-buttons" }, index.h("slot", { key: '1705c355ed16be660a6ae1e133fadfd564c2ae50', name: "left-align-buttons" })), index.h("div", { key: 'e35f60dc7090908e1a4fccae789b7fe833309d7d', class: "gux-right-align-buttons" }, index.h("slot", { key: '6c481dc20a43810f482ebda0193d5d740a3cb161', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
     }
     // When trap-focus is enabled, focusing this element
     // will immediately redirect focus back to the dismiss button at the top of the modal.

package/dist/cjs/gux-modal.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.js');
 const hasSlot = require('./has-slot-3edae188.js');
 
 const guxModalCss = "::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}slot[name=start-align-buttons]::slotted(:not(button,gux-button-slot)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host dialog{box-sizing:border-box;justify-content:space-between;padding:0;overflow:hidden;border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-offsetX) var(--gse-ui-modal-boxShadow-offsetY) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host dialog::backdrop{background:rgba(77, 97, 130, 0.8)}:host dialog .gux-modal-container{display:flex;flex-direction:column}:host dialog .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{width:min(var(--gse-ui-modal-medium-width), 100vw - 48px);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{width:min(var(--gse-ui-modal-large-width), 100vw - 48px);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host dialog .gux-modal-container .gux-modal-header{padding-top:var(--gse-ui-modal-padding);padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-lineHeight);color:var(--gse-ui-modal-headerColor)}:host dialog .gux-modal-container .gux-modal-content{max-height:432px;padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap);overflow-y:auto}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding-right:var(--gse-ui-modal-padding);padding-bottom:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap)}:host dialog .gux-modal-container .gux-button-footer.gux-no-buttons{display:none}:host dialog .gux-modal-container footer{padding-right:var(--gse-ui-modal-padding);padding-bottom:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap)}@media (max-width: 416px){:host dialog .gux-modal-container.gux-small,:host dialog .gux-modal-container.gux-medium,:host dialog .gux-modal-container.gux-large{width:100%;height:100%}}";
@@ -78,7 +78,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: 'e5819c3848348a613bfc233984bb4a2bcbf8f664', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '0a938d855247b81ebaed0fb8ac0ecfbc81a23e4f', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: 'ff71ff38d822c17a525773a3b282e37757bf7ed7', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: 'd9cdff4415ae8d12509fbdbe02a8e5f7ee2f51c7', class: "gux-modal-content" }, index.h("p", { key: '8a6a788b0d2ed0a51bc3c769ef733b61acd58fd3' }, index.h("slot", { key: 'd2ca3056fbeef75fdeabffca8ecd2a545fda238b', name: "content" }))), this.renderFooter())));
+        return (index.h("dialog", { key: 'f6eb3b8dba19dd0cde2fac4a7c2276c0c82e0112', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'f65ecf74cc38d417b19f0dee44146dcce4f4598c', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '3dbaf1c8dac127543fa5a61c68c8f0176620256b', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: 'bb1145b8b1e26279c879da7f96b8377b8418cc98', class: "gux-modal-content" }, index.h("p", { key: 'a161c2cfbb03a5517368c75cc2e1f94213e3af6d' }, index.h("slot", { key: '35b15f5205bf5cfe104e26a4a9eee36a18c15205', name: "content" }))), this.renderFooter())));
     }
     renderTitle(titleID) {
         return (index.h("h1", { class: "gux-modal-header", id: titleID }, index.h("slot", { name: "title" })));

package/dist/cjs/gux-month-calendar.cjs.entry.js

@@ -4,11 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const index$1 = require('./index-16a4179e.js');
-const useRegionalDates = require('./use-regional-dates-44835a16.js');
+const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const yearMonthValues = require('./year-month-values-c47cf051.js');
 require('./get-closest-element-9e41d6b9.js');
+require('./get-closest-element-26170ce0.js');
 
 const changeYear = "Current year is {currentYear}, Click to change year to {changeYear}";
 const translationResources = {

package/dist/cjs/gux-month-picker-beta.cjs.entry.js

@@ -3,14 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.js');
 const onClickOutside = require('./on-click-outside-31073d32.js');
 const index$1 = require('./index-16a4179e.js');
-const useRegionalDates = require('./use-regional-dates-44835a16.js');
+const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const yearMonthValues = require('./year-month-values-c47cf051.js');
 require('./get-closest-element-9e41d6b9.js');
+require('./get-closest-element-26170ce0.js');
 
 const toggleCalendar = "Toggle month calendar view";
 const month = "Month";

package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-cac43d3b.js');
+const usage = require('./usage-5a5bc23d.js');
 
 const guxNotificationToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0;margin:0 12px 0 8px;color:#2e394c}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:var(--gse-semantic-heading-sm-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-sm-bold-fontSize);line-height:var(--gse-semantic-heading-sm-bold-lineHeight);font-weight:var(--gse-semantic-heading-sm-bold-fontWeight)}";
 const GuxNotificationToastLegacyStyle0 = guxNotificationToastCss;
@@ -18,7 +18,7 @@ const GuxNotificationToast = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h(index.Host, { key: '9121345ad03d84b4bc6f1a19b9fbb9cb3ce4351f' }, index.h("div", { key: 'ab52d6b49a24fd45148d03a46916a69cb56ca6b1', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '4c29663aedf7bd420c7dea0501c2d99bc511faad', name: "icon" })), index.h("div", { key: 'e8354589fe2d93242f497dd2501fef46d8a0ac67', class: "gux-content" }, index.h("gux-truncate", { key: '4ec00baf0c4f5e396e0da05449873f1234755cd4', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '0e8af2e96d76c47ee3629db502b7af5b9204c4ee', name: "title" })), index.h("gux-truncate", { key: '7c5059fdbc0313ad6f0092906a5ad23e26723ca1', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '9acab5142ece228e1a833e4fa9fd4ca35164c33e', name: "message" }))), index.h("gux-dismiss-button", { key: 'a8115319b6d30683d09cd71b07dec55cbdb7421c', onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: 'e89fcf11738baf03317d7c56273811131da3f7b0' }, index.h("div", { key: '89277a68a30e49eb069115ca11311d9ddd6830f9', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'f665c7775ae1a6a6ff1958a8c34483b29341adec', name: "icon" })), index.h("div", { key: 'ddd5b9585bfdbc8c6370144f028ca3c4c38e6504', class: "gux-content" }, index.h("gux-truncate", { key: 'ccae37cd7fc780b22aaa7fac06e7a4e6565a0320', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '06b2199b949c06e3af9b6070dac58c5d265fd7c9', name: "title" })), index.h("gux-truncate", { key: '9661906d06cb5c49d7eea6c8eb76909dcbb7ecbc', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: 'bf0cf6c4bfc6216323bcc4a38ad297cb8b160610', name: "message" }))), index.h("gux-dismiss-button", { key: '81a8198540694dcc1a8bd2c11ef64679c8393145', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/cjs/gux-option-group-beta.cjs.entry.js

@@ -54,7 +54,7 @@ const GuxOptionGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '337395bb996aa1d1748dba716e951da4ace55a8b', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '585742862e99cd3862acb627b125114392d5d2de', class: "gux-option-group" }, index.h("div", { key: '9b11d410957cf000af02fd27ac47e50a0e5e7a55', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '172f01d14f4316daa18460926adb75203cf4415c', role: "group" }, index.h("slot", { key: 'd8565e733b5955bcf4fdcf1fddfc951f7c4b7f19' })), this.renderDivider())));
+        return (index.h(index.Host, { key: '2f6b2f443b5e4cd0c3cdd96e94d71ab923e3ec7a', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: 'adefe67ec51d07b2de9e872bfa3b479bfda90c48', class: "gux-option-group" }, index.h("div", { key: 'da753d79ed8022c7da83233132e68de174a8c6fd', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '61ea0eb85b8ae151b63f084d7ac5120ca3b18867', role: "group" }, index.h("slot", { key: '49cdf77746dbf9b621aa3be953925fd70602522b' })), this.renderDivider())));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-option-icon.cjs.entry.js

@@ -58,14 +58,14 @@ const GuxOptionIcon = class {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (index.h(index.Host, { key: 'dc574a0bced673e026178da2a876bdb4d20dedd9', role: "option", class: {
+        return (index.h(index.Host, { key: 'e7169a86aad3a267386691f0ee18699c1c5ddfe3', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("gux-icon", { key: '3c21333ae6076318bef71a9e31620dc9874ffb81', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), index.h("div", { key: 'abcbf8e42f255565ede046131bebe1b4469bab8b', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '7ca9539795a24a5a5921899cda5204a89d6b6daa', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '0ebb69750318440542eed81c166f9f401af91718' })), index.h("slot", { key: '4e4414169fb8b36f58b31209d17559ca0b586393', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("gux-icon", { key: 'aa39e9adcc63d15c33dfc576fbb9c8e3dc55e663', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), index.h("div", { key: '72117e18cc65ed1185e5e0e6da355c0609e32ee9', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'ccac06445c4c47d645d5023b2c3547dab5130a77', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'ce607126faf73c1d759e3f47deaa6be68523e638' })), index.h("slot", { key: '55eaea1c159cfec8e01af9de526d1737786c6409', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-option-multi.cjs.entry.js

@@ -66,13 +66,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '395decc97ddd804746666789614c94a9a687995b', role: "option", class: {
+        return (index.h(index.Host, { key: '2a2464f67d8f5bdc03d7001485fa1013a6a45b09', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { key: 'f21a9c73606c9b9cac380a00ee9683201372cade', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '8c6245a4b893c27d1e08795d924a80829daac250', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'a3473d87d097a18db04eb095c1e201c1523a06aa' })), index.h("slot", { key: '2942a058b4da9b5a7cba6247e90b771638812acc', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { key: '29fa2d5d9890458b7bf903796546ea885f80c362', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '002a7fe567b6c90dfe1b8f090afc9b28cd3fbebd', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '6b69aff05a07b3901d50da97562eb8671890c8c7' })), index.h("slot", { key: 'd58803220bc4d217c67c36dd926fcfa60d1594f6', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {