@zendeskgarden/react-pagination 8.75.1 → 8.76.1

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

@@ -0,0 +1,30 @@
+/**
+* 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/Pagination/StyledPagination.js';
+import '../../styled/Pagination/StyledPage.js';
+import { StyledCursorPagination } from '../../styled/CursorPagination/StyledCursorPagination.js';
+import '../../styled/CursorPagination/StyledCursor.js';
+import '../../styled/CursorPagination/StyledIcon.js';
+import '../../styled/Pagination/StyledGap.js';
+import '../../styled/Pagination/StyledNavigation.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,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 SvgChevronDoubleLeftStroke from '../../../node_modules/@zendeskgarden/svg-icons/src/16/chevron-double-left-stroke.svg.js';
+import '../../../styled/Pagination/StyledPagination.js';
+import '../../../styled/Pagination/StyledPage.js';
+import '../../../styled/CursorPagination/StyledCursorPagination.js';
+import { StyledCursor } from '../../../styled/CursorPagination/StyledCursor.js';
+import { StyledIcon } from '../../../styled/CursorPagination/StyledIcon.js';
+import '../../../styled/Pagination/StyledGap.js';
+import '../../../styled/Pagination/StyledNavigation.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,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 SvgChevronDoubleRightStroke from '../../../node_modules/@zendeskgarden/svg-icons/src/16/chevron-double-right-stroke.svg.js';
+import '../../../styled/Pagination/StyledPagination.js';
+import '../../../styled/Pagination/StyledPage.js';
+import '../../../styled/CursorPagination/StyledCursorPagination.js';
+import { StyledCursor } from '../../../styled/CursorPagination/StyledCursor.js';
+import { StyledIcon } from '../../../styled/CursorPagination/StyledIcon.js';
+import '../../../styled/Pagination/StyledGap.js';
+import '../../../styled/Pagination/StyledNavigation.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,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 SvgChevronRightStroke from '../../../node_modules/@zendeskgarden/svg-icons/src/16/chevron-right-stroke.svg.js';
+import '../../../styled/Pagination/StyledPagination.js';
+import '../../../styled/Pagination/StyledPage.js';
+import '../../../styled/CursorPagination/StyledCursorPagination.js';
+import { StyledCursor } from '../../../styled/CursorPagination/StyledCursor.js';
+import { StyledIcon } from '../../../styled/CursorPagination/StyledIcon.js';
+import '../../../styled/Pagination/StyledGap.js';
+import '../../../styled/Pagination/StyledNavigation.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,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 SvgChevronLeftStroke from '../../../node_modules/@zendeskgarden/svg-icons/src/16/chevron-left-stroke.svg.js';
+import '../../../styled/Pagination/StyledPagination.js';
+import '../../../styled/Pagination/StyledPage.js';
+import '../../../styled/CursorPagination/StyledCursorPagination.js';
+import { StyledCursor } from '../../../styled/CursorPagination/StyledCursor.js';
+import { StyledIcon } from '../../../styled/CursorPagination/StyledIcon.js';
+import '../../../styled/Pagination/StyledGap.js';
+import '../../../styled/Pagination/StyledNavigation.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/Pagination/Pagination.js

@@ -0,0 +1,208 @@
+/**
+* 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, useContext } from 'react';
+import PropTypes from 'prop-types';
+import { ThemeContext } from 'styled-components';
+import { usePagination } from '@zendeskgarden/container-pagination';
+import { getControlledValue } from '@zendeskgarden/container-utilities';
+import { StyledPagination } from '../../styled/Pagination/StyledPagination.js';
+import '../../styled/Pagination/StyledPage.js';
+import '../../styled/CursorPagination/StyledCursorPagination.js';
+import '../../styled/CursorPagination/StyledCursor.js';
+import '../../styled/CursorPagination/StyledIcon.js';
+import '../../styled/Pagination/StyledGap.js';
+import '../../styled/Pagination/StyledNavigation.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 Pagination = forwardRef((_ref, ref) => {
+  let {
+    currentPage: controlledCurrentPage,
+    transformPageProps,
+    totalPages,
+    pagePadding,
+    pageGap,
+    onChange,
+    ...otherProps
+  } = _ref;
+  const [focusedItem, setFocusedItem] = useState();
+  const [internalCurrentPage, setInternalCurrentPage] = useState(1);
+  const currentPage = getControlledValue(controlledCurrentPage, internalCurrentPage);
+  const theme = useContext(ThemeContext);
+  const {
+    getContainerProps,
+    getPageProps,
+    getPreviousPageProps,
+    getNextPageProps
+  } = usePagination({
+    rtl: theme.rtl,
+    focusedItem,
+    selectedItem: currentPage,
+    onFocus: item => {
+      setFocusedItem(item);
+    },
+    onSelect: 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);
+    }
+  });
+  const getTransformedProps = function (pageType) {
+    let props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    let pageNumber = arguments.length > 2 ? arguments[2] : undefined;
+    if (transformPageProps) {
+      return transformPageProps(pageType, props, pageNumber);
+    }
+    return props;
+  };
+  const renderPreviousPage = () => {
+    const isFirstPageSelected = totalPages > 0 && currentPage === 1;
+    const focusRef = React__default.createRef();
+    const props = isFirstPageSelected ?
+    {
+      hidden: true
+    } : {
+      ...getPreviousPageProps({
+        'aria-label': '',
+        role: null,
+        item: PREVIOUS_KEY,
+        focusRef
+      }),
+      'aria-label': undefined
+    };
+    return React__default.createElement(Previous, Object.assign({
+      isFocused: focusedItem === PREVIOUS_KEY
+    }, getTransformedProps('previous', props), {
+      ref: focusRef
+    }));
+  };
+  const renderNextPage = () => {
+    const isLastPageSelected = currentPage === totalPages;
+    const focusRef = React__default.createRef();
+    const props = isLastPageSelected ?
+    {
+      hidden: true
+    } : {
+      ...getNextPageProps({
+        'aria-label': '',
+        role: null,
+        item: NEXT_KEY,
+        focusRef
+      }),
+      'aria-label': undefined
+    };
+    return React__default.createElement(Next, Object.assign({
+      isFocused: focusedItem === NEXT_KEY
+    }, getTransformedProps('next', props), {
+      ref: focusRef
+    }));
+  };
+  const createGap = pageIndex => React__default.createElement(Gap, Object.assign({
+    key: `gap-${pageIndex}`
+  }, getTransformedProps('gap')));
+  const createPage = pageIndex => {
+    const focusRef = React__default.createRef();
+    const props = {
+      ...getPageProps({
+        'aria-label': '',
+        role: null,
+        item: pageIndex,
+        focusRef
+      }),
+      'aria-label': undefined,
+      title: pageIndex
+    };
+    return React__default.createElement(Page, Object.assign({
+      key: pageIndex
+    }, getTransformedProps('page', props, pageIndex), {
+      ref: focusRef
+    }), 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(StyledPagination, Object.assign({}, getContainerProps({
+    role: null
+  }), otherProps, {
+    ref: ref
+  }), renderPreviousPage(), totalPages > 0 && renderPages(), renderNextPage());
+});
+Pagination.propTypes = {
+  currentPage: PropTypes.number.isRequired,
+  totalPages: PropTypes.number.isRequired,
+  pagePadding: PropTypes.number,
+  pageGap: PropTypes.number,
+  onChange: PropTypes.func,
+  transformPageProps: PropTypes.func
+};
+Pagination.defaultProps = {
+  pagePadding: 2,
+  pageGap: 2
+};
+Pagination.displayName = 'Pagination';
+
+export { Pagination };

package/dist/esm/elements/Pagination/components/Gap.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 React__default, { forwardRef } from 'react';
+import '../../../styled/Pagination/StyledPagination.js';
+import '../../../styled/Pagination/StyledPage.js';
+import '../../../styled/CursorPagination/StyledCursorPagination.js';
+import '../../../styled/CursorPagination/StyledCursor.js';
+import '../../../styled/CursorPagination/StyledIcon.js';
+import { StyledGap } from '../../../styled/Pagination/StyledGap.js';
+import '../../../styled/Pagination/StyledNavigation.js';
+
+const GapComponent = forwardRef((props, ref) => React__default.createElement(StyledGap, Object.assign({}, props, {
+  ref: ref
+}), "\u2026"));
+GapComponent.displayName = 'Pagination.Gap';
+const Gap = GapComponent;
+
+export { Gap };

package/dist/esm/elements/Pagination/components/Next.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, 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/Pagination/StyledPagination.js';
+import '../../../styled/Pagination/StyledPage.js';
+import '../../../styled/CursorPagination/StyledCursorPagination.js';
+import '../../../styled/CursorPagination/StyledCursor.js';
+import '../../../styled/CursorPagination/StyledIcon.js';
+import '../../../styled/Pagination/StyledGap.js';
+import { StyledNavigation } from '../../../styled/Pagination/StyledNavigation.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({}, 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/Pagination/components/Page.js

@@ -0,0 +1,28 @@
+/**
+* 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/Pagination/StyledPagination.js';
+import { StyledPage } from '../../../styled/Pagination/StyledPage.js';
+import '../../../styled/CursorPagination/StyledCursorPagination.js';
+import '../../../styled/CursorPagination/StyledCursor.js';
+import '../../../styled/CursorPagination/StyledIcon.js';
+import '../../../styled/Pagination/StyledGap.js';
+import '../../../styled/Pagination/StyledNavigation.js';
+
+const PageComponent = forwardRef((props, ref) => {
+  const text = props['aria-current'] ? `Current page, page ${props.children}` : `Page ${props.children}`;
+  const ariaLabel = useText(PageComponent, props, 'aria-label', text);
+  return React__default.createElement(StyledPage, Object.assign({}, props, {
+    "aria-label": ariaLabel,
+    ref: ref
+  }));
+});
+PageComponent.displayName = 'Pagination.Page';
+const Page = PageComponent;
+
+export { Page };

package/dist/esm/elements/Pagination/components/Previous.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, 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/Pagination/StyledPagination.js';
+import '../../../styled/Pagination/StyledPage.js';
+import '../../../styled/CursorPagination/StyledCursorPagination.js';
+import '../../../styled/CursorPagination/StyledCursor.js';
+import '../../../styled/CursorPagination/StyledIcon.js';
+import '../../../styled/Pagination/StyledGap.js';
+import { StyledNavigation } from '../../../styled/Pagination/StyledNavigation.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({}, 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 { Pagination } from './elements/Pagination/Pagination.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 '../Pagination/StyledPageBase.js';
+
+const COMPONENT_ID = 'cursor_pagination.cursor';
+const StyledCursor = styled(StyledPageBase).attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '8.76.1',
+  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': '8.76.1'
+}).withConfig({
+  displayName: "StyledCursorPagination",
+  componentId: "sc-qmfecg-0"
+})(["display:flex;justify-content:center;", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledCursorPagination.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledCursorPagination };