genesys-spark-components 4.0.0-beta.44 → 4.0.0-beta.45

package/dist/cjs/{usage-c047742d.js → usage-c3a491a4.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const name = "genesys-spark-components";
-const version = "4.0.0-beta.44";
+const version = "4.0.0-beta.45";
 const description = "Common webcomponents";
 const license = "MIT";
 const main = "dist/stencil-wrapper.js";
@@ -61,35 +61,35 @@ const types = "dist/types/index.d.ts";
 const dependencies = {
 	"@floating-ui/dom": "1.4.3",
 	"@vvo/tzdb": "^6.108.0",
-	"google-libphonenumber": "^3.2.32",
-	"intl-messageformat": "^10.3.5",
+	"google-libphonenumber": "^3.2.33",
+	"intl-messageformat": "^10.5.3",
 	"requestanimationframe-timer": "^3.0.3",
 	sortablejs: "^1.15.0"
 };
 const devDependencies = {
-	"@babel/core": "^7.22.8",
-	"@babel/preset-env": "^7.22.7",
-	"@stencil/core": "^4.3.0",
-	"@stencil/react-output-target": "^0.3.1",
-	"@stencil/sass": "^3.0.3",
+	"@babel/core": "^7.23.2",
+	"@babel/preset-env": "^7.23.2",
+	"@stencil/core": "^4.4.1",
+	"@stencil/react-output-target": "^0.5.3",
+	"@stencil/sass": "^3.0.6",
 	"@stencil/utils": "0.0.5",
-	"@types/google-libphonenumber": "^7.4.23",
+	"@types/google-libphonenumber": "^7.4.28",
 	"@types/jest": "^27.5.2",
 	"@types/new-relic-browser": "^0.1118.2",
 	"@types/puppeteer": "^5.4.7",
-	"@types/resize-observer-browser": "^0.1.7",
-	"@types/sortablejs": "^1.15.1",
-	"@typescript-eslint/eslint-plugin": "^6.0.0",
-	"@typescript-eslint/parser": "^6.0.0",
+	"@types/resize-observer-browser": "^0.1.8",
+	"@types/sortablejs": "^1.15.3",
+	"@typescript-eslint/eslint-plugin": "^6.7.5",
+	"@typescript-eslint/parser": "^6.7.5",
 	"axe-core": "4.4.2",
 	"axe-live": "^1.0.1",
-	eslint: "^8.44.0",
+	eslint: "^8.51.0",
 	"eslint-config-genesys-spark-components": "file:../../shared-configs/eslint-config-genesys-spark-components",
-	"eslint-config-prettier": "^8.8.0",
+	"eslint-config-prettier": "^8.10.0",
 	"file-loader": "^6.2.0",
 	"genesys-spark-tokens": "file:../genesys-spark-tokens",
 	glob: "^10.3.0",
-	handlebars: "^4.7.7",
+	handlebars: "^4.7.8",
 	inquirer: "^9.2.7",
 	jest: "^27.5.1",
 	"jest-cli": "^27.5.1",
@@ -98,31 +98,32 @@ const devDependencies = {
 	"jest-junit": "^13.2.0",
 	"jest-silent-reporter": "^0.5.0",
 	jsdom: "^22.1.0",
-	"lint-staged": "^13.2.3",
+	"lint-staged": "^13.3.0",
 	marked: "^4.3.0",
 	"mutation-observer": "^1.0.3",
-	"node-fetch": "^3.3.1",
+	"node-fetch": "^3.3.2",
 	"npm-run-all": "^4.1.5",
 	"postcss-html": "^1.5.0",
 	"postcss-less": "^6.0.0",
-	"postcss-scss": "^4.0.8",
-	prettier: "^3.0.0",
+	"postcss-scss": "^4.0.9",
+	prettier: "^3.0.3",
 	"prettier-config-genesys-spark-components": "file:../../shared-configs/prettier-config-genesys-spark-components",
 	"prettier-package-json": "^2.8.0",
 	puppeteer: "^14.4.1",
-	"rollup-plugin-copy": "^3.4.0",
+	"resize-observer-polyfill": "^1.5.1",
+	"rollup-plugin-copy": "^3.5.0",
 	"semver-sort": "^1.0.0",
 	"spritesheet-templates": "^10.5.2",
 	spritesmith: "^3.4.1",
-	stylelint: "^15.10.1",
+	stylelint: "^15.10.3",
 	"stylelint-config-genesys-spark-components": "file:../../shared-configs/stylelint-config-genesys-spark-components",
 	"stylelint-config-html": "^1.1.0",
 	"stylelint-config-recess-order": "^4.3.0",
 	"stylelint-config-standard": "^34.0.0",
 	"stylelint-scss": "^5.2.1",
 	svgo: "^3.0.2",
-	"ts-loader": "^9.4.4",
-	typescript: "^4.9.4",
+	"ts-loader": "^9.5.0",
+	typescript: "^4.9.5",
 	weekstart: "^2.0.0",
 	xmldom: "^0.6.0"
 };

package/dist/collection/collection-manifest.json

@@ -124,8 +124,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.3.0",
-    "typescriptVersion": "5.1.6"
+    "version": "4.4.1",
+    "typescriptVersion": "5.2.2"
   },
   "collections": [],
   "bundles": []

package/dist/collection/components/beta/gux-phone-input/services/region-map.service.js

@@ -8,7 +8,9 @@ export function getRegionObjects(locale, i18n, phoneUtil) {
       dialCode: val
     });
   }
