genesys-spark-components 4.0.0-beta.24 → 4.0.0-beta.25

package/dist/types/components.d.ts

@@ -28,8 +28,8 @@ import { GuxAlertAccent } from "./components/stable/gux-alert/gux-inline-alert.t
 import { GuxModalSize } from "./components/stable/gux-modal/gux-modal.types";
 import { GuxISOYearMonth } from "./utils/date/year-month-values";
 import { GuxNotificationToastAccent } from "./components/legacy/gux-notification-toast-legacy/gux-notification-toast.types";
-import { GuxItemsPerPage, GuxPaginationLayout, GuxPaginationState } from "./components/stable/gux-pagination/gux-pagination.types";
 import { GuxItemsPerPage as GuxItemsPerPage1, GuxPaginationLayoutBeta } from "./components/beta/gux-pagination-beta/gux-pagination-beta.types";
+import { GuxItemsPerPage, GuxPaginationLayout, GuxPaginationState } from "./components/legacy/gux-pagination-legacy/gux-pagination.types";
 import { GuxPaginationCursorDetail } from "./components/stable/gux-pagination-cursor/gux-pagination-cursor.types";
 import { RegionCodes } from "./components/beta/gux-phone-input/services/RegionCountryCodeMap";
 import { Placement } from "@floating-ui/dom";
@@ -69,8 +69,8 @@ export { GuxAlertAccent } from "./components/stable/gux-alert/gux-inline-alert.t
 export { GuxModalSize } from "./components/stable/gux-modal/gux-modal.types";
 export { GuxISOYearMonth } from "./utils/date/year-month-values";
 export { GuxNotificationToastAccent } from "./components/legacy/gux-notification-toast-legacy/gux-notification-toast.types";
-export { GuxItemsPerPage, GuxPaginationLayout, GuxPaginationState } from "./components/stable/gux-pagination/gux-pagination.types";
 export { GuxItemsPerPage as GuxItemsPerPage1, GuxPaginationLayoutBeta } from "./components/beta/gux-pagination-beta/gux-pagination-beta.types";
+export { GuxItemsPerPage, GuxPaginationLayout, GuxPaginationState } from "./components/legacy/gux-pagination-legacy/gux-pagination.types";
 export { GuxPaginationCursorDetail } from "./components/stable/gux-pagination-cursor/gux-pagination-cursor.types";
 export { RegionCodes } from "./components/beta/gux-phone-input/services/RegionCountryCodeMap";
 export { Placement } from "@floating-ui/dom";
@@ -165,7 +165,7 @@ export namespace Components {
         "accent": GuxBadgeAccent;
         "bold": boolean;
     }
-    interface GuxBlankStateBeta {
+    interface GuxBlankState {
     }
     interface GuxBreadcrumbItem {
         "href": string;
@@ -644,24 +644,6 @@ export namespace Components {
          */
         "screenreaderText": string;
     }
-    interface GuxPagination {
-        /**
-          * The currently select page. Changes are watched by the component.
-         */
-        "currentPage": number;
-        /**
-          * The max number of items on a page. Used to calculate total page count
-         */
-        "itemsPerPage": GuxItemsPerPage;
-        /**
-          * The pagination component can have different layouts to suit the available space
-         */
-        "layout": GuxPaginationLayout;
-        /**
-          * The total number of items in the data set. Used to calculate total page count
-         */
-        "totalItems": number;
-    }
     interface GuxPaginationBeta {
         /**
           * The currently select page. Changes are watched by the component.
@@ -680,14 +662,14 @@ export namespace Components {
          */
         "totalItems": number;
     }
-    interface GuxPaginationButtons {
+    interface GuxPaginationButtonsBeta {
         "currentPage": number;
-        "layout": GuxPaginationLayout;
+        "layout": GuxPaginationLayoutBeta;
         "totalPages": number;
     }
-    interface GuxPaginationButtonsBeta {
+    interface GuxPaginationButtonsLegacy {
         "currentPage": number;
-        "layout": GuxPaginationLayoutBeta;
+        "layout": GuxPaginationLayout;
         "totalPages": number;
     }
     interface GuxPaginationCursor {
@@ -702,22 +684,40 @@ export namespace Components {
     interface GuxPaginationEllipsisButton {
         "totalPages": number;
     }
-    interface GuxPaginationItemCounts {
+    interface GuxPaginationItemCountsBeta {
         "currentPage": number;
         "itemsPerPage": number;
         "totalItems": number;
     }
-    interface GuxPaginationItemCountsBeta {
+    interface GuxPaginationItemCountsLegacy {
         "currentPage": number;
         "itemsPerPage": number;
         "totalItems": number;
     }
-    interface GuxPaginationItemsPerPage {
-        "itemsPerPage": GuxItemsPerPage;
-    }
     interface GuxPaginationItemsPerPageBeta {
         "itemsPerPage": GuxItemsPerPage1;
     }
+    interface GuxPaginationItemsPerPageLegacy {
+        "itemsPerPage": GuxItemsPerPage;
+    }
+    interface GuxPaginationLegacy {
+        /**
+          * The currently select page. Changes are watched by the component.
+         */
+        "currentPage": number;
+        /**
+          * The max number of items on a page. Used to calculate total page count
+         */
+        "itemsPerPage": GuxItemsPerPage;
+        /**
+          * The pagination component can have different layouts to suit the available space
+         */
+        "layout": GuxPaginationLayout;
+        /**
+          * The total number of items in the data set. Used to calculate total page count
+         */
+        "totalItems": number;
+    }
     interface GuxPhoneInputBeta {
         "defaultRegion": RegionCodes;
         "disabled": boolean;
@@ -1175,22 +1175,18 @@ export interface GuxOptionMultiCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGuxOptionMultiElement;
 }
-export interface GuxPaginationCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLGuxPaginationElement;
-}
 export interface GuxPaginationBetaCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGuxPaginationBetaElement;
 }
-export interface GuxPaginationButtonsCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLGuxPaginationButtonsElement;
-}
 export interface GuxPaginationButtonsBetaCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGuxPaginationButtonsBetaElement;
 }
+export interface GuxPaginationButtonsLegacyCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGuxPaginationButtonsLegacyElement;
+}
 export interface GuxPaginationCursorCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGuxPaginationCursorElement;
@@ -1199,14 +1195,18 @@ export interface GuxPaginationEllipsisButtonCustomEvent<T> extends CustomEvent<T
     detail: T;
     target: HTMLGuxPaginationEllipsisButtonElement;
 }
-export interface GuxPaginationItemsPerPageCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLGuxPaginationItemsPerPageElement;
-}
 export interface GuxPaginationItemsPerPageBetaCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGuxPaginationItemsPerPageBetaElement;
 }
+export interface GuxPaginationItemsPerPageLegacyCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGuxPaginationItemsPerPageLegacyElement;
+}
+export interface GuxPaginationLegacyCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGuxPaginationLegacyElement;
+}
 export interface GuxPhoneInputBetaCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGuxPhoneInputBetaElement;
@@ -1336,11 +1336,11 @@ declare global {
         prototype: HTMLGuxBadgeElement;
         new (): HTMLGuxBadgeElement;
     };
-    interface HTMLGuxBlankStateBetaElement extends Components.GuxBlankStateBeta, HTMLStencilElement {
+    interface HTMLGuxBlankStateElement extends Components.GuxBlankState, HTMLStencilElement {
     }
-    var HTMLGuxBlankStateBetaElement: {
-        prototype: HTMLGuxBlankStateBetaElement;
-        new (): HTMLGuxBlankStateBetaElement;
+    var HTMLGuxBlankStateElement: {
+        prototype: HTMLGuxBlankStateElement;
+        new (): HTMLGuxBlankStateElement;
     };
     interface HTMLGuxBreadcrumbItemElement extends Components.GuxBreadcrumbItem, HTMLStencilElement {
     }
@@ -1694,30 +1694,24 @@ declare global {
         prototype: HTMLGuxPageLoadingSpinnerElement;
         new (): HTMLGuxPageLoadingSpinnerElement;
     };
-    interface HTMLGuxPaginationElement extends Components.GuxPagination, HTMLStencilElement {
-    }
-    var HTMLGuxPaginationElement: {
-        prototype: HTMLGuxPaginationElement;
-        new (): HTMLGuxPaginationElement;
-    };
     interface HTMLGuxPaginationBetaElement extends Components.GuxPaginationBeta, HTMLStencilElement {
     }
     var HTMLGuxPaginationBetaElement: {
         prototype: HTMLGuxPaginationBetaElement;
         new (): HTMLGuxPaginationBetaElement;
     };
-    interface HTMLGuxPaginationButtonsElement extends Components.GuxPaginationButtons, HTMLStencilElement {
-    }
-    var HTMLGuxPaginationButtonsElement: {
-        prototype: HTMLGuxPaginationButtonsElement;
-        new (): HTMLGuxPaginationButtonsElement;
-    };
     interface HTMLGuxPaginationButtonsBetaElement extends Components.GuxPaginationButtonsBeta, HTMLStencilElement {
     }
     var HTMLGuxPaginationButtonsBetaElement: {
         prototype: HTMLGuxPaginationButtonsBetaElement;
         new (): HTMLGuxPaginationButtonsBetaElement;
     };
+    interface HTMLGuxPaginationButtonsLegacyElement extends Components.GuxPaginationButtonsLegacy, HTMLStencilElement {
+    }
+    var HTMLGuxPaginationButtonsLegacyElement: {
+        prototype: HTMLGuxPaginationButtonsLegacyElement;
+        new (): HTMLGuxPaginationButtonsLegacyElement;
+    };
     interface HTMLGuxPaginationCursorElement extends Components.GuxPaginationCursor, HTMLStencilElement {
     }
     var HTMLGuxPaginationCursorElement: {
@@ -1730,23 +1724,17 @@ declare global {
         prototype: HTMLGuxPaginationEllipsisButtonElement;
         new (): HTMLGuxPaginationEllipsisButtonElement;
     };
-    interface HTMLGuxPaginationItemCountsElement extends Components.GuxPaginationItemCounts, HTMLStencilElement {
-    }
-    var HTMLGuxPaginationItemCountsElement: {
-        prototype: HTMLGuxPaginationItemCountsElement;
-        new (): HTMLGuxPaginationItemCountsElement;
-    };
     interface HTMLGuxPaginationItemCountsBetaElement extends Components.GuxPaginationItemCountsBeta, HTMLStencilElement {
     }
     var HTMLGuxPaginationItemCountsBetaElement: {
         prototype: HTMLGuxPaginationItemCountsBetaElement;
         new (): HTMLGuxPaginationItemCountsBetaElement;
     };
-    interface HTMLGuxPaginationItemsPerPageElement extends Components.GuxPaginationItemsPerPage, HTMLStencilElement {
+    interface HTMLGuxPaginationItemCountsLegacyElement extends Components.GuxPaginationItemCountsLegacy, HTMLStencilElement {
     }
-    var HTMLGuxPaginationItemsPerPageElement: {
-        prototype: HTMLGuxPaginationItemsPerPageElement;
-        new (): HTMLGuxPaginationItemsPerPageElement;
+    var HTMLGuxPaginationItemCountsLegacyElement: {
+        prototype: HTMLGuxPaginationItemCountsLegacyElement;
+        new (): HTMLGuxPaginationItemCountsLegacyElement;
     };
     interface HTMLGuxPaginationItemsPerPageBetaElement extends Components.GuxPaginationItemsPerPageBeta, HTMLStencilElement {
     }
@@ -1754,6 +1742,18 @@ declare global {
         prototype: HTMLGuxPaginationItemsPerPageBetaElement;
         new (): HTMLGuxPaginationItemsPerPageBetaElement;
     };
+    interface HTMLGuxPaginationItemsPerPageLegacyElement extends Components.GuxPaginationItemsPerPageLegacy, HTMLStencilElement {
+    }
+    var HTMLGuxPaginationItemsPerPageLegacyElement: {
+        prototype: HTMLGuxPaginationItemsPerPageLegacyElement;
+        new (): HTMLGuxPaginationItemsPerPageLegacyElement;
+    };
+    interface HTMLGuxPaginationLegacyElement extends Components.GuxPaginationLegacy, HTMLStencilElement {
+    }
+    var HTMLGuxPaginationLegacyElement: {
+        prototype: HTMLGuxPaginationLegacyElement;
+        new (): HTMLGuxPaginationLegacyElement;
+    };
     interface HTMLGuxPhoneInputBetaElement extends Components.GuxPhoneInputBeta, HTMLStencilElement {
     }
     var HTMLGuxPhoneInputBetaElement: {
@@ -2027,7 +2027,7 @@ declare global {
         "gux-all-row-select": HTMLGuxAllRowSelectElement;
         "gux-announce-beta": HTMLGuxAnnounceBetaElement;
         "gux-badge": HTMLGuxBadgeElement;
-        "gux-blank-state-beta": HTMLGuxBlankStateBetaElement;
+        "gux-blank-state": HTMLGuxBlankStateElement;
         "gux-breadcrumb-item": HTMLGuxBreadcrumbItemElement;
         "gux-breadcrumbs": HTMLGuxBreadcrumbsElement;
         "gux-button": HTMLGuxButtonElement;
@@ -2085,16 +2085,16 @@ declare global {
         "gux-option-icon": HTMLGuxOptionIconElement;
         "gux-option-multi": HTMLGuxOptionMultiElement;
         "gux-page-loading-spinner": HTMLGuxPageLoadingSpinnerElement;
-        "gux-pagination": HTMLGuxPaginationElement;
         "gux-pagination-beta": HTMLGuxPaginationBetaElement;
-        "gux-pagination-buttons": HTMLGuxPaginationButtonsElement;
         "gux-pagination-buttons-beta": HTMLGuxPaginationButtonsBetaElement;
+        "gux-pagination-buttons-legacy": HTMLGuxPaginationButtonsLegacyElement;
         "gux-pagination-cursor": HTMLGuxPaginationCursorElement;
         "gux-pagination-ellipsis-button": HTMLGuxPaginationEllipsisButtonElement;
-        "gux-pagination-item-counts": HTMLGuxPaginationItemCountsElement;
         "gux-pagination-item-counts-beta": HTMLGuxPaginationItemCountsBetaElement;
-        "gux-pagination-items-per-page": HTMLGuxPaginationItemsPerPageElement;
+        "gux-pagination-item-counts-legacy": HTMLGuxPaginationItemCountsLegacyElement;
         "gux-pagination-items-per-page-beta": HTMLGuxPaginationItemsPerPageBetaElement;
+        "gux-pagination-items-per-page-legacy": HTMLGuxPaginationItemsPerPageLegacyElement;
+        "gux-pagination-legacy": HTMLGuxPaginationLegacyElement;
         "gux-phone-input-beta": HTMLGuxPhoneInputBetaElement;
         "gux-popover": HTMLGuxPopoverElement;
         "gux-popover-list": HTMLGuxPopoverListElement;
@@ -2233,7 +2233,7 @@ declare namespace LocalJSX {
         "accent"?: GuxBadgeAccent;
         "bold"?: boolean;
     }
-    interface GuxBlankStateBeta {
+    interface GuxBlankState {
     }
     interface GuxBreadcrumbItem {
         "href"?: string;
@@ -2728,25 +2728,6 @@ declare namespace LocalJSX {
          */
         "screenreaderText"?: string;
     }
-    interface GuxPagination {
-        /**
-          * The currently select page. Changes are watched by the component.
-         */
-        "currentPage"?: number;
-        /**
-          * The max number of items on a page. Used to calculate total page count
-         */
-        "itemsPerPage"?: GuxItemsPerPage;
-        /**
-          * The pagination component can have different layouts to suit the available space
-         */
-        "layout"?: GuxPaginationLayout;
-        "onGuxpaginationchange"?: (event: GuxPaginationCustomEvent<GuxPaginationState>) => void;
-        /**
-          * The total number of items in the data set. Used to calculate total page count
-         */
-        "totalItems"?: number;
-    }
     interface GuxPaginationBeta {
         /**
           * The currently select page. Changes are watched by the component.
@@ -2766,18 +2747,18 @@ declare namespace LocalJSX {
          */
         "totalItems"?: number;
     }
-    interface GuxPaginationButtons {
-        "currentPage"?: number;
-        "layout"?: GuxPaginationLayout;
-        "onInternalcurrentpagechange"?: (event: GuxPaginationButtonsCustomEvent<number>) => void;
-        "totalPages"?: number;
-    }
     interface GuxPaginationButtonsBeta {
         "currentPage"?: number;
         "layout"?: GuxPaginationLayoutBeta;
         "onInternalcurrentpagechange"?: (event: GuxPaginationButtonsBetaCustomEvent<number>) => void;
         "totalPages"?: number;
     }
+    interface GuxPaginationButtonsLegacy {
+        "currentPage"?: number;
+        "layout"?: GuxPaginationLayout;
+        "onInternalcurrentpagechange"?: (event: GuxPaginationButtonsLegacyCustomEvent<number>) => void;
+        "totalPages"?: number;
+    }
     interface GuxPaginationCursor {
         "hasNext"?: boolean;
         "hasPrevious"?: boolean;
@@ -2793,24 +2774,43 @@ declare namespace LocalJSX {
         "onGoToPage"?: (event: GuxPaginationEllipsisButtonCustomEvent<string>) => void;
         "totalPages"?: number;
     }
-    interface GuxPaginationItemCounts {
+    interface GuxPaginationItemCountsBeta {
         "currentPage"?: number;
         "itemsPerPage"?: number;
         "totalItems"?: number;
     }
-    interface GuxPaginationItemCountsBeta {
+    interface GuxPaginationItemCountsLegacy {
         "currentPage"?: number;
         "itemsPerPage"?: number;
         "totalItems"?: number;
     }
-    interface GuxPaginationItemsPerPage {
-        "itemsPerPage"?: GuxItemsPerPage;
-        "onInternalitemsperpagechange"?: (event: GuxPaginationItemsPerPageCustomEvent<number>) => void;
-    }
     interface GuxPaginationItemsPerPageBeta {
         "itemsPerPage"?: GuxItemsPerPage1;
         "onInternalitemsperpagechange"?: (event: GuxPaginationItemsPerPageBetaCustomEvent<number>) => void;
     }
+    interface GuxPaginationItemsPerPageLegacy {
+        "itemsPerPage"?: GuxItemsPerPage;
+        "onInternalitemsperpagechange"?: (event: GuxPaginationItemsPerPageLegacyCustomEvent<number>) => void;
+    }
+    interface GuxPaginationLegacy {
+        /**
+          * The currently select page. Changes are watched by the component.
+         */
+        "currentPage"?: number;
+        /**
+          * The max number of items on a page. Used to calculate total page count
+         */
+        "itemsPerPage"?: GuxItemsPerPage;
+        /**
+          * The pagination component can have different layouts to suit the available space
+         */
+        "layout"?: GuxPaginationLayout;
+        "onGuxpaginationchange"?: (event: GuxPaginationLegacyCustomEvent<GuxPaginationState>) => void;
+        /**
+          * The total number of items in the data set. Used to calculate total page count
+         */
+        "totalItems"?: number;
+    }
     interface GuxPhoneInputBeta {
         "defaultRegion"?: RegionCodes;
         "disabled"?: boolean;
@@ -3231,7 +3231,7 @@ declare namespace LocalJSX {
         "gux-all-row-select": GuxAllRowSelect;
         "gux-announce-beta": GuxAnnounceBeta;
         "gux-badge": GuxBadge;
-        "gux-blank-state-beta": GuxBlankStateBeta;
+        "gux-blank-state": GuxBlankState;
         "gux-breadcrumb-item": GuxBreadcrumbItem;
         "gux-breadcrumbs": GuxBreadcrumbs;
         "gux-button": GuxButton;
@@ -3289,16 +3289,16 @@ declare namespace LocalJSX {
         "gux-option-icon": GuxOptionIcon;
         "gux-option-multi": GuxOptionMulti;
         "gux-page-loading-spinner": GuxPageLoadingSpinner;
-        "gux-pagination": GuxPagination;
         "gux-pagination-beta": GuxPaginationBeta;
-        "gux-pagination-buttons": GuxPaginationButtons;
         "gux-pagination-buttons-beta": GuxPaginationButtonsBeta;
+        "gux-pagination-buttons-legacy": GuxPaginationButtonsLegacy;
         "gux-pagination-cursor": GuxPaginationCursor;
         "gux-pagination-ellipsis-button": GuxPaginationEllipsisButton;
-        "gux-pagination-item-counts": GuxPaginationItemCounts;
         "gux-pagination-item-counts-beta": GuxPaginationItemCountsBeta;
-        "gux-pagination-items-per-page": GuxPaginationItemsPerPage;
+        "gux-pagination-item-counts-legacy": GuxPaginationItemCountsLegacy;
         "gux-pagination-items-per-page-beta": GuxPaginationItemsPerPageBeta;
+        "gux-pagination-items-per-page-legacy": GuxPaginationItemsPerPageLegacy;
+        "gux-pagination-legacy": GuxPaginationLegacy;
         "gux-phone-input-beta": GuxPhoneInputBeta;
         "gux-popover": GuxPopover;
         "gux-popover-list": GuxPopoverList;
@@ -3357,7 +3357,7 @@ declare module "@stencil/core" {
             "gux-all-row-select": LocalJSX.GuxAllRowSelect & JSXBase.HTMLAttributes<HTMLGuxAllRowSelectElement>;
             "gux-announce-beta": LocalJSX.GuxAnnounceBeta & JSXBase.HTMLAttributes<HTMLGuxAnnounceBetaElement>;
             "gux-badge": LocalJSX.GuxBadge & JSXBase.HTMLAttributes<HTMLGuxBadgeElement>;
-            "gux-blank-state-beta": LocalJSX.GuxBlankStateBeta & JSXBase.HTMLAttributes<HTMLGuxBlankStateBetaElement>;
+            "gux-blank-state": LocalJSX.GuxBlankState & JSXBase.HTMLAttributes<HTMLGuxBlankStateElement>;
             "gux-breadcrumb-item": LocalJSX.GuxBreadcrumbItem & JSXBase.HTMLAttributes<HTMLGuxBreadcrumbItemElement>;
             "gux-breadcrumbs": LocalJSX.GuxBreadcrumbs & JSXBase.HTMLAttributes<HTMLGuxBreadcrumbsElement>;
             "gux-button": LocalJSX.GuxButton & JSXBase.HTMLAttributes<HTMLGuxButtonElement>;
@@ -3425,16 +3425,16 @@ declare module "@stencil/core" {
             "gux-option-icon": LocalJSX.GuxOptionIcon & JSXBase.HTMLAttributes<HTMLGuxOptionIconElement>;
             "gux-option-multi": LocalJSX.GuxOptionMulti & JSXBase.HTMLAttributes<HTMLGuxOptionMultiElement>;
             "gux-page-loading-spinner": LocalJSX.GuxPageLoadingSpinner & JSXBase.HTMLAttributes<HTMLGuxPageLoadingSpinnerElement>;
-            "gux-pagination": LocalJSX.GuxPagination & JSXBase.HTMLAttributes<HTMLGuxPaginationElement>;
             "gux-pagination-beta": LocalJSX.GuxPaginationBeta & JSXBase.HTMLAttributes<HTMLGuxPaginationBetaElement>;
-            "gux-pagination-buttons": LocalJSX.GuxPaginationButtons & JSXBase.HTMLAttributes<HTMLGuxPaginationButtonsElement>;
             "gux-pagination-buttons-beta": LocalJSX.GuxPaginationButtonsBeta & JSXBase.HTMLAttributes<HTMLGuxPaginationButtonsBetaElement>;
+            "gux-pagination-buttons-legacy": LocalJSX.GuxPaginationButtonsLegacy & JSXBase.HTMLAttributes<HTMLGuxPaginationButtonsLegacyElement>;
             "gux-pagination-cursor": LocalJSX.GuxPaginationCursor & JSXBase.HTMLAttributes<HTMLGuxPaginationCursorElement>;
             "gux-pagination-ellipsis-button": LocalJSX.GuxPaginationEllipsisButton & JSXBase.HTMLAttributes<HTMLGuxPaginationEllipsisButtonElement>;
-            "gux-pagination-item-counts": LocalJSX.GuxPaginationItemCounts & JSXBase.HTMLAttributes<HTMLGuxPaginationItemCountsElement>;
             "gux-pagination-item-counts-beta": LocalJSX.GuxPaginationItemCountsBeta & JSXBase.HTMLAttributes<HTMLGuxPaginationItemCountsBetaElement>;
-            "gux-pagination-items-per-page": LocalJSX.GuxPaginationItemsPerPage & JSXBase.HTMLAttributes<HTMLGuxPaginationItemsPerPageElement>;
+            "gux-pagination-item-counts-legacy": LocalJSX.GuxPaginationItemCountsLegacy & JSXBase.HTMLAttributes<HTMLGuxPaginationItemCountsLegacyElement>;
             "gux-pagination-items-per-page-beta": LocalJSX.GuxPaginationItemsPerPageBeta & JSXBase.HTMLAttributes<HTMLGuxPaginationItemsPerPageBetaElement>;
+            "gux-pagination-items-per-page-legacy": LocalJSX.GuxPaginationItemsPerPageLegacy & JSXBase.HTMLAttributes<HTMLGuxPaginationItemsPerPageLegacyElement>;
+            "gux-pagination-legacy": LocalJSX.GuxPaginationLegacy & JSXBase.HTMLAttributes<HTMLGuxPaginationLegacyElement>;
             "gux-phone-input-beta": LocalJSX.GuxPhoneInputBeta & JSXBase.HTMLAttributes<HTMLGuxPhoneInputBetaElement>;
             "gux-popover": LocalJSX.GuxPopover & JSXBase.HTMLAttributes<HTMLGuxPopoverElement>;
             "gux-popover-list": LocalJSX.GuxPopoverList & JSXBase.HTMLAttributes<HTMLGuxPopoverListElement>;

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

@@ -1,2 +1,2 @@
-export declare const CDN_URL = "/spark-components/build-assets/4.0.0-beta.24-20/genesys-webcomponents/";
+export declare const CDN_URL = "/spark-components/build-assets/4.0.0-beta.25-21/genesys-webcomponents/";
 export declare function registerElements(): Promise<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "genesys-spark-components",
-  "version": "4.0.0-beta.24",
+  "version": "4.0.0-beta.25",
   "description": "Common webcomponents",
   "license": "MIT",
   "main": "dist/stencil-wrapper.js",

package/dist/cjs/gux-blank-state-beta.cjs.entry.js

@@ -1,68 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-350f4210.js');
-const onResize = require('./on-resize-ee6a4b87.js');
-
-/**
- * Below are the max-widths for the blank state component.
- */
-const SMALL_STATE = 160;
-const MEDIUM_STATE = 300;
-
-const guxBlankStateCss = ":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}";
-
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-const GuxBlankState = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.blankStateSize = undefined;
-  }
-  onResize() {
-    this.setBlankStateSize();
-  }
-  componentWillLoad() {
-    usage.trackComponent(this.root);
-  }
-  componentDidLoad() {
-    this.setBlankStateSize();
-  }
-  setBlankStateSize() {
-    index.readTask(() => {
-      const containerWidth = this.root.clientWidth;
-      if (containerWidth <= SMALL_STATE) {
-        this.blankStateSize = 'small';
-      }
-      else if (containerWidth <= MEDIUM_STATE) {
-        this.blankStateSize = 'medium';
-      }
-      else {
-        this.blankStateSize = 'large';
-      }
-    });
-  }
-  render() {
-    return (index.h("div", { class: {
-        'gux-container': true,
-        [`gux-${this.blankStateSize}`]: true
-      } }, index.h("slot", { name: "image" }), index.h("div", { class: "gux-message-container" }, index.h("slot", { name: "primary-message" })), index.h("div", { class: "gux-guidance-container" }, index.h("slot", { name: "additional-guidance" })), index.h("gux-button-slot", { accent: "primary" }, index.h("slot", { name: "call-to-action" }))));
-  }
-  get root() { return index.getElement(this); }
-};
-__decorate([
-  onResize.OnResize()
-], GuxBlankState.prototype, "onResize", null);
-GuxBlankState.style = guxBlankStateCss;
-
-exports.gux_blank_state_beta = GuxBlankState;

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;
-}