genesys-spark-components 4.0.0-beta.3 → 4.0.0-beta.30

package/dist/esm/gux-radial-progress.entry.js

@@ -1,50 +1,36 @@
 import { h, r as registerInstance, g as getElement } from './index-0b66fe2c.js';
-import { t as trackComponent } from './usage-4f6d345a.js';
+import { t as trackComponent } from './usage-09e38ac3.js';
 import { a as logWarn } from './log-error-e0bbd04a.js';
-import { r as randomHTMLId } from './random-html-id-8e3f658c.js';
-import { c as clamp } from './clamp-6bdb0367.js';
 
-const RADIUS = 23.5;
+const OVERALL_SIZE = 48; // Linked to --gse-ui-progressAndLoading-spinner-large
+const BORDER_SIZE = 4; // Linked to --gse-ui-progressAndLoading-largeBorder
+const RADIUS = OVERALL_SIZE * 0.5 - BORDER_SIZE * 0.5;
 const STROKE_DASH = 2 * Math.PI * RADIUS;
 function canShowPercentageState(value, max) {
   return !(isNaN(value) || isNaN(max) || value > max || value < 0 || max === 0);
 }
-function getPercentageString(value, max, scale) {
-  const scaleFactor = Math.pow(10, clamp(scale, 0, 2));
-  return `${Math.round(((value + Number.EPSILON) / max) * 100 * scaleFactor) /
-    scaleFactor}%`;
+function getPercentageString(value, max) {
+  return `${Math.round(((value + Number.EPSILON) / max) * 100)}%`;
 }
 
-const GuxPercentageState = ({ value, max, scale, dropshadowId, screenreaderText }) => {
+const GuxPercentageState = ({ value, max, screenreaderText }) => {
   return (h("div", { role: "progressbar", "aria-valuenow": value, "aria-valuemin": "0", "aria-valuemax": max, "aria-label": screenreaderText },
-    h("svg", { class: "gux-svg-container", width: "60px", height: "60px", viewBox: "0 0 60 60", role: "presentation" },
-      h("filter", { id: dropshadowId },
-        h("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "1.4" }),
-        h("feOffset", { dx: "0", dy: "0", result: "offsetblur" }),
-        h("feMerge", null,
-          h("feMergeNode", null),
-          h("feMergeNode", { in: "SourceGraphic" }))),
+    h("svg", { class: "gux-svg-container", viewBox: `0 0 ${OVERALL_SIZE} ${OVERALL_SIZE}`, role: "presentation" },
       h("circle", { cx: "50%", cy: "50%", r: RADIUS, class: "gux-static-circle" }),
-      h("circle", { cx: "50%", cy: "50%", r: RADIUS, class: "gux-dynamic-circle-shadow", "stroke-dashoffset": STROKE_DASH * (1 - value / max), "stroke-dasharray": STROKE_DASH, "stroke-linecap": "round", filter: 'url(#' + dropshadowId + ')' }),
       h("circle", { cx: "50%", cy: "50%", r: RADIUS, class: "gux-dynamic-circle", "stroke-dashoffset": STROKE_DASH * (1 - value / max), "stroke-dasharray": STROKE_DASH, "stroke-linecap": "round" }),
-      h("text", { x: "50%", y: "50%", "dominant-baseline": "central", class: {
-          'gux-percentage': true,
-          'gux-small': ![0, 1].includes(scale)
-        } }, getPercentageString(value, max, scale)))));
+      h("text", { x: "50%", y: "50%", "dominant-baseline": "central", class: "gux-percentage" }, getPercentageString(value, max)))));
 };
 const GuxSpinnerState = ({ screenreaderText }) => {
   return (h("gux-radial-loading", { "screenreader-text": screenreaderText, context: "modal" }));
 };
 
-const guxRadialProgressCss = ":host{display:inline-block}div[role='progressbar'] .gux-svg-container{display:block}div[role='progressbar'] .gux-svg-container .gux-dynamic-circle{fill:none;stroke:#2a60c8;stroke-width:5;transform:rotate(-90deg);transform-origin:50% 50%}div[role='progressbar'] .gux-svg-container .gux-dynamic-circle-shadow{fill:none;stroke:#75a8ff;stroke-width:5;transform:rotate(-90deg);transform-origin:50% 50%}div[role='progressbar'] .gux-svg-container .gux-static-circle{fill:none;stroke:#deeaff;stroke-width:4}div[role='progressbar'] .gux-svg-container .gux-percentage{font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;text-anchor:middle;fill:#2e394c}div[role='progressbar'] .gux-svg-container .gux-percentage.gux-small{font-family:Roboto, sans-serif;font-weight:400;font-size:11px;line-height:16px}";
+const guxRadialProgressCss = ":host{display:inline-block}div[role=progressbar] .gux-svg-container{display:block;height:var(--gse-ui-progressAndLoading-spinner-large);width:var(--gse-ui-progressAndLoading-spinner-large)}div[role=progressbar] .gux-svg-container .gux-dynamic-circle{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-foreground);stroke-width:4;transform:rotate(-90deg);transform-origin:50% 50%}div[role=progressbar] .gux-svg-container .gux-static-circle{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-base);stroke-width:4}div[role=progressbar] .gux-svg-container .gux-percentage{font-family:var(--gse-ui-progressAndLoading-spinner-text-fontFamily);font-weight:var(--gse-ui-progressAndLoading-spinner-text-fontWeight);line-height:var(--gse-ui-progressAndLoading-spinner-text-lineHeight);font-size:var(--gse-ui-progressAndLoading-spinner-text-fontSize);fill:var(--gse-ui-progressAndLoading-textColor);text-anchor:middle}";
 
 const GuxRadialProgress = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.dropshadowId = randomHTMLId('gux-dropshadow');
     this.value = undefined;
     this.max = 100;
-    this.scale = 0;
     this.screenreaderText = '';
   }
   componentWillLoad() {
@@ -58,7 +44,7 @@ const GuxRadialProgress = class {
   }
   render() {
     return canShowPercentageState(this.value, this.max)
-      ? (h(GuxPercentageState, { value: this.value, max: this.max, scale: this.scale, dropshadowId: this.dropshadowId, screenreaderText: this.screenreaderText }))
+      ? (h(GuxPercentageState, { value: this.value, max: this.max, screenreaderText: this.screenreaderText }))
       : (h(GuxSpinnerState, { screenreaderText: this.screenreaderText }));
   }
   get root() { return getElement(this); }

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-0b66fe2c.js';
 import { s as simulateNativeEvent } from './simulate-native-event-ac69961f.js';
 import { c as clamp } from './clamp-6bdb0367.js';
-import { t as trackComponent } from './usage-4f6d345a.js';
+import { t as trackComponent } from './usage-09e38ac3.js';
 import { a as logWarn } from './log-error-e0bbd04a.js';
 
-const guxRatingCss = ":host{display:inline-flex;user-select:none}:host:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}.gux-rating-star-container{color:#2e394c}.gux-rating-star-container.gux-disabled{opacity:0.5}.gux-rating-star-container gux-icon{width:24px;height:24px}";
+const guxRatingCss = ":host{display:inline-flex;user-select:none}:host(:host:focus-visible){outline:var(--gse-ui-focus-width) var(--gse-ui-focus-style) var(--gse-ui-focus-color);outline-offset:1px;box-shadow:0 0 0 1px var(--gse-ui-focus-style)}.gux-rating-star-container{color:var(--gse-ui-ui--rating-default-color)}.gux-rating-star-container.gux-disabled{pointer-events:none;color:var(--gse-ui-rating-disabled-color);opacity:var(--gse-ui-rating-disabled-opacity)}.gux-rating-star-container gux-icon{width:var(--gse-ui-rating-size);height:var(--gse-ui-rating-size);color:var(--gse-ui-rating-default-color)}.gux-rating-star-container gux-icon:hover:not(.gux-disabled){color:var(--gse-ui-rating-hover-color)}";
 
 const GuxRating = class {
   constructor(hostRef) {

package/dist/esm/gux-region-icon.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, a as getAssetPath, h, g as getElement } from './index-0b66fe2c.js';
-import { t as trackComponent } from './usage-4f6d345a.js';
+import { t as trackComponent } from './usage-09e38ac3.js';
 
 const regionFlagsCss = ".flag-ad{background-image:url();background-position:0px 0px;width:24px;height:24px}.flag-ae{background-image:url();background-position:-24px 0px;width:24px;height:24px}.flag-af{background-image:url();background-position:0px -24px;width:24px;height:24px}.flag-ag{background-image:url();background-position:-24px -24px;width:24px;height:24px}.flag-ai{background-image:url();background-position:-48px 0px;width:24px;height:24px}.flag-al{background-image:url();background-position:-48px -24px;width:24px;height:24px}.flag-am{background-image:url();background-position:0px -48px;width:24px;height:24px}.flag-ao{background-image:url();background-position:-24px -48px;width:24px;height:24px}.flag-ar{background-image:url();background-position:-48px -48px;width:24px;height:24px}.flag-as{background-image:url();background-position:-72px 0px;width:24px;height:24px}.flag-at{background-image:url();background-position:-72px -24px;width:24px;height:24px}.flag-au{background-image:url();background-position:-72px -48px;width:24px;height:24px}.flag-aw{background-image:url();background-position:0px -72px;width:24px;height:24px}.flag-ax{background-image:url();background-position:-24px -72px;width:24px;height:24px}.flag-az{background-image:url();background-position:-48px -72px;width:24px;height:24px}.flag-ba{background-image:url();background-position:-72px -72px;width:24px;height:24px}.flag-bb{background-image:url();background-position:-96px 0px;width:24px;height:24px}.flag-bd{background-image:url();background-position:-96px -24px;width:24px;height:24px}.flag-be{background-image:url();background-position:-96px -48px;width:24px;height:24px}.flag-bf{background-image:url();background-position:-96px -72px;width:24px;height:24px}.flag-bg{background-image:url();background-position:0px -96px;width:24px;height:24px}.flag-bh{background-image:url();background-position:-24px -96px;width:24px;height:24px}.flag-bi{background-image:url();background-position:-48px -96px;width:24px;height:24px}.flag-bj{background-image:url();background-position:-72px -96px;width:24px;height:24px}.flag-bl{background-image:url();background-position:-96px -96px;width:24px;height:24px}.flag-bm{background-image:url();background-position:-120px 0px;width:24px;height:24px}.flag-bn{background-image:url();background-position:-120px -24px;width:24px;height:24px}.flag-bo{background-image:url();background-position:-120px -48px;width:24px;height:24px}.flag-bq{background-image:url();background-position:-120px -72px;width:24px;height:24px}.flag-br{background-image:url();background-position:-120px -96px;width:24px;height:24px}.flag-bs{background-image:url();background-position:0px -120px;width:24px;height:24px}.flag-bt{background-image:url();background-position:-24px -120px;width:24px;height:24px}.flag-bv{background-image:url();background-position:-48px -120px;width:24px;height:24px}.flag-bw{background-image:url();background-position:-72px -120px;width:24px;height:24px}.flag-by{background-image:url();background-position:-96px -120px;width:24px;height:24px}.flag-bz{background-image:url();background-position:-120px -120px;width:24px;height:24px}.flag-ca{background-image:url();background-position:-144px 0px;width:24px;height:24px}.flag-cc{background-image:url();background-position:-144px -24px;width:24px;height:24px}.flag-cd{background-image:url();background-position:-144px -48px;width:24px;height:24px}.flag-cf{background-image:url();background-position:-144px -72px;width:24px;height:24px}.flag-cg{background-image:url();background-position:-144px -96px;width:24px;height:24px}.flag-ch{background-image:url();background-position:-144px -120px;width:24px;height:24px}.flag-ci{background-image:url();background-position:0px -144px;width:24px;height:24px}.flag-ck{background-image:url();background-position:-24px -144px;width:24px;height:24px}.flag-cl{background-image:url();background-position:-48px -144px;width:24px;height:24px}.flag-cm{background-image:url();background-position:-72px -144px;width:24px;height:24px}.flag-cn{background-image:url();background-position:-96px -144px;width:24px;height:24px}.flag-co{background-image:url();background-position:-120px -144px;width:24px;height:24px}.flag-cr{background-image:url();background-position:-144px -144px;width:24px;height:24px}.flag-cu{background-image:url();background-position:-168px 0px;width:24px;height:24px}.flag-cv{background-image:url();background-position:-168px -24px;width:24px;height:24px}.flag-cw{background-image:url();background-position:-168px -48px;width:24px;height:24px}.flag-cx{background-image:url();background-position:-168px -72px;width:24px;height:24px}.flag-cy{background-image:url();background-position:-168px -96px;width:24px;height:24px}.flag-cz{background-image:url();background-position:-168px -120px;width:24px;height:24px}.flag-de{background-image:url();background-position:-168px -144px;width:24px;height:24px}.flag-dj{background-image:url();background-position:0px -168px;width:24px;height:24px}.flag-dk{background-image:url();background-position:-24px -168px;width:24px;height:24px}.flag-dm{background-image:url();background-position:-48px -168px;width:24px;height:24px}.flag-do{background-image:url();background-position:-72px -168px;width:24px;height:24px}.flag-dz{background-image:url();background-position:-96px -168px;width:24px;height:24px}.flag-ec{background-image:url();background-position:-120px -168px;width:24px;height:24px}.flag-ee{background-image:url();background-position:-144px -168px;width:24px;height:24px}.flag-eg{background-image:url();background-position:-168px -168px;width:24px;height:24px}.flag-eh{background-image:url();background-position:-192px 0px;width:24px;height:24px}.flag-er{background-image:url();background-position:-192px -24px;width:24px;height:24px}.flag-es{background-image:url();background-position:-192px -48px;width:24px;height:24px}.flag-et{background-image:url();background-position:-192px -72px;width:24px;height:24px}.flag-fi{background-image:url();background-position:-192px -96px;width:24px;height:24px}.flag-fj{background-image:url();background-position:-192px -120px;width:24px;height:24px}.flag-fk{background-image:url();background-position:-192px -144px;width:24px;height:24px}.flag-fm{background-image:url();background-position:-192px -168px;width:24px;height:24px}.flag-fo{background-image:url();background-position:0px -192px;width:24px;height:24px}.flag-fr{background-image:url();background-position:-24px -192px;width:24px;height:24px}.flag-ga{background-image:url();background-position:-48px -192px;width:24px;height:24px}.flag-gb{background-image:url();background-position:-72px -192px;width:24px;height:24px}.flag-gd{background-image:url();background-position:-96px -192px;width:24px;height:24px}.flag-ge{background-image:url();background-position:-120px -192px;width:24px;height:24px}.flag-gf{background-image:url();background-position:-144px -192px;width:24px;height:24px}.flag-gg{background-image:url();background-position:-168px -192px;width:24px;height:24px}.flag-gh{background-image:url();background-position:-192px -192px;width:24px;height:24px}.flag-gi{background-image:url();background-position:-216px 0px;width:24px;height:24px}.flag-gl{background-image:url();background-position:-216px -24px;width:24px;height:24px}.flag-gm{background-image:url();background-position:-216px -48px;width:24px;height:24px}.flag-gn{background-image:url();background-position:-216px -72px;width:24px;height:24px}.flag-gp{background-image:url();background-position:-216px -96px;width:24px;height:24px}.flag-gq{background-image:url();background-position:-216px -120px;width:24px;height:24px}.flag-gr{background-image:url();background-position:-216px -144px;width:24px;height:24px}.flag-gs{background-image:url();background-position:-216px -168px;width:24px;height:24px}.flag-gt{background-image:url();background-position:-216px -192px;width:24px;height:24px}.flag-gu{background-image:url();background-position:0px -216px;width:24px;height:24px}.flag-gw{background-image:url();background-position:-24px -216px;width:24px;height:24px}.flag-gy{background-image:url();background-position:-48px -216px;width:24px;height:24px}.flag-hk{background-image:url();background-position:-72px -216px;width:24px;height:24px}.flag-hn{background-image:url();background-position:-96px -216px;width:24px;height:24px}.flag-hr{background-image:url();background-position:-120px -216px;width:24px;height:24px}.flag-ht{background-image:url();background-position:-144px -216px;width:24px;height:24px}.flag-hu{background-image:url();background-position:-168px -216px;width:24px;height:24px}.flag-id{background-image:url();background-position:-192px -216px;width:24px;height:24px}.flag-ie{background-image:url();background-position:-216px -216px;width:24px;height:24px}.flag-il{background-image:url();background-position:-240px 0px;width:24px;height:24px}.flag-im{background-image:url();background-position:-240px -24px;width:24px;height:24px}.flag-in{background-image:url();background-position:-240px -48px;width:24px;height:24px}.flag-io{background-image:url();background-position:-240px -72px;width:24px;height:24px}.flag-iq{background-image:url();background-position:-240px -96px;width:24px;height:24px}.flag-ir{background-image:url();background-position:-240px -120px;width:24px;height:24px}.flag-is{background-image:url();background-position:-240px -144px;width:24px;height:24px}.flag-it{background-image:url();background-position:-240px -168px;width:24px;height:24px}.flag-je{background-image:url();background-position:-240px -192px;width:24px;height:24px}.flag-jm{background-image:url();background-position:-240px -216px;width:24px;height:24px}.flag-jo{background-image:url();background-position:0px -240px;width:24px;height:24px}.flag-jp{background-image:url();background-position:-24px -240px;width:24px;height:24px}.flag-ke{background-image:url();background-position:-48px -240px;width:24px;height:24px}.flag-kg{background-image:url();background-position:-72px -240px;width:24px;height:24px}.flag-kh{background-image:url();background-position:-96px -240px;width:24px;height:24px}.flag-ki{background-image:url();background-position:-120px -240px;width:24px;height:24px}.flag-km{background-image:url();background-position:-144px -240px;width:24px;height:24px}.flag-kn{background-image:url();background-position:-168px -240px;width:24px;height:24px}.flag-kp{background-image:url();background-position:-192px -240px;width:24px;height:24px}.flag-kr{background-image:url();background-position:-216px -240px;width:24px;height:24px}.flag-kw{background-image:url();background-position:-240px -240px;width:24px;height:24px}.flag-ky{background-image:url();background-position:-264px 0px;width:24px;height:24px}.flag-kz{background-image:url();background-position:-264px -24px;width:24px;height:24px}.flag-la{background-image:url();background-position:-264px -48px;width:24px;height:24px}.flag-lb{background-image:url();background-position:-264px -72px;width:24px;height:24px}.flag-lc{background-image:url();background-position:-264px -96px;width:24px;height:24px}.flag-li{background-image:url();background-position:-264px -120px;width:24px;height:24px}.flag-lk{background-image:url();background-position:-264px -144px;width:24px;height:24px}.flag-lr{background-image:url();background-position:-264px -168px;width:24px;height:24px}.flag-ls{background-image:url();background-position:-264px -192px;width:24px;height:24px}.flag-lt{background-image:url();background-position:-264px -216px;width:24px;height:24px}.flag-lu{background-image:url();background-position:-264px -240px;width:24px;height:24px}.flag-lv{background-image:url();background-position:0px -264px;width:24px;height:24px}.flag-ly{background-image:url();background-position:-24px -264px;width:24px;height:24px}.flag-ma{background-image:url();background-position:-48px -264px;width:24px;height:24px}.flag-mc{background-image:url();background-position:-72px -264px;width:24px;height:24px}.flag-md{background-image:url();background-position:-96px -264px;width:24px;height:24px}.flag-me{background-image:url();background-position:-120px -264px;width:24px;height:24px}.flag-mf{background-image:url();background-position:-144px -264px;width:24px;height:24px}.flag-mg{background-image:url();background-position:-168px -264px;width:24px;height:24px}.flag-mh{background-image:url();background-position:-192px -264px;width:24px;height:24px}.flag-mk{background-image:url();background-position:-216px -264px;width:24px;height:24px}.flag-ml{background-image:url();background-position:-240px -264px;width:24px;height:24px}.flag-mm{background-image:url();background-position:-264px -264px;width:24px;height:24px}.flag-mn{background-image:url();background-position:-288px 0px;width:24px;height:24px}.flag-mo{background-image:url();background-position:-288px -24px;width:24px;height:24px}.flag-mp{background-image:url();background-position:-288px -48px;width:24px;height:24px}.flag-mq{background-image:url();background-position:-288px -72px;width:24px;height:24px}.flag-mr{background-image:url();background-position:-288px -96px;width:24px;height:24px}.flag-ms{background-image:url();background-position:-288px -120px;width:24px;height:24px}.flag-mt{background-image:url();background-position:-288px -144px;width:24px;height:24px}.flag-mu{background-image:url();background-position:-288px -168px;width:24px;height:24px}.flag-mv{background-image:url();background-position:-288px -192px;width:24px;height:24px}.flag-mw{background-image:url();background-position:-288px -216px;width:24px;height:24px}.flag-mx{background-image:url();background-position:-288px -240px;width:24px;height:24px}.flag-my{background-image:url();background-position:-288px -264px;width:24px;height:24px}.flag-mz{background-image:url();background-position:0px -288px;width:24px;height:24px}.flag-na{background-image:url();background-position:-24px -288px;width:24px;height:24px}.flag-nc{background-image:url();background-position:-48px -288px;width:24px;height:24px}.flag-ne{background-image:url();background-position:-72px -288px;width:24px;height:24px}.flag-nf{background-image:url();background-position:-96px -288px;width:24px;height:24px}.flag-ng{background-image:url();background-position:-120px -288px;width:24px;height:24px}.flag-ni{background-image:url();background-position:-144px -288px;width:24px;height:24px}.flag-nl{background-image:url();background-position:-168px -288px;width:24px;height:24px}.flag-no{background-image:url();background-position:-192px -288px;width:24px;height:24px}.flag-np{background-image:url();background-position:-216px -288px;width:24px;height:24px}.flag-nr{background-image:url();background-position:-240px -288px;width:24px;height:24px}.flag-nu{background-image:url();background-position:-264px -288px;width:24px;height:24px}.flag-nz{background-image:url();background-position:-288px -288px;width:24px;height:24px}.flag-om{background-image:url();background-position:-312px 0px;width:24px;height:24px}.flag-pa{background-image:url();background-position:-312px -24px;width:24px;height:24px}.flag-pe{background-image:url();background-position:-312px -48px;width:24px;height:24px}.flag-pf{background-image:url();background-position:-312px -72px;width:24px;height:24px}.flag-pg{background-image:url();background-position:-312px -96px;width:24px;height:24px}.flag-ph{background-image:url();background-position:-312px -120px;width:24px;height:24px}.flag-pk{background-image:url();background-position:-312px -144px;width:24px;height:24px}.flag-pl{background-image:url();background-position:-312px -168px;width:24px;height:24px}.flag-pm{background-image:url();background-position:-312px -192px;width:24px;height:24px}.flag-pn{background-image:url();background-position:-312px -216px;width:24px;height:24px}.flag-pr{background-image:url();background-position:-312px -240px;width:24px;height:24px}.flag-ps{background-image:url();background-position:-312px -264px;width:24px;height:24px}.flag-pt{background-image:url();background-position:-312px -288px;width:24px;height:24px}.flag-pw{background-image:url();background-position:0px -312px;width:24px;height:24px}.flag-py{background-image:url();background-position:-24px -312px;width:24px;height:24px}.flag-qa{background-image:url();background-position:-48px -312px;width:24px;height:24px}.flag-re{background-image:url();background-position:-72px -312px;width:24px;height:24px}.flag-ro{background-image:url();background-position:-96px -312px;width:24px;height:24px}.flag-rs{background-image:url();background-position:-120px -312px;width:24px;height:24px}.flag-ru{background-image:url();background-position:-144px -312px;width:24px;height:24px}.flag-rw{background-image:url();background-position:-168px -312px;width:24px;height:24px}.flag-sa{background-image:url();background-position:-192px -312px;width:24px;height:24px}.flag-sb{background-image:url();background-position:-216px -312px;width:24px;height:24px}.flag-sc{background-image:url();background-position:-240px -312px;width:24px;height:24px}.flag-sd{background-image:url();background-position:-264px -312px;width:24px;height:24px}.flag-se{background-image:url();background-position:-288px -312px;width:24px;height:24px}.flag-sg{background-image:url();background-position:-312px -312px;width:24px;height:24px}.flag-sh{background-image:url();background-position:-336px 0px;width:24px;height:24px}.flag-si{background-image:url();background-position:-336px -24px;width:24px;height:24px}.flag-sj{background-image:url();background-position:-336px -48px;width:24px;height:24px}.flag-sk{background-image:url();background-position:-336px -72px;width:24px;height:24px}.flag-sl{background-image:url();background-position:-336px -96px;width:24px;height:24px}.flag-sm{background-image:url();background-position:-336px -120px;width:24px;height:24px}.flag-sn{background-image:url();background-position:-336px -144px;width:24px;height:24px}.flag-so{background-image:url();background-position:-336px -168px;width:24px;height:24px}.flag-sr{background-image:url();background-position:-336px -192px;width:24px;height:24px}.flag-ss{background-image:url();background-position:-336px -216px;width:24px;height:24px}.flag-st{background-image:url();background-position:-336px -240px;width:24px;height:24px}.flag-sv{background-image:url();background-position:-336px -264px;width:24px;height:24px}.flag-sx{background-image:url();background-position:-336px -288px;width:24px;height:24px}.flag-sy{background-image:url();background-position:-336px -312px;width:24px;height:24px}.flag-sz{background-image:url();background-position:0px -336px;width:24px;height:24px}.flag-tc{background-image:url();background-position:-24px -336px;width:24px;height:24px}.flag-td{background-image:url();background-position:-48px -336px;width:24px;height:24px}.flag-tg{background-image:url();background-position:-72px -336px;width:24px;height:24px}.flag-th{background-image:url();background-position:-96px -336px;width:24px;height:24px}.flag-tj{background-image:url();background-position:-120px -336px;width:24px;height:24px}.flag-tk{background-image:url();background-position:-144px -336px;width:24px;height:24px}.flag-tl{background-image:url();background-position:-168px -336px;width:24px;height:24px}.flag-tm{background-image:url();background-position:-192px -336px;width:24px;height:24px}.flag-tn{background-image:url();background-position:-216px -336px;width:24px;height:24px}.flag-to{background-image:url();background-position:-240px -336px;width:24px;height:24px}.flag-tr{background-image:url();background-position:-264px -336px;width:24px;height:24px}.flag-tt{background-image:url();background-position:-288px -336px;width:24px;height:24px}.flag-tv{background-image:url();background-position:-312px -336px;width:24px;height:24px}.flag-tw{background-image:url();background-position:-336px -336px;width:24px;height:24px}.flag-tz{background-image:url();background-position:-360px 0px;width:24px;height:24px}.flag-ua{background-image:url();background-position:-360px -24px;width:24px;height:24px}.flag-ug{background-image:url();background-position:-360px -48px;width:24px;height:24px}.flag-us{background-image:url();background-position:-360px -72px;width:24px;height:24px}.flag-uy{background-image:url();background-position:-360px -96px;width:24px;height:24px}.flag-uz{background-image:url();background-position:-360px -120px;width:24px;height:24px}.flag-va{background-image:url();background-position:-360px -144px;width:24px;height:24px}.flag-vc{background-image:url();background-position:-360px -168px;width:24px;height:24px}.flag-ve{background-image:url();background-position:-360px -192px;width:24px;height:24px}.flag-vg{background-image:url();background-position:-360px -216px;width:24px;height:24px}.flag-vi{background-image:url();background-position:-360px -240px;width:24px;height:24px}.flag-vn{background-image:url();background-position:-360px -264px;width:24px;height:24px}.flag-vu{background-image:url();background-position:-360px -288px;width:24px;height:24px}.flag-wf{background-image:url();background-position:-360px -312px;width:24px;height:24px}.flag-ws{background-image:url();background-position:-360px -336px;width:24px;height:24px}.flag-xk{background-image:url();background-position:0px -360px;width:24px;height:24px}.flag-ye{background-image:url();background-position:-24px -360px;width:24px;height:24px}.flag-yt{background-image:url();background-position:-48px -360px;width:24px;height:24px}.flag-za{background-image:url();background-position:-72px -360px;width:24px;height:24px}.flag-zm{background-image:url();background-position:-96px -360px;width:24px;height:24px}.flag-zw{background-image:url();background-position:-120px -360px;width:24px;height:24px}.flag{display:inline-block}";
 

package/dist/esm/gux-row-select.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-0b66fe2c.js';
 import { b as buildI18nForComponent } from './index-694d55cf.js';
 import { r as randomHTMLId } from './random-html-id-8e3f658c.js';
-import { t as tableResources } from './en-66f138f8.js';
+import { t as tableResources } from './en-5ed282a0.js';
 import './get-closest-element-1597503c.js';
 
-const guxRowSelectCss = "gux-row-select .gux-label-text{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";
+const guxRowSelectCss = ":host .gux-label-text{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";
 
 const GuxRowSelect = class {
   constructor(hostRef) {
@@ -16,15 +16,13 @@ const GuxRowSelect = class {
   }
   onCheck(event) {
     event.stopPropagation();
-    const input = event.target;
-    this.selected = input.checked;
-    this.internalrowselectchange.emit();
+    this.internalrowselectchange.emit(this.inputElement.checked);
   }
   async componentWillLoad() {
     this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
   }
   render() {
-    return (h("gux-form-field-checkbox", null, h("input", { slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { slot: "label", htmlFor: this.id }, "\u200B", h("span", { class: "gux-label-text" }, this.i18n('selectTableRow')))));
+    return (h("gux-form-field-checkbox", null, h("input", { ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { slot: "label", htmlFor: this.id }, "\u200B", h("span", { class: "gux-label-text" }, this.i18n('selectTableRow')))));
   }
   get root() { return getElement(this); }
 };

package/dist/esm/gux-screen-reader-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-0b66fe2c.js';
-import { t as trackComponent } from './usage-4f6d345a.js';
+import { t as trackComponent } from './usage-09e38ac3.js';
 
 const guxScreenReaderCss = ".gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";
 

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0b66fe2c.js';
-import { t as trackComponent } from './usage-4f6d345a.js';
+import { t as trackComponent } from './usage-09e38ac3.js';
 
-const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;width:286px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px fade(#202937, 24%)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;padding:8px 12px 8px 16px;margin:2px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon ::slotted(gux-icon){width:16px;height:16px}.gux-message{flex:1 1 auto;align-self:center;order:0;margin:8px 0}.gux-dismiss{margin:4px 0}";
+const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;width:286px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;padding:8px 12px 8px 16px;margin:2px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon ::slotted(gux-icon){width:16px;height:16px}.gux-message{flex:1 1 auto;align-self:center;order:0;margin:8px 0}.gux-dismiss{margin:4px 0}";
 
 const GuxSimpleToast = class {
   constructor(hostRef) {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-0b66fe2c.js';
 
-const guxSkipNavigationItemCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host(:focus-within){position:inherit;top:inherit;left:inherit;width:inherit;height:inherit;overflow:inherit}::slotted(a){padding:12px;font-size:2rem;background-color:#fdfdfd;box-shadow:0 8px 24px rgba(32, 41, 55, 0.4), 0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff !important}";
+const guxSkipNavigationItemCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host(:focus-within){position:inherit;top:inherit;left:inherit;width:inherit;height:inherit;overflow:inherit}::slotted(a){padding:12px;font-size:2rem;background-color:#fdfdfd;box-shadow:0 8px 24px fade(#202937, 40%), 0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff !important}";
 
 const GuxSkipNavigationItem = class {
   constructor(hostRef) {

package/dist/esm/{gux-skip-navigation-list-beta.entry.js → gux-skip-navigation-list.entry.js}

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-0b66fe2c.js';
 import { b as buildI18nForComponent } from './index-694d55cf.js';
-import { t as trackComponent } from './usage-4f6d345a.js';
+import { t as trackComponent } from './usage-09e38ac3.js';
 import './get-closest-element-1597503c.js';
 
 const navigationName = "Skip links navigation";
@@ -26,4 +26,4 @@ const GuxSkipNavigationList = class {
 };
 GuxSkipNavigationList.style = guxSkipNavigationListCss;
 
-export { GuxSkipNavigationList as gux_skip_navigation_list_beta };
+export { GuxSkipNavigationList as gux_skip_navigation_list };

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

@@ -1,11 +1,11 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-0b66fe2c.js';
 import { b as buildI18nForComponent } from './index-694d55cf.js';
-import { t as trackComponent } from './usage-4f6d345a.js';
+import { t as trackComponent } from './usage-09e38ac3.js';
 import { g as getClosestElement } from './get-closest-element-1597503c.js';
 import { o as onMutation } from './on-mutation-d500715c.js';
-import { t as tableResources } from './en-66f138f8.js';
+import { t as tableResources } from './en-5ed282a0.js';
 
-const guxSortControlCss = ".gux-container{position:absolute;inset:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start;border-top:3px solid transparent;border-bottom:3px solid transparent}.gux-container:focus-within{border-bottom-color:#75a8ff}.gux-container .gux-sort-button{all:unset;flex:1 1 auto;align-self:stretch;order:0;cursor:pointer}.gux-container .gux-sort-button .gux-sort-icon{float:right;width:16px;height:16px;margin:8px;color:#d7dce5}.gux-container .gux-sort-button .gux-sort-icon.gux-left{float:left}.gux-container .gux-sort-button.gux-active .gux-sort-icon{color:#2e394c}.gux-container .gux-resize-spacer{flex:0 1 auto;align-self:stretch;order:0;width:2px}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";
+const guxSortControlCss = ".gux-container{position:absolute;inset:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start;border-top:var(--gse-ui-dataTableItems-header-selectedBar-height) solid transparent;border-bottom:var(--gse-ui-dataTableItems-header-selectedBar-height) solid transparent}.gux-container:focus-within{border-bottom-color:var(--gse-ui-dataTableItems-header-selectedIndicatorColor)}.gux-container .gux-sort-button{all:unset;flex:1 1 auto;align-self:stretch;order:0;cursor:pointer}.gux-container .gux-sort-button .gux-sort-icon{float:right;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-dataTableItems-header-sort-foregroundColor);margin:0 var(--gse-ui-dataTableItems-header-gap)}.gux-container .gux-sort-button .gux-sort-icon.gux-left{float:left;margin-left:calc(2px + var(--gse-ui-dataTableItems-header-gap))}.gux-container .gux-resize-spacer{flex:0 1 auto;align-self:stretch;order:0;width:2px}";
 
 const GuxSortControl = class {
   constructor(hostRef) {
@@ -61,10 +61,10 @@ const GuxSortControl = class {
   getIconName(colSortDirection) {
     switch (colSortDirection) {
       case 'descending':
-        return 'arrow-solid-up';
+        return 'arrow-solid-down';
       case 'ascending':
       default:
-        return 'arrow-solid-down';
+        return 'arrow-solid-up';
     }
   }
   getNextSort(colSortDirection) {
@@ -106,7 +106,7 @@ const GuxSortControl = class {
     return (h("div", { class: "gux-container" }, h("button", { class: {
         'gux-sort-button': true,
         'gux-active': this.active
-      }, type: "button", onClick: () => this.onClick() }, h("span", { class: "gux-sr-only" }, this.getSRText(this.sort)), h("gux-icon", { class: {
+      }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { class: {
         'gux-sort-icon': true,
         'gux-left': this.isLeftAlignIcon
       }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { class: "gux-resize-spacer" })));

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-0b66fe2c.js';
+import { a as autoUpdate, c as computePosition } from './floating-ui.dom.esm-c86d3efa.js';
 import { a as afterNextRenderTimeout } from './after-next-render-ed0f7dcd.js';
 import { m as menuNavigation, h as hideDelay } from './gux-menu.common-4a871a5c.js';
-import { c as createPopper } from './popper-1604923e.js';
 
-const guxSubmenuCss = "gux-submenu{display:block;flex:1 1 auto;align-self:auto}gux-submenu .gux-submenu-button{all:unset;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;width:129px;height:32px;padding:0 12px 0 16px;line-height:32px;color:#2e394c;background-color:#fdfdfd}gux-submenu .gux-submenu-button:focus-within,gux-submenu .gux-submenu-button:hover{color:#fdfdfd;background-color:#2a60c8}gux-submenu .gux-submenu-button .gux-submenu-button-text{flex:1 1 auto;align-self:auto;order:0;margin-right:12px;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}gux-submenu .gux-submenu-button .gux-submenu-open-icon{flex:0 0 auto;align-self:auto;order:0;width:16px;height:16px}gux-submenu .gux-submenu-wrapper{flex-direction:column;padding:8px 0;visibility:hidden;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}gux-submenu .gux-submenu-wrapper.gux-shown{visibility:visible}";
+const guxSubmenuCss = "gux-submenu{display:block;flex:1 1 auto;align-self:auto}gux-submenu .gux-submenu-button{all:unset;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;width:129px;height:32px;padding:0 12px 0 16px;line-height:32px;color:#2e394c;background-color:#fdfdfd}gux-submenu .gux-submenu-button:focus-within,gux-submenu .gux-submenu-button:hover{color:#fdfdfd;background-color:#2a60c8}gux-submenu .gux-submenu-button .gux-submenu-button-text{flex:1 1 auto;align-self:auto;order:0;margin-right:12px;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}gux-submenu .gux-submenu-button .gux-submenu-open-icon{flex:0 0 auto;align-self:auto;order:0;width:16px;height:16px}gux-submenu .gux-submenu-wrapper{position:absolute;top:0;left:0;flex-direction:column;padding:8px 0;margin:0;visibility:hidden;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}gux-submenu .gux-submenu-wrapper.gux-shown{visibility:visible}";
 
 const GuxSubmenu = class {
   constructor(hostRef) {
@@ -11,13 +11,6 @@ const GuxSubmenu = class {
     this.label = undefined;
     this.isShown = false;
   }
-  forceUpdate(isShown) {
-    if (isShown) {
-      if (this.popperInstance) {
-        void this.popperInstance.update();
-      }
-    }
-  }
   /**
    * Focus on the components button element
    */
@@ -98,27 +91,30 @@ const GuxSubmenu = class {
       }, hideDelay);
     }
   }
-  runPopper() {
-    this.popperInstance = createPopper(this.buttonElement, this.submenuElement, {
-      modifiers: [
-        {
-          name: 'offset',
-          options: {
-            offset: [-8, 0]
-          }
-        },
-        {
-          name: 'flip',
-          enabled: false
-        }
-      ],
-      placement: 'right-start'
-    });
-  }
-  destroyPopper() {
-    if (this.popperInstance) {
-      this.popperInstance.destroy();
-      this.popperInstance = null;
+  runUpdatePosition() {
+    if (this.root.isConnected) {
+      this.cleanupUpdatePosition = autoUpdate(this.buttonElement, this.submenuElement, () => this.updatePosition(), {
+        ancestorScroll: true,
+        elementResize: true,
+        animationFrame: true,
+        ancestorResize: true
+      });
+    }
+    else {
+      this.disconnectedCallback();
+    }
+  }
+  updatePosition() {
+    if (this.submenuElement) {
+      void computePosition(this.buttonElement, this.submenuElement, {
+        placement: 'right-start',
+        middleware: []
+      }).then(({ x, y }) => {
+        Object.assign(this.submenuElement.style, {
+          left: `${x}px`,
+          top: `${y}px`
+        });
+      });
     }
   }
   focusOnSubmenu() {
@@ -130,10 +126,22 @@ const GuxSubmenu = class {
     void nextFocusableElement.guxFocus();
   }
   componentDidLoad() {
-    this.runPopper();
+    if (this.isShown) {
+      this.runUpdatePosition();
+    }
+  }
+  componentDidUpdate() {
+    if (this.isShown) {
+      this.runUpdatePosition();
+    }
+    else if (this.cleanupUpdatePosition) {
+      this.cleanupUpdatePosition();
+    }
   }
   disconnectedCallback() {
-    this.destroyPopper();
+    if (this.cleanupUpdatePosition) {
+      this.cleanupUpdatePosition();
+    }
   }
   render() {
     return (h(Host, null, h("button", { type: "button", class: "gux-submenu-button", role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { class: "gux-submenu-button-text" }, this.label), h("gux-icon", { class: "gux-submenu-open-icon", "icon-name": "chevron-small-right", decorative: true })), h("div", { ref: el => (this.submenuElement = el), class: {
@@ -142,9 +150,6 @@ const GuxSubmenu = class {
       } }, h("div", { role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", null)))));
   }
   get root() { return getElement(this); }
-  static get watchers() { return {
-    "isShown": ["forceUpdate"]
-  }; }
 };
 GuxSubmenu.style = guxSubmenuCss;
 

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-0b66fe2c.js';
 
-const guxSwitchItemCss = "gux-switch-item>.gux-switch-item{font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;font:unset;color:#2e394c;text-align:center;background:none;border:none;outline:none}gux-switch-item>.gux-switch-item>gux-icon svg{fill:#99a4b8}gux-switch-item[disabled]{pointer-events:none;opacity:0.5}gux-switch-item.gux-selected{font-family:Roboto, sans-serif;font-weight:400;font-weight:700}gux-switch>gux-switch-item .gux-switch-item{padding:0 8px 4px;border-bottom:1px solid #e2e6ee}gux-switch>gux-switch-item .gux-switch-item:focus-visible,gux-switch>gux-switch-item .gux-switch-item:hover{padding:0 8px 1px;border-bottom:4px solid #2a60c8;outline:none}gux-switch>gux-switch-item .gux-switch-item:focus-visible>gux-icon svg,gux-switch>gux-switch-item .gux-switch-item:hover>gux-icon svg{fill:#2e394c}gux-switch>gux-switch-item .gux-switch-item>gux-icon{width:32px;height:32px}gux-switch>gux-switch-item.gux-selected .gux-switch-item{padding:0 8px 1px;border-bottom:4px solid #2a60c8}gux-switch>gux-switch-item.gux-selected .gux-switch-item>gux-icon svg{fill:#2e394c}gux-switch.gux-small>gux-switch-item .gux-switch-item{font-family:Roboto, sans-serif;font-weight:400;font-size:11px;line-height:16px;padding:0 4px;border-bottom:1px solid #e2e6ee}gux-switch.gux-small>gux-switch-item .gux-switch-item:focus-visible,gux-switch.gux-small>gux-switch-item .gux-switch-item:hover{border-bottom-color:#2e394c}gux-switch.gux-small>gux-switch-item .gux-switch-item>gux-icon{width:24px;height:24px}gux-switch.gux-small>gux-switch-item.gux-selected .gux-switch-item{border-bottom-color:#2e394c}";
+const guxSwitchItemCss = ".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)}gux-switch-item>.gux-switch-item{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);font:unset;color:#2e394c;text-align:center;background:none;border:none;outline:none}gux-switch-item>.gux-switch-item>gux-icon svg{fill:#99a4b8}gux-switch-item[disabled]{pointer-events:none;opacity:0.5}gux-switch-item.gux-selected{font-family:var(--gse-core-fontFamily-body), sans-serif;font-weight:var(--gse-core-fontWeight-bold)}gux-switch>gux-switch-item .gux-switch-item{padding:0 8px 4px;border-bottom:1px solid #e2e6ee}gux-switch>gux-switch-item .gux-switch-item:focus-visible,gux-switch>gux-switch-item .gux-switch-item:hover{padding:0 8px 1px;border-bottom:4px solid #2a60c8;outline:none}gux-switch>gux-switch-item .gux-switch-item:focus-visible>gux-icon svg,gux-switch>gux-switch-item .gux-switch-item:hover>gux-icon svg{fill:#2e394c}gux-switch>gux-switch-item .gux-switch-item>gux-icon{width:32px;height:32px}gux-switch>gux-switch-item.gux-selected .gux-switch-item{padding:0 8px 1px;border-bottom:4px solid #2a60c8}gux-switch>gux-switch-item.gux-selected .gux-switch-item>gux-icon svg{fill:#2e394c}gux-switch.gux-small>gux-switch-item .gux-switch-item{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);padding:0 4px;border-bottom:1px solid #e2e6ee}gux-switch.gux-small>gux-switch-item .gux-switch-item:focus-visible,gux-switch.gux-small>gux-switch-item .gux-switch-item:hover{border-bottom-color:#2e394c}gux-switch.gux-small>gux-switch-item .gux-switch-item>gux-icon{width:24px;height:24px}gux-switch.gux-small>gux-switch-item.gux-selected .gux-switch-item{border-bottom-color:#2e394c}";
 
 const GuxSwitchItem = class {
   constructor(hostRef) {

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-0b66fe2c.js';
 import { s as simulateNativeEvent } from './simulate-native-event-ac69961f.js';
-import { t as trackComponent } from './usage-4f6d345a.js';
+import { t as trackComponent } from './usage-09e38ac3.js';
 
-const guxSwitchCss = "gux-switch{display:flex;align-items:flex-end}";
+const guxSwitchCss = ":host{display:flex;align-items:flex-end}";
 
 const GuxSwitch = class {
   constructor(hostRef) {

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

@@ -3026,7 +3026,7 @@ _extends(Remove, {
 Sortable.mount(new AutoScrollPlugin());
 Sortable.mount(Remove, Revert);
 
-const guxTabAdvancedListCss = "gux-tab-advanced-list .gux-tab-container{display:flex;align-items:flex-end;width:100%;height:50px;margin-bottom:16px;overflow-x:auto;overflow-y:hidden;background-color:#f6f7f9;border-bottom:1px solid #d7dce5;border-radius:4px 4px 0 0}gux-tab-advanced-list .gux-tab-container .action-button-container{display:flex;border-radius:4px}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button{min-width:35px;height:50px;padding:0;margin-left:2px;color:#2e394c;background-color:#e2e6ee;border:none;border-radius:4px;transition:color 0.25s}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button [slot='add-tab']{display:inline-flex;align-items:center;padding:0 12px;white-space:nowrap;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button [slot='add-tab'] gux-icon{padding-right:8px}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:disabled{opacity:0.5}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:hover{background-color:#d7dce5}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:active{background-color:#c8cfda}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:focus-visible{outline:none;box-shadow:inset 0 0 0 3px #aac9ff}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:focus-visible{border-radius:5px;outline:none;box-shadow:inset 0 0 0 3px #aac9ff}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button gux-icon{width:16px;height:16px}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container{display:flex;border-radius:4px}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button{display:flex;align-items:center;justify-content:center;width:28px;height:50px;padding:0;color:#2e394c;background-color:#e2e6ee;border:none;border-radius:4px;transition:color 0.25s}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:focus-visible{border:3px solid #aac9ff;border-radius:5px;outline:none}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button gux-icon{width:16px;height:16px}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:focus-visible{border:3px solid #aac9ff;outline:none}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:hover{background-color:#d7dce5}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:active{background-color:#c8cfda}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}gux-tab-advanced-list .gux-tab-container .gux-scrollable-section{display:flex;align-items:flex-end;height:50px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}gux-tab-advanced-list .gux-tab-container .gux-scrollable-section::-webkit-scrollbar{height:0}gux-tab-advanced-list .gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";
+const guxTabAdvancedListCss = "gux-tab-advanced-list .gux-tab-container{display:flex;align-items:flex-end;width:100%;height:50px;margin-bottom:16px;overflow-x:auto;overflow-y:hidden;background-color:#f6f7f9;border-bottom:1px solid #d7dce5;border-radius:4px 4px 0 0}gux-tab-advanced-list .gux-tab-container .action-button-container{display:flex;border-radius:4px}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button{min-width:35px;height:50px;padding:0;margin-left:2px;color:#2e394c;background-color:#e2e6ee;border:none;border-radius:4px;transition:color 0.25s}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button [slot='add-tab']{display:inline-flex;align-items:center;padding:0 12px;white-space:nowrap;font-size:12px;line-height:20px;font-family:sans-serif;font-weight:400;font-weight:700}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button [slot='add-tab'] gux-icon{padding-right:8px}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:disabled{opacity:0.5}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:hover{background-color:#d7dce5}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:active{background-color:#c8cfda}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:focus-visible{outline:none;box-shadow:inset 0 0 0 3px #aac9ff}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:focus-visible{border-radius:5px;outline:none;box-shadow:inset 0 0 0 3px #aac9ff}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button gux-icon{width:16px;height:16px}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container{display:flex;border-radius:4px}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button{display:flex;align-items:center;justify-content:center;width:28px;height:50px;padding:0;color:#2e394c;background-color:#e2e6ee;border:none;border-radius:4px;transition:color 0.25s}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:focus-visible{border:3px solid #aac9ff;border-radius:5px;outline:none}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button gux-icon{width:16px;height:16px}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:focus-visible{border:3px solid #aac9ff;outline:none}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:hover{background-color:#d7dce5}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:active{background-color:#c8cfda}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}gux-tab-advanced-list .gux-tab-container .gux-scrollable-section{display:flex;align-items:flex-end;height:50px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}gux-tab-advanced-list .gux-tab-container .gux-scrollable-section::-webkit-scrollbar{height:0}gux-tab-advanced-list .gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

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

@@ -6,7 +6,7 @@ import { b as buildI18nForComponent } from './index-694d55cf.js';
 import { t as tabsResources } from './en-46223eb1.js';
 import './get-closest-element-1597503c.js';
 
-const guxTabAdvancedCss = ".gux-tab-sorting :focus-within{margin-bottom:4px}gux-tab-advanced:not(:last-child) .gux-tab:not(.gux-dropdown-options) .gux-tab-button{border-right:1px solid #d7dce5}gux-tab-advanced:not(:last-child) .gux-dropdown-options .gux-tab-options-button{border-right:1px solid #d7dce5}gux-tab-advanced .gux-tab{display:flex;align-items:center;width:126px;height:50px;padding-bottom:2px;overflow:hidden;border-radius:4px 4px 0 0;transition:width 0.4s ease-out}gux-tab-advanced .gux-tab .gux-tab-button{display:flex;align-items:center;width:100%;width:125px;height:50px;padding-right:0;padding-left:16px;color:#000000;background-color:#f6f7f9;border:none}gux-tab-advanced .gux-tab .gux-tab-button:focus-visible{height:90%;border:3px solid #aac9ff;border-radius:5px;outline:none}gux-tab-advanced .gux-tab.gux-show{width:160px}gux-tab-advanced .gux-tab.gux-show.gux-disabled .gux-tab-button{color:rgba(0, 0, 0, 0.5)}gux-tab-advanced .gux-tab.gux-show.gux-disabled .gux-tab-options-button{color:rgba(46, 57, 76, 0.5);pointer-events:none;cursor:default}gux-tab-advanced .gux-tab .gux-tab-options-button{z-index:1;align-items:center;justify-content:center;width:35px;height:30px;padding:0;cursor:pointer;background-color:#f6f7f9;border:none}gux-tab-advanced .gux-tab .gux-tab-options-button:focus-visible{outline:none}gux-tab-advanced .gux-tab .gux-tab-options-button:focus-visible gux-icon{padding-right:0;padding-left:0;border:3px solid #aac9ff;border-radius:5px}gux-tab-advanced .gux-tab .gux-tab-options-button gux-icon{width:16px;height:16px;padding-right:16px;padding-left:8px;transition:color 0.25s}gux-tab-advanced .gux-tab:not(.gux-dropdown-options) .gux-tab-button{width:160px;height:30px;padding-right:16px}gux-tab-advanced .gux-tab:not(.gux-dropdown-options) .gux-tab-button:focus-visible{height:90%;border:3px solid #aac9ff;border-radius:5px;outline:none}gux-tab-advanced .gux-tab .tab-icon-container{display:flex;flex:0 0 16px;align-items:center;justify-content:center;height:14px;margin-right:8px}gux-tab-advanced .gux-tab .tab-icon-container gux-icon{width:100%}gux-tab-advanced .gux-tab.gux-selected{padding-bottom:0;background-color:#fdfdfd;border-bottom:2px solid #2a60c8}gux-tab-advanced .gux-tab.gux-selected .gux-tab-button{background-color:#fdfdfd}gux-tab-advanced .gux-tab.gux-selected .gux-tab-options-button{background-color:#fdfdfd}gux-tab-advanced .gux-tab:hover:not(.gux-selected):not(.gux-disabled){padding-bottom:0;border-bottom:2px solid #8a97ad}gux-tab-advanced .gux-tab gux-tooltip-title{font-size:14px;white-space:nowrap}";
+const guxTabAdvancedCss = ".gux-tab-sorting :focus-within{margin-bottom:4px}gux-tab-advanced:not(:last-child) .gux-tab:not(.gux-dropdown-options) .gux-tab-button{border-right:1px solid #d7dce5}gux-tab-advanced:not(:last-child) .gux-dropdown-options .gux-tab-options-button{border-right:1px solid #d7dce5}gux-tab-advanced .gux-tab{display:flex;align-items:center;width:126px;height:50px;padding-bottom:2px;overflow:hidden;border-radius:4px 4px 0 0;transition:width 0.4s ease-out}gux-tab-advanced .gux-tab .gux-tab-button{display:flex;align-items:center;width:100%;width:125px;height:50px;padding-right:0;padding-left:16px;color:#000;background-color:#f6f7f9;border:none}gux-tab-advanced .gux-tab .gux-tab-button:focus-visible{height:90%;border:3px solid #aac9ff;border-radius:5px;outline:none}gux-tab-advanced .gux-tab.gux-show{width:160px}gux-tab-advanced .gux-tab.gux-show.gux-disabled .gux-tab-button{color:rgba(0, 0, 0, 0.5)}gux-tab-advanced .gux-tab.gux-show.gux-disabled .gux-tab-options-button{color:rgba(46, 57, 76, 0.5);pointer-events:none;cursor:default}gux-tab-advanced .gux-tab .gux-tab-options-button{z-index:1;align-items:center;justify-content:center;width:35px;height:30px;padding:0;cursor:pointer;background-color:#f6f7f9;border:none}gux-tab-advanced .gux-tab .gux-tab-options-button:focus-visible{outline:none}gux-tab-advanced .gux-tab .gux-tab-options-button:focus-visible gux-icon{padding-right:0;padding-left:0;border:3px solid #aac9ff;border-radius:5px}gux-tab-advanced .gux-tab .gux-tab-options-button gux-icon{width:16px;height:16px;padding-right:16px;padding-left:8px;transition:color 0.25s}gux-tab-advanced .gux-tab:not(.gux-dropdown-options) .gux-tab-button{width:160px;height:30px;padding-right:16px}gux-tab-advanced .gux-tab:not(.gux-dropdown-options) .gux-tab-button:focus-visible{height:90%;border:3px solid #aac9ff;border-radius:5px;outline:none}gux-tab-advanced .gux-tab .tab-icon-container{display:flex;flex:0 0 16px;align-items:center;justify-content:center;height:14px;margin-right:8px}gux-tab-advanced .gux-tab .tab-icon-container gux-icon{width:100%}gux-tab-advanced .gux-tab.gux-selected{padding-bottom:0;background-color:#fdfdfd;border-bottom:2px solid #2a60c8}gux-tab-advanced .gux-tab.gux-selected .gux-tab-button{background-color:#fdfdfd}gux-tab-advanced .gux-tab.gux-selected .gux-tab-options-button{background-color:#fdfdfd}gux-tab-advanced .gux-tab:hover:not(.gux-selected):not(.gux-disabled){padding-bottom:0;border-bottom:2px solid #8a97ad}gux-tab-advanced .gux-tab gux-tooltip-title{font-size:14px;white-space:nowrap}";
 
 const GuxTabAdvanced = class {
   constructor(hostRef) {

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h } from './index-0b66fe2c.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-0b66fe2c.js';
 
-const guxTabPanelCss = "gux-tab-panel div[role='tabpanel']:focus{outline:none}gux-tab-panel div[role='tabpanel']:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}";
+const guxTabPanelCss = ".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{height:calc(100% - 57px)}:host(:not([hidden])){display:flex;flex-grow:1}:host(:focus){outline:none}:host(: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)}";
 
 const GuxTabPanel = class {
   constructor(hostRef) {
@@ -19,7 +19,7 @@ const GuxTabPanel = class {
     }
   }
   render() {
-    return (h("div", { id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", null)));
+    return (h(Host, { id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", null)));
   }
   static get watchers() { return {
     "active": ["watchActivePanel"]

package/dist/esm/gux-table-select-menu.entry.js

@@ -3,10 +3,10 @@ import { a as afterNextRenderTimeout } from './after-next-render-ed0f7dcd.js';
 import { e as eventIsFrom } from './event-is-from-90b69768.js';
 import { r as randomHTMLId } from './random-html-id-8e3f658c.js';
 import { b as buildI18nForComponent } from './index-694d55cf.js';
-import { t as tableResources } from './en-66f138f8.js';
+import { t as tableResources } from './en-5ed282a0.js';
 import './get-closest-element-1597503c.js';
 
-const guxTableSelectMenuCss = "gux-table-select-menu{display:inline-flex;font-weight:400}gux-table-select-menu .gux-select-menu-button{width:24px;height:24px;padding:0;color:#6b7585;background-color:inherit;border:none;border-radius:4px;outline:none}gux-table-select-menu .gux-select-menu-button:disabled{color:rgba(107, 117, 133, 0.5)}gux-table-select-menu .gux-select-menu-button:hover:not(gux-table-select-menu .gux-select-menu-button:disabled){color:#2e394c}gux-table-select-menu .gux-select-menu-button:focus-visible gux-icon{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd;border-radius:4px}gux-table-select-menu .gux-select-menu-button gux-icon{width:16px;height:16px}";
+const guxTableSelectMenuCss = ".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-table-select-menu{display:inline-flex;font-family:var(--gse-ui-popover-body-text-fontFamily);font-weight:var(--gse-ui-popover-body-text-fontWeight);line-height:var(--gse-ui-popover-body-text-lineHeight);font-size:var(--gse-ui-popover-body-text-fontSize)}gux-table-select-menu .gux-select-menu-button{margin-left:var(--gse-ui-dataTableItems-header-gap);padding:0;color:var(--gse-ui-dataTableItems-cell-chevron-foregroundColor);background-color:inherit;border:none;outline:none}gux-table-select-menu .gux-select-menu-button:focus-visible gux-icon{outline:var(--gse-semantic-focusRing-width) solid var(--gse-semantic-color-focus);outline-offset:var(--gse-semantic-focusRing-offset);border-radius:var(--gse-semantic-focusRing-cornerRadius)}gux-table-select-menu .gux-select-menu-button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}";
 
 const GuxTableSelectMenu = class {
   constructor(hostRef) {

package/dist/esm/gux-table-select-popover.entry.js

@@ -3,7 +3,7 @@ import { O as OnClickOutside } from './on-click-outside-bc432a79.js';
 import { b as onHiddenChange } from './on-attribute-change-5fd8da7c.js';
 import { c as createPopper } from './popper-1604923e.js';
 
-const guxTableSelectPopoverCss = ":host{color:#2e394c}.gux-popover-wrapper{z-index:var(--gux-zindex-popover, 2);display:inline-block;padding:8px 0;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";
+const guxTableSelectPopoverCss = ":host{color:var(--gse-ui-popover-headerColor)}.gux-popover-wrapper{z-index:2;display:inline-block;padding:var(--gse-ui-popover-gap) 0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-popover-boxShadow-color)}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-0b66fe2c.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-d2512ec0.js';
-import { t as trackComponent } from './usage-4f6d345a.js';
+import { t as trackComponent } from './usage-09e38ac3.js';
 import { b as buildI18nForComponent } from './index-694d55cf.js';
 import './get-closest-element-1597503c.js';
 

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

@@ -1,7 +1,8 @@
 import { r as registerInstance, h, g as getElement } from './index-0b66fe2c.js';
-import { t as trackComponent } from './usage-4f6d345a.js';
+import { t as trackComponent } from './usage-09e38ac3.js';
+import { g as getSlotTextContent } from './get-slot-text-content-2e086993.js';
 
-const guxTableToolbarCustomActionCss = ":host([disabled]),button[disabled]{pointer-events:none}.gux-sr-only{display:flex}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-action-title{display:flex;flex-direction:row;gap:8px;align-items:center}.gux-action-title slot[name='icon']::slotted(gux-icon){width:16px;height:16px}";
+const guxTableToolbarCustomActionCss = ":host([disabled]),button[disabled]{pointer-events:none}.gux-sr-only{display:flex}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-action-title{display:flex;flex-direction:row;gap:var(--gse-ui-button-gap);align-items:center}.gux-action-title slot[name=icon]::slotted(gux-icon){width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}";
 
 const GuxTableToolbarCustomAction = class {
   constructor(hostRef) {
@@ -10,11 +11,16 @@ const GuxTableToolbarCustomAction = class {
     this.accent = 'secondary';
     this.disabled = false;
   }
+  renderTooltip() {
+    if (this.iconOnly) {
+      return (h("gux-tooltip", null, getSlotTextContent(this.root, 'text')));
+    }
+  }
   componentWillLoad() {
     trackComponent(this.root);
   }
   render() {
-    return (h("gux-button-slot-beta", { accent: this.accent }, h("button", { disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { name: "icon" }), h("span", { class: { 'gux-sr-only': this.iconOnly } }, h("slot", { name: "text" })))));
+    return (h("gux-button-slot", { accent: this.accent }, h("button", { disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { name: "icon" }), h("span", { class: { 'gux-sr-only': this.iconOnly } }, h("slot", { name: "text" }))), this.renderTooltip()));
   }
   static get delegatesFocus() { return true; }
   get root() { return getElement(this); }

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-0b66fe2c.js';
-import { t as trackComponent } from './usage-4f6d345a.js';
+import { t as trackComponent } from './usage-09e38ac3.js';
 import { O as OnClickOutside } from './on-click-outside-bc432a79.js';
 import { b as buildI18nForComponent } from './index-694d55cf.js';
 import { b as afterNextRender } from './after-next-render-ed0f7dcd.js';
@@ -10,7 +10,7 @@ const translationResources = {
 	additionalActions: additionalActions
 };
 
-const guxTableToolbarMenuButtonCss = ":host{display:none;-webkit-user-select:none;user-select:none;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}:host(.gux-show-menu){display:block}>*{vertical-align:middle}.gux-menu-button button{color:#2e394c;cursor:grab;background-color:#e2e6ee;border:none}.gux-menu-button button gux-icon{width:16px;height:16px}.gux-list-container{width:min-content;padding:8px 0;margin:0;list-style:none;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";
+const guxTableToolbarMenuButtonCss = ":host{display:none;-webkit-user-select:none;user-select:none}:host(.gux-show-menu){display:block}.gux-menu-button button{color:var(--gse-ui-button-secondary-default-foregroundColor);cursor:grab;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none}.gux-menu-button button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}.gux-list-container{width:min-content;padding:var(--gse-ui-menu-padding);margin:0;list-style:none;background-color:var(--gse-ui-menu-backgroundColor);border:1px var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);border-radius:var(--gse-ui-menu-borderRadius);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)}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -64,6 +64,12 @@ const GuxTableToolbarMenuButton = class {
       }
     }
   }
+  onFocusin() {
+    void this.tooltipTitleElement.setShowTooltip();
+  }
+  onFocusout() {
+    void this.tooltipTitleElement.setHideTooltip();
+  }
   toggle() {
     this.expanded = !this.expanded;
     if (this.expanded) {
@@ -88,7 +94,7 @@ const GuxTableToolbarMenuButton = class {
     trackComponent(this.root);
   }
   render() {
-    return (h(Host, { class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { expanded: this.expanded }, h("div", { slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot-beta", { class: "gux-menu-button" }, h("button", { type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-icon", { "screenreader-text": this.i18n('additionalActions'), "icon-name": "menu-kebab-horizontal" })))), h("div", { class: "gux-list-container", slot: "popup" }, h("gux-list", { ref: el => (this.listElement = el) }, h("slot", null))))));
+    return (h(Host, { class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { expanded: this.expanded }, h("div", { slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { class: "gux-menu-button" }, h("button", { type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { ref: el => (this.tooltipTitleElement = el) }, h("span", null, h("gux-icon", { "screenreader-text": this.i18n('additionalActions'), "icon-name": "menu-kebab-horizontal" })))))), h("div", { class: "gux-list-container", slot: "popup" }, h("gux-list", { ref: el => (this.listElement = el) }, h("slot", null))))));
   }
   static get delegatesFocus() { return true; }
   get root() { return getElement(this); }