genesys-spark-components 3.56.2 → 3.57.1

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [3.57.1](https://github.com/MyPureCloud/genesys-webcomponents/compare/v3.57.0...v3.57.1) (2023-01-16)
+
+## [3.57.0](https://github.com/MyPureCloud/genesys-webcomponents/compare/v3.56.2...v3.57.0) (2023-01-16)
+
+
+### Features
+
+* **localisation:** centralised en file is now getting localised by the translation team ([234e248](https://github.com/MyPureCloud/genesys-webcomponents/commit/234e2480fca50bfb263abee7f2f0f7a51429e961))
+
 ### [3.56.2](https://github.com/MyPureCloud/genesys-webcomponents/compare/v3.56.1...v3.56.2) (2023-01-16)
 
 ### [3.56.1](https://github.com/MyPureCloud/genesys-webcomponents/compare/v3.56.0...v3.56.1) (2023-01-13)

package/README.md

@@ -10,7 +10,7 @@ At any given time there are three types of components present in the library:
 - **beta**: New components where the API design is still being explored. Breaking changes _may_ happen without a major version change.
 - **legacy**: Old components that have been replaced by a new component, or a newer version of the component with an incompatible API. These will be removed in the next major release.
 
-For more details on the component evolution process see the full [documentation on the topic](./COMPONENT_EVOLUTION.md)
+For more details on the component evolution process see the full [documentation on the topic](./documentation/COMPONENT_EVOLUTION.md)
 
 ## Demo/Documentation
 
@@ -82,7 +82,7 @@ and the components will localize based on that. If no language is set, the compo
 
 ### Framework Integration Notes
 
-- [React](./REACT_INTEGRATION.md)
+- [React](./documentation/REACT_INTEGRATION.md)
 
 ## Development and Contribution
 
@@ -91,7 +91,7 @@ contribution from users is welcome. If you need a new feature, the best way to g
 with the team to implement it yourself. Please reach out to discuss your work _before_ opening a PR.
 An early conversation is the best way to avoid duplicated effort.
 
-Also, be sure to read the [Contributing Guidelines](./CONTRIBUTING.md) before starting development work.
+Also, be sure to read the [Contributing Guidelines](./documentation/CONTRIBUTING.md) before starting development work.
 
 ### Serving component and docs
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2c771ebd.js');
-const usageTracking = require('./usage-tracking-e7dffdd3.js');
+const usage = require('./usage-291c76df.js');
 
 function getSectionByName(slotName, sections) {
   return sections.find(section => section.slotName === slotName);
@@ -102,7 +102,7 @@ const GuxAccordionLegacy = class {
     modifyClassList(slotName, 'toggle', this.sections);
   }
   componentWillLoad() {
-    usageTracking.trackComponent(this.root);
+    usage.trackComponent(this.root);
     this.sections = getSections(this.root);
   }
   render() {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2c771ebd.js');
-const usageTracking = require('./usage-tracking-e7dffdd3.js');
+const usage = require('./usage-291c76df.js');
 
 const guxAccordionCss = "gux-accordion{-custom-noop:noop}";
 
@@ -31,7 +31,7 @@ const GuxAccordion = class {
         return openFound || section.open;
       }, false);
     }
-    usageTracking.trackComponent(this.root);
+    usage.trackComponent(this.root);
   }
   getAccordionSections() {
     return Array.from(this.root.children);

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2c771ebd.js');
-const usageTracking = require('./usage-tracking-e7dffdd3.js');
+const usage = require('./usage-291c76df.js');
 const onClickOutside = require('./on-click-outside-59f8a11d.js');
 const index$1 = require('./index-14651508.js');
 require('./get-closest-element-ab4b2eee.js');
@@ -114,7 +114,7 @@ const GuxActionButtonLegacy = class {
     }
   }
   async componentWillLoad() {
-    usageTracking.trackComponent(this.root, { variant: this.type });
+    usage.trackComponent(this.root, { variant: this.type });
     this.i18n = await index$1.buildI18nForComponent(this.root, defaultResources);
   }
   render() {

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

@@ -6,7 +6,7 @@ const index = require('./index-2c771ebd.js');
 const onClickOutside = require('./on-click-outside-59f8a11d.js');
 const whenEventIsFrom = require('./when-event-is-from-69b5ca13.js');
 const afterNextRender = require('./after-next-render-a09f528a.js');
-const usageTracking = require('./usage-tracking-e7dffdd3.js');
+const usage = require('./usage-291c76df.js');
 const index$1 = require('./index-14651508.js');
 require('./get-closest-element-ab4b2eee.js');
 
@@ -124,7 +124,7 @@ const GuxActionButton = class {
     });
   }
   async componentWillLoad() {
-    usageTracking.trackComponent(this.root, { variant: this.type });
+    usage.trackComponent(this.root, { variant: this.type });
     this.i18n = await index$1.buildI18nForComponent(this.root, defaultResources);
   }
   render() {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2c771ebd.js');
-const usageTracking = require('./usage-tracking-e7dffdd3.js');
+const usage = require('./usage-291c76df.js');
 
 const guxActionListCss = ".gux-action-list-items-container{padding:8px 0;margin:0;list-style:none;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";
 
@@ -46,7 +46,7 @@ const GuxActionListLegacy = class {
     return this.selectedIndex <= 0;
   }
   componentWillLoad() {
-    usageTracking.trackComponent(this.root);
+    usage.trackComponent(this.root);
   }
   render() {
     this.updateTabIndexes();

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2c771ebd.js');
-const usageTracking = require('./usage-tracking-e7dffdd3.js');
+const usage = require('./usage-291c76df.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:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}.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:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.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}";
 
@@ -12,7 +12,7 @@ const GuxActionToast = class {
     index.registerInstance(this, hostRef);
   }
   componentWillLoad() {
-    usageTracking.trackComponent(this.root);
+    usage.trackComponent(this.root);
   }
   render() {
     return (index.h(index.Host, null, index.h("div", { class: "gux-header" }, index.h("div", { class: "gux-icon" }, index.h("slot", { name: "icon" })), index.h("div", { class: "gux-title" }, index.h("slot", { name: "title" }))), index.h("div", { class: "gux-message" }, index.h("slot", { name: "message" })), index.h("div", { class: "gux-action-buttons" }, index.h("div", { class: "gux-positive-button" }, index.h("slot", { name: "positive-button" })), index.h("div", { class: "gux-negative-button" }, index.h("slot", { name: "negative-button" })))));

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

@@ -6,7 +6,7 @@ const index = require('./index-2c771ebd.js');
 const onMutation = require('./on-mutation-8f8a4460.js');
 const onClickOutside = require('./on-click-outside-59f8a11d.js');
 const afterNextRender = require('./after-next-render-a09f528a.js');
-const usageTracking = require('./usage-tracking-e7dffdd3.js');
+const usage = require('./usage-291c76df.js');
 const index$1 = require('./index-14651508.js');
 require('./get-closest-element-ab4b2eee.js');
 
@@ -69,7 +69,7 @@ const GuxAdvancedDropdown = class {
     this.closeDropdown(false);
   }
   async componentWillLoad() {
-    usageTracking.trackComponent(this.root);
+    usage.trackComponent(this.root);
     this.i18n = await index$1.buildI18nForComponent(this.root, advancedDropDownResources);
     this.handleSelectionChange = this.handleSelectionChange.bind(this);
     this.updateSelectionState();

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2c771ebd.js');
-const usageTracking = require('./usage-tracking-e7dffdd3.js');
+const usage = require('./usage-291c76df.js');
 const afterNextRender = require('./after-next-render-a09f528a.js');
 
 const guxAnnounceCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";
@@ -21,7 +21,7 @@ const GuxAnnounce = class {
     });
   }
   componentWillLoad() {
-    usageTracking.trackComponent(this.root);
+    usage.trackComponent(this.root);
   }
   render() {
     return (index.h(index.Host, { "aria-live": this.politeness }, index.h("slot", null), index.h("div", { ref: el => (this.containerElement = el) })));

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2c771ebd.js');
-const usageTracking = require('./usage-tracking-e7dffdd3.js');
+const usage = require('./usage-291c76df.js');
 const index$1 = require('./index-14651508.js');
 require('./get-closest-element-ab4b2eee.js');
 
@@ -49,7 +49,7 @@ const GuxBadge = class {
     return `${this.color}${this.bold ? '-bold' : ''}`;
   }
   async componentWillLoad() {
-    usageTracking.trackComponent(this.root);
+    usage.trackComponent(this.root);
     this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
   }
   render() {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2c771ebd.js');
-const usageTracking = require('./usage-tracking-e7dffdd3.js');
+const usage = require('./usage-291c76df.js');
 const onResize = require('./on-resize-07f1bd5f.js');
 
 /**
@@ -33,7 +33,7 @@ const GuxBlankState = class {
     this.setBlankStateSize();
   }
   componentWillLoad() {
-    usageTracking.trackComponent(this.root);
+    usage.trackComponent(this.root);
   }
   componentDidLoad() {
     this.setBlankStateSize();

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2c771ebd.js');
 const index$1 = require('./index-14651508.js');
-const usageTracking = require('./usage-tracking-e7dffdd3.js');
+const usage = require('./usage-291c76df.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const breadcrumbs = "Breadcrumbs";
@@ -20,7 +20,7 @@ const GuxBreadcrumbs = class {
     this.accent = 'primary';
   }
   componentWillLoad() {
-    usageTracking.trackComponent(this.root, { variant: this.accent });
+    usage.trackComponent(this.root, { variant: this.accent });
   }
   async componentWillRender() {
     this.i18n = await index$1.buildI18nForComponent(this.root, breadcrumbsResources);

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2c771ebd.js');
-const usageTracking = require('./usage-tracking-e7dffdd3.js');
+const usage = require('./usage-291c76df.js');
 const onClickOutside = require('./on-click-outside-59f8a11d.js');
 
 const guxButtonMultiCss = ":host{display:block;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-button-multi-container .gux-dropdown-button button>*{vertical-align:middle}.gux-button-multi-container .gux-dropdown-button button gux-icon{width:16px;height:16px;margin-left:8px}";
@@ -98,7 +98,7 @@ const GuxButtonMultiLegacy = class {
     }
   }
   componentWillLoad() {
-    usageTracking.trackComponent(this.root, { variant: this.accent });
+    usage.trackComponent(this.root, { variant: this.accent });
   }
   render() {
     return (index.h("gux-popup", { expanded: this.isOpen, disabled: this.disabled }, index.h("div", { slot: "target", class: "gux-button-multi-container" }, index.h("gux-button-slot-beta", { class: "gux-dropdown-button", accent: this.accent }, index.h("button", { type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, index.h("span", null, this.text), index.h("gux-icon", { decorative: true, "icon-name": "chevron-small-down" })))), index.h("gux-action-list-legacy", { slot: "popup", ref: el => (this.listElement = el) }, index.h("slot", null))));

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

@@ -6,7 +6,7 @@ const index = require('./index-2c771ebd.js');
 const onClickOutside = require('./on-click-outside-59f8a11d.js');
 const whenEventIsFrom = require('./when-event-is-from-69b5ca13.js');
 const afterNextRender = require('./after-next-render-a09f528a.js');
-const usageTracking = require('./usage-tracking-e7dffdd3.js');
+const usage = require('./usage-291c76df.js');
 
 const guxButtonMultiCss = ":host{display:block;-webkit-user-select:none;user-select:none;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-button-multi-container .gux-dropdown-button button{display:inline-flex;align-items:center}.gux-button-multi-container .gux-dropdown-button button gux-icon{width:16px;height:16px;margin-left:8px}.gux-list-container{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)}";
 
@@ -107,7 +107,7 @@ const GuxButtonMulti = class {
     });
   }
   componentWillLoad() {
-    usageTracking.trackComponent(this.root, { variant: this.accent });
+    usage.trackComponent(this.root, { variant: this.accent });
   }
   render() {
     return (index.h("gux-popup", { expanded: this.isOpen }, index.h("div", { slot: "target", class: "gux-button-multi-container" }, index.h("gux-button-slot-beta", { class: "gux-dropdown-button", accent: this.accent }, index.h("button", { type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, index.h("slot", { name: "title" }, this.text), index.h("gux-icon", { decorative: true, "icon-name": "chevron-small-down" })))), index.h("div", { class: "gux-list-container", slot: "popup" }, index.h("gux-list", { onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", null)))));

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2c771ebd.js');
-const usageTracking = require('./usage-tracking-e7dffdd3.js');
+const usage = require('./usage-291c76df.js');
 const logError = require('./log-error-ddbca3a0.js');
 
 const guxButtonSlotCss = ":host{display:inline-block;min-width:32px;pointer-events:none}::slotted(input[type='button']),::slotted(input[type='submit']),::slotted(button){width:100%;height:32px;padding:0 16px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:#e2e6ee;border:none;border-radius:4px;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}::slotted(input[type='button'][disabled]),::slotted(input[type='submit'][disabled]),::slotted(button[disabled]){color:rgba(46, 57, 76, 0.5);cursor:default;background-color:rgba(226, 230, 238, 0.5)}::slotted(input[type='button']:focus),::slotted(input[type='submit']:focus),::slotted(button:focus){outline:none}::slotted(input[type='button']:focus:enabled),::slotted(input[type='submit']:focus:enabled),::slotted(button:focus:enabled){outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}::slotted(input[type='button']:hover:enabled),::slotted(input[type='submit']:hover:enabled),::slotted(button:hover:enabled){background-color:#d7dce5}::slotted(input[type='button']:active:enabled),::slotted(input[type='submit']:active:enabled),::slotted(button:active:enabled){background-color:#c8cfda}:host([accent='primary']) ::slotted(input[type='button']),:host([accent='primary']) ::slotted(input[type='submit']),:host([accent='primary']) ::slotted(button){color:#fdfdfd;background-color:#2a60c8}:host([accent='primary']) ::slotted(input[type='button'][disabled]),:host([accent='primary']) ::slotted(input[type='submit'][disabled]),:host([accent='primary']) ::slotted(button[disabled]){color:rgba(253, 253, 253, 0.5);background-color:rgba(42, 96, 200, 0.5)}:host([accent='primary']) ::slotted(input[type='button']:hover:enabled),:host([accent='primary']) ::slotted(input[type='submit']:hover:enabled),:host([accent='primary']) ::slotted(button:hover:enabled){background-color:#2754ac}:host([accent='primary']) ::slotted(input[type='button']:active:enabled),:host([accent='primary']) ::slotted(input[type='submit']:active:enabled),:host([accent='primary']) ::slotted(button:active:enabled){background-color:#23478f}:host([accent='tertiary']) ::slotted(input[type='button']),:host([accent='tertiary']) ::slotted(input[type='submit']),:host([accent='tertiary']) ::slotted(button){color:#2a60c8;background-color:#fdfdfd;border:1px solid #2a60c8}:host([accent='tertiary']) ::slotted(input[type='button']),:host([accent='tertiary']) ::slotted(input[type='submit']),:host([accent='tertiary']) ::slotted(button){color:#2a60c8;background-color:#fdfdfd;border:1px solid #2a60c8}:host([accent='tertiary']) ::slotted(input[type='button'][disabled]),:host([accent='tertiary']) ::slotted(input[type='submit'][disabled]),:host([accent='tertiary']) ::slotted(button[disabled]){color:rgba(42, 96, 200, 0.5);background-color:rgba(253, 253, 253, 0.5);border-color:rgba(42, 96, 200, 0.5)}:host([accent='tertiary']) ::slotted(input[type='button']:hover:enabled),:host([accent='tertiary']) ::slotted(input[type='submit']:hover:enabled),:host([accent='tertiary']) ::slotted(button:hover:enabled){color:#fdfdfd;background-color:#2754ac}:host([accent='tertiary']) ::slotted(input[type='button']:active:enabled),:host([accent='tertiary']) ::slotted(input[type='submit']:active:enabled),:host([accent='tertiary']) ::slotted(button:active:enabled){color:#fdfdfd;background-color:#23478f}:host([accent='ghost']) ::slotted(input[type='button']),:host([accent='ghost']) ::slotted(input[type='submit']),:host([accent='ghost']) ::slotted(button){color:#2a60c8;background:none;border:none}:host([accent='ghost']) ::slotted(input[type='button'][disabled]),:host([accent='ghost']) ::slotted(input[type='submit'][disabled]),:host([accent='ghost']) ::slotted(button[disabled]){color:rgba(42, 96, 200, 0.5)}:host([accent='ghost']) ::slotted(input[type='button']:hover:enabled),:host([accent='ghost']) ::slotted(input[type='submit']:hover:enabled),:host([accent='ghost']) ::slotted(button:hover:enabled){color:#2754ac;background-color:rgba(222, 234, 255, 0.33)}:host([accent='ghost']) ::slotted(input[type='button']:active:enabled),:host([accent='ghost']) ::slotted(input[type='submit']:active:enabled),:host([accent='ghost']) ::slotted(button:active:enabled){color:#2754ac;background-color:#deeaff}:host([accent='danger']) ::slotted(input[type='button']),:host([accent='danger']) ::slotted(input[type='submit']),:host([accent='danger']) ::slotted(button){color:#fdfdfd;background-color:#ea0b0b}:host([accent='danger']) ::slotted(input[type='button'][disabled]),:host([accent='danger']) ::slotted(input[type='submit'][disabled]),:host([accent='danger']) ::slotted(button[disabled]){color:rgba(253, 253, 253, 0.5);background-color:rgba(234, 11, 11, 0.5)}:host([accent='danger']) ::slotted(input[type='button']:hover:enabled),:host([accent='danger']) ::slotted(input[type='submit']:hover:enabled),:host([accent='danger']) ::slotted(button:hover:enabled){background-color:#cc0a0a}:host([accent='danger']) ::slotted(input[type='button']:active:enabled),:host([accent='danger']) ::slotted(input[type='submit']:active:enabled),:host([accent='danger']) ::slotted(button:active:enabled){background-color:#ad0808}";
@@ -32,7 +32,7 @@ const GuxButtonSlot = class {
     logError.logError('gux-button-slot', 'You must slot a button, input[type="button"] or input[type="submit"] element.');
   }
   componentWillLoad() {
-    usageTracking.trackComponent(this.root);
+    usage.trackComponent(this.root);
     this.validateSlotContent();
   }
   render() {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2c771ebd.js');
-const usageTracking = require('./usage-tracking-e7dffdd3.js');
+const usage = require('./usage-291c76df.js');
 
 const guxButtonCss = ":host{display:inline-block;min-width:32px;pointer-events:none;-webkit-user-select:none;user-select:none}:host(:focus){outline:none}:host(:focus) button{outline:none}::slotted(gux-icon){width:16px;height:16px}::slotted(*){padding-left:4px;vertical-align:middle}::slotted(*:first-child){padding:0}button{width:100%;height:32px;padding:0 16px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:#e2e6ee;border:none;border-radius:4px;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}button[disabled]{color:rgba(46, 57, 76, 0.5);cursor:default;background-color:rgba(226, 230, 238, 0.5)}button:hover:enabled{background-color:#d7dce5}button:active:enabled{background-color:#c8cfda}button:focus:enabled{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}button.gux-tertiary{color:#2a60c8;background-color:#fdfdfd;border:1px solid #2a60c8}button.gux-tertiary[disabled]{color:rgba(42, 96, 200, 0.5);background-color:rgba(253, 253, 253, 0.5);border-color:rgba(42, 96, 200, 0.5)}button.gux-tertiary:hover:enabled{color:#fdfdfd;background-color:#2754ac}button.gux-tertiary:active:enabled{color:#fdfdfd;background-color:#23478f}button.gux-ghost{color:#2a60c8;background:none;border:none}button.gux-ghost[disabled]{color:rgba(42, 96, 200, 0.5)}button.gux-ghost:hover:enabled{color:#2754ac;background-color:rgba(222, 234, 255, 0.33)}button.gux-ghost:active:enabled{color:#2754ac;background-color:#deeaff}button.gux-primary{color:#fdfdfd;background-color:#2a60c8}button.gux-primary[disabled]{color:rgba(253, 253, 253, 0.5);background-color:rgba(42, 96, 200, 0.5)}button.gux-primary:hover:enabled{background-color:#2754ac}button.gux-primary:active:enabled{background-color:#23478f}button.gux-danger{color:#fdfdfd;background-color:#ea0b0b}button.gux-danger[disabled]{color:rgba(253, 253, 253, 0.5);background-color:rgba(234, 11, 11, 0.5)}button.gux-danger:hover:enabled{background-color:#cc0a0a}button.gux-danger:active:enabled{background-color:#ad0808}";
 
@@ -16,7 +16,7 @@ const GuxButton = class {
     this.accent = 'secondary';
   }
   componentWillLoad() {
-    usageTracking.trackComponent(this.root, { variant: this.accent });
+    usage.trackComponent(this.root, { variant: this.accent });
     this.makeSlotContentDisableable();
   }
   render() {

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-2c771ebd.js');
 const afterNextRender = require('./after-next-render-a09f528a.js');
 const isoDates = require('./iso-dates-f78ffb80.js');
-const usageTracking = require('./usage-tracking-e7dffdd3.js');
+const usage = require('./usage-291c76df.js');
 const index$1 = require('./index-14651508.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-8e2f04e5.js');
 require('./get-closest-element-ab4b2eee.js');
@@ -331,7 +331,7 @@ const GuxCalendar = class {
     }
   }
   componentWillLoad() {
-    usageTracking.trackComponent(this.root, { variant: this.mode });
+    usage.trackComponent(this.root, { variant: this.mode });
     this.locale = index$1.getDesiredLocale(this.root);
     this.startDayOfWeek = this.startDayOfWeek || index$1.getStartOfWeek(this.locale);
     if (!this.value) {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2c771ebd.js');
-const usageTracking = require('./usage-tracking-e7dffdd3.js');
+const usage = require('./usage-291c76df.js');
 
 const guxCardCss = ":host{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;width:fit-content;padding:16px;background-color:#fdfdfd;border:1px solid #e2e6ee;border-radius:4px}:host([accent='outline']){background-color:#fdfdfd}:host([accent='filled']){background-color:#f6f7f9}:host([accent='raised']){box-shadow:0 0 2px rgba(32, 41, 55, 0.16)}";
 
@@ -13,7 +13,7 @@ const GuxCard = class {
     this.accent = 'outline';
   }
   componentWillLoad() {
-    usageTracking.trackComponent(this.root);
+    usage.trackComponent(this.root);
   }
   render() {
     return (index.h("slot", null));

package/dist/cjs/gux-chart-column-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2c771ebd.js');
-const usageTracking = require('./usage-tracking-e7dffdd3.js');
+const usage = require('./usage-291c76df.js');
 const colorPalette = require('./color-palette-4339407d.js');
 const logError = require('./log-error-ddbca3a0.js');
 
@@ -125,7 +125,7 @@ const GuxColumnChart = class {
     this.visualizationSpec = spec;
   }
   componentWillLoad() {
-    usageTracking.trackComponent(this.root);
+    usage.trackComponent(this.root);
     this.parseData();
   }
   render() {

package/dist/cjs/gux-chart-donut-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2c771ebd.js');
-const usageTracking = require('./usage-tracking-e7dffdd3.js');
+const usage = require('./usage-291c76df.js');
 const logError = require('./log-error-ddbca3a0.js');
 const colorPalette = require('./color-palette-4339407d.js');
 
@@ -214,7 +214,7 @@ const GuxDonutChart = class {
     this.visualizationSpec = spec;
   }
   componentWillLoad() {
-    usageTracking.trackComponent(this.root);
+    usage.trackComponent(this.root);
     this.parseData();
   }
   render() {

package/dist/cjs/gux-chart-line-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2c771ebd.js');
-const usageTracking = require('./usage-tracking-e7dffdd3.js');
+const usage = require('./usage-291c76df.js');
 const colorPalette = require('./color-palette-4339407d.js');
 const logError = require('./log-error-ddbca3a0.js');
 
@@ -120,7 +120,7 @@ const GuxLineChart = class {
     this.visualizationSpec = spec;
   }
   componentWillLoad() {
-    usageTracking.trackComponent(this.root);
+    usage.trackComponent(this.root);
     this.parseData();
   }
   render() {

package/dist/cjs/gux-chart-pie-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2c771ebd.js');
-const usageTracking = require('./usage-tracking-e7dffdd3.js');
+const usage = require('./usage-291c76df.js');
 const logError = require('./log-error-ddbca3a0.js');
 const colorPalette = require('./color-palette-4339407d.js');
 
@@ -98,7 +98,7 @@ const GuxPieChart = class {
     this.visualizationSpec = spec;
   }
   componentWillLoad() {
-    usageTracking.trackComponent(this.root);
+    usage.trackComponent(this.root);
     this.parseData();
   }
   render() {

package/dist/cjs/gux-chart-scatter-plot-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2c771ebd.js');
-const usageTracking = require('./usage-tracking-e7dffdd3.js');
+const usage = require('./usage-291c76df.js');
 const colorPalette = require('./color-palette-4339407d.js');
 const logError = require('./log-error-ddbca3a0.js');
 
@@ -128,7 +128,7 @@ const GuxScatterPlotChart = class {
     this.visualizationSpec = spec;
   }
   componentWillLoad() {
-    usageTracking.trackComponent(this.root);
+    usage.trackComponent(this.root);
     this.parseData();
   }
   render() {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2c771ebd.js');
 const index$1 = require('./index-14651508.js');
-const usageTracking = require('./usage-tracking-e7dffdd3.js');
+const usage = require('./usage-291c76df.js');
 const guxColumnManager_service = require('./gux-column-manager.service-5995903e.js');
 require('./get-closest-element-ab4b2eee.js');
 require('./clamp-1bb96117.js');
@@ -40,7 +40,7 @@ const GuxColumnManager = class {
     guxColumnManager_service.setKeyboardReorderPositionIndicator(this.root, this.keyboardOrderChange);
   }
   async componentWillLoad() {
-    usageTracking.trackComponent(this.root);
+    usage.trackComponent(this.root);
     this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
   }
   componentDidLoad() {

package/dist/cjs/gux-command-palette-legacy.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-2c771ebd.js');
 const search$1 = require('./search-a2ed7f26.js');
 const index$1 = require('./index-14651508.js');
-const usageTracking = require('./usage-tracking-e7dffdd3.js');
+const usage = require('./usage-291c76df.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const recentSearch = "Recently Searched:";
@@ -51,7 +51,7 @@ const GuxCommandPaletteLegacy = class {
     this.visible = false;
   }
   async componentWillLoad() {
-    usageTracking.trackComponent(this.root);
+    usage.trackComponent(this.root);
     this.i18n = await index$1.buildI18nForComponent(this.root, paletteResources);
   }
   render() {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2c771ebd.js');
-const usageTracking = require('./usage-tracking-e7dffdd3.js');
+const usage = require('./usage-291c76df.js');
 const index$1 = require('./index-14651508.js');
 const onAttributeChange = require('./on-attribute-change-37556263.js');
 require('./get-closest-element-ab4b2eee.js');
@@ -45,7 +45,7 @@ const GuxContentSearch = class {
     this.emitCurrentMatchChanged();
   }
   async componentWillLoad() {
-    usageTracking.trackComponent(this.root);
+    usage.trackComponent(this.root);
     this.i18n = await index$1.buildI18nForComponent(this.root, contentSearchResources);
     this.inputSlottedElement = this.root.querySelector('input');
     this.disabled = this.inputSlottedElement.disabled;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2c771ebd.js');
 const randomHtmlId = require('./random-html-id-b86b61c0.js');
-const usageTracking = require('./usage-tracking-e7dffdd3.js');
+const usage = require('./usage-291c76df.js');
 const index$1 = require('./index-14651508.js');
 const onClickOutside = require('./on-click-outside-59f8a11d.js');
 const afterNextRender = require('./after-next-render-a09f528a.js');
@@ -114,7 +114,7 @@ const GuxContextMenu = class {
     });
   }
   async componentWillLoad() {
-    usageTracking.trackComponent(this.root);
+    usage.trackComponent(this.root);
     this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
   }
   render() {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2c771ebd.js');
-const usageTracking = require('./usage-tracking-e7dffdd3.js');
+const usage = require('./usage-291c76df.js');
 const index$1 = require('./index-14651508.js');
 require('./get-closest-element-ab4b2eee.js');
 
@@ -52,7 +52,7 @@ const GuxCopyToClipboard = class {
     });
   }
   async componentWillLoad() {
-    usageTracking.trackComponent(this.root);
+    usage.trackComponent(this.root);
     this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
   }
   render() {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2c771ebd.js');
-const usageTracking = require('./usage-tracking-e7dffdd3.js');
+const usage = require('./usage-291c76df.js');
 const DateTimeFormatter = require('./DateTimeFormatter-24b00998.js');
 const index$1 = require('./index-14651508.js');
 require('./get-closest-element-ab4b2eee.js');
@@ -15,7 +15,7 @@ const GuxDate = class {
     this.format = 'short';
   }
   componentWillLoad() {
-    usageTracking.trackComponent(this.root);
+    usage.trackComponent(this.root);
     this.formatter = new DateTimeFormatter.DateTimeFormatter(index$1.getDesiredLocale(this.root));
   }
   render() {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2c771ebd.js');
-const usageTracking = require('./usage-tracking-e7dffdd3.js');
+const usage = require('./usage-291c76df.js');
 const DateTimeFormatter = require('./DateTimeFormatter-24b00998.js');
 const index$1 = require('./index-14651508.js');
 require('./get-closest-element-ab4b2eee.js');
@@ -15,7 +15,7 @@ const GuxDateTime = class {
     this.format = 'short';
   }
   componentWillLoad() {
-    usageTracking.trackComponent(this.root);
+    usage.trackComponent(this.root);
     this.formatter = new DateTimeFormatter.DateTimeFormatter(index$1.getDesiredLocale(this.root));
   }
   render() {

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

@@ -7,7 +7,7 @@ const randomHtmlId = require('./random-html-id-b86b61c0.js');
 const afterNextRender = require('./after-next-render-a09f528a.js');
 const isoDates = require('./iso-dates-f78ffb80.js');
 const onClickOutside = require('./on-click-outside-59f8a11d.js');
-const usageTracking = require('./usage-tracking-e7dffdd3.js');
+const usage = require('./usage-291c76df.js');
 const index$1 = require('./index-14651508.js');
 const popper = require('./popper-11d5f714.js');
 require('./get-closest-element-ab4b2eee.js');
@@ -548,7 +548,7 @@ const GuxDatepicker = class {
     this.setValue();
   }
   async componentWillLoad() {
-    usageTracking.trackComponent(this.root, { variant: this.mode });
+    usage.trackComponent(this.root, { variant: this.mode });
     this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     this.watchMinDate(this.minDate);
     this.watchMaxDate(this.maxDate);