genesys-spark-components 4.94.0 → 4.96.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-33975b92.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: '0c5200095bc30ed766aefb7230f7d36e38da0b47', 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: 'c188ac3ea3431f667a14716919455e49a3b39fe8', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'f9d54c26828629951f8bcef369f6f9d4a7ee3781', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '6ca8713a5e6e35836e6f85fb1a586d036c469cc6', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'baaa3425f49e5abb2300fd967e766b0afbf8128c', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '715f74771087325a93268b902ba72140a5559a35', name: "label-info" })), index.h("div", { key: '0d4f7b7968a44533d78b1b12dfb8c520f3d6b1e4', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '1595f5480b5b1a2f6c126b93629b566696ab8fb1', show: this.hasError }, index.h("slot", { key: '4f66cea2ab1b665d7e8bead022af7d5a053ed26a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '73b488cfb8badec729d020ff436c77db7d3b15be', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'a3185925d00c074336ef2d6a5ea716a50947b14e', 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-33975b92.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: '7405bf78d92ed1bdf1ac2c6e1c3c9ddde88acc57', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'ca4a460c86e67a01dfd7fab5e721431fc36194e7', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '53ef034b13e04e68265146499da04ffc075711f8', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '365e48d76ca75a981c8ca5f65d47031a3ebcc21a', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '10ac3d5512e78436bcc8708761c0b59e284c30ae', name: "label-info" })), index.h("div", { key: '956a7b5be1ea256e40da24ae7b6e94f3813a5039', class: "gux-input-and-error-container" }, index.h("div", { key: 'a4aac2179612e037e9e8857d7c914bb3d3f7e324', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'a41e48e5b4e57c816af4a8a1b0081d5afb669f90', class: {
+            } }, index.h("div", { key: '4efb76589e49acc7d890938f679afa6dd6f5b56f', 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: '697512405df38336225bb3909d60eb43fef5158e', "icon-name": "fa/magnifying-glass-regular", decorative: true }), index.h("slot", { key: '5fd45f10348ac6cf5c9f02c415c37501665253d2', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '99e9a5e433ba002a51f11960ebc47fc513f9a963', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '6f021e04d45d020030600343e47afe245a447fce', show: this.hasError }, index.h("slot", { key: 'a8f5ffe057171d6f96a586e7c21fdde23f05f85b', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f7875711423f5f28097cd65e8081e55cf470e987', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'b04fb5662440b2902f8f13151bf14edfb1a9f8b9', 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-33975b92.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: '6a8581aa0d7ebcc584aad4e1aaf7e9fa2a3f6078', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'a2ac5c213264150a4b7f2d62c2b76c8f964930e6', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '4a1c5254db4026d5bbc9e2193573139f36e555f1', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'b222ce994952ae631c2edcdfbb09ac26b1c886f9', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '4d8cd2800fceb7937ea7caf71101246e3518dfdb', name: "label-info" })), index.h("div", { key: 'c7772e0c9cfe35858c200652cadbd1a71866dba6', class: "gux-input-and-error-container" }, index.h("div", { key: '795c4e2672aecd3f7ea7efd36a944c8ca2200423', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '77c7a76e45c4b99254ca8ff0b6d9d476d83e6fc9', class: {
+            } }, index.h("div", { key: '97c0082e17a2eb03fa9ddd0704f69f830fabe7ca', 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: '320f5716c492fc38fadee6854fa4e88f2d36aa78', name: "input" }), index.h("gux-icon", { key: '0e4001a0b2f0eff81a560e137e0139a73752e2a8', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '2f34779d19eb3cacd2bc65d618d0eea2c31caf75', show: this.hasError }, index.h("slot", { key: '0de05f2f06ffd1851c9d71cb391810ec22cc88c9', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '43a86cce865e095d9eb80edd963084305ea81959', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '44c4ce4b1b4e161ecb44544cefb9a48c65797b01', 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-33975b92.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: '51e669c1748538aba9e7414b9a2ed819c63860df', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'af40de2c177e0d635ca88ef0aef84c83933efc5c', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'a127f73e96220914d9211a035d2594f29fff1fd0', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'e7d62369c264f1464f583c4a8038a0f4c124c5e1', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'f43c895cf0d6c2e7c22204651e621ed714c6ed6d', name: "label-info" })), index.h("div", { key: '047d3f1f266542eed651bf721b1c54153080bf07', class: "gux-input-and-error-container" }, index.h("div", { key: '26e0ef02b82b6be8ff574ca54a6caeef9061e33b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '3465925d047570189a19f07a93989a60eb8becff', class: {
+            } }, index.h("div", { key: 'e84b2ad3a05a1327609c5fb66e75f0aec720e67a', 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: 'e3b8a90222e126aeac6ea73ad6a644becaf57afe', name: "prefix" }), index.h("slot", { key: 'e89fd93a70afd866d66bd07d4e2c6eaa97f77893', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: 'f8684a8de61818079637e7dabd5feae5e84e8efc', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '6424ddfe9426d7172a66b652b809f1d27a7a2b90', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'dce09c139b32ecf68a318d5d180fb6cba23971ec', show: this.hasError }, index.h("slot", { key: '4f0d6b9602ad7635dacd90a033ae91fb75850d7e', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '1ee7d2f92fa17b4e7e4d883cbe8c5e07fa69308a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'e82672fa997c2bd201ad827e0feddcfe9abf4458', 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-33975b92.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: '15470eb990134e544a66fc13bb4cf68f0dc05b82', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '85bfdaee051ea0c3bdd180d56ae2cd95291a29ed', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '3cac2f55a3d51de83b6255ee83e10548a6b59c1a', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '0831ae089954c47a861575e8c453574e732e48bc', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '24b3204dc423b7ac32d26e40b2da929a1dc97d8e', name: "label-info" })), index.h("div", { key: 'd6a9ba1fe678d26785e38004af2640eeb2221123', class: "gux-input-and-error-container" }, index.h("div", { key: '9b09babf6fc6e83ab3f553b6b608841acf05458c', 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: '6b81b48aa68d3c7d37eea771288de4647e434f35', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '2fe2b4d91650ea485489c01e6a71c8f4bae31b68', show: this.hasError }, index.h("slot", { key: '58509e5dcf091821c9790689bd49f0a24d9006d1', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '7b851ac6853517a510cfaaaf8772bbe237f8687e', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '5bbf6cf5634d1eec9bfd8c27d8201a5253e4b326', 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-33975b92.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: 'deec575ae4254d2bd2ee163a475a6353f8ac49f0', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'c8899ce5d60cf1510357953ee804ce1c86cf1f41' }, (_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: 'eac2c900eaf473fce6624f04997186839216cab1', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '0be8baa608026233d8d27d1cdfdee65d7e426cd3', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '84dc5cb8b8e03b28a56c0f7320c167c3dbb32890', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '424db029edaba99f1de825164a3c065de6827ce8', name: "label-info" })), index.h("div", { key: '1f6bd32c7def2a05320f0e4e7ad3523fb197cda7', class: "gux-input-and-error-container" }, index.h("div", { key: '81a0dbc4d6eadefab6ba373a6860d1e652301151', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '070e8ae58e76f026d01b3bccf96258237c3dfd77', class: {
+            } }, index.h("div", { key: '00b5a652e62e462e7ec346cab07e049070989b1d', 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: '7fdfa360511eb4b6b4a394a18cd4cee34b27d7f7' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '141b48eafb76740b50ab8a0ddac245616c03481c', show: this.hasError }, index.h("slot", { key: 'bb5ee505b7311f10848bcd5f4f59d881207e5dc6', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'c82ec6d5351ddf71550420179e2648e4fc98b84a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '5908cec4d86f99702c5c798f4ef828b0cbe0afd9', 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-33975b92.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: '4de5cc87a3d54ed77536f6dc22816028e2601613', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '885c7d996de441f3d5b1d1e10990401f4232da0f' }, (_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: 'e24fde7cacf31d6868423481fc833e8119eb2ecb', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '4aad9c52bc42d453d287e08d9e7f841085cb6ca7', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '43209f28efe46da5cbb4233e983c89225a0a691c', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '138f9fc0af28d31c79aa91160ebf0434a6a80c6b', name: "label-info" })), index.h("slot", { key: '0e0b9a6efa8c1f82330c785fd64a4ecd8a2a9f46', name: "label-info" }), index.h("div", { key: '41cf08ab83007df9e1525185470ed9e7a69c1047', class: "gux-input-and-error-container" }, index.h("div", { key: 'cc600195dd572363932f7d3b7b5c5e9dc4c82f9e', 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: 'cbc9fba6a87abcd9be1e7dce71f404f77c06f21d' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '59f96087931db657bf912553c83c06f09b0df158', show: this.hasError }, index.h("slot", { key: '6bbc3be68b40f940bd2343a849180901f2f859e6', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '76fab7949e0db6c0bc8b1858a0d9c058f1472784', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '70314744b13f8452ca7ec788470250cea7ddbfa3', 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-33975b92.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-33975b92.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-33975b92.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: '4aefb9d9cb9c56d866571909cc103b8e4f83a014', 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-33975b92.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: '85684d31ab53f173057cce0850d0e85a96b497bc', 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: '0923252915d78b504a48103b63fcd503304cb44c', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '2f088db94087708243aa6b8817ac2f35d3c23707', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: '92d026bc9abc942ec4fc2fc04599fdce2e840023', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("div", { key: '473ccb565115616d4a944071bc44799e94768d63', class: "gux-content" }, index.h("slot", { key: '6892d735f14a37c0488ae19f9a5abfe16c1c8bed', name: "content" }, index.h("slot", { key: '152db3a54bdb981a4987a1328e5e6c73b42a890c' }))))));
     }
     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-33975b92.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: '713909a50fffe7ac054da956484525f0c871aeee', 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: '9f28c36c4fe2bd03aac2a9370542dab8a00f300c', role: "listitem" }, index.h("button", { key: 'fab5254305866b0406c9c8eaddc2bdf5d30bdc94', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '140355df7003361c7d0cd69c55207ba00ed4d444' }))));
     }
     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-33975b92.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: '0a536a823e75bbc2b6c549f585ec0a96d5452687', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: 'd1ee76be9feb36ef0d926f89d5c399eec0d6d836' })));
     }
     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-33975b92.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-33975b92.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: '1ed0a00d26ea803f76ae79868512ea6b5a94ba1a', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '80185e4db65c7b493b508e10459792cf564d630f', class: "gux-progress" }, index.h("slot", { key: 'a75ce8736eee6f38dcb7790dc5e8534f9c49529d', name: "progress" })), index.h("div", { key: 'ae85ac2bcef82e4c9f472ddda93927d49c83ed40', class: "gux-primary-message" }, index.h("slot", { key: '7a5fc98b6c4e3395e9fb5cb0e6c0f50d4230dead', name: "primary-message" })), index.h("div", { key: '5d48b2bf4e18e6f47e4cbbd7a28236b7b899057d', class: "gux-additional-guidance" }, index.h("slot", { key: '5f5e14712b684b4d6e07861ebdadd03ed579417e', 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: '7b49ff2285e3f56a40b3eb59a750982dae4fdc88', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '3b73c1d7b95a3c3ab25ddf3994a700e4d4e3d186', class: "gux-menu-option-button-text" }, index.h("slot", { key: '22a6596fe9dc4f88b77846e71339bee11607fc5e' }))));
     }
     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: 'd899f6d7787a1fe6190bc3929af74321831ce66f', role: "menu" }, index.h("slot", { key: '3d01d48a938b189d1bd650cefa3ad1879b282ed9' })));
     }
 };
 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-33975b92.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: '4c560129d4704e0cf2b39a77ea8494c4f943b0e4', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '4f26f1702ced1b770035eb3f993b47653d6077ec', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: '84835e5f39c707d9fb03cb125d099cdec501c781', class: "gux-modal-header", id: titleID }, index.h("slot", { key: 'bd2f8bc2f6e25c833477df36a27db71f9e2f9488', name: "title" }))), index.h("gux-dismiss-button", { key: '26b54923c42ce83c65dc3b9d818baa53fb41b776', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: 'e8d57caaea18ba43763d1a49ff718a6f76909de3', 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: '5cf41c10982266dd5e137a9554b95b23da8e5d0f' }, index.h("slot", { key: 'fc063519fb7e6998c5848ac3deca4f44b295a66e', name: "content" }))), hasFooterButtons && (index.h("div", { key: '5dfe62a195dc5331bbf35f312c8159336f19badc', class: "gux-button-footer" }, index.h("div", { key: '440facd07400b3c353ce21d11c527d9df2e3810c', class: "gux-left-align-buttons" }, index.h("slot", { key: 'b110a10e475e0a96ad2042361e05010ba894c017', name: "left-align-buttons" })), index.h("div", { key: '387237bac3ede031f328a4336fc0d8d777a38277', class: "gux-right-align-buttons" }, index.h("slot", { key: '6dc5dda704f6000272135c2a405fe1db11b6b1e6', 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-33975b92.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: 'fc69516a142986a16b17b3ba55e75e2d353f86bd', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '0e948feed6231ef86ddd6777d0c8e3800249d02c', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: 'f25c78d5a91d7beffee4e54e10af29186d938d05', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: 'eae484fc09acda35734019e3d5a619ab7ad84e23', class: "gux-modal-content" }, index.h("p", { key: 'f37ac8119c8bb28f38f2212af1ec4ef9d8a067e6' }, index.h("slot", { key: '31cf5ba3bdf9da15a363b5239693a75bc745f0ae', 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-33975b92.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-33975b92.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: 'dafa40dd0c1a58eefa2dec3b6f18ba91269973b4' }, index.h("div", { key: '79cdf572f7b5f7dbab218f604890c72ea33c5d4e', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '7a354b86a39b9099f924e2bbff4a9d75978544ed', name: "icon" })), index.h("div", { key: '586c1df3f9d74e6888d388ac66fe8432715a78b4', class: "gux-content" }, index.h("gux-truncate", { key: '306b9ec4f9199b632386550eacd61b91a38278ec', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '0ef6f4e5c0330134888cffac11383a470435037d', name: "title" })), index.h("gux-truncate", { key: '3702f19ebe1e30724cf58db7c447ec4191bfd53d', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '5156b07eec3d3dab083f927dd7e4cd48215425dc', name: "message" }))), index.h("gux-dismiss-button", { key: '7f1ba59b46646d79a9f619fd166edc6221099f53', 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: '7c065117af803d8fb0856c2acd7db615e295d90c', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '8f43148de13f61fafbb2f5f0d4324fca79eeb46a', class: "gux-option-group" }, index.h("div", { key: 'e515f6d9469e96a16f0ba7d33fc251f7c19bf660', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: 'ee9d353abcc3cf1c435bd2333b52550aa58321f9', role: "group" }, index.h("slot", { key: '249c5fc7ffb2fbe58caba6460294ae4009cd9ec4' })), 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: '3c870a799ed049ee2ebf70a890d6233f6c262cc9', 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: '7a537c35a84c8306c2b9eea4cc6f28c09f1c5bcb', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), index.h("div", { key: 'c9d015569c58bf37c353495bbbebc508f8a8bbed', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '725eb0eaf0f7ae3d78534533b9b19d8505719981', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '9c37629775262db1613aa58f0a3da13296fdf1ff' })), index.h("slot", { key: 'e1d66aa116b6e3ba38aa5b301ff6bf12b46fb742', 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: '4d51e59bb047038d2c49685877d94301dcad5d59', 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: '4e048fa5c14a8c0e286605f6112105448423d476', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '68b0d6f0838b276ce1e0930c811f218aa89faaf3', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'd22aff80a391b4dd5ee526aabb832eacee9f5ed3' })), index.h("slot", { key: 'eabb2ad94a4de75f074a47dd6dfaead986762eb5', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {