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

package/dist/collection/components/beta/gux-tag/gux-tag.css

@@ -1,461 +0,0 @@
-: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);
-}

package/dist/collection/components/stable/gux-advanced-dropdown/gux-advanced-dropdown.css

@@ -1,85 +0,0 @@
-: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;
-}

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

@@ -1,42 +0,0 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-0b66fe2c.js';
-import { b as buildI18nForComponent } from './index-694d55cf.js';
-import './get-closest-element-1597503c.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) {
-    registerInstance(this, hostRef);
-    this.internalitemsperpagechange = 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 buildI18nForComponent(this.root, paginationResources);
-  }
-  getDropdown() {
-    return (h("gux-dropdown", { ref: el => (this.dropdownElement = el), value: `${this.itemsPerPage}`, "aria-label": this.i18n('rangeSelected', {
-        range: this.itemsPerPage
-      }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
-  }
-  render() {
-    return (h("div", { class: "gux-pagination-items-per-page-container" }, h("div", { class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { class: "gux-pagination-per-page" }, this.i18n('perPage'))));
-  }
-  get root() { return getElement(this); }
-};
-GuxPaginationItemsPerPageBeta.style = guxPaginationItemsPerPageBetaCss;
-
-export { GuxPaginationItemsPerPageBeta as gux_pagination_items_per_page_beta };

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

@@ -1,30 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-0b66fe2c.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) {
-    registerInstance(this, hostRef);
-    this.guxactivepanelchange = 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 (h(Host, { id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", null)));
-  }
-  static get watchers() { return {
-    "active": ["watchActivePanel"]
-  }; }
-};
-GuxTabPanelBeta.style = guxTabPanelBetaCss;
-
-export { GuxTabPanelBeta as gux_tab_panel_beta };