genesys-spark-components 4.0.0-beta.3 → 4.0.0-beta.30

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-1066593d.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:#000000;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:#000000;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-badge/gux-badge.css

@@ -1,83 +0,0 @@
-:host {
-  display: inline-block;
-  height: fit-content;
-  border-radius: 100%;
-}
-.gux-badge {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  align-content: stretch;
-  align-items: center;
-  justify-content: flex-start;
-  height: 20px;
-  padding: 2px 8px;
-  color: #fdfdfd;
-  background-color: #2e394c;
-  border-radius: 4px;
-  font-family: Roboto, sans-serif;
-  font-weight: 400;
-  font-weight: 700;
-  font-size: 12px;
-  line-height: 16px;
-}
-.gux-badge gux-tooltip-title {
-  white-space: nowrap;
-}
-.gux-badge gux-tooltip-title ::slotted(gux-icon) {
-  height: 16px;
-  font-size: 16px;
-}
-.gux-badge .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-badge.gux-info,
-.gux-badge.gux-neutral {
-  color: #2e394c;
-  background-color: #e2e6ee;
-}
-.gux-badge.gux-info.gux-bold,
-.gux-badge.gux-neutral.gux-bold {
-  color: #fdfdfd;
-  background-color: #2e394c;
-}
-.gux-badge.gux-error,
-.gux-badge.gux-red {
-  color: #8f0707;
-  background-color: #fceaea;
-}
-.gux-badge.gux-error.gux-bold,
-.gux-badge.gux-red.gux-bold {
-  color: #fdfdfd;
-  background-color: #ea0b0b;
-}
-.gux-badge.gux-warning,
-.gux-badge.gux-yellow {
-  color: #976700;
-  background-color: #fdf8ec;
-}
-.gux-badge.gux-warning.gux-bold,
-.gux-badge.gux-yellow.gux-bold {
-  color: #2e394c;
-  background-color: #ffae00;
-}
-.gux-badge.gux-success,
-.gux-badge.gux-green {
-  color: #205a10;
-  background-color: #eefcea;
-}
-.gux-badge.gux-success.gux-bold,
-.gux-badge.gux-green.gux-bold {
-  color: #fdfdfd;
-  background-color: #3c8527;
-}
-.gux-badge.gux-inherit {
-  color: inherit;
-  background-color: inherit;
-}

package/dist/collection/components/beta/gux-blank-state/gux-blank-state-constants.js

@@ -1,5 +0,0 @@
-/**
- * Below are the max-widths for the blank state component.
- */
-export const SMALL_STATE = 160;
-export const MEDIUM_STATE = 300;

package/dist/collection/components/beta/gux-blank-state/gux-blank-state.css

@@ -1,61 +0,0 @@
-:host {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-}
-.gux-container {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-}
-.gux-container ::slotted(gux-icon) {
-  width: 48px;
-  height: 48px;
-  color: #c8cfda;
-}
-.gux-container slot[name='primary-message'] {
-  color: #364154;
-  text-align: center;
-  font-family: Roboto, sans-serif;
-  font-weight: 400;
-  font-weight: 700;
-  font-size: 14px;
-  line-height: 20px;
-}
-.gux-container slot[name='additional-guidance'] {
-  color: #364154;
-  text-align: center;
-  font-family: Roboto, sans-serif;
-  font-weight: 400;
-  font-size: 11px;
-  line-height: 16px;
-}
-.gux-container.gux-small .gux-message-container,
-.gux-container.gux-medium .gux-message-container {
-  padding: 8px 0 4px;
-}
-.gux-container.gux-small .gux-guidance-container,
-.gux-container.gux-medium .gux-guidance-container {
-  padding-bottom: 8px;
-}
-.gux-container.gux-large .gux-message-container {
-  padding: 16px 0 4px;
-}
-.gux-container.gux-large .gux-message-container slot[name='primary-message'] {
-  font-family: Roboto, sans-serif;
-  font-weight: 400;
-  font-weight: 300;
-  font-size: 24px;
-  line-height: 32px;
-}
-.gux-container.gux-large .gux-guidance-container {
-  padding-bottom: 16px;
-}
-.gux-container.gux-large .gux-guidance-container slot[name='additional-guidance'] {
-  font-family: Roboto, sans-serif;
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 24px;
-}

