genesys-spark-components 4.173.0 → 4.173.1

package/dist/cjs/gux-stepper-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-gVzZ5kek.js');
-var usage = require('./usage-CzcuFoVr.js');
+var usage = require('./usage-9REazzmv.js');
 
 const guxStepperCss = ":host{display:flex;flex-direction:column}:host .gux-stepper{display:flex;block-size:100%}:host .gux-stepper.gux-stepper-horizontal{flex-direction:row;--stepper-min-inline-size:var(--gse-ui-stepper-step-horizontal-minWidth);--stepper-min-block-size:var(--gse-ui-stepper-step-horizontal-minHeight);--step-gap:var(--gse-ui-stepper-step-gap);--stepper-padding-block:var(--gse-ui-stepper-step-horizontal-gap) 0;--stepper-border-block-start-incomplete:var(\n      --gse-ui-stepper-bar-horizontal-height\n    )\n    var(--gse-ui-stepper-bar-incompleted-foregroundColor) solid;--stepper-border-block-start-completed:var(\n      --gse-ui-stepper-bar-horizontal-height\n    )\n    var(--gse-ui-stepper-icon-completed-selectedForegroundColor) solid;--stepper-border-block-start-error:var(\n      --gse-ui-stepper-bar-horizontal-height\n    )\n    var(--gse-ui-stepper-bar-error-foregroundColor) solid;--stepper-border-block-start-active:var(\n      --gse-ui-stepper-bar-horizontal-height\n    )\n    var(--gse-ui-stepper-bar-active-foregroundColor) solid}:host .gux-stepper.gux-stepper-vertical{flex-direction:column;--step-gap:var(--gse-ui-stepper-step-vertical-gap);--stepper-min-block-size:var(--gse-ui-stepper-step-vertical-minHeight);--stepper-min-inline-size:var(--gse-ui-stepper-step-vertical-minWidth);--stepper-padding-inline:var(--gse-ui-stepper-step-vertical-gap) 0;--stepper-border-inline-start-incomplete:var(\n      --gse-ui-stepper-bar-horizontal-height\n    )\n    var(--gse-ui-stepper-bar-incompleted-foregroundColor) solid;--stepper-border-inline-start-completed:var(\n      --gse-ui-stepper-bar-horizontal-height\n    )\n    var(--gse-ui-stepper-icon-completed-selectedForegroundColor) solid;--stepper-border-inline-start-error:var(\n      --gse-ui-stepper-bar-horizontal-height\n    )\n    var(--gse-ui-stepper-bar-error-foregroundColor) solid;--stepper-border-inline-start-active:var(\n      --gse-ui-stepper-bar-horizontal-height\n    )\n    var(--gse-ui-stepper-bar-active-foregroundColor) solid;--stepper-step-body-margin:var(\n    --gse-ui-stepper-step-vertical-body-marginTop\n  )}";
 

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-gVzZ5kek.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
-var usage = require('./usage-CzcuFoVr.js');
+var usage = require('./usage-9REazzmv.js');
 
 const guxSwitchCss = ":host{display:flex;align-items:flex-end}";
 

package/dist/cjs/gux-table-toolbar-action.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-gVzZ5kek.js');
 var capitalizeFirstLetter = require('./capitalize-first-letter-mZPrUEI2.js');
-var usage = require('./usage-CzcuFoVr.js');
+var usage = require('./usage-9REazzmv.js');
 var index$1 = require('./index-DhB3FBd-.js');
 require('./get-closest-element-CfyZl7i7.js');
 

package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-gVzZ5kek.js');
 var getClosestElement = require('./get-closest-element-CIMI0Cx4.js');
