genesys-spark-components 4.187.0 → 4.187.2

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-phone/gux-form-field-phone.js

@@ -9,7 +9,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { h } from "@stencil/core";
-import { buildI18nForComponent } from "../../../../../i18n";
+import { buildI18nForComponent } from "../../../../../i18n/index";
 import { OnMutation } from "../../../../../utils/decorator/on-mutation";
 import { onDisabledChange, onRequiredChange } from "../../../../../utils/dom/on-attribute-change";
 import { trackComponent } from "../../../../../utils/tracking/usage";
@@ -98,14 +98,14 @@ export class GuxFormFieldPhone {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'ccc05278387f583f278a1af063e2234c5cc66699', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '7eec5a9d053f21763b1e2fe11d52875a265c20a7' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'dd37237c4d19e662a0f945431418fcfa43bd3c50', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '75e77484d80eb3e198890734811bb24c3251ca33', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fa00972433ef32046c523360100586fada13057b', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e15ff5d4cf10d719c7cccc7eba360b3a817d083b', name: "label-info" })), h("div", { key: '8fb56c247cb13d703d5e4ffd49e557868ebd5726', class: "gux-input-and-error-container" }, h("div", { key: '6c4fd1b64e733d45fd31dc616f8f233a41812505', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '6ea123b795f941d395a7c1d7e8248c8184635f9d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'e35180713387b8b87a982794b63cf5197749b05f' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '0128e7171270e19de005c0a96111aeac91c87a87', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'e2e1ed9d712606fe4346ea71b1deb5156afc9362', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '400be36b93fcc6631d8daa566e7ba5cc60da27b4', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b2141b31fea069c1bb53e09f6e94c7fcac247248', name: "label-info" })), h("div", { key: '0368025904483b8dd6e1d8eb9ed09b90c2fcc585', class: "gux-input-and-error-container" }, h("div", { key: '65f23143dcafc6e43a7f015cd17a129c5cbeaf9b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '365930372df8b1ba9909b376b19aae9c854d85f9', class: {
+            } }, h("div", { key: 'dc607e41a5778de6e0d13b6a68234d3cd62d3c76', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '311392aa0da1f89d65b96939c614800a7f46eb44' }))), h(GuxFormFieldError, { key: '7619af087aa2ee49fcb1e6f384dcef9bb87bf95b', show: this.hasError }, h("slot", { key: 'db1d0b5f8c3615f2544cd9e9154d0aa9a4e5dc99', name: "error" })), h(GuxFormFieldHelp, { key: 'd5bacc4b63fd46800286bdc70749bfdc0a90d6b3', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fd637eb6f5697ed1bbb21f358596fe9c27cb08be', name: "help" })))));
+            } }, h("slot", { key: 'b72d8f134d6ad1ae8f385bf5463975682dfcf2cb' }))), h(GuxFormFieldError, { key: '47a516a955b5ea38ac3958bf7ec088819ae6a627', show: this.hasError }, h("slot", { key: 'f010fbaca29bdb66305ef43898b0166c75dc1b31', name: "error" })), h(GuxFormFieldHelp, { key: '69d4e91c95728faa37a37305688d3cda67baa9d2', show: !this.hasError && this.hasHelp }, h("slot", { key: '42b6207240a081af47c1be54b0d9e9a46fbe6c1b', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-radio-group/gux-form-field-radio-group.js

@@ -11,7 +11,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { h } from "@stencil/core";
 import { OnMutation } from "../../../../../utils/decorator/on-mutation";
 import { hasSlot } from "../../../../../utils/dom/has-slot";
-import { buildI18nForComponent } from "../../../../../i18n";
+import { buildI18nForComponent } from "../../../../../i18n/index";
 import { GuxFormFieldError, GuxFormFieldHelp, GuxFormFieldScreenreaderLabel, GuxFormFieldFieldsetContainer, GuxFormFieldVisualLabel } from "../../functional-components/functional-components";
 import { getSlotTextContent } from "../../../../../utils/dom/get-slot-text-content";
 import { trackComponent } from "../../../../../utils/tracking/usage";
@@ -124,8 +124,8 @@ export class GuxFormFieldRadioGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '4288c75c8191f7c518409e656d1cab8edc3efc38', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '91fba3a14fd52bbd6bdf9ec14ed378cfc73855a9' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'f691e439da63a711b445f0110fba95b30301cc6c', position: "above", required: this.required }, h("slot", { key: '1850c5b1ebdf52ce51bdacd8ebc7274df0f8ae6a', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f191d05863dfc4085c27352ea20ec707b1d40632', variant: this.indicatorMark, required: this.required }), h("slot", { key: '77d6916be028046c37efdce209f81543a06caf07', name: "group-label-info" })), h("slot", { key: '8a4109f8f473d88d2ad2bc2ccd0f628bf7619c8e' }), h(GuxFormFieldError, { key: '4a66a8e514adc56c883626548be7081a0c0fbab7', show: this.hasGroupError }, h("slot", { key: '12c882b3cae12f559fb4567860902fecaafd55b5', name: "group-error" })), h(GuxFormFieldHelp, { key: '7a49d205aa562ee0f4eb137c597b21ce3423a57e', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '322ed1d4386ce76d6e42c1ede36e1b15d78b2968', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'aa74a0a167f00c3a64afb9a1ac74906393e93b7b', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'fbee0e9663f864c367fb9c5443b001a07cf5af50' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: '16d264679463de752d0c24e5709586e3a0e31e0f', position: "above", required: this.required }, h("slot", { key: 'ccbe1cbcf87cc55287ff48a61e3c4ed913c63acb', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1abb12f3d9af3848a7c491660378d05ed1311bbc', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2271df407dfd329251b62812b5af094fe779d991', name: "group-label-info" })), h("slot", { key: '41c1116bb04c07868aaebc9552fd21e9f7759f49' }), h(GuxFormFieldError, { key: '7772c645665c4c9f5de81dc08a29970b89366439', show: this.hasGroupError }, h("slot", { key: '654fe35787e357c5e4ed113b48afc81d7bd27049', name: "group-error" })), h(GuxFormFieldHelp, { key: '43855ebb7ca5320723db4d6a6f7f2e7c2c8c3ed1', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'a6c7b086edf4deae14fcbe9e9e78690c0bd81236', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-time-picker/gux-form-field-time-picker.js

@@ -9,7 +9,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { h } from "@stencil/core";
-import { buildI18nForComponent } from "../../../../../i18n";
+import { buildI18nForComponent } from "../../../../../i18n/index";
 import { OnMutation } from "../../../../../utils/decorator/on-mutation";
 import { onDisabledChange, onRequiredChange } from "../../../../../utils/dom/on-attribute-change";
 import { hasSlot } from "../../../../../utils/dom/has-slot";
@@ -98,14 +98,14 @@ export class GuxFormFieldTimePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '47713b37f03e261427986e50d7fda6ecbf615ffc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'dfe5984dd086a13c7d152d20b88db1ee68a91990' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '07d5d1538fe2e308b6141b4cb1449c713938bf54', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'f60d33df1abb1ab7a9421810e8ddea642b6ae784', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '54b09b227f1f7bb8292a90d54544945fef5576fb', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1670fc4dfb3e615a5a45333945058a4dea1fc80b', name: "label-info" })), h("div", { key: '5492d48675880c2fbb695319012ecbd473d36acd', class: "gux-input-and-error-container" }, h("div", { key: 'ebd68335032e1bd0902f957a23795628c4b8ee2c', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '2f6284bf2bd3a191aac85384490bab2d398c67b8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'b9c7224d76977974cdecb991c6496caf712c2dad' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '121ff318bcdf6b58b326e90b863c7e99e58f4c87', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '83b00e7aa3372ae0f99371fac3b1d99980f78cb6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3c9fc718823faff9cfe366662dbed9019950a0a4', variant: this.indicatorMark, required: this.required }), h("slot", { key: '191738908ec12ea8f5877a716951011a62a44b84', name: "label-info" })), h("div", { key: 'a61936aec738bf45351fff022f59c55a26a01754', class: "gux-input-and-error-container" }, h("div", { key: 'caa8258090f789e8110964df86e5179cb2417fce', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '6cf58e7ade0bf5e6dce4f2c2601605ea69fdb914', class: {
+            } }, h("div", { key: '9a63c91f1fc6c7734ffd1d4fc56a43289206f701', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'fdaacdb8a3336f08a6d265583387dd0334351580' }))), h(GuxFormFieldError, { key: '0a5fa53506e4ddb4b50240ba5fa0b14f8036f5a1', show: this.hasError }, h("slot", { key: 'e139977b7bccc47700839949e358726e87687da4', name: "error" })), h(GuxFormFieldHelp, { key: 'b42442abaa9563dda58dfbd5dca1aff32466ce9c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'afc75e675024fd9e519a168ab74e4a02abdc15d9', name: "help" })))));
+            } }, h("slot", { key: 'f6ba67bed6ba3100e562803db5b144470ceae780' }))), h(GuxFormFieldError, { key: '14444e36f3dd4a30e3c7925b67a198ae9ddb0aa0', show: this.hasError }, h("slot", { key: '25107814efa1dceab24dd57cfa04fdf7a31401fe', name: "error" })), h(GuxFormFieldHelp, { key: 'f40f273f9c14cb1b80b8903bd824b0c81edbae0b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f28e67e86167d4f0ee3ce3519124840836f5d219', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-time-zone-picker/gux-form-field-time-zone-picker.js

@@ -9,7 +9,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { h } from "@stencil/core";
-import { buildI18nForComponent } from "../../../../../i18n";
+import { buildI18nForComponent } from "../../../../../i18n/index";
 import { OnMutation } from "../../../../../utils/decorator/on-mutation";
 import { onDisabledChange, onRequiredChange } from "../../../../../utils/dom/on-attribute-change";
 import { hasSlot } from "../../../../../utils/dom/has-slot";
@@ -99,13 +99,13 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '5937fa0d25cc0223fb2b089ea417771098f5d636', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'b427f2a6b3bf95628e662cd00123347f60421c92' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'a55d0b266e068ff60d6004285eca70f8f413a01f', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '408e3b36206798fa4e8b5e072cd9cd2b24675d36', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4cb35f158567624797ef8333313d894f7cb5716b', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e44bc8ed67785dc51c58340a4da1069c11695a50', name: "label-info" })), h("slot", { key: 'e8dee57737408aa3b309eb7ec3bd2204455597af', name: "label-info" }), h("div", { key: 'd4d311d4df3c8d3edbbbea7e090651334446fdeb', class: "gux-input-and-error-container" }, h("div", { key: '2d09191422cabc7c595861848a6db6c389a74982', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'a2c68942760261ead99de690292e5212c7e51c68', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'bce390a211dc6ec360e98351dffd94ea587b9f1c' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'd33286d7b2907c45cc7ae016ada4a376844a2382', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '0f28f6cf1f6206dac20b921c6801fc867d3c4d84', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8a3a4fd4ea3a8e7d936cdb2b0381c0630f5466be', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6b40b670b50fc08cd2bdf5a4a746dd49f0b75ee7', name: "label-info" })), h("slot", { key: '7e652012704350ded87227440248ded99d958c71', name: "label-info" }), h("div", { key: '3d623fb3dadea4922acb2bb1cc3f6b5d06b3add7', class: "gux-input-and-error-container" }, h("div", { key: '03bd1920912a114ed96eb778cbf508ce796df886', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '1a655c7471b6ac0e8b40c4ef8447cad6dcec5412' })), h(GuxFormFieldError, { key: 'b877e1c28ddf9b79c7658d3ed6fc7c49977d8fd8', show: this.hasError }, h("slot", { key: 'db19ce658ccc9f48cca75de615d02e477d6c046a', name: "error" })), h(GuxFormFieldHelp, { key: '5e2bdade0509a53039647f8cf4b800f6645f0c7e', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ea202c0935fe4eb16717480b9be2124b59993d3c', name: "help" })))));
+            } }, h("slot", { key: '08c31da81e638aac148c261ea0ce907a573b330d' })), h(GuxFormFieldError, { key: 'a42aa3900bae7604743901f0d02cf142deb0895d', show: this.hasError }, h("slot", { key: '043484bc6874dad6c94b82f6641c61b6d1bef498', name: "error" })), h(GuxFormFieldHelp, { key: 'ea9e1555da10f5b2db0191b2cbe4573c55c04b6d', show: !this.hasError && this.hasHelp }, h("slot", { key: '0f5cea2ef4a9d9ade78cb103cc41214fc7409b99', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/collection/components/stable/gux-form-field/helper-components/gux-form-field-input-clear-button/gux-form-field-input-clear-button.js

@@ -1,6 +1,6 @@
 import { h } from "@stencil/core";
 import { trackComponent } from "../../../../../utils/tracking/usage";
-import { buildI18nForComponent } from "../../../../../i18n";
+import { buildI18nForComponent } from "../../../../../i18n/index";
 import translationResources from "./i18n/en.json";
 export class GuxFormFieldInputClearButton {
     async componentWillLoad() {
@@ -8,7 +8,7 @@ export class GuxFormFieldInputClearButton {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '1d71017fee2b4c3e3332361d2d0ab14b731176ef', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '12a59127ec0822b34487104541ec306e751990f0', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: 'eb55325ca988e4c06ef7de2c75fa602bb2db3a20', "visual-only": true }, h("div", { key: 'f22bb14a2987b2ee7f14977a3b94027e5dc18a8b', slot: "content" }, this.i18n('clear')))));
+        return (h("button", { key: '69c846a9dac078cf1b2affbbd802bcdf5e342671', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '75f116fced0dc325f669efbc3dcaa8a44ee52e7c', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: '752ef91c7cc3d5e0f0e320b799f6b75fd7a28caa', "visual-only": true }, h("div", { key: '082c3d468a87dcfdd360a79f22e13f33b1b4cfb9', slot: "content" }, this.i18n('clear')))));
     }
     static get is() { return "gux-form-field-input-clear-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-form-field/helper-components/gux-form-field-label-indicator/gux-form-field-label-indicator.js

@@ -1,6 +1,6 @@
 import { h } from "@stencil/core";
 import { trackComponent } from "../../../../../utils/tracking/usage";
-import { buildI18nForComponent } from "../../../../../i18n";
+import { buildI18nForComponent } from "../../../../../i18n/index";
 import translationResources from "./i18n/en.json";
 export class GuxFormFieldLabelIndicator {
     constructor() {

package/dist/collection/components/stable/gux-inline-alert/gux-inline-alert.js

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { buildI18nForComponent } from "../../../i18n";
+import { buildI18nForComponent } from "../../../i18n/index";
 import { trackComponent } from "../../../utils/tracking/usage";
 import translationResources from "./i18n/en.json";
 /**
@@ -28,10 +28,10 @@ export class GuxAlert {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'caf26c08d0656435f818a1d3509d5180238c140f', role: "alert", class: {
+        return (h("div", { key: '067e78adfbddb40428133b36b0297665ac02433e', role: "alert", class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '6647103eadf9bf6f998f61af19fd5510c0fb983d', class: "gux-message-wrapper" }, h("gux-icon", { key: '229cfaa2bc2fc62184703188cb81212d08513756', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '7a2a3aa2ca903a41d8689f5e61e25a8efcc8f26f' }, this.i18n(this.accent)), h("div", { key: '1c329296388bbe063251db15ba6ddd6d68baccb9', class: "gux-content" }, h("slot", { key: 'dc72d794eca7603233321ddd29202092d01b1519', name: "content" }, h("slot", { key: '8ef89f78ea1f1c1a19a2c2d5bc61fbd7b3ec5218' }))))));
+            } }, h("div", { key: '66463583a6c6868cf4b6daad0ffec4ae6f806203', class: "gux-message-wrapper" }, h("gux-icon", { key: '8f9e2580c6990f14c082519ff656a1f1032318dd', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '53e3e6259dca207e4384cff943c456840c16f419' }, this.i18n(this.accent)), h("div", { key: '6d00d57345d1aa0a96f02042e51a6106e72cc61d', class: "gux-content" }, h("slot", { key: '10dd2c655f71f7d32c7e13bbb65c7307c5016652', name: "content" }, h("slot", { key: '5397c26961c174b093c0d9f0d3b561cc49c8792a' }))))));
     }
     static get is() { return "gux-inline-alert"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox/gux-listbox.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 import { actOnActiveOption, clearActiveOptions, goToOption, hasActiveOption, hasPreviousOption, hasNextOption, getListOptions, onClickedOption, setFirstOptionActive, setInitialActiveOption, setLastOptionActive, setNextOptionActive, setPreviousOptionActive, matchOption, convertValueToArray } from "./gux-listbox.service";
 import { optionTagSelector } from "./options/option-types";
-import { buildI18nForComponent } from "../../../i18n";
+import { buildI18nForComponent } from "../../../i18n/index";
 import { whenEventIsFrom } from "../../../utils/dom/when-event-is-from";
 import simulateNativeEvent from "../../../utils/dom/simulate-native-event";
 import { trackComponent } from "../../../utils/tracking/usage";

package/dist/collection/components/stable/gux-listbox-multi/gux-create-option/gux-create-option.css

@@ -36,12 +36,4 @@
 }
 :host .gux-option {
   display: inline-flex;
-}
-:host .gux-screenreader {
-  position: absolute;
-  top: auto;
-  left: -10000px;
-  width: 1px;
-  height: 1px;
-  overflow: hidden;
 }

package/dist/collection/components/stable/gux-listbox-multi/gux-create-option/gux-create-option.js

@@ -1,6 +1,6 @@
 import { h, Host } from "@stencil/core";
 import { randomHTMLId } from "../../../../utils/dom/random-html-";
-import { buildI18nForComponent } from "../../../../i18n";
+import { buildI18nForComponent } from "../../../../i18n/index";
 import translationResources from "./i18n/en.json";
 export class GuxCreateOption {
     constructor() {
@@ -29,7 +29,7 @@ export class GuxCreateOption {
     // COMUI-3905: Without this method the dropdown multi's add option button triggers an infinite loop when it is hidden adter being displayed.
     async componentWillRender() { }
     renderCustomOptionInstructions() {
-        return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
+        return (h("gux-screen-reader-beta", null, this.i18n('createCustomOptionInstructions')));
     }
     render() {
         return (h(Host, { key: '61a93e06bff2a61ad5609969e65894136913dc96', role: "option", "aria-selected": false, class: {

package/dist/collection/components/stable/gux-listbox-multi/gux-listbox-multi.js

@@ -10,7 +10,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { h, Host } from "@stencil/core";
 import { actOnActiveOption, clearActiveOptions, goToOption, hasPreviousOption, hasNextOption, onClickedOption, setFirstOptionActive, setInitialActiveOption, setLastOptionActive, setNextOptionActive, setPreviousOptionActive, hasActiveOption, getOptionDefaultSlotText, convertValueToArray } from "../gux-listbox/gux-listbox.service";
-import { buildI18nForComponent } from "../../../i18n";
+import { buildI18nForComponent } from "../../../i18n/index";
 import { whenEventIsFrom } from "../../../utils/dom/when-event-is-from";
 import simulateNativeEvent from "../../../utils/dom/simulate-native-event";
 import { trackComponent } from "../../../utils/tracking/usage";

package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.css

@@ -82,12 +82,4 @@
 }
 :host:host(.gux-filtered) {
   display: none;
-}
-:host .gux-screenreader {
-  position: absolute;
-  top: auto;
-  left: -10000px;
-  width: 1px;
-  height: 1px;
-  overflow: hidden;
 }

package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.js

@@ -3,7 +3,7 @@ import { booleanString } from "../../../../utils/dom/boolean-string";
 import { getClosestElement } from "../../../../utils/dom/get-closest-element";
 import { getSlotTextContent } from "../../../../utils/dom/get-slot-text-content";
 import { randomHTMLId } from "../../../../utils/dom/random-html-";
-import { buildI18nForComponent } from "../../../../i18n";
+import { buildI18nForComponent } from "../../../../i18n/index";
 import translationResources from "./i18n/en.json";
 /**
  * @slot - text
@@ -56,7 +56,7 @@ export class GuxOptionMulti {
     }
     renderCustomOptionInstructions() {
         if (this.custom) {
-            return (h("span", { class: "gux-screenreader" }, this.i18n('removeCustomElementInstructions')));
+            return (h("gux-screen-reader-beta", null, this.i18n('removeCustomElementInstructions')));
         }
     }
     render() {

package/dist/collection/components/stable/gux-listbox-multi/gux-select-all/gux-select-all.js

@@ -1,5 +1,5 @@
 import { h, forceUpdate } from "@stencil/core";
-import { buildI18nForComponent } from "../../../../i18n";
+import { buildI18nForComponent } from "../../../../i18n/index";
 import translationResources from "./i18n/en.json";
 /**
  * @slot - slot for text.
@@ -60,13 +60,13 @@ export class GuxSelectAll {
         return (h("svg", { class: "gux-checkbox-container", xmlns: "http://www.w3.org/2000/svg", viewBox: viewBox }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: paths[pathKey] })));
     }
     render() {
-        return (h("div", { key: '06977b8e2cfc43fa786174392067c5a0f798598f', role: "option", "aria-selected": this.selected.toString(), class: {
+        return (h("div", { key: 'acdb732090251c5c2dcf7c32b25c9d870b5066e4', role: "option", "aria-selected": this.selected.toString(), class: {
                 'gux-select-all-container': true,
                 'gux-active': this.active,
                 'gux-selected': this.selected,
                 'gux-indeterminate': this.indeterminate,
                 'gux-has-scrolled': this.hasScrolled
-            } }, h("div", { key: '21073f04b4e63da0eea5752c89b019eb1c771a74', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: '2a72d4c46427ddf0049f5e58da4ab4c4d5ebf37d', class: "gux-option-wrapper" }, h("gux-truncate", { key: '6d6ae1985b392e3e79a81bde68f738e55e718d61', "max-lines": 1 }, h("span", { key: '46312629ac6a4ff4e7494e85f3b4227feb1d29e2' }, h("slot", { key: 'c67bc1f60561061a48c3c1c1ce79d21f7183837f' }, this.i18n('allOptions')))), h("gux-truncate", { key: '32066206f5cb70f6e19af3d677aabf3a752584a5', "tooltip-placement": "right", class: "gux-counter-label", "max-lines": 1 }, this.getCounterText())))));
+            } }, h("div", { key: '76df68067c667ad44e1b959c14873438110dedfd', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: '3fb8d3c9bc1822ce36ab04baed17d3095aceac47', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'ef3ad945c5c08670852f4a069876ec07e1b12474', "max-lines": 1 }, h("span", { key: '327be6b73e23cd7f8295c38cc16584cb18a64d51' }, h("slot", { key: 'c23f46a8624445741d3c6501d44061d0f5c57665' }, this.i18n('allOptions')))), h("gux-truncate", { key: '567ef00382ef686569b558d98636e2250e557c0a', "tooltip-placement": "right", class: "gux-counter-label", "max-lines": 1 }, this.getCounterText())))));
     }
     static get is() { return "gux-select-all"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-buttons.js

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { buildI18nForComponent } from "../../../../i18n";
+import { buildI18nForComponent } from "../../../../i18n/index";
 import paginationResources from "./i18n/en.json";
 import { GuxPaginationButtonsService } from "./gux-pagination-button.service";
 import { afterNextRender } from "../../../../utils/dom/after-next-render";
@@ -58,7 +58,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '2abd72939e1747e0f7513ba8c195f2655a9d61f0', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '86689307345e5c90eada7cb0657712f3e60ec662', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '82f7575e1865f1aa75d425a37c7936bd6a424c98', accent: "ghost", "icon-only": true }, h("button", { key: '937d08df909e02c8b6f6309ec5d7900a18bee8cf', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '36a0e174e2f8f762aa7b8a0ff9aba6afad56bfea', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'a7403c3cf66add0cb48842e0b3e28b64450069f5', accent: "ghost", "icon-only": true }, h("button", { key: 'd36c0df55666184b9ed671be1154d23f5471a413', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '80ebca6dd8a52b9d868b4747dbb3e5c1a617b76d', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '3a089e692f9af11166e3bda9d45b9b976f2f3920', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'bf92329156b53d4162daf7d0a0b99de5f3bd2c7d', accent: "ghost", "icon-only": true }, h("button", { key: 'e562892a37a14a79d8c28ae16d3296e578cd2d4d', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'bd70199fdb7ae6d51bd5dd3967262cc56985d6dc', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '2db437fd0a3338eb8a4a0175487ec465387688ea', accent: "ghost", "icon-only": true }, h("button", { key: 'a3cc35b9961aa49cac8bc9aca66722008532abd6', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '791af7b45d3270a3ca566ef20662ab33f8267425', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '29b54f15c310e7110925189e265b8afdaf4cae34', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'd303580a1737f223ea7cefd468707776d798243b', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '6f91f3b2b481f57a14b8a84d0ad0aa80ef0008a7', accent: "ghost", "icon-only": true }, h("button", { key: '058d44653c2e6c51fcd826330f02f52fc49fc3d2', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '0ef849fa1f35ff51abb399d3d4a134fa3e81ba7b', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '6cdc96969b8572784088cef272679b6d84f4d9c5', accent: "ghost", "icon-only": true }, h("button", { key: '484684dd8db53a0bd483ed8c09fcec2b62f1308d', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'eee553eaebbe92f646942a0ec9d23b1e36884f65', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'ce11f215f501f19e0df840beffaac418c52e6914', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '79f32d9674304cc621d353125b8d0b686173a7b5', accent: "ghost", "icon-only": true }, h("button", { key: '63c60d2c9110e70621d38ac4e9f4f883a5dd052c', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '911dc86f0107df4335784981b6e315cff2e6e2bd', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '20d2040020854ab70e98942446435de90e10fa46', accent: "ghost", "icon-only": true }, h("button", { key: 'b4bcf4cf5d875f922c223da357acb9c7b0b52162', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '304cfa1693bda39348d71f75c7112529e679eb34', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     static get is() { return "gux-pagination-buttons"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-ellipsis-button/gux-pagination-ellipsis-button.js

@@ -11,7 +11,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { h } from "@stencil/core";
 import { trackComponent } from "../../../../../utils/tracking/usage";
 import translationResources from "../i18n/en.json";
-import { buildI18nForComponent } from "../../../../../i18n";
+import { buildI18nForComponent } from "../../../../../i18n/index";
 import { OnClickOutside } from "../../../../../utils/decorator/on-click-outside";
 import { afterNextRender } from "../../../../../utils/dom/after-next-render";
 export class GuxPaginationEllipsisButton {
@@ -96,10 +96,10 @@ export class GuxPaginationEllipsisButton {
     }
     render() {
         return [
-            h("gux-button", { key: 'c19a73af83173e4ccbf9d7741e6f7b9c0093990e', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '0d14d829d6c1f0548d5df953d562ae814308bfbc', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: 'b3b8b17fb84d97a99d9b31cc1ddaa63da641820a', for: "popover-target" }, h("div", { key: '3c8044a616008464acc7c35aff855152473b3cf9', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: 'b9cfa53bf96b9bedf45d2080dcf4a1641b209f98', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '4d50f01032a059e294a0bc548d45e11efc10295f', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '6ca174ea948d3b32198c7f9d0e7c5048f86541ae' }, h("input", { key: '9ad701931f91fde5918749935a835b32eec8c9ea', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
-                    evt.preventDefault() }), h("label", { key: 'fd4f24f59cbfc61a3057cc909ef7dcafdd1097d7', slot: "label" })))
+            h("gux-button", { key: 'f675fa38c456d9beee7326a392f9ac27e7dfa946', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '66f106b639545c384b312af6e3518131c0c51507', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: '97bc2b4e68b23bc09e7f9cb5574d53a2c1e447e2', for: "popover-target" }, h("div", { key: '34a54f5b4fe0f9a23a8cf7e86dc65fdfa1fae0f8', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: '7b7c21bedf397397a4270749cf3d5ad28e26605e', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '162226f7ee34a5f6a5ebf1f7bc1a8eea56247e8c', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'c3f0ca2db06c2db6d0e9f3e793940f0e9c4812b5' }, h("input", { key: 'a80d061649c45e69f26fa5d424e161e1c242b283', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
+                    evt.preventDefault() }), h("label", { key: '987a1b40eed7e99bddfc906d0a4527e3c510b6a9', slot: "label" })))
         ];
     }
     static get is() { return "gux-pagination-ellipsis-button"; }

package/dist/collection/components/stable/gux-pagination/gux-pagination-item-counts/gux-pagination-item-counts.js

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { buildI18nForComponent } from "../../../../i18n";
+import { buildI18nForComponent } from "../../../../i18n/index";
 import paginationResources from "./i18n/en.json";
 export class GuxPaginationItemCounts {
     constructor() {
@@ -28,10 +28,10 @@ export class GuxPaginationItemCounts {
         }
     }
     render() {
-        return (h("div", { key: 'f939a4ec62cc7ac6124c60c3c99c3d35ea625cb8', class: "gux-pagination-item-counts-container" }, h("span", { key: 'fe21e2cb8771f0a775abb80fdef3c15a4a2c4213', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '84288b67ad0a8e3315046b4e515391eb264160ba', class: "gux-pagination-item-counts-container" }, h("span", { key: '4c4c14e8e8d1ffbc0125e3092d7630e2d22ed258', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'b933cb0512d412d1ddc681e4c48584e7a1cdd32c', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: 'f03651f48bb81f112ee602d3cf8355e43b9cf3ed', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
     }
     static get is() { return "gux-pagination-item-counts"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-pagination/gux-pagination-items-per-page/gux-pagination-items-per-page.js

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { buildI18nForComponent } from "../../../../i18n";
+import { buildI18nForComponent } from "../../../../i18n/index";
 import paginationResources from "./i18n/en.json";
 export class GuxPaginationItemsPerPage {
     constructor() {
@@ -20,7 +20,7 @@ export class GuxPaginationItemsPerPage {
             }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (h("div", { key: 'aacbc029b9bdc1dbeb389c25a863f068b07c9428', class: "gux-pagination-items-per-page-container" }, h("div", { key: '3708de65bca148e884c90af5c076033d7972c58e', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '008080b55f2cd4c26ff1fa9d35917a47b85916c2', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'e864b7ecc26fb9906c7d10951d99dda9654c1380', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'bf1542e865b130bd6d8521307b519e482e7c34d1', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '2db0a0c9a0d05de49dfd75a9b1f6229e9f036355', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     static get is() { return "gux-pagination-items-per-page"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-pagination-cursor/gux-pagination-cursor.js

@@ -1,6 +1,6 @@
 import { h } from "@stencil/core";
 import { trackComponent } from "../../../utils/tracking/usage";
-import { buildI18nForComponent } from "../../../i18n";
+import { buildI18nForComponent } from "../../../i18n/index";
 import translationResources from "./i18n/en.json";
 export class GuxPaginationCursor {
     constructor() {

package/dist/collection/components/stable/gux-radial-loading/gux-radial-loading.js

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { buildI18nForComponent } from "../../../i18n";
+import { buildI18nForComponent } from "../../../i18n/index";
 import { trackComponent } from "../../../utils/tracking/usage";
 import { GuxSpinnerState } from "./gux-radial-loading.functional";
 import modalComponentResources from "./i18n/en.json";
@@ -20,7 +20,7 @@ export class GuxRadialLoading {
         this.getI18nValue = await buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (h(GuxSpinnerState, { key: '882df11b9b09a4387e9c90316167cd4375ae2614', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: 'ad50c8dcce759c9f23c11a8b4f0e5f59936704fe', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     static get is() { return "gux-radial-loading"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-rating/gux-rating.js

@@ -13,7 +13,7 @@ import simulateNativeEvent from "../../../utils/dom/simulate-native-event";
 import clamp from "../../../utils/number/clamp";
 import { trackComponent } from "../../../utils/tracking/usage";
 import { logWarn } from "../../../utils/error/log-error";
-import { buildI18nForComponent } from "../../../i18n";
+import { buildI18nForComponent } from "../../../i18n/index";
 import ratingResources from "./i18n/en.json";
 import { OnClickOutside } from "../../../utils/decorator/on-click-outside";
 export class GuxRating {
@@ -167,7 +167,7 @@ export class GuxRating {
         return this.getRatingStarElements();
     }
     render() {
-        return (h(Host, { key: 'b8f2468a6ab647734b759efb7bfcbc8fa7dceeb5', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'dbea6cdca1f60074bccce54b55b111e7c77bca55', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: '168975d155bbb6e516e5f3613807ee62ae131a57', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '568ffc4185de45751d31fbd65265048c04b26522', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled,
                 'gux-compact': this.compact

package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-list.js

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { buildI18nForComponent } from "../../../i18n";
+import { buildI18nForComponent } from "../../../i18n/index";
 import { trackComponent } from "../../../utils/tracking/usage";
 import translationResources from "./i18n/en.json";
 /**
@@ -11,7 +11,7 @@ export class GuxSkipNavigationList {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '0b4ff4d1a2755e9c5e004983c0e35231ed116f8c', class: "gux-container" }, h("nav", { key: '0a065fab832f55eeb5969d1cb6e5d4e59a37ccdc', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'a67e50176a1a07147ac058f2336b4d255f6be08a', role: "list" }, h("slot", { key: '356f801bd9438d2ee1e906461a7e019d910d64b9' })))));
+        return (h("div", { key: 'e1a743527d342181d1b7f4ff0b67b2f160b13064', class: "gux-container" }, h("nav", { key: 'ce0682c740a6065436083ad2d15437c135948b2e', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'd1d66d8731bc5955576b57d269ee4e6b72578cf5', role: "list" }, h("slot", { key: '009ac510c457f5b8a68131666daa7f1222b7080e' })))));
     }
     static get is() { return "gux-skip-navigation-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table/gux-all-row-select/gux-all-row-select.js

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { buildI18nForComponent } from "../../../../i18n";
+import { buildI18nForComponent } from "../../../../i18n/index";
 import { randomHTMLId } from "../../../../utils/dom/random-html-";
 import tableResources from "../i18n/en.json";
 export class GuxAllRowSelect {
@@ -20,7 +20,7 @@ export class GuxAllRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '6933866c67f463b65c70892c47ab3b60cf308874', "label-position": "screenreader" }, h("input", { key: '35aace8ec0915136ecef03deaf68e3656805d536', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '9d5e03fa1bc8b807ee1b694007e19c371a2f25fe', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '32d86292275974087de7d6def5c7d4469047e362' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: 'b20a7ff95c5d61db98cba6c0979b86ec7e087362', "label-position": "screenreader" }, h("input", { key: 'f2d7854bcc07bd2d7dac878204bdd5181966e41a', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '0ef55eb29fdd4535e266a02a2169e1087162cea8', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'ea8003ea3589cd6f5d13901489a0a608ab43aaa1' }, this.i18n('selectAllTableRows')))));
     }
     static get is() { return "gux-all-row-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table/gux-row-select/gux-row-select.js

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { buildI18nForComponent } from "../../../../i18n";
+import { buildI18nForComponent } from "../../../../i18n/index";
 import { randomHTMLId } from "../../../../utils/dom/random-html-";
 import tableResources from "../i18n/en.json";
 export class GuxRowSelect {
@@ -16,9 +16,9 @@ export class GuxRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: 'fbfe432614878a191486f7adaa3d981326227129', "label-position": "screenreader" }, h("input", { key: 'b2fae51feffbda628e6a1168cfdab9e7e7a8bc6e', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: '6c70f08bf95c861105ec99643652c860ebf00b86', "label-position": "screenreader" }, h("input", { key: 'dc52948b55de7865a6813b699b807707a06ce152', ref: el => (this.inputElement = el), class: this.selected
                 ? 'gux-safari-bug-workaround-1'
-                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '08e9aaaee2c4090d92728645356200e42ce1cfbc', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '95b88f3183fbda8a9addd248a887bbeaca92f249' }, this.label ? this.label : this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'a0484aa5e386695ff26c742690c14b00138eb11a', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'cb735061616174c5a686914f5cec642572f9daf9' }, this.label ? this.label : this.i18n('selectTableRow')))));
     }
     static get is() { return "gux-row-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table/gux-sort-control/gux-sort-control.js

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { buildI18nForComponent } from "../../../../i18n";
+import { buildI18nForComponent } from "../../../../i18n/index";
 import { trackComponent } from "../../../../utils/tracking/usage";
 import { getClosestElement } from "../../../../utils/dom/get-closest-element";
 import { onMutation } from "../../../../utils/dom/on-mutation";
@@ -97,10 +97,10 @@ export class GuxSortControl {
         }
     }
     render() {
-        return (h("div", { key: '49f9c8ee2c5356b28ee212752ed64b6b20dde974', class: { 'gux-container': true, 'gux-active': this.active } }, h("button", { key: '097ae3b7c57a730f9594de3a0d6d1883930440be', class: "gux-sort-button", type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'edd114ce83007c76aa6f222ced0031f8c68caa02', class: {
+        return (h("div", { key: '72e612e2b942343db396090ee7e62fc5c884bd23', class: { 'gux-container': true, 'gux-active': this.active } }, h("button", { key: 'c865f78b4f9b87c7be489d606baaec4a36ee6cda', class: "gux-sort-button", type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'ab3c9f8150ab34b8606685639411c39cc9b7583d', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '827fc2c2850c1619db6cff681110c50f5d5df408', class: "gux-resize-spacer" })));
+            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'a8457993a785e10976b3d202f55ac14a957822f8', class: "gux-resize-spacer" })));
     }
     static get is() { return "gux-sort-control"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table/gux-table-select-menu/gux-table-select-menu.js

@@ -2,7 +2,7 @@ import { h, Host } from "@stencil/core";
 import { afterNextRenderTimeout } from "../../../../utils/dom/after-next-render";
 import { eventIsFrom } from "../../../../utils/dom/event-is-from";
 import { randomHTMLId } from "../../../../utils/dom/random-html-";
-import { buildI18nForComponent } from "../../../../i18n";
+import { buildI18nForComponent } from "../../../../i18n/index";
 import tableResources from "../i18n/en.json";
 /**
  * @slot default - Required slot for gux-all-row-select element
@@ -71,7 +71,7 @@ export class GuxTableSelectMenu {
         }
     }
     render() {
-        return (h(Host, { key: '79f34122a83b8c36b80e110da8adf245837a3185' }, h("slot", { key: 'de25171c1bd6a032019c16a1c3437a63904a7935' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '283e574bf2f567e8dbe2839f05532424a3d685d3' }, h("slot", { key: 'e63b320dd48964ebe1c62180938b93a072e34cb1' }), this.renderSelectDropdown()));
     }
     static get is() { return "gux-table-select-menu"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-table/gux-table.js

@@ -1,5 +1,5 @@
 import { Host, h, readTask, forceUpdate } from "@stencil/core";
-import { buildI18nForComponent } from "../../../i18n";
+import { buildI18nForComponent } from "../../../i18n/index";
 import { whenEventIsFrom } from "../../../utils/dom/when-event-is-from";
 import { randomHTMLId } from "../../../utils/dom/random-html-";
 import { trackComponent } from "../../../utils/tracking/usage";
@@ -283,7 +283,7 @@ export class GuxTable {
         };
     }
     render() {
-        return (h(Host, { key: 'cb0d53125c90dd1af0111051f557a6accce8398f', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'bf12c0c61fa398ebcb4e26a34042949989f736cf', class: "gux-table" }, h("div", { key: 'e254399ee18e27719fc724b818ce8458192aea2a', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'f653c8ad36f9eb35f2a6c099a2d6747e7206e351', name: "data" })), this.isTableEmpty && (h("div", { key: '314e9427fe759a80bc935fcaa346d948fdc300da', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: 'b8617b36db586774cfaea9ef1954dec6a956f380', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '955e4f5b8145ddaf5d44f5363685d6b928f85cca', class: "gux-table" }, h("div", { key: 'e1119924339af59e8c0b53227525c2313582ba06', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'aad6e8cb26162206b10d515cc96f33ebfec41040', name: "data" })), this.isTableEmpty && (h("div", { key: '8d663578eb5a3a78a70354b737fdf615ea23f0b4', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
     }
     static get is() { return "gux-table"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-menu-button/gux-table-toolbar-menu-button.js

@@ -11,7 +11,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { h, Host } from "@stencil/core";
 import { trackComponent } from "../../../../utils/tracking/usage";
 import { OnClickOutside } from "../../../../utils/decorator/on-click-outside";
-import { buildI18nForComponent } from "../../../../i18n";
+import { buildI18nForComponent } from "../../../../i18n/index";
 import translationResources from "./i18n/en.json";
 import { afterNextRender } from "../../../../utils/dom/after-next-render";
 export class GuxTableToolbarMenuButton {
@@ -83,7 +83,7 @@ export class GuxTableToolbarMenuButton {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '997eb9cc586f774a2d869f838200d5499bd824c4', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'cad68b9d1a5fca8d21d649547f8b61d26bb36263', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '9d03834a6d221fbff7f77d1845479ed9abf242db', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: 'c536ce08789d34d93b03585c51562320860ede32', accent: "secondary" }, h("button", { key: '20fca75486af9116c653fe0d63999947926fa256', class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-icon", { key: '42815ebbe9dad6cef2e80163fc3abed170a7022e', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), h("gux-screen-reader-beta", { key: 'd2024b6b60037024c7caf37cae74181d3d04d1c9' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: 'dc5bb2ad9fe4cfa11f9cecd78b0577b8001599be', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '689d76a6845fbae1fc70060f8fe14e02c828522d', ref: el => (this.listElement = el) }, h("slot", { key: '6ac574df3c4c0aea9500773e31b8c4803f7851a9' }))))));
+        return (h(Host, { key: '1f531b92cfe8061635f37962415e8fb5f6eb7188', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '8d33e6d474cf41328861b67fdef1868f06af94c6', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '3488baf88e5ad086c1005f0091cb69a9e6ade272', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '7fe9b369c913ac04e9b95c1604fb50b4560e34d8', accent: "secondary" }, h("button", { key: 'fbea9a44436d15926ac0747f55417b0fe8a6b682', class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-icon", { key: '6e0af94d70df74190b7ae3dc623d852184d8a9e8', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), h("gux-screen-reader-beta", { key: 'd126b16281ea188704724d4c1de66c8bc273e69a' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: 'f96ddd5a33a88900cda4f97e5f835284bc361ed8', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '2dc4ea6f3f7418318903e211fae8c3fa9c97ebf2', ref: el => (this.listElement = el) }, h("slot", { key: '3e59e56437a551b50e6fe364df917af1f3e76a91' }))))));
     }
     static get is() { return "gux-table-toolbar-menu-button"; }
     static get encapsulation() { return "shadow"; }