genesys-spark-components 4.138.5 → 4.140.0

package/dist/types/components/beta/gux-status-indicator/gux-status-indicator.types.d.ts

@@ -0,0 +1 @@
+export type GuxStatusIndicatorVariant = 'success' | 'info' | 'warning' | 'error';

package/dist/types/components/stable/gux-listbox/options/option-types.d.ts

@@ -2,7 +2,7 @@
  * This list of valid option tags lets us derive both a union type for the tags
  * and a CSS selector for matching them in the DOM.
  */
-declare const optionTypes: readonly ["gux-option", "gux-option-icon"];
+declare const optionTypes: readonly ["gux-option", "gux-option-icon", "gux-option-status-beta"];
 /**
  * This defines all of the valid option elements that can be used in `gux-dropdown`
  * To add a new dropdown option, create a component for it and add it's tag name

package/dist/types/components/stable/gux-popup/gux-popup.d.ts

@@ -22,6 +22,10 @@ export declare class GuxPopup {
      * set if parent component design allows for popup exceeding target width
      */
     exceedTargetWidth: boolean;
+    /**
+     * set if parent component design is inline
+     */
+    inline: boolean;
     /**
      * This event will run when the popup transitions to an expanded state.
      */

package/dist/types/components.d.ts

@@ -38,6 +38,7 @@ import { GuxModalSize as GuxModalSize1 } from "./components/legacy/gux-modal-leg
 import { GuxSidePanelHeadingLevel, GuxSidePanelSize } from "./components/beta/gux-side-panel/gux-side-panel.types";
 import { GuxISOYearMonth } from "./utils/date/year-month-values";
 import { GuxNotificationToastAccent } from "./components/legacy/gux-notification-toast-legacy/gux-notification-toast.types";
+import { GuxStatusIndicatorVariant } from "./components/beta/gux-option-status/gux-option-status.types";
 import { GuxItemsPerPage, GuxPaginationLayout, GuxPaginationState } from "./components/stable/gux-pagination/gux-pagination.types";
 import { GuxItemsPerPage as GuxItemsPerPage1, GuxPaginationLayout as GuxPaginationLayout1, GuxPaginationState as GuxPaginationState1 } from "./components/legacy/gux-pagination-legacy/gux-pagination.types";
 import { GuxPaginationCursorDetail } from "./components/stable/gux-pagination-cursor/gux-pagination-cursor.types";
@@ -48,6 +49,7 @@ import { GuxRichTextEditorActionTypes } from "./components/beta/gux-rich-text-ed
 import { GuxSelectorCardVariant } from "./components/beta/gux-selector-cards/gux-selector-card/gux-selector-card.types";
 import { GuxSimpleToastAccent } from "./components/legacy/gux-simple-toast-legacy/gux-simple-toast.types";
 import { GuxTableSelectedState, GuxTableSortState } from "./components/stable/gux-table/gux-table.types";
+import { GuxStatusIndicatorVariant as GuxStatusIndicatorVariant1 } from "./components/beta/gux-status-indicator/gux-status-indicator.types";
 import { GuxSwitchAllowedLayouts } from "./components/legacy/gux-switch-legacy/gux-switch.types";
 import { GuxTableToolbarActionTypes } from "./components/stable/gux-table-toolbar/gux-table-toolbar-action/gux-table-toolbar-action.types";
 import { GuxTableToolbarActionAccent } from "./components/stable/gux-table-toolbar/gux-table-toolbar-action-accents.types";
@@ -92,6 +94,7 @@ export { GuxModalSize as GuxModalSize1 } from "./components/legacy/gux-modal-leg
 export { GuxSidePanelHeadingLevel, GuxSidePanelSize } from "./components/beta/gux-side-panel/gux-side-panel.types";
 export { GuxISOYearMonth } from "./utils/date/year-month-values";
 export { GuxNotificationToastAccent } from "./components/legacy/gux-notification-toast-legacy/gux-notification-toast.types";
