genesys-spark-components 4.105.5 → 4.107.0

package/dist/cjs/gux-selector-card-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-86f0618f.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
@@ -12,7 +12,7 @@ require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
 require('./has-slot-3edae188.js');
 
-const guxSelectorCardCss = ":host{display:flex}::slotted(*){cursor:pointer}::slotted(gux-icon){inline-size:var(--gse-ui-icon-medium-size);block-size:var(--gse-ui-icon-medium-size);color:var(--gse-ui-selectorCard-ilustrativeIcon-foregroundColor)}::slotted(label){inline-size:100%;font-family:var(--gse-ui-selectorCard-simple-label-fontFamily);font-size:var(--gse-ui-selectorCard-simple-label-fontSize);font-weight:var(--gse-ui-selectorCard-simple-label-fontWeight);line-height:var(--gse-ui-selectorCard-simple-label-lineHeight);color:var(--gse-ui-selectorCard-text-foregroundColor)}::slotted(input[type=radio]),::slotted(input[type=checkbox]){position:absolute;inset-block-start:0;inline-size:100%;block-size:100%;margin:0;color:var(--gse-ui-radioButton-icon-default-unselectedForegroundColor);-webkit-appearance:none;appearance:none;border:var(--gse-ui-selectorCard-unselected-border-width) var(--gse-ui-selectorCard-unselected-border-style) var(--gse-ui-selectorCard-unselected-border-color);border-radius:var(--gse-ui-selectorCard-simple-borderRadius);outline:none}::slotted(input[type=radio])::before,::slotted(input[type=checkbox])::before{position:absolute;inset-block-start:var(--gse-ui-selectorCard-descriptive-text-gap);inset-inline-end:var(--gse-ui-selectorCard-descriptive-text-gap);display:inline-grid;grid-area:1/1;inline-size:var(--gse-ui-radioButton-icon-width);block-size:var(--gse-ui-radioButton-icon-height);color:var(--gse-ui-radioButton-icon-default-unselectedForegroundColor);text-align:center;vertical-align:middle;content:\"\"}::slotted(input[type=radio])::before{border-radius:50%}::slotted(input[type=radio]:checked),::slotted(input[type=checkbox]:checked){border:var(--gse-ui-selectorCard-selected-border-width) var(--gse-ui-selectorCard-selected-border-style) var(--gse-ui-selectorCard-selected-border-color)}::slotted(input[type=radio]:checked)::before,::slotted(input[type=checkbox]:checked)::before{background-color:var(--gse-ui-selectorCard-default-selectedIndicator-selected-foregroundColor)}::slotted(input[type=radio]:not(:checked))::before,::slotted(input[type=checkbox]:not(:checked))::before{background-color:var(--gse-ui-selectorCard-default-selectedIndicator-unselected-foregroundColor)}::slotted(input[type=radio]:disabled),::slotted(input[type=checkbox]:disabled){pointer-events:none;cursor:not-allowed;opacity:var(--gse-ui-radioButton-disabled-opacity)}::slotted(input[type=radio])::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E\")}::slotted(input[type=radio]:checked)::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\")}::slotted(input[type=checkbox])::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M13.7143 0C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143ZM13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M13.7143 0C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143ZM13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429Z' /%3E%3C/svg%3E\")}::slotted(input[type=checkbox]:checked)::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M2.28571 0C1.025 0 0 1.025 0 2.28571V13.7143C0 14.975 1.025 16 2.28571 16H13.7143C14.975 16 16 14.975 16 13.7143V2.28571C16 1.025 14.975 0 13.7143 0H2.28571ZM12.0357 6.32143L7.46429 10.8929C7.12857 11.2286 6.58571 11.2286 6.25357 10.8929L3.96786 8.60714C3.63214 8.27143 3.63214 7.72857 3.96786 7.39643C4.30357 7.06429 4.84643 7.06071 5.17857 7.39643L6.85714 9.075L10.8214 5.10714C11.1571 4.77143 11.7 4.77143 12.0321 5.10714C12.3643 5.44286 12.3679 5.98571 12.0321 6.31786L12.0357 6.32143Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M2.28571 0C1.025 0 0 1.025 0 2.28571V13.7143C0 14.975 1.025 16 2.28571 16H13.7143C14.975 16 16 14.975 16 13.7143V2.28571C16 1.025 14.975 0 13.7143 0H2.28571ZM12.0357 6.32143L7.46429 10.8929C7.12857 11.2286 6.58571 11.2286 6.25357 10.8929L3.96786 8.60714C3.63214 8.27143 3.63214 7.72857 3.96786 7.39643C4.30357 7.06429 4.84643 7.06071 5.17857 7.39643L6.85714 9.075L10.8214 5.10714C11.1571 4.77143 11.7 4.77143 12.0321 5.10714C12.3643 5.44286 12.3679 5.98571 12.0321 6.31786L12.0357 6.32143Z' /%3E%3C/svg%3E\")}.gux-selector-card{display:flex;flex:1 0 auto;inline-size:fit-content}.gux-selector-card .gux-content{position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--gse-ui-selectorCard-descriptive-text-gap);align-items:center;inline-size:var(--gse-ui-selectorCard-simple-minWidth);min-inline-size:var(--gse-ui-selectorCard-simple-minWidth);max-inline-size:var(--gse-ui-selectorCard-simple-maxWidth);min-block-size:var(--gse-ui-selectorCard-simple-minHeight);max-block-size:var(--gse-ui-selectorCard-simple-maxHeight);padding:var(--gse-ui-selectorCard-simple-padding);text-align:center;background-color:var(--gse-ui-selectorCard-default-backgroundColor);border-radius:var(--gse-ui-selectorCard-simple-borderRadius)}.gux-selector-card .gux-content .gux-label-container{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.gux-selector-card .gux-content .gux-icon{line-height:0}.gux-selector-card .gux-content:focus-within{outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-selector-card.gux-descriptive .gux-content{align-items:flex-start;inline-size:var(--gse-ui-selectorCard-descriptive-minWidth);min-inline-size:var(--gse-ui-selectorCard-descriptive-minWidth);max-inline-size:var(--gse-ui-selectorCard-descriptive-maxWidth);min-block-size:var(--gse-ui-selectorCard-descriptive-minHeight);max-block-size:var(--gse-ui-selectorCard-descriptive-maxHeight);padding:var(--gse-ui-selectorCard-descriptive-padding);text-align:start;white-space:normal;border-radius:var(--gse-ui-selectorCard-descriptive-borderRadius)}.gux-selector-card.gux-descriptive .gux-content .gux-description-container{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.gux-selector-card.gux-descriptive .gux-content ::slotted(gux-badge){margin-block-start:var(--gse-ui-selectorCard-descriptive-badge-marginTop)}.gux-selector-card.gux-descriptive .gux-content ::slotted(input[type=radio]),.gux-selector-card.gux-descriptive .gux-content ::slotted(input[type=checkbox]){inset-inline-start:0;border-radius:var(--gse-ui-selectorCard-descriptive-borderRadius)}.gux-selector-card.gux-descriptive .gux-content ::slotted(input[type=radio])::before,.gux-selector-card.gux-descriptive .gux-content ::slotted(input[type=checkbox])::before{inset-block-start:var(--gse-ui-selectorCard-descriptive-gap);inset-inline-end:var(--gse-ui-selectorCard-descriptive-padding);inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}.gux-selector-card.gux-descriptive .gux-content ::slotted(label){display:block;margin-block-end:var(--gse-ui-selectorCard-descriptive-text-gap);font-family:var(--gse-ui-selectorCard-descriptive-label-fontFamily);font-size:var(--gse-ui-selectorCard-descriptive-label-fontSize);font-weight:var(--gse-ui-selectorCard-descriptive-label-fontWeight);line-height:var(--gse-ui-selectorCard-descriptive-label-lineHeight)}.gux-selector-card.gux-descriptive .gux-content ::slotted(gux-icon){inline-size:var(--gse-ui-icon-large-size);block-size:var(--gse-ui-icon-large-size);margin-block-end:var(--gse-ui-selectorCard-descriptive-gap)}.gux-selector-card.gux-disabled{pointer-events:none;cursor:not-allowed}.gux-selector-card.gux-disabled .gux-content{pointer-events:none;-webkit-user-select:none;user-select:none;background-color:var(--gse-ui-selectorCard-disabled-backgroundColor);opacity:var(--gse-ui-selectorCard-disabled-opacity)}.gux-selector-card:hover:not(:disabled) .gux-content{cursor:pointer;background-color:var(--gse-ui-selectorCard-hover-backgroundColor)}.gux-selector-card:hover:not(:disabled) .gux-content ::slotted(input[type=radio])::before,.gux-selector-card:hover:not(:disabled) .gux-content ::slotted(input[type=checkbox])::before{background-color:var(--gse-ui-selectorCard-hover-selectedIndicator-foregroundColor)}.gux-selector-card:active:not(:disabled) .gux-content{background-color:var(--gse-ui-selectorCard-active-backgroundColor)}.gux-selector-card:active:not(:disabled) .gux-content ::slotted(input[type=radio])::before,.gux-selector-card:active:not(:disabled) .gux-content ::slotted(input[type=checkbox])::before{background-color:var(--gse-ui-selectorCard-active-selectedIndicator-foregroundColor)}.gux-selector-card .gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";
+const guxSelectorCardCss = ":host{display:flex}::slotted(*){cursor:pointer}::slotted(gux-icon){inline-size:var(--gse-ui-icon-medium-size);block-size:var(--gse-ui-icon-medium-size);color:var(--gse-ui-selectorCard-ilustrativeIcon-foregroundColor)}::slotted(label){inline-size:100%;font-family:var(--gse-ui-selectorCard-simple-label-fontFamily);font-size:var(--gse-ui-selectorCard-simple-label-fontSize);font-weight:var(--gse-ui-selectorCard-simple-label-fontWeight);line-height:var(--gse-ui-selectorCard-simple-label-lineHeight);color:var(--gse-ui-selectorCard-text-foregroundColor)}::slotted(input[type=radio]),::slotted(input[type=checkbox]){position:absolute;inset-block-start:0;inline-size:100%;block-size:100%;margin:0;color:var(--gse-ui-radioButton-icon-default-unselectedForegroundColor);-webkit-appearance:none;appearance:none;border:var(--gse-ui-selectorCard-unselected-border-width) var(--gse-ui-selectorCard-unselected-border-style) var(--gse-ui-selectorCard-unselected-border-color);border-radius:var(--gse-ui-selectorCard-simple-borderRadius);outline:none}::slotted(input[type=radio])::before,::slotted(input[type=checkbox])::before{position:absolute;inset-block-start:var(--gse-ui-selectorCard-descriptive-text-gap);inset-inline-end:var(--gse-ui-selectorCard-descriptive-text-gap);display:inline-grid;grid-area:1/1;inline-size:var(--gse-ui-radioButton-icon-width);block-size:var(--gse-ui-radioButton-icon-height);color:var(--gse-ui-radioButton-icon-default-unselectedForegroundColor);text-align:center;vertical-align:middle;content:\"\"}::slotted(input[type=radio])::before{border-radius:50%}::slotted(input[type=radio]:checked),::slotted(input[type=checkbox]:checked){border:var(--gse-ui-selectorCard-selected-border-width) var(--gse-ui-selectorCard-selected-border-style) var(--gse-ui-selectorCard-selected-border-color)}::slotted(input[type=radio]:checked)::before,::slotted(input[type=checkbox]:checked)::before{background-color:var(--gse-ui-selectorCard-default-selectedIndicator-selected-foregroundColor)}::slotted(input[type=radio]:not(:checked))::before,::slotted(input[type=checkbox]:not(:checked))::before{background-color:var(--gse-ui-selectorCard-default-selectedIndicator-unselected-foregroundColor)}::slotted(input[type=radio]:disabled),::slotted(input[type=checkbox]:disabled){pointer-events:none;cursor:not-allowed;opacity:var(--gse-ui-radioButton-disabled-opacity)}::slotted(input[type=radio])::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E\")}::slotted(input[type=radio]:checked)::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\")}::slotted(input[type=checkbox])::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M13.7143 0C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143ZM13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M13.7143 0C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143ZM13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429Z' /%3E%3C/svg%3E\")}::slotted(input[type=checkbox]:checked)::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M2.28571 0C1.025 0 0 1.025 0 2.28571V13.7143C0 14.975 1.025 16 2.28571 16H13.7143C14.975 16 16 14.975 16 13.7143V2.28571C16 1.025 14.975 0 13.7143 0H2.28571ZM12.0357 6.32143L7.46429 10.8929C7.12857 11.2286 6.58571 11.2286 6.25357 10.8929L3.96786 8.60714C3.63214 8.27143 3.63214 7.72857 3.96786 7.39643C4.30357 7.06429 4.84643 7.06071 5.17857 7.39643L6.85714 9.075L10.8214 5.10714C11.1571 4.77143 11.7 4.77143 12.0321 5.10714C12.3643 5.44286 12.3679 5.98571 12.0321 6.31786L12.0357 6.32143Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M2.28571 0C1.025 0 0 1.025 0 2.28571V13.7143C0 14.975 1.025 16 2.28571 16H13.7143C14.975 16 16 14.975 16 13.7143V2.28571C16 1.025 14.975 0 13.7143 0H2.28571ZM12.0357 6.32143L7.46429 10.8929C7.12857 11.2286 6.58571 11.2286 6.25357 10.8929L3.96786 8.60714C3.63214 8.27143 3.63214 7.72857 3.96786 7.39643C4.30357 7.06429 4.84643 7.06071 5.17857 7.39643L6.85714 9.075L10.8214 5.10714C11.1571 4.77143 11.7 4.77143 12.0321 5.10714C12.3643 5.44286 12.3679 5.98571 12.0321 6.31786L12.0357 6.32143Z' /%3E%3C/svg%3E\")}.gux-selector-card{display:flex;flex:1 0 auto;inline-size:fit-content}.gux-selector-card .gux-content{position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--gse-ui-selectorCard-descriptive-text-gap);align-items:center;inline-size:var(--gse-ui-selectorCard-simple-minWidth);min-inline-size:var(--gse-ui-selectorCard-simple-minWidth);max-inline-size:var(--gse-ui-selectorCard-simple-maxWidth);min-block-size:var(--gse-ui-selectorCard-simple-minHeight);max-block-size:var(--gse-ui-selectorCard-simple-maxHeight);padding:var(--gse-ui-selectorCard-simple-padding);text-align:center;background-color:var(--gse-ui-selectorCard-default-backgroundColor);border-radius:var(--gse-ui-selectorCard-simple-borderRadius)}.gux-selector-card .gux-content .gux-label-container{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.gux-selector-card .gux-content .gux-icon{line-height:0}.gux-selector-card .gux-content:focus-within{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-selector-card.gux-descriptive .gux-content{align-items:flex-start;inline-size:var(--gse-ui-selectorCard-descriptive-minWidth);min-inline-size:var(--gse-ui-selectorCard-descriptive-minWidth);max-inline-size:var(--gse-ui-selectorCard-descriptive-maxWidth);min-block-size:var(--gse-ui-selectorCard-descriptive-minHeight);max-block-size:var(--gse-ui-selectorCard-descriptive-maxHeight);padding:var(--gse-ui-selectorCard-descriptive-padding);text-align:start;white-space:normal;border-radius:var(--gse-ui-selectorCard-descriptive-borderRadius)}.gux-selector-card.gux-descriptive .gux-content .gux-description-container{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.gux-selector-card.gux-descriptive .gux-content ::slotted(gux-badge){margin-block-start:var(--gse-ui-selectorCard-descriptive-badge-marginTop)}.gux-selector-card.gux-descriptive .gux-content ::slotted(input[type=radio]),.gux-selector-card.gux-descriptive .gux-content ::slotted(input[type=checkbox]){inset-inline-start:0;border-radius:var(--gse-ui-selectorCard-descriptive-borderRadius)}.gux-selector-card.gux-descriptive .gux-content ::slotted(input[type=radio])::before,.gux-selector-card.gux-descriptive .gux-content ::slotted(input[type=checkbox])::before{inset-block-start:var(--gse-ui-selectorCard-descriptive-gap);inset-inline-end:var(--gse-ui-selectorCard-descriptive-padding);inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}.gux-selector-card.gux-descriptive .gux-content ::slotted(label){display:block;margin-block-end:var(--gse-ui-selectorCard-descriptive-text-gap);font-family:var(--gse-ui-selectorCard-descriptive-label-fontFamily);font-size:var(--gse-ui-selectorCard-descriptive-label-fontSize);font-weight:var(--gse-ui-selectorCard-descriptive-label-fontWeight);line-height:var(--gse-ui-selectorCard-descriptive-label-lineHeight)}.gux-selector-card.gux-descriptive .gux-content ::slotted(gux-icon){inline-size:var(--gse-ui-icon-large-size);block-size:var(--gse-ui-icon-large-size);margin-block-end:var(--gse-ui-selectorCard-descriptive-gap)}.gux-selector-card.gux-disabled{pointer-events:none;cursor:not-allowed}.gux-selector-card.gux-disabled .gux-content{pointer-events:none;-webkit-user-select:none;user-select:none;background-color:var(--gse-ui-selectorCard-disabled-backgroundColor);opacity:var(--gse-ui-selectorCard-disabled-opacity)}.gux-selector-card:hover:not(:disabled) .gux-content{cursor:pointer;background-color:var(--gse-ui-selectorCard-hover-backgroundColor)}.gux-selector-card:hover:not(:disabled) .gux-content ::slotted(input[type=radio])::before,.gux-selector-card:hover:not(:disabled) .gux-content ::slotted(input[type=checkbox])::before{background-color:var(--gse-ui-selectorCard-hover-selectedIndicator-foregroundColor)}.gux-selector-card:active:not(:disabled) .gux-content{background-color:var(--gse-ui-selectorCard-active-backgroundColor)}.gux-selector-card:active:not(:disabled) .gux-content ::slotted(input[type=radio])::before,.gux-selector-card:active:not(:disabled) .gux-content ::slotted(input[type=checkbox])::before{background-color:var(--gse-ui-selectorCard-active-selectedIndicator-foregroundColor)}.gux-selector-card .gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";
 const GuxSelectorCardBetaStyle0 = guxSelectorCardCss;
 
 const GuxSelectorCard = class {
@@ -54,11 +54,11 @@ const GuxSelectorCard = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'b91fc84d1ce6c64879e00b4a6c1403b44fa35ff4', class: {
+        return (index.h("div", { key: 'a8b8ef0346f5ce4da260b0c539fc4cb67b9e48df', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: 'd135d3f37784619d316aa0fa126528e670663051', class: "gux-content" }, index.h("div", { key: 'c42a0ce13b448436a368e3fbf116800e818e8c08', class: "gux-icon" }, index.h("slot", { key: 'd5c7485de055122b2899a3fbc45c48c9f35c9817', name: "icon" })), index.h("div", { key: '153e15767f8fe6887fb0c1917c7f87c1bc3787da', class: "gux-label-container" }, index.h("slot", { key: '452fdce6225a5e912b9bc42d47ddd2eb27a1e77b', name: "label" })), index.h("slot", { key: 'f46300c3bc21ac82c0f4076da7868aa4a3fd3784', name: "input" }), this.renderDescription(), this.renderBadge())));
+            } }, index.h("div", { key: 'effffae5174fdaaa2a4e76fa5fb77d2c147ffad3', class: "gux-content" }, index.h("div", { key: '975b1baadd6fe6228ba043718ae849babe44af16', class: "gux-icon" }, index.h("slot", { key: '9067ce345a39dc8d7a98b80e173e535a1a75f224', name: "icon" })), index.h("div", { key: '5b75385861ce4aab688ce2a03d2ca7c583c4a2e2', class: "gux-label-container" }, index.h("slot", { key: '250af4340ac66396b5eb5e1e644971d368e8f936', name: "label" })), index.h("slot", { key: 'b48c03e8b28fdebc7edaa25f51a5544f75cca6c8', name: "input" }), this.renderDescription(), this.renderBadge())));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-selector-cards-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-86f0618f.js');
 
 const guxSelectorCardsCss = ".gux-selector-cards{display:flex;flex-wrap:wrap;gap:var(--gse-ui-selectorCard-simple-gap)}";
 const GuxSelectorCardsBetaStyle0 = guxSelectorCardsCss;
@@ -16,7 +16,7 @@ const GuxSelectorCards = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: 'f03b6a29a045a76215af8578416743e0287ecd0f', class: "gux-selector-cards" }, index.h("slot", { key: 'd2f29e773aac82a43e511f7e67cbef0f7c20f262' })));
+        return (index.h("div", { key: '28d954d69949d8b6a5a0490d7aa2d46eeebd2cc6', class: "gux-selector-cards" }, index.h("slot", { key: '205af7961226792ac7ceecfcfa3101e02090b1c2' })));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-side-panel-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-86f0618f.js');
 const hasSlot = require('./has-slot-3edae188.js');
 
 const guxSidePanelCss = ":host{display:block;inline-size:fit-content;block-size:100%}:host([size=large]){max-inline-size:50%}.gux-side-panel{position:relative;display:flex;flex-direction:column;inline-size:calc(100vw - var(--gse-ui-sidePanel-shoud-minWidth));block-size:inherit;background-color:var(--gse-ui-sidePanel-backgroundColor);box-shadow:var(--gse-ui-sidePanel-boxShadow-offsetX) var(--gse-ui-sidePanel-boxShadow-offsetY) var(--gse-ui-sidePanel-boxShadow-blur) var(--gse-ui-sidePanel-boxShadow-spread) var(--gse-ui-sidePanel-boxShadow-color)}.gux-side-panel.gux-side-panel-small{max-inline-size:var(--gse-ui-sidePanel-widthSize-sm)}.gux-side-panel.gux-side-panel-medium{max-inline-size:var(--gse-ui-sidePanel-widthSize-md)}.gux-side-panel.gux-side-panel-large{max-inline-size:var(--gse-ui-sidePanel-widthSize-lg)}.gux-side-panel>header{position:relative;padding:var(--gse-ui-sidePanel-header-padding);border-block-end:var(--gse-ui-sidePanel-divider-width) var(--gse-ui-sidePanel-divider-style) var(--gse-ui-sidePanel-divider-color)}.gux-side-panel>header gux-dismiss-button{position:absolute;inset-block-start:calc(var(--gse-ui-sidePanel-header-dismiss-padding) - var(--gse-ui-modal-dismissButton-paddingTop));inset-inline-end:calc(var(--gse-ui-modal-dismissButton-paddingRight) - var(--gse-ui-sidePanel-header-dismiss-padding));display:block}.gux-side-panel .gux-side-panel-description{margin:var(--gse-ui-sidePanel-description-padding) !important}.gux-side-panel .gux-side-panel-content{display:flex;flex:1 1 100%;padding:var(--gse-ui-sidePanel-body-padding);overflow-y:auto;font-family:var(--gse-ui-sidePanel-description-text-fontFamily);font-size:var(--gse-ui-sidePanel-description-text-fontSize);font-weight:var(--gse-ui-sidePanel-description-text-fontWeight);line-height:var(--gse-ui-sidePanel-description-text-lineHeight);color:var(--gse-ui-sidePanel-descriptionColor)}.gux-side-panel>footer{flex:0 0 auto;padding:var(--gse-ui-sidePanel-footer-padding);border-block-start:var(--gse-ui-sidePanel-divider-width) var(--gse-ui-sidePanel-divider-style) var(--gse-ui-sidePanel-divider-color)}.gux-side-panel-description ::slotted(*){margin:0;font-family:var(--gse-ui-sidePanel-description-text-fontFamily) !important;font-size:var(--gse-ui-sidePanel-description-text-fontSize) !important;font-weight:var(--gse-ui-sidePanel-description-text-fontWeight) !important;line-height:var(--gse-ui-sidePanel-description-text-lineHeight) !important;color:var(--gse-ui-sidePanel-descriptionColor) !important}";
@@ -28,10 +28,10 @@ const GuxSidePanel = class {
         return null;
     }
     render() {
-        return (index.h("div", { key: '07e34d61e328ca7d29b2405edff8a51d4b91d62b', class: {
+        return (index.h("div", { key: 'ceca7e10b604a619bb385e0619913bf1fa7b3b24', class: {
                 'gux-side-panel': true,
                 [`gux-side-panel-${this.size}`]: true
-            } }, index.h("header", { key: '61024628df2d0f2b89668e3abeeaa5047aa60164' }, index.h("gux-dismiss-button", { key: '25db410c7c7eb671c34b1a211cde19920ffb4dbf', position: "inherit", onClick: this.onDismissHandler.bind(this) }), index.h("slot", { key: '3c0b85f9d5cf9184ac99139dd649ae83c5599773', name: "heading" })), this.renderDescription(), index.h("div", { key: '9e70a18b4876be722d5e542b3db8052e1e47640d', class: "gux-side-panel-content" }, index.h("slot", { key: 'b59de7fa06f20042f5e6abfb1bd914fa5839cda5', name: "content" })), index.h("footer", { key: 'bb66cb613ed9d379290ce700ffcd9a044f1c44b6' }, index.h("slot", { key: 'e6b36a71976aab45d69ffc277a0fde4e1b41fae2', name: "footer" }))));
+            } }, index.h("header", { key: 'cb2c914299013c93bbada6751a39d1b6fdf9bf36' }, index.h("gux-dismiss-button", { key: '13615da20e162f08135cd13e71e9c5aadc9dd6ed', position: "inherit", onClick: this.onDismissHandler.bind(this) }), index.h("slot", { key: '8ea7cfe36f4e612754a1f5e7e788b4c15a64b3fa', name: "heading" })), this.renderDescription(), index.h("div", { key: '6d94ca8ba56886026e8e32ac2062063849e60875', class: "gux-side-panel-content" }, index.h("slot", { key: 'ee16b473aae7cc512934a238d4e9109ac5f35d31', name: "content" })), index.h("footer", { key: '11b8cbe1e90b8d24065f438021d6af1a09590a3e' }, index.h("slot", { key: 'ce5f280c7c98176df5b9ef0c3dbebdd718fafbbf', name: "footer" }))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-side-panel-heading.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-86f0618f.js');
 
 const guxSidePanelHeadingCss = ":host{display:block}h1,h2,h3,h4,h5,h6{display:flex;flex:0 0 auto;gap:var(--gse-ui-sidePanel-header-iconGap);align-items:center;inline-size:100%;padding:0;margin:0;font-family:var(--gse-ui-sidePanel-heading-text-fontFamily);font-size:var(--gse-ui-sidePanel-heading-text-fontSize);font-weight:var(--gse-ui-sidePanel-heading-text-fontWeight);line-height:var(--gse-ui-sidePanel-heading-text-lineHeight);color:var(--gse-ui-sidePanel-headerColor)}";
 const GuxSidePanelHeadingStyle0 = guxSidePanelHeadingCss;
@@ -19,7 +19,7 @@ const GuxSidePanelHeading = class {
         this.headingTag = `h${this.level}`;
     }
     render() {
-        return (index.h(this.headingTag, { key: '22b9bcffb02db315742634ad1e527de00b46d92e' }, this.iconName && (index.h("gux-icon", { key: 'ca114da4d13b3057686ce38231fa4b295b6fd5c1', decorative: true, size: "medium", "icon-name": this.iconName })), index.h("gux-truncate", { key: '0f801e2c62860b332fd390ce41f8ec936b29383e' }, index.h("slot", { key: '9c093f438dcd26ba9faae83e0ea80ddeea8bb02a' }))));
+        return (index.h(this.headingTag, { key: 'ed1f9f21620f8b0c97db279e1761d85ac98131ba' }, this.iconName && (index.h("gux-icon", { key: 'f5dab3c3008a99d9f4c4420cabe4544c902125db', decorative: true, size: "medium", "icon-name": this.iconName })), index.h("gux-truncate", { key: '959e8f86b385e067fb607b5b003fbc9c16a204fd' }, index.h("slot", { key: '3068e6c69dfb361b8d73f75ba65c1e73a1e65944' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-86f0618f.js');
 
 const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:286px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;padding:8px 12px 8px 16px;margin:2px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon ::slotted(gux-icon){width:16px;height:16px}.gux-message{flex:1 1 auto;align-self:center;order:0;margin:8px 0}.gux-dismiss{margin:4px 0}";
 const GuxSimpleToastLegacyStyle0 = guxSimpleToastCss;
@@ -18,7 +18,7 @@ const GuxSimpleToast = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h(index.Host, { key: 'f8afded47dd5d8aa1e06d12fc5a8e132bef8c914' }, index.h("div", { key: 'ee392128cd1ce75f6dda9dec608ba2094e9984ad', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '9bff6a2b1bfce3baf96896408fa91e01abbecbe7', name: "icon" })), index.h("gux-truncate", { key: 'd1e617b3f2bceaa4ee8df7622b8e6f0e9f669cad', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '547784600e9746065fb781a47a8cec7ed7583ea4', name: "message" })), index.h("gux-dismiss-button", { key: 'b3cd1efe52992185bb10355012ddc7f681b2ed42', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: '79e000bdc7f93c85b0efd8023dc666c62f76640f' }, index.h("div", { key: 'ae22030cf22f888a83f6037ff31a885f348d1dba', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'c558459e87e8e04cd42d75c7b4cf35b9e492dec2', name: "icon" })), index.h("gux-truncate", { key: 'e841e88fc4f3c3e2ea8d02517238a7aa46afc910', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: 'ef7c92db91c54b6c8d59b38a591780b720ac8b06', name: "message" })), index.h("gux-dismiss-button", { key: 'cc251bac923a15905fd9d347874db738d96c0488', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/cjs/gux-skip-navigation-item.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 
-const guxSkipNavigationItemCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host(:focus-within){position:inherit;top:inherit;left:inherit;width:inherit;height:inherit;overflow:inherit}::slotted(a){padding:12px;font-size:2rem;background-color:#fdfdfd;box-shadow:0 8px 24px rgba(32, 41, 55, 0.4), 0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff !important}";
+const guxSkipNavigationItemCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host(:focus-within){position:inherit;top:inherit;left:inherit;width:inherit;height:inherit;overflow:inherit}::slotted(a){padding:12px;font-size:2rem;background-color:var(--gse-semantic-background-container-elevated-default)}";
 const GuxSkipNavigationItemStyle0 = guxSkipNavigationItemCss;
 
 const GuxSkipNavigationItem = class {
@@ -12,7 +12,7 @@ const GuxSkipNavigationItem = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'a8b0b7347eac62652b13c9338888aab1d7894252', role: "listitem" }, index.h("slot", { key: '3f62e9008a9a40e9a83c84c6ff950dcbc71e4d0e' })));
+        return (index.h(index.Host, { key: '4c569b814e1470c5a145fc2b9cca20eaf2c1c474', role: "listitem" }, index.h("slot", { key: '1b15955f2536eaa0f81cab121f9e8389e0fd5f76' })));
     }
     static get delegatesFocus() { return true; }
 };

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const index$1 = require('./index-16a4179e.js');
-const usage = require('./usage-43072083.js');
+const index$1 = require('./index-643c40f5.js');
+const usage = require('./usage-86f0618f.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const navigationName = "Skip links navigation";
@@ -24,7 +24,7 @@ const GuxSkipNavigationList = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '4df452a56a43d87e1cf8838f45c48b270db5b9a1', class: "gux-container" }, index.h("nav", { key: 'fc919e9b56aa696dea3e788ecd0623cfe2281bb6', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '260e45a4936e39e5b5ad81f27fd66379f34e850f', role: "list" }, index.h("slot", { key: '8d8e2ccdd9dfd4e862a2ba2a71137add4bb903fe' })))));
+        return (index.h("div", { key: '31931a8040491d2c6f3c8acd48c7a7add61d857f', class: "gux-container" }, index.h("nav", { key: '44ce55d65c249095ce584f65e02d8326679f4914', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: 'fc59ff19be768f050705c3c075566b32b9cff739', role: "list" }, index.h("slot", { key: 'fd96890a121c2b4a794218f8c9611af8e8ae337c' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-sort-control.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const index$1 = require('./index-16a4179e.js');
-const usage = require('./usage-43072083.js');
+const index$1 = require('./index-643c40f5.js');
+const usage = require('./usage-86f0618f.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const onMutation = require('./on-mutation-d800434a.js');
 const en = require('./en-807a354e.js');
@@ -108,13 +108,13 @@ const GuxSortControl = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'b5c31b76f0650c99660b82ba7e138c2ffe73d862', class: "gux-container" }, index.h("button", { key: 'ddc6555222b297512fa7fcbf56dd84ba3606b5e7', class: {
+        return (index.h("div", { key: '40e7c8d9a0d796d49f79e8dd7782f506a00e9e19', class: "gux-container" }, index.h("button", { key: '82380f87e757ffb8c92dabf3739fe672ab9e0e7a', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: 'de397bdbc0d505b29c5d4d2be63055230acb013e', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: '11ed94c01a3550ce69702331176486410855afe7', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: 'ba4556d977a969d7b07e362373a020b8614b1bb8', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: 'cfee77d16c9deaf5bd9b355d4bb6605a9213eebd', class: "gux-resize-spacer" })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -146,13 +146,13 @@ const GuxSubmenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'eab7a3616ec0b1f59b526674466eb1329aa163ee' }, index.h("button", { key: '941e9461e99b14a6cfe379049fdfcaea7db69ca0', type: "button", class: {
+        return (index.h(index.Host, { key: '1bb30d8045366579b327f32f954d64c3360efa11' }, index.h("button", { key: '250c1b657beb520885a0493710e8d95f77f5b665', type: "button", class: {
                 'gux-submenu-button': true,
                 'gux-submenu-button-active': this.isShown
-            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, index.h("span", { key: '726ed8a7db7dc1d1d993a42978017516b0b24fa7', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: '6447bf5b5b941539ffc7fd2ede2c193ccc94c8a7', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: 'b5099f4dfd9462a93ef267788f9224fd9948bd2f', ref: el => (this.submenuElement = el), class: {
+            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, index.h("span", { key: 'f90df17dd3319c396dfc2e8f534b593e705155ae', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: '8f160feb2f71d3dc81d85fda8a69b0c96501919d', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: '14ce7670127c3fedbd84495d2aa30b16a20ecee4', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, index.h("div", { key: 'eaa64209b6c04de5cfd0983a805637c92f383346', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: 'f77cd8a4af7fc8e0050ce82ae083bae96320780b' })))));
+            } }, index.h("div", { key: 'a10887b4f33703674550e3c68a03e11492dd55cb', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: 'd4d85a52e5d24b1afc5a86de8a6f8044de2e63f0' })))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 
-const guxSwitchItemCss = "gux-switch-item>.gux-switch-item{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);font:unset;color:#2e394c;text-align:center;background:none;border:none;outline:none}gux-switch-item>.gux-switch-item>gux-icon svg{fill:#99a4b8}gux-switch-item[disabled]{pointer-events:none;opacity:0.5}gux-switch-item.gux-selected{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-bold-fontWeight)}gux-switch-legacy>gux-switch-item .gux-switch-item{padding:0 8px 4px;border-bottom:1px solid #e2e6ee}gux-switch-legacy>gux-switch-item .gux-switch-item:focus-visible,gux-switch-legacy>gux-switch-item .gux-switch-item:hover{padding:0 8px 1px;border-bottom:4px solid #2a60c8}gux-switch-legacy>gux-switch-item .gux-switch-item:focus-visible>gux-icon svg,gux-switch-legacy>gux-switch-item .gux-switch-item:hover>gux-icon svg{fill:#2e394c}gux-switch-legacy>gux-switch-item .gux-switch-item:focus-visible{outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:2px}gux-switch-legacy>gux-switch-item .gux-switch-item>gux-icon{width:32px;height:32px}gux-switch-legacy>gux-switch-item.gux-selected .gux-switch-item{padding:0 8px 1px;border-bottom:4px solid #2a60c8}gux-switch-legacy>gux-switch-item.gux-selected .gux-switch-item>gux-icon svg{fill:#2e394c}gux-switch-legacy.gux-small>gux-switch-item .gux-switch-item{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);padding:0 4px;border-bottom:1px solid #e2e6ee}gux-switch-legacy.gux-small>gux-switch-item .gux-switch-item:focus-visible,gux-switch-legacy.gux-small>gux-switch-item .gux-switch-item:hover{border-bottom-color:#2e394c}gux-switch-legacy.gux-small>gux-switch-item .gux-switch-item>gux-icon{width:24px;height:24px}gux-switch-legacy.gux-small>gux-switch-item.gux-selected .gux-switch-item{border-bottom-color:#2e394c}";
+const guxSwitchItemCss = "gux-switch-item>.gux-switch-item{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);font:unset;color:#2e394c;text-align:center;background:none;border:none;outline:none}gux-switch-item>.gux-switch-item>gux-icon svg{fill:#99a4b8}gux-switch-item[disabled]{pointer-events:none;opacity:0.5}gux-switch-item.gux-selected{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-bold-fontWeight)}gux-switch-legacy>gux-switch-item .gux-switch-item{padding:0 8px 4px;border-bottom:1px solid #e2e6ee}gux-switch-legacy>gux-switch-item .gux-switch-item:focus-visible,gux-switch-legacy>gux-switch-item .gux-switch-item:hover{padding:0 8px 1px;border-bottom:4px solid #2a60c8}gux-switch-legacy>gux-switch-item .gux-switch-item:focus-visible>gux-icon svg,gux-switch-legacy>gux-switch-item .gux-switch-item:hover>gux-icon svg{fill:#2e394c}gux-switch-legacy>gux-switch-item .gux-switch-item:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:2px}gux-switch-legacy>gux-switch-item .gux-switch-item>gux-icon{width:32px;height:32px}gux-switch-legacy>gux-switch-item.gux-selected .gux-switch-item{padding:0 8px 1px;border-bottom:4px solid #2a60c8}gux-switch-legacy>gux-switch-item.gux-selected .gux-switch-item>gux-icon svg{fill:#2e394c}gux-switch-legacy.gux-small>gux-switch-item .gux-switch-item{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);padding:0 4px;border-bottom:1px solid #e2e6ee}gux-switch-legacy.gux-small>gux-switch-item .gux-switch-item:focus-visible,gux-switch-legacy.gux-small>gux-switch-item .gux-switch-item:hover{border-bottom-color:#2e394c}gux-switch-legacy.gux-small>gux-switch-item .gux-switch-item>gux-icon{width:24px;height:24px}gux-switch-legacy.gux-small>gux-switch-item.gux-selected .gux-switch-item{border-bottom-color:#2e394c}";
 const GuxSwitchItemStyle0 = guxSwitchItemCss;
 
 const GuxSwitchItem = class {
@@ -20,7 +20,7 @@ const GuxSwitchItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '133d94047c697ca14556e11b7fff787464f4a35f', class: { 'gux-selected': this.selected } }, index.h("button", { key: '765a3a84a4481fb8a0b13138248ef2c802c13307', type: "button", class: "gux-switch-item", disabled: this.disabled }, index.h("slot", { key: '1656c412e5a4ab60c0dd0375a539a8da63e68f2b' }))));
+        return (index.h(index.Host, { key: 'a370b8e9fd77aff200f82238359e6f94bc3afe65', class: { 'gux-selected': this.selected } }, index.h("button", { key: '3f8466bd5898cd5be1acce818c47473a25ef78c1', type: "button", class: "gux-switch-item", disabled: this.disabled }, index.h("slot", { key: '2a73895bb45d7b4e061105903151b8356faab372' }))));
     }
 };
 GuxSwitchItem.style = GuxSwitchItemStyle0;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-86f0618f.js');
 
 const guxSwitchCss = ":host{display:flex;align-items:flex-end}";
 const GuxSwitchLegacyStyle0 = guxSwitchCss;
@@ -37,7 +37,7 @@ const GuxSwitch = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'a6ffdebe3ee02f5020d9a8c8deeb6079b500ed52', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: '0c648e6832cdb40a1328f4b3c745ce7b2cdfb60d', onSlotchange: this.slotChanged.bind(this) })));
+        return (index.h(index.Host, { key: '0d02d7d3e6ff12674619c15f3b8a3804ee51ef3f', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: 'ad81b29af5e086d3aae3ba97cdf350763703120f', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -6,12 +6,12 @@ const index$1 = require('./index-79505d14.js');
 const onMutation = require('./on-mutation-9b997891.js');
 const eventIsFrom = require('./event-is-from-3ab90a6c.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const index$2 = require('./index-16a4179e.js');
+const index$2 = require('./index-643c40f5.js');
 const en = require('./en-85604f0f.js');
 require('./get-closest-element-9e41d6b9.js');
 
 /**!
- * Sortable 1.15.3
+ * Sortable 1.15.6
  * @author	RubaXa   <trash@rubaxa.org>
  * @author	owenm    <owen23355@gmail.com>
  * @license MIT
@@ -115,7 +115,7 @@ function _objectWithoutProperties(source, excluded) {
   return target;
 }
 
-var version = "1.15.3";
+var version = "1.15.6";
 
 function userAgent(pattern) {
   if (typeof window !== 'undefined' && window.navigator) {
@@ -1094,7 +1094,8 @@ function Sortable(el, options) {
       x: 0,
       y: 0
     },
-    supportPointer: Sortable.supportPointer !== false && 'PointerEvent' in window && !Safari,
+    // Disabled on Safari: #1571; Enabled on Safari IOS: #2244
+    supportPointer: Sortable.supportPointer !== false && 'PointerEvent' in window && (!Safari || IOS),
     emptyInsertThreshold: 5
   };
   PluginManager.initializePlugins(this, el, defaults);
@@ -1205,7 +1206,7 @@ Sortable.prototype = /** @lends Sortable.prototype */{
         pluginEvent('filter', _this, {
           evt: evt
         });
-        preventOnFilter && evt.cancelable && evt.preventDefault();
+        preventOnFilter && evt.preventDefault();
         return; // cancel dnd
       }
     } else if (filter) {
@@ -1227,7 +1228,7 @@ Sortable.prototype = /** @lends Sortable.prototype */{
         }
       });
       if (filter) {
-        preventOnFilter && evt.cancelable && evt.preventDefault();
+        preventOnFilter && evt.preventDefault();
         return; // cancel dnd
       }
     }
@@ -1299,9 +1300,15 @@ Sortable.prototype = /** @lends Sortable.prototype */{
       on(ownerDocument, 'dragover', nearestEmptyInsertDetectEvent);
       on(ownerDocument, 'mousemove', nearestEmptyInsertDetectEvent);
       on(ownerDocument, 'touchmove', nearestEmptyInsertDetectEvent);
-      on(ownerDocument, 'mouseup', _this._onDrop);
-      on(ownerDocument, 'touchend', _this._onDrop);
-      on(ownerDocument, 'touchcancel', _this._onDrop);
+      if (options.supportPointer) {
+        on(ownerDocument, 'pointerup', _this._onDrop);
+        // Native D&D triggers pointercancel
+        !this.nativeDraggable && on(ownerDocument, 'pointercancel', _this._onDrop);
+      } else {
+        on(ownerDocument, 'mouseup', _this._onDrop);
+        on(ownerDocument, 'touchend', _this._onDrop);
+        on(ownerDocument, 'touchcancel', _this._onDrop);
+      }
 
       // Make dragEl draggable (must be before delay for FireFox)
       if (FireFox && this.nativeDraggable) {
@@ -1321,9 +1328,14 @@ Sortable.prototype = /** @lends Sortable.prototype */{
         // If the user moves the pointer or let go the click or touch
         // before the delay has been reached:
         // disable the delayed drag
-        on(ownerDocument, 'mouseup', _this._disableDelayedDrag);
-        on(ownerDocument, 'touchend', _this._disableDelayedDrag);
-        on(ownerDocument, 'touchcancel', _this._disableDelayedDrag);
+        if (options.supportPointer) {
+          on(ownerDocument, 'pointerup', _this._disableDelayedDrag);
+          on(ownerDocument, 'pointercancel', _this._disableDelayedDrag);
+        } else {
+          on(ownerDocument, 'mouseup', _this._disableDelayedDrag);
+          on(ownerDocument, 'touchend', _this._disableDelayedDrag);
+          on(ownerDocument, 'touchcancel', _this._disableDelayedDrag);
+        }
         on(ownerDocument, 'mousemove', _this._delayedDragTouchMoveHandler);
         on(ownerDocument, 'touchmove', _this._delayedDragTouchMoveHandler);
         options.supportPointer && on(ownerDocument, 'pointermove', _this._delayedDragTouchMoveHandler);
@@ -1349,6 +1361,8 @@ Sortable.prototype = /** @lends Sortable.prototype */{
     off(ownerDocument, 'mouseup', this._disableDelayedDrag);
     off(ownerDocument, 'touchend', this._disableDelayedDrag);
     off(ownerDocument, 'touchcancel', this._disableDelayedDrag);
+    off(ownerDocument, 'pointerup', this._disableDelayedDrag);
+    off(ownerDocument, 'pointercancel', this._disableDelayedDrag);
     off(ownerDocument, 'mousemove', this._delayedDragTouchMoveHandler);
     off(ownerDocument, 'touchmove', this._delayedDragTouchMoveHandler);
     off(ownerDocument, 'pointermove', this._delayedDragTouchMoveHandler);
@@ -1369,7 +1383,6 @@ Sortable.prototype = /** @lends Sortable.prototype */{
     }
     try {
       if (document.selection) {
-        // Timeout neccessary for IE9
         _nextTick(function () {
           document.selection.empty();
         });
@@ -1591,6 +1604,7 @@ Sortable.prototype = /** @lends Sortable.prototype */{
     _this._dragStartId = _nextTick(_this._dragStarted.bind(_this, fallback, evt));
     on(document, 'selectstart', _this);
     moved = true;
+    window.getSelection().removeAllRanges();
     if (Safari) {
       css(document.body, 'user-select', 'none');
     }
@@ -1862,6 +1876,7 @@ Sortable.prototype = /** @lends Sortable.prototype */{
     off(ownerDocument, 'mouseup', this._onDrop);
     off(ownerDocument, 'touchend', this._onDrop);
     off(ownerDocument, 'pointerup', this._onDrop);
+    off(ownerDocument, 'pointercancel', this._onDrop);
     off(ownerDocument, 'touchcancel', this._onDrop);
     off(document, 'selectstart', this);
   },
@@ -3076,7 +3091,7 @@ const GuxTabAdvancedList = class {
     render() {
         return [
             this.renderAlert(),
-            index$1.h("div", { key: '768310fac97f197a936f489d2cd7b70b10edb678', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: '9bc1ae9487ffe2cdbcee09dd27ad2b4f53450c61', class: "gux-scrollable-section" }, index$1.h("div", { key: '6a10f29e06b948ad82b9644285d5e08a1d2af8c0', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: '6fd99216f3cf4214fcbc919b408afda63b26ec64' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            index$1.h("div", { key: '85fa55bdd0d2c662ff8d4e85c92a1559be1a69b5', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: '7740951efbb43141d9c7e53861cd66762ccdaf47', class: "gux-scrollable-section" }, index$1.h("div", { key: '5d35759735399f84ab690675a82b3aa41e627b87', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: 'cc2962d4ccf765b80ef58ba3a23786dcfa944c2a' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
         ];
     }
     renderAlert() {
@@ -3092,7 +3107,7 @@ const GuxTabAdvancedList = class {
                     : this.i18n('createNewTab') }))))) : null));
     }
     renderScrollButton(direction) {
-        return (index$1.h("div", null, this.hasScrollbar ? (index$1.h("gux-button-slot", { class: "gux-scroll-button", accent: "ghost" }, index$1.h("button", { tabindex: "-1", onDragOver: () => this.getScrollDirection(direction), onClick: () => this.getScrollDirection(direction) }, index$1.h("gux-icon", { "icon-name": this.getChevronIconName(direction), "screenreader-text": this.i18n(direction) })))) : null));
+        return (index$1.h("div", null, this.hasScrollbar ? (index$1.h("gux-button-slot", { class: "gux-scroll-button", accent: "ghost", "icon-only": true }, index$1.h("button", { tabindex: "-1", onDragOver: () => this.getScrollDirection(direction), onClick: () => this.getScrollDirection(direction) }, index$1.h("gux-icon", { "icon-name": this.getChevronIconName(direction), "screenreader-text": this.i18n(direction) })))) : null));
     }
     getScrollDirection(direction) {
         switch (direction) {

package/dist/cjs/gux-tab-advanced-panel.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 
-const guxTabAdvancedPanelCss = "gux-tab-advanced-panel .gux-tabpanel:focus{outline:none}gux-tab-advanced-panel .gux-tabpanel:focus-visible{outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset)}";
+const guxTabAdvancedPanelCss = "gux-tab-advanced-panel .gux-tabpanel:focus{outline:none}gux-tab-advanced-panel .gux-tabpanel:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}";
 const GuxTabAdvancedPanelStyle0 = guxTabAdvancedPanelCss;
 
 const GuxTabAdvancedPanel = class {
@@ -24,7 +24,7 @@ const GuxTabAdvancedPanel = class {
         }
     }
     render() {
-        return (index.h("div", { key: '2b72fd9865bf11a5a685f25ff2e6f55d23a80809', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, index.h("slot", { key: 'b37c5485ff2db950a49bfc2a8809ddf960d2fe95' })));
+        return (index.h("div", { key: '96062a242436b0a7abf2ecf45659c8f003817585', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, index.h("slot", { key: '369048ef2d4b849aa556415a3e705d7b43a7c1d7' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

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

@@ -6,11 +6,11 @@ const index = require('./index-79505d14.js');
 const eventIsFrom = require('./event-is-from-3ab90a6c.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const index$1 = require('./index-16a4179e.js');
+const index$1 = require('./index-643c40f5.js');
 const en = require('./en-85604f0f.js');
 require('./get-closest-element-9e41d6b9.js');
 
-const guxTabAdvancedCss = "gux-tab-advanced .gux-tab{display:flex;align-items:center;border-color:transparent;border-block-start-width:var(--gse-ui-advancedTabs-item-indicator-height);border-block-end-style:solid;border-block-end-width:var(--gse-ui-advancedTabs-item-indicator-height)}gux-tab-advanced .gux-tab .gux-buttons{display:flex;flex:1 1 0;gap:var(--gse-ui-advancedTabs-item-gap);align-items:center;inline-size:var(--gse-ui-advancedTabs-item-width);min-inline-size:0}gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button{all:unset;flex:1 1 0;inline-size:100px;min-inline-size:0;padding:var(--gse-ui-advancedTabs-item-padding)}gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button:focus-visible{outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-ui-advancedTabs-item-focus-borderRadius);outline-offset:calc(-1 * var(--gse-semantic-focusOutline-md-borderWidth))}gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button .gux-tab-button-text{font-family:var(--gse-ui-advancedTabs-item-itemText-fontFamily);font-size:var(--gse-ui-advancedTabs-item-itemText-fontSize);font-weight:var(--gse-ui-advancedTabs-item-itemText-fontWeight);line-height:var(--gse-ui-advancedTabs-item-itemText-lineHeight);color:var(--gse-ui-advancedTabs-item-text-color);white-space:nowrap}gux-tab-advanced .gux-tab .gux-tab-options .gux-tab-options-trigger gux-icon{inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}gux-tab-advanced .gux-tab .gux-tab-options .gux-tab-options-container{--no-op:none}gux-tab-advanced .gux-tab .gux-divider{inline-size:var(--gse-ui-advancedTabs-item-divider-right-width);block-size:var(--gse-ui-advancedTabs-item-divider-right-height);background-color:var(--gse-ui-advancedTabs-divider-dividerColor)}gux-tab-advanced .gux-tab:hover:not(.gux-disabled),gux-tab-advanced .gux-tab:focus-within{border-block-end-color:var(--gse-ui-advancedTabs-item-indicator-activeColor)}gux-tab-advanced .gux-tab.gux-selected{background-color:var(--gse-ui-advancedTabs-item-backgroundColor);border-block-end-color:var(--gse-ui-advancedTabs-item-indicator-activeColor)}gux-tab-advanced .gux-tab.gux-selected.gux-disabled{border-block-end-color:color-mix(in srgb, var(--gse-ui-advancedTabs-item-indicator-activeColor) 50%, white)}gux-tab-advanced .gux-tab.gux-disabled .gux-buttons .gux-tab-button .gux-tab-button-text{color:color-mix(in srgb, var(--gse-ui-advancedTabs-item-text-color) 50%, white)}";
+const guxTabAdvancedCss = "gux-tab-advanced .gux-tab{display:flex;align-items:center;border-color:transparent;border-block-start-width:var(--gse-ui-advancedTabs-item-indicator-height);border-block-end-style:solid;border-block-end-width:var(--gse-ui-advancedTabs-item-indicator-height)}gux-tab-advanced .gux-tab .gux-buttons{display:flex;flex:1 1 0;gap:var(--gse-ui-advancedTabs-item-gap);align-items:center;inline-size:var(--gse-ui-advancedTabs-item-width);min-inline-size:0}gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button{all:unset;flex:1 1 0;inline-size:100px;min-inline-size:0;padding:var(--gse-ui-advancedTabs-item-padding)}gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-ui-advancedTabs-item-focus-borderRadius);outline-offset:calc(-1 * var(--gse-semantic-focusOutline-md-borderWidth))}gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button .gux-tab-button-text{font-family:var(--gse-ui-advancedTabs-item-itemText-fontFamily);font-size:var(--gse-ui-advancedTabs-item-itemText-fontSize);font-weight:var(--gse-ui-advancedTabs-item-itemText-fontWeight);line-height:var(--gse-ui-advancedTabs-item-itemText-lineHeight);color:var(--gse-ui-advancedTabs-item-text-color);white-space:nowrap}gux-tab-advanced .gux-tab .gux-tab-options .gux-tab-options-trigger gux-icon{inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}gux-tab-advanced .gux-tab .gux-tab-options .gux-tab-options-container{--no-op:none}gux-tab-advanced .gux-tab .gux-divider{inline-size:var(--gse-ui-advancedTabs-item-divider-right-width);block-size:var(--gse-ui-advancedTabs-item-divider-right-height);background-color:var(--gse-ui-advancedTabs-divider-dividerColor)}gux-tab-advanced .gux-tab:hover:not(.gux-disabled),gux-tab-advanced .gux-tab:focus-within{border-block-end-color:var(--gse-ui-advancedTabs-item-indicator-activeColor)}gux-tab-advanced .gux-tab.gux-selected{background-color:var(--gse-ui-advancedTabs-item-backgroundColor);border-block-end-color:var(--gse-ui-advancedTabs-item-indicator-activeColor)}gux-tab-advanced .gux-tab.gux-selected.gux-disabled{border-block-end-color:color-mix(in srgb, var(--gse-ui-advancedTabs-item-indicator-activeColor) 50%, white)}gux-tab-advanced .gux-tab.gux-disabled .gux-buttons .gux-tab-button .gux-tab-button-text{color:color-mix(in srgb, var(--gse-ui-advancedTabs-item-text-color) 50%, white)}";
 const GuxTabAdvancedStyle0 = guxTabAdvancedCss;
 
 const GuxTabAdvanced = class {
@@ -159,12 +159,12 @@ const GuxTabAdvanced = class {
     }
     render() {
         return [
-            index.h("div", { key: '0cd834e55915955c37413d580f453db7db786b98', class: {
+            index.h("div", { key: 'c6cbf59b60814f0c870518a6ad2458722da72ecb', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, index.h("div", { key: 'c44e08fe5b29f2721db1a50cd732201d4698e121', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: '5da8e563bf45405cf0735629474ef3345ce35e01', class: "gux-divider" }))
+                } }, index.h("div", { key: '6e8c619352d7b0a9523c0dccc7b437c65fa94ec7', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: '3f57085651a17804ad3534569649a0bddf27a78d', class: "gux-divider" }))
         ];
     }
     get root() { return index.getElement(this); }

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const index$1 = require('./index-16a4179e.js');
+const index$1 = require('./index-643c40f5.js');
 const onMutation = require('./on-mutation-9b997891.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -19,7 +19,7 @@ const tabsResources = {
 	scrollDown: scrollDown
 };
 
-const guxTabListCss = "gux-tabs[orientation=vertical]{block-size:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container{display:flex;flex-direction:column;inline-size:var(--gse-ui-tabs-set-vertical-width);block-size:100%;margin-inline-end:var(--gse-ui-tabs-set-vertical-marginRight);border-inline-end:var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scroll-button-container{inline-size:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scroll-button-container button{inline-size:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scrollable-section{flex-direction:column;block-size:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scrollable-section::-webkit-scrollbar{inline-size:0;block-size:0}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab-container{block-size:var(--gse-ui-tabs-set-horizontal-height);margin-block-end:var(--gse-ui-tabs-set-horizontal-marginBottom);border-block-end:var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-scrollable-section{overflow-x:auto}gux-tabs .gux-tab-container{box-sizing:content-box;display:flex;inline-size:100%;overflow:hidden;background-color:transparent}gux-tabs .gux-scrollable-section{display:flex;flex:1 1 auto;scroll-behavior:smooth;scrollbar-width:none}gux-tabs .gux-scrollable-section::-webkit-scrollbar{block-size:0}gux-tabs .gux-scroll-button-container{display:flex;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button{display:flex;align-items:center;justify-content:center;inline-size:28px;block-size:40px;color:#202937;cursor:pointer;background-color:#e2e6ee;border:none;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button gux-icon{inline-size:16px;block-size:16px}gux-tabs .gux-scroll-button-container .gux-scroll-button:hover:not(:disabled){background-color:#d7dce5}gux-tabs .gux-scroll-button-container .gux-scroll-button:active:not(:disabled){background-color:#d2d8e5}gux-tabs .gux-scroll-button-container .gux-scroll-button:disabled{cursor:default;opacity:0.5}";
+const guxTabListCss = "gux-tabs[orientation=vertical]{block-size:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container{display:flex;flex-direction:column;inline-size:var(--gse-ui-tabs-set-vertical-width);block-size:100%;margin-inline-end:var(--gse-ui-tabs-set-vertical-marginRight);border-inline-end:var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scroll-button-container{inline-size:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scroll-button-container button{inline-size:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scrollable-section{flex-direction:column;block-size:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scrollable-section::-webkit-scrollbar{inline-size:0;block-size:0}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab-container{block-size:var(--gse-ui-tabs-set-horizontal-height);margin-block-end:var(--gse-ui-tabs-set-horizontal-marginBottom);border-block-end:var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-scrollable-section{overflow-x:auto}gux-tabs .gux-tab-container{box-sizing:content-box;display:flex;inline-size:100%;overflow:hidden;background-color:transparent}gux-tabs .gux-scrollable-section{display:flex;flex:1 1 auto;scroll-behavior:smooth;scrollbar-width:none}gux-tabs .gux-scrollable-section::-webkit-scrollbar{block-size:0}gux-tabs .gux-scroll-button-container{display:flex;align-items:center;justify-content:center;block-size:100%;background-color:var(--gse-ui-advancedTabs-set-backgroundColor);border-radius:var(--gse-ui-button-borderRadius)}gux-tabs .gux-scroll-button-container gux-button-slot{block-size:100%}gux-tabs .gux-scroll-button-container button{display:flex;align-items:center;block-size:100%}";
 const GuxTabListStyle0 = guxTabListCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -283,14 +283,14 @@ const GuxTabList = class {
         });
     }
     render() {
-        return (index.h("div", { key: 'cf5c63030572f78864494854583ee9bd19f0a870', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (index.h("div", { key: '953964238ed13c0293b02c88941c2a5e7e78b747', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), index.h("div", { key: '5c574060a3edb332b9ffa3a7113f539432e2fa95', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: 'f9a2be9ad993fbc8715700a5171e11329616fb29' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), index.h("div", { key: '68a4036f630f927d034e713232637135376a0abf', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: 'ce98ee72a659cd2fef333c0d23c3b33c02270509' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }
     renderScrollButton(direction) {
-        return (index.h("div", { class: "gux-scroll-button-container" }, this.hasHorizontalScrollbar || this.hasVerticalScrollbar ? (index.h("button", { disabled: this.getButtonDisabled(direction), tabindex: "-1", title: this.i18n(direction), "aria-label": this.i18n(direction), class: "gux-scroll-button", onClick: () => this.getScrollDirection(direction) }, index.h("gux-icon", { "icon-name": this.getChevronIconName(direction), decorative: true }))) : null));
+        return (index.h("div", { class: "gux-scroll-button-container" }, this.hasHorizontalScrollbar || this.hasVerticalScrollbar ? (index.h("gux-button-slot", { accent: "ghost", "icon-only": true }, index.h("button", { class: "gux-scroll-button", disabled: this.getButtonDisabled(direction), tabindex: "-1", title: this.i18n(direction), "aria-label": this.i18n(direction), onClick: () => this.getScrollDirection(direction) }, index.h("gux-icon", { "icon-name": this.getChevronIconName(direction), decorative: true, size: "small" })))) : null));
     }
     getButtonDisabled(direction) {
         switch (direction) {

package/dist/cjs/gux-tab-panel.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 
-const guxTabPanelCss = ":host{block-size:calc(100% - var(--gse-ui-tabs-set-horizontal-height)var(--gse-ui-tabs-set-divider-horizontal-height)var(--gse-ui-tabs-set-horizontal-marginBottom))}:host(:not([hidden])){flex:1 1 auto}:host(:focus){outline:none}:host(:focus-visible){outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset)}";
+const guxTabPanelCss = ":host{block-size:calc(100% - var(--gse-ui-tabs-set-horizontal-height)var(--gse-ui-tabs-set-divider-horizontal-height)var(--gse-ui-tabs-set-horizontal-marginBottom))}:host(:not([hidden])){flex:1 1 auto}:host(:focus){outline:none}:host(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}";
 const GuxTabPanelStyle0 = guxTabPanelCss;
 
 const GuxTabPanel = class {
@@ -24,7 +24,7 @@ const GuxTabPanel = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'cdefa69dbe35c2153d09dbb5271032f1a1b89144', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: '5f3eef976ce660910e09cc8830afef18345e7bec' })));
+        return (index.h(index.Host, { key: '72fce9122c2e3193c039fd3285b866b2094c8fda', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: '1da2e1c1701bba8e787fb03555c2be62dba480e1' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

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

@@ -41,11 +41,11 @@ const GuxTab = class {
         return this.active;
     }
     render() {
-        return (index.h("button", { key: '5e43ebbc5a71624336d5a794982f26bcb51e2af2', class: {
+        return (index.h("button", { key: 'aa3bcc806dfa47bf474cee961b5f2277951807c4', class: {
                 'gux-disabled': this.guxDisabled,
                 'gux-tab': true,
                 'gux-active': this.active
-            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, index.h("gux-tooltip-title", { key: '305915143f8e6be69dbb0268deeaccc8026101f2', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '8f7aa3b5a1345a470c935b25b6881355d18c47fb' }, index.h("slot", { key: 'b30fe19758c40a8be168f239a78d36b72ffe6999' })))));
+            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, index.h("gux-tooltip-title", { key: 'c3d599184164cdf77815073d05c92b5604368dc9', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '6a31596ec74a12ed9a8caa1d1067baa2323110fb' }, index.h("slot", { key: '5732f8fd528af4ab78a91d6c2adec0a36b89dd45' })))));
     }
 };
 GuxTab.style = GuxTabStyle0;