genesys-spark-components 4.67.0 → 4.68.0

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-d382fd1a.js');
+const usage = require('./usage-103c4679.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const tag = "tag with label: {label}";
@@ -69,7 +69,7 @@ const GuxTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (index.h("div", { key: '068a02d8d6b4b64c04d4bad34603c72a19ba8338', class: {
+        return (index.h("div", { key: 'c7bfc2852f079f1b76e8bd03078d979350c68ac3', class: {
                 'gux-tag': true,
                 [`gux-accent-${this.accent}`]: true,
                 'gux-disabled': this.disabled,

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-d382fd1a.js');
+const usage = require('./usage-103c4679.js');
 
 const conversion = /[ +]/g;
 const expressions = new Map();

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-d382fd1a.js');
+const usage = require('./usage-103c4679.js');
 const getValidTimezone = require('./get-valid-timezone-52eac7fa.js');
 const useRegionalDates = require('./use-regional-dates-34243a86.js');
 const index$1 = require('./index-a1a48d79.js');

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

@@ -7,7 +7,7 @@ const onClickOutside = require('./on-click-outside-6db914c3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const index = require('./index-a1a48d79.js');
-const usage = require('./usage-d382fd1a.js');
+const usage = require('./usage-103c4679.js');
 const useRegionalDates = require('./use-regional-dates-34243a86.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -389,7 +389,7 @@ const GuxTimePicker = class {
         return (index$1.h("div", { slot: "popup", class: "gux-list-container", onKeyDown: (e) => this.onListKeyDown(e) }, index$1.h("gux-list", { ref: el => (this.listElement = el) }, this.renderTimeListItems())));
     }
     render() {
-        return (index$1.h("gux-popup", { key: '0a5cff6c7c7646c518c28c733ebb83810afc4351', class: {
+        return (index$1.h("gux-popup", { key: 'c477dc43f9d65a0b9596f2bdde0d1e50e6a9cdfa', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-d382fd1a.js');
+const usage = require('./usage-103c4679.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-d382fd1a.js');
+const usage = require('./usage-103c4679.js');
 const hasSlot = require('./has-slot-3edae188.js');
 
 const guxToastCss = ".gux-toast{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-gap);place-content:stretch flex-start;align-items:flex-start;width:var(--gse-ui-toast-wrappingWidth);padding:var(--gse-ui-toast-margin);margin-bottom:var(--gse-ui-toast-stacking-gap);border-radius:var(--gse-ui-toast-borderRadius);box-shadow:var(--gse-ui-toast-boxShadow-x) var(--gse-ui-toast-boxShadow-y) var(--gse-ui-toast-boxShadow-blur) var(--gse-ui-toast-boxShadow-spread) var(--gse-ui-toast-boxShadow-color)}.gux-toast .gux-icon ::slotted(gux-icon){width:var(--gse-ui-toast-icon) !important;height:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon gux-icon{width:var(--gse-ui-toast-icon) !important;height:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon.gux-icon-error{color:var(--gse-ui-toast-error-iconColor)}.gux-toast .gux-icon.gux-icon-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-toast .gux-icon.gux-icon-success{color:var(--gse-ui-toast-success-iconColor)}.gux-toast .gux-icon.gux-icon-info{color:var(--gse-ui-toast-info-iconColor)}.gux-toast .gux-icon.gux-icon-action{color:var(--gse-ui-toast-action-iconColor)}.gux-toast .gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-toast-gapButton);place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0}.gux-toast .gux-content .gux-message{display:flex;flex-direction:column;gap:var(--gse-ui-toast-gapText)}.gux-toast .gux-content .gux-message .gux-message-title{font-family:var(--gse-ui-toast-heading-fontFamily);font-size:var(--gse-ui-toast-heading-fontSize);font-weight:var(--gse-ui-toast-heading-fontWeight);line-height:var(--gse-ui-toast-heading-lineHeight)}.gux-toast .gux-content .gux-message .gux-message-body{font-family:var(--gse-ui-toast-text-fontFamily);font-size:var(--gse-ui-toast-text-fontSize);line-height:var(--gse-ui-toast-text-lineHeight)}.gux-toast .gux-content .gux-buttons-bar{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-buttonBar-gap);justify-content:flex-start}.gux-toast .gux-content .gux-buttons-bar ::slotted(a){font-family:var(--gse-ui-link-inLine-medium-underlinedText-fontFamily);font-size:var(--gse-ui-link-inLine-medium-underlinedText-fontSize);font-weight:var(--gse-ui-link-inLine-medium-underlinedText-fontWeight);line-height:var(--gse-ui-link-inLine-medium-underlinedText-lineHeight)}.gux-toast.gux-toast-success{background-color:var(--gse-ui-toast-success-backgroundColor)}.gux-toast.gux-toast-success .gux-message{color:var(--gse-ui-toast-success-foregroundColor)}.gux-toast.gux-toast-warning{background-color:var(--gse-ui-toast-warning-backgroundColor)}.gux-toast.gux-toast-warning .gux-message{color:var(--gse-ui-toast-warning-foregroundColor)}.gux-toast.gux-toast-error{background-color:var(--gse-ui-toast-error-backgroundColor)}.gux-toast.gux-toast-error .gux-message{color:var(--gse-ui-toast-error-foregroundColor)}.gux-toast.gux-toast-info{background-color:var(--gse-ui-toast-info-backgroundColor)}.gux-toast.gux-toast-info .gux-message{color:var(--gse-ui-toast-info-foregroundColor)}.gux-toast.gux-toast-action{background-color:var(--gse-ui-toast-action-backgroundColor)}.gux-toast.gux-toast-action .gux-message{color:var(--gse-ui-toast-action-foregroundColor)}";
@@ -45,9 +45,9 @@ const GuxToast = class {
         return (index.h("div", { class: "gux-buttons-bar" }, this.hasSecondaryButton && (index.h("gux-button-slot", null, index.h("slot", { name: "secondary-button" }))), index.h("gux-button-slot", { accent: this.hasSecondaryButton ? 'primary' : 'tertiary' }, index.h("slot", { name: "primary-button" }))));
     }
     render() {
-        return (index.h("div", { key: '33cb4d322c298497ff8a594612bcd9e06f77a437', class: `gux-toast gux-toast-${this.toastType}` }, index.h("div", { key: '0b45b82bbbdc94af6555906881742e2d228a0173', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), index.h("div", { key: 'e03727a8e5b62ee406dd14ab120e0c6e7b55f466', class: "gux-content" }, index.h("div", { key: 'f5e8fcf4b6b4d935a2e7ae62414dbdf5a9213633', class: "gux-message" }, index.h("gux-truncate", { key: '843aeee809eac4e11dc5ef26eff634200a6bb4ff', class: "gux-message-title", "max-lines": 1 }, index.h("slot", { key: '74c766c478ab65405716afd51b95aac5b15c3eb9', name: "title" })), index.h("gux-truncate", { key: 'a13a0efb5a147a22b54aecaa9dd6e55ee15b64e5', class: "gux-message-body", "max-lines": 2 }, index.h("slot", { key: '772b208a113e6d3df0e0e76badac7ef023a045de', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (index.h("div", { key: '2ff36cc627db9cd1e8299184058071cddd29772d', class: `gux-toast gux-toast-${this.toastType}` }, index.h("div", { key: 'ea1b4ab581190af174e87213b944051b26a72153', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), index.h("div", { key: '5a0fc8e801f98b8c7dc2d70e37afa44fea96c421', class: "gux-content" }, index.h("div", { key: '5333aafe5e9e08dab1e64bd69bf0e8f5b01204c0', class: "gux-message" }, index.h("gux-truncate", { key: '5e83fe7bce37531dfc9772c8841cf5b4d29c1cd0', class: "gux-message-title", "max-lines": 1 }, index.h("slot", { key: '388a113c86a5225444de00205f90222d2108a96a', name: "title" })), index.h("gux-truncate", { key: '70d33b0e613286633a923113ea66b90071a6da62', class: "gux-message-body", "max-lines": 2 }, index.h("slot", { key: '142f405d78ab66b329a489355fb2a72d1a816578', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), index.h("gux-dismiss-button", { key: '50a68ea0cf3d677d2a2d22f2d7b58fe550fd268e', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), index.h("gux-dismiss-button", { key: '0a81f23d1bb0caf6d8f41b782e4ad07ce767364a', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -30,12 +30,12 @@ const GuxToggleSlider = class {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (index.h("div", { key: 'c547131566934ffc498bf6e4ccb5d8cff2b4f9f7', class: {
+        return (index.h("div", { key: '94c0f7c75636bcd132cf47b0100f1f22c516b34b', class: {
                 'gux-toggle-slider': true,
                 'gux-checked': this.checked,
                 'gux-disabled': this.disabled,
                 'gux-error': isError
-            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, index.h("div", { key: '8e052ab5dd50b14f51af942aa053cbd98551d31c', class: "gux-slider" }, index.h("div", { key: 'cc122fed9e2d0aca680bde33f1d5ff7bd12bbace', class: "gux-switch" }, !isError && (index.h("gux-icon", { "icon-name": "fa/check-solid", decorative: true }))))));
+            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, index.h("div", { key: '7e23f5e381ab3144bd430304382593cf4586f83f', class: "gux-slider" }, index.h("div", { key: '63244a602d673ddbc1dff6ac09a4ca79536fa9c3', class: "gux-switch" }, !isError && (index.h("gux-icon", { "icon-name": "fa/check-solid", decorative: true }))))));
     }
 };
 GuxToggleSlider.style = GuxToggleSliderStyle0;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-d382fd1a.js');
+const usage = require('./usage-103c4679.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -85,11 +85,11 @@ const GuxToggle = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '31b943b4ee446d9e3b0bcea4457983df32c73a76', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: 'e7604cbb16bd02dd4532b26fdfcabf07e06df935', class: {
+        return (index.h(index.Host, { key: 'c12c165353a00963269e9e6885186ebf8e2d34ce', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: 'baefa8f82fbb5c1b1532d916c73e6d3a3c2b1d7c', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, index.h("div", { key: '940cb4d7be467b7c9d159d19d6e25332f99ed09b', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, index.h("gux-toggle-slider", { key: '86d1410b3ef094941ddf9cde120fa2b92344cc60', 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: '03eb905c880958479c64522a71d477a8554633df', ref: el => (this.announceElement = el) })));
+            } }, index.h("div", { key: '1675924ac9cb360889e231ba78c121d1b64e364f', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, index.h("gux-toggle-slider", { key: '545797c0360b20a29ae5eb7759be478f5b481236', 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: 'd3ce5ae35b192aeac18b4992755e312b010080e7', ref: el => (this.announceElement = el) })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-f8b4cd90.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-d382fd1a.js');
+const usage = require('./usage-103c4679.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 
 const guxTooltipBaseCss = ":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;width:max-content;max-width:250px;pointer-events:none;border-radius:var(--gse-ui-tooltip-borderRadius);box-shadow:var(--gse-ui-tooltip-boxShadow-x) var(--gse-ui-tooltip-boxShadow-y) var(--gse-ui-tooltip-boxShadow-blur) var(--gse-ui-tooltip-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color);opacity:0}:host(.gux-show){display:block;animation-name:fade-in;animation-duration:250ms;animation-delay:1s;animation-fill-mode:forwards}.gux-container{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-tooltip-gap);place-content:center flex-start;padding:var(--gse-ui-tooltip-padding);font-family:var(--gse-ui-tooltip-text-fontFamily);font-size:var(--gse-ui-tooltip-text-fontSize);font-weight:var(--gse-ui-tooltip-text-fontWeight);line-height:var(--gse-ui-tooltip-text-lineHeight);color:var(--gse-ui-tooltip-light-foregroundColor);background-color:var(--gse-ui-tooltip-light-backgroundColor);border:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-radius:var(--gse-ui-tooltip-borderRadius)}.gux-container ::slotted(gux-icon){align-self:center;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-tooltip-light-iconColor)}.gux-container ::slotted(*){width:100%;overflow-wrap:break-word;white-space:normal}.gux-container.gux-dark{color:var(--gse-ui-tooltip-dark-foregroundColor);background-color:var(--gse-ui-tooltip-dark-backgroundColor);border-color:var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark ::slotted(gux-icon){align-self:center;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-tooltip-dark-iconColor)}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";

package/dist/cjs/gux-tooltip-title.cjs.entry.js

@@ -129,10 +129,10 @@ const GuxTooltipTitle = class {
     }
     render() {
         return [
-            index.h("span", { key: '590814a2a8f0afb88bf1c942c2eb23b3491ec803', class: {
+            index.h("span", { key: 'c4c0daf70882a8cf330a85a7b3671e3193c1aa57', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, index.h("slot", { key: 'ff8eaa8cb1aa6035088360a235485ff054e10288' })),
+                } }, index.h("slot", { key: '48b2f759db1e2a3b82efffc4ad37fd49ada939ea' })),
             this.renderTooltip()
         ];
     }

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-f8b4cd90.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-d382fd1a.js');
+const usage = require('./usage-103c4679.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 
@@ -133,10 +133,10 @@ const GuxTooltip = class {
         this.disconnectForElement();
     }
     render() {
-        return (index.h(index.Host, { key: 'af78e37ba9f25700dbe177e4eb23e423769cd192', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, index.h("div", { key: '2c1930475146e66ccd8a22c06eebc461c945c2ea', class: {
+        return (index.h(index.Host, { key: 'd57009b6f714e81996e65eab6d0265787c6eac88', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, index.h("div", { key: '3198dc4aec412bf3be6f995a39ab0461316815a9', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, index.h("slot", { key: '450f4da18aa62481118654dbd182a0da86e5b508', name: "content" }, index.h("slot", { key: 'e6997c8097d306de14960fa7f6775495252f11eb' })))));
+            }, "data-placement": this.placement }, index.h("slot", { key: 'd3dbc7e07a27a39d40a69d183f665b7b0524aa87', name: "content" }, index.h("slot", { key: '9354092ceb1bc503c844b8111be52fdf8d8c02a0' })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -67,12 +67,12 @@ const GuxTruncate = class {
     }
     render() {
         var _a;
-        return (index.h("div", { key: '365eb81375052d7978300acde15726eeac601727', class: {
+        return (index.h("div", { key: 'a7f584166411c95306bd9b70b06bfc1cdd07cb82', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, index.h("span", { key: '44ef83a0f995779c50faf66b2a7d13fb4155d4af', class: {
+            } }, index.h("span", { key: 'd8882e412bd315cd36c5a2c2e882d95671190ff1', class: {
                 'gux-overflow-hidden': this.needsTruncation(),
                 'gux-truncate-slot-container': true
-            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, index.h("slot", { key: '9713803c6aac1a66072edb0d6c2475dc3c2649c7' })), this.renderTooltip()));
+            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, index.h("slot", { key: 'b55476299bed12aa63e8429aa5db3efc9a2c0266' })), this.renderTooltip()));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/{usage-d382fd1a.js → usage-103c4679.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const name = "genesys-spark-components";
-const version = "4.67.0";
+const version = "4.68.0";
 const description = "Common webcomponents";
 const license = "MIT";
 const main = "dist/stencil-wrapper.js";

package/dist/collection/components/stable/gux-flyout-menu/gux-flyout-menu.css

@@ -24,10 +24,17 @@
 }
 .gux-flyout-menu-content .gux-arrow {
   position: absolute;
-  z-index: -1;
   width: var(--gse-ui-popover-anchor-width);
   height: var(--gse-ui-popover-anchor-height);
-  background: var(--gse-ui-popover-backgroundColor);
-  border: none;
-  box-shadow: var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color);
+  /* 4px padding leaves some space for the shadow to bleed into */
+  padding-bottom: 4px;
+  overflow: hidden;
+}
+.gux-flyout-menu-content .gux-arrow-caret {
+  width: 0;
+  height: 0;
+  filter: drop-shadow(var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) calc(var(--gse-ui-popover-boxShadow-blur) / 2) var(--gse-ui-tooltip-boxShadow-color));
+  border-top: calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);
+  border-right: calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;
+  border-left: calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;
 }

package/dist/collection/components/stable/gux-flyout-menu/gux-flyout-menu.js

@@ -94,7 +94,6 @@ export class GuxFlyoutMenu {
     updatePosition() {
         // This is 13 because this makes the arrow look aligned
         const arrowLen = 13;
-        const borderWidth = 1;
         if (this.root) {
             void computePosition(this.targetElement, this.menuContentElement, {
                 placement: 'bottom-start',
@@ -121,6 +120,12 @@ export class GuxFlyoutMenu {
                     bottom: 'top',
                     left: 'right'
                 }[side];
+                const arrowRotation = {
+                    top: 0,
+                    right: 90,
+                    bottom: 180,
+                    left: -90
+                }[side];
                 if (middlewareData.arrow) {
                     const { x, y } = middlewareData.arrow;
                     Object.assign((_a = this.arrowElement) === null || _a === void 0 ? void 0 : _a.style, {
@@ -128,8 +133,8 @@ export class GuxFlyoutMenu {
                         top: y != null ? `${y}px` : '',
                         right: '',
                         bottom: '',
-                        [staticSide]: `${-arrowLen / 2 - borderWidth}px`,
-                        transform: 'rotate(-45deg)'
+                        [staticSide]: `${-arrowLen}px`,
+                        transform: `rotate(${arrowRotation}deg)`
                     });
                 }
             });
@@ -166,10 +171,10 @@ export class GuxFlyoutMenu {
         }
     }
     render() {
-        return (h(Host, { key: '1acb09a1f3e783b3a1d56c2f41aca77008d66845', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'e52eb8f2f8ccccaf129054c4ff81d58b5ddfe2d2', ref: el => (this.targetElement = el) }, h("slot", { key: '4e3685669a6f8f109b67e447ed37b3c32fa1f143', name: "target" })), h("div", { key: '8b578fcf85f62b614ff8bee35a0a326972cbe9ca', class: {
+        return (h(Host, { key: '3a57e1bea9c8ba547849e8975a45f0cec5e16587', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'e6e2e0851c0d12806bbbe89fa799f80867d428fb', ref: el => (this.targetElement = el) }, h("slot", { key: '95155de5c8d9b4a4871302f33b650a8da0cdebc5', name: "target" })), h("div", { key: '236a63c0c8a888df386c57569a387b16d7b1a111', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '3fa2563f223d425561f12dc4a2bd1f5c12afc46b', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), h("slot", { key: '854d0c0a021ab9754a8e5fc50644a029896c11c8', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '5eca899d1973df57ca76f621a69efea5c7698473', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '2371e0ad36a907f78932e753f7f73e800e6096b6', class: "gux-arrow-caret" })), h("slot", { key: '9a95cf351f93d214c2239b8ecf03b0cea27d46cf', name: "menu" }))));
     }
     static get is() { return "gux-flyout-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-menu-option/gux-menu-option.js

@@ -28,7 +28,7 @@ export class GuxMenuOption {
         }
     }
     render() {
-        return (h("button", { key: '7eaa2c60009f7124629c80433eb9e06b59c3269e', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '5558db7a9a4baceed7fe02227f9d566b997b0c14', class: "gux-menu-option-button-text" }, h("slot", { key: 'dffb8a6afbf64593926a60f744d538c38d73c412' }))));
+        return (h("button", { key: '0b8ab4835145bf20fbfc50bad3b032ea6ee33716', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '88d7518f7f17013442c64e015564ec2b80a9a88a', class: "gux-menu-option-button-text" }, h("slot", { key: '05eacb7de85ef5298cd604cc6bf0c3166b852928' }))));
     }
     static get is() { return "gux-menu-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-menu.js

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class GuxMenu {
     render() {
-        return (h(Host, { key: '06abf6932fb8b2be9d9fa983a94c422e199c4241', role: "menu" }, h("slot", { key: '50b3ddd9c2447c92f253db00ab3b9e7507cb36e1' })));
+        return (h(Host, { key: 'bb330d93d085ae23c8f3593ecebee84336497a13', role: "menu" }, h("slot", { key: '62467f75e67e266fc1962c52616004dd80fcbcee' })));
     }
     static get is() { return "gux-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-submenu/gux-submenu.js

@@ -140,13 +140,13 @@ export class GuxSubmenu {
         }
     }
     render() {
-        return (h(Host, { key: '14d23558d387e1cf8936ba1dec84117e8217b94c' }, h("button", { key: 'a40df1ddb07a60326cfbad5dda20e428ca1d7a11', type: "button", class: {
+        return (h(Host, { key: '6a65fa8c11ba70aaca9df94c14e8246cfdd9cc00' }, h("button", { key: 'cd8de6fad5c2ac452fa32c070ea955a9f09fe0e6', 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() }, h("span", { key: 'baea8c6e45075366f59c4d0b13ba01c9217bc599', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '326f89ed1ab037a9b505e44cb6bb9e528562e21c', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '8a4721985e4ac57bdb4a0d84bdb9345fb964a334', ref: el => (this.submenuElement = el), class: {
+            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: 'c082ded3cdaa4efc939e060e0af66971da9fe4d1', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '7d2379fe98f7409cd0ad1d2caa8bcb9f7112443e', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: 'fe3269c20539ebebcb04b41a0afcb01a78b27920', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '5e7b73c3b5b3acf8271f4e7565bbf8c3576db2dc', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'fdeccd90af34af647e9d89d0a1acfde87a3ec504' })))));
+            } }, h("div", { key: 'df51b3a4cbf2f764aaa43d73c233eb82e19d017b', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '2e407c4c0104ce2e1f8d14d585a6448ec884fe7d' })))));
     }
     static get is() { return "gux-submenu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -46,10 +46,10 @@ export class GuxFormFieldCheckbox {
         }
     }
     render() {
-        return (h(Host, { key: 'dbc5b820711914bae07225ad9b1811a854e7ad28', class: {
+        return (h(Host, { key: 'dee0442f1e572b4d987e3b5a0560de13622453b1', class: {
                 'gux-input-error': this.hasError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '186bcc2e645fce34ff39d7b2d696cf7c7d58131b', class: "gux-form-field-container" }, h("div", { key: '91220d71212ae4b89c44e0a790db090b935bbc88', class: "gux-input-label" }, h("div", { key: '1d87509253e088d326b210641b4db5681274a0b1', class: "gux-input" }, h("slot", { key: '87d57b5275189477095effcfea5e302190feebd4', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'b80f9c7374c178938701ae94c5387e3112e7a294', class: `gux-label-${this.labelPosition}` }, h("slot", { key: '8b4ea705ea70dfabb4fc0fe533da4b257c814bb5', name: "label" }))), h("div", { key: 'e747b80480bf4452b100f2bc85034c05bc32eb96', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '1173252d333786c6560c43ffdad803dcd02bffff', show: this.hasError }, h("slot", { key: '1d9f2b06eb3ae099a510b314354cbcd5ffbbdb1f', name: "error" })), h(GuxFormFieldHelp, { key: 'd6cbc4777257dd64a53160a6aa6f6577d088c45b', show: !this.hasError && this.hasHelp }, h("slot", { key: '0338e7913998dce8886c45899cd0d2312e3b902b', name: "help" }))))));
+            } }, h("div", { key: '0928db5746d7bbce8210cc75ab5ab2d95a05fdcd', class: "gux-form-field-container" }, h("div", { key: '783384edaee35f8bce42b1a048001e6e73e0892d', class: "gux-input-label" }, h("div", { key: '7407bc64c2870a2c900d3ec1a166a569d947ed76', class: "gux-input" }, h("slot", { key: 'a8e3e79c4a4f3ca18d2b44c81e319f7ec25e9f0c', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'e532eb9aa6932518eb55a35b93e0e6867a6f886e', class: `gux-label-${this.labelPosition}` }, h("slot", { key: '0dd9ad2ca420a8a5876dfd309e09c6eac5318829', name: "label" }))), h("div", { key: 'e212774341421a73caed19db23bac5d805a1a573', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'f6617a568e74bfa5e696253315852187d2f064be', show: this.hasError }, h("slot", { key: '745b35f338ee3f3bd58151623e134722eea239e5', name: "error" })), h(GuxFormFieldHelp, { key: '1ffae08152920fb4847fa01c5d0ca64db35048f4', show: !this.hasError && this.hasHelp }, h("slot", { key: 'dba436e95dbc3b789b4dd598f5a87bfa4361ad17', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-color/gux-form-field-color.css

@@ -93,10 +93,10 @@
 }
 
 ::slotted(label) {
-  font-family: var(--gse-ui-formControl-label-text-fontFamily);
-  font-size: var(--gse-ui-formControl-label-text-fontSize);
-  font-weight: var(--gse-ui-formControl-label-text-fontWeight);
-  line-height: var(--gse-ui-formControl-label-text-lineHeight);
+  font-family: var(--gse-ui-formControl-label-textBold-fontFamily);
+  font-size: var(--gse-ui-formControl-label-textBold-fontSize);
+  font-weight: var(--gse-ui-formControl-label-textBold-fontWeight);
+  line-height: var(--gse-ui-formControl-label-textBold-lineHeight);
   color: var(--gse-ui-formControl-label-labelColor);
 }
 

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

@@ -83,13 +83,13 @@ export class GuxFormFieldColor {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'f92e953034fbbe4f864248608c3a25404829062c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'cd4f2a3d91a25f63cd254a54868b5182767f42c2', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ee0773dcaf16f82184811d17ef1f58a13ae0cdf2', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'eff53af5d047f4bb14dae0a2357fe8fc679ab5e6', variant: "required", required: this.required }), h("slot", { key: 'eb28e019d6ed98b186f45bcc2756717ff2bcb57f', name: "label-info" })), h("div", { key: '187fc972554c6f0d7880a01e701043ac9d7d065d', class: "gux-input-and-error-container" }, h("div", { key: '80752846a3df0102b698407ec1dd0b546b447d68', class: {
+        return (h(GuxFormFieldContainer, { key: '0bc6791fef204c4f1695eac9b9e81c8fafdcd5aa', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '605eb31afd984a20faa2b2050df96834f5e6955d', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9294fd2a8d4ebc7421f26edfe4566eed3e0ecb20', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '103addd93f9c42465a7372a5a4a3f20283080f76', variant: "required", required: this.required }), h("slot", { key: 'aaf912c0fba76c666d5a64f40745edb92a4c0142', name: "label-info" })), h("div", { key: 'c43d73275bd4d87390a0c8c6fc6bbb43deba89d1', class: "gux-input-and-error-container" }, h("div", { key: 'eb165c18249a3e97d36cddb3e789763b7c07dcb2', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '6cfea92820ee7bb5adb8dbdcf91ee1cb7e96719a', class: {
+            } }, h("div", { key: '71a5695af21256cc7564c83046ba3d628dd991e7', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'cb427702841a197a2cf5690e354e10829d0e8609', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'a112c9e846436ad66eb355e59c6f316b3f264cda', show: this.hasError }, h("slot", { key: '73921eb2a20829dfc743f4a29139dc444082f213', name: "error" })), h(GuxFormFieldHelp, { key: '44d2a5be7d27fd223393e092f548fd5974570240', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fbb93ca9d4368bbfbb38ddf4e83fc9053d95fe16', name: "help" })))));
+            } }, h("slot", { key: 'a8fffef5cc7fef1de7dddb0cc1463f39f5fb4a6b', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'fc56b4d472b06ca651417c5eba70c5b1ee2aa36f', show: this.hasError }, h("slot", { key: '1db20e7effe6a57bac9f16215d51e6721e05d204', name: "error" })), h(GuxFormFieldHelp, { key: '744072356234864296661edde9535d56773820af', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a9fd83d7589d34a7b25cdb6df5112378b0221fbd', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-dropdown/gux-form-field-dropdown.css

@@ -106,10 +106,10 @@
 }
 
 ::slotted(label) {
-  font-family: var(--gse-ui-formControl-label-text-fontFamily);
-  font-size: var(--gse-ui-formControl-label-text-fontSize);
-  font-weight: var(--gse-ui-formControl-label-text-fontWeight);
-  line-height: var(--gse-ui-formControl-label-text-lineHeight);
+  font-family: var(--gse-ui-formControl-label-textBold-fontFamily);
+  font-size: var(--gse-ui-formControl-label-textBold-fontSize);
+  font-weight: var(--gse-ui-formControl-label-textBold-fontWeight);
+  line-height: var(--gse-ui-formControl-label-textBold-lineHeight);
   color: var(--gse-ui-formControl-label-labelColor);
 }
 

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

@@ -95,11 +95,11 @@ export class GuxFormFieldDropdown {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '769d0863b4adc96bbe6733f067043ac96dea27eb', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'af328e637e5b57668e8a31e71a922d2c32194c82' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'e9de0468d74cd89ca37bcef0082abc9bdf3d0c27', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'd8cf52f49ede1c0cdd7e546fd6fb01ad61a22e10', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '44e3ef7c0a5f691ab96aef8573451b94636b1331', variant: "required", required: this.required }), h("slot", { key: '82bca75b4f869e32bee1ddad211767a24553910d', name: "label-info" })), h("div", { key: '5dde879d43dfb5f1c1483595cee7ef0a279021db', class: "gux-input-and-error-container" }, h("div", { key: '044adc97b3ba5fee8b51c4e65628b385bec4693c', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '9a352ab8c07fdccf1c637f30d7acc975c9e9e515', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'ad8a83c58dd09d9c62b7ab0b89b39c8ff983e14c' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'deafd07f1e5928837d6334b5c54c77cadd6c3ed5', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'a38ae7efbc8ec4fbf41b3c45e56de5c4cee0fa29', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5d0c454ef39edccb721fb30b7023f35a31c84150', variant: "required", required: this.required }), h("slot", { key: 'd65940990b9bd1deab10a6a3e9fc51edefc78200', name: "label-info" })), h("div", { key: '358fb1554f11fcf10aececdab5d9aef5806dffd9', class: "gux-input-and-error-container" }, h("div", { key: 'b76f74abccf55f58f1c2a325ac5798aea973c11a', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: 'd8d5ccf59dc3ff470c96f3941d70f2a2801c1a73' })), h(GuxFormFieldError, { key: '21b34c5cfd1af2508e34023f1570c7cc395f2501', show: this.hasError }, h("slot", { key: '6c4295be90f42a2a195ff1bfc72fcb414775c680', name: "error" })), h(GuxFormFieldHelp, { key: '6f6a76b4ccdfed413f0ce93e6a4073081a92fffb', show: !this.hasError && this.hasHelp }, h("slot", { key: '07f4340cf8c6ee21e8875db697b8cd568e8c994c', name: "help" })))));
+            } }, h("slot", { key: '29ed3b19cb95dfcd8949c3a9a4d24254b3645aef' })), h(GuxFormFieldError, { key: 'c6b2f11b400d1a6dcd102c6262cbefc7384bbb53', show: this.hasError }, h("slot", { key: '56a74cb9955061daea5c6c95bb79aae2a7062072', name: "error" })), h(GuxFormFieldHelp, { key: 'c3f7e39d954b6be98776d95d981e699e0b7932c8', show: !this.hasError && this.hasHelp }, h("slot", { key: '068bdcc922d1d5aacbf06186a745361bdde2cf39', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-file/gux-form-field-file.css

@@ -93,10 +93,10 @@
 }
 
 ::slotted(label) {
-  font-family: var(--gse-ui-formControl-label-text-fontFamily);
-  font-size: var(--gse-ui-formControl-label-text-fontSize);
-  font-weight: var(--gse-ui-formControl-label-text-fontWeight);
-  line-height: var(--gse-ui-formControl-label-text-lineHeight);
+  font-family: var(--gse-ui-formControl-label-textBold-fontFamily);
+  font-size: var(--gse-ui-formControl-label-textBold-fontSize);
+  font-weight: var(--gse-ui-formControl-label-textBold-fontWeight);
+  line-height: var(--gse-ui-formControl-label-textBold-lineHeight);
   color: var(--gse-ui-formControl-label-labelColor);
 }
 

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

@@ -97,7 +97,7 @@ export class GuxFormFieldFile {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'a3528820f1ce0da415f1f88cb481b24c50da1bb3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ad8d2fedd105b44a6d33d76dfbaebcc540c440b6', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '349c6b669d7ec163ce889e4b4c698291af62fece', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '642a9a0956b212bacdfb411342124f6a70d73e66', variant: "required", required: this.required }), h("slot", { key: 'ee0edc22b7c211f33192ac7b1fb078d990744c8f', name: "label-info" })), h("div", { key: 'f1a85660385ef5f7831446b1f1cf6a59c69d2230', class: "gux-input-and-error-container" }, h("slot", { key: '41ccbd999248f5c4d29480c63ac2b57d02ce59db', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'c9bf25630a50f4b8c383dd1d6f8fd38df89f458a', show: this.hasError }, h("slot", { key: 'b4a362e2059e1af1bfece334f1b670b875507317', name: "error" })), h(GuxFormFieldHelp, { key: '141246a74aceff5d1895bad4da1b88fb5d8ce2ed', show: !this.hasError && this.hasHelp }, h("slot", { key: '219153e535b6778eb71a75edc6d1a04d93a45968', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '0525a78d391dc34115520686d84b2469cb03e73a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '688782d0b2054dfd0d6d365e32f2d9c1c761bcb6', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '31e5d8f4388dafc1f72635443626c8066b55eb13', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6e3436cf4295a44d34605d9c5ebeb703c21e2160', variant: "required", required: this.required }), h("slot", { key: '30daa2fa2355c361bef1f22a535de7917cfb078d', name: "label-info" })), h("div", { key: 'd7a20c504f8727c864699f035e913d3924447207', class: "gux-input-and-error-container" }, h("slot", { key: 'e3300b633b42b9b7db6a712bc4d7dd827902f24f', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'a2b928b0979b9899776d9b51d55d2b613d4269ea', show: this.hasError }, h("slot", { key: 'c1739682633318bc460cf17f6276809b89bbaa82', name: "error" })), h(GuxFormFieldHelp, { key: '5bf1dd36e9a50db936e40172ebef765829aa7d4e', show: !this.hasError && this.hasHelp }, h("slot", { key: '1849ec0347a435c8ae96f25cb26513831172f116', name: "help" })))));
     }
     static get is() { return "gux-form-field-file"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-number/gux-form-field-number.css

@@ -93,10 +93,10 @@
 }
 
 ::slotted(label) {
-  font-family: var(--gse-ui-formControl-label-text-fontFamily);
-  font-size: var(--gse-ui-formControl-label-text-fontSize);
-  font-weight: var(--gse-ui-formControl-label-text-fontWeight);
-  line-height: var(--gse-ui-formControl-label-text-lineHeight);
+  font-family: var(--gse-ui-formControl-label-textBold-fontFamily);
+  font-size: var(--gse-ui-formControl-label-textBold-fontSize);
+  font-weight: var(--gse-ui-formControl-label-textBold-fontWeight);
+  line-height: var(--gse-ui-formControl-label-textBold-lineHeight);
   color: var(--gse-ui-formControl-label-labelColor);
 }
 

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

@@ -99,14 +99,14 @@ export class GuxFormFieldNumber {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: 'bd844616e9912a50b111a937633ccb42b6b2079a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '0a5549871891eac88626d509b3f7dac2615b5ed9', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '718dbfa85a5cdd7818fbd343c2ae1293c98b8d3a', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '84829c4c2d82d003496272d0a09fe7f9eb6f5703', variant: "required", required: this.required }), h("slot", { key: 'd299d5edcc4c292a7d967e6849c5864172750119', name: "label-info" })), h("div", { key: '60467c9395c25d25d6365b194a964e04a8f37984', class: "gux-input-and-error-container" }, h("div", { key: '7b4002ca0cdef9eeafab4be8a21f935e5f2756a8', class: {
+        return (h(GuxFormFieldContainer, { key: '7933568b7816fa23c82e4f47f6f590dc04a06390', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '4c68d06151843ab21972d116e059b21ac96bfc79', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '54b2aac45cd433644daa6e19776d462ac783766c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b386246df553fd957662379ef771d4fa8f96886b', variant: "required", required: this.required }), h("slot", { key: 'a9ac69f91cc2835a327c1a2388677f9331c31290', name: "label-info" })), h("div", { key: '778ec225fa15fbb9400a4553e843a3df8c089f39', class: "gux-input-and-error-container" }, h("div", { key: 'c50c6a236cb308c173deac4154fbe18de4371037', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'b2afef44b50679f18dcbcc6ebb412ce8ffd5028a', class: {
+            }, part: "input-section" }, h("div", { key: 'ae16a2ef6f56fd450f5222a21e3dee12a65d63b0', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            } }, h("slot", { key: '3ea7a185fdcab813d31d3b04cb60f840971757a0', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'f903bd2f9b7d91350490d343aa89746bcfc97585', show: this.hasError }, h("slot", { key: 'fff7e649267a693e5a18e8ae2c7095efd4ddb4f3', name: "error" })), h(GuxFormFieldHelp, { key: 'f1f475651ddc999a53b540a36c2cad90e8bcffc8', show: !this.hasError && this.hasHelp }, h("slot", { key: '55da6946317a684039d69086e316aa6a8b5d0464', name: "help" })))));
+            } }, h("slot", { key: '831683b98ac47cf8910936f6a96f2227b88bb8f8', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '78708993720afe3dc86fc17d647623cdd29dceb4', show: this.hasError }, h("slot", { key: '7ab1f64c823909396d42487f1f0c9911c52c4f56', name: "error" })), h(GuxFormFieldHelp, { key: 'da6c0e73b11b0fbde8bd453993e06ee6339dc2ee', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a9675ff099449cbe5cec296f28caef950450cfad', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -101,10 +101,10 @@
 }
 
 ::slotted(label) {
-  font-family: var(--gse-ui-formControl-label-text-fontFamily);
-  font-size: var(--gse-ui-formControl-label-text-fontSize);
-  font-weight: var(--gse-ui-formControl-label-text-fontWeight);
-  line-height: var(--gse-ui-formControl-label-text-lineHeight);
+  font-family: var(--gse-ui-formControl-label-textBold-fontFamily);
+  font-size: var(--gse-ui-formControl-label-textBold-fontSize);
+  font-weight: var(--gse-ui-formControl-label-textBold-fontWeight);
+  line-height: var(--gse-ui-formControl-label-textBold-lineHeight);
   color: var(--gse-ui-formControl-label-labelColor);
 }
 

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

@@ -91,14 +91,14 @@ export class GuxFormFieldPhone {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '7cd455c3e6fb71c038fbaa592e6e08d29e86e07d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '08601e700c84bd5caa814d22ab436b195e418833' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'c12110988edb809381eb280ec80f6ecea819a5d4', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'dd2d9636c9a768509fa8a5476782ad34ccce8354', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6aa94291315b892a6de33d3746362ad5ce9d007a', variant: "required", required: this.required }), h("slot", { key: 'fd5e58e5112fcaaabe7bd5cd7d124497c7f7ea98', name: "label-info" })), h("div", { key: '48bbe27265311a9bf329510ff68c8e13cff4b087', class: "gux-input-and-error-container" }, h("div", { key: '2d3a1f8c5799704242ad1752c4834b6810edb4c6', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '9d4c6dbffdc6bdc6ffcc837f42de50bb206928f6', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '7169f8a5e3f9ec8ce4a3ab875bad672486c7d915' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '1c01a5da652a511174ddf83a8513ac95d7dc19a4', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '97a7ba3d4a5c59f9fb646347b12739f0fff5c8c5', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'dc557c304670bc8c567d7ab43934b7eb21ce34ab', variant: "required", required: this.required }), h("slot", { key: '550cd3e4e3215c8de5914b60c7d70af6406ae2da', name: "label-info" })), h("div", { key: '8320d94a2e2aa6939f7f05e02174a6467b658b7a', class: "gux-input-and-error-container" }, h("div", { key: '642a2d56360fc0a94259c77db3aca4a5bfbf965f', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '6ceb1a48dc60d604b7400ab7d80cb0e8ec8b4940', class: {
+            } }, h("div", { key: 'f86dd893d7f00ab5f1b84559668643ebdcaded8b', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '3858fb0121cba2d4d4d366f331e25de2c045bd86' }))), h(GuxFormFieldError, { key: 'fe024ed18eb6f65c1871f7fef5f6d1df516e818a', show: this.hasError }, h("slot", { key: '2299ab38fbd2f86e3a3852b7e2842becc84c0703', name: "error" })), h(GuxFormFieldHelp, { key: '24e4c552c4ba13fefd0a0e321040e02b7d7c1697', show: !this.hasError && this.hasHelp }, h("slot", { key: '39140e39353a3433befa751ccfc0fd455c33d877', name: "help" })))));
+            } }, h("slot", { key: '5d9f650056e1371cecfce924da5271f436243b5a' }))), h(GuxFormFieldError, { key: 'd81fa03f01285583d6d2d935eb5337acf12a346c', show: this.hasError }, h("slot", { key: '9fc26f779b0db83100fcaed6a8e22de79b22b67a', name: "error" })), h(GuxFormFieldHelp, { key: '9de13c4a3751de1e153b30c04f6902e0c2a9b6d2', show: !this.hasError && this.hasHelp }, h("slot", { key: '43064b55e0a372ecaeacc2f3549801946a3d5c86', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -47,10 +47,10 @@ export class GuxFormFieldRadio {
         }
     }
     render() {
-        return (h(Host, { key: '417a99fa322982f9b02250e69a1d6db75a6c2a10', class: {
+        return (h(Host, { key: '4be53308a7caf39eaf426a33fe2f887907016f46', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'fb40c40fcc41f3d657fc402fe2ed234aef988de8', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'e4c01a81247f51f6d72ac43f2d75f0b10190a1a8', class: "gux-input-label" }, h("div", { key: 'e331c7f3b00ed62edd7f761e4fc4e9ad617e2d04', class: "gux-input" }, h("slot", { key: 'c9c338a03869cd387c31681cf1f6f6a7b4399668', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '84f5c336a564eaa9f2e37e28527a91bcf11c687f', class: "gux-label" }, h("slot", { key: '75c1063a6788556e10890c0fffc5b58338deebe9', name: "label" }))), h("div", { key: '2ae36d15932102e08fc45d92cf4f579613351568', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '2d3116d4f38c561001afc02034c819fd872f943c', show: this.hasError }, h("slot", { key: 'aad5927a627eee8478d3d7fb1e9c175c638e63c4', name: "error" })), h(GuxFormFieldHelp, { key: '136f7f7e375ecd3fc2fc9e7e1a307b958df9313b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd0aeb7c95a5cf20d9770a6aca39e26b953be439d', name: "help" }))))));
+            } }, h("div", { key: '4972931fc0571d13319c91ff3fe995b7e8208b50', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'b25001ef55d8d5bc0b63237a38ce11b6fecf9549', class: "gux-input-label" }, h("div", { key: '0e19497e4f0558252cc976f5227526aa34fcb960', class: "gux-input" }, h("slot", { key: '66cf05ecc934419d3cbce9cc08f956ddb0b222d7', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'aadbf0cd1d7795f0400047b55c9398653ee3da2c', class: "gux-label" }, h("slot", { key: '2fa716ad8d4863ebdef2a7bd1c6c52666b7d37c2', name: "label" }))), h("div", { key: '730560ed315257647a904692659515aca8e6f3da', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '8af82dd72e1ee37e2b83495b894c8b875c3a5359', show: this.hasError }, h("slot", { key: '41d4a359a45fcccabcc69262637864a9f9025858', name: "error" })), h(GuxFormFieldHelp, { key: 'c97b9e2b6586bc5cdddb1d50fa5dc643291db919', show: !this.hasError && this.hasHelp }, h("slot", { key: 'aa00f02472ea6b3eb18c2aed9f043460223c77b7', name: "help" }))))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="radio"][slot="input"]');

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

@@ -168,10 +168,10 @@
   opacity: var(--gse-ui-formControl-input-disabled-opacity);
 }
 
-.gux-form-field-legend-label {
-  font-family: var(--gse-ui-formControl-label-text-fontFamily);
-  font-size: var(--gse-ui-formControl-label-text-fontSize);
-  font-weight: var(--gse-ui-formControl-label-text-fontWeight);
-  line-height: var(--gse-ui-formControl-label-text-lineHeight);
+::slotted(label) {
+  font-family: var(--gse-ui-formControl-label-textBold-fontFamily);
+  font-size: var(--gse-ui-formControl-label-textBold-fontSize);
+  font-weight: var(--gse-ui-formControl-label-textBold-fontWeight);
+  line-height: var(--gse-ui-formControl-label-textBold-lineHeight);
   color: var(--gse-ui-formControl-label-labelColor);
 }