+export { GuxStatusIndicatorVariant } from "./components/beta/gux-option-status/gux-option-status.types";
 export { GuxItemsPerPage, GuxPaginationLayout, GuxPaginationState } from "./components/stable/gux-pagination/gux-pagination.types";
 export { GuxItemsPerPage as GuxItemsPerPage1, GuxPaginationLayout as GuxPaginationLayout1, GuxPaginationState as GuxPaginationState1 } from "./components/legacy/gux-pagination-legacy/gux-pagination.types";
 export { GuxPaginationCursorDetail } from "./components/stable/gux-pagination-cursor/gux-pagination-cursor.types";
@@ -102,6 +105,7 @@ export { GuxRichTextEditorActionTypes } from "./components/beta/gux-rich-text-ed
 export { GuxSelectorCardVariant } from "./components/beta/gux-selector-cards/gux-selector-card/gux-selector-card.types";
 export { GuxSimpleToastAccent } from "./components/legacy/gux-simple-toast-legacy/gux-simple-toast.types";
 export { GuxTableSelectedState, GuxTableSortState } from "./components/stable/gux-table/gux-table.types";
+export { GuxStatusIndicatorVariant as GuxStatusIndicatorVariant1 } from "./components/beta/gux-status-indicator/gux-status-indicator.types";
 export { GuxSwitchAllowedLayouts } from "./components/legacy/gux-switch-legacy/gux-switch.types";
 export { GuxTableToolbarActionTypes } from "./components/stable/gux-table-toolbar/gux-table-toolbar-action/gux-table-toolbar-action.types";
 export { GuxTableToolbarActionAccent } from "./components/stable/gux-table-toolbar/gux-table-toolbar-action-accents.types";
