@zendeskgarden/react-pagination 9.0.0-next.7 → 9.0.0-next.9

package/dist/esm/elements/CursorPagination/CursorPagination.js

@@ -0,0 +1,32 @@
+/**
+* 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 React__default, { forwardRef } from 'react';
+import { First } from './components/First.js';
+import { Next } from './components/Next.js';
+import { Previous } from './components/Previous.js';
+import { Last } from './components/Last.js';
+import '../../styled/OffsetPagination/StyledList.js';
+import '../../styled/OffsetPagination/StyledListItem.js';
+import '../../styled/OffsetPagination/StyledPage.js';
+import { StyledCursorPagination } from '../../styled/CursorPagination/StyledCursorPagination.js';
+import '../../styled/CursorPagination/StyledCursor.js';
+import '../../styled/CursorPagination/StyledIcon.js';
+import '../../styled/OffsetPagination/StyledGapListItem.js';
+import '../../styled/OffsetPagination/StyledNavigation.js';
+import '../../styled/OffsetPagination/StyledNav.js';
+
+const CursorPaginationComponent = forwardRef((props, ref) => React__default.createElement(StyledCursorPagination, Object.assign({
+  ref: ref
+}, props)));
+CursorPaginationComponent.displayName = 'CursorPagination';
+const CursorPagination = CursorPaginationComponent;
+CursorPagination.First = First;
+CursorPagination.Next = Next;
+CursorPagination.Previous = Previous;
+CursorPagination.Last = Last;
+
+export { CursorPagination, CursorPaginationComponent };

package/dist/esm/elements/CursorPagination/components/First.js

@@ -0,0 +1,33 @@
+/**
+* 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 React__default, { forwardRef } from 'react';
+import SvgChevronDoubleLeftStroke from '../../../node_modules/@zendeskgarden/svg-icons/src/16/chevron-double-left-stroke.svg.js';
+import '../../../styled/OffsetPagination/StyledList.js';
+import '../../../styled/OffsetPagination/StyledListItem.js';
+import '../../../styled/OffsetPagination/StyledPage.js';
+import '../../../styled/CursorPagination/StyledCursorPagination.js';
+import { StyledCursor } from '../../../styled/CursorPagination/StyledCursor.js';
+import { StyledIcon } from '../../../styled/CursorPagination/StyledIcon.js';
+import '../../../styled/OffsetPagination/StyledGapListItem.js';
+import '../../../styled/OffsetPagination/StyledNavigation.js';
+import '../../../styled/OffsetPagination/StyledNav.js';
+
+const FirstComponent = forwardRef((_ref, ref) => {
+  let {
+    children,
+    ...other
+  } = _ref;
+  return React__default.createElement(StyledCursor, Object.assign({
+    ref: ref
+  }, other), React__default.createElement(StyledIcon, {
+    $type: "first"
+  }, React__default.createElement(SvgChevronDoubleLeftStroke, null)), React__default.createElement("span", null, children));
+});
+FirstComponent.displayName = 'CursorPagination.First';
+const First = FirstComponent;
+
+export { First };

package/dist/esm/elements/CursorPagination/components/Last.js

@@ -0,0 +1,34 @@
+/**
+* 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 React__default, { forwardRef } from 'react';
+import SvgChevronDoubleRightStroke from '../../../node_modules/@zendeskgarden/svg-icons/src/16/chevron-double-right-stroke.svg.js';
+import '../../../styled/OffsetPagination/StyledList.js';
+import '../../../styled/OffsetPagination/StyledListItem.js';
+import '../../../styled/OffsetPagination/StyledPage.js';
+import '../../../styled/CursorPagination/StyledCursorPagination.js';
+import { StyledCursor } from '../../../styled/CursorPagination/StyledCursor.js';
+import { StyledIcon } from '../../../styled/CursorPagination/StyledIcon.js';
+import '../../../styled/OffsetPagination/StyledGapListItem.js';
+import '../../../styled/OffsetPagination/StyledNavigation.js';
+import '../../../styled/OffsetPagination/StyledNav.js';
+
+const LastComponent = forwardRef((_ref, ref) => {
+  let {
+    children,
+    ...other
+  } = _ref;
+  return React__default.createElement(StyledCursor, Object.assign({
+    ref: ref,
+    as: "button"
+  }, other), React__default.createElement("span", null, children), React__default.createElement(StyledIcon, {
+    $type: "last"
+  }, React__default.createElement(SvgChevronDoubleRightStroke, null)));
+});
+LastComponent.displayName = 'CursorPagination.Last';
+const Last = LastComponent;
+
+export { Last };

package/dist/esm/elements/CursorPagination/components/Next.js

@@ -0,0 +1,34 @@
+/**
+* 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 React__default, { forwardRef } from 'react';
+import SvgChevronRightStroke from '../../../node_modules/@zendeskgarden/svg-icons/src/16/chevron-right-stroke.svg.js';
+import '../../../styled/OffsetPagination/StyledList.js';
+import '../../../styled/OffsetPagination/StyledListItem.js';
+import '../../../styled/OffsetPagination/StyledPage.js';
+import '../../../styled/CursorPagination/StyledCursorPagination.js';
+import { StyledCursor } from '../../../styled/CursorPagination/StyledCursor.js';
+import { StyledIcon } from '../../../styled/CursorPagination/StyledIcon.js';
+import '../../../styled/OffsetPagination/StyledGapListItem.js';
+import '../../../styled/OffsetPagination/StyledNavigation.js';
+import '../../../styled/OffsetPagination/StyledNav.js';
+
+const NextComponent = forwardRef((_ref, ref) => {
+  let {
+    children,
+    ...other
+  } = _ref;
+  return React__default.createElement(StyledCursor, Object.assign({
+    ref: ref,
+    as: "button"
+  }, other), React__default.createElement("span", null, children), React__default.createElement(StyledIcon, {
+    $type: "next"
+  }, React__default.createElement(SvgChevronRightStroke, null)));
+});
+NextComponent.displayName = 'CursorPagination.Next';
+const Next = NextComponent;
+
+export { Next };

package/dist/esm/elements/CursorPagination/components/Previous.js

@@ -0,0 +1,34 @@
+/**
+* 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 React__default, { forwardRef } from 'react';
+import SvgChevronLeftStroke from '../../../node_modules/@zendeskgarden/svg-icons/src/16/chevron-left-stroke.svg.js';
+import '../../../styled/OffsetPagination/StyledList.js';
+import '../../../styled/OffsetPagination/StyledListItem.js';
+import '../../../styled/OffsetPagination/StyledPage.js';
+import '../../../styled/CursorPagination/StyledCursorPagination.js';
+import { StyledCursor } from '../../../styled/CursorPagination/StyledCursor.js';
+import { StyledIcon } from '../../../styled/CursorPagination/StyledIcon.js';
+import '../../../styled/OffsetPagination/StyledGapListItem.js';
+import '../../../styled/OffsetPagination/StyledNavigation.js';
+import '../../../styled/OffsetPagination/StyledNav.js';
+
+const PreviousComponent = forwardRef((_ref, ref) => {
+  let {
+    children,
+    ...other
+  } = _ref;
+  return React__default.createElement(StyledCursor, Object.assign({
+    ref: ref,
+    as: "button"
+  }, other), React__default.createElement(StyledIcon, {
+    $type: "previous"
+  }, React__default.createElement(SvgChevronLeftStroke, null)), React__default.createElement("span", null, children));
+});
+PreviousComponent.displayName = 'CursorPagination.Previous';
+const Previous = PreviousComponent;
+
+export { Previous };

package/dist/esm/elements/OffsetPagination/OffsetPagination.js

@@ -0,0 +1,163 @@
+/**
+* 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 React__default, { forwardRef, useState, useCallback } from 'react';
+import PropTypes from 'prop-types';
+import { getControlledValue } from '@zendeskgarden/container-utilities';
+import { useText } from '@zendeskgarden/react-theming';
+import { StyledList } from '../../styled/OffsetPagination/StyledList.js';
+import { StyledListItem } from '../../styled/OffsetPagination/StyledListItem.js';
+import '../../styled/OffsetPagination/StyledPage.js';
+import '../../styled/CursorPagination/StyledCursorPagination.js';
+import '../../styled/CursorPagination/StyledCursor.js';
+import '../../styled/CursorPagination/StyledIcon.js';
+import '../../styled/OffsetPagination/StyledGapListItem.js';
+import '../../styled/OffsetPagination/StyledNavigation.js';
+import { StyledNav } from '../../styled/OffsetPagination/StyledNav.js';
+import { Previous } from './components/Previous.js';
+import { Next } from './components/Next.js';
+import { Page } from './components/Page.js';
+import { Gap } from './components/Gap.js';
+
+const PREVIOUS_KEY = 'previous';
+const NEXT_KEY = 'next';
+const OffsetPagination = forwardRef((_ref, ref) => {
+  let {
+    currentPage: controlledCurrentPage,
+    totalPages,
+    pagePadding,
+    pageGap,
+    onChange,
+    'aria-label': ariaLabel,
+    labels,
+    ...otherProps
+  } = _ref;
+  const [focusedItem, setFocusedItem] = useState();
+  const [internalCurrentPage, setInternalCurrentPage] = useState(1);
+  const navigationLabel = useText(OffsetPagination, {
+    'aria-label': ariaLabel
+  }, 'aria-label', 'Pagination');
+  const currentPage = getControlledValue(controlledCurrentPage, internalCurrentPage);
+  const handleFocus = useCallback(item => {
+    setFocusedItem(item);
+  }, []);
+  const handleSelect = useCallback(item => {
+    let updatedCurrentPage = item;
+    let updatedFocusedKey = focusedItem;
+    if (updatedCurrentPage === PREVIOUS_KEY && currentPage > 1) {
+      updatedCurrentPage = currentPage - 1;
+      if (updatedCurrentPage === 1 && focusedItem === PREVIOUS_KEY) {
+        updatedFocusedKey = 1;
+      }
+    } else if (updatedCurrentPage === NEXT_KEY && currentPage < totalPages) {
+      updatedCurrentPage = currentPage + 1;
+      if (updatedCurrentPage === totalPages && updatedFocusedKey === NEXT_KEY) {
+        updatedFocusedKey = totalPages;
+      }
+    }
+    if (onChange && updatedCurrentPage !== undefined) {
+      onChange(updatedCurrentPage);
+    }
+    setFocusedItem(updatedFocusedKey);
+    setInternalCurrentPage(updatedCurrentPage);
+  }, [currentPage, focusedItem, onChange, totalPages]);
+  const renderPreviousPage = () => {
+    const isFirstPageSelected = totalPages > 0 && currentPage === 1;
+    return React__default.createElement(StyledListItem, null, React__default.createElement(Previous, {
+      hidden: isFirstPageSelected,
+      onFocus: () => handleFocus('previous'),
+      onClick: () => handleSelect('previous'),
+      "aria-label": labels?.previous
+    }));
+  };
+  const renderNextPage = () => {
+    const isLastPageSelected = currentPage === totalPages;
+    return React__default.createElement(StyledListItem, null, React__default.createElement(Next, {
+      hidden: isLastPageSelected,
+      onFocus: () => handleFocus('next'),
+      onClick: () => handleSelect('next'),
+      "aria-label": labels?.next
+    }));
+  };
+  const createGap = pageIndex => React__default.createElement(Gap, {
+    key: `gap-${pageIndex}`,
+    "aria-label": labels?.gap
+  });
+  const createPage = pageIndex => {
+    return React__default.createElement(StyledListItem, {
+      key: pageIndex
+    }, React__default.createElement(Page, {
+      onFocus: () => handleFocus(pageIndex),
+      onClick: () => handleSelect(pageIndex),
+      "aria-current": currentPage === pageIndex ? 'page' : undefined,
+      "aria-label": labels?.renderPage?.(pageIndex)
+    }, pageIndex));
+  };
+  const renderPages = () => {
+    const pages = [];
+    const PADDING = pagePadding;
+    const GAP = pageGap;
+    for (let pageIndex = 1; pageIndex <= totalPages; pageIndex++) {
+      if (pageIndex === currentPage || pageIndex < GAP || pageIndex > totalPages - GAP + 1) {
+        pages.push(createPage(pageIndex));
+        continue;
+      }
+      let minimum;
+      let maximum;
+      if (currentPage <= GAP + PADDING) {
+        minimum = GAP + 1;
+        maximum = minimum + PADDING * 2;
+      } else if (currentPage >= totalPages - GAP - PADDING) {
+        maximum = totalPages - GAP;
+        minimum = maximum - PADDING * 2;
+      } else {
+        minimum = currentPage - PADDING;
+        maximum = currentPage + PADDING;
+      }
+      if (pageIndex >= minimum && pageIndex <= currentPage || pageIndex >= currentPage && pageIndex <= maximum) {
+        pages.push(createPage(pageIndex));
+        continue;
+      }
+      if (pageIndex === GAP) {
+        if (minimum > GAP + 1 && currentPage > GAP + PADDING + 1) {
+          pages.push(createGap(pageIndex));
+        } else {
+          pages.push(createPage(pageIndex));
+        }
+        continue;
+      }
+      if (pageIndex === totalPages - GAP + 1) {
+        if (maximum < totalPages - GAP && currentPage < totalPages - GAP - PADDING) {
+          pages.push(createGap(pageIndex));
+        } else {
+          pages.push(createPage(pageIndex));
+        }
+        continue;
+      }
+    }
+    return pages;
+  };
+  return React__default.createElement(StyledNav, {
+    "aria-label": navigationLabel
+  }, React__default.createElement(StyledList, Object.assign({}, otherProps, {
+    ref: ref
+  }), renderPreviousPage(), totalPages > 0 && renderPages(), renderNextPage()));
+});
+OffsetPagination.propTypes = {
+  currentPage: PropTypes.number.isRequired,
+  totalPages: PropTypes.number.isRequired,
+  pagePadding: PropTypes.number,
+  pageGap: PropTypes.number,
+  onChange: PropTypes.func,
+  labels: PropTypes.any
+};
+OffsetPagination.defaultProps = {
+  pagePadding: 2,
+  pageGap: 2
+};
+OffsetPagination.displayName = 'OffsetPagination';
+
+export { OffsetPagination };

package/dist/esm/elements/OffsetPagination/components/Gap.js

@@ -0,0 +1,29 @@
+/**
+* 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 React__default, { forwardRef } from 'react';
+import '../../../styled/OffsetPagination/StyledList.js';
+import '../../../styled/OffsetPagination/StyledListItem.js';
+import '../../../styled/OffsetPagination/StyledPage.js';
+import '../../../styled/CursorPagination/StyledCursorPagination.js';
+import '../../../styled/CursorPagination/StyledCursor.js';
+import '../../../styled/CursorPagination/StyledIcon.js';
+import { StyledGapListItem } from '../../../styled/OffsetPagination/StyledGapListItem.js';
+import '../../../styled/OffsetPagination/StyledNavigation.js';
+import '../../../styled/OffsetPagination/StyledNav.js';
+import { useText } from '@zendeskgarden/react-theming';
+
+const GapComponent = forwardRef((props, ref) => {
+  const ariaLabel = useText(GapComponent, props, 'aria-label', 'Ellipsis indicating non-visible pages');
+  return React__default.createElement(StyledGapListItem, Object.assign({}, props, {
+    "aria-label": ariaLabel,
+    ref: ref
+  }), "\u2026");
+});
+GapComponent.displayName = 'Pagination.Gap';
+const Gap = GapComponent;
+
+export { Gap };

package/dist/esm/elements/OffsetPagination/components/Next.js

@@ -0,0 +1,35 @@
+/**
+* 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 React__default, { forwardRef, useContext } from 'react';
+import { ThemeContext } from 'styled-components';
+import SvgChevronLeftStroke from '../../../node_modules/@zendeskgarden/svg-icons/src/16/chevron-left-stroke.svg.js';
+import SvgChevronRightStroke from '../../../node_modules/@zendeskgarden/svg-icons/src/16/chevron-right-stroke.svg.js';
+import { useText } from '@zendeskgarden/react-theming';
+import '../../../styled/OffsetPagination/StyledList.js';
+import '../../../styled/OffsetPagination/StyledListItem.js';
+import '../../../styled/OffsetPagination/StyledPage.js';
+import '../../../styled/CursorPagination/StyledCursorPagination.js';
+import '../../../styled/CursorPagination/StyledCursor.js';
+import '../../../styled/CursorPagination/StyledIcon.js';
+import '../../../styled/OffsetPagination/StyledGapListItem.js';
+import { StyledNavigation } from '../../../styled/OffsetPagination/StyledNavigation.js';
+import '../../../styled/OffsetPagination/StyledNav.js';
+
+const NextComponent = forwardRef((props, ref) => {
+  const ariaLabel = useText(NextComponent, props, 'aria-label', 'Next page');
+  const theme = useContext(ThemeContext);
+  return React__default.createElement(StyledNavigation, Object.assign({
+    type: "button"
+  }, props, {
+    "aria-label": ariaLabel,
+    ref: ref
+  }), theme.rtl ? React__default.createElement(SvgChevronLeftStroke, null) : React__default.createElement(SvgChevronRightStroke, null));
+});
+NextComponent.displayName = 'Pagination.Next';
+const Next = NextComponent;
+
+export { Next };

package/dist/esm/elements/OffsetPagination/components/Page.js

@@ -0,0 +1,31 @@
+/**
+* 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 React__default, { forwardRef } from 'react';
+import { useText } from '@zendeskgarden/react-theming';
+import '../../../styled/OffsetPagination/StyledList.js';
+import '../../../styled/OffsetPagination/StyledListItem.js';
+import { StyledPage } from '../../../styled/OffsetPagination/StyledPage.js';
+import '../../../styled/CursorPagination/StyledCursorPagination.js';
+import '../../../styled/CursorPagination/StyledCursor.js';
+import '../../../styled/CursorPagination/StyledIcon.js';
+import '../../../styled/OffsetPagination/StyledGapListItem.js';
+import '../../../styled/OffsetPagination/StyledNavigation.js';
+import '../../../styled/OffsetPagination/StyledNav.js';
+
+const PageComponent = forwardRef((props, ref) => {
+  const ariaLabel = useText(PageComponent, props, 'aria-label', `Page ${props.children}`);
+  return React__default.createElement(StyledPage, Object.assign({
+    type: "button"
+  }, props, {
+    "aria-label": ariaLabel,
+    ref: ref
+  }));
+});
+PageComponent.displayName = 'Pagination.Page';
+const Page = PageComponent;
+
+export { Page };

package/dist/esm/elements/OffsetPagination/components/Previous.js

@@ -0,0 +1,35 @@
+/**
+* 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 React__default, { forwardRef, useContext } from 'react';
+import { ThemeContext } from 'styled-components';
+import SvgChevronLeftStroke from '../../../node_modules/@zendeskgarden/svg-icons/src/16/chevron-left-stroke.svg.js';
+import SvgChevronRightStroke from '../../../node_modules/@zendeskgarden/svg-icons/src/16/chevron-right-stroke.svg.js';
+import { useText } from '@zendeskgarden/react-theming';
+import '../../../styled/OffsetPagination/StyledList.js';
+import '../../../styled/OffsetPagination/StyledListItem.js';
+import '../../../styled/OffsetPagination/StyledPage.js';
+import '../../../styled/CursorPagination/StyledCursorPagination.js';
+import '../../../styled/CursorPagination/StyledCursor.js';
+import '../../../styled/CursorPagination/StyledIcon.js';
+import '../../../styled/OffsetPagination/StyledGapListItem.js';
+import { StyledNavigation } from '../../../styled/OffsetPagination/StyledNavigation.js';
+import '../../../styled/OffsetPagination/StyledNav.js';
+
+const PreviousComponent = forwardRef((props, ref) => {
+  const ariaLabel = useText(PreviousComponent, props, 'aria-label', 'Previous page');
+  const theme = useContext(ThemeContext);
+  return React__default.createElement(StyledNavigation, Object.assign({
+    type: "button"
+  }, props, {
+    "aria-label": ariaLabel,
+    ref: ref
+  }), theme.rtl ? React__default.createElement(SvgChevronRightStroke, null) : React__default.createElement(SvgChevronLeftStroke, null));
+});
+PreviousComponent.displayName = 'Pagination.Previous';
+const Previous = PreviousComponent;
+
+export { Previous };

package/dist/esm/index.js

@@ -0,0 +1,8 @@
+/**
+* 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.
+*/
+export { OffsetPagination } from './elements/OffsetPagination/OffsetPagination.js';
+export { CursorPagination } from './elements/CursorPagination/CursorPagination.js';