package/dist/collection/components/beta/gux-blank-state/gux-blank-state.js

@@ -1,75 +0,0 @@
-var __decorate = (this && this.__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;
-};
-import { h, readTask } from '@stencil/core';
-import { trackComponent } from '@utils/tracking/usage';
-import { OnResize } from '../../../utils/decorator/on-resize';
-import * as blankStateWidth from './gux-blank-state-constants';
-/**
- * @slot primary-message - Required slot for primary-message.
- * @slot image - Slot for gux-icon element.
- * @slot additional-guidance - Slot for additional-guidance.
- * @slot call-to-action - Slot for the message call to action button.
- */
-export class GuxBlankState {
-  constructor() {
-    this.blankStateSize = undefined;
-  }
-  onResize() {
-    this.setBlankStateSize();
-  }
-  componentWillLoad() {
-    trackComponent(this.root);
-  }
-  componentDidLoad() {
-    this.setBlankStateSize();
-  }
-  setBlankStateSize() {
-    readTask(() => {
-      const containerWidth = this.root.clientWidth;
-      if (containerWidth <= blankStateWidth.SMALL_STATE) {
-        this.blankStateSize = 'small';
-      }
-      else if (containerWidth <= blankStateWidth.MEDIUM_STATE) {
-        this.blankStateSize = 'medium';
-      }
-      else {
-        this.blankStateSize = 'large';
-      }
-    });
-  }
-  render() {
-    return (h("div", { class: {
-        'gux-container': true,
-        [`gux-${this.blankStateSize}`]: true
-      } }, h("slot", { name: "image" }), h("div", { class: "gux-message-container" }, h("slot", { name: "primary-message" })), h("div", { class: "gux-guidance-container" }, h("slot", { name: "additional-guidance" })), h("gux-button-slot-beta", { accent: "primary" }, h("slot", { name: "call-to-action" }))));
-  }
-  static get is() { return "gux-blank-state-beta"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["gux-blank-state.less"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["gux-blank-state.css"]
-    };
-  }
-  static get states() {
-    return {
-      "blankStateSize": {}
-    };
-  }
-  static get elementRef() { return "root"; }
-}
-__decorate([
-  OnResize()
-], GuxBlankState.prototype, "onResize", null);

package/dist/collection/components/beta/gux-column-manager/gux-column-manager-item/gux-column-manager-item.css

@@ -1,80 +0,0 @@
-:host([gs-reorder-indicator='above']) .gux-container {
-  border-top-color: #aac9ff;
-}
-:host([gs-reorder-indicator='below']) .gux-container {
-  border-bottom-color: #aac9ff;
-}
-.gux-container {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  align-content: stretch;
-  align-items: center;
-  justify-content: flex-start;
-  margin-bottom: -2px;
-  border-top: 2px solid transparent;
-  border-bottom: 2px solid transparent;
-}
-.gux-container.gux-drop-above {
-  border-top-color: #aac9ff;
-}
-.gux-container.gux-drop-below {
-  border-bottom-color: #aac9ff;
-}
-.gux-container.gux-dragging {
-  border-top-color: transparent;
-  border-bottom-color: transparent;
-  opacity: 0.4;
-}
-.gux-container .gux-reorder {
-  all: unset;
-  flex: 0 1 auto;
-  align-self: auto;
-  order: 0;
-  margin-right: 4px;
-  color: #596373;
-  cursor: grab;
-  border-radius: 4px;
-}
-.gux-container .gux-reorder.gux-reordering:focus-visible gux-icon {
-  color: #2a60c8;
-}
-.gux-container .gux-reorder:active {
-  pointer-events: none;
-  cursor: grabbing !important;
-}
-.gux-container .gux-reorder:hover,
-.gux-container .gux-reorder:focus-visible {
-  outline: 2px solid #aac9ff;
-  outline-offset: 0;
-}
-.gux-container .gux-reorder:hover gux-icon,
-.gux-container .gux-reorder:focus-visible gux-icon {
-  color: #2a60c8;
-}
-.gux-container .gux-select {
-  position: relative;
-  flex: 1 1 auto;
-  align-self: auto;
-  order: 1;
-}
-.gux-container .gux-select gux-text-highlight {
-  position: absolute;
-  top: 2px;
-  left: 24px;
-  color: transparent;
-  pointer-events: none;
-  opacity: 0.25;
-}
-.gux-container .gux-select gux-text-highlight.gux-active {
-  opacity: 1;
-}
-.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;
-}

package/dist/collection/components/beta/gux-context-menu/gux-context-menu.css

@@ -1,20 +0,0 @@
-:host {
-  display: block;
-  max-width: fit-content;
-}
-gux-icon {
-  width: 16px;
-  height: 16px;
-  color: #6b7585;
-}
-.gux-list-container {
-  width: 128px;
-  padding: 8px 0;
-  margin: 0;
-  text-align: left;
-  list-style: none;
-  background-color: #fdfdfd;
-  border: 1px solid #b4bccb;
-  border-radius: 4px;
-  box-shadow: 0 2px 4px rgba(32, 41, 55, 0.24);
-}

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

@@ -1,50 +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 4px 2px 8px;
-  font-size: 12px;
-  font-weight: bold;
-  color: #2e394c;
-  background-color: #e2e6ee;
-  border-radius: 4px;
-}
-.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: 7px;
-}
-.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 {
-  color: rgba(46, 57, 76, 0.5);
-  background-color: rgba(226, 230, 238, 0.5);
-}

package/dist/collection/components/beta/gux-dropdown-multi/gux-dropdown-multi.css

@@ -1,161 +0,0 @@
-:host {
-  color: #2e394c;
-}
-.gux-dropdown-container {
-  position: relative;
-}
-.gux-error.gux-target-container-collapsed .gux-field-button,
-.gux-error.gux-target-container-expanded {
-  border-color: #ea0b0b;
-}
-.gux-field,
-.gux-target-container-expanded {
-  all: unset;
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  align-content: stretch;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 32px;
-  padding: 6px 0 6px 6px;
-  font-family: inherit;
-  font-size: 12px;
-  line-height: 1.6667;
-  cursor: pointer;
-  background-color: #f6f7f9;
-}
-.gux-field.gux-input-field {
-  height: 30px;
-  cursor: text;
-}
-.gux-field .gux-field-content {
-  position: relative;
-  display: flex;
-  flex: 1 1 0;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  align-content: stretch;
-  align-items: flex-start;
-  justify-content: flex-start;
-  min-width: 0;
-  height: 100%;
-}
-.gux-field .gux-field-content .gux-filter,
-.gux-field .gux-field-content .gux-selected-option,
-.gux-field .gux-field-content .gux-placeholder {
-  flex: 1 1 auto;
-  align-self: auto;
-  order: 0;
-  padding-left: 6px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.gux-field .gux-field-content .gux-filter .gux-sr-only:not(:focus):not(:active),
-.gux-field .gux-field-content .gux-selected-option .gux-sr-only:not(:focus):not(:active),
-.gux-field .gux-field-content .gux-placeholder .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-field .gux-field-content .gux-filter {
-  position: relative;
-  height: 100%;
-  padding-left: 0;
-}
-.gux-field .gux-field-content .gux-filter .gux-filter-input {
-  all: unset;
-  width: 100%;
-  color: transparent;
-  caret-color: #2e394c;
-}
-.gux-field .gux-field-content .gux-filter .gux-filter-display {
-  white-space: pre;
-}
-.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text {
-  color: #2e394c;
-}
-.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion {
-  color: #596373;
-}
-.gux-field .gux-field-content .gux-filter .gux-filter-input,
-.gux-field .gux-field-content .gux-filter .gux-filter-display {
-  position: absolute;
-}
-.gux-field .gux-field-content .gux-placeholder {
-  color: #596373;
-}
-.gux-field .gux-expand-icon {
-  flex: 0 0 auto;
-  align-self: auto;
-  order: 0;
-  width: 16px;
-  height: 16px;
-  padding: 0 8px;
-  color: #596373;
-}
-.gux-target-container-expanded {
-  border: 1px solid #6b7585;
-  border-radius: 4px;
-  box-shadow: inset 0 0 4px rgba(32, 41, 55, 0.16);
-}
-.gux-target-container-expanded:focus-visible,
-.gux-target-container-expanded:focus-within {
-  outline: 3px solid #aac9ff;
-  outline-offset: 1px;
-  box-shadow: 0 0 0 1px #fdfdfd;
-}
-.gux-target-container-expanded .gux-filter-input {
-  background-color: inherit;
-  border: none;
-}
-.gux-target-container-expanded .gux-filter-input:focus {
-  border: none;
-  outline: none;
-}
-.gux-target-container-expanded .gux-field-button {
-  width: auto;
-  height: 30px;
-  padding: 0 0 0 8px;
-  margin: 0;
-  background: inherit;
-  border: none;
-  outline: none;
-  box-shadow: none;
-}
-.gux-target-container-expanded .gux-field-button:focus {
-  outline: none;
-}
-.gux-target-container-collapsed .gux-field-button {
-  border: 1px solid #6b7585;
-  border-radius: 4px;
-  box-shadow: inset 0 0 4px rgba(32, 41, 55, 0.16);
-}
-.gux-target-container-collapsed .gux-field-button:focus-visible,
-.gux-target-container-collapsed .gux-field-button:focus-within {
-  outline: 3px solid #aac9ff;
-  outline-offset: 1px;
-  box-shadow: 0 0 0 1px #fdfdfd;
-}
-.gux-listbox-container {
-  box-sizing: border-box;
-  margin: 0;
-  color: #2e394c;
-}
-gux-popup::part(gux-popup-container) {
-  width: inherit;
-}
-.gux-error-message-container {
-  display: none;
-  margin: 4px 0;
-}
-.gux-error-message-container.gux-show {
-  display: flex;
-}

package/dist/collection/components/beta/gux-error-message-beta/gux-error-message-beta.css

@@ -1,24 +0,0 @@
-.gux-container {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  align-content: stretch;
-  align-items: flex-start;
-  justify-content: flex-start;
-  font-size: 11px;
-  color: #2e394c;
-}
-.gux-container gux-icon {
-  flex: 0 1 auto;
-  align-self: auto;
-  order: 0;
-  width: 16px;
-  height: 16px;
-  margin: 0 4px;
-  color: #ea0b0b;
-}
-.gux-container .gux-message {
-  flex: 0 1 auto;
-  align-self: auto;
-  order: 0;
-}

package/dist/collection/components/beta/gux-error-message-beta/gux-error-message-beta.js

@@ -1,27 +0,0 @@
-import { h } from '@stencil/core';
-import { trackComponent } from '@utils/tracking/usage';
-/**
- * @slot - Alternative slot for setting error message if named slot can not be used.
- * @slot error - Slot for error massage
- */
-export class GuxErrorMessageBeta {
-  componentWillLoad() {
-    trackComponent(this.root);
-  }
-  render() {
-    return (h("div", { class: "gux-container" }, h("gux-icon", { "icon-name": "alert-warning-octogon", decorative: true }), h("div", { class: "gux-message" }, h("slot", null), h("slot", { name: "error" }))));
-  }
-  static get is() { return "gux-error-message-beta"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["gux-error-message-beta.less"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["gux-error-message-beta.css"]
-    };
-  }
-  static get elementRef() { return "root"; }
-}