@@ -752,6 +756,17 @@ export namespace Components {
     interface GuxInlineAlert {
         "accent": GuxAlertAccent;
     }
+    /**
+     * Our Dropdown component. In the most basic case, it's used with `gux-option` to give users
+     * a list of text options to select from, but other types of options with different appearance
+     * can be created by creating a new component and adding it to `validOptionTags` list in
+     * gux-dropdown-types.ts, then following the resulting compiler errors.
+     */
+    interface GuxInlineDropdownBeta {
+        "placeholder": string;
+        "required": boolean;
+        "value": string;
+    }
     interface GuxLabelInfoBeta {
         "hideTooltip": () => Promise<void>;
         "placement": Placement;
@@ -913,6 +928,13 @@ export namespace Components {
         "selected": boolean;
         "value": string;
     }
+    interface GuxOptionStatusBeta {
+        "accent": GuxStatusIndicatorVariant;
+        "active": boolean;
+        "disabled": boolean;
+        "selected": boolean;
+        "value": string;
+    }
     interface GuxPageLoadingSpinner {
         /**
           * Localized text to provide an accessible label for the component. If no screenreader text is provided, the localized string "Loading" will be used by default
@@ -1114,6 +1136,10 @@ export namespace Components {
          */
         "exceedTargetWidth": boolean;
         "expanded": boolean;
+        /**
+          * set if parent component design is inline
+         */
+        "inline": boolean;
         /**
           * Number of pixels the popup is offset from the target.
          */
@@ -1240,6 +1266,9 @@ export namespace Components {
     interface GuxSortControl {
         "includeUnsorted": boolean;
     }
+    interface GuxStatusIndicatorBeta {
+        "accent": GuxStatusIndicatorVariant1;
+    }
     interface GuxSubmenu {
         /**
           * Focus on the components button element
@@ -1620,6 +1649,10 @@ export interface GuxFileListItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGuxFileListItemElement;
 }
+export interface GuxInlineDropdownBetaCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGuxInlineDropdownBetaElement;
+}
 export interface GuxListboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGuxListboxElement;
@@ -2435,6 +2468,30 @@ declare global {
         prototype: HTMLGuxInlineAlertElement;
         new (): HTMLGuxInlineAlertElement;
     };
+    interface HTMLGuxInlineDropdownBetaElementEventMap {
+        "guxexpanded": void;
+        "guxcollapsed": void;
+    }
+    /**
+     * Our Dropdown component. In the most basic case, it's used with `gux-option` to give users
+     * a list of text options to select from, but other types of options with different appearance
+     * can be created by creating a new component and adding it to `validOptionTags` list in
+     * gux-dropdown-types.ts, then following the resulting compiler errors.
+     */
+    interface HTMLGuxInlineDropdownBetaElement extends Components.GuxInlineDropdownBeta, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLGuxInlineDropdownBetaElementEventMap>(type: K, listener: (this: HTMLGuxInlineDropdownBetaElement, ev: GuxInlineDropdownBetaCustomEvent<HTMLGuxInlineDropdownBetaElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLGuxInlineDropdownBetaElementEventMap>(type: K, listener: (this: HTMLGuxInlineDropdownBetaElement, ev: GuxInlineDropdownBetaCustomEvent<HTMLGuxInlineDropdownBetaElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLGuxInlineDropdownBetaElement: {
+        prototype: HTMLGuxInlineDropdownBetaElement;
+        new (): HTMLGuxInlineDropdownBetaElement;
+    };
     interface HTMLGuxLabelInfoBetaElement extends Components.GuxLabelInfoBeta, HTMLStencilElement {
     }
     var HTMLGuxLabelInfoBetaElement: {
@@ -2649,6 +2706,12 @@ declare global {
         prototype: HTMLGuxOptionMultiElement;
         new (): HTMLGuxOptionMultiElement;
     };
+    interface HTMLGuxOptionStatusBetaElement extends Components.GuxOptionStatusBeta, HTMLStencilElement {
+    }
+    var HTMLGuxOptionStatusBetaElement: {
+        prototype: HTMLGuxOptionStatusBetaElement;
+        new (): HTMLGuxOptionStatusBetaElement;
+    };
     interface HTMLGuxPageLoadingSpinnerElement extends Components.GuxPageLoadingSpinner, HTMLStencilElement {
     }
     var HTMLGuxPageLoadingSpinnerElement: {
@@ -3151,6 +3214,12 @@ declare global {
         prototype: HTMLGuxSortControlElement;
         new (): HTMLGuxSortControlElement;
     };
+    interface HTMLGuxStatusIndicatorBetaElement extends Components.GuxStatusIndicatorBeta, HTMLStencilElement {
+    }
+    var HTMLGuxStatusIndicatorBetaElement: {
+        prototype: HTMLGuxStatusIndicatorBetaElement;
+        new (): HTMLGuxStatusIndicatorBetaElement;
+    };
     interface HTMLGuxSubmenuElement extends Components.GuxSubmenu, HTMLStencilElement {
     }
     var HTMLGuxSubmenuElement: {
@@ -3539,6 +3608,7 @@ declare global {
         "gux-icon": HTMLGuxIconElement;
         "gux-icon-tooltip-beta": HTMLGuxIconTooltipBetaElement;
         "gux-inline-alert": HTMLGuxInlineAlertElement;
+        "gux-inline-dropdown-beta": HTMLGuxInlineDropdownBetaElement;
         "gux-label-info-beta": HTMLGuxLabelInfoBetaElement;
         "gux-link-beta": HTMLGuxLinkBetaElement;
         "gux-list": HTMLGuxListElement;
@@ -3561,6 +3631,7 @@ declare global {
         "gux-option-group-beta": HTMLGuxOptionGroupBetaElement;
         "gux-option-icon": HTMLGuxOptionIconElement;
         "gux-option-multi": HTMLGuxOptionMultiElement;
+        "gux-option-status-beta": HTMLGuxOptionStatusBetaElement;
         "gux-page-loading-spinner": HTMLGuxPageLoadingSpinnerElement;
         "gux-pagination": HTMLGuxPaginationElement;
         "gux-pagination-buttons": HTMLGuxPaginationButtonsElement;
@@ -3604,6 +3675,7 @@ declare global {
         "gux-skip-navigation-item": HTMLGuxSkipNavigationItemElement;
         "gux-skip-navigation-list": HTMLGuxSkipNavigationListElement;
         "gux-sort-control": HTMLGuxSortControlElement;
+        "gux-status-indicator-beta": HTMLGuxStatusIndicatorBetaElement;
         "gux-submenu": HTMLGuxSubmenuElement;
         "gux-switch-item": HTMLGuxSwitchItemElement;
         "gux-switch-legacy": HTMLGuxSwitchLegacyElement;
@@ -4308,6 +4380,19 @@ declare namespace LocalJSX {
     interface GuxInlineAlert {
         "accent"?: GuxAlertAccent;
     }
+    /**
+     * Our Dropdown component. In the most basic case, it's used with `gux-option` to give users
+     * a list of text options to select from, but other types of options with different appearance
+     * can be created by creating a new component and adding it to `validOptionTags` list in
+     * gux-dropdown-types.ts, then following the resulting compiler errors.
+     */
+    interface GuxInlineDropdownBeta {
+        "onGuxcollapsed"?: (event: GuxInlineDropdownBetaCustomEvent<void>) => void;
+        "onGuxexpanded"?: (event: GuxInlineDropdownBetaCustomEvent<void>) => void;
+        "placeholder"?: string;
+        "required"?: boolean;
+        "value"?: string;
+    }
     interface GuxLabelInfoBeta {
         "placement"?: Placement;
         "variant"?: GuxLabelInfoVariant;
@@ -4462,6 +4547,13 @@ declare namespace LocalJSX {
         "selected"?: boolean;
         "value"?: string;
     }
+    interface GuxOptionStatusBeta {
+        "accent"?: GuxStatusIndicatorVariant;
+        "active"?: boolean;
+        "disabled"?: boolean;
+        "selected"?: boolean;
+        "value"?: string;
+    }
     interface GuxPageLoadingSpinner {
         /**
           * Localized text to provide an accessible label for the component. If no screenreader text is provided, the localized string "Loading" will be used by default
@@ -4681,6 +4773,10 @@ declare namespace LocalJSX {
          */
         "exceedTargetWidth"?: boolean;
         "expanded"?: boolean;
+        /**
+          * set if parent component design is inline
+         */
+        "inline"?: boolean;
         /**
           * Number of pixels the popup is offset from the target.
          */
@@ -4821,6 +4917,9 @@ declare namespace LocalJSX {
         "includeUnsorted"?: boolean;
         "onGuxsortchanged"?: (event: GuxSortControlCustomEvent<GuxTableSortState>) => void;
     }
+    interface GuxStatusIndicatorBeta {
+        "accent"?: GuxStatusIndicatorVariant1;
+    }
     interface GuxSubmenu {
         "label"?: string;
     }
@@ -5203,6 +5302,7 @@ declare namespace LocalJSX {
         "gux-icon": GuxIcon;
         "gux-icon-tooltip-beta": GuxIconTooltipBeta;
         "gux-inline-alert": GuxInlineAlert;
+        "gux-inline-dropdown-beta": GuxInlineDropdownBeta;
         "gux-label-info-beta": GuxLabelInfoBeta;
         "gux-link-beta": GuxLinkBeta;
         "gux-list": GuxList;
@@ -5225,6 +5325,7 @@ declare namespace LocalJSX {
         "gux-option-group-beta": GuxOptionGroupBeta;
         "gux-option-icon": GuxOptionIcon;
         "gux-option-multi": GuxOptionMulti;
+        "gux-option-status-beta": GuxOptionStatusBeta;
         "gux-page-loading-spinner": GuxPageLoadingSpinner;
         "gux-pagination": GuxPagination;
         "gux-pagination-buttons": GuxPaginationButtons;
@@ -5268,6 +5369,7 @@ declare namespace LocalJSX {
         "gux-skip-navigation-item": GuxSkipNavigationItem;
         "gux-skip-navigation-list": GuxSkipNavigationList;
         "gux-sort-control": GuxSortControl;
+        "gux-status-indicator-beta": GuxStatusIndicatorBeta;
         "gux-submenu": GuxSubmenu;
         "gux-switch-item": GuxSwitchItem;
         "gux-switch-legacy": GuxSwitchLegacy;
@@ -5388,6 +5490,13 @@ declare module "@stencil/core" {
             "gux-icon": LocalJSX.GuxIcon & JSXBase.HTMLAttributes<HTMLGuxIconElement>;
             "gux-icon-tooltip-beta": LocalJSX.GuxIconTooltipBeta & JSXBase.HTMLAttributes<HTMLGuxIconTooltipBetaElement>;
             "gux-inline-alert": LocalJSX.GuxInlineAlert & JSXBase.HTMLAttributes<HTMLGuxInlineAlertElement>;
+            /**
+             * Our Dropdown component. In the most basic case, it's used with `gux-option` to give users
+             * a list of text options to select from, but other types of options with different appearance
+             * can be created by creating a new component and adding it to `validOptionTags` list in
+             * gux-dropdown-types.ts, then following the resulting compiler errors.
+             */
+            "gux-inline-dropdown-beta": LocalJSX.GuxInlineDropdownBeta & JSXBase.HTMLAttributes<HTMLGuxInlineDropdownBetaElement>;
             "gux-label-info-beta": LocalJSX.GuxLabelInfoBeta & JSXBase.HTMLAttributes<HTMLGuxLabelInfoBetaElement>;
             "gux-link-beta": LocalJSX.GuxLinkBeta & JSXBase.HTMLAttributes<HTMLGuxLinkBetaElement>;
             "gux-list": LocalJSX.GuxList & JSXBase.HTMLAttributes<HTMLGuxListElement>;
@@ -5414,6 +5523,7 @@ declare module "@stencil/core" {
             "gux-option-group-beta": LocalJSX.GuxOptionGroupBeta & JSXBase.HTMLAttributes<HTMLGuxOptionGroupBetaElement>;
             "gux-option-icon": LocalJSX.GuxOptionIcon & JSXBase.HTMLAttributes<HTMLGuxOptionIconElement>;
             "gux-option-multi": LocalJSX.GuxOptionMulti & JSXBase.HTMLAttributes<HTMLGuxOptionMultiElement>;
+            "gux-option-status-beta": LocalJSX.GuxOptionStatusBeta & JSXBase.HTMLAttributes<HTMLGuxOptionStatusBetaElement>;
             "gux-page-loading-spinner": LocalJSX.GuxPageLoadingSpinner & JSXBase.HTMLAttributes<HTMLGuxPageLoadingSpinnerElement>;
             "gux-pagination": LocalJSX.GuxPagination & JSXBase.HTMLAttributes<HTMLGuxPaginationElement>;
             "gux-pagination-buttons": LocalJSX.GuxPaginationButtons & JSXBase.HTMLAttributes<HTMLGuxPaginationButtonsElement>;
@@ -5457,6 +5567,7 @@ declare module "@stencil/core" {
             "gux-skip-navigation-item": LocalJSX.GuxSkipNavigationItem & JSXBase.HTMLAttributes<HTMLGuxSkipNavigationItemElement>;
             "gux-skip-navigation-list": LocalJSX.GuxSkipNavigationList & JSXBase.HTMLAttributes<HTMLGuxSkipNavigationListElement>;
             "gux-sort-control": LocalJSX.GuxSortControl & JSXBase.HTMLAttributes<HTMLGuxSortControlElement>;
+            "gux-status-indicator-beta": LocalJSX.GuxStatusIndicatorBeta & JSXBase.HTMLAttributes<HTMLGuxStatusIndicatorBetaElement>;
             "gux-submenu": LocalJSX.GuxSubmenu & JSXBase.HTMLAttributes<HTMLGuxSubmenuElement>;
             "gux-switch-item": LocalJSX.GuxSwitchItem & JSXBase.HTMLAttributes<HTMLGuxSwitchItemElement>;
             "gux-switch-legacy": LocalJSX.GuxSwitchLegacy & JSXBase.HTMLAttributes<HTMLGuxSwitchLegacyElement>;

package/dist/types/stencil-wrapper.d.ts

@@ -1,2 +1,2 @@
-export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.138.5-615/genesys-webcomponents/";
+export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.140.0-617/genesys-webcomponents/";
 export declare function registerElements(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "genesys-spark-components",
-  "version": "4.138.5",
+  "version": "4.140.0",
   "description": "Common webcomponents",
   "license": "MIT",
   "main": "dist/stencil-wrapper.js",
@@ -61,7 +61,7 @@
   "types": "dist/types/index.d.ts",
   "dependencies": {
     "@floating-ui/dom": "^1.6.13",
-    "@js-temporal/polyfill": "^0.4.4",
+    "@js-temporal/polyfill": "0.5.1",
     "@vvo/tzdb": "6.161.0",
     "google-libphonenumber": "3.2.40",
     "intl-messageformat": "10.7.16",