genesys-spark-components 4.37.0 → 4.38.0

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

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

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

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

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

@@ -7,7 +7,7 @@ const onClickOutside = require('./on-click-outside-f7acdd1d.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const index = require('./index-a1a48d79.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-0cce8167.js');
 const useRegionalDates = require('./use-regional-dates-7be0e7b5.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -371,7 +371,7 @@ const GuxTimePicker = class {
         return (index$1.h("button", { class: {
                 'gux-clock-button': true,
                 'gux-active': this.expanded
-            }, type: "button", disabled: this.disabled, "aria-label": this.i18n('clockButton'), "aria-expanded": this.expanded.toString(), onClick: this.toggleDropdown.bind(this), ref: el => (this.clockButton = el) }, index$1.h("gux-icon", { decorative: true, "icon-name": "clock-outline" })));
+            }, type: "button", disabled: this.disabled, "aria-label": this.i18n('clockButton'), "aria-expanded": this.expanded.toString(), onClick: this.toggleDropdown.bind(this), ref: el => (this.clockButton = el) }, index$1.h("gux-icon", { decorative: true, "icon-name": "fa/clock-regular" })));
     }
     renderTimeListItems() {
         return getTimeDisplayValues(this.interval, this.clockType).map(displayValue => {
@@ -386,7 +386,7 @@ const GuxTimePicker = class {
         return (index$1.h("div", { slot: "popup", class: "gux-list-container", onKeyDown: (e) => this.onListKeyDown(e) }, index$1.h("gux-list", { ref: el => (this.listElement = el) }, this.renderTimeListItems())));
     }
     render() {
-        return (index$1.h("gux-popup", { key: '2e7e4719965e766a5bac19a380c0a920e4eb9870', class: {
+        return (index$1.h("gux-popup", { key: 'a1a6bd6c210932d788ba2c078a8cd1e979b40e75', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));

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

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

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-0cce8167.js');
 const hasSlot = require('./has-slot-3edae188.js');
 
 const guxToastCss = ".gux-toast{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-gap);place-content:stretch flex-start;align-items:flex-start;width:var(--gse-ui-toast-wrappingWidth);padding:var(--gse-ui-toast-margin);margin-bottom:var(--gse-ui-toast-stacking-gap);border-radius:var(--gse-ui-toast-borderRadius);box-shadow:var(--gse-ui-toast-boxShadow-x) var(--gse-ui-toast-boxShadow-y) var(--gse-ui-toast-boxShadow-blur) var(--gse-ui-toast-boxShadow-spread) var(--gse-ui-toast-boxShadow-color)}.gux-toast .gux-icon ::slotted(gux-icon){width:var(--gse-ui-toast-icon) !important;height:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon gux-icon{width:var(--gse-ui-toast-icon) !important;height:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon.gux-icon-error{color:var(--gse-ui-toast-error-iconColor)}.gux-toast .gux-icon.gux-icon-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-toast .gux-icon.gux-icon-success{color:var(--gse-ui-toast-success-iconColor)}.gux-toast .gux-icon.gux-icon-info{color:var(--gse-ui-toast-info-iconColor)}.gux-toast .gux-icon.gux-icon-action{color:var(--gse-ui-toast-action-iconColor)}.gux-toast .gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-toast-gapButton);place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0}.gux-toast .gux-content .gux-message{display:flex;flex-direction:column;gap:var(--gse-ui-toast-gapText)}.gux-toast .gux-content .gux-message .gux-message-title{font-family:var(--gse-ui-toast-heading-fontFamily);font-size:var(--gse-ui-toast-heading-fontSize);font-weight:var(--gse-ui-toast-heading-fontWeight);line-height:var(--gse-ui-toast-heading-lineHeight)}.gux-toast .gux-content .gux-message .gux-message-body{font-family:var(--gse-ui-toast-text-fontFamily);font-size:var(--gse-ui-toast-text-fontSize);line-height:var(--gse-ui-toast-text-lineHeight)}.gux-toast .gux-content .gux-buttons-bar{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-buttonBar-gap);justify-content:flex-start}.gux-toast .gux-content .gux-buttons-bar ::slotted(a){font-family:var(--gse-ui-link-inLine-medium-underlinedText-fontFamily);font-size:var(--gse-ui-link-inLine-medium-underlinedText-fontSize);font-weight:var(--gse-ui-link-inLine-medium-underlinedText-fontWeight);line-height:var(--gse-ui-link-inLine-medium-underlinedText-lineHeight)}.gux-toast.gux-toast-success{background-color:var(--gse-ui-toast-success-backgroundColor)}.gux-toast.gux-toast-success .gux-message{color:var(--gse-ui-toast-success-foregroundColor)}.gux-toast.gux-toast-warning{background-color:var(--gse-ui-toast-warning-backgroundColor)}.gux-toast.gux-toast-warning .gux-message{color:var(--gse-ui-toast-warning-foregroundColor)}.gux-toast.gux-toast-error{background-color:var(--gse-ui-toast-error-backgroundColor)}.gux-toast.gux-toast-error .gux-message{color:var(--gse-ui-toast-error-foregroundColor)}.gux-toast.gux-toast-info{background-color:var(--gse-ui-toast-info-backgroundColor)}.gux-toast.gux-toast-info .gux-message{color:var(--gse-ui-toast-info-foregroundColor)}.gux-toast.gux-toast-action{background-color:var(--gse-ui-toast-action-backgroundColor)}.gux-toast.gux-toast-action .gux-message{color:var(--gse-ui-toast-action-foregroundColor)}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-0cce8167.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -81,15 +81,15 @@ const GuxToggle = class {
     }
     renderError() {
         if (this.errorMessage) {
-            return (index.h("div", { id: this.errorId, class: "gux-toggle-error" }, index.h("div", { class: "gux-toggle-error-container" }, index.h("gux-icon", { "icon-name": "alert-warning-octogon", decorative: true }), index.h("div", { class: "gux-toggle-error-message" }, this.errorMessage))));
+            return (index.h("div", { id: this.errorId, class: "gux-toggle-error" }, index.h("div", { class: "gux-toggle-error-container" }, index.h("gux-icon", { "icon-name": "fa/hexagon-exclamation-regular", decorative: true }), index.h("div", { class: "gux-toggle-error-message" }, this.errorMessage))));
         }
     }
     render() {
-        return (index.h(index.Host, { key: '9e7ed9c1d7b1267d3391188d07adbe06ec08a986', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: '519925520abbef460f6195457fd66289f20eced4', class: {
+        return (index.h(index.Host, { key: '6b5c0fea373ef70ce15e5c6ae6eb64f676533572', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: 'ca5167424abf398cd1ec64bbb0e8f927e3f99acc', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, index.h("div", { key: '68853486e54a6de0a1a9c27ea21242dc807da72c', class: "gux-toggle-input" }, index.h("gux-toggle-slider", { key: '6e646780e6b52901302c8cbb1a610788197faafe', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), onClick: this.toggle.bind(this), onKeyDown: this.onKeydown.bind(this), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), index.h("gux-announce-beta", { key: '584554bc125498dc32a2e100658cc75ce4869547', ref: el => (this.announceElement = el) })));
+            } }, index.h("div", { key: '37eafa57faef46b371a072b2f2f46d933d106313', class: "gux-toggle-input" }, index.h("gux-toggle-slider", { key: 'd251ba3072d54748a996450bb8c0140d5e557040', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), onClick: this.toggle.bind(this), onKeyDown: this.onKeydown.bind(this), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), index.h("gux-announce-beta", { key: 'febf4e67be0cacd199170a6fec1942a000e9079b', ref: el => (this.announceElement = el) })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

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

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-0cce8167.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-f8b4cd90.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-0cce8167.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 

package/dist/cjs/usage-0cce8167.js

@@ -0,0 +1,229 @@
+'use strict';
+
+const name = "genesys-spark-components";
+const version = "4.38.0";
+const description = "Common webcomponents";
+const license = "MIT";
+const main = "dist/stencil-wrapper.js";
+const files = [
+	"dist/"
+];
+const scripts = {
+	build: "npm run clean && npm run i18n && npm run generate-gux-icon-types-file && npm run copy-genesys-spark-utils && npm run stencil && npm run build-wrapper",
+	"build-i18n": "./scripts/build-i18n.js",
+	"build-wrapper": "./scripts/wrap-stencil.js",
+	"check-a11y": "node ./scripts/check-a11y.mjs",
+	"check-readmes": "./scripts/check-readmes.sh",
+	clean: "rm -r ./dist ./build || true",
+	"copy-genesys-spark-utils": "node ./scripts/copy-genesys-spark-utils.mjs",
+	predev: "npm run i18n && npm run generate-gux-icon-types-file ",
+	dev: "npm run stencil.dev",
+	eslint: "eslint --fix .",
+	"generate-flags-sprite-file": "./scripts/generate-flags-sprite-file.js",
+	"generate-gux-icon-types-file": "./scripts/generate-gux-icon-types-file.js",
+	"generate-start-of-week-file": "./scripts/generate-start-of-week-file.js",
+	"generate-versions-file": "./scripts/generate-versions-file.mjs",
+	i18n: "npm run update-en-i18n && npm run build-i18n && npm run generate-start-of-week-file",
+	"lint-all": "npm-run-all \"stylelint\" \"eslint\" \"prettier\" \"prettier-package-json\" \"svgo\"",
+	"lint-staged": "lint-staged --concurrent false",
+	"list-checked-a11y-components": "node scripts/list-checked-a11y-components.js",
+	"list-component-tracking": "./scripts/list-component-tracking.js",
+	"list-i18n-files": "./scripts/list-i18n-files.js",
+	"list-light-dom-components": "./scripts/list-light-dom-components.js",
+	"list-shadow-explicitly-set": "./scripts/list-shadow-explicitly-set.js",
+	"predev.public": "npm run predev",
+	prepare: "npm run i18n",
+	prettier: "prettier --log-level silent --ignore-unknown --write .",
+	"prettier-package-json": "prettier-package-json --write ./package.json",
+	stencil: "stencil build --prod",
+	"stencil.dev": "stencil build --dev --watch --serve --no-open",
+	stylelint: "stylelint --fix \"**/*.{css,html,scss}\"",
+	svgo: "find ./src/components/stable/gux-icon/icons/**/*.svg -type f ! -path '*/legacy/*' -exec svgo {} +",
+	test: "TZ=UTC stencil test --spec --e2e",
+	"test.ci": "TZ=UTC npm run test.ci.spec",
+	"test.ci.e2e": "TZ=UTC stencil test --e2e --max-workers=1",
+	"test.ci.spec": "TZ=UTC stencil test --spec --max-workers=1",
+	"test.e2e": "TZ=UTC stencil test --e2e",
+	"test.e2e.update-snapshot": "TZ=UTC stencil test --e2e --updateSnapshot",
+	"test.screenshot": "TZ=UTC stencil test --e2e --screenshot",
+	"test.unit": "TZ=UTC stencil build dev && stencil test --spec",
+	"test.unit.update-snapshot": "TZ=UTC stencil test --spec --updateSnapshot",
+	"test.update-snapshot": "TZ=UTC stencil test --spec --e2e --updateSnapshot",
+	"test.watch": "TZ=UTC stencil test --spec --e2e --watch",
+	"update-en-i18n": "./scripts/update-en-i18n.js",
+	"version-sync": "npm version --no-git-tag-version --allow-same-version"
+};
+const config = {
+	commitizen: {
+		path: "git-cz"
+	}
+};
+const types = "dist/types/index.d.ts";
+const dependencies = {
+	"@floating-ui/dom": "^1.6.3",
+	"@vvo/tzdb": "^6.125.0",
+	"google-libphonenumber": "^3.2.34",
+	"intl-messageformat": "^10.5.4",
+	"requestanimationframe-timer": "^3.0.3",
+	sortablejs: "^1.15.2"
+};
+const devDependencies = {
+	"@babel/core": "^7.24.0",
+	"@babel/preset-env": "^7.24.0",
+	"@stencil/core": "^4.12.6",
+	"@stencil/react-output-target": "^0.5.3",
+	"@stencil/sass": "^3.0.10",
+	"@types/google-libphonenumber": "^7.4.30",
+	"@types/jest": "^29.5.12",
+	"@types/new-relic-browser": "^0.1118.2",
+	"@types/puppeteer": "^5.4.7",
+	"@types/resize-observer-browser": "^0.1.9",
+	"@types/sortablejs": "^1.15.8",
+	"@typescript-eslint/eslint-plugin": "^7.1.1",
+	"@typescript-eslint/parser": "^7.1.1",
+	"axe-core": "^4.8.4",
+	"axe-live": "^1.0.1",
+	eslint: "^8.57.0",
+	"eslint-config-genesys-spark-components": "file:../../shared-configs/eslint-config-genesys-spark-components",
+	"eslint-config-prettier": "^9.1.0",
+	"file-loader": "^6.2.0",
+	"genesys-spark-tokens": "file:../genesys-spark-tokens",
+	glob: "^10.3.0",
+	handlebars: "^4.7.8",
+	inquirer: "^9.2.15",
+	jest: "^29.7.0",
+	"jest-cli": "^29.7.0",
+	"jest-config": "^29.7.0",
+	"jest-environment-node": "^29.7.0",
+	"jest-junit": "^16.0.0",
+	"jest-silent-reporter": "^0.5.0",
+	jsdom: "^22.1.0",
+	"lint-staged": "^15.2.2",
+	marked: "^12.0.1",
+	"mutation-observer": "^1.0.3",
+	"node-fetch": "^3.3.2",
+	"npm-run-all": "^4.1.5",
+	"postcss-html": "^1.6.0",
+	"postcss-less": "^6.0.0",
+	"postcss-scss": "^4.0.9",
+	prettier: "^3.2.5",
+	"prettier-config-genesys-spark-components": "file:../../shared-configs/prettier-config-genesys-spark-components",
+	"prettier-package-json": "^2.8.0",
+	puppeteer: "^14.4.1",
+	"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: "^16.2.1",
+	"stylelint-config-genesys-spark-components": "file:../../shared-configs/stylelint-config-genesys-spark-components",
+	"stylelint-config-html": "^1.1.0",
+	"stylelint-config-recess-order": "^5.0.0",
+	"stylelint-config-standard": "^36.0.0",
+	"stylelint-scss": "^6.2.1",
+	"stylelint-use-logical": "^2.1.2",
+	"stylelint-use-logical-spec": "^5.0.1",
+	svgo: "^3.2.0",
+	"ts-loader": "^9.5.1",
+	typescript: "^4.9.5",
+	weekstart: "^2.0.0",
+	xmldom: "^0.6.0"
+};
+const publishConfig = {
+	registry: "https://registry.npmjs.org/"
+};
+const collection = "dist/collection/collection-manifest.json";
+const prettier = "prettier-config-genesys-spark-components";
+const volta = {
+	node: "18.16.1"
+};
+const packageInfo = {
+	name: name,
+	version: version,
+	description: description,
+	license: license,
+	main: main,
+	files: files,
+	scripts: scripts,
+	config: config,
+	types: types,
+	dependencies: dependencies,
+	devDependencies: devDependencies,
+	publishConfig: publishConfig,
+	collection: collection,
+	prettier: prettier,
+	volta: volta
+};
+
+// The number of actions to process every interval
+const ACTION_BATCH_SIZE = 20;
+const NR_LIMIT_INTERVAL = 30000; // 30s
+/**
+ * A queue of events that should be tracked by NewRelic.
+ * We initialize it with the library version to make sure that's always reported.
+ */
+const actionQueue = [
+    getVersionEvent(packageInfo.version)
+];
+/**
+ * Process the next batch items in the queue, set a timeout to recur.
+ * We use a recurring timeout instead of an interval because it guarantees
+ * a minimum of NR_LMIT_INTERVAL between batches, even if the browser is
+ * held up by processing elsewhere.
+ */
+function processActionQueue() {
+    const newrelic = window.newrelic;
+    if (!newrelic) {
+        return;
+    }
+    for (let i = 0; i < ACTION_BATCH_SIZE; i++) {
+        if (actionQueue.length == 0) {
+            setTimeout(processActionQueue, NR_LIMIT_INTERVAL);
+            return;
+        }
+        const action = actionQueue.shift();
+        newrelic.addPageAction(action.name, Object.assign(Object.assign({}, action.metadata), { queueDepth: actionQueue.length }));
+    }
+    setTimeout(processActionQueue, NR_LIMIT_INTERVAL);
+}
+let trackingStarted = false;
+/**
+ * Begin action processing loop if it hasn't started.
+ */
+function ensureTracking() {
+    if (!trackingStarted) {
+        trackingStarted = true;
+        processActionQueue();
+    }
+}
+/**
+ * Submits a component for tracking by NewRelic.
+ */
+function trackComponent(element, metadata) {
+    if (!window.newrelic) {
+        return;
+    }
+    ensureTracking();
+    // Ignore components in the shadow DOM of another component
+    // e.g. Only track components used directly by the app
+    if (!document.contains(element)) {
+        return;
+    }
+    actionQueue.push({
+        name: 'spark-component',
+        metadata: Object.assign(Object.assign({}, metadata), { component: element.tagName.toLowerCase(), version: packageInfo.version })
+    });
+}
+function getVersionEvent(packageInfoVersion) {
+    const [major, minor, ...patch] = packageInfoVersion.split('.');
+    return {
+        name: 'spark-library',
+        metadata: {
+            fullVersion: `${major}.${minor}.${patch.join('.')}`,
+            majorVersion: major,
+            minorVersion: `${major}.${minor}`
+        }
+    };
+}
+
+exports.trackComponent = trackComponent;

package/dist/collection/components/beta/gux-calendar-beta/components/single/gux-calendar.js

@@ -176,9 +176,9 @@ export class GuxCalendar {
     renderHeader() {
         return (h("div", { class: "gux-header" }, h("button", { type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth', {
                 localizedPreviousMonthAndYear: getDateAsMonthYear(this.changeMonth(-1), this.locale)
-            }), onClick: () => this.setNewFocusedMonth(-1) }, h("gux-icon", { decorative: true, "icon-name": "chevron-small-left" })), h("span", { class: "gux-header-month-and-year" }, getDateAsMonthYear(this.getFocusedValue(), this.locale)), h("button", { type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth', {
+            }), onClick: () => this.setNewFocusedMonth(-1) }, h("gux-icon", { decorative: true, "icon-name": "custom/chevron-left-small-regular" })), h("span", { class: "gux-header-month-and-year" }, getDateAsMonthYear(this.getFocusedValue(), this.locale)), h("button", { type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth', {
                 localizedNextMonthAndYear: getDateAsMonthYear(this.changeMonth(1), this.locale)
-            }), onClick: () => this.setNewFocusedMonth(1) }, h("gux-icon", { decorative: true, "icon-name": "chevron-small-right" }))));
+            }), onClick: () => this.setNewFocusedMonth(1) }, h("gux-icon", { decorative: true, "icon-name": "custom/chevron-right-small-regular" }))));
     }
     renderContent() {
         return (h("div", null, h("div", { class: "gux-week-days" }, getWeekdays(this.locale, this.startDayOfWeek).map(day => (h("div", { class: "gux-week-day" }, day)))), h("div", { class: "gux-content" }, this.getMonthDays().map(week => (h("div", { class: "gux-content-week" }, week.dates.map(day => (h("div", { "data-date": day.date.getTime(), onClick: () => this.onDateClick(day.date), role: "button", "aria-current": day.selected ? 'true' : 'false', tabindex: day.selected || day.focused ? '0' : '-1', onKeyDown: e => void this.onKeyDown(e), "aria-disabled": day.disabled ? 'true' : 'false', class: {
@@ -190,7 +190,7 @@ export class GuxCalendar {
             } }, h("span", { class: "gux-non-sr", "aria-hidden": "true" }, day.date.getDate()), h("span", { class: "gux-sr-only" }, h("gux-date-beta", { datetime: day.date.toISOString(), format: "long" })))))))))));
     }
     render() {
-        return (h("div", { key: '21bec94aa840d48119fa33756a944e85b97d73f3', class: "gux-calendar-beta" }, h("slot", { key: '570f0c89199732101f40dfe270460d65b231114b' }), this.renderHeader(), this.renderContent()));
+        return (h("div", { key: '496a34685205e1f6963cd73cdd992e710a9c716f', class: "gux-calendar-beta" }, h("slot", { key: '31c7dbe3170a4a28680dcf57b80b07485baf0bc5' }), this.renderHeader(), this.renderContent()));
     }
     static get is() { return "gux-calendar-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-month-picker/gux-month-calendar/gux-month-calendar.js

@@ -109,10 +109,10 @@ export class GuxMonthCalendar {
         this.monthListElement.focus();
     }
     renderHeader() {
-        return (h("div", { class: "gux-year-header" }, h("button", { type: "button", class: "gux-year-change", onClick: () => this.changeYear(-1), disabled: this.isPreviousYearLessThanMinYear(this.year, this.min), ref: (el) => (this.previousYearElement = el) }, h("gux-icon", { "icon-name": "chevron-small-left", "screenreader-text": this.i18n('changeYear', {
+        return (h("div", { class: "gux-year-header" }, h("button", { type: "button", class: "gux-year-change", onClick: () => this.changeYear(-1), disabled: this.isPreviousYearLessThanMinYear(this.year, this.min), ref: (el) => (this.previousYearElement = el) }, h("gux-icon", { "icon-name": "custom/chevron-left-small-regular", "screenreader-text": this.i18n('changeYear', {
                 currentYear: parseInt(this.year),
                 changeYear: parseInt(this.year) - 1
-            }) })), h("div", null, this.getYearLabel(this.year)), h("button", { type: "button", class: "gux-year-change", onClick: () => this.changeYear(1), disabled: this.isNextYearGreaterThanMaxYear(this.year, this.max), ref: (el) => (this.nextYearElement = el) }, h("gux-icon", { "icon-name": "chevron-small-right", "screenreader-text": this.i18n('changeYear', {
+            }) })), h("div", null, this.getYearLabel(this.year)), h("button", { type: "button", class: "gux-year-change", onClick: () => this.changeYear(1), disabled: this.isNextYearGreaterThanMaxYear(this.year, this.max), ref: (el) => (this.nextYearElement = el) }, h("gux-icon", { "icon-name": "custom/chevron-right-small-regular", "screenreader-text": this.i18n('changeYear', {
                 currentYear: parseInt(this.year),
                 changeYear: parseInt(this.year) + 1
             }) }))));
@@ -128,7 +128,7 @@ export class GuxMonthCalendar {
         return (h("span", { onFocus: () => this.doFocusTrap(), tabindex: "0" }));
     }
     render() {
-        return (h("div", { key: '8a7dfc5ae27c1259e18cc9068247893d5f9de3e8', class: "gux-month-calendar" }, this.renderHeader(), this.renderMonths(), this.renderTrapFocusEl()));
+        return (h("div", { key: 'e3a836481d0d2d85b560b58bae9ff8f5bbfb28fc', class: "gux-month-calendar" }, this.renderHeader(), this.renderMonths(), this.renderTrapFocusEl()));
     }
     static get is() { return "gux-month-calendar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-month-picker/gux-month-picker.js

@@ -185,7 +185,7 @@ export class GuxMonthPicker {
         return (h("button", { class: {
                 'gux-popup-toggle': true,
                 'gux-expanded': this.expanded
-            }, ref: (el) => (this.calendarToggleButtonElement = el), type: "button", onClick: () => this.toggleCalendar(), disabled: this.disabled }, h("gux-icon", { "icon-name": "calendar", "screenreader-text": this.i18n('toggleCalendar') })));
+            }, ref: (el) => (this.calendarToggleButtonElement = el), type: "button", onClick: () => this.toggleCalendar(), disabled: this.disabled }, h("gux-icon", { "icon-name": "fa/calendar-regular", "screenreader-text": this.i18n('toggleCalendar') })));
     }
     renderTarget() {
         return (h("div", { class: "gux-target", slot: "target" }, this.renderSpinnerButtons(), this.renderCalendarToggleButton()));
@@ -194,7 +194,7 @@ export class GuxMonthPicker {
         return (h("gux-month-calendar", { slot: "popup", ref: (el) => (this.monthCalendarElement = el), onInput: () => this.onMonthCalendarInput(), value: this.value, min: this.min, max: this.max }));
     }
     render() {
-        return (h("gux-popup", { key: '492a16fac791b598113f43953d9235e2b0b58ecd', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: 'cd87cd024ca726bceef992be982cd16cd571f8bb', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-month-picker-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-phone-input/gux-phone-input.js

@@ -306,7 +306,7 @@ export class GuxPhoneInput {
     }
     renderExpandIcon() {
         if (!this.disabled) {
-            return (h("gux-icon", { class: "gux-expand-icon", iconName: "chevron-small-down", decorative: true }));
+            return (h("gux-icon", { class: "gux-expand-icon", iconName: "custom/chevron-down-small-regular", decorative: true }));
         }
     }
     renderCountryButton() {
@@ -318,7 +318,7 @@ export class GuxPhoneInput {
     }
     renderButtonDisplay() {
         var _a, _b;
-        return (h("div", { class: "gux-selected-option" }, this.region ? (h("gux-flag-icon-beta", { flag: (_a = this.region) === null || _a === void 0 ? void 0 : _a.alpha2Code, "screenreader-text": this.i18n((_b = this.region) === null || _b === void 0 ? void 0 : _b.alpha2Code) })) : (h("gux-icon", { "icon-name": "globe", "screenreader-text": this.i18n('unknownRegion') }))));
+        return (h("div", { class: "gux-selected-option" }, this.region ? (h("gux-flag-icon-beta", { flag: (_a = this.region) === null || _a === void 0 ? void 0 : _a.alpha2Code, "screenreader-text": this.i18n((_b = this.region) === null || _b === void 0 ? void 0 : _b.alpha2Code) })) : (h("gux-icon", { "icon-name": "fa/earth-africa-regular", "screenreader-text": this.i18n('unknownRegion') }))));
     }
     renderInput() {
         var _a;
@@ -335,14 +335,14 @@ export class GuxPhoneInput {
     }
     getRegionOptions() {
         return [
-            (h("gux-option", { value: "" }, h("span", { class: "gux-option-content" }, h("gux-icon", { "icon-name": "globe", decorative: true }), h("span", null, this.i18n('unknownRegion'), ' ', h("span", { class: "gux-country-code" }, "(+)")))))
+            (h("gux-option", { value: "" }, h("span", { class: "gux-option-content" }, h("gux-icon", { "icon-name": "fa/earth-africa-regular", decorative: true }), h("span", null, this.i18n('unknownRegion'), ' ', h("span", { class: "gux-country-code" }, "(+)")))))
         ].concat(this.regionObjects.map(region => (h("gux-option", { value: region.alpha2Code }, h("span", { class: "gux-option-content" }, h("gux-flag-icon-beta", { flag: region.alpha2Code }), h("span", null, region.name, ' ', h("span", { class: "gux-country-code" }, "(", region.dialCode, ")")))))));
     }
     renderPopup() {
         return (h("div", { slot: "popup", class: "gux-listbox-container" }, h("gux-listbox", { "aria-label": this.i18n('regionDropdown'), value: this.region ? this.region.alpha2Code : '' }, this.regionOptions)));
     }
     render() {
-        return (h("gux-popup", { key: '7e2dc1b8626e2f1a2afabc128d44fa7e6858679c', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: 'f0d5ba6f25fddcc4be5ca4124a9b933a61e7e8e3', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-phone-input-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/legacy/gux-advanced-dropdown-legacy/gux-advanced-dropdown.js

@@ -70,9 +70,9 @@ export class GuxAdvancedDropdownLegacy {
         }
     }
     render() {
-        return (h("gux-popup", { key: '7d6550e43465dcecdaa8560fccaa48703fb3a246', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'f6d162c0806acbe6dbe6214d8267a5f8ceb16814', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '6fc7f49f786923c00586fb3ebe85cda68fa942bc', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (h("span", { class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { class: "gux-select-value", title: this.value }, this.value))), h("div", { key: 'df3caded426e1177383a17232fe733a04f8ac916', class: "gux-icon-wrapper" }, h("gux-icon", { key: '2da44035092380b04da9c929b55454c0bd21012d', decorative: true, "icon-name": "chevron-small-down" }))), h("div", { key: '804f1957aeb4e6c828206ad7244f6acbff076657', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'f03db98d2bc26a2f5959c1541f53a645544bac49', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: 'c2a21c00fd512ebaa7672fb54f5e8feda1092842', "label-position": "screenreader" }, h("label", { key: '77449ec906555a731e34dabd60c90efa6bd30b97', slot: "label" }, this.i18n('searchAria')), h("input", { key: '899c695d2c89133a4da37ad9093a54624857c1c6', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: '7d6550e43465dcecdaa8560fccaa48703fb3a246', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'f6d162c0806acbe6dbe6214d8267a5f8ceb16814', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '6fc7f49f786923c00586fb3ebe85cda68fa942bc', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (h("span", { class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { class: "gux-select-value", title: this.value }, this.value))), h("div", { key: 'df3caded426e1177383a17232fe733a04f8ac916', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'fb3ac1317ce9b6a2e3c56c07f43c388c5e1f44df', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: 'b15ee926b5347dfd9b4694bbd452276a022caa7c', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: '3ac8f76dbbcead1854d4b829d0513e9cf6d3ce68', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: 'd9d3bb933ffa817962909056510a6ae86d3b96a0', "label-position": "screenreader" }, h("label", { key: '84e7ba364ec207f75fe9549581980918541af509', slot: "label" }, this.i18n('searchAria')), h("input", { key: '80efc2ee63c0ea5c22f3d311a66d8284861f1a52', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: '5516540295957b8a8390fe10897daf476b578893', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'd69777e377dff0df4c0851384369c35c57026f5a' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: 'c654982a8e651c8accf167893241b022f442d7b6', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'b3e0f211fa1b4c5c3cba4cc9ea80d6ed6191289d' }))))));
     }
     updateSelectionState() {
         this.selectionOptions = this.getSelectionOptions();

package/dist/collection/components/legacy/gux-disclosure-button-legacy/gux-disclosure-button.js

@@ -12,7 +12,7 @@ export class GuxDisclosureButtonLegacy {
         this.position = 'left';
         this.label = undefined;
         this.isOpen = false;
-        this.icon = 'arrow-solid-right';
+        this.icon = 'fa/caret-right-solid';
     }
     watchIsOpen() {
         this.updateIcon();
@@ -26,10 +26,10 @@ export class GuxDisclosureButtonLegacy {
     }
     updateIcon() {
         if (this.position === 'right') {
-            this.icon = this.isOpen ? 'arrow-solid-right' : 'arrow-solid-left';
+            this.icon = this.isOpen ? 'fa/caret-right-solid' : 'fa/caret-left-solid';
         }
         else {
-            this.icon = this.isOpen ? 'arrow-solid-left' : 'arrow-solid-right';
+            this.icon = this.isOpen ? 'fa/caret-left-solid' : 'fa/caret-right-solid';
         }
     }
     async componentWillLoad() {
@@ -38,10 +38,10 @@ export class GuxDisclosureButtonLegacy {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: 'ecaeb9b6177112f93a7ef4a5aed6eeac64d0831c', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '90f906915e1eb1f28f114fc4ee8a547d44f80e5c', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: '84fcd4c68d75a1649af1961c973760fe6dc2272f', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: 'a6ccee9a2b12d007db687c46217b6a2c59a01bc5', id: this.panelId, class: {
+        return (h("div", { key: '14fd6c64658b5c4d17eb1e716aba1420e4513640', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '6ba9bee17e1154c2d066bd7edae5dc1b30311761', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: 'ab3be81f33ca28bc32cd57ced2dfb6d0f263709d', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: 'c9a952751e4f3fd6a59479880e64613c922e8df8', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: 'c23678ee2c8a7bf59277e1a8efce641d9586b2c6', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '9859f5cfb159329913927f75e82f288500b94e8b', name: "panel-content" }))));
     }
     static get is() { return "gux-disclosure-button-legacy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/legacy/gux-disclosure-button-legacy/tests/gux-disclosure-button.e2e.js

@@ -53,12 +53,12 @@ describe('gux-disclosure-button-legacy', () => {
                 const onActive = await page.spyOnEvent('active');
                 expect(await element.getProperty('isOpen')).toBe(false);
                 expect(panel).not.toHaveClass('gux-active');
-                expect(icon).toEqualAttribute('icon-name', 'arrow-solid-right');
+                expect(icon).toEqualAttribute('icon-name', 'fa/caret-right-solid');
                 await button.click();
                 await page.waitForChanges();
                 expect(await element.getProperty('isOpen')).toBe(true);
                 expect(panel).toHaveClass('gux-active');
-                expect(icon).toEqualAttribute('icon-name', 'arrow-solid-left');
+                expect(icon).toEqualAttribute('icon-name', 'fa/caret-left-solid');
                 expect(onActive).toHaveReceivedEventDetail(true);
             });
         });

package/dist/collection/components/legacy/gux-disclosure-button-legacy/tests/gux-disclosure-button.spec.js

@@ -43,12 +43,12 @@ describe('gux-disclosure-button', () => {
                 element.addEventListener('active', activeEventSpy);
                 expect(element.isOpen).toBe(false);
                 expect(panel).not.toHaveClass('gux-active');
-                expect(icon).toEqualAttribute('icon-name', 'arrow-solid-right');
+                expect(icon).toEqualAttribute('icon-name', 'fa/caret-right-solid');
                 button.click();
                 await page.waitForChanges();
                 expect(element.isOpen).toBe(true);
                 expect(panel).toHaveClass('gux-active');
-                expect(icon).toEqualAttribute('icon-name', 'arrow-solid-left');
+                expect(icon).toEqualAttribute('icon-name', 'fa/caret-left-solid');
                 expect(activeEventSpy).toHaveBeenCalledWith(expect.objectContaining({
                     detail: true
                 }));
@@ -67,12 +67,12 @@ describe('gux-disclosure-button', () => {
                 element.addEventListener('active', activeEventSpy);
                 expect(element.isOpen).toBe(true);
                 expect(panel).toHaveClass('gux-active');
-                expect(icon).toEqualAttribute('icon-name', 'arrow-solid-left');
+                expect(icon).toEqualAttribute('icon-name', 'fa/caret-left-solid');
                 button.click();
                 await page.waitForChanges();
                 expect(element.isOpen).toBe(false);
                 expect(panel).not.toHaveClass('gux-active');
-                expect(icon).toEqualAttribute('icon-name', 'arrow-solid-right');
+                expect(icon).toEqualAttribute('icon-name', 'fa/caret-right-solid');
                 expect(activeEventSpy).toHaveBeenCalledWith(expect.objectContaining({
                     detail: false
                 }));

package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination-buttons-legacy/gux-pagination-buttons.js

@@ -71,7 +71,7 @@ export class GuxPaginationButtonsLegacy {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '65f5df113fcff5352c78aae19e64e1cf3aa0529d', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '342290ddf38c6ff15c96ceee1bf85856c39d1b33', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'df7a7a8f79872afc4b07bb770b17cbca146ed8ca', accent: "ghost" }, h("button", { key: '405bda85171a8954521414f02705e7be01f8346c', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '6af6ef74821a2328799c8da454d7fcbd717e71f9', decorative: true, "icon-name": "chevron-double-left" }))), h("gux-button-slot", { key: '8638a3c1fff12fd027ff9257c429784a62dbfe89', accent: "ghost" }, h("button", { key: '079e9784e585a182c73b7f08e65a8709db4403cb', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '1d12b4830af8429f39b7a331a5d585255f9fdf02', decorative: true, "icon-name": "chevron-small-left" })))), this.getPagePicker(this.layout), h("div", { key: 'c3ee4d1d35a8c4f097bf744f3471ee79d01fdf71', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'f2cdc9899f705c318927c2c1f3e58f35716bea2a', accent: "ghost" }, h("button", { key: 'b51edb7cb1a86dbc7b6d4740a9cef5cf45df97f4', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '5495c3f4f6247b6c05e89909956dfd38a28aed06', decorative: true, "icon-name": "chevron-small-right" }))), h("gux-button-slot", { key: 'd29e779b6180d2a48fc56e0996c67c1630672ee5', accent: "ghost" }, h("button", { key: '11ce9c30b2f4b25af5a392864df4bc8509a43a54', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '2eea5b1f7b945763fb442c577c6e40d5d2bbf6be', decorative: true, "icon-name": "chevron-double-right" }))))));
+        return (h("div", { key: '65f5df113fcff5352c78aae19e64e1cf3aa0529d', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '342290ddf38c6ff15c96ceee1bf85856c39d1b33', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'df7a7a8f79872afc4b07bb770b17cbca146ed8ca', accent: "ghost" }, h("button", { key: '405bda85171a8954521414f02705e7be01f8346c', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '3dfd73baa837be11f17f3d0d45a585a0ca452f1b', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'e67927426052f32d965da39820af45b9270d892a', accent: "ghost" }, h("button", { key: 'cfb8c907951c4b62405f4e28cc4f398f8dcc05a9', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '0cb1a31dd49fc9e76687a7e28cbb174b057125ed', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '6e4784214596edb63cda0ac0ed330858fb54f008', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '36b7059810aa24e267dcc812198085f200511c19', accent: "ghost" }, h("button", { key: '537e98861aee0c728e424d6742f45a40f1cca46f', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '889eb57eec2aa4cb844104ef4fe7ddb50c3971b1', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '540f8ea95543eb739d0892671058de5d2cda55bd', accent: "ghost" }, h("button", { key: '82c7157a81af6620feeae30c23a3ecc59c48bb80', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '76dc86d6c2f5f183d6a8fefbeff6e38b95da2fa3', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     static get is() { return "gux-pagination-buttons-legacy"; }
     static get originalStyleUrls() {

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

@@ -53,11 +53,11 @@ export class GuxAccordionSection {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: 'c4c55775320d8381f30f620c2ebf1127478c0666', decorative: true, "icon-name": "chevron-small-down" })))), h("div", { key: '02d0cad854972af9a7ecfdb5534c2589f1502937', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: 'ae4ab9ac042737319f254309e72f3ca7ff5917d7', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '6bcd2a3374a9a67e741f54f4bdf5de5a0e402304', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
                 'gux-content': true,
                 'gux-expanded': this.open,
                 'gux-text-content-layout': this.contentLayout === 'text'
-            } }, h("slot", { key: '816524e5f64351de08633ac841b72ea843544ad2', name: "content" }))));
+            } }, h("slot", { key: '805ae7653ba1c319535fef0cb456a219c2cf0df4', name: "content" }))));
     }
     static get is() { return "gux-accordion-section"; }
     static get encapsulation() { return "shadow"; }