genesys-spark-components 4.0.0-beta.33 → 4.0.0-beta.34

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 
 const guxAccordionCss = "gux-accordion{-custom-noop:noop}";
 

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

@@ -6,7 +6,7 @@ const index = require('./index-0d0fdb85.js');
 const onClickOutside = require('./on-click-outside-428f8bbf.js');
 const whenEventIsFrom = require('./when-event-is-from-69b5ca13.js');
 const afterNextRender = require('./after-next-render-a09f528a.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 const index$1 = require('./index-9bbde1aa.js');
 require('./get-closest-element-ab4b2eee.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 
 const guxActionToastCss = ".gux-focus-ring-focused:focus{outline-width:var(--gse-semantic-focusRing-default-border-width);outline-style:var(--gse-semantic-focusRing-default-border-style);outline-color:var(--gse-semantic-focusRing-default-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-focus-ring-focused-within:focus-within{outline-width:var(--gse-semantic-focusRing-default-border-width);outline-style:var(--gse-semantic-focusRing-default-border-style);outline-color:var(--gse-semantic-focusRing-default-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-focus-ring-focused-visible:focus-visible{outline-width:var(--gse-semantic-focusRing-default-border-width);outline-style:var(--gse-semantic-focusRing-default-border-style);outline-color:var(--gse-semantic-focusRing-default-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-focus-ring-small-focused:focus{outline-width:var(--gse-semantic-focusRing-small-border-width);outline-style:var(--gse-semantic-focusRing-small-border-style);outline-color:var(--gse-semantic-focusRing-small-border-color)}.gux-focus-ring-small-focused-within:focus-within{outline-width:var(--gse-semantic-focusRing-small-border-width);outline-style:var(--gse-semantic-focusRing-small-border-style);outline-color:var(--gse-semantic-focusRing-small-border-color)}.gux-focus-ring-small-focused-visible:focus-visible{outline-width:var(--gse-semantic-focusRing-small-border-width);outline-style:var(--gse-semantic-focusRing-small-border-style);outline-color:var(--gse-semantic-focusRing-small-border-color)}.gux-icon-anchor gux-icon{padding-right:var(--gse-ui-links-inLine-padding)}:host{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:stretch;justify-content:flex-start;width:270px;padding:20px 24px;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-header{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:flex-start;order:0;font-family:var(--gse-core-fontFamily-heading), var(--gse-core-fontFamily-body), sans-serif;font-weight:var(--gse-core-fontWeight-semiBold);font-size:var(--gse-core-fontSize-lg);line-height:var(--gse-lineHeight-md)}.gux-header .gux-icon{flex:0 1 auto;align-self:auto;order:0;color:#1da8b3}.gux-header .gux-icon ::slotted(gux-icon){width:32px !important;height:32px !important}.gux-header .gux-title{flex:1 1 auto;align-self:auto;order:0;margin:0 0 0 8px}.gux-message{flex:0 1 auto;align-self:auto;order:0;margin:16px 0;font-family:var(--gse-core-fontFamily-body), sans-serif;font-weight:var(--gse-core-fontWeight-regular);font-size:var(--gse-core-fontSize-xs);line-height:var(--gse-core-lineHeight-xs)}.gux-message ::slotted(dl){display:flex;flex-direction:row;flex-wrap:wrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;align-self:auto;justify-content:space-between;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;align-self:auto;justify-content:space-between;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}";
 

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

@@ -6,7 +6,7 @@ const index = require('./index-0d0fdb85.js');
 const onMutation = require('./on-mutation-8f8a4460.js');
 const onClickOutside = require('./on-click-outside-428f8bbf.js');
 const afterNextRender = require('./after-next-render-a09f528a.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 const index$1 = require('./index-9bbde1aa.js');
 require('./get-closest-element-ab4b2eee.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 const afterNextRender = require('./after-next-render-a09f528a.js');
 
 const guxAnnounceCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 const index$1 = require('./index-9bbde1aa.js');
 require('./get-closest-element-ab4b2eee.js');
 

package/dist/cjs/gux-blank-state.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 
 const guxBlankStateCss = "/**\n  * @prop --gse-ui-badge-height\n  * @prop --gse-ui-badge-height\n  * @prop --gse-ui-blankState-backgroundColor\n  * @prop --gse-ui-blankState-borderRadius\n  * @prop --gse-ui-blankState-gapContent\n  * @prop --gse-ui-blankState-gapMain\n  * @prop --gse-ui-blankState-gapMessage\n  * @prop --gse-ui-blankState-icon-size-lg\n  * @prop --gse-ui-blankState-icon-size-sm\n  * @prop --gse-ui-blankState-iconColor\n  * @prop --gse-ui-blankState-large-width : // TODO https://inindca.atlassian.net/browse/COMUI-2242\n  * @prop --gse-ui-blankState-padding\n  * @prop --gse-ui-blankState-small-width : // TODO https://inindca.atlassian.net/browse/COMUI-2242\n  * @prop --gse-ui-progressAndLoading-blankState-large-header-fontFamily\n  * @prop --gse-ui-progressAndLoading-blankState-large-header-fontSize\n  * @prop --gse-ui-progressAndLoading-blankState-large-header-fontWeight\n  * @prop --gse-ui-progressAndLoading-blankState-large-header-lineHeight\n  * @prop --gse-ui-progressAndLoading-blankState-large-subheader-fontFamily\n  * @prop --gse-ui-progressAndLoading-blankState-large-subheader-fontSize\n  * @prop --gse-ui-progressAndLoading-blankState-large-subheader-fontWeight\n  * @prop --gse-ui-progressAndLoading-blankState-large-subheader-lineHeight\n  * @prop --gse-ui-progressAndLoading-blankState-small-header-fontFamily\n  * @prop --gse-ui-progressAndLoading-blankState-small-header-fontSize\n  * @prop --gse-ui-progressAndLoading-blankState-small-header-fontWeight\n  * @prop --gse-ui-progressAndLoading-blankState-small-header-lineHeight\n  * @prop --gse-ui-progressAndLoading-blankState-small-subheader-fontFamily\n  * @prop --gse-ui-progressAndLoading-blankState-small-subheader-fontSize\n  * @prop --gse-ui-progressAndLoading-blankState-small-subheader-fontWeight\n  * @prop --gse-ui-progressAndLoading-blankState-small-subheader-lineHeight\n  */\n:host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  container-type: inline-size;\n}\n\n.gux-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: var(--gse-ui-blankState-padding);\n  border-radius: var(--gse-ui-blankState-borderRadius);\n  color: var(--gse-ui-blankState-foregroundColor);\n  background-color: var(--gse-ui-blankState-backgroundColor);\n}\n.gux-container .gux-image {\n  padding-bottom: var(--gse-ui-blankState-gapMain);\n}\n.gux-container .gux-message {\n  padding-bottom: var(--gse-ui-blankState-gapMessage);\n}\n.gux-container .gux-guidance {\n  padding-bottom: var(--gse-ui-blankState-gapContent);\n}\n.gux-container ::slotted(gux-icon) {\n  width: var(--gse-ui-blankState-icon-size-lg);\n  height: var(--gse-ui-blankState-icon-size-lg);\n  color: var(--gse-ui-blankState-iconColor);\n}\n.gux-container slot[name=primary-message] {\n  color: var(--gse-ui-blankState-foregroundColor);\n  text-align: center;\n  font-family: var(--gse-ui-progressAndLoading-blankState-large-header-fontFamily);\n  font-weight: var(--gse-ui-progressAndLoading-blankState-large-header-fontWeight);\n  line-height: var(--gse-ui-progressAndLoading-blankState-large-header-lineHeight);\n  font-size: var(--gse-ui-progressAndLoading-blankState-large-header-fontSize);\n}\n.gux-container slot[name=additional-guidance] {\n  color: var(--gse-ui-blankState-foregroundColor);\n  text-align: center;\n  font-family: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontFamily);\n  font-weight: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontWeight);\n  line-height: var(--gse-ui-progressAndLoading-blankState-large-subheader-lineHeight);\n  font-size: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontSize);\n}\n\n@container (width <= 250px) {\n  .gux-container ::slotted(gux-icon) {\n    width: var(--gse-ui-blankState-icon-size-sm);\n    height: var(--gse-ui-blankState-icon-size-sm);\n  }\n  .gux-container slot[name=primary-message] {\n    font-family: var(--gse-ui-progressAndLoading-blankState-small-header-fontFamily);\n    font-weight: var(--gse-ui-progressAndLoading-blankState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-blankState-small-header-lineHeight);\n    font-size: var(--gse-ui-progressAndLoading-blankState-small-header-fontSize);\n  }\n  .gux-container slot[name=additional-guidance] {\n    font-family: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontFamily);\n    font-weight: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-blankState-small-subheader-lineHeight);\n    font-size: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontSize);\n  }\n}";
 

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
 const index$1 = require('./index-9bbde1aa.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const breadcrumbs = "Breadcrumbs";

package/dist/cjs/gux-button-multi.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-0d0fdb85.js');
 const onClickOutside = require('./on-click-outside-428f8bbf.js');
 const whenEventIsFrom = require('./when-event-is-from-69b5ca13.js');
 const afterNextRender = require('./after-next-render-a09f528a.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 
 const guxButtonMultiAccent = ['primary', 'secondary', 'tertiary'];
 function getGuxButtonMultiAccent(maybeGuxButtonMultiAccent) {

package/dist/cjs/gux-button-slot.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 const logError = require('./log-error-d46c02b7.js');
 
 const guxButtonSlotCss = ".gux-focus-ring-focused:focus{outline-width:var(--gse-semantic-focusRing-default-border-width);outline-style:var(--gse-semantic-focusRing-default-border-style);outline-color:var(--gse-semantic-focusRing-default-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-focus-ring-focused-within:focus-within{outline-width:var(--gse-semantic-focusRing-default-border-width);outline-style:var(--gse-semantic-focusRing-default-border-style);outline-color:var(--gse-semantic-focusRing-default-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-focus-ring-focused-visible:focus-visible{outline-width:var(--gse-semantic-focusRing-default-border-width);outline-style:var(--gse-semantic-focusRing-default-border-style);outline-color:var(--gse-semantic-focusRing-default-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-focus-ring-small-focused:focus{outline-width:var(--gse-semantic-focusRing-small-border-width);outline-style:var(--gse-semantic-focusRing-small-border-style);outline-color:var(--gse-semantic-focusRing-small-border-color)}.gux-focus-ring-small-focused-within:focus-within{outline-width:var(--gse-semantic-focusRing-small-border-width);outline-style:var(--gse-semantic-focusRing-small-border-style);outline-color:var(--gse-semantic-focusRing-small-border-color)}.gux-focus-ring-small-focused-visible:focus-visible{outline-width:var(--gse-semantic-focusRing-small-border-width);outline-style:var(--gse-semantic-focusRing-small-border-style);outline-color:var(--gse-semantic-focusRing-small-border-color)}:host{display:inline-block;pointer-events:none}::slotted(input[type=button]),::slotted(input[type=submit]),::slotted(button){font-family:var(--gse-ui-button-text-fontFamily);font-weight:var(--gse-ui-button-text-fontWeight);font-size:var(--gse-ui-button-text-fontSize);line-height:var(--gse-ui-button-text-lineHeight);color:var(--gse-ui-button-secondary-default-foregroundColor);background-color:var(--gse-ui-button-secondary-default-backgroundColor);width:100%;min-width:var(--gse-ui-button-icon-only-width);height:var(--gse-ui-button-height);padding:var(--gse-ui-button-padding);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;border:none;border-radius:var(--gse-ui-button-borderRadius)}::slotted(input[type=button][disabled]),::slotted(input[type=submit][disabled]),::slotted(button[disabled]){opacity:var(--gse-ui-button-disabled-opacity);cursor:default}::slotted(input[type=button]:focus),::slotted(input[type=submit]:focus),::slotted(button:focus){outline:none}::slotted(input[type=button]:focus-visible:enabled),::slotted(input[type=submit]:focus-visible:enabled),::slotted(button:focus-visible:enabled){outline-width:var(--gse-semantic-focusRing-default-border-width);outline-style:var(--gse-semantic-focusRing-default-border-style);outline-color:var(--gse-semantic-focusRing-default-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}::slotted(input[type=button]:hover:enabled),::slotted(input[type=submit]:hover:enabled),::slotted(button:hover:enabled){color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}::slotted(input[type=button]:active:enabled),::slotted(input[type=submit]:active:enabled),::slotted(button:active:enabled){color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]),:host([accent=primary]) ::slotted(input[type=submit]),:host([accent=primary]) ::slotted(button){color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:hover:enabled),:host([accent=primary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=primary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:active:enabled),:host([accent=primary]) ::slotted(input[type=submit]:active:enabled),:host([accent=primary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]),:host([accent=tertiary]) ::slotted(input[type=submit]),:host([accent=tertiary]) ::slotted(button){color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-width:var(--gse-ui-button-tertiary-default-border-width);border-style:var(--gse-ui-button-tertiary-default-border-style);border-color:var(--gse-ui-button-tertiary-default-border-color)}:host([accent=tertiary]) ::slotted(input[type=button]:hover:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=tertiary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]:active:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:active:enabled),:host([accent=tertiary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]),:host([accent=ghost]) ::slotted(input[type=submit]),:host([accent=ghost]) ::slotted(button){color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:hover:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:hover:enabled),:host([accent=ghost]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:active:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:active:enabled),:host([accent=ghost]) ::slotted(button:active:enabled){color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]),:host([accent=danger]) ::slotted(input[type=submit]),:host([accent=danger]) ::slotted(button){color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:hover:enabled),:host([accent=danger]) ::slotted(input[type=submit]:hover:enabled),:host([accent=danger]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:active:enabled),:host([accent=danger]) ::slotted(input[type=submit]:active:enabled),:host([accent=danger]) ::slotted(button:active:enabled){color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}:host([accent=inline]){min-width:initial}:host([accent=inline]) ::slotted(input[type=button]),:host([accent=inline]) ::slotted(input[type=submit]),:host([accent=inline]) ::slotted(button){height:initial;padding:0;color:var(--gse-ui-link-default-color);background:none;border:none}:host([accent=inline]) ::slotted(input[type=button][disabled]),:host([accent=inline]) ::slotted(input[type=submit][disabled]),:host([accent=inline]) ::slotted(button[disabled]){color:var(--gse-ui-link-disabled-color)}:host([accent=inline]) ::slotted(input[type=button]:hover:enabled),:host([accent=inline]) ::slotted(input[type=submit]:hover:enabled),:host([accent=inline]) ::slotted(button:hover:enabled){text-decoration:underline;color:var(--gse-ui-link-hover-color);background:none}:host([accent=inline]) ::slotted(input[type=button]:active:enabled),:host([accent=inline]) ::slotted(input[type=submit]:active:enabled),:host([accent=inline]) ::slotted(button:active:enabled){text-decoration:underline;color:var(--gse-ui-link-active-color);background:none}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 
 const guxButtonCss = ".gux-focus-ring-focused:focus{outline-width:var(--gse-semantic-focusRing-default-border-width);outline-style:var(--gse-semantic-focusRing-default-border-style);outline-color:var(--gse-semantic-focusRing-default-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-focus-ring-focused-within:focus-within{outline-width:var(--gse-semantic-focusRing-default-border-width);outline-style:var(--gse-semantic-focusRing-default-border-style);outline-color:var(--gse-semantic-focusRing-default-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-focus-ring-focused-visible:focus-visible{outline-width:var(--gse-semantic-focusRing-default-border-width);outline-style:var(--gse-semantic-focusRing-default-border-style);outline-color:var(--gse-semantic-focusRing-default-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-focus-ring-small-focused:focus{outline-width:var(--gse-semantic-focusRing-small-border-width);outline-style:var(--gse-semantic-focusRing-small-border-style);outline-color:var(--gse-semantic-focusRing-small-border-color)}.gux-focus-ring-small-focused-within:focus-within{outline-width:var(--gse-semantic-focusRing-small-border-width);outline-style:var(--gse-semantic-focusRing-small-border-style);outline-color:var(--gse-semantic-focusRing-small-border-color)}.gux-focus-ring-small-focused-visible:focus-visible{outline-width:var(--gse-semantic-focusRing-small-border-width);outline-style:var(--gse-semantic-focusRing-small-border-style);outline-color:var(--gse-semantic-focusRing-small-border-color)}:host{display:inline-block;pointer-events:none;-webkit-user-select:none;user-select:none}:host(:focus){outline:none}:host(:focus) button{outline:none}::slotted(gux-icon){width:var(--gse-ui-button-icon-size);height:var(--gse-ui-button-icon-size)}::slotted(*){padding-left:8px;vertical-align:middle}::slotted(*:first-child){padding:0}button{font-family:var(--gse-ui-button-text-fontFamily);font-weight:var(--gse-ui-button-text-fontWeight);font-size:var(--gse-ui-button-text-fontSize);line-height:var(--gse-ui-button-text-lineHeight);color:var(--gse-ui-button-secondary-default-foregroundColor);background-color:var(--gse-ui-button-secondary-default-backgroundColor);width:100%;min-width:var(--gse-ui-button-icon-only-width);height:var(--gse-ui-button-height);padding:var(--gse-ui-button-padding);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;border:none;border-radius:var(--gse-ui-button-borderRadius)}button[disabled]{opacity:var(--gse-ui-button-disabled-opacity);cursor:default}button:hover:enabled{color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}button:active:enabled{color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}button:focus-visible:enabled{outline-width:var(--gse-semantic-focusRing-default-border-width);outline-style:var(--gse-semantic-focusRing-default-border-style);outline-color:var(--gse-semantic-focusRing-default-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}button.gux-primary{color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}button.gux-primary:hover:enabled{color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}button.gux-primary:active:enabled{color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}button.gux-tertiary{color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-width:var(--gse-ui-button-tertiary-default-border-width);border-style:var(--gse-ui-button-tertiary-default-border-style);border-color:var(--gse-ui-button-tertiary-default-border-color)}button.gux-tertiary:hover:enabled{color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}button.gux-tertiary:active:enabled{color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}button.gux-ghost{color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}button.gux-ghost:hover:enabled{color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}button.gux-ghost:active:enabled{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}button.gux-danger{color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}button.gux-danger:hover:enabled{color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}button.gux-danger:active:enabled{color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}button.gux-inline{min-width:initial;height:initial;padding:0;color:var(--gse-ui-link-default-color);background:none;border:none}button.gux-inline[disabled]{color:var(--gse-ui-link-disabled-color)}button.gux-inline:hover:enabled{text-decoration:underline;color:var(--gse-ui-link-hover-color);background:none}button.gux-inline:active:enabled{text-decoration:underline;color:var(--gse-ui-link-active-color);background:none}";
 

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-0d0fdb85.js');
 const afterNextRender = require('./after-next-render-a09f528a.js');
 const isoDates = require('./iso-dates-f78ffb80.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 const index$1 = require('./index-9bbde1aa.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-8e2f04e5.js');
 require('./get-closest-element-ab4b2eee.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 
 const guxCardCss = ":host{display:block;width:fit-content}.gux-card{box-sizing:border-box;padding:var(--gse-ui-card-padding);background-color:var(--gse-ui-card-backgroundColor);border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color);border-radius:var(--gse-ui-card-borderRadius)}.gux-card.gux-bordered{border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color)}.gux-card.gux-raised{border:var(--gse-ui-card-raised-border-width) var(--gse-ui-card-raised-border-style) var(--gse-ui-card-raised-border-color);box-shadow:var(--gse-ui-card-raised-boxShadow-x) var(--gse-ui-card-raised-boxShadow-y) var(--gse-ui-card-raised-boxShadow-blur) var(--gse-ui-card-raised-boxShadow-spread) var(--gse-ui-card-raised-boxShadow-color)}.gux-card.gux-borderless{border:var(--gse-ui-card-borderless-border-width) var(--gse-ui-card-borderless-border-style) var(--gse-ui-card-borderless-border-color)}";
 

package/dist/cjs/gux-column-manager.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
 const index$1 = require('./index-9bbde1aa.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 const guxColumnManager_service = require('./gux-column-manager.service-8a71e1f3.js');
 require('./get-closest-element-ab4b2eee.js');
 require('./clamp-1bb96117.js');

package/dist/cjs/gux-content-search.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 const index$1 = require('./index-9bbde1aa.js');
 const onAttributeChange = require('./on-attribute-change-37556263.js');
 require('./get-closest-element-ab4b2eee.js');

package/dist/cjs/gux-context-menu.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
 const randomHtmlId = require('./random-html-id-b86b61c0.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 const index$1 = require('./index-9bbde1aa.js');
 const onClickOutside = require('./on-click-outside-428f8bbf.js');
 const afterNextRender = require('./after-next-render-a09f528a.js');

package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 const index$1 = require('./index-9bbde1aa.js');
 require('./get-closest-element-ab4b2eee.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 const getValidTimezone = require('./get-valid-timezone-39ba3e64.js');
 const index$1 = require('./index-9bbde1aa.js');
 require('./get-closest-element-ab4b2eee.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 const getValidTimezone = require('./get-valid-timezone-39ba3e64.js');
 const index$1 = require('./index-9bbde1aa.js');
 require('./get-closest-element-ab4b2eee.js');

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

@@ -8,7 +8,7 @@ const randomHtmlId = require('./random-html-id-b86b61c0.js');
 const afterNextRender = require('./after-next-render-a09f528a.js');
 const isoDates = require('./iso-dates-f78ffb80.js');
 const onClickOutside = require('./on-click-outside-428f8bbf.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 const index$1 = require('./index-9bbde1aa.js');
 require('./get-closest-element-ab4b2eee.js');
 

package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
 const randomHtmlId = require('./random-html-id-b86b61c0.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 const index$1 = require('./index-9bbde1aa.js');
 require('./get-closest-element-ab4b2eee.js');
 

package/dist/cjs/gux-dismiss-button.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 const index$1 = require('./index-9bbde1aa.js');
 require('./get-closest-element-ab4b2eee.js');
 

package/dist/cjs/gux-dropdown-multi.cjs.entry.js

@@ -8,7 +8,7 @@ const index$1 = require('./index-9bbde1aa.js');
 const simulateNativeEvent = require('./simulate-native-event-fe3e62da.js');
 const afterNextRender = require('./after-next-render-a09f528a.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-d66fb86b.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 const guxListbox_service = require('./gux-listbox.service-93102b5b.js');
 const onMutation = require('./on-mutation-247f99dd.js');
 require('./get-closest-element-ab4b2eee.js');

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

@@ -8,7 +8,7 @@ const index$1 = require('./index-9bbde1aa.js');
 const simulateNativeEvent = require('./simulate-native-event-fe3e62da.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-d66fb86b.js');
 const afterNextRender = require('./after-next-render-a09f528a.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 const onMutation = require('./on-mutation-247f99dd.js');
 const guxListbox_service = require('./gux-listbox.service-93102b5b.js');
 const whenEventIsFrom = require('./when-event-is-from-69b5ca13.js');

package/dist/cjs/gux-flyout-menu.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
 const afterNextRender = require('./after-next-render-a09f528a.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 const guxMenu_common = require('./gux-menu.common-cf9d53f7.js');
 const popper = require('./popper-9a6aec9e.js');
 

package/dist/cjs/gux-form-field-checkbox.cjs.entry.js

@@ -8,7 +8,7 @@ const onMutation = require('./on-mutation-247f99dd.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-d21b1a56.js');
 const hasSlot = require('./has-slot-2e73d6e7.js');
 const guxFormField_service = require('./gux-form-field.service-dd469568.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 require('./random-html-id-b86b61c0.js');
 require('./log-error-d46c02b7.js');
 require('./simulate-native-event-fe3e62da.js');

package/dist/cjs/gux-form-field-color.cjs.entry.js

@@ -10,7 +10,7 @@ const preventBrowserValidationStyling = require('./prevent-browser-validation-st
 const hasSlot = require('./has-slot-2e73d6e7.js');
 const guxFormField_service = require('./gux-form-field.service-dd469568.js');
 const guxFormFieldContainer = require('./gux-form-field-container-64e8bc38.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 require('./random-html-id-b86b61c0.js');
 require('./log-error-d46c02b7.js');
 require('./simulate-native-event-fe3e62da.js');

package/dist/cjs/gux-form-field-dropdown.cjs.entry.js

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-2e73d6e7.js');
 const guxFormField_service = require('./gux-form-field.service-dd469568.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-1abe7d3b.js');
 const getSlotTextContent = require('./get-slot-text-content-30aa5492.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 require('./get-closest-element-ab4b2eee.js');
 require('./random-html-id-b86b61c0.js');
 require('./log-error-d46c02b7.js');

package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 const index$1 = require('./index-9bbde1aa.js');
 require('./get-closest-element-ab4b2eee.js');
 

package/dist/cjs/gux-form-field-number_3.cjs.entry.js

@@ -12,7 +12,7 @@ const guxFormField_service = require('./gux-form-field.service-dd469568.js');
 const simulateNativeEvent = require('./simulate-native-event-fe3e62da.js');
 const hasSlot = require('./has-slot-2e73d6e7.js');
 const guxFormFieldContainer = require('./gux-form-field-container-64e8bc38.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 const en = require('./en-2a12d7c4.js');
 const onClickOutside = require('./on-click-outside-428f8bbf.js');
 const afterNextRender = require('./after-next-render-a09f528a.js');

package/dist/cjs/gux-form-field-phone.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-0d0fdb85.js');
 const index$1 = require('./index-9bbde1aa.js');
 const onMutation = require('./on-mutation-247f99dd.js');
 const onAttributeChange = require('./on-attribute-change-37556263.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-1abe7d3b.js');
 const guxFormField_service = require('./gux-form-field.service-dd469568.js');
 const hasSlot = require('./has-slot-2e73d6e7.js');

package/dist/cjs/gux-form-field-radio.cjs.entry.js

@@ -8,7 +8,7 @@ const onMutation = require('./on-mutation-247f99dd.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-d21b1a56.js');
 const hasSlot = require('./has-slot-2e73d6e7.js');
 const guxFormField_service = require('./gux-form-field.service-dd469568.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 require('./random-html-id-b86b61c0.js');
 require('./log-error-d46c02b7.js');
 require('./simulate-native-event-fe3e62da.js');

package/dist/cjs/gux-form-field-range.cjs.entry.js

@@ -10,7 +10,7 @@ const preventBrowserValidationStyling = require('./prevent-browser-validation-st
 const hasSlot = require('./has-slot-2e73d6e7.js');
 const guxFormField_service = require('./gux-form-field.service-dd469568.js');
 const guxFormFieldContainer = require('./gux-form-field-container-64e8bc38.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 require('./random-html-id-b86b61c0.js');
 require('./log-error-d46c02b7.js');
 require('./simulate-native-event-fe3e62da.js');

package/dist/cjs/gux-form-field-search.cjs.entry.js

@@ -10,7 +10,7 @@ const preventBrowserValidationStyling = require('./prevent-browser-validation-st
 const hasSlot = require('./has-slot-2e73d6e7.js');
 const guxFormField_service = require('./gux-form-field.service-dd469568.js');
 const guxFormFieldContainer = require('./gux-form-field-container-64e8bc38.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 require('./random-html-id-b86b61c0.js');
 require('./log-error-d46c02b7.js');
 require('./simulate-native-event-fe3e62da.js');

package/dist/cjs/gux-form-field-select.cjs.entry.js

@@ -10,7 +10,7 @@ const preventBrowserValidationStyling = require('./prevent-browser-validation-st
 const hasSlot = require('./has-slot-2e73d6e7.js');
 const guxFormField_service = require('./gux-form-field.service-dd469568.js');
 const guxFormFieldContainer = require('./gux-form-field-container-64e8bc38.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 require('./random-html-id-b86b61c0.js');
 require('./log-error-d46c02b7.js');
 require('./simulate-native-event-fe3e62da.js');

package/dist/cjs/gux-form-field-text-like.cjs.entry.js

@@ -10,7 +10,7 @@ const preventBrowserValidationStyling = require('./prevent-browser-validation-st
 const hasSlot = require('./has-slot-2e73d6e7.js');
 const guxFormField_service = require('./gux-form-field.service-dd469568.js');
 const guxFormFieldContainer = require('./gux-form-field-container-64e8bc38.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 require('./random-html-id-b86b61c0.js');
 require('./log-error-d46c02b7.js');
 require('./simulate-native-event-fe3e62da.js');

package/dist/cjs/gux-form-field-textarea.cjs.entry.js

@@ -10,7 +10,7 @@ const preventBrowserValidationStyling = require('./prevent-browser-validation-st
 const hasSlot = require('./has-slot-2e73d6e7.js');
 const guxFormField_service = require('./gux-form-field.service-dd469568.js');
 const guxFormFieldContainer = require('./gux-form-field-container-64e8bc38.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 require('./random-html-id-b86b61c0.js');
 require('./log-error-d46c02b7.js');
 require('./simulate-native-event-fe3e62da.js');

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

@@ -10,7 +10,7 @@ const hasSlot = require('./has-slot-2e73d6e7.js');
 const getSlotTextContent = require('./get-slot-text-content-30aa5492.js');
 const guxFormField_service = require('./gux-form-field.service-dd469568.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-1abe7d3b.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 require('./get-closest-element-ab4b2eee.js');
 require('./random-html-id-b86b61c0.js');
 require('./log-error-d46c02b7.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 const logError = require('./log-error-d46c02b7.js');
 
 const svgHTMLCache = new Map();

package/dist/cjs/gux-inline-alert.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
 const index$1 = require('./index-9bbde1aa.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const info = "Information alert with message";

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
 const guxList_service = require('./gux-list.service-763539a2.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 
 const guxListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start}";
 

package/dist/cjs/gux-listbox-multi.cjs.entry.js

@@ -7,7 +7,7 @@ const guxListbox_service = require('./gux-listbox.service-93102b5b.js');
 const index$1 = require('./index-9bbde1aa.js');
 const whenEventIsFrom = require('./when-event-is-from-69b5ca13.js');
 const simulateNativeEvent = require('./simulate-native-event-fe3e62da.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 const afterNextRender = require('./after-next-render-a09f528a.js');
 require('./get-closest-element-ab4b2eee.js');
 

package/dist/cjs/gux-loading-message.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 
 const guxLoadingMessageCss = "/**\n  * @prop --gse-progressAndLoading-loadingState-large-header-fontFamily\n  * @prop --gse-progressAndLoading-loadingState-large-header-fontWeight\n  * @prop --gse-progressAndLoading-loadingState-large-header-lineHeight\n  * @prop --gse-progressAndLoading-loadingState-large-header-fontSize\n  * @prop --gse-progressAndLoading-loadingState-large-subheader-fontFamily\n  * @prop --gse-progressAndLoading-loadingState-large-subheader-fontWeight\n  * @prop --gse-progressAndLoading-loadingState-large-subheader-lineHeight\n  * @prop --gse-progressAndLoading-loadingState-large-subheader-fontSize\n  * @prop --gse-progressAndLoading-loadingState-large-width : TODO https://inindca.atlassian.net/browse/COMUI-2264\n  * @prop --gse-progressAndLoading-loadingState-medium-header-fontFamily\n  * @prop --gse-progressAndLoading-loadingState-medium-header-fontWeight\n  * @prop --gse-progressAndLoading-loadingState-medium-header-lineHeight\n  * @prop --gse-progressAndLoading-loadingState-medium-header-fontSize\n  * @prop --gse-progressAndLoading-loadingState-medium-subheader-fontFamily\n  * @prop --gse-progressAndLoading-loadingState-medium-subheader-fontWeight\n  * @prop --gse-progressAndLoading-loadingState-medium-subheader-lineHeight\n  * @prop --gse-progressAndLoading-loadingState-medium-subheader-fontSize\n  * @prop --gse-progressAndLoading-loadingState-medium-width\n  * @prop --gse-progressAndLoading-loadingState-small-header-fontFamily\n  * @prop --gse-progressAndLoading-loadingState-small-header-fontWeight\n  * @prop --gse-progressAndLoading-loadingState-small-header-lineHeight\n  * @prop --gse-progressAndLoading-loadingState-small-header-fontSize\n  * @prop --gse-progressAndLoading-loadingState-small-subheader-fontFamily\n  * @prop --gse-progressAndLoading-loadingState-small-subheader-fontWeight\n  * @prop --gse-progressAndLoading-loadingState-small-subheader-lineHeight\n  * @prop --gse-progressAndLoading-loadingState-small-subheader-fontSize\n  * @prop --gse-progressAndLoading-loadingState-small-width\n  * @prop --gse-progressAndLoading-large-gap\n  * @prop --gse-progressAndLoading-large-gapText\n  * @prop --gse-progressAndLoading-pageLoading-gap\n  * @prop --gse-progressAndLoading-medium-gap\n  * @prop --gse-progressAndLoading-medium-gapText\n  * @prop --gse-progressAndLoading-small-gap\n  * @prop --gse-progressAndLoading-small-gapText\n  * @prop --gse-ui-progressAndLoading-textColor\n  */\n:host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  container-type: inline-size;\n}\n\n.gux-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  color: var(--gse-ui-progressAndLoading-textColor);\n  text-align: center;\n}\n\n@container (width > 400px) {\n  .gux-container .gux-primary-message {\n    margin-top: var(--gse-ui-progressAndLoading-large-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-header-fontFamily);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-header-lineHeight);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-header-fontSize);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-top: var(--gse-ui-progressAndLoading-large-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontFamily);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-subheader-lineHeight);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontSize);\n  }\n}\n@container (width > 200px) and (width <=400px) {\n  .gux-container .gux-primary-message {\n    margin-top: var(--gse-ui-progressAndLoading-medium-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontFamily);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-header-lineHeight);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontSize);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-top: var(--gse-ui-progressAndLoading-medium-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontFamily);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-lineHeight);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontSize);\n  }\n}\n@container (width <=200px) {\n  .gux-container .gux-primary-message {\n    margin-top: var(--gse-ui-progressAndLoading-small-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-header-fontFamily);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-header-lineHeight);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-header-fontSize);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-top: var(--gse-ui-progressAndLoading-small-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontFamily);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-subheader-lineHeight);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontSize);\n  }\n}";
 

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
 const randomHtmlId = require('./random-html-id-b86b61c0.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 
 const guxModalCss = ".gux-focus-ring-focused:focus{outline-width:var(--gse-semantic-focusRing-default-border-width);outline-style:var(--gse-semantic-focusRing-default-border-style);outline-color:var(--gse-semantic-focusRing-default-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-focus-ring-focused-within:focus-within{outline-width:var(--gse-semantic-focusRing-default-border-width);outline-style:var(--gse-semantic-focusRing-default-border-style);outline-color:var(--gse-semantic-focusRing-default-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-focus-ring-focused-visible:focus-visible{outline-width:var(--gse-semantic-focusRing-default-border-width);outline-style:var(--gse-semantic-focusRing-default-border-style);outline-color:var(--gse-semantic-focusRing-default-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-focus-ring-small-focused:focus{outline-width:var(--gse-semantic-focusRing-small-border-width);outline-style:var(--gse-semantic-focusRing-small-border-style);outline-color:var(--gse-semantic-focusRing-small-border-color)}.gux-focus-ring-small-focused-within:focus-within{outline-width:var(--gse-semantic-focusRing-small-border-width);outline-style:var(--gse-semantic-focusRing-small-border-style);outline-color:var(--gse-semantic-focusRing-small-border-color)}.gux-focus-ring-small-focused-visible:focus-visible{outline-width:var(--gse-semantic-focusRing-small-border-width);outline-style:var(--gse-semantic-focusRing-small-border-style);outline-color:var(--gse-semantic-focusRing-small-border-color)}.gux-icon-anchor gux-icon{padding-right:var(--gse-ui-links-inLine-padding)}::slotted(button:active:enabled){text-decoration:underline;color:var(--gse-ui-link-active-color);background:none}slot[name=left-align-buttons]::slotted(:not(button,gux-button)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host .gux-modal{position:fixed;inset:0;z-index:var(--gux-zindex-modal, 1);display:flex;align-items:center;justify-content:center;color:#2e394c;background:var(--gse-ui-modal-shroudColor)}:host .gux-modal .gux-modal-container{box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color);position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:var(--gse-ui-modal-padding);background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius)}:host .gux-modal .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{margin:0;color:var(--gse-ui-modal-headerColor);line-height:var(--gse-ui-modal-heading-fontFamily);font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);letter-spacing:var(--gse-ui-modal-heading-letterSpacing);font-family:var(--gse-core-fontFamily-heading), var(--gse-core-fontFamily-body), sans-serif;font-weight:var(--gse-core-fontWeight-bold);font-size:var(--gse-core-fontSize-xl);line-height:var(--gse-core-lineHeight-xl)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";
 

package/dist/cjs/gux-month-calendar.cjs.entry.js

@@ -14,7 +14,7 @@ const translationResources = {
 	changeYear: changeYear
 };
 
-const guxMonthCalendarCss = ".gux-month-calendar{flex-wrap:wrap;width:var(--gse-ui-calendarMenu-width);height:var(--gse-ui-calendarMenu-height);box-shadow:var(--gse-ui-calendarMenu-boxShadow-x) var(--gse-ui-calendarMenu-boxShadow-y) var(--gse-ui-calendarMenu-boxShadow-blur) var(--gse-ui-calendarMenu-boxShadow-spread) var(--gse-ui-calendarMenu-boxShadow-color)}.gux-month-calendar .gux-year-header{position:relative;display:flex;align-items:center;justify-content:space-between;font-family:var(--gse-ui-calendarMenu-day-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-day-headerText-fontSize);line-height:var(--gse-ui-calendarMenu-day-headerText-lineHeight);font-weight:var(--gse-ui-calendarMenu-day-headerText-fontWeight);height:var(--gse-ui-calendarMenu-month-single-header-height);padding:var(--gse-ui-calendarMenu-header-padding);color:var(--gse-ui-calendarMenu-header-foregroundColor);background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius)}.gux-month-calendar .gux-year-header button{color:inherit;cursor:pointer;background:none;border:none;outline:none;padding:8px}.gux-month-calendar .gux-year-header button:focus-visible{outline:var(--gse-semantic-focusRing-width) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-color-focus);outline-offset:var(--gse-semantic-focusRing-offset);border-radius:calc(var(--gse-semantic-focusRing-cornerRadius) - var(--gse-semantic-focusRing-offset))}.gux-month-calendar .gux-year-header button.gux-year-change:disabled{cursor:default;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-month-calendar .gux-year-header button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);pointer-events:none}";
+const guxMonthCalendarCss = ".gux-month-calendar{flex-wrap:wrap;width:var(--gse-ui-calendarMenu-width);height:var(--gse-ui-calendarMenu-height);box-shadow:var(--gse-ui-calendarMenu-boxShadow-x) var(--gse-ui-calendarMenu-boxShadow-y) var(--gse-ui-calendarMenu-boxShadow-blur) var(--gse-ui-calendarMenu-boxShadow-spread) var(--gse-ui-calendarMenu-boxShadow-color)}.gux-month-calendar .gux-current-month{color:var(--gse-ui-calendarMenu-month-default-foregroundColor);font-family:var(--gse-ui-calendarMenu-month-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-currentText-fontSize);line-height:var(--gse-ui-calendarMenu-month-currentText-lineHeight);font-weight:var(--gse-ui-calendarMenu-month-currentText-fontWeight)}.gux-month-calendar .gux-year-header{position:relative;display:flex;align-items:center;justify-content:space-between;font-family:var(--gse-ui-calendarMenu-day-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-day-headerText-fontSize);line-height:var(--gse-ui-calendarMenu-day-headerText-lineHeight);font-weight:var(--gse-ui-calendarMenu-day-headerText-fontWeight);height:var(--gse-ui-calendarMenu-month-single-header-height);padding:var(--gse-ui-calendarMenu-header-padding);color:var(--gse-ui-calendarMenu-header-foregroundColor);background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius)}.gux-month-calendar .gux-year-header button{color:inherit;cursor:pointer;background:none;border:none;outline:none;padding:8px}.gux-month-calendar .gux-year-header button:focus-visible{outline:var(--gse-semantic-focusRing-width) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-color-focus);outline-offset:var(--gse-semantic-focusRing-offset);border-radius:calc(var(--gse-semantic-focusRing-cornerRadius) - var(--gse-semantic-focusRing-offset))}.gux-month-calendar .gux-year-header button.gux-year-change:disabled{cursor:default;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-month-calendar .gux-year-header button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);pointer-events:none}";
 
 const GuxMonthCalendar = class {
   constructor(hostRef) {
@@ -68,6 +68,10 @@ const GuxMonthCalendar = class {
     }
     this.updateValue(value);
   }
+  isCurrentMonth(month) {
+    return (yearMonthValues.getYearMonthObject(yearMonthValues.getCurrentISOYearMonth()).year == this.year &&
+      yearMonthValues.getYearMonthObject(yearMonthValues.getCurrentISOYearMonth()).month == month);
+  }
   getMonthAriaLabel(value) {
     const { year, month } = yearMonthValues.getYearMonthObject(value);
     return new Date(Number(year), Number(month) - 1).toLocaleDateString(this.locale, { year: 'numeric', month: 'long' });
@@ -121,7 +125,7 @@ const GuxMonthCalendar = class {
   renderMonths() {
     const monthButtons = Array.from(new Array(12), (_, i) => String(i + 1).padStart(2, '0')).map(month => {
       const value = yearMonthValues.getISOYearMonth(this.year, month);
-      return (index.h("gux-month-list-item", { value: value, selected: this.isSelectedMonth(value), "aria-selected": this.isAriaSelectedMonth(value), "aria-label": this.getMonthAriaLabel(value), onClick: () => this.onMonthClick(value), disabled: this.isOutOfBounds(value) }, this.getMonthShortName(this.year, month)));
+      return (index.h("gux-month-list-item", { class: { 'gux-current-month': this.isCurrentMonth(month) }, value: value, selected: this.isSelectedMonth(value), "aria-selected": this.isAriaSelectedMonth(value), "aria-label": this.getMonthAriaLabel(value), onClick: () => this.onMonthClick(value), disabled: this.isOutOfBounds(value) }, this.getMonthShortName(this.year, month)));
     });
     return (index.h("gux-month-list", { tabIndex: 1, ref: (el) => (this.monthListElement = el) }, monthButtons));
   }

package/dist/cjs/gux-month-picker-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 const onClickOutside = require('./on-click-outside-428f8bbf.js');
 const index$1 = require('./index-9bbde1aa.js');
 const simulateNativeEvent = require('./simulate-native-event-fe3e62da.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 
 const guxNotificationToastCss = ".gux-focus-ring-focused:focus{outline-width:var(--gse-semantic-focusRing-default-border-width);outline-style:var(--gse-semantic-focusRing-default-border-style);outline-color:var(--gse-semantic-focusRing-default-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-focus-ring-focused-within:focus-within{outline-width:var(--gse-semantic-focusRing-default-border-width);outline-style:var(--gse-semantic-focusRing-default-border-style);outline-color:var(--gse-semantic-focusRing-default-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-focus-ring-focused-visible:focus-visible{outline-width:var(--gse-semantic-focusRing-default-border-width);outline-style:var(--gse-semantic-focusRing-default-border-style);outline-color:var(--gse-semantic-focusRing-default-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-focus-ring-small-focused:focus{outline-width:var(--gse-semantic-focusRing-small-border-width);outline-style:var(--gse-semantic-focusRing-small-border-style);outline-color:var(--gse-semantic-focusRing-small-border-color)}.gux-focus-ring-small-focused-within:focus-within{outline-width:var(--gse-semantic-focusRing-small-border-width);outline-style:var(--gse-semantic-focusRing-small-border-style);outline-color:var(--gse-semantic-focusRing-small-border-color)}.gux-focus-ring-small-focused-visible:focus-visible{outline-width:var(--gse-semantic-focusRing-small-border-width);outline-style:var(--gse-semantic-focusRing-small-border-style);outline-color:var(--gse-semantic-focusRing-small-border-color)}.gux-icon-anchor gux-icon{padding-right:var(--gse-ui-links-inLine-padding)}:host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;align-self:auto;justify-content:flex-start;order:0;margin:0 12px 0 8px;color:#2e394c}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:var(--gse-core-fontFamily-heading), var(--gse-core-fontFamily-body), sans-serif;font-weight:var(--gse-core-fontWeight-semiBold);font-size:var(--gse-core-fontSize-sm);line-height:var(--gse-core-lineHeight-sm)}";
 

package/dist/cjs/gux-page-loading-spinner.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-9520c06b.js');
+const usage = require('./usage-b1e23593.js');
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";