-var usage = require('./usage-CzcuFoVr.js');
+var usage = require('./usage-9REazzmv.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 
 const guxTableToolbarCustomActionCss = ":host([disabled]),button[disabled]{pointer-events:none;user-select:none}.gux-sr-only{display:flex;}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}gux-button-slot{inline-size:100%}.gux-action-title{display:flex;flex-direction:row;gap:var(--gse-ui-button-gap);align-items:center}.gux-action-title slot[name=icon]::slotted(gux-icon){inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}";

package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-gVzZ5kek.js');
-var usage = require('./usage-CzcuFoVr.js');
+var usage = require('./usage-9REazzmv.js');
 var onClickOutside = require('./on-click-outside-BUY2tdwU.js');
 var index$1 = require('./index-DhB3FBd-.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');

package/dist/cjs/gux-table-toolbar.cjs.entry.js

@@ -3,7 +3,7 @@
 var index = require('./index-gVzZ5kek.js');
 var onResize = require('./on-resize-CcNZBXx2.js');
 var onMutation = require('./on-mutation-DA2-xgkc.js');
-var usage = require('./usage-CzcuFoVr.js');
+var usage = require('./usage-9REazzmv.js');
 var getSlot = require('./get-slot-EZYuUuno.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var logError = require('./log-error-nWO_o1C3.js');

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

@@ -4,7 +4,7 @@ var index = require('./index-gVzZ5kek.js');
 var index$1 = require('./index-DhB3FBd-.js');
 var whenEventIsFrom = require('./when-event-is-from-C6TjNoqM.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-CzcuFoVr.js');
+var usage = require('./usage-9REazzmv.js');
 var en = require('./en-BCiQgP2I.js');
 require('./get-closest-element-CfyZl7i7.js');
 

package/dist/cjs/gux-tabs-advanced.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-gVzZ5kek.js');
-var usage = require('./usage-CzcuFoVr.js');
+var usage = require('./usage-9REazzmv.js');
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-gVzZ5kek.js');
-var usage = require('./usage-CzcuFoVr.js');
+var usage = require('./usage-9REazzmv.js');
 
 const guxTabsCss = ":host(.gux-tabs-vertical){block-size:100%}:host(.gux-tabs-horizontal) .gux-tabs{flex-direction:column}:host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;block-size:100%}:host .gux-panel-container{display:flex;flex:1 1 auto;flex-direction:column;block-size:100%;min-block-size:0}";
 

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-gVzZ5kek.js');
 var index$1 = require('./index-DhB3FBd-.js');
-var usage = require('./usage-CzcuFoVr.js');
+var usage = require('./usage-9REazzmv.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const tag = "tag with label: {label}";

package/dist/cjs/gux-text-highlight.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-gVzZ5kek.js');
-var usage = require('./usage-CzcuFoVr.js');
+var usage = require('./usage-9REazzmv.js');
 
 const conversion = /[ +]/g;
 const expressions = new Map();

package/dist/cjs/gux-time-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-gVzZ5kek.js');
-var usage = require('./usage-CzcuFoVr.js');
+var usage = require('./usage-9REazzmv.js');
 var getValidTimezone = require('./get-valid-timezone-Bv1MGxs_.js');
 var intl = require('./intl-CN825h6c.js');
 var useRegionalDates = require('./use-regional-dates-qjhuD9Ak.js');

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

@@ -5,7 +5,7 @@ var onClickOutside = require('./on-click-outside-BUY2tdwU.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var index = require('./index-DhB3FBd-.js');
-var usage = require('./usage-CzcuFoVr.js');
+var usage = require('./usage-9REazzmv.js');
 var logError = require('./log-error-nWO_o1C3.js');
 var intl = require('./intl-CN825h6c.js');
 var useRegionalDates = require('./use-regional-dates-qjhuD9Ak.js');

package/dist/cjs/gux-time-zone-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-gVzZ5kek.js');
-var usage = require('./usage-CzcuFoVr.js');
+var usage = require('./usage-9REazzmv.js');
 var index$1 = require('./index-DhB3FBd-.js');
 var timeZone = require('./time-zone-DL_q5R6h.js');
 require('./get-closest-element-CfyZl7i7.js');

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

@@ -3,7 +3,7 @@
 var index = require('./index-gVzZ5kek.js');
 var index$1 = require('./index-DhB3FBd-.js');
 var timeZone = require('./time-zone-DL_q5R6h.js');
-var usage = require('./usage-CzcuFoVr.js');
+var usage = require('./usage-9REazzmv.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 require('./get-closest-element-CfyZl7i7.js');
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-gVzZ5kek.js');
-var usage = require('./usage-CzcuFoVr.js');
+var usage = require('./usage-9REazzmv.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 var logError = require('./log-error-nWO_o1C3.js');
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-gVzZ5kek.js');
-var usage = require('./usage-CzcuFoVr.js');
+var usage = require('./usage-9REazzmv.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 var index$1 = require('./index-DhB3FBd-.js');
 require('./get-closest-element-CfyZl7i7.js');
@@ -15,7 +15,7 @@ var translationResources = {
 	toggleIsFinishedLoading: toggleIsFinishedLoading
 };
 
-const guxToggleCss = ":host{display:block;outline:none}:host(.gux-display-inline){display:inline-block}.gux-toggle-container.gux-disabled{pointer-events:none;cursor:default}.gux-toggle-container.gux-disabled .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{opacity:var(--gse-ui-toggle-disabled-opacity)}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input{flex-direction:row-reverse}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{place-items:end}.gux-toggle-container.gux-toggle-label-left .gux-toggle-error{float:inline-end}.gux-toggle-container .gux-toggle-input{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toggle-gap);place-content:stretch flex-start;align-items:center;inline-size:fit-content;cursor:pointer}.gux-toggle-container .gux-toggle-input .gux-toggle-label{position:relative;display:inline-block}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{display:grid;grid-template-areas:\"inner-div\";place-items:center start}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner{position:relative;grid-area:inner-div;font-family:var(--gse-ui-toggle-label-fontFamily);font-size:var(--gse-ui-toggle-label-fontSize);font-weight:var(--gse-ui-toggle-label-fontWeight);line-height:var(--gse-ui-toggle-label-lineHeight);color:var(--gse-ui-formControl-label-labelColor);overflow-wrap:break-word}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner.gux-hidden{visibility:hidden}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-loading{position:absolute;inset:0;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toggle-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-toggle-label-fontFamily);font-size:var(--gse-ui-toggle-label-fontSize);font-weight:var(--gse-ui-toggle-label-fontWeight);line-height:var(--gse-ui-toggle-label-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container gux-icon{flex:0 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container .gux-toggle-error-message{flex:0 1 auto;align-self:auto;order:0}";
+const guxToggleCss = ":host{display:block;font-family:initial;font-size:initial;font-weight:initial;line-height:initial;outline:none}:host(.gux-display-inline){display:inline-block}.gux-toggle-container.gux-disabled{pointer-events:none;cursor:default}.gux-toggle-container.gux-disabled .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{opacity:var(--gse-ui-toggle-disabled-opacity)}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input{flex-direction:row-reverse}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{place-items:end}.gux-toggle-container.gux-toggle-label-left .gux-toggle-error{float:inline-end}.gux-toggle-container .gux-toggle-input{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toggle-gap);place-content:stretch flex-start;align-items:center;inline-size:fit-content;cursor:pointer}.gux-toggle-container .gux-toggle-input .gux-toggle-label{position:relative;display:inline-block}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{display:grid;grid-template-areas:\"inner-div\";place-items:center start}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner{position:relative;grid-area:inner-div;font-family:var(--gse-ui-toggle-label-fontFamily);font-size:var(--gse-ui-toggle-label-fontSize);font-weight:var(--gse-ui-toggle-label-fontWeight);line-height:var(--gse-ui-toggle-label-lineHeight);color:var(--gse-ui-formControl-label-labelColor);overflow-wrap:break-word}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner.gux-hidden{visibility:hidden}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-loading{position:absolute;inset:0;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toggle-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-toggle-label-fontFamily);font-size:var(--gse-ui-toggle-label-fontSize);font-weight:var(--gse-ui-toggle-label-fontWeight);line-height:var(--gse-ui-toggle-label-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container gux-icon{flex:0 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container .gux-toggle-error-message{flex:0 1 auto;align-self:auto;order:0}";
 
 const GuxToggle = class {
     constructor(hostRef) {
@@ -80,15 +80,15 @@ const GuxToggle = class {
     }
     renderError() {
         if (this.errorMessage) {
-            return (index.h("div", { id: this.errorId, class: "gux-toggle-error" }, index.h("div", { class: "gux-toggle-error-container" }, index.h("gux-icon", { "icon-name": "fa/hexagon-exclamation-solid", decorative: true, size: "small" }), index.h("div", { class: "gux-toggle-error-message" }, this.errorMessage))));
+            return (index.h("div", { role: "alert", id: this.errorId, class: "gux-toggle-error" }, index.h("div", { class: "gux-toggle-error-container" }, index.h("gux-icon", { "icon-name": "fa/hexagon-exclamation-solid", decorative: true, size: "small" }), index.h("div", { class: "gux-toggle-error-message" }, this.errorMessage))));
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'fa4433ee44291308d9455b43405f6758fd74ae99', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: '283e19f1580635d52cb221abd7cae74d72521425', class: {
+        return (index.h(index.Host, { key: 'bcc70e77d0bc2f922fa3cbbc5bbe8d2547fce9b2', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: 'e84402f54d1c70d5b4a3ba4d701f8d8aa7076b90', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, index.h("div", { key: '27b2cb44bb71933961d16fa9a585e0efc04bf952', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, index.h("gux-toggle-slider", { key: '5aa99cedb8c716f58139616051fac1b2198edaf3', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), index.h("gux-announce-beta", { key: '99f98160ec22aa6e31029f3abacad3f4440eeba4', ref: el => (this.announceElement = el) })));
+            } }, index.h("div", { key: '55f02f0a7c27dd68a595f87a56eaa33c92318ef2', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, index.h("gux-toggle-slider", { key: 'a845e579a087d81f3dbd71caf240f12f8413e9d9', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), index.h("gux-announce-beta", { key: '8307f7adaaecdd1a7fb6b0c0a109bb1a0520c474', ref: el => (this.announceElement = el) })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-tooltip-base-beta_2.cjs.entry.js

@@ -3,7 +3,7 @@
 var index = require('./index-gVzZ5kek.js');
 var floatingUi_dom = require('./floating-ui.dom-BRbjfoUo.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-CzcuFoVr.js');
+var usage = require('./usage-9REazzmv.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var overflowDetection = require('./overflow-detection-CvGWQ4Dn.js');
 var findElementById = require('./find-element-by-id-BmYnM3YU.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-gVzZ5kek.js');
-var usage = require('./usage-CzcuFoVr.js');
+var usage = require('./usage-9REazzmv.js');
 var findElementById = require('./find-element-by-id-BmYnM3YU.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 

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

@@ -3,7 +3,7 @@
 var index = require('./index-gVzZ5kek.js');
 var floatingUi_dom = require('./floating-ui.dom-BRbjfoUo.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-CzcuFoVr.js');
+var usage = require('./usage-9REazzmv.js');
 var findElementById = require('./find-element-by-id-BmYnM3YU.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var overflowDetection = require('./overflow-detection-CvGWQ4Dn.js');

package/dist/cjs/{usage-CzcuFoVr.js → usage-9REazzmv.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const version = "4.173.0";
+const version = "4.173.1";
 var packageInfo = {
 	version: version};
 

package/dist/collection/components/beta/gux-segmented-control/gux-segmented-control-item/gux-segmented-control-item.css

@@ -43,8 +43,8 @@ button {
   align-items: center;
   block-size: 100%;
   padding: var(--gse-ui-segmentedControl-button-padding);
-  line-height: 0;
   color: var(--gse-ui-segmentedControl-button-default-foregroundColor);
+  white-space: nowrap;
   cursor: pointer;
   background-color: var(--gse-ui-segmentedControl-button-default-backgroundColor);
 }
@@ -84,6 +84,9 @@ button {
   outline: var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);
   outline-offset: var(--gse-semantic-focusOutline-offset);
 }
+.gux-container .gux-segmented-control-item .gux-icon {
+  line-height: 0;
+}
 .gux-container .gux-segmented-control-item .gux-icon slot[name=icon]::slotted(gux-icon) {
   inline-size: var(--gse-ui-icon-small-size);
   block-size: var(--gse-ui-icon-small-size);

package/dist/collection/components/beta/gux-segmented-control/tests/gux-segmented-control.common.js

@@ -91,5 +91,40 @@ export const renderConfigs = [
         <span slot="text">Right</span>
       </gux-segmented-control-item>
     </gux-segmented-control-beta>`
+    },
+    {
+        description: 'Should render with thirty items',
+        html: `<gux-segmented-control-beta value="one">
+      <gux-segmented-control-item value="one"><span slot="text">Day One</span></gux-segmented-control-item>
+      <gux-segmented-control-item value="two"><span slot="text">Day Two</span></gux-segmented-control-item>
+      <gux-segmented-control-item value="three"><span slot="text">Day Three</span></gux-segmented-control-item>
+      <gux-segmented-control-item value="four"><span slot="text">Day Four</span></gux-segmented-control-item>
+      <gux-segmented-control-item value="five"><span slot="text">Day Five</span></gux-segmented-control-item>
+      <gux-segmented-control-item value="six"><span slot="text">Day Six</span></gux-segmented-control-item>
+      <gux-segmented-control-item value="seven"><span slot="text">Day Seven</span></gux-segmented-control-item>
+      <gux-segmented-control-item value="eight"><span slot="text">Day Eight</span></gux-segmented-control-item>
+      <gux-segmented-control-item value="nine"><span slot="text">Day Nine</span></gux-segmented-control-item>
+      <gux-segmented-control-item value="ten"><span slot="text">Day Ten</span></gux-segmented-control-item>
+      <gux-segmented-control-item value="eleven"><span slot="text">Day Eleven</span></gux-segmented-control-item>
+      <gux-segmented-control-item value="twelve"><span slot="text">Day Twelve</span></gux-segmented-control-item>
+      <gux-segmented-control-item value="thirteen"><span slot="text">Day Thirteen</span></gux-segmented-control-item>
+      <gux-segmented-control-item value="fourteen"><span slot="text">Day Fourteen</span></gux-segmented-control-item>
+      <gux-segmented-control-item value="fifteen"><span slot="text">Day Fifteen</span></gux-segmented-control-item>
+      <gux-segmented-control-item value="sixteen"><span slot="text">Day Sixteen</span></gux-segmented-control-item>
+      <gux-segmented-control-item value="seventeen"><span slot="text">Day Seventeen</span></gux-segmented-control-item>
+      <gux-segmented-control-item value="eighteen"><span slot="text">Day Eighteen</span></gux-segmented-control-item>
+      <gux-segmented-control-item value="nineteen"><span slot="text">Day Nineteen</span></gux-segmented-control-item>
+      <gux-segmented-control-item value="twenty"><span slot="text">Day Twenty</span></gux-segmented-control-item>
+      <gux-segmented-control-item value="twentyone"><span slot="text">Day Twenty One</span></gux-segmented-control-item>
+      <gux-segmented-control-item value="twentytwo"><span slot="text">Day Twenty Two</span></gux-segmented-control-item>
+      <gux-segmented-control-item value="twentythree"><span slot="text">Day Twenty Three</span></gux-segmented-control-item>
+      <gux-segmented-control-item value="twentyfour"><span slot="text">Day Twenty Four</span></gux-segmented-control-item>
+      <gux-segmented-control-item value="twentyfive"><span slot="text">Day Twenty Five</span></gux-segmented-control-item>
+      <gux-segmented-control-item value="twentysix"><span slot="text">Day Twenty Six</span></gux-segmented-control-item>
+      <gux-segmented-control-item value="twentyseven"><span slot="text">Day Twenty Seven</span></gux-segmented-control-item>
+      <gux-segmented-control-item value="twentyeight"><span slot="text">Day Twenty Eight</span></gux-segmented-control-item>
+      <gux-segmented-control-item value="twentynine"><span slot="text">Day Twenty Nine</span></gux-segmented-control-item>
+      <gux-segmented-control-item value="thirty"><span slot="text">Day Thirty</span></gux-segmented-control-item>
+    </gux-segmented-control-beta>`
     }
 ];

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

@@ -35,7 +35,12 @@ export class GuxIcon {
     }
     async componentWillLoad() {
         trackComponent(this.root, { variant: getRootIconName(this.iconName) });
-        await this.prepIcon(this.iconName);
+        try {
+            await this.prepIcon(this.iconName);
+        }
+        catch (error) {
+            logError(this.root, `Failed to load "${this.iconName}"icon: ${error}`);
+        }
     }
     componentDidLoad() {
         this.validateProps(this.decorative, this.screenreaderText);
@@ -68,7 +73,7 @@ export class GuxIcon {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: '973cd6644dfaf02f79282392680b166009887fa2', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: 'b3636b56bc691ed110c0dcecb3e11e53ebd25d08', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get is() { return "gux-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-toggle/gux-toggle.css

@@ -1,5 +1,9 @@
 :host {
   display: block;
+  font-family: initial;
+  font-size: initial;
+  font-weight: initial;
+  line-height: initial;
   outline: none;
 }
 

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

@@ -64,15 +64,15 @@ export class GuxToggle {
     }
     renderError() {
         if (this.errorMessage) {
-            return (h("div", { id: this.errorId, class: "gux-toggle-error" }, h("div", { class: "gux-toggle-error-container" }, h("gux-icon", { "icon-name": "fa/hexagon-exclamation-solid", decorative: true, size: "small" }), h("div", { class: "gux-toggle-error-message" }, this.errorMessage))));
+            return (h("div", { role: "alert", id: this.errorId, class: "gux-toggle-error" }, h("div", { class: "gux-toggle-error-container" }, h("gux-icon", { "icon-name": "fa/hexagon-exclamation-solid", decorative: true, size: "small" }), h("div", { class: "gux-toggle-error-message" }, this.errorMessage))));
         }
     }
     render() {
-        return (h(Host, { key: 'fa4433ee44291308d9455b43405f6758fd74ae99', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '283e19f1580635d52cb221abd7cae74d72521425', class: {
+        return (h(Host, { key: 'bcc70e77d0bc2f922fa3cbbc5bbe8d2547fce9b2', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: 'e84402f54d1c70d5b4a3ba4d701f8d8aa7076b90', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, h("div", { key: '27b2cb44bb71933961d16fa9a585e0efc04bf952', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '5aa99cedb8c716f58139616051fac1b2198edaf3', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: '99f98160ec22aa6e31029f3abacad3f4440eeba4', ref: el => (this.announceElement = el) })));
+            } }, h("div", { key: '55f02f0a7c27dd68a595f87a56eaa33c92318ef2', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: 'a845e579a087d81f3dbd71caf240f12f8413e9d9', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: '8307f7adaaecdd1a7fb6b0c0a109bb1a0520c474', ref: el => (this.announceElement = el) })));
     }
     static get is() { return "gux-toggle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-toggle/tests/gux-toggle.common.js

@@ -1,58 +1,130 @@
-export const renderConfigs = [
-    '<gux-toggle></gux-toggle>',
-    '<gux-toggle checked></gux-toggle>',
-    '<gux-toggle checked disabled></gux-toggle>',
-    '<gux-toggle label="On"></gux-toggle>',
-    '<gux-toggle checked label="on"></gux-toggle>',
-    `<gux-toggle
+const currentRenderConfigs = [
+    {
+        description: 'should render basic toggle',
+        html: '<gux-toggle></gux-toggle>'
+    },
+    {
+        description: 'should render checked toggle',
+        html: '<gux-toggle checked></gux-toggle>'
+    },
+    {
+        description: 'should render checked disabled toggle',
+        html: '<gux-toggle checked disabled></gux-toggle>'
+    },
+    {
+        description: 'should render toggle with label',
+        html: '<gux-toggle label="On"></gux-toggle>'
+    },
+    {
+        description: 'should render checked toggle with label',
+        html: '<gux-toggle checked label="on"></gux-toggle>'
+    },
+    {
+        description: 'should render toggle with left-positioned label',
+        html: `<gux-toggle
     label="On"
     label-position="left"
-  ></gux-toggle>`,
-    `<gux-toggle
+  ></gux-toggle>`
+    },
+    {
+        description: 'should render checked toggle with right-positioned label',
+        html: `<gux-toggle
     checked
     label="on"
     label-position="right"
-  ></gux-toggle>`,
-    `<gux-toggle
+  ></gux-toggle>`
+    },
+    {
+        description: 'should render toggle with long left-positioned label',
+        html: `<gux-toggle
     label="This is a long label for the toggle to test how it works"
     label-position="left"
-  ></gux-toggle>`,
-    `<gux-toggle
+  ></gux-toggle>`
+    },
+    {
+        description: 'should render checked toggle with long right-positioned label',
+        html: `<gux-toggle
     checked
     label="This is a long label for the toggle to test how it works"
     label-position="right"
-  ></gux-toggle>`,
-    // remove deprecated props COMUI-3368
-    '<gux-toggle></gux-toggle>',
-    '<gux-toggle checked></gux-toggle>',
-    '<gux-toggle checked disabled></gux-toggle>',
-    '<gux-toggle checked-label="On" unchecked-label="Off"></gux-toggle>',
-    '<gux-toggle checked checked-label="on" unchecked-label="off"></gux-toggle>',
-    `<gux-toggle
+  ></gux-toggle>`
+    },
+    {
+        description: 'should render toggle inside heading element',
+        html: '<h1><gux-toggle label="On"></gux-toggle></h1>'
+    }
+];
+// remove deprecated props COMUI-3368
+const deprecatedRenderConfigs = [
+    {
+        description: 'should render toggle with deprecated checked/unchecked labels',
+        html: '<gux-toggle checked-label="On" unchecked-label="Off"></gux-toggle>'
+    },
+    {
+        description: 'should render checked toggle with deprecated labels',
+        html: '<gux-toggle checked checked-label="on" unchecked-label="off"></gux-toggle>'
+    },
+    {
+        description: 'should render toggle with deprecated labels and left position',
+        html: `<gux-toggle
     checked-label="On"
     unchecked-label="Off"
     label-position="left"
-  ></gux-toggle>`,
-    `<gux-toggle
+  ></gux-toggle>`
+    },
+    {
+        description: 'should render checked toggle with deprecated labels and right position',
+        html: `<gux-toggle
     checked
     checked-label="on"
     unchecked-label="off"
     label-position="right"
-  ></gux-toggle>`,
-    `<gux-toggle
+  ></gux-toggle>`
+    },
+    {
+        description: 'should render toggle with long deprecated labels and left position',
+        html: `<gux-toggle
     checked-label="This is a long label for the toggle to test how it works"
     unchecked-label="This is another long label for the toggle to test how it works"
     label-position="left"
-  ></gux-toggle>`,
-    `<gux-toggle
+  ></gux-toggle>`
+    },
+    {
+        description: 'should render checked toggle with long deprecated labels and right position',
+        html: `<gux-toggle
     checked
     checked-label="This is a long label for the toggle to test how it works"
     unchecked-label="This is another long label for the toggle to test how it works"
     label-position="right"
   ></gux-toggle>`
-].map((html, index) => {
-    return {
-        description: `should render component as expected (${index + 1})`,
-        html
-    };
-});
+    }
+];
+const regressTestRenderConfigs = [
+    {
+        description: 'COMUI-3436: TargetSize Violation for toggles in tables',
+        html: `
+    <gux-table compact>
+      <table slot="data">
+        <thead>
+          <tr>
+            <th data-column-name="first-name">First name</th>
+            <th data-column-name="last-name">Last name</th>
+            <th data-column-name="toggle">Toggle</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>John</td>
+            <td>Doe</td>
+            <td><gux-toggle></gux-toggle></td>
+          </tr>
+        </tbody>
+      </table>
+    </gux-table>`
+    }
+];
+export const renderConfigs = [
+    ...currentRenderConfigs,
+    ...deprecatedRenderConfigs,
+    ...regressTestRenderConfigs
+];

package/dist/esm/gux-accordion.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-iPkscgWI.js';
-import { t as trackComponent } from './usage-C42G9kHp.js';
+import { t as trackComponent } from './usage-CECgsDIO.js';
 
 const guxAccordionCss = "gux-accordion{-custom-noop:noop}";
 

package/dist/esm/gux-action-button.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, a as getElement } from './i
 import { O as OnClickOutside } from './on-click-outside-CVyQ2Yzt.js';
 import { w as whenEventIsFrom } from './when-event-is-from-kLXvN2m9.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
-import { t as trackComponent } from './usage-C42G9kHp.js';
+import { t as trackComponent } from './usage-CECgsDIO.js';
 import { b as buildI18nForComponent } from './index-D-u4VI26.js';
 import './get-closest-element-Cd4R0amv.js';
 

package/dist/esm/gux-action-toast-legacy.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-iPkscgWI.js';
-import { t as trackComponent } from './usage-C42G9kHp.js';
+import { t as trackComponent } from './usage-CECgsDIO.js';
 
 const guxActionToastCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:stretch;width:270px;padding:20px 24px;margin-bottom:4px;color:var(--gse-ui-toast-success-foregroundColor);background:var(--gse-ui-toast-success-backgroundColor);border:1px solid var(--gse-ui-card-default-border-color);border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-header{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;align-self:auto;order:0;font-family:var(--gse-semantic-heading-lg-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-lg-bold-fontSize);line-height:var(--gse-semantic-heading-lg-bold-lineHeight);font-weight:var(--gse-semantic-heading-lg-bold-fontWeight)}.gux-header .gux-icon{flex:0 1 auto;align-self:auto;order:0;color:var(--gse-core-colorLegacy-secondary-aquaGreen)}.gux-header .gux-icon ::slotted(gux-icon){width:32px !important;height:32px !important}.gux-header .gux-title{flex:1 1 auto;align-self:auto;order:0;margin:0 0 0 8px}.gux-message{flex:0 1 auto;align-self:auto;order:0;margin:16px 0;font-family:var(--gse-semantic-body-sm-regular-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-semantic-body-sm-regular-fontSize);line-height:var(--gse-semantic-body-sm-regular-lineHeight);font-weight:var(--gse-semantic-body-sm-regular-fontWeight)}.gux-message ::slotted(dl){display:flex;flex-direction:row;flex-wrap:wrap;place-content:stretch flex-start;align-items:flex-start;margin:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}";
 

package/dist/esm/gux-advanced-dropdown-legacy.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, a as getElement } from './i
 import { o as onMutation } from './on-mutation-CF55kYjc.js';
 import { O as OnClickOutside } from './on-click-outside-CVyQ2Yzt.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
-import { t as trackComponent } from './usage-C42G9kHp.js';
+import { t as trackComponent } from './usage-CECgsDIO.js';
 import { b as buildI18nForComponent } from './index-D-u4VI26.js';
 import './get-closest-element-Cd4R0amv.js';
 

package/dist/esm/gux-announce-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-iPkscgWI.js';
-import { t as trackComponent } from './usage-C42G9kHp.js';
+import { t as trackComponent } from './usage-CECgsDIO.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
 
 const guxAnnounceCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";

package/dist/esm/gux-avatar-beta.entry.js

@@ -1,5 +1,5 @@
 import { h, r as registerInstance, a as getElement } from './index-iPkscgWI.js';
-import { t as trackComponent } from './usage-C42G9kHp.js';
+import { t as trackComponent } from './usage-CECgsDIO.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
 import { b as buildI18nForComponent } from './index-D-u4VI26.js';
 import { a as generateInitials, g as getAvatarAccentClass } from './gux-avatar.service-BV03_Ljp.js';

package/dist/esm/gux-avatar-change-photo-beta.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, a as getElement } from './index-iPkscgWI.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
 import { b as buildI18nForComponent } from './index-D-u4VI26.js';
-import { t as trackComponent } from './usage-C42G9kHp.js';
+import { t as trackComponent } from './usage-CECgsDIO.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const changePhoto = "Change profile photo";

package/dist/esm/gux-avatar-group-add-item-beta_3.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-iPkscgWI.js';
-import { t as trackComponent } from './usage-C42G9kHp.js';
+import { t as trackComponent } from './usage-CECgsDIO.js';
 import { g as groupKeyboardNavigation } from './gux-avatar-group.service-DMpkGO63.js';
 import { b as buildI18nForComponent } from './index-D-u4VI26.js';
 import { a as autoUpdate, c as computePosition, o as offset } from './floating-ui.dom-C8aV-TzO.js';