-  regionObjects = regionObjects.filter(r => phoneUtil.getSupportedRegions().includes(r.alpha2Code));
+  regionObjects = regionObjects.filter(r => phoneUtil
+    .getSupportedRegions()
+    .includes(r.alpha2Code));
   regionObjects.sort((a, b) => a.name.localeCompare(b.name, locale));
   return regionObjects;
 }

package/dist/collection/components/stable/gux-accordion/gux-accordion-section/gux-accordion-section.css

@@ -43,15 +43,19 @@ section.gux-disabled > * {
 .gux-header ::slotted([slot=header]) {
   padding: 0;
   margin: 0;
+  font-family: var(--gse-ui-accordion-header-label-defaultText-fontFamily) !important;
   font-size: var(--gse-ui-accordion-header-label-defaultText-fontFamily) !important;
   font-weight: var(--gse-ui-accordion-header-label-defaultText-fontWeight) !important;
   line-height: var(--gse-ui-accordion-header-label-defaultText-lineHeight) !important;
+  color: var(--gse-ui-accordion-header-default-foreground-labelColor);
 }
 .gux-header ::slotted([slot=subheader]) {
   padding: 0;
   margin: var(--gux-spacing-3xs) 0 0;
+  font-family: var(--gse-ui-accordion-contentItem-defaultText-fontFamily) !important;
   font-size: var(--gse-ui-accordion-contentItem-defaultText-fontSize) !important;
   font-weight: var(--gse-ui-accordion-contentItem-defaultText-fontWeight) !important;
+  line-height: var(--gse-ui-accordion-contentItem-defaultText-lineHeight) !important;
   color: var(--gse-ui-accordion-contentItem-foregroundColor);
 }
 .gux-header ::slotted([slot=subheader]) .gux-reverse-headings {
@@ -108,4 +112,7 @@ section.gux-disabled > * {
 }
 .gux-content.gux-text-content-layout {
   padding: var(--gse-ui-accordion-contentItem-padding);
+}
+.gux-content ::slotted([slot=content]) {
+  margin: 0;
 }

package/dist/collection/components/stable/gux-blank-state/tests/gux-blank-state.spec.js

@@ -2,14 +2,10 @@ jest.mock('../../../../utils/decorator/on-resize', () => ({
   __esModule: true,
   OnResize: jest.fn()
 }));
-import MutationObserver from "mutation-observer";
 import { newSpecPage } from "../../../../test/specTestUtils";
 import { GuxBlankState } from "../gux-blank-state";
 const components = [GuxBlankState];
 const language = 'en';
-beforeEach(async () => {
-  global.MutationObserver = MutationObserver;
-});
 describe('gux-blank-state', () => {
   it(`should render the component as expected`, async () => {
     const html = `

package/dist/collection/components/stable/gux-content-search/tests/gux-content-search.spec.js

@@ -1,12 +1,8 @@
 import { newSpecPage } from "../../../../test/specTestUtils";
-import MutationObserver from "mutation-observer";
 import { GuxContentSearch } from "../gux-content-search";
 const components = [GuxContentSearch];
 const language = 'en';
 describe('gux-content-search', () => {
-  beforeEach(async () => {
-    global.MutationObserver = MutationObserver;
-  });
   describe('#render', () => {
     [
       {

package/dist/collection/components/stable/gux-copy-to-clipboard/tests/gux-copy-to-clipboard.spec.js

@@ -1,5 +1,4 @@
 import { newSpecPage } from "../../../../test/specTestUtils";
-import MutationObserver from "mutation-observer";
 import { GuxCopyToClipboard } from "../gux-copy-to-clipboard";
 const components = [GuxCopyToClipboard];
 const language = 'en';
@@ -9,9 +8,6 @@ const html = `
   </gux-copy-to-clipboard>
 `;
 describe('gux-copy-to-clipboard', () => {
-  beforeEach(async () => {
-    global.MutationObserver = MutationObserver;
-  });
   describe('#render', () => {
     it('should render copy to clipboard', async () => {
       const page = await newSpecPage({ components, html, language });

package/dist/collection/components/stable/gux-pagination/gux-pagination-items-per-page/tests/gux-pagination-items-per-page.spec.js

@@ -1,5 +1,4 @@
 import { newSpecPage } from "../../../../../test/specTestUtils";
-import MutationObserver from "mutation-observer";
 import { GuxPaginationItemsPerPage } from "../gux-pagination-items-per-page";
 import { GuxDropdown } from "../../../gux-dropdown/gux-dropdown";
 import { GuxListbox } from "../../../gux-listbox/gux-listbox";
@@ -12,9 +11,6 @@ const components = [
 ];
 const language = 'en';
 describe('gux-pagination-items-per-page', () => {
-  beforeEach(async () => {
-    global.MutationObserver = MutationObserver;
-  });
   describe('#render', () => {
     [
       { itemsPerPage: 25 },

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

@@ -174,7 +174,7 @@ export class GuxPopover {
             "Placement": {
               "location": "import",
               "path": "@floating-ui/dom",
-              "id": ""
+              "id": "../../node_modules/@floating-ui/dom/index.d.ts::Placement"
             }
           }
         },

package/dist/collection/components/stable/gux-popover/tests/gux-popover.spec.js

@@ -1,6 +1,5 @@
 import { newSpecPage } from "../../../../test/specTestUtils";
 import * as floatingUi from "@floating-ui/dom";
-import MutationObserver from "mutation-observer";
 import { GuxPopover } from "../gux-popover";
 const components = [GuxPopover];
 const language = 'en';
@@ -15,9 +14,6 @@ const html = `
     </gux-popover>
   </div>`;
 describe('gux-popover', () => {
-  beforeEach(async () => {
-    global.MutationObserver = MutationObserver;
-  });
   afterEach(async () => {
     jest.spyOn(floatingUi, 'autoUpdate').mockRestore();
   });

package/dist/collection/components/stable/gux-popover-list/gux-popover-list.js

@@ -164,7 +164,7 @@ export class GuxPopoverList {
             "Placement": {
               "location": "import",
               "path": "@floating-ui/dom",
-              "id": ""
+              "id": "../../node_modules/@floating-ui/dom/index.d.ts::Placement"
             }
           }
         },

package/dist/collection/components/stable/gux-popover-list/tests/gux-popover-list.spec.js

@@ -1,6 +1,5 @@
 import { newSpecPage } from "../../../../test/specTestUtils";
 import * as floatingUi from "@floating-ui/dom";
-import MutationObserver from "mutation-observer";
 import { GuxPopoverList } from "../gux-popover-list";
 const components = [GuxPopoverList];
 const language = 'en';
@@ -14,9 +13,6 @@ const html = `
     </gux-popover-list>
   </div>`;
 describe('gux-popover-list', () => {
-  beforeEach(async () => {
-    global.MutationObserver = MutationObserver;
-  });
   afterEach(async () => {
     jest.spyOn(floatingUi, 'autoUpdate').mockRestore();
   });

package/dist/collection/components/stable/gux-popup/tests/gux-popup.spec.js

@@ -1,7 +1,6 @@
 import { newSpecPage } from "../../../../test/specTestUtils";
 import * as floatingUi from "@floating-ui/dom";
 import { GuxPopup } from "../gux-popup";
-import MutationObserver from "mutation-observer";
 const components = [GuxPopup];
 const language = 'en';
 function getGuxPopupHtml(expanded, disabled) {
@@ -17,9 +16,6 @@ function getGuxPopupHtml(expanded, disabled) {
 `;
 }
 describe('gux-popup', () => {
-  beforeEach(async () => {
-    global.MutationObserver = MutationObserver;
-  });
   afterEach(async () => {
     jest.spyOn(floatingUi, 'autoUpdate').mockRestore();
   });

package/dist/collection/components/stable/gux-rating/tests/gux-rating.spec.js

@@ -1,6 +1,3 @@
-jest.mock('../../../../utils/dom/random-html-id', () => ({
-  randomHTMLId: () => 'random'
-}));
 import { newSpecPage } from "../../../../test/specTestUtils";
 import { GuxRating } from "../gux-rating";
 const components = [GuxRating];

package/dist/collection/components/stable/gux-table/gux-sort-control/tests/gux-sort-control.spec.js

@@ -1,13 +1,9 @@
 import { newSpecPage } from "../../../../../test/specTestUtils";
-import MutationObserver from "mutation-observer";
 import { GuxSortControl } from "../gux-sort-control";
 import markup from "./gux-sort-control.markup";
 const components = [GuxSortControl];
 const language = 'en';
 describe('gux-sort-control', () => {
-  beforeEach(async () => {
-    global.MutationObserver = MutationObserver;
-  });
   describe('#render', () => {
     [
       markup.notSorted,

package/dist/collection/components/stable/gux-table/tests/gux-table.spec.js

@@ -1,12 +1,8 @@
 import { newSpecPage } from "../../../../test/specTestUtils";
 import { GuxTable } from "../gux-table";
-import MutationObserver from "mutation-observer";
 const components = [GuxTable];
 const language = 'en';
 describe('gux-table', () => {
-  beforeEach(async () => {
-    global.MutationObserver = MutationObserver;
-  });
   it('should build', async () => {
     const html = `
       <gux-table>

package/dist/collection/components/stable/gux-table-toolbar/tests/gux-table-toolbar.spec.js

@@ -6,7 +6,6 @@ import { newSpecPage } from "../../../../test/specTestUtils";
 import { GuxTableToolbar } from "../gux-table-toolbar";
 import { GuxTableToolbarAction } from "../gux-table-toolbar-action/gux-table-toolbar-action";
 import { GuxTableToolbarMenuButton } from "../gux-table-toolbar-menu-button/gux-table-toolbar-menu-button";
-import MutationObserver from "mutation-observer";
 import { GuxTableToolbarCustomAction } from "../gux-table-toolbar-custom-action/gux-table-toolbar-custom-action";
 const components = [
   GuxTableToolbar,
@@ -15,9 +14,6 @@ const components = [
   GuxTableToolbarMenuButton
 ];
 const language = 'en';
-beforeEach(async () => {
-  global.MutationObserver = MutationObserver;
-});
 const html = `<gux-table-toolbar>
 <div slot="search-and-filter">
   <gux-form-field-search label-position="screenreader">

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

@@ -189,7 +189,7 @@ export class GuxTooltip {
             "Placement": {
               "location": "import",
               "path": "@floating-ui/dom",
-              "id": ""
+              "id": "../../node_modules/@floating-ui/dom/index.d.ts::Placement"
             }
           }
         },

package/dist/collection/components/stable/gux-truncate/tests/gux-truncate.spec.js

@@ -2,15 +2,11 @@ jest.mock('../../../../utils/decorator/on-resize', () => ({
   __esModule: true,
   OnResize: jest.fn()
 }));
-import MutationObserver from "mutation-observer";
 import { newSpecPage } from "../../../../test/specTestUtils";
 import { GuxTruncate } from "../gux-truncate";
 const components = [GuxTruncate];
 const language = 'en';
 describe('gux-truncate', () => {
-  beforeEach(async () => {
-    global.MutationObserver = MutationObserver;
-  });
   describe('#render', () => {
     [
       '<gux-truncate>Some text to truncate</gux-truncate>',

package/dist/collection/test/specTestUtils.js

@@ -1,7 +1,9 @@
 import { newSpecPage as stencilSpecPage } from "@stencil/core/testing";
 import MutationObserver from "mutation-observer";
+import ResizeObserver from "resize-observer-polyfill";
 export async function newSpecPage(opts) {
   global.MutationObserver = MutationObserver;
+  global.ResizeObserver = ResizeObserver;
   global.InputEvent = Event;
   const page = await stencilSpecPage(opts);
   return page;

package/dist/deploy-info.json

@@ -1,9 +1,9 @@
 {
   "name": "spark-components",
-  "version": "4.0.0-beta.44",
+  "version": "4.0.0-beta.45",
   "ecosystem": "pc",
   "team": "Core UI",
   "indexFiles": [],
-  "build": "59",
-  "buildDate": "2023-10-18T04:12:05.063376Z"
+  "build": "60",
+  "buildDate": "2023-10-19T04:11:31.231303Z"
 }

package/dist/esm/{floating-ui.dom.esm-813bb04f.js → floating-ui.dom.esm-393a5c50.js}

@@ -339,7 +339,8 @@ const arrow = options => ({
       placement,
       rects,
       platform,
-      elements
+      elements,
+      middlewareData
     } = state;
     // Since `element` is required, we don't Partial<> the type.
     const {
@@ -387,16 +388,20 @@ const arrow = options => ({
 
     // If the reference is small enough that the arrow's padding causes it to
     // to point to nothing for an aligned placement, adjust the offset of the
-    // floating element itself. This stops `shift()` from taking action, but can
-    // be worked around by calling it again after the `arrow()` if desired.
-    const shouldAddOffset = getAlignment(placement) != null && center != offset && rects.reference[length] / 2 - (center < min$1$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
-    const alignmentOffset = shouldAddOffset ? center < min$1$1 ? min$1$1 - center : max - center : 0;
+    // floating element itself. To ensure `shift()` continues to take action,
+    // a single reset is performed when this is true.
+    const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center != offset && rects.reference[length] / 2 - (center < min$1$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
+    const alignmentOffset = shouldAddOffset ? center < min$1$1 ? center - min$1$1 : center - max : 0;
     return {
-      [axis]: coords[axis] - alignmentOffset,
+      [axis]: coords[axis] + alignmentOffset,
       data: {
         [axis]: offset,
-        centerOffset: center - offset + alignmentOffset
-      }
+        centerOffset: center - offset - alignmentOffset,
+        ...(shouldAddOffset && {
+          alignmentOffset
+        })
+      },
+      reset: shouldAddOffset
     };
   }
 });
@@ -415,7 +420,7 @@ const flip = function (options) {
     name: 'flip',
     options,
     async fn(state) {
-      var _middlewareData$flip;
+      var _middlewareData$arrow, _middlewareData$flip;
       const {
         placement,
         middlewareData,
@@ -433,6 +438,14 @@ const flip = function (options) {
         flipAlignment = true,
         ...detectOverflowOptions
       } = evaluate(options, state);
+
+      // If a reset by the arrow was caused due to an alignment offset being
+      // added, we should skip any logic now since `flip()` has already done its
+      // work.
+      // https://github.com/floating-ui/floating-ui/issues/2549#issuecomment-1719601643
+      if ((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
+        return {};
+      }
       const side = getSide(placement);
       const isBasePlacement = getSide(initialPlacement) === initialPlacement;
       const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));

package/dist/esm/genesys-webcomponents.js

@@ -1,8 +1,8 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-a0eec33a.js';
-export { s as setNonce } from './index-a0eec33a.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-39e65a0a.js';
+export { s as setNonce } from './index-39e65a0a.js';
 
 /*
- Stencil Client Patch Browser v4.3.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.4.1 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = import.meta.url;

package/dist/esm/{get-valid-timezone-3781bfa2.js → get-valid-timezone-1cf3a777.js}

@@ -1,4 +1,4 @@
-import { l as locales } from './index-e5ccc024.js';
+import { l as locales } from './index-df729b6a.js';
 
 /**
  * @class A class that implements the method needed to format dates and times depending on locales

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a0eec33a.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-39e65a0a.js';
 import { r as randomHTMLId } from './random-html-id-3354d85c.js';
 import { l as logError } from './log-error-0b15023e.js';
 
-const guxAccordionSectionCss = ":host{-webkit-user-select:none;user-select:none}:host:first-child .gux-header{border-top:var(--gse-ui-accordion-wrapper-dividerBorder-width) var(--gse-ui-accordion-wrapper-dividerBorder-style) var(--gse-ui-accordion-wrapper-dividerBorder-color)}section.gux-disabled{cursor:default;opacity:0.5}section.gux-disabled>*{pointer-events:none}.gux-header{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:100%;padding:var(--gse-ui-accordion-header-padding);margin:0;cursor:pointer;border-bottom:var(--gse-ui-accordion-wrapper-dividerBorder-width) var(--gse-ui-accordion-wrapper-dividerBorder-style) var(--gse-ui-accordion-wrapper-dividerBorder-color)}.gux-header .gux-header-text{flex:1 1 auto;align-self:auto;font-weight:--gse-ui-accordion-header-label-defaulttext-fontweight;color:var(--gse-ui-accordion-header-default-foreground-labelColor);text-align:left}.gux-header.gux-reverse-headings .gux-header-text{display:flex;flex-direction:column-reverse}.gux-header ::slotted([slot=header]){padding:0;margin:0;font-size:var(--gse-ui-accordion-header-label-defaultText-fontFamily) !important;font-weight:var(--gse-ui-accordion-header-label-defaultText-fontWeight) !important;line-height:var(--gse-ui-accordion-header-label-defaultText-lineHeight) !important}.gux-header ::slotted([slot=subheader]){padding:0;margin:var(--gux-spacing-3xs) 0 0;font-size:var(--gse-ui-accordion-contentItem-defaultText-fontSize) !important;font-weight:var(--gse-ui-accordion-contentItem-defaultText-fontWeight) !important;color:var(--gse-ui-accordion-contentItem-foregroundColor)}.gux-header ::slotted([slot=subheader]) .gux-reverse-headings{margin:0 0 var(--gux-spacing-3xs) 0}.gux-header ::slotted([slot=icon]){flex:0 0 auto;align-self:flex-start;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-accordion-header-gap);color:var(--gse-ui-accordion-header-default-foreground-chevronIcon-closed)}.gux-header ::slotted([slot=icon]) .gux-reverse-headings{align-self:flex-end}.gux-header .gux-header-icon{flex:0 1 auto;align-items:center;align-self:auto;margin-left:var(--gse-ui-accordion-header-gap);color:var(--gse-ui-accordion-header-default-foreground-chevronIcon-closed);transition:transform 0.5s ease;transform-origin:center}.gux-header .gux-header-icon gux-icon{width:var(--gse-ui-accordion-header-chevronIcon);height:var(--gse-ui-accordion-header-chevronIcon)}.gux-header .gux-header-icon.gux-arrow-position-start{order:-1;margin-right:var(--gse-ui-accordion-header-gap)}.gux-header .gux-header-icon.gux-expanded{color:var(--gse-ui-accordion-header-default-foreground-chevronIcon-open);transform:rotate(-180deg)}.gux-header:focus-visible{border-radius:var(--gse-ui-accordion-menuItem-focus-borderRadius);outline:var(--gse-ui-accordion-focusBorder-width) var(--gse-ui-accordion-focusBorder-style) var(--gse-ui-accordion-focusBorder-color);outline-offset:var(--gse-ui-accordion-focus-offset-gap)}.gux-header:hover .gux-header-icon{color:var(--gse-ui-accordion-header-default-foreground-chevronIcon-hover)}.gux-content{box-sizing:border-box;display:none;border-bottom:var(--gse-ui-accordion-wrapper-dividerBorder-width) var(--gse-ui-accordion-wrapper-dividerBorder-style) var(--gse-ui-accordion-wrapper-dividerBorder-color)}.gux-content.gux-expanded{display:block}.gux-content.gux-text-content-layout{padding:var(--gse-ui-accordion-contentItem-padding)}";
+const guxAccordionSectionCss = ":host{-webkit-user-select:none;user-select:none}:host:first-child .gux-header{border-top:var(--gse-ui-accordion-wrapper-dividerBorder-width) var(--gse-ui-accordion-wrapper-dividerBorder-style) var(--gse-ui-accordion-wrapper-dividerBorder-color)}section.gux-disabled{cursor:default;opacity:0.5}section.gux-disabled>*{pointer-events:none}.gux-header{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:100%;padding:var(--gse-ui-accordion-header-padding);margin:0;cursor:pointer;border-bottom:var(--gse-ui-accordion-wrapper-dividerBorder-width) var(--gse-ui-accordion-wrapper-dividerBorder-style) var(--gse-ui-accordion-wrapper-dividerBorder-color)}.gux-header .gux-header-text{flex:1 1 auto;align-self:auto;font-weight:--gse-ui-accordion-header-label-defaulttext-fontweight;color:var(--gse-ui-accordion-header-default-foreground-labelColor);text-align:left}.gux-header.gux-reverse-headings .gux-header-text{display:flex;flex-direction:column-reverse}.gux-header ::slotted([slot=header]){padding:0;margin:0;font-family:var(--gse-ui-accordion-header-label-defaultText-fontFamily) !important;font-size:var(--gse-ui-accordion-header-label-defaultText-fontFamily) !important;font-weight:var(--gse-ui-accordion-header-label-defaultText-fontWeight) !important;line-height:var(--gse-ui-accordion-header-label-defaultText-lineHeight) !important;color:var(--gse-ui-accordion-header-default-foreground-labelColor)}.gux-header ::slotted([slot=subheader]){padding:0;margin:var(--gux-spacing-3xs) 0 0;font-family:var(--gse-ui-accordion-contentItem-defaultText-fontFamily) !important;font-size:var(--gse-ui-accordion-contentItem-defaultText-fontSize) !important;font-weight:var(--gse-ui-accordion-contentItem-defaultText-fontWeight) !important;line-height:var(--gse-ui-accordion-contentItem-defaultText-lineHeight) !important;color:var(--gse-ui-accordion-contentItem-foregroundColor)}.gux-header ::slotted([slot=subheader]) .gux-reverse-headings{margin:0 0 var(--gux-spacing-3xs) 0}.gux-header ::slotted([slot=icon]){flex:0 0 auto;align-self:flex-start;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-accordion-header-gap);color:var(--gse-ui-accordion-header-default-foreground-chevronIcon-closed)}.gux-header ::slotted([slot=icon]) .gux-reverse-headings{align-self:flex-end}.gux-header .gux-header-icon{flex:0 1 auto;align-items:center;align-self:auto;margin-left:var(--gse-ui-accordion-header-gap);color:var(--gse-ui-accordion-header-default-foreground-chevronIcon-closed);transition:transform 0.5s ease;transform-origin:center}.gux-header .gux-header-icon gux-icon{width:var(--gse-ui-accordion-header-chevronIcon);height:var(--gse-ui-accordion-header-chevronIcon)}.gux-header .gux-header-icon.gux-arrow-position-start{order:-1;margin-right:var(--gse-ui-accordion-header-gap)}.gux-header .gux-header-icon.gux-expanded{color:var(--gse-ui-accordion-header-default-foreground-chevronIcon-open);transform:rotate(-180deg)}.gux-header:focus-visible{border-radius:var(--gse-ui-accordion-menuItem-focus-borderRadius);outline:var(--gse-ui-accordion-focusBorder-width) var(--gse-ui-accordion-focusBorder-style) var(--gse-ui-accordion-focusBorder-color);outline-offset:var(--gse-ui-accordion-focus-offset-gap)}.gux-header:hover .gux-header-icon{color:var(--gse-ui-accordion-header-default-foreground-chevronIcon-hover)}.gux-content{box-sizing:border-box;display:none;border-bottom:var(--gse-ui-accordion-wrapper-dividerBorder-width) var(--gse-ui-accordion-wrapper-dividerBorder-style) var(--gse-ui-accordion-wrapper-dividerBorder-color)}.gux-content.gux-expanded{display:block}.gux-content.gux-text-content-layout{padding:var(--gse-ui-accordion-contentItem-padding)}.gux-content ::slotted([slot=content]){margin:0}";
 
 const GuxAccordionSection = class {
   constructor(hostRef) {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, g as getElement } from './index-a0eec33a.js';
-import { t as trackComponent } from './usage-bd7f874e.js';
+import { r as registerInstance, h, g as getElement } from './index-39e65a0a.js';
+import { t as trackComponent } from './usage-82907a65.js';
 
 const guxAccordionCss = "gux-accordion{-custom-noop:noop}";
 

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a0eec33a.js';
-import { O as OnClickOutside } from './on-click-outside-e696f632.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-39e65a0a.js';
+import { O as OnClickOutside } from './on-click-outside-f15c5ac7.js';
 import { w as whenEventIsFrom } from './when-event-is-from-6154bd60.js';
 import { a as afterNextRenderTimeout } from './after-next-render-84ec18ad.js';
-import { t as trackComponent } from './usage-bd7f874e.js';
-import { b as buildI18nForComponent } from './index-e5ccc024.js';
+import { t as trackComponent } from './usage-82907a65.js';
+import { b as buildI18nForComponent } from './index-df729b6a.js';
 import './get-closest-element-66f63212.js';
 
 const moreOptions = "More options";

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-a0eec33a.js';
-import { t as trackComponent } from './usage-bd7f874e.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-39e65a0a.js';
+import { t as trackComponent } from './usage-82907a65.js';
 
 const guxActionToastCss = ":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-size:var(--gse-core-fontSize-lg);font-weight:var(--gse-core-fontWeight-semiBold);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/esm/gux-advanced-dropdown-legacy.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a0eec33a.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-39e65a0a.js';
 import { o as onMutation } from './on-mutation-a2b7cdad.js';
-import { O as OnClickOutside } from './on-click-outside-e696f632.js';
+import { O as OnClickOutside } from './on-click-outside-f15c5ac7.js';
 import { a as afterNextRenderTimeout } from './after-next-render-84ec18ad.js';
-import { t as trackComponent } from './usage-bd7f874e.js';
-import { b as buildI18nForComponent } from './index-e5ccc024.js';
+import { t as trackComponent } from './usage-82907a65.js';
+import { b as buildI18nForComponent } from './index-df729b6a.js';
 import './get-closest-element-66f63212.js';
 
 const searchAria = "Search";

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a0eec33a.js';
-import { b as buildI18nForComponent } from './index-e5ccc024.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-39e65a0a.js';
+import { b as buildI18nForComponent } from './index-df729b6a.js';
 import { r as randomHTMLId } from './random-html-id-3354d85c.js';
 import { t as tableResources } from './en-1f9d79e6.js';
 import './get-closest-element-66f63212.js';

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-a0eec33a.js';
-import { t as trackComponent } from './usage-bd7f874e.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-39e65a0a.js';
+import { t as trackComponent } from './usage-82907a65.js';
 import { b as afterNextRender } from './after-next-render-84ec18ad.js';
 
 const guxAnnounceCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, g as getElement } from './index-a0eec33a.js';
-import { t as trackComponent } from './usage-bd7f874e.js';
-import { b as buildI18nForComponent } from './index-e5ccc024.js';
+import { r as registerInstance, h, g as getElement } from './index-39e65a0a.js';
+import { t as trackComponent } from './usage-82907a65.js';
+import { b as buildI18nForComponent } from './index-df729b6a.js';
 import './get-closest-element-66f63212.js';
 
 const info = "badge with label: {label}, accent: info";

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, g as getElement } from './index-a0eec33a.js';
-import { t as trackComponent } from './usage-bd7f874e.js';
+import { r as registerInstance, h, g as getElement } from './index-39e65a0a.js';
+import { t as trackComponent } from './usage-82907a65.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  color: var(--gse-ui-blankState-foregroundColor);\n  background-color: var(--gse-ui-blankState-backgroundColor);\n  border-radius: var(--gse-ui-blankState-borderRadius);\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  font-family: var(--gse-ui-progressAndLoading-blankState-large-header-fontFamily);\n  font-size: var(--gse-ui-progressAndLoading-blankState-large-header-fontSize);\n  font-weight: var(--gse-ui-progressAndLoading-blankState-large-header-fontWeight);\n  line-height: var(--gse-ui-progressAndLoading-blankState-large-header-lineHeight);\n  color: var(--gse-ui-blankState-foregroundColor);\n  text-align: center;\n}\n.gux-container slot[name=additional-guidance] {\n  font-family: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontFamily);\n  font-size: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontSize);\n  font-weight: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontWeight);\n  line-height: var(--gse-ui-progressAndLoading-blankState-large-subheader-lineHeight);\n  color: var(--gse-ui-blankState-foregroundColor);\n  text-align: center;\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-size: var(--gse-ui-progressAndLoading-blankState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-blankState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-blankState-small-header-lineHeight);\n  }\n  .gux-container slot[name=additional-guidance] {\n    font-family: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-blankState-small-subheader-lineHeight);\n  }\n}";
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-a0eec33a.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-39e65a0a.js';
 import { l as logError } from './log-error-0b15023e.js';
 
 const guxBreadcrumbItemCss = ".gux-breadcrumb-generation{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start;min-height:var(--gse-ui-breadcrumbs-secondary-height)}.gux-breadcrumb-generation .gux-breadcrumb-content{font-family:var(--gse-ui-link-inLine-small-text-fontFamily);font-size:var(--gse-ui-link-inLine-small-text-fontSize);font-weight:var(--gse-ui-link-inLine-small-text-fontWeight);line-height:var(--gse-ui-link-inLine-small-text-lineHeight);text-decoration:none;color:var(--gse-ui-link-default-foregroundColor);pointer-events:none}.gux-breadcrumb-generation .gux-breadcrumb-content.gux-active{color:var(--gse-ui-link-active-foregroundColor)}.gux-breadcrumb-generation .gux-breadcrumb-content.gux-link{color:var(--gse-ui-link-default-foregroundColor);pointer-events:initial}.gux-breadcrumb-generation .gux-breadcrumb-content.gux-link:visited{color:var(--gse-ui-link-visited-foregroundColor)}.gux-breadcrumb-generation .gux-breadcrumb-content.gux-link:hover{font-family:var(--gse-ui-link-inLine-small-underlinedText-fontFamily);font-size:var(--gse-ui-link-inLine-small-underlinedText-fontSize);font-weight:var(--gse-ui-link-inLine-small-underlinedText-fontWeight);line-height:var(--gse-ui-link-inLine-small-underlinedText-lineHeight);text-decoration:var(--gse-ui-link-inLine-small-underlinedText-textDecoration);color:var(--gse-ui-link-hover-foregroundColor)}.gux-breadcrumb-generation .gux-breadcrumb-content.gux-link:active{color:var(--gse-ui-link-active-foregroundColor)}.gux-breadcrumb-generation .gux-breadcrumb-content.gux-link:focus-visible{border-radius:1px;outline:2px solid var(--gse-semantic-color-focus);outline-offset:3px}.gux-breadcrumb-generation .gux-breadcrumb-separator{padding:var(--gse-ui-breadcrumbs-secondary-separator-padding);font-family:var(--gse-ui-breadcrumbs-secondary-separator-typography-fontFamily);font-size:var(--gse-ui-breadcrumbs-secondary-separator-typography-fontSize);font-weight:var(--gse-ui-breadcrumbs-secondary-separator-typography-fontWeight);line-height:var(--gse-ui-breadcrumbs-secondary-separator-typography-lineHeight);color:var(--gse-ui-breadcrumbs-separator-color)}.gux-breadcrumb-generation.gux-primary{min-height:var(--gse-ui-breadcrumbs-primary-height)}.gux-breadcrumb-generation.gux-primary .gux-breadcrumb-content{font-family:var(--gse-ui-link-inLine-medium-text-fontFamily);font-size:var(--gse-ui-link-inLine-medium-text-fontSize);font-weight:var(--gse-ui-link-inLine-medium-text-fontWeight);line-height:var(--gse-ui-link-inLine-medium-text-lineHeight);text-decoration:none}.gux-breadcrumb-generation.gux-primary .gux-breadcrumb-content.gux-link:hover{font-family:var(--gse-ui-link-inLine-medium-underlinedText-fontFamily);font-size:var(--gse-ui-link-inLine-medium-underlinedText-fontSize);font-weight:var(--gse-ui-link-inLine-medium-underlinedText-fontWeight);line-height:var(--gse-ui-link-inLine-medium-underlinedText-lineHeight);text-decoration:var(--gse-ui-link-inLine-medium-underlinedText-textDecoration)}.gux-breadcrumb-generation.gux-primary .gux-breadcrumb-separator{padding:var(--gse-ui-breadcrumbs-primary-separator-padding);font-family:var(--gse-ui-breadcrumbs-primary-separator-typography-fontFamily);font-size:var(--gse-ui-breadcrumbs-primary-separator-typography-fontSize);font-weight:var(--gse-ui-breadcrumbs-primary-separator-typography-fontWeight);line-height:var(--gse-ui-breadcrumbs-primary-separator-typography-lineHeight)}";