@zendeskgarden/react-pagination 8.47.2 → 8.48.0

package/dist/index.cjs.js

@@ -235,7 +235,7 @@ var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
 var COMPONENT_ID$6 = 'pagination.pagination_view';
 var StyledPagination = styled__default["default"].ul.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.47.2'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledPagination",
   componentId: "sc-1b7nye9-0"
@@ -273,7 +273,7 @@ var sizeStyles$2 = function sizeStyles(props) {
 };
 var StyledPageBase = styled__default["default"].li.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.47.2'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledPageBase",
   componentId: "sc-lw1w9j-0"
@@ -301,7 +301,7 @@ var sizeStyles$1 = function sizeStyles(props) {
 };
 var StyledPage = styled__default["default"](StyledPageBase).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.47.2'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledPage",
   componentId: "sc-1k0een3-0"
@@ -323,7 +323,7 @@ StyledPage.defaultProps = {
 var COMPONENT_ID$3 = 'cursor_pagination';
 var StyledCursorPagination = styled__default["default"].nav.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.47.2'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledCursorPagination",
   componentId: "sc-qmfecg-0"
@@ -337,7 +337,7 @@ StyledCursorPagination.defaultProps = {
 var COMPONENT_ID$2 = 'cursor_pagination.cursor';
 var StyledCursor = styled__default["default"](StyledPageBase).attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.47.2',
+  'data-garden-version': '8.48.0',
   as: 'button'
 }).withConfig({
   displayName: "StyledCursor",
@@ -388,7 +388,7 @@ var sizeStyles = function sizeStyles(props) {
 };
 var StyledGap = styled__default["default"](StyledPage).attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.47.2'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledGap",
   componentId: "sc-1hqjltf-0"
@@ -404,7 +404,7 @@ StyledGap.defaultProps = {
 var COMPONENT_ID = 'pagination.navigation';
 var StyledNavigation = styled__default["default"](StyledPage).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.47.2'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledNavigation",
   componentId: "sc-184uuwe-0"
@@ -418,7 +418,7 @@ StyledNavigation.defaultProps = {
 var _excluded$4 = ["currentPage", "transformPageProps", "totalPages", "pagePadding", "pageGap", "onChange"];
 var PREVIOUS_KEY = 'previous';
 var NEXT_KEY = 'next';
-var Pagination = React__default["default"].forwardRef(function (_ref, ref) {
+var Pagination = React.forwardRef(function (_ref, ref) {
   var controlledCurrentPage = _ref.currentPage,
       transformPageProps = _ref.transformPageProps,
       totalPages = _ref.totalPages,
@@ -606,7 +606,7 @@ var SvgChevronDoubleLeftStroke = function SvgChevronDoubleLeftStroke(props) {
 };
 
 var _excluded$3 = ["children"];
-var First = React__default["default"].forwardRef(function (_ref, ref) {
+var FirstComponent = React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       other = _objectWithoutProperties(_ref, _excluded$3);
   return React__default["default"].createElement(StyledCursor, _extends$4({
@@ -615,10 +615,11 @@ var First = React__default["default"].forwardRef(function (_ref, ref) {
     type: "first"
   }, React__default["default"].createElement(SvgChevronDoubleLeftStroke, null)), React__default["default"].createElement("span", null, children));
 });
-First.displayName = 'First';
+FirstComponent.displayName = 'CursorPagination.First';
+var First = FirstComponent;
 
 var _excluded$2 = ["children"];
-var Next = React__default["default"].forwardRef(function (_ref, ref) {
+var NextComponent = React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       other = _objectWithoutProperties(_ref, _excluded$2);
   return React__default["default"].createElement(StyledCursor, _extends$4({
@@ -628,10 +629,11 @@ var Next = React__default["default"].forwardRef(function (_ref, ref) {
     type: "next"
   }, React__default["default"].createElement(SvgChevronRightStroke, null)));
 });
-Next.displayName = 'Next';
+NextComponent.displayName = 'CursorPagination.Next';
+var Next = NextComponent;
 
 var _excluded$1 = ["children"];
-var Previous = React__default["default"].forwardRef(function (_ref, ref) {
+var PreviousComponent = React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       other = _objectWithoutProperties(_ref, _excluded$1);
   return React__default["default"].createElement(StyledCursor, _extends$4({
@@ -641,7 +643,8 @@ var Previous = React__default["default"].forwardRef(function (_ref, ref) {
     type: "previous"
   }, React__default["default"].createElement(SvgChevronLeftStroke, null)), React__default["default"].createElement("span", null, children));
 });
-Previous.displayName = 'Previous';
+PreviousComponent.displayName = 'CursorPagination.Previous';
+var Previous = PreviousComponent;
 
 var _path;
 
@@ -662,7 +665,7 @@ var SvgChevronDoubleRightStroke = function SvgChevronDoubleRightStroke(props) {
 };
 
 var _excluded = ["children"];
-var Last = React__default["default"].forwardRef(function (_ref, ref) {
+var LastComponent = React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       other = _objectWithoutProperties(_ref, _excluded);
   return React__default["default"].createElement(StyledCursor, _extends$4({
@@ -672,18 +675,20 @@ var Last = React__default["default"].forwardRef(function (_ref, ref) {
     type: "last"
   }, React__default["default"].createElement(SvgChevronDoubleRightStroke, null)));
 });
-Last.displayName = 'Last';
+LastComponent.displayName = 'CursorPagination.Last';
+var Last = LastComponent;
 
-var CursorPagination = React__default["default"].forwardRef(function (props, ref) {
+var CursorPaginationComponent = React.forwardRef(function (props, ref) {
   return React__default["default"].createElement(StyledCursorPagination, _extends$4({
     ref: ref
   }, props));
 });
+CursorPaginationComponent.displayName = 'CursorPagination';
+var CursorPagination = CursorPaginationComponent;
 CursorPagination.First = First;
 CursorPagination.Next = Next;
 CursorPagination.Previous = Previous;
 CursorPagination.Last = Last;
-CursorPagination.displayName = 'CursorPagination';
 
 exports.CursorPagination = CursorPagination;
 exports.Pagination = Pagination;

package/dist/index.esm.js

@@ -6,7 +6,7 @@
  */
 
 import * as React from 'react';
-import React__default, { cloneElement, Children, useState, useContext } from 'react';
+import React__default, { cloneElement, Children, forwardRef, useState, useContext } from 'react';
 import PropTypes from 'prop-types';
 import styled, { css, ThemeContext } from 'styled-components';
 import { usePagination } from '@zendeskgarden/container-pagination';
@@ -207,7 +207,7 @@ var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
 var COMPONENT_ID$6 = 'pagination.pagination_view';
 var StyledPagination = styled.ul.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.47.2'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledPagination",
   componentId: "sc-1b7nye9-0"
@@ -245,7 +245,7 @@ var sizeStyles$2 = function sizeStyles(props) {
 };
 var StyledPageBase = styled.li.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.47.2'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledPageBase",
   componentId: "sc-lw1w9j-0"
@@ -273,7 +273,7 @@ var sizeStyles$1 = function sizeStyles(props) {
 };
 var StyledPage = styled(StyledPageBase).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.47.2'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledPage",
   componentId: "sc-1k0een3-0"
@@ -295,7 +295,7 @@ StyledPage.defaultProps = {
 var COMPONENT_ID$3 = 'cursor_pagination';
 var StyledCursorPagination = styled.nav.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.47.2'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledCursorPagination",
   componentId: "sc-qmfecg-0"
@@ -309,7 +309,7 @@ StyledCursorPagination.defaultProps = {
 var COMPONENT_ID$2 = 'cursor_pagination.cursor';
 var StyledCursor = styled(StyledPageBase).attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.47.2',
+  'data-garden-version': '8.48.0',
   as: 'button'
 }).withConfig({
   displayName: "StyledCursor",
@@ -360,7 +360,7 @@ var sizeStyles = function sizeStyles(props) {
 };
 var StyledGap = styled(StyledPage).attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.47.2'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledGap",
   componentId: "sc-1hqjltf-0"
@@ -376,7 +376,7 @@ StyledGap.defaultProps = {
 var COMPONENT_ID = 'pagination.navigation';
 var StyledNavigation = styled(StyledPage).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.47.2'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledNavigation",
   componentId: "sc-184uuwe-0"
@@ -390,7 +390,7 @@ StyledNavigation.defaultProps = {
 var _excluded$4 = ["currentPage", "transformPageProps", "totalPages", "pagePadding", "pageGap", "onChange"];
 var PREVIOUS_KEY = 'previous';
 var NEXT_KEY = 'next';
-var Pagination = React__default.forwardRef(function (_ref, ref) {
+var Pagination = forwardRef(function (_ref, ref) {
   var controlledCurrentPage = _ref.currentPage,
       transformPageProps = _ref.transformPageProps,
       totalPages = _ref.totalPages,
@@ -578,7 +578,7 @@ var SvgChevronDoubleLeftStroke = function SvgChevronDoubleLeftStroke(props) {
 };
 
 var _excluded$3 = ["children"];
-var First = React__default.forwardRef(function (_ref, ref) {
+var FirstComponent = forwardRef(function (_ref, ref) {
   var children = _ref.children,
       other = _objectWithoutProperties(_ref, _excluded$3);
   return React__default.createElement(StyledCursor, _extends$4({
@@ -587,10 +587,11 @@ var First = React__default.forwardRef(function (_ref, ref) {
     type: "first"
   }, React__default.createElement(SvgChevronDoubleLeftStroke, null)), React__default.createElement("span", null, children));
 });
-First.displayName = 'First';
+FirstComponent.displayName = 'CursorPagination.First';
+var First = FirstComponent;
 
 var _excluded$2 = ["children"];
-var Next = React__default.forwardRef(function (_ref, ref) {
+var NextComponent = forwardRef(function (_ref, ref) {
   var children = _ref.children,
       other = _objectWithoutProperties(_ref, _excluded$2);
   return React__default.createElement(StyledCursor, _extends$4({
@@ -600,10 +601,11 @@ var Next = React__default.forwardRef(function (_ref, ref) {
     type: "next"
   }, React__default.createElement(SvgChevronRightStroke, null)));
 });
-Next.displayName = 'Next';
+NextComponent.displayName = 'CursorPagination.Next';
+var Next = NextComponent;
 
 var _excluded$1 = ["children"];
-var Previous = React__default.forwardRef(function (_ref, ref) {
+var PreviousComponent = forwardRef(function (_ref, ref) {
   var children = _ref.children,
       other = _objectWithoutProperties(_ref, _excluded$1);
   return React__default.createElement(StyledCursor, _extends$4({
@@ -613,7 +615,8 @@ var Previous = React__default.forwardRef(function (_ref, ref) {
     type: "previous"
   }, React__default.createElement(SvgChevronLeftStroke, null)), React__default.createElement("span", null, children));
 });
-Previous.displayName = 'Previous';
+PreviousComponent.displayName = 'CursorPagination.Previous';
+var Previous = PreviousComponent;
 
 var _path;
 
@@ -634,7 +637,7 @@ var SvgChevronDoubleRightStroke = function SvgChevronDoubleRightStroke(props) {
 };
 
 var _excluded = ["children"];
-var Last = React__default.forwardRef(function (_ref, ref) {
+var LastComponent = forwardRef(function (_ref, ref) {
   var children = _ref.children,
       other = _objectWithoutProperties(_ref, _excluded);
   return React__default.createElement(StyledCursor, _extends$4({
@@ -644,17 +647,19 @@ var Last = React__default.forwardRef(function (_ref, ref) {
     type: "last"
   }, React__default.createElement(SvgChevronDoubleRightStroke, null)));
 });
-Last.displayName = 'Last';
+LastComponent.displayName = 'CursorPagination.Last';
+var Last = LastComponent;
 
-var CursorPagination = React__default.forwardRef(function (props, ref) {
+var CursorPaginationComponent = forwardRef(function (props, ref) {
   return React__default.createElement(StyledCursorPagination, _extends$4({
     ref: ref
   }, props));
 });
+CursorPaginationComponent.displayName = 'CursorPagination';
+var CursorPagination = CursorPaginationComponent;
 CursorPagination.First = First;
 CursorPagination.Next = Next;
 CursorPagination.Previous = Previous;
 CursorPagination.Last = Last;
-CursorPagination.displayName = 'CursorPagination';
 
 export { CursorPagination, Pagination };

package/dist/typings/elements/CursorPagination/CursorPagination.d.ts

@@ -4,19 +4,18 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';
+import React from 'react';
 import { First } from './components/First';
 import { Next } from './components/Next';
 import { Previous } from './components/Previous';
 import { Last } from './components/Last';
-interface IStaticCursorPaginationExport<T, P> extends ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>> {
-    First: typeof First;
-    Next: typeof Next;
-    Previous: typeof Previous;
-    Last: typeof Last;
-}
+export declare const CursorPaginationComponent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
 /**
  * @extends HTMLAttributes<HTMLElement>
  */
-export declare const CursorPagination: IStaticCursorPaginationExport<HTMLDivElement, React.HTMLAttributes<HTMLElement>>;
-export {};
+export declare const CursorPagination: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>> & {
+    First: typeof First;
+    Last: typeof Last;
+    Next: typeof Next;
+    Previous: typeof Previous;
+};

package/dist/typings/elements/CursorPagination/components/First.d.ts

@@ -5,4 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
+/**
+ * @extends ButtonHTMLAttributes<HTMLButtonElement>
+ */
 export declare const First: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;

package/dist/typings/elements/CursorPagination/components/Last.d.ts

@@ -5,4 +5,8 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
+export declare const LastComponent: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * @extends ButtonHTMLAttributes<HTMLButtonElement>
+ */
 export declare const Last: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;

package/dist/typings/elements/CursorPagination/components/Next.d.ts

@@ -5,4 +5,8 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
+export declare const NextComponent: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * @extends ButtonHTMLAttributes<HTMLButtonElement>
+ */
 export declare const Next: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;

package/dist/typings/elements/CursorPagination/components/Previous.d.ts

@@ -5,4 +5,8 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
+export declare const PreviousComponent: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * @extends ButtonHTMLAttributes<HTMLButtonElement>
+ */
 export declare const Previous: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;

package/dist/typings/elements/Pagination/Pagination.d.ts

@@ -33,14 +33,13 @@ export interface IPaginationProps extends Omit<HTMLAttributes<HTMLUListElement>,
     /**
      * Applies localized labels, test attributes, etc. to individual pages
      *
-     * @param {string} pageType The type of the page accepting the props.
-     *  One of: "previous", "gap", "page", "next"
+     * @param {string} pageType The type of the page accepting the props; one of:
+     * "previous", "gap", "page", "next"
      * @param {any} props Default page props to transform
      */
     transformPageProps?: (pageType: PAGE_TYPE, props: any) => any;
 }
-declare const _default: React.FC<IPaginationProps & React.RefAttributes<HTMLUListElement>>;
 /**
  * @extends HTMLAttributes<HTMLUListElement>
  */
-export default _default;
+export declare const Pagination: React.ForwardRefExoticComponent<IPaginationProps & React.RefAttributes<HTMLUListElement>>;

package/dist/typings/index.d.ts

@@ -4,6 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-export { default as Pagination } from './elements/Pagination/Pagination';
+export { Pagination } from './elements/Pagination/Pagination';
 export type { IPaginationProps, PAGE_TYPE } from './elements/Pagination/Pagination';
 export { CursorPagination } from './elements/CursorPagination/CursorPagination';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-pagination",
-  "version": "8.47.2",
+  "version": "8.48.0",
   "description": "Components relating to pagination in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -33,7 +33,7 @@
     "styled-components": "^4.2.0 || ^5.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^8.47.2",
+    "@zendeskgarden/react-theming": "^8.48.0",
     "@zendeskgarden/svg-icons": "6.30.2"
   },
   "keywords": [
@@ -46,5 +46,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "41cb43f285760417ae2145e47eca0e4a600455ab"
+  "gitHead": "75f36aee62043004650c3eb2e1583b98a87d71f8"
 }