genesys-spark-components 4.0.0-beta.37 → 4.0.0-beta.39

package/dist/collection/components/stable/gux-flyout-menu/gux-flyout-menu.css

@@ -3,6 +3,14 @@
   color: var(--gse-ui-menu-option-label-foregroundColor);
   cursor: default;
 }
+:host .gux-arrow {
+  position: absolute;
+  width: var(--gse-ui-popover-anchor-width);
+  height: var(--gse-ui-popover-anchor-height);
+  background: var(--gse-ui-popover-backgroundColor);
+  border-top: var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);
+  border-right: var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);
+}
 
 :host(:focus) {
   outline: none;
@@ -14,25 +22,11 @@
 }
 
 .gux-flyout-menu-content {
+  position: fixed;
   display: none;
+  border: var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);
+  border-radius: var(--gse-ui-menu-borderRadius);
 }
 .gux-flyout-menu-content.gux-shown {
   display: flex;
-}
-
-.gux-arrow,
-.gux-arrow::before {
-  position: absolute;
-  top: -3px;
-  width: 10px;
-  height: 10px;
-  background: inherit;
-}
-
-.gux-arrow::before {
-  visibility: visible;
-  content: "";
-  border-top: 1px solid #b4bccb;
-  border-left: 1px solid #b4bccb;
-  transform: rotate(45deg);
 }

package/dist/collection/components/stable/gux-flyout-menu/gux-flyout-menu.js

@@ -1,5 +1,5 @@
 import { h, Host } from "@stencil/core";
-import { createPopper } from "@popperjs/core";
+import { autoUpdate, computePosition, arrow, flip, offset, shift } from "@floating-ui/dom";
 import { afterNextRenderTimeout } from "../../../utils/dom/after-next-render";
 import { trackComponent } from "../../../utils/tracking/usage";
 import { hideDelay } from "./gux-menu/gux-menu.common";
@@ -11,13 +11,6 @@ export class GuxFlyoutMenu {
   constructor() {
     this.isShown = false;
   }
-  forceUpdate(isShown) {
-    if (isShown) {
-      if (this.popperInstance) {
-        void this.popperInstance.update();
-      }
-    }
-  }
   onKeydown(event) {
     event.stopPropagation();
     if (this.isShown) {
@@ -85,29 +78,61 @@ export class GuxFlyoutMenu {
       }, hideDelay);
     }
   }
-  runPopper() {
-    this.popperInstance = createPopper(this.targetElement, document.querySelector('gux-menu'), {
-      modifiers: [
-        {
-          name: 'offset',
-          options: {
-            offset: [0, 16]
-          }
-        },
-        {
-          name: 'arrow',
-          options: {
-            padding: 16 // 16px from the edges of the popper
-          }
+  runUpdatePosition() {
+    if (this.root.isConnected) {
+      this.cleanupUpdatePosition = autoUpdate(this.targetElement, this.menuContentElement, () => this.updatePosition(), {
+        ancestorScroll: true,
+        elementResize: true,
+        animationFrame: true,
+        ancestorResize: true
+      });
+    }
+    else {
+      this.disconnectedCallback();
+    }
+  }
+  updatePosition() {
+    // This is 13 because this makes the arrow look aligned
+    const arrowLen = 13;
+    const borderWidth = 1;
+    if (this.root) {
+      void computePosition(this.targetElement, this.menuContentElement, {
+        placement: 'bottom-start',
+        strategy: 'fixed',
+        middleware: [
+          offset(16),
+          flip(),
+          shift(),
+          arrow({
+            element: this.arrowElement,
+            padding: 16
+          })
+        ]
+      }).then(({ x, y, middlewareData, placement }) => {
+        var _a;
+        Object.assign(this.menuContentElement.style, {
+          left: `${x}px`,
+          top: `${y}px`
+        });
+        const side = placement.split('-')[0];
+        const staticSide = {
+          top: 'bottom',
+          right: 'left',
+          bottom: 'top',
+          left: 'right'
+        }[side];
+        if (middlewareData.arrow) {
+          const { x, y } = middlewareData.arrow;
+          Object.assign((_a = this.arrowElement) === null || _a === void 0 ? void 0 : _a.style, {
+            left: x != null ? `${x}px` : '',
+            top: y != null ? `${y}px` : '',
+            right: '',
+            bottom: '',
+            [staticSide]: `${-arrowLen / 2 - borderWidth}px`,
+            transform: 'rotate(-45deg)'
+          });
         }
-      ],
-      placement: 'bottom-start'
-    });
-  }
-  destroyPopper() {
-    if (this.popperInstance) {
-      this.popperInstance.destroy();
-      this.popperInstance = null;
+      });
     }
   }
   focusOnMenu() {
@@ -123,16 +148,28 @@ export class GuxFlyoutMenu {
     trackComponent(this.root);
   }
   componentDidLoad() {
-    this.runPopper();
+    if (this.isShown) {
+      this.runUpdatePosition();
+    }
+  }
+  componentDidUpdate() {
+    if (this.isShown) {
+      this.runUpdatePosition();
+    }
+    else if (this.cleanupUpdatePosition) {
+      this.cleanupUpdatePosition();
+    }
   }
   disconnectedCallback() {
-    this.destroyPopper();
+    if (this.cleanupUpdatePosition) {
+      this.cleanupUpdatePosition();
+    }
   }
   render() {
     return (h(Host, { tabIndex: 0, "aria-haspopup": "true" }, h("span", { ref: el => (this.targetElement = el) }, h("slot", { name: "target" })), h("div", { class: {
         'gux-flyout-menu-content': true,
         'gux-shown': this.isShown
-      }, ref: el => (this.menuContentElement = el) }, h("slot", { name: "menu" }))));
+      }, ref: el => (this.menuContentElement = el) }, h("div", { ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), h("slot", { name: "menu" }))));
   }
   static get is() { return "gux-flyout-menu"; }
   static get encapsulation() { return "shadow"; }
@@ -152,12 +189,6 @@ export class GuxFlyoutMenu {
     };
   }
   static get elementRef() { return "root"; }
-  static get watchers() {
-    return [{
-        "propName": "isShown",
-        "methodName": "forceUpdate"
-      }];
-  }
   static get listeners() {
     return [{
         "name": "keydown",

package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-menu.css

@@ -5,19 +5,4 @@ gux-menu {
   background-color: var(--gse-ui-flyoutMenu-backgroundColor);
   border-radius: var(--gse-ui-menu-borderRadius);
   box-shadow: var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color);
-}
-gux-menu .gux-arrow,
-gux-menu .gux-arrow::before {
-  position: absolute;
-  top: -3px;
-  width: 10px;
-  height: 10px;
-  background: inherit;
-}
-gux-menu .gux-arrow::before {
-  visibility: visible;
-  content: "";
-  border-top: 1px solid #b4bccb;
-  border-left: 1px solid #b4bccb;
-  transform: rotate(45deg);
 }

package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-menu.js

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class GuxMenu {
   render() {
-    return (h(Host, { role: "menu" }, h("slot", null), h("div", { class: "gux-arrow", "data-popper-arrow": true })));
+    return (h(Host, { role: "menu" }, h("slot", null)));
   }
   static get is() { return "gux-menu"; }
   static get originalStyleUrls() {

package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-submenu/gux-submenu.css

@@ -16,11 +16,16 @@ gux-submenu .gux-submenu-button {
   padding: var(--gse-ui-menu-option-padding);
   line-height: var(--gse-ui-menu-option-label-default-text-lineHeight);
   color: var(--gse-ui-menu-option-label-foregroundColor);
-  background-color: #fdfdfd;
+  background-color: var(--gse-ui-menu-option-default-backgroundColor);
 }
 gux-submenu .gux-submenu-button:focus-within, gux-submenu .gux-submenu-button:hover {
   background-color: var(--gse-ui-menu-option-hover-backgroundColor);
 }
+gux-submenu .gux-submenu-button.gux-submenu-button-active {
+  font-weight: var(--gse-ui-menu-option-label-active-text-fontWeight);
+  color: var(--gse-ui-menu-option-shortcut-selected-foregroundColor);
+  background-color: var(--gse-ui-menu-option-selected-backgroundColor);
+}
 gux-submenu .gux-submenu-button .gux-submenu-button-text {
   flex: 1 1 auto;
   align-self: auto;
@@ -38,7 +43,7 @@ gux-submenu .gux-submenu-button .gux-submenu-open-icon {
   height: var(--gse-ui-menu-option-startIcon-height);
 }
 gux-submenu .gux-submenu-wrapper {
-  position: absolute;
+  position: fixed;
   top: 0;
   left: 0;
   flex-direction: column;

package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-submenu/gux-submenu.js

@@ -1,5 +1,5 @@
 import { h, Host } from "@stencil/core";
-import { autoUpdate, computePosition } from "@floating-ui/dom";
+import { autoUpdate, computePosition, offset } from "@floating-ui/dom";
 import { afterNextRenderTimeout } from "../../../../../utils/dom/after-next-render";
 import { hideDelay, menuNavigation } from "../gux-menu.common";
 /**
@@ -107,7 +107,9 @@ export class GuxSubmenu {
     if (this.submenuElement) {
       void computePosition(this.buttonElement, this.submenuElement, {
         placement: 'right-start',
-        middleware: []
+        strategy: 'fixed',
+        // gse-ui-flyoutMenu-parenting-gap
+        middleware: [offset(4)]
       }).then(({ x, y }) => {
         Object.assign(this.submenuElement.style, {
           left: `${x}px`,
@@ -143,7 +145,10 @@ export class GuxSubmenu {
     }
   }
   render() {
-    return (h(Host, null, h("button", { type: "button", class: "gux-submenu-button", role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { class: "gux-submenu-button-text" }, this.label), h("gux-icon", { class: "gux-submenu-open-icon", "icon-name": "chevron-small-right", decorative: true })), h("div", { ref: el => (this.submenuElement = el), class: {
+    return (h(Host, null, h("button", { type: "button", class: {
+        'gux-submenu-button': true,
+        'gux-submenu-button-active': this.isShown
+      }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { class: "gux-submenu-button-text" }, this.label), h("gux-icon", { class: "gux-submenu-open-icon", "icon-name": "chevron-small-right", decorative: true })), h("div", { ref: el => (this.submenuElement = el), class: {
         'gux-submenu-wrapper': true,
         'gux-shown': this.isShown
       } }, h("div", { role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", null)))));

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-checkbox/gux-form-field-checkbox.css

@@ -1,4 +1,9 @@
 /* stylelint-disable-next-line selector-class-pattern */ /* stylelint-disable-next-line selector-class-pattern */ /**
+* @prop --gse-ui-checkbox-icon-default-unselectedForegroundColor
+* @prop --gse-ui-checkbox-icon-default-selectedForegroundColor
+* @prop --gse-ui-checkbox-icon-hover-foregroundColor
+* @prop --gse-ui-checkbox-icon-active-foregroundColor
+* @prop --gse-ui-checkbox-icon-error-foregroundColor
 * @prop --gse-ui-checkbox-icon-height
 * @prop --gse-ui-checkbox-icon-width
 * @prop --gse-ui-checkbox-label-foregroundColor
@@ -10,8 +15,9 @@
 * @prop --gse-ui-checkbox-focus-border-color
 * @prop --gse-ui-checkbox-focus-border-width
 * @prop --gse-ui-checkbox-focus-border-style
-* @prop --gse-ui-checkbox-focus-offset
 * @prop --gse-ui-checkbox-focus-borderRadius
+* @prop --gse-ui-checkbox-focus-offset
+
 */
 .gux-form-field-error {
   display: none;
@@ -71,29 +77,29 @@
 }
 
 :host(.gux-input-error) ::slotted(input[type=checkbox]:not(:checked))::before {
-  background: #e22245;
+  background: var(--gse-ui-checkbox-icon-error-foregroundColor);
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M13.7143 0C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143ZM13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429Z' /%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M13.7143 0C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143ZM13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429Z' /%3E%3C/svg%3E");
 }
 :host(.gux-input-error) ::slotted(input[type=checkbox]:checked)::before {
-  background: #e22245;
+  background: var(--gse-ui-checkbox-icon-error-foregroundColor);
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M2.28571 0C1.025 0 0 1.025 0 2.28571V13.7143C0 14.975 1.025 16 2.28571 16H13.7143C14.975 16 16 14.975 16 13.7143V2.28571C16 1.025 14.975 0 13.7143 0H2.28571ZM12.0357 6.32143L7.46429 10.8929C7.12857 11.2286 6.58571 11.2286 6.25357 10.8929L3.96786 8.60714C3.63214 8.27143 3.63214 7.72857 3.96786 7.39643C4.30357 7.06429 4.84643 7.06071 5.17857 7.39643L6.85714 9.075L10.8214 5.10714C11.1571 4.77143 11.7 4.77143 12.0321 5.10714C12.3643 5.44286 12.3679 5.98571 12.0321 6.31786L12.0357 6.32143Z' /%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M2.28571 0C1.025 0 0 1.025 0 2.28571V13.7143C0 14.975 1.025 16 2.28571 16H13.7143C14.975 16 16 14.975 16 13.7143V2.28571C16 1.025 14.975 0 13.7143 0H2.28571ZM12.0357 6.32143L7.46429 10.8929C7.12857 11.2286 6.58571 11.2286 6.25357 10.8929L3.96786 8.60714C3.63214 8.27143 3.63214 7.72857 3.96786 7.39643C4.30357 7.06429 4.84643 7.06071 5.17857 7.39643L6.85714 9.075L10.8214 5.10714C11.1571 4.77143 11.7 4.77143 12.0321 5.10714C12.3643 5.44286 12.3679 5.98571 12.0321 6.31786L12.0357 6.32143Z' /%3E%3C/svg%3E");
 }
 :host(.gux-input-error) ::slotted(input[type=checkbox]:not(:checked):not(:disabled):not(:indeterminate):hover)::before {
-  background: #e22245;
+  background: var(--gse-ui-checkbox-icon-error-foregroundColor);
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M13.7143 0C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143ZM13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429Z' /%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M13.7143 0C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143ZM13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429Z' /%3E%3C/svg%3E");
 }
 :host(.gux-input-error) ::slotted(input[type=checkbox]:indeterminate)::before {
-  background: #e22245;
+  background: var(--gse-ui-checkbox-icon-error-foregroundColor);
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M11.1429 7.14286C11.6179 7.14286 12 7.525 12 8C12 8.475 11.6179 8.85714 11.1429 8.85714H4.85714C4.38214 8.85714 4 8.475 4 8C4 7.525 4.38214 7.14286 4.85714 7.14286H11.1429ZM0 2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571ZM1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571Z' /%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M11.1429 7.14286C11.6179 7.14286 12 7.525 12 8C12 8.475 11.6179 8.85714 11.1429 8.85714H4.85714C4.38214 8.85714 4 8.475 4 8C4 7.525 4.38214 7.14286 4.85714 7.14286H11.1429ZM0 2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571ZM1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571Z' /%3E%3C/svg%3E");
 }
 
 :host(.gux-disabled) {
   cursor: not-allowed;
-  opacity: 0.5;
+  opacity: var(--gse-ui-checkbox-disabled-opacity);
 }
 :host(.gux-disabled) ::slotted(label) {
   cursor: not-allowed;
@@ -102,7 +108,7 @@
 .gux-input-label {
   display: flex;
   flex-direction: row;
-  gap: 5px;
+  gap: var(--gse-ui-checkbox-gap);
 }
 .gux-input-label .gux-label {
   display: flex;
@@ -111,8 +117,8 @@
 
 ::slotted(input[type=checkbox]) {
   display: inline-grid;
-  width: 16px;
-  height: 16px;
+  width: var(--gse-ui-checkbox-icon-width);
+  height: var(--gse-ui-checkbox-icon-height);
   text-align: center;
   vertical-align: middle;
   -webkit-appearance: none;
@@ -128,36 +134,59 @@
   border-radius: 15%;
 }
 
+::slotted(input[type=checkbox]:focus-visible) {
+  border-radius: 2px;
+  outline: var(--gse-ui-checkbox-focus-border-width) var(--gse-ui-checkbox-focus-border-style) var(--gse-ui-checkbox-focus-border-color);
+  outline-offset: var(--gse-ui-checkbox-focus-offset);
+}
+
 ::slotted(input[type=checkbox]:not(:checked))::before {
-  background: #767c8d;
+  background: var(--gse-ui-checkbox-icon-default-unselectedForegroundColor);
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M13.7143 0C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143ZM13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429Z' /%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M13.7143 0C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143ZM13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429Z' /%3E%3C/svg%3E");
 }
 
 ::slotted(input[type=checkbox]:not(:checked):not(:disabled):not(:indeterminate):hover)::before {
-  background: #3742a2;
+  background: var(--gse-ui-checkbox-icon-hover-foregroundColor);
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M13.7143 0C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143ZM13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429Z' /%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M13.7143 0C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143ZM13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429Z' /%3E%3C/svg%3E");
 }
 
+::slotted(input[type=checkbox]:checked:not(:disabled):hover) {
+  background: var(--gse-ui-checkbox-icon-hover-foregroundColor);
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M2.28571 0C1.025 0 0 1.025 0 2.28571V13.7143C0 14.975 1.025 16 2.28571 16H13.7143C14.975 16 16 14.975 16 13.7143V2.28571C16 1.025 14.975 0 13.7143 0H2.28571ZM12.0357 6.32143L7.46429 10.8929C7.12857 11.2286 6.58571 11.2286 6.25357 10.8929L3.96786 8.60714C3.63214 8.27143 3.63214 7.72857 3.96786 7.39643C4.30357 7.06429 4.84643 7.06071 5.17857 7.39643L6.85714 9.075L10.8214 5.10714C11.1571 4.77143 11.7 4.77143 12.0321 5.10714C12.3643 5.44286 12.3679 5.98571 12.0321 6.31786L12.0357 6.32143Z' /%3E%3C/svg%3E");
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M2.28571 0C1.025 0 0 1.025 0 2.28571V13.7143C0 14.975 1.025 16 2.28571 16H13.7143C14.975 16 16 14.975 16 13.7143V2.28571C16 1.025 14.975 0 13.7143 0H2.28571ZM12.0357 6.32143L7.46429 10.8929C7.12857 11.2286 6.58571 11.2286 6.25357 10.8929L3.96786 8.60714C3.63214 8.27143 3.63214 7.72857 3.96786 7.39643C4.30357 7.06429 4.84643 7.06071 5.17857 7.39643L6.85714 9.075L10.8214 5.10714C11.1571 4.77143 11.7 4.77143 12.0321 5.10714C12.3643 5.44286 12.3679 5.98571 12.0321 6.31786L12.0357 6.32143Z' /%3E%3C/svg%3E");
+}
+
+::slotted(input[type=checkbox]:not(:disabled):indeterminate:hover) {
+  background: var(--gse-ui-checkbox-icon-hover-foregroundColor);
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M11.1429 7.14286C11.6179 7.14286 12 7.525 12 8C12 8.475 11.6179 8.85714 11.1429 8.85714H4.85714C4.38214 8.85714 4 8.475 4 8C4 7.525 4.38214 7.14286 4.85714 7.14286H11.1429ZM0 2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571ZM1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571Z' /%3E%3C/svg%3E");
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M11.1429 7.14286C11.6179 7.14286 12 7.525 12 8C12 8.475 11.6179 8.85714 11.1429 8.85714H4.85714C4.38214 8.85714 4 8.475 4 8C4 7.525 4.38214 7.14286 4.85714 7.14286H11.1429ZM0 2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571ZM1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571Z' /%3E%3C/svg%3E");
+}
+
 ::slotted(input[type=checkbox]:checked)::before {
-  background: #4856cb;
+  background: var(--gse-ui-checkbox-icon-default-selectedForegroundColor);
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M2.28571 0C1.025 0 0 1.025 0 2.28571V13.7143C0 14.975 1.025 16 2.28571 16H13.7143C14.975 16 16 14.975 16 13.7143V2.28571C16 1.025 14.975 0 13.7143 0H2.28571ZM12.0357 6.32143L7.46429 10.8929C7.12857 11.2286 6.58571 11.2286 6.25357 10.8929L3.96786 8.60714C3.63214 8.27143 3.63214 7.72857 3.96786 7.39643C4.30357 7.06429 4.84643 7.06071 5.17857 7.39643L6.85714 9.075L10.8214 5.10714C11.1571 4.77143 11.7 4.77143 12.0321 5.10714C12.3643 5.44286 12.3679 5.98571 12.0321 6.31786L12.0357 6.32143Z' /%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M2.28571 0C1.025 0 0 1.025 0 2.28571V13.7143C0 14.975 1.025 16 2.28571 16H13.7143C14.975 16 16 14.975 16 13.7143V2.28571C16 1.025 14.975 0 13.7143 0H2.28571ZM12.0357 6.32143L7.46429 10.8929C7.12857 11.2286 6.58571 11.2286 6.25357 10.8929L3.96786 8.60714C3.63214 8.27143 3.63214 7.72857 3.96786 7.39643C4.30357 7.06429 4.84643 7.06071 5.17857 7.39643L6.85714 9.075L10.8214 5.10714C11.1571 4.77143 11.7 4.77143 12.0321 5.10714C12.3643 5.44286 12.3679 5.98571 12.0321 6.31786L12.0357 6.32143Z' /%3E%3C/svg%3E");
 }
 
 ::slotted(input[type=checkbox]:indeterminate)::before {
-  background: #4856cb;
+  background: var(--gse-ui-checkbox-icon-default-selectedForegroundColor);
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M11.1429 7.14286C11.6179 7.14286 12 7.525 12 8C12 8.475 11.6179 8.85714 11.1429 8.85714H4.85714C4.38214 8.85714 4 8.475 4 8C4 7.525 4.38214 7.14286 4.85714 7.14286H11.1429ZM0 2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571ZM1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571Z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M11.1429 7.14286C11.6179 7.14286 12 7.525 12 8C12 8.475 11.6179 8.85714 11.1429 8.85714H4.85714C4.38214 8.85714 4 8.475 4 8C4 7.525 4.38214 7.14286 4.85714 7.14286H11.1429ZM0 2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571ZM1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571Z'/%3E%3C/svg%3E");
 }
 
 ::slotted(input[type=checkbox]:disabled)::before {
   cursor: not-allowed;
+  opacity: var(--gse-ui-checkbox-disabled-opacity);
 }
 
 ::slotted(label) {
   display: inline-block;
+  font-family: var(--gse-ui-checkbox-label-text-fontFamily);
   font-size: 12px;
+  font-weight: var(--gse-ui-checkbox-label-text-fontWeight);
+  line-height: var(--gse-ui-checkbox-label-text-lineHeight);
+  color: var(--gse-ui-checkbox-label-foregroundColor);
   vertical-align: middle;
 }

package/dist/collection/components/stable/gux-icon/gux-icon.js

@@ -77,7 +77,7 @@ export class GuxIcon {
         "mutable": false,
         "complexType": {
           "original": "GuxIconIconName",
-          "resolved": "\"reset\" | \"8x8\" | \"8x8-alt\" | \"add\" | \"add-circle\" | \"agent\" | \"agent-circle\" | \"agent-group\" | \"alert-info\" | \"alert-success\" | \"alert-warning-octogon\" | \"alert-warning-triangle\" | \"android\" | \"app-chart\" | \"app-generic\" | \"app-layout\" | \"app-table\" | \"apple\" | \"archive\" | \"arrow-down\" | \"arrow-down-left\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-solid-down\" | \"arrow-solid-left\" | \"arrow-solid-right\" | \"arrow-solid-up\" | \"arrow-up\" | \"arrow-up-left\" | \"arrow-up-right\" | \"at\" | \"attachment\" | \"backspace\" | \"badge-amount\" | \"badge-check\" | \"badge-edit\" | \"badge-file\" | \"badge-pause\" | \"badge-x\" | \"ban-outline\" | \"bell\" | \"bolt\" | \"bot\" | \"branch\" | \"bug\" | \"bus\" | \"calendar\" | \"calendar-add\" | \"calendar-clock\" | \"campaign\" | \"certificate\" | \"chat\" | \"chat-bell\" | \"chat-close\" | \"chat-disable\" | \"chat-multi\" | \"chat-notification-score\" | \"checkbox\" | \"checkbox-active\" | \"checkbox-partial\" | \"checkmark\" | \"chevron-double-down\" | \"chevron-double-left\" | \"chevron-double-right\" | \"chevron-double-up\" | \"chevron-left\" | \"chevron-right\" | \"chevron-small-down\" | \"chevron-small-left\" | \"chevron-small-right\" | \"chevron-small-up\" | \"chrome\" | \"cjv-badge-file\" | \"cjv-calendar-clock\" | \"cjv-custom-default\" | \"cjv-custom-event\" | \"cjv-custom-session\" | \"cjv-default-event\" | \"cjv-delivery\" | \"cjv-finance-invoice\" | \"cjv-form-abandoned\" | \"cjv-form-submitted\" | \"cjv-generic-application\" | \"cjv-offer-closed\" | \"cjv-offer-ignored\" | \"cjv-offer-offered\" | \"cjv-offer-opened\" | \"cjv-outcome-achieved\" | \"cjv-page-view\" | \"cjv-policy-contract\" | \"cjv-product-added\" | \"cjv-product-purchased\" | \"cjv-product-removed\" | \"cjv-search\" | \"cjv-segment\" | \"cjv-segment-assigned\" | \"cjv-web-session\" | \"cjv-webchat-accepted\" | \"cjv-webchat-error\" | \"cjv-webchat-ignored\" | \"cjv-webchat-offered\" | \"cjv-webchat-rejected\" | \"cjv-webchat-requested\" | \"cjv-webchat-submitted\" | \"cjv-webchat-timeout\" | \"clipboard\" | \"clipboard-error\" | \"clipboard-success\" | \"clock\" | \"clock-outline\" | \"clone\" | \"close\" | \"close-circle\" | \"cloud\" | \"cloud-outline\" | \"coaching\" | \"cobrowse\" | \"collapse\" | \"comments\" | \"comments-disable\" | \"configuration\" | \"control-end\" | \"control-pause\" | \"control-play\" | \"control-skip-left\" | \"control-skip-right\" | \"control-slide-back\" | \"control-slide-forward\" | \"control-start\" | \"control-stop\" | \"copy\" | \"custom/binoculars-slash-regular\" | \"custom/carousel\" | \"custom/clipboard-list-slash-regular\" | \"custom/co-browse\" | \"custom/face-smile-hearts-regular\" | \"custom/file-pen-question\" | \"custom/filter-notification\" | \"custom/font-regular-highlight\" | \"custom/list-alphabetical-regular\" | \"custom/list-roman-regular\" | \"custom/one-button\" | \"custom/person-running\" | \"custom/quick-reply\" | \"custom/three-button\" | \"customer-journey\" | \"cut\" | \"dash\" | \"delete\" | \"device-camera\" | \"device-cellphone\" | \"device-headphones\" | \"device-laptop\" | \"device-pc\" | \"device-server\" | \"device-tablet\" | \"download\" | \"edge\" | \"edit\" | \"email-notification-score\" | \"expand\" | \"export\" | \"external-link\" | \"fa/00-solid\" | \"fa/1-regular\" | \"fa/alarm-clock-regular\" | \"fa/alarm-snooze-regular\" | \"fa/align-center-regular\" | \"fa/align-justify-regular\" | \"fa/align-left-regular\" | \"fa/align-right-regular\" | \"fa/arrow-down-wide-short-regular\" | \"fa/arrow-turn-down-right-regular\" | \"fa/arrows-rotate-solid\" | \"fa/arrows-to-circle-regular\" | \"fa/asterix-regular\" | \"fa/award-solid\" | \"fa/backward-step-regular\" | \"fa/ban-regular\" | \"fa/bell-on-regular\" | \"fa/bell-slash-regular\" | \"fa/binoculars-regular\" | \"fa/bold-regular\" | \"fa/book-regular\" | \"fa/briefcase-regular\" | \"fa/bullseye-regular\" | \"fa/calculator-regular\" | \"fa/calendar-days-regular\" | \"fa/circle-check-regular\" | \"fa/circle-check-solid\" | \"fa/circle-info-solid\" | \"fa/circle-play-regular\" | \"fa/circle-plus-solid\" | \"fa/circle-xmark-regular\" | \"fa/clipboard-list-regular\" | \"fa/clock-nine-regular\" | \"fa/clock-rotate-left-regular\" | \"fa/code-branch-regular\" | \"fa/code-regular\" | \"fa/comment-dots-regular\" | \"fa/comments-regular\" | \"fa/crop-simple-regular\" | \"fa/cube-regular\" | \"fa/database-regular\" | \"fa/diagram-nested-regular\" | \"fa/diagram-project-gear-regular\" | \"fa/diagram-project-regular\" | \"fa/diamond-regular\" | \"fa/draw-circle-solid\" | \"fa/face-frown-regular\" | \"fa/face-frown-solid\" | \"fa/face-laugh-regular\" | \"fa/face-laugh-solid\" | \"fa/file-chart-pie-regular\" | \"fa/file-exclamation-regular\" | \"fa/film-solid\" | \"fa/filter-solid\" | \"fa/font-regular\" | \"fa/forward-step-regular\" | \"fa/function-regular\" | \"fa/gears-regular\" | \"fa/gem-regular\" | \"fa/google\" | \"fa/hand-back-point-right-regular\" | \"fa/hand-pointer-regular\" | \"fa/hashtag-regular\" | \"fa/hexagon-exclamation-solid\" | \"fa/highlighter-line-regular\" | \"fa/hourglass-start-regular\" | \"fa/indent-regular\" | \"fa/infinity-regular\" | \"fa/italic-regular\" | \"fa/language-regular\" | \"fa/life-ring-regular\" | \"fa/link-horizontal-slash-regular\" | \"fa/link-horizontal-solid\" | \"fa/list-ol-regular\" | \"fa/list-radio-clean-regular\" | \"fa/list-radio-regular\" | \"fa/list-regular\" | \"fa/list-ul-regular\" | \"fa/map-regular\" | \"fa/map-solid\" | \"fa/memo-circle-check-regular\" | \"fa/message-regular\" | \"fa/microchip-solid\" | \"fa/microsoft\" | \"fa/money-bill-regular\" | \"fa/outdent-regular\" | \"fa/pause-regular\" | \"fa/pen-slash-regular\" | \"fa/play-regular\" | \"fa/puzzle-piece-regular\" | \"fa/question-solid\" | \"fa/ranking-star-regular\" | \"fa/rectangle-list-regular\" | \"fa/regular-user-circle-arrow-left\" | \"fa/reply-regular\" | \"fa/right-to-bracket-regular\" | \"fa/road-regular\" | \"fa/rocket-regular\" | \"fa/route-regular\" | \"fa/share-regular\" | \"fa/shuffle-regular\" | \"fa/sigma-regular\" | \"fa/signs-post-regular\" | \"fa/sitemap-regular\" | \"fa/sliders-solid\" | \"fa/square-dashed-regular\" | \"fa/stop-regular\" | \"fa/strikethrough-regular\" | \"fa/subscript-regular\" | \"fa/superscript-regular\" | \"fa/text-size-regular\" | \"fa/text-slash-regular\" | \"fa/ticket-regular\" | \"fa/triangle-exclamation-solid\" | \"fa/underline-regular\" | \"fa/user-group-solid\" | \"fa/volume-regular\" | \"fa/volume-xmark-regular\" | \"fa/wand-magic-sparkles-regular\" | \"fa/windows\" | \"face-empathy\" | \"face-happy\" | \"face-happy-solid\" | \"face-neutral\" | \"face-neutral-solid\" | \"face-sad\" | \"face-sad-solid\" | \"facebook\" | \"facebook-messenger\" | \"fax\" | \"file\" | \"file-all\" | \"file-audio\" | \"file-image-landscape\" | \"file-image-portrait\" | \"file-pdf\" | \"file-preview\" | \"file-report\" | \"file-text\" | \"file-video\" | \"filter\" | \"fire\" | \"firefox\" | \"flag\" | \"folder\" | \"folder-add\" | \"folder-open\" | \"follow\" | \"generic\" | \"globe\" | \"grab-horizontal\" | \"grab-vertical\" | \"graph-bar-horizontal\" | \"graph-bar-vertical\" | \"graph-bubble\" | \"graph-chart\" | \"graph-line\" | \"graph-pie\" | \"graph-spark\" | \"group-standard\" | \"help\" | \"home\" | \"hourglass\" | \"import\" | \"inbox\" | \"inspect\" | \"inspect-disable\" | \"instagram\" | \"internet-explorer\" | \"key\" | \"lightbulb\" | \"line-messenger\" | \"link\" | \"linkedin\" | \"linux\" | \"lock\" | \"lock-hold\" | \"logout\" | \"low-bandwidth\" | \"lunch\" | \"menu\" | \"menu-kebab-horizontal\" | \"menu-kebab-vertical\" | \"message-email\" | \"message-email-outbound\" | \"message-forward\" | \"message-reply\" | \"message-reply-all\" | \"microphone\" | \"microphone-disable\" | \"microphone-talking\" | \"microsoft\" | \"microsoft-teams\" | \"moon\" | \"music\" | \"notes\" | \"notification\" | \"opera\" | \"operator-pair\" | \"paint\" | \"palette\" | \"parking-sign-regular\" | \"paste\" | \"people\" | \"phone\" | \"phone-bell\" | \"phone-call-directory\" | \"phone-call-history\" | \"phone-callback\" | \"phone-close\" | \"phone-conference\" | \"phone-dialpad\" | \"phone-disable\" | \"phone-forward\" | \"phone-hangup\" | \"phone-hold\" | \"phone-inbound\" | \"phone-missed-call\" | \"phone-notification-score\" | \"phone-outbound\" | \"phone-success\" | \"phone-voice\" | \"pin\" | \"pin-location\" | \"post\" | \"product-logo-beyond\" | \"product-logo-g\" | \"quote-left\" | \"quote-right\" | \"radio\" | \"radio-active\" | \"rating\" | \"rating-active\" | \"rating-partial\" | \"record\" | \"refresh\" | \"resource\" | \"retweet\" | \"roster-chat\" | \"roster-chat-disable\" | \"roster-email\" | \"roster-email-disable\" | \"roster-instagram\" | \"roster-instagram-disable\" | \"roster-line\" | \"roster-line-disable\" | \"roster-message\" | \"roster-message-disable\" | \"roster-messenger\" | \"roster-messenger-disable\" | \"roster-phone\" | \"roster-phone-disable\" | \"roster-sms\" | \"roster-sms-disable\" | \"roster-twitter\" | \"roster-twitter-disable\" | \"roster-wechat\" | \"roster-wechat-disable\" | \"roster-whatsapp\" | \"roster-whatsapp-disable\" | \"rss\" | \"run\" | \"safari\" | \"save\" | \"screen-share-regular\" | \"screen-share-slash\" | \"scripter\" | \"search\" | \"send\" | \"server\" | \"settings\" | \"share\" | \"shield-lock\" | \"shield-outline\" | \"shield-solid\" | \"site\" | \"skills\" | \"slideshare\" | \"sms\" | \"sms-cancel\" | \"sms-close\" | \"stamp\" | \"subtract\" | \"subtract-circle\" | \"sun\" | \"tag\" | \"tag-add\" | \"tag-remove\" | \"telegram\" | \"tenant\" | \"thumbs-down\" | \"thumbs-up\" | \"timeline\" | \"toolbar-apps\" | \"toolbar-apps-disable\" | \"toolbar-assist\" | \"toolbar-assist-disable\" | \"toolbar-chat\" | \"toolbar-chat-disable\" | \"toolbar-favorite\" | \"toolbar-favourite\" | \"toolbar-help\" | \"toolbar-inbox\" | \"toolbar-interactions\" | \"toolbar-interactions-disable\" | \"toolbar-notification\" | \"toolbar-phone\" | \"toolbar-phone-active-1\" | \"toolbar-phone-active-2\" | \"toolbar-phone-active-3\" | \"toolbar-phone-disable\" | \"toolbar-video\" | \"toolbar-video-disable\" | \"trade\" | \"transfer\" | \"twitter\" | \"unknown\" | \"unlink\" | \"unlock\" | \"upload\" | \"user\" | \"user-add\" | \"user-circle\" | \"user-contact-id\" | \"user-directory\" | \"user-group\" | \"user-interactions\" | \"user-interactions-disable\" | \"viber\" | \"video\" | \"video-disable\" | \"view-all\" | \"view-cells\" | \"view-grid\" | \"view-list\" | \"view-lists\" | \"view-roster\" | \"view-stacked\" | \"voicemail\" | \"volume-disable\" | \"volume-down\" | \"volume-none\" | \"volume-up\" | \"web\" | \"webcam\" | \"webcam-disable\" | \"wechat\" | \"whatsapp\" | \"window-actual-size\" | \"window-contract\" | \"window-drag-out\" | \"window-expand\" | \"window-fullscreen\" | \"window-popout\" | \"wordpress\" | \"youtube\" | \"zoom-in\" | \"zoom-out\"",
+          "resolved": "\"reset\" | \"8x8\" | \"8x8-alt\" | \"add\" | \"add-circle\" | \"agent\" | \"agent-circle\" | \"agent-group\" | \"alert-info\" | \"alert-success\" | \"alert-warning-octogon\" | \"alert-warning-triangle\" | \"android\" | \"app-chart\" | \"app-generic\" | \"app-layout\" | \"app-table\" | \"apple\" | \"archive\" | \"arrow-down\" | \"arrow-down-left\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-solid-down\" | \"arrow-solid-left\" | \"arrow-solid-right\" | \"arrow-solid-up\" | \"arrow-up\" | \"arrow-up-left\" | \"arrow-up-right\" | \"at\" | \"attachment\" | \"backspace\" | \"badge-amount\" | \"badge-check\" | \"badge-edit\" | \"badge-file\" | \"badge-pause\" | \"badge-x\" | \"ban-outline\" | \"bell\" | \"bolt\" | \"bot\" | \"branch\" | \"bug\" | \"bus\" | \"calendar\" | \"calendar-add\" | \"calendar-clock\" | \"campaign\" | \"certificate\" | \"chat\" | \"chat-bell\" | \"chat-close\" | \"chat-disable\" | \"chat-multi\" | \"chat-notification-score\" | \"checkbox\" | \"checkbox-active\" | \"checkbox-partial\" | \"checkmark\" | \"chevron-double-down\" | \"chevron-double-left\" | \"chevron-double-right\" | \"chevron-double-up\" | \"chevron-left\" | \"chevron-right\" | \"chevron-small-down\" | \"chevron-small-left\" | \"chevron-small-right\" | \"chevron-small-up\" | \"chrome\" | \"cjv-badge-file\" | \"cjv-calendar-clock\" | \"cjv-custom-default\" | \"cjv-custom-event\" | \"cjv-custom-session\" | \"cjv-default-event\" | \"cjv-delivery\" | \"cjv-finance-invoice\" | \"cjv-form-abandoned\" | \"cjv-form-submitted\" | \"cjv-generic-application\" | \"cjv-offer-closed\" | \"cjv-offer-ignored\" | \"cjv-offer-offered\" | \"cjv-offer-opened\" | \"cjv-outcome-achieved\" | \"cjv-page-view\" | \"cjv-policy-contract\" | \"cjv-product-added\" | \"cjv-product-purchased\" | \"cjv-product-removed\" | \"cjv-search\" | \"cjv-segment\" | \"cjv-segment-assigned\" | \"cjv-web-session\" | \"cjv-webchat-accepted\" | \"cjv-webchat-error\" | \"cjv-webchat-ignored\" | \"cjv-webchat-offered\" | \"cjv-webchat-rejected\" | \"cjv-webchat-requested\" | \"cjv-webchat-submitted\" | \"cjv-webchat-timeout\" | \"clipboard\" | \"clipboard-error\" | \"clipboard-success\" | \"clock\" | \"clock-outline\" | \"clone\" | \"close\" | \"close-circle\" | \"cloud\" | \"cloud-outline\" | \"coaching\" | \"cobrowse\" | \"collapse\" | \"comments\" | \"comments-disable\" | \"configuration\" | \"control-end\" | \"control-pause\" | \"control-play\" | \"control-skip-left\" | \"control-skip-right\" | \"control-slide-back\" | \"control-slide-forward\" | \"control-start\" | \"control-stop\" | \"copy\" | \"custom/binoculars-slash-regular\" | \"custom/carousel\" | \"custom/clipboard-list-slash-regular\" | \"custom/co-browse\" | \"custom/face-smile-hearts-regular\" | \"custom/file-pen-question\" | \"custom/filter-notification\" | \"custom/font-regular-highlight\" | \"custom/list-alphabetical-regular\" | \"custom/list-roman-regular\" | \"custom/one-button\" | \"custom/person-running\" | \"custom/quick-reply\" | \"custom/three-button\" | \"customer-journey\" | \"cut\" | \"dash\" | \"delete\" | \"device-camera\" | \"device-cellphone\" | \"device-headphones\" | \"device-laptop\" | \"device-pc\" | \"device-server\" | \"device-tablet\" | \"download\" | \"edge\" | \"edit\" | \"email-notification-score\" | \"expand\" | \"export\" | \"external-link\" | \"fa/00-solid\" | \"fa/1-regular\" | \"fa/alarm-clock-regular\" | \"fa/alarm-snooze-regular\" | \"fa/align-center-regular\" | \"fa/align-justify-regular\" | \"fa/align-left-regular\" | \"fa/align-right-regular\" | \"fa/arrow-down-wide-short-regular\" | \"fa/arrow-turn-down-right-regular\" | \"fa/arrows-rotate-solid\" | \"fa/arrows-to-circle-regular\" | \"fa/asterix-regular\" | \"fa/award-solid\" | \"fa/backward-step-regular\" | \"fa/ban-regular\" | \"fa/bell-on-regular\" | \"fa/bell-slash-regular\" | \"fa/binoculars-regular\" | \"fa/bold-regular\" | \"fa/book-regular\" | \"fa/briefcase-regular\" | \"fa/bullseye-regular\" | \"fa/calculator-regular\" | \"fa/calendar-days-regular\" | \"fa/circle-check-regular\" | \"fa/circle-check-solid\" | \"fa/circle-info-solid\" | \"fa/circle-play-regular\" | \"fa/circle-plus-solid\" | \"fa/circle-xmark-regular\" | \"fa/clipboard-list-regular\" | \"fa/clock-nine-regular\" | \"fa/clock-rotate-left-regular\" | \"fa/code-branch-regular\" | \"fa/code-regular\" | \"fa/comment-dots-regular\" | \"fa/comments-regular\" | \"fa/crop-simple-regular\" | \"fa/cube-regular\" | \"fa/database-regular\" | \"fa/diagram-nested-regular\" | \"fa/diagram-project-gear-regular\" | \"fa/diagram-project-regular\" | \"fa/diamond-regular\" | \"fa/draw-circle-solid\" | \"fa/eye-regular\" | \"fa/eye-slash-regular\" | \"fa/face-frown-regular\" | \"fa/face-frown-solid\" | \"fa/face-laugh-regular\" | \"fa/face-laugh-solid\" | \"fa/file-chart-pie-regular\" | \"fa/file-exclamation-regular\" | \"fa/film-solid\" | \"fa/filter-solid\" | \"fa/font-regular\" | \"fa/forward-step-regular\" | \"fa/function-regular\" | \"fa/gears-regular\" | \"fa/gem-regular\" | \"fa/google\" | \"fa/hand-back-point-right-regular\" | \"fa/hand-pointer-regular\" | \"fa/hashtag-regular\" | \"fa/hexagon-exclamation-solid\" | \"fa/highlighter-line-regular\" | \"fa/hourglass-start-regular\" | \"fa/indent-regular\" | \"fa/infinity-regular\" | \"fa/italic-regular\" | \"fa/language-regular\" | \"fa/laptop-slash-regular\" | \"fa/life-ring-regular\" | \"fa/link-horizontal-slash-regular\" | \"fa/link-horizontal-solid\" | \"fa/list-ol-regular\" | \"fa/list-radio-clean-regular\" | \"fa/list-radio-regular\" | \"fa/list-regular\" | \"fa/list-ul-regular\" | \"fa/map-regular\" | \"fa/map-solid\" | \"fa/memo-circle-check-regular\" | \"fa/message-bot-regular\" | \"fa/message-regular\" | \"fa/microchip-solid\" | \"fa/microsoft\" | \"fa/money-bill-regular\" | \"fa/outdent-regular\" | \"fa/pause-regular\" | \"fa/pen-slash-regular\" | \"fa/play-regular\" | \"fa/puzzle-piece-regular\" | \"fa/question-solid\" | \"fa/ranking-star-regular\" | \"fa/rectangle-list-regular\" | \"fa/regular-user-circle-arrow-left\" | \"fa/reply-regular\" | \"fa/right-to-bracket-regular\" | \"fa/road-regular\" | \"fa/rocket-regular\" | \"fa/route-regular\" | \"fa/share-regular\" | \"fa/shuffle-regular\" | \"fa/sigma-regular\" | \"fa/signs-post-regular\" | \"fa/sitemap-regular\" | \"fa/sliders-solid\" | \"fa/square-dashed-regular\" | \"fa/stop-regular\" | \"fa/strikethrough-regular\" | \"fa/subscript-regular\" | \"fa/superscript-regular\" | \"fa/text-size-regular\" | \"fa/text-slash-regular\" | \"fa/ticket-regular\" | \"fa/triangle-exclamation-solid\" | \"fa/underline-regular\" | \"fa/user-group-solid\" | \"fa/volume-regular\" | \"fa/volume-xmark-regular\" | \"fa/wand-magic-sparkles-regular\" | \"fa/windows\" | \"face-empathy\" | \"face-happy\" | \"face-happy-solid\" | \"face-neutral\" | \"face-neutral-solid\" | \"face-sad\" | \"face-sad-solid\" | \"facebook\" | \"facebook-messenger\" | \"fax\" | \"file\" | \"file-all\" | \"file-audio\" | \"file-image-landscape\" | \"file-image-portrait\" | \"file-pdf\" | \"file-preview\" | \"file-report\" | \"file-text\" | \"file-video\" | \"filter\" | \"fire\" | \"firefox\" | \"flag\" | \"folder\" | \"folder-add\" | \"folder-open\" | \"follow\" | \"generic\" | \"globe\" | \"grab-horizontal\" | \"grab-vertical\" | \"graph-bar-horizontal\" | \"graph-bar-vertical\" | \"graph-bubble\" | \"graph-chart\" | \"graph-line\" | \"graph-pie\" | \"graph-spark\" | \"group-standard\" | \"help\" | \"home\" | \"hourglass\" | \"import\" | \"inbox\" | \"inspect\" | \"inspect-disable\" | \"instagram\" | \"internet-explorer\" | \"key\" | \"lightbulb\" | \"line-messenger\" | \"link\" | \"linkedin\" | \"linux\" | \"lock\" | \"lock-hold\" | \"logout\" | \"low-bandwidth\" | \"lunch\" | \"menu\" | \"menu-kebab-horizontal\" | \"menu-kebab-vertical\" | \"message-email\" | \"message-email-outbound\" | \"message-forward\" | \"message-reply\" | \"message-reply-all\" | \"microphone\" | \"microphone-disable\" | \"microphone-talking\" | \"microsoft\" | \"microsoft-teams\" | \"moon\" | \"music\" | \"notes\" | \"notification\" | \"opera\" | \"operator-pair\" | \"paint\" | \"palette\" | \"parking-sign-regular\" | \"paste\" | \"people\" | \"phone\" | \"phone-bell\" | \"phone-call-directory\" | \"phone-call-history\" | \"phone-callback\" | \"phone-close\" | \"phone-conference\" | \"phone-dialpad\" | \"phone-disable\" | \"phone-forward\" | \"phone-hangup\" | \"phone-hold\" | \"phone-inbound\" | \"phone-missed-call\" | \"phone-notification-score\" | \"phone-outbound\" | \"phone-success\" | \"phone-voice\" | \"pin\" | \"pin-location\" | \"post\" | \"product-logo-beyond\" | \"product-logo-g\" | \"quote-left\" | \"quote-right\" | \"radio\" | \"radio-active\" | \"rating\" | \"rating-active\" | \"rating-partial\" | \"record\" | \"refresh\" | \"resource\" | \"retweet\" | \"roster-chat\" | \"roster-chat-disable\" | \"roster-email\" | \"roster-email-disable\" | \"roster-instagram\" | \"roster-instagram-disable\" | \"roster-line\" | \"roster-line-disable\" | \"roster-message\" | \"roster-message-disable\" | \"roster-messenger\" | \"roster-messenger-disable\" | \"roster-phone\" | \"roster-phone-disable\" | \"roster-sms\" | \"roster-sms-disable\" | \"roster-twitter\" | \"roster-twitter-disable\" | \"roster-wechat\" | \"roster-wechat-disable\" | \"roster-whatsapp\" | \"roster-whatsapp-disable\" | \"rss\" | \"run\" | \"safari\" | \"save\" | \"screen-share-regular\" | \"screen-share-slash\" | \"scripter\" | \"search\" | \"send\" | \"server\" | \"settings\" | \"share\" | \"shield-lock\" | \"shield-outline\" | \"shield-solid\" | \"site\" | \"skills\" | \"slideshare\" | \"sms\" | \"sms-cancel\" | \"sms-close\" | \"stamp\" | \"subtract\" | \"subtract-circle\" | \"sun\" | \"tag\" | \"tag-add\" | \"tag-remove\" | \"telegram\" | \"tenant\" | \"thumbs-down\" | \"thumbs-up\" | \"timeline\" | \"toolbar-apps\" | \"toolbar-apps-disable\" | \"toolbar-assist\" | \"toolbar-assist-disable\" | \"toolbar-chat\" | \"toolbar-chat-disable\" | \"toolbar-favorite\" | \"toolbar-favourite\" | \"toolbar-help\" | \"toolbar-inbox\" | \"toolbar-interactions\" | \"toolbar-interactions-disable\" | \"toolbar-notification\" | \"toolbar-phone\" | \"toolbar-phone-active-1\" | \"toolbar-phone-active-2\" | \"toolbar-phone-active-3\" | \"toolbar-phone-disable\" | \"toolbar-video\" | \"toolbar-video-disable\" | \"trade\" | \"transfer\" | \"twitter\" | \"unknown\" | \"unlink\" | \"unlock\" | \"upload\" | \"user\" | \"user-add\" | \"user-circle\" | \"user-contact-id\" | \"user-directory\" | \"user-group\" | \"user-interactions\" | \"user-interactions-disable\" | \"viber\" | \"video\" | \"video-disable\" | \"view-all\" | \"view-cells\" | \"view-grid\" | \"view-list\" | \"view-lists\" | \"view-roster\" | \"view-stacked\" | \"voicemail\" | \"volume-disable\" | \"volume-down\" | \"volume-none\" | \"volume-up\" | \"web\" | \"webcam\" | \"webcam-disable\" | \"wechat\" | \"whatsapp\" | \"window-actual-size\" | \"window-contract\" | \"window-drag-out\" | \"window-expand\" | \"window-fullscreen\" | \"window-popout\" | \"wordpress\" | \"youtube\" | \"zoom-in\" | \"zoom-out\"",
           "references": {
             "GuxIconIconName": {
               "location": "import",

package/dist/collection/components/stable/gux-icon/icons/fa/eye-regular.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M7.99857 3.11111C6.18746 3.11111 4.69857 3.93333 3.55691 4.99167C2.48746 5.98611 1.74857 7.16667 1.3708 8C1.74857 8.83333 2.48746 10.0139 3.55413 11.0083C4.69857 12.0667 6.18746 12.8889 7.99857 12.8889C9.80968 12.8889 11.2986 12.0667 12.4402 11.0083C13.5097 10.0139 14.2486 8.83333 14.6263 8C14.2486 7.16667 13.5097 5.98611 12.443 4.99167C11.2986 3.93333 9.80968 3.11111 7.99857 3.11111ZM2.64857 4.01667C3.95691 2.8 5.75413 1.77778 7.99857 1.77778C10.243 1.77778 12.0402 2.8 13.3486 4.01667C14.6486 5.225 15.518 6.66667 15.9319 7.65833C16.0236 7.87778 16.0236 8.12222 15.9319 8.34167C15.518 9.33333 14.6486 10.7778 13.3486 11.9833C12.0402 13.2 10.243 14.2222 7.99857 14.2222C5.75413 14.2222 3.95691 13.2 2.64857 11.9833C1.34857 10.7778 0.479129 9.33333 0.0680176 8.34167C-0.0236491 8.12222 -0.0236491 7.87778 0.0680176 7.65833C0.479129 6.66667 1.34857 5.22222 2.64857 4.01667ZM7.99857 10.2222C9.22635 10.2222 10.2208 9.22778 10.2208 8C10.2208 6.77222 9.22635 5.77778 7.99857 5.77778C7.97913 5.77778 7.96246 5.77778 7.94302 5.77778C7.97913 5.91945 7.99857 6.06945 7.99857 6.22222C7.99857 7.20278 7.20135 8 6.2208 8C6.06802 8 5.91802 7.98056 5.77635 7.94445C5.77635 7.96389 5.77635 7.98056 5.77635 8C5.77635 9.22778 6.7708 10.2222 7.99857 10.2222ZM7.99857 4.44445C8.94157 4.44445 9.84593 4.81905 10.5127 5.48584C11.1795 6.15264 11.5541 7.05701 11.5541 8C11.5541 8.94299 11.1795 9.84736 10.5127 10.5142C9.84593 11.181 8.94157 11.5556 7.99857 11.5556C7.05558 11.5556 6.15121 11.181 5.48442 10.5142C4.81762 9.84736 4.44302 8.94299 4.44302 8C4.44302 7.05701 4.81762 6.15264 5.48442 5.48584C6.15121 4.81905 7.05558 4.44445 7.99857 4.44445Z"/></svg>

package/dist/collection/components/stable/gux-icon/icons/fa/eye-slash-regular.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M0.969896 1.7275C0.709896 1.5225 0.332396 1.57 0.127396 1.83C-0.0776036 2.09 -0.0301036 2.4675 0.229896 2.6725L15.0299 14.2725C15.2899 14.4775 15.6674 14.43 15.8724 14.17C16.0774 13.91 16.0299 13.5325 15.7699 13.3275L13.1399 11.2675C14.1299 10.2525 14.7999 9.115 15.1374 8.3075C15.2199 8.11 15.2199 7.89 15.1374 7.6925C14.7649 6.8 13.9824 5.5 12.8124 4.415C11.6374 3.32 10.0199 2.4 7.9999 2.4C6.2949 2.4 4.8749 3.0575 3.7674 3.92L0.969896 1.7275ZM4.7449 4.685C5.6499 4.0425 6.7374 3.6 7.9999 3.6C9.6299 3.6 10.9699 4.34 11.9974 5.2925C12.9599 6.1875 13.6249 7.25 13.9649 8C13.6499 8.7 13.0499 9.67 12.1924 10.5225L10.8474 9.4675C11.0749 9.0275 11.2024 8.53 11.2024 8C11.2024 6.2325 9.7699 4.8 8.0024 4.8C7.1974 4.8 6.4599 5.0975 5.8974 5.5875L4.7449 4.685ZM9.8724 8.705L7.8349 7.1075C7.9399 6.895 7.9999 6.6525 7.9999 6.4C7.9999 6.2625 7.9824 6.1275 7.9499 6C7.9674 6 7.9824 6 7.9999 6C9.1049 6 9.9999 6.895 9.9999 8C9.9999 8.2475 9.9549 8.485 9.8724 8.705ZM10.1074 11.9625C9.4699 12.235 8.7674 12.4 7.9999 12.4C6.3699 12.4 5.0299 11.66 4.0024 10.7075C3.0399 9.8125 2.3749 8.75 2.0349 8C2.2424 7.54 2.5724 6.9625 3.0199 6.38L2.0774 5.6375C1.5074 6.38 1.0999 7.12 0.862396 7.6925C0.779896 7.89 0.779896 8.11 0.862396 8.3075C1.2349 9.2 2.0174 10.5 3.1874 11.585C4.3624 12.68 5.9799 13.6 7.9999 13.6C9.1949 13.6 10.2474 13.2775 11.1549 12.7875L10.1074 11.9625ZM4.7999 8C4.7999 9.7675 6.2324 11.2 7.9999 11.2C8.3324 11.2 8.6524 11.15 8.9549 11.055L7.5499 9.95C6.9624 9.815 6.4724 9.42 6.2074 8.8925L4.8049 7.7875C4.7999 7.8575 4.7974 7.9275 4.7974 8H4.7999Z"/></svg>

package/dist/collection/components/stable/gux-icon/icons/fa/laptop-slash-regular.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M0.969896 1.7275C0.709896 1.5225 0.332396 1.57 0.127396 1.83C-0.0776036 2.09 -0.0301036 2.4675 0.229896 2.6725L15.0299 14.2725C15.2899 14.4775 15.6674 14.43 15.8724 14.17C16.0774 13.91 16.0299 13.5325 15.7699 13.3275L15.2624 12.93C15.7174 12.4925 15.9999 11.88 15.9999 11.2C15.9999 10.7575 15.6424 10.4 15.1999 10.4H12.0349L3.3599 3.6H12.7999C13.0199 3.6 13.1999 3.78 13.1999 4V9.6H14.3999V4C14.3999 3.1175 13.6824 2.4 12.7999 2.4H3.1999C2.8399 2.4 2.5049 2.52 2.2374 2.7225L0.969896 1.7275ZM14.7299 11.6C14.6474 11.8325 14.4949 12.0325 14.2974 12.175L13.5624 11.6H14.7299ZM10.6574 12.4H2.3999C1.8774 12.4 1.4324 12.065 1.2674 11.6H9.6424L8.1199 10.4H0.799896C0.357396 10.4 -0.000103616 10.7575 -0.000103616 11.2C-0.000103616 12.525 1.0749 13.6 2.3999 13.6H12.1799L10.6574 12.4ZM2.7999 6.21L1.5999 5.265V9.6H2.7999V6.21Z"/></svg>

package/dist/collection/components/stable/gux-icon/icons/fa/message-bot-regular.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M6.8 10.8003H4C3.78 10.8003 3.6 10.6203 3.6 10.4003V3.20027C3.6 2.98027 3.78 2.80027 4 2.80027H12C12.22 2.80027 12.4 2.98027 12.4 3.20027V10.4003C12.4 10.6203 12.22 10.8003 12 10.8003H8.9325L6.8 12.4003V10.8003ZM2.4 6.80027V10.4003C2.4 11.2828 3.1175 12.0003 4 12.0003H5.6V14.0003C5.6 14.1528 5.685 14.2903 5.82 14.3578C5.955 14.4253 6.1175 14.4103 6.24 14.3203L6.6675 14.0003L6.795 13.9053L6.8 13.9003L9.3325 12.0003H12C12.8825 12.0003 13.6 11.2828 13.6 10.4003V6.80027H14.5075C14.645 7.04027 14.905 7.20027 15.2 7.20027C15.6425 7.20027 16 6.84277 16 6.40027C16 5.95777 15.6425 5.60027 15.2 5.60027C14.905 5.60027 14.645 5.76027 14.5075 6.00027H13.6V3.20027C13.6 2.31777 12.8825 1.60027 12 1.60027H4C3.1175 1.60027 2.4 2.31777 2.4 3.20027V6.00027H1.4925C1.355 5.76027 1.095 5.60027 0.8 5.60027C0.3575 5.60027 0 5.95777 0 6.40027C0 6.84277 0.3575 7.20027 0.8 7.20027C1.095 7.20027 1.355 7.04027 1.4925 6.80027H2.4ZM4.4 4.80027V8.00027C4.4 8.44277 4.7575 8.80027 5.2 8.80027H10.8C11.2425 8.80027 11.6 8.44277 11.6 8.00027V4.80027C11.6 4.35777 11.2425 4.00027 10.8 4.00027H5.2C4.7575 4.00027 4.4 4.35777 4.4 4.80027ZM5.2 6.40027C5.2 6.1881 5.28429 5.98462 5.43431 5.83459C5.58434 5.68456 5.78783 5.60027 6 5.60027C6.21217 5.60027 6.41566 5.68456 6.56569 5.83459C6.71571 5.98462 6.8 6.1881 6.8 6.40027C6.8 6.61245 6.71571 6.81593 6.56569 6.96596C6.41566 7.11599 6.21217 7.20027 6 7.20027C5.78783 7.20027 5.58434 7.11599 5.43431 6.96596C5.28429 6.81593 5.2 6.61245 5.2 6.40027ZM10 5.60027C10.2122 5.60027 10.4157 5.68456 10.5657 5.83459C10.7157 5.98462 10.8 6.1881 10.8 6.40027C10.8 6.61245 10.7157 6.81593 10.5657 6.96596C10.4157 7.11599 10.2122 7.20027 10 7.20027C9.78783 7.20027 9.58434 7.11599 9.43431 6.96596C9.28429 6.81593 9.2 6.61245 9.2 6.40027C9.2 6.1881 9.28429 5.98462 9.43431 5.83459C9.58434 5.68456 9.78783 5.60027 10 5.60027Z"/></svg>

package/dist/collection/components/stable/gux-modal/gux-modal.css

@@ -34,7 +34,7 @@
 @prop $gse-ui-modal-opacity - Skipped (this is incoporated into the gse-ui-modal-shroudColor token and is no longer needed. Thinking about asking design team to remove this token to avoid confusion)
 */
 ::slotted(button:active:enabled) {
-  color: var(--gse-ui-link-active-color);
+  color: var(--gse-ui-link-active-foregroundColor);
   text-decoration: underline;
   background: none;
 }

package/dist/component-specs.json

@@ -575,6 +575,8 @@
         "fa/diagram-project-regular",
         "fa/diamond-regular",
         "fa/draw-circle-solid",
+        "fa/eye-regular",
+        "fa/eye-slash-regular",
         "fa/face-frown-regular",
         "fa/face-frown-solid",
         "fa/face-laugh-regular",
@@ -599,6 +601,7 @@
         "fa/infinity-regular",
         "fa/italic-regular",
         "fa/language-regular",
+        "fa/laptop-slash-regular",
         "fa/life-ring-regular",
         "fa/link-horizontal-slash-regular",
         "fa/link-horizontal-solid",
@@ -610,6 +613,7 @@
         "fa/map-regular",
         "fa/map-solid",
         "fa/memo-circle-check-regular",
+        "fa/message-bot-regular",
         "fa/message-regular",
         "fa/microchip-solid",
         "fa/microsoft",
@@ -1302,15 +1306,6 @@
     },
     "events": []
   },
-  "gux-tabs-advanced-legacy": {
-    "beta": false,
-    "attributes": {
-      "active-tab": "text"
-    },
-    "events": {
-      "guxactivetabchange": "Triggers when the active tab changes."
-    }
-  },
   "gux-switch-legacy": {
     "beta": false,
     "attributes": {

package/dist/deploy-info.json

@@ -1,9 +1,9 @@
 {
   "name": "spark-components",
-  "version": "4.0.0-beta.37",
+  "version": "4.0.0-beta.39",
   "ecosystem": "pc",
   "team": "Core UI",
   "indexFiles": [],
-  "build": "42",
-  "buildDate": "2023-10-04T04:11:55.248770Z"
+  "build": "45",
+  "buildDate": "2023-10-06T04:12:13.473604Z"
 }