package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/chevron-double-left-stroke.svg.js

@@ -0,0 +1,25 @@
+/**
+* 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 * as React from 'react';
+
+var _path;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgChevronDoubleLeftStroke = function SvgChevronDoubleLeftStroke(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    focusable: "false",
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M7.812 13.39a.5.5 0 01-.64-.012l-.062-.066-4-5a.5.5 0 01-.054-.542l.054-.082 4-5a.5.5 0 01.83.55l-.05.074L4.141 8l3.75 4.688a.5.5 0 01-.079.702zm5 0a.5.5 0 01-.64-.012l-.062-.066-4-5a.5.5 0 01-.054-.542l.054-.082 4-5a.5.5 0 01.83.55l-.05.074L9.141 8l3.75 4.688a.5.5 0 01-.079.702z"
+  })));
+};
+
+export { SvgChevronDoubleLeftStroke as default };

package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/chevron-double-right-stroke.svg.js

@@ -0,0 +1,25 @@
+/**
+* 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 * as React from 'react';
+
+var _path;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgChevronDoubleRightStroke = function SvgChevronDoubleRightStroke(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    focusable: "false",
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M8.188 2.61a.5.5 0 01.64.013l.062.065 4 5a.5.5 0 01.054.542l-.054.082-4 5a.5.5 0 01-.83-.55l.05-.074L11.859 8l-3.75-4.688a.5.5 0 01.079-.702zm-5 0a.5.5 0 01.64.013l.062.065 4 5a.5.5 0 01.054.542l-.054.082-4 5a.5.5 0 01-.83-.55l.05-.074L6.859 8l-3.75-4.688a.5.5 0 01.079-.702z"
+  })));
+};
+
+export { SvgChevronDoubleRightStroke as default };

package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/chevron-left-stroke.svg.js

@@ -0,0 +1,25 @@
+/**
+* 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 * as React from 'react';
+
+var _path;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    focusable: "false",
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M10.39 12.688a.5.5 0 01-.718.69l-.062-.066-4-5a.5.5 0 01-.054-.542l.054-.082 4-5a.5.5 0 01.83.55l-.05.074L6.641 8l3.75 4.688z"
+  })));
+};
+
+export { SvgChevronLeftStroke as default };

package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/chevron-right-stroke.svg.js

@@ -0,0 +1,25 @@
+/**
+* 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 * as React from 'react';
+
+var _path;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    focusable: "false",
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M5.61 3.312a.5.5 0 01.718-.69l.062.066 4 5a.5.5 0 01.054.542l-.054.082-4 5a.5.5 0 01-.83-.55l.05-.074L9.359 8l-3.75-4.688z"
+  })));
+};
+
+export { SvgChevronRightStroke as default };

package/dist/esm/styled/CursorPagination/StyledCursor.js

@@ -0,0 +1,24 @@
+/**
+* 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 styled from 'styled-components';
+import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { StyledPageBase } from '../OffsetPagination/StyledPageBase.js';
+
+const COMPONENT_ID = 'cursor_pagination.cursor';
+const StyledCursor = styled(StyledPageBase).attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.9',
+  as: 'button'
+}).withConfig({
+  displayName: "StyledCursor",
+  componentId: "sc-507ee-0"
+})(["display:flex;align-items:center;border:none;background:transparent;padding:", ";overflow:visible;&:not(", "-of-type){margin-right:", "px;}", ";"], props => `0px ${props.theme.space.base * 2}px`, props => props.theme.rtl ? ':first' : ':last', props => props.theme.space.base, props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledCursor.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledCursor };

package/dist/esm/styled/CursorPagination/StyledCursorPagination.js

@@ -0,0 +1,22 @@
+/**
+* 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 styled from 'styled-components';
+import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+
+const COMPONENT_ID = 'cursor_pagination';
+const StyledCursorPagination = styled.nav.attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.9'
+}).withConfig({
+  displayName: "StyledCursorPagination",
+  componentId: "sc-qmfecg-0"
+})(["display:flex;justify-content:center;", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledCursorPagination.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledCursorPagination };