genesys-spark-components 4.0.0-beta.26 → 4.0.0-beta.28

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

@@ -1,218 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-0d0fdb85.js');
-const onMutation = require('./on-mutation-8f8a4460.js');
-const onClickOutside = require('./on-click-outside-428f8bbf.js');
-const afterNextRender = require('./after-next-render-a09f528a.js');
-const usage = require('./usage-fcdc9156.js');
-const index$1 = require('./index-9bbde1aa.js');
-require('./get-closest-element-ab4b2eee.js');
-
-const searchAria = "Search";
-const advancedDropDownResources = {
-	searchAria: searchAria
-};
-
-const guxAdvancedDropdownCss = ":host{color:#2e394c}gux-popup{display:block;margin:4px 0}gux-popup .gux-select-field{position:relative;width:100%;height:32px}gux-popup .gux-select-field a.gux-select-input{position:absolute;inset:0;padding:6px 24px 6px 12px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-popup .gux-select-field a.gux-select-input .gux-select-placeholder,gux-popup .gux-select-field a.gux-select-input .gux-select-value{line-height:20px}gux-popup .gux-select-field a.gux-select-input .gux-select-placeholder{color:#596373}gux-popup .gux-select-field a.gux-select-input:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}gux-popup .gux-select-field .gux-icon-wrapper{position:absolute;top:1px;right:8px;bottom:0;display:flex;align-items:center;overflow:hidden;cursor:pointer}gux-popup .gux-select-field .gux-icon-wrapper gux-icon{width:16px;height:16px;color:#596373}gux-popup .gux-select-field:hover .gux-icon-wrapper gux-icon{color:#2e394c}gux-popup .gux-advanced-dropdown-menu{width:100%;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 0 2px 0 rgba(32, 41, 55, 0.24);box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search{margin:8px 16px}gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-cancel-button,gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-results-button,gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}gux-popup .gux-dropdown-options{padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border-radius:4px;box-shadow:none}gux-popup::part(gux-popup-container){width:inherit}";
-
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-const GuxAdvancedDropdown = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.input = index.createEvent(this, "input", 7);
-    this.filter = index.createEvent(this, "filter", 7);
-    this.disabled = false;
-    this.placeholder = undefined;
-    this.noFilter = false;
-    this.filterDebounceTimeout = 500;
-    this.dropdownHeight = '320px';
-    this.srLabelledby = undefined;
-    this.opened = undefined;
-    this.currentlySelectedOption = undefined;
-    this.selectionOptions = undefined;
-  }
-  watchValue(newValue) {
-    if (this.opened && newValue) {
-      this.closeDropdown(false);
-    }
-  }
-  get value() {
-    var _a;
-    return (_a = this.currentlySelectedOption) === null || _a === void 0 ? void 0 : _a.text;
-  }
-  /**
-   * Gets the currently selected values.
-   *
-   * @returns The array of selected values.
-   */
-  getSelectedValues() {
-    // Once multi-select gets added there will
-    // be multiple values selectable.
-    return Promise.resolve([this.value]);
-  }
-  // eslint-disable-next-line @typescript-eslint/require-await
-  async setLabeledBy(id) {
-    this.srLabelledby = id;
-  }
-  onClickOutside() {
-    this.closeDropdown(false);
-  }
-  async componentWillLoad() {
-    usage.trackComponent(this.root);
-    this.i18n = await index$1.buildI18nForComponent(this.root, advancedDropDownResources);
-    this.handleSelectionChange = this.handleSelectionChange.bind(this);
-    this.updateSelectionState();
-    this.addOptionListener();
-    this.slotObserver = onMutation.onMutation(this.root, () => this.updateSelectionState());
-  }
-  disconnectedCallback() {
-    if (this.slotObserver) {
-      this.slotObserver.disconnect();
-    }
-  }
-  render() {
-    return (index.h("gux-popup", { expanded: this.opened, disabled: this.disabled }, index.h("div", { slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, index.h("a", { ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (index.h("span", { class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (index.h("span", { class: "gux-select-value", title: this.value }, this.value))), index.h("div", { class: "gux-icon-wrapper" }, index.h("gux-icon", { decorative: true, "icon-name": "chevron-small-down" }))), index.h("div", { slot: "popup", class: "gux-advanced-dropdown-menu" }, index.h("div", { class: "gux-dropdown-menu-container" }, index.h("gux-form-field-search", { "label-position": "screenreader" }, index.h("label", { slot: "label" }, this.i18n('searchAria')), index.h("input", { slot: "input", type: "search", onInput: (event) => {
-        this.handleSearchInput(event);
-      }, ref: el => (this.searchInput = el) })), index.h("div", { class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, index.h("slot", null))))));
-  }
-  updateSelectionState() {
-    this.selectionOptions = this.getSelectionOptions();
-    this.currentlySelectedOption = this.selectionOptions.find(option => option.selected);
-  }
-  addOptionListener() {
-    this.root.addEventListener('selectedChanged', (event) => this.handleSelectionChange(event));
-  }
-  handleSelectionChange({ target }) {
-    const option = target;
-    this.closeDropdown(true);
-    if (this.currentlySelectedOption === option) {
-      return;
-    }
-    if (this.currentlySelectedOption) {
-      this.currentlySelectedOption.selected = false;
-    }
-    this.currentlySelectedOption = option;
-    this.input.emit(option.value);
-  }
-  getSelectionOptions() {
-    const options = this.root.querySelectorAll('gux-dropdown-option');
-    return Array.from(options);
-  }
-  inputMouseDown() {
-    if (this.disabled) {
-      return;
-    }
-    if (this.opened) {
-      this.closeDropdown(true);
-    }
-    else {
-      this.openDropdown(false);
-    }
-  }
-  getFocusIndex() {
-    return this.selectionOptions.findIndex(option => {
-      return option.matches(':focus');
-    });
-  }
-  optionsKeyDown(event) {
-    switch (event.key) {
-      case 'ArrowUp': {
-        event.preventDefault();
-        const focusIndex = this.getFocusIndex();
-        if (focusIndex > 0) {
-          this.selectionOptions[focusIndex - 1].focus();
-        }
-        break;
-      }
-      case 'ArrowDown': {
-        event.preventDefault();
-        const focusIndex = this.getFocusIndex();
-        if (focusIndex < this.selectionOptions.length - 1) {
-          this.selectionOptions[focusIndex + 1].focus();
-        }
-        break;
-      }
-      case 'Home':
-        if (!this.selectionOptions.length) {
-          return;
-        }
-        this.selectionOptions[0].focus();
-        break;
-      case 'End':
-        if (!this.selectionOptions.length) {
-          return;
-        }
-        this.selectionOptions[this.selectionOptions.length - 1].focus();
-        break;
-    }
-  }
-  inputKeyDown(event) {
-    switch (event.key) {
-      case 'ArrowUp':
-      case 'ArrowDown':
-      case ' ':
-        this.openDropdown(true);
-        break;
-    }
-  }
-  handleSearchInput(event) {
-    event.stopPropagation();
-    clearTimeout(this.filterDebounceTimer);
-    this.filterDebounceTimer = setTimeout(() => this.searchRequested(), this.filterDebounceTimeout);
-  }
-  searchRequested() {
-    const value = this.searchInput.value;
-    this.filter.emit(value);
-    this.setFilteredOptions();
-  }
-  setFilteredOptions() {
-    const value = this.searchInput.value;
-    if (!this.noFilter) {
-      for (const option of this.selectionOptions) {
-        void option.shouldFilter(value).then(isFiltered => {
-          option.filtered = isFiltered;
-        });
-      }
-    }
-  }
-  changeFocusToSearch() {
-    afterNextRender.afterNextRenderTimeout(() => {
-      this.searchInput.focus();
-    });
-  }
-  openDropdown(focusSearch) {
-    this.opened = true;
-    if (focusSearch) {
-      this.changeFocusToSearch();
-    }
-  }
-  closeDropdown(focus) {
-    this.opened = false;
-    this.searchInput.value = '';
-    this.setFilteredOptions();
-    if (focus) {
-      this.inputBox.focus();
-    }
-  }
-  get root() { return index.getElement(this); }
-  static get watchers() { return {
-    "disabled": ["watchValue"]
-  }; }
-};
-__decorate([
-  onClickOutside.OnClickOutside({ triggerEvents: 'mousedown' })
-], GuxAdvancedDropdown.prototype, "onClickOutside", null);
-GuxAdvancedDropdown.style = guxAdvancedDropdownCss;
-
-exports.gux_advanced_dropdown = GuxAdvancedDropdown;

package/dist/cjs/gux-pagination-items-per-page-beta.cjs.entry.js

@@ -1,46 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-0d0fdb85.js');
-const index$1 = require('./index-9bbde1aa.js');
-require('./get-closest-element-ab4b2eee.js');
-
-const perPage = "per page";
-const itemsPerPage = "Items per page";
-const rangeSelected = "Items per page dropdown, {range} selected";
-const paginationResources = {
-	perPage: perPage,
-	itemsPerPage: itemsPerPage,
-	rangeSelected: rangeSelected
-};
-
-const guxPaginationItemsPerPageBetaCss = "gux-pagination-items-per-page-beta .gux-pagination-items-per-page-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);align-items:center;justify-content:center}gux-pagination-items-per-page-beta .gux-pagination-items-per-page-container>div{flex:0 1 auto;align-self:auto;order:0;white-space:nowrap}gux-pagination-items-per-page-beta .gux-pagination-items-per-page-container .gux-pagination-items-per-page-picker gux-dropdown{display:inline-block;width:64px}gux-pagination-items-per-page-beta .gux-pagination-items-per-page-container gux-dropdown div.gux-dropdown .gux-options.gux-opened{bottom:100%;display:flex;flex-direction:column-reverse}gux-pagination-items-per-page-beta .gux-pagination-items-per-page-container .gux-pagination-per-page{font-family:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontFamily);color:var(--gse-ui-dataTableItems-tablePagination-foregroundColor);font-size:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontSize);line-height:var(--gse-ui-dataTableItems-tablePagination-defaultText-lineHeight);font-weight:var(--gse-ui-dataTableItems-tablePagination-currentResultText-fontWeight)}";
-
-const GuxPaginationItemsPerPageBeta = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.internalitemsperpagechange = index.createEvent(this, "internalitemsperpagechange", 3);
-    this.itemsPerPage = 25;
-  }
-  handleChange(event) {
-    event.stopPropagation();
-    const newItemsPerPageValue = parseInt(this.dropdownElement.value, 10);
-    this.internalitemsperpagechange.emit(newItemsPerPageValue);
-  }
-  async componentWillLoad() {
-    this.i18n = await index$1.buildI18nForComponent(this.root, paginationResources);
-  }
-  getDropdown() {
-    return (index.h("gux-dropdown", { ref: el => (this.dropdownElement = el), value: `${this.itemsPerPage}`, "aria-label": this.i18n('rangeSelected', {
-        range: this.itemsPerPage
-      }) }, index.h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, index.h("gux-option", { value: "25" }, "25"), index.h("gux-option", { value: "50" }, "50"), index.h("gux-option", { value: "75" }, "75"), index.h("gux-option", { value: "100" }, "100"))));
-  }
-  render() {
-    return (index.h("div", { class: "gux-pagination-items-per-page-container" }, index.h("div", { class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { class: "gux-pagination-per-page" }, this.i18n('perPage'))));
-  }
-  get root() { return index.getElement(this); }
-};
-GuxPaginationItemsPerPageBeta.style = guxPaginationItemsPerPageBetaCss;
-
-exports.gux_pagination_items_per_page_beta = GuxPaginationItemsPerPageBeta;

package/dist/cjs/gux-tab-panel-beta.cjs.entry.js

@@ -1,34 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-0d0fdb85.js');
-
-const guxTabPanelBetaCss = ":host{height:calc(100% - 57px)}:host(:not([hidden])){display:flex;flex-grow:1}:host(:focus){outline:none}:host(:focus-visible){outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}";
-
-const GuxTabPanelBeta = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.guxactivepanelchange = index.createEvent(this, "guxactivepanelchange", 7);
-    this.tabId = undefined;
-    this.active = false;
-  }
-  // eslint-disable-next-line @typescript-eslint/require-await
-  async guxSetActive(active) {
-    this.active = active;
-  }
-  watchActivePanel() {
-    if (this.active === true) {
-      this.guxactivepanelchange.emit(this.tabId);
-    }
-  }
-  render() {
-    return (index.h(index.Host, { id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", null)));
-  }
-  static get watchers() { return {
-    "active": ["watchActivePanel"]
-  }; }
-};
-GuxTabPanelBeta.style = guxTabPanelBetaCss;
-
-exports.gux_tab_panel_beta = GuxTabPanelBeta;

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

@@ -1,84 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-0d0fdb85.js');
-const index$1 = require('./index-9bbde1aa.js');
-const usage = require('./usage-fcdc9156.js');
-require('./get-closest-element-ab4b2eee.js');
-
-const tag = "tag with label: {label}";
-const tagResources = {
-	tag: tag,
-	"tag-disabled": "disabled tag with label: {label}",
-	"remove-tag": "Remove tag with label: {label}"
-};
-
-const guxTagCss = ":host{display:inline-block}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;padding:2px 8px;font-size:12px;font-weight:bold;color:#fdfdfd;background-color:#2e394c;border-radius:4px}.gux-tag gux-tooltip-title{white-space:nowrap;cursor:default}.gux-tag gux-tooltip-title ::slotted(gux-icon){height:20px;font-size:16px}.gux-tag .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-tag .gux-tag-remove-button{all:unset;display:flex;align-content:center;align-items:center;justify-content:center;margin-left:8px}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button .gux-tag-remove-icon{width:16px;height:16px;border-radius:25%}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline:2px solid #aac9ff;outline-offset:0}.gux-tag.gux-disabled{background-color:rgba(46, 57, 76, 0.5)}.gux-tag.gux-default{background-color:#2e394c}.gux-tag.gux-default.gux-disabled{background-color:rgba(46, 57, 76, 0.5)}.gux-tag.gux-default-subtle{color:#2e394c;background-color:#e2e6ee}.gux-tag.gux-default-subtle.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(226, 230, 238, 0.5)}.gux-tag.gux-navy{background-color:#203b73}.gux-tag.gux-navy.gux-disabled{background-color:rgba(32, 59, 115, 0.5)}.gux-tag.gux-blue{color:#2e394c;background-color:#75a8ff}.gux-tag.gux-blue.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(117, 168, 255, 0.5)}.gux-tag.gux-electric-purple{background-color:#8452cf}.gux-tag.gux-electric-purple.gux-disabled{background-color:rgba(132, 82, 207, 0.5)}.gux-tag.gux-aqua-green{color:#202937;background-color:#1da8b3}.gux-tag.gux-aqua-green.gux-disabled{color:rgba(32, 41, 55, 0.5);background-color:rgba(29, 168, 179, 0.5)}.gux-tag.gux-fuchsia{color:#000;background-color:#cc3ebe}.gux-tag.gux-fuchsia.gux-disabled{color:rgba(0, 0, 0, 0.5);background-color:rgba(204, 62, 190, 0.5)}.gux-tag.gux-dark-purple{background-color:#5e5782}.gux-tag.gux-dark-purple.gux-disabled{background-color:rgba(94, 87, 130, 0.5)}.gux-tag.gux-bubblegum-pink{color:#2e394c;background-color:#ff8fdd}.gux-tag.gux-bubblegum-pink.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(255, 143, 221, 0.5)}.gux-tag.gux-olive-green{color:#151d28;background-color:#868c1e}.gux-tag.gux-olive-green.gux-disabled{color:rgba(21, 29, 40, 0.5);background-color:rgba(134, 140, 30, 0.5)}.gux-tag.gux-lilac{color:#2e394c;background-color:#b5b5eb}.gux-tag.gux-lilac.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(181, 181, 235, 0.5)}.gux-tag.gux-alert-yellow-green{color:#2e394c;background-color:#ddd933}.gux-tag.gux-alert-yellow-green.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(221, 217, 51, 0.5)}.gux-tag.gux-blue-10{background-color:#172b52}.gux-tag.gux-blue-10.gux-disabled{background-color:rgba(23, 43, 82, 0.5)}.gux-tag.gux-blue-20{background-color:#1c3363}.gux-tag.gux-blue-20.gux-disabled{background-color:rgba(28, 51, 99, 0.5)}.gux-tag.gux-blue-30{background-color:#203b73}.gux-tag.gux-blue-30.gux-disabled{background-color:rgba(32, 59, 115, 0.5)}.gux-tag.gux-blue-40{background-color:#23478f}.gux-tag.gux-blue-40.gux-disabled{background-color:rgba(35, 71, 143, 0.5)}.gux-tag.gux-blue-50{background-color:#2754ac}.gux-tag.gux-blue-50.gux-disabled{background-color:rgba(39, 84, 172, 0.5)}.gux-tag.gux-blue-60{background-color:#2a60c8}.gux-tag.gux-blue-60.gux-disabled{background-color:rgba(42, 96, 200, 0.5)}.gux-tag.gux-blue-70{color:#151d28;background-color:#5084e3}.gux-tag.gux-blue-70.gux-disabled{color:rgba(21, 29, 40, 0.5);background-color:rgba(80, 132, 227, 0.5)}.gux-tag.gux-blue-80{color:#2e394c;background-color:#75a8ff}.gux-tag.gux-blue-80.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(117, 168, 255, 0.5)}.gux-tag.gux-blue-90{color:#2e394c;background-color:#aac9ff}.gux-tag.gux-blue-90.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(170, 201, 255, 0.5)}.gux-tag.gux-blue-100{color:#2e394c;background-color:#deeaff}.gux-tag.gux-blue-100.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(222, 234, 255, 0.5)}.gux-tag.gux-alert-red-10{background-color:#520404}.gux-tag.gux-alert-red-10.gux-disabled{background-color:rgba(82, 4, 4, 0.5)}.gux-tag.gux-alert-red-20{background-color:#700505}.gux-tag.gux-alert-red-20.gux-disabled{background-color:rgba(112, 5, 5, 0.5)}.gux-tag.gux-alert-red-30{background-color:#8f0707}.gux-tag.gux-alert-red-30.gux-disabled{background-color:rgba(143, 7, 7, 0.5)}.gux-tag.gux-alert-red-40{background-color:#ad0808}.gux-tag.gux-alert-red-40.gux-disabled{background-color:rgba(173, 8, 8, 0.5)}.gux-tag.gux-alert-red-50{background-color:#cc0a0a}.gux-tag.gux-alert-red-50.gux-disabled{background-color:rgba(204, 10, 10, 0.5)}.gux-tag.gux-alert-red-60{background-color:#ea0b0b}.gux-tag.gux-alert-red-60.gux-disabled{background-color:rgba(234, 11, 11, 0.5)}.gux-tag.gux-alert-red-70{color:#000;background-color:#ef4343}.gux-tag.gux-alert-red-70.gux-disabled{color:rgba(0, 0, 0, 0.5);background-color:rgba(239, 67, 67, 0.5)}.gux-tag.gux-alert-red-80{color:#283243;background-color:#f37a7a}.gux-tag.gux-alert-red-80.gux-disabled{color:rgba(40, 50, 67, 0.5);background-color:rgba(243, 122, 122, 0.5)}.gux-tag.gux-alert-red-90{color:#2e394c;background-color:#f8b2b2}.gux-tag.gux-alert-red-90.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(248, 178, 178, 0.5)}.gux-tag.gux-alert-red-100{color:#2e394c;background-color:#fceaea}.gux-tag.gux-alert-red-100.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(252, 234, 234, 0.5)}.gux-tag.gux-alert-green-10{background-color:#0d3d00}.gux-tag.gux-alert-green-10.gux-disabled{background-color:rgba(13, 61, 0, 0.5)}.gux-tag.gux-alert-green-20{background-color:#164b08}.gux-tag.gux-alert-green-20.gux-disabled{background-color:rgba(22, 75, 8, 0.5)}.gux-tag.gux-alert-green-30{background-color:#205a10}.gux-tag.gux-alert-green-30.gux-disabled{background-color:rgba(32, 90, 16, 0.5)}.gux-tag.gux-alert-green-40{background-color:#296817}.gux-tag.gux-alert-green-40.gux-disabled{background-color:rgba(41, 104, 23, 0.5)}.gux-tag.gux-alert-green-50{background-color:#33771f}.gux-tag.gux-alert-green-50.gux-disabled{background-color:rgba(51, 119, 31, 0.5)}.gux-tag.gux-alert-green-60{background-color:#3c8527}.gux-tag.gux-alert-green-60.gux-disabled{background-color:rgba(60, 133, 39, 0.5)}.gux-tag.gux-alert-green-70{color:#202937;background-color:#69a358}.gux-tag.gux-alert-green-70.gux-disabled{color:rgba(32, 41, 55, 0.5);background-color:rgba(105, 163, 88, 0.5)}.gux-tag.gux-alert-green-80{color:#2e394c;background-color:#95c189}.gux-tag.gux-alert-green-80.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(149, 193, 137, 0.5)}.gux-tag.gux-alert-green-90{color:#2e394c;background-color:#c2deb9}.gux-tag.gux-alert-green-90.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(194, 222, 185, 0.5)}.gux-tag.gux-alert-green-100{color:#2e394c;background-color:#eefcea}.gux-tag.gux-alert-green-100.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(238, 252, 234, 0.5)}.gux-tag.gux-alert-yellow-10{background-color:#523800}.gux-tag.gux-alert-yellow-10.gux-disabled{background-color:rgba(82, 56, 0, 0.5)}.gux-tag.gux-alert-yellow-20{background-color:#755000}.gux-tag.gux-alert-yellow-20.gux-disabled{background-color:rgba(117, 80, 0, 0.5)}.gux-tag.gux-alert-yellow-30{background-color:#976700}.gux-tag.gux-alert-yellow-30.gux-disabled{background-color:rgba(151, 103, 0, 0.5)}.gux-tag.gux-alert-yellow-40{color:#151d28;background-color:#ba7f00}.gux-tag.gux-alert-yellow-40.gux-disabled{color:rgba(21, 29, 40, 0.5);background-color:rgba(186, 127, 0, 0.5)}.gux-tag.gux-alert-yellow-50{color:#2e394c;background-color:#dc9600}.gux-tag.gux-alert-yellow-50.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(220, 150, 0, 0.5)}.gux-tag.gux-alert-yellow-60{color:#2e394c;background-color:#ffae00}.gux-tag.gux-alert-yellow-60.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(255, 174, 0, 0.5)}.gux-tag.gux-alert-yellow-70{color:#2e394c;background-color:#fbbe3b}.gux-tag.gux-alert-yellow-70.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(251, 190, 59, 0.5)}.gux-tag.gux-alert-yellow-80{color:#2e394c;background-color:#fcd276}.gux-tag.gux-alert-yellow-80.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(252, 210, 118, 0.5)}.gux-tag.gux-alert-yellow-90{color:#2e394c;background-color:#fce5b1}.gux-tag.gux-alert-yellow-90.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(252, 229, 177, 0.5)}.gux-tag.gux-alert-yellow-100{color:#2e394c;background-color:#fdf8ec}.gux-tag.gux-alert-yellow-100.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(253, 248, 236, 0.5)}.gux-tag.gux-brand-orange{color:#151d28;background-color:#ff4f1f}.gux-tag.gux-brand-orange.gux-disabled{color:rgba(21, 29, 40, 0.5);background-color:rgba(255, 79, 31, 0.5)}.gux-tag.gux-brand-teal{color:#283243;background-color:#00ae9e}.gux-tag.gux-brand-teal.gux-disabled{color:rgba(40, 50, 67, 0.5);background-color:rgba(0, 174, 158, 0.5)}.gux-tag.gux-brand-navy{background-color:#23395d}.gux-tag.gux-brand-navy.gux-disabled{background-color:rgba(35, 57, 93, 0.5)}.gux-tag.gux-brand-light-blue{color:#151d28;background-color:#3b90aa}.gux-tag.gux-brand-light-blue.gux-disabled{color:rgba(21, 29, 40, 0.5);background-color:rgba(59, 144, 170, 0.5)}.gux-tag.gux-brand-yellow{color:#2e394c;background-color:#ff8f14}.gux-tag.gux-brand-yellow.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(255, 143, 20, 0.5)}";
-
-const GuxTag = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.guxdelete = index.createEvent(this, "guxdelete", 7);
-    this.color = 'default';
-    this.accent = 'default';
-    this.value = undefined;
-    this.disabled = false;
-    this.removable = false;
-    this.label = undefined;
-  }
-  onKeyDown(event) {
-    switch (event.key) {
-      case 'Backspace':
-      case 'Delete':
-        this.removeTag();
-    }
-  }
-  removeTag() {
-    if (this.disabled || !this.removable) {
-      return;
-    }
-    this.guxdelete.emit(this.value);
-  }
-  onSlotChange(event) {
-    const slotAssignedNodes = event.composedPath()[0].assignedNodes();
-    this.label = slotAssignedNodes
-      .map(nodeItem => nodeItem.textContent)
-      .join('');
-  }
-  renderTagTitle() {
-    return (index.h("gux-tooltip-title", null, index.h("span", null, index.h("slot", { "aria-hidden": "true", onSlotchange: this.onSlotChange.bind(this) }))));
-  }
-  renderSrText() {
-    return (index.h("div", { class: "gux-sr-only" }, this.disabled
-      ? this.i18n('tag-disabled', { label: this.label })
-      : this.i18n('tag', { label: this.label })));
-  }
-  renderRemoveButton() {
-    if (this.removable) {
-      return (index.h("button", { class: "gux-tag-remove-button", onClick: this.removeTag.bind(this), type: "button", disabled: this.disabled }, index.h("gux-icon", { class: "gux-tag-remove-icon", "icon-name": "close", "screenreader-text": this.i18n('remove-tag', {
-          label: this.label
-        }) })));
-    }
-  }
-  componentWillLoad() {
-    usage.trackComponent(this.root, {
-      variant: this.removable ? 'removable' : 'permenant'
-    });
-  }
-  async componentWillRender() {
-    this.i18n = await index$1.buildI18nForComponent(this.root, tagResources);
-  }
-  render() {
-    return (index.h("div", { class: {
-        'gux-tag': true,
-        [`gux-${this.color}`]: true,
-        [`gux-accent-${this.accent}`]: true,
-        'gux-disabled': this.disabled
-      }, "aria-disabled": this.disabled.toString() }, this.renderTagTitle(), this.renderSrText(), this.renderRemoveButton()));
-  }
-  get root() { return index.getElement(this); }
-};
-GuxTag.style = guxTagCss;
-
-exports.gux_tag_beta = GuxTag;

package/dist/collection/components/beta/gux-tab-panel-beta/gux-tab-panel-beta.css

@@ -1,15 +0,0 @@
-:host {
-  height: calc(100% - 57px);
-}
-:host(:not([hidden])) {
-  display: flex;
-  flex-grow: 1;
-}
-:host(:focus) {
-  outline: none;
-}
-:host(:focus-visible) {
-  outline: 3px solid #aac9ff;
-  outline-offset: 1px;
-  box-shadow: 0 0 0 1px #fdfdfd;
-}

package/dist/collection/components/beta/gux-tab-panel-beta/gux-tab-panel-beta.js

@@ -1,107 +0,0 @@
-import { h, Host } from '@stencil/core';
-/**
- * @slot - content
- */
-export class GuxTabPanelBeta {
-  constructor() {
-    this.tabId = undefined;
-    this.active = false;
-  }
-  // eslint-disable-next-line @typescript-eslint/require-await
-  async guxSetActive(active) {
-    this.active = active;
-  }
-  watchActivePanel() {
-    if (this.active === true) {
-      this.guxactivepanelchange.emit(this.tabId);
-    }
-  }
-  render() {
-    return (h(Host, { id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", null)));
-  }
-  static get is() { return "gux-tab-panel-beta"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["gux-tab-panel-beta.less"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["gux-tab-panel-beta.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "tabId": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Tab id of the tab that is associated with the panel"
-        },
-        "attribute": "tab-id",
-        "reflect": false
-      }
-    };
-  }
-  static get states() {
-    return {
-      "active": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "guxactivepanelchange",
-        "name": "guxactivepanelchange",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Triggers when the active panel changes"
-        },
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        }
-      }];
-  }
-  static get methods() {
-    return {
-      "guxSetActive": {
-        "complexType": {
-          "signature": "(active: boolean) => Promise<void>",
-          "parameters": [{
-              "tags": [],
-              "text": ""
-            }],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
-      }
-    };
-  }
-  static get watchers() {
-    return [{
-        "propName": "active",
-        "methodName": "watchActivePanel"
-      }];
-  }
-}