@zendeskgarden/react-pagination 8.49.2 → 8.50.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.49.2'
+  'data-garden-version': '8.50.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.49.2'
+  'data-garden-version': '8.50.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.49.2'
+  'data-garden-version': '8.50.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.49.2'
+  'data-garden-version': '8.50.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.49.2',
+  'data-garden-version': '8.50.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.49.2'
+  'data-garden-version': '8.50.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.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledNavigation",
   componentId: "sc-184uuwe-0"

package/dist/index.esm.js

@@ -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.49.2'
+  'data-garden-version': '8.50.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.49.2'
+  'data-garden-version': '8.50.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.49.2'
+  'data-garden-version': '8.50.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.49.2'
+  'data-garden-version': '8.50.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.49.2',
+  'data-garden-version': '8.50.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.49.2'
+  'data-garden-version': '8.50.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.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledNavigation",
   componentId: "sc-184uuwe-0"

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

@@ -4,41 +4,8 @@
  * 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, { HTMLAttributes } from 'react';
-export declare type PAGE_TYPE = 'next' | 'page' | 'gap' | 'previous';
-export interface IPaginationProps extends Omit<HTMLAttributes<HTMLUListElement>, 'onChange'> {
-    /**
-     * Sets the current page. Pages start at 1.
-     */
-    currentPage: number;
-    /**
-     * Defines the total number of pages
-     */
-    totalPages: number;
-    /**
-     * Sets the number of pages that appear between the current page and a gap indicator
-     */
-    pagePadding?: number;
-    /**
-     * Positions the leading and trailing gap indicator, based on
-     * the current and total pages
-     */
-    pageGap?: number;
-    /**
-     * Handles page change events
-     *
-     * @param {any} currentPage The current page
-     */
-    onChange?: (currentPage: number) => void;
-    /**
-     * 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 {any} props Default page props to transform
-     */
-    transformPageProps?: (pageType: PAGE_TYPE, props: any) => any;
-}
+import React from 'react';
+import { IPaginationProps } from '../../types';
 /**
  * @extends HTMLAttributes<HTMLUListElement>
  */

package/dist/typings/index.d.ts

@@ -5,5 +5,5 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 export { Pagination } from './elements/Pagination/Pagination';
-export type { IPaginationProps, PAGE_TYPE } from './elements/Pagination/Pagination';
 export { CursorPagination } from './elements/CursorPagination/CursorPagination';
+export type { IPaginationProps, PageType as PAGE_TYPE } from './types';

package/dist/typings/types/index.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * 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 { HTMLAttributes } from 'react';
+export declare const PAGE_TYPE: readonly ["next", "page", "gap", "previous"];
+export declare type PageType = typeof PAGE_TYPE[number];
+export interface IPaginationProps extends Omit<HTMLAttributes<HTMLUListElement>, 'onChange'> {
+    /**
+     * Sets the current page. Pages start at 1.
+     */
+    currentPage: number;
+    /**
+     * Defines the total number of pages
+     */
+    totalPages: number;
+    /**
+     * Sets the number of pages that appear between the current page and a gap indicator
+     */
+    pagePadding?: number;
+    /**
+     * Positions the leading and trailing gap indicator, based on
+     * the current and total pages
+     */
+    pageGap?: number;
+    /**
+     * Handles page change events
+     *
+     * @param {any} currentPage The current page
+     */
+    onChange?: (currentPage: number) => void;
+    /**
+     * Applies localized labels, test attributes, etc. to individual pages
+     *
+     * @param {string} pageType The type of the page accepting the props
+     * @param {any} props Default page props to transform
+     */
+    transformPageProps?: (pageType: PageType, props: any) => any;
+}

package/package.json

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