@zendeskgarden/react-pagination 8.62.1 → 8.63.0

package/dist/index.cjs.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var PropTypes = require('prop-types');
 var styled = require('styled-components');
@@ -17,7 +15,7 @@ var containerUtilities = require('@zendeskgarden/container-utilities');
 var reactTheming = require('@zendeskgarden/react-theming');
 var polished = require('polished');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -33,14 +31,13 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
 
 function _extends$4() {
   _extends$4 = Object.assign ? Object.assign.bind() : function (target) {
@@ -58,9 +55,9 @@ function _extends$4() {
 }
 
 const COMPONENT_ID$6 = 'pagination.pagination_view';
-const StyledPagination = styled__default["default"].ul.attrs({
+const StyledPagination = styled__default.default.ul.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledPagination",
   componentId: "sc-1b7nye9-0"
@@ -90,9 +87,9 @@ const sizeStyles$2 = props => {
   const padding = `${props.theme.space.base * 1.5}px`;
   return styled.css(["padding:0 ", ";height:", ";line-height:", ";font-size:", ";"], padding, height, lineHeight, fontSize);
 };
-const StyledPageBase = styled__default["default"].li.attrs({
+const StyledPageBase = styled__default.default.li.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledPageBase",
   componentId: "sc-lw1w9j-0"
@@ -106,9 +103,9 @@ const sizeStyles$1 = props => {
   const height = `${props.theme.space.base * 8}px`;
   return styled.css(["min-width:", ";max-width:", ";&[aria-current='true']{max-width:none;}"], height, polished.math(`${height} * 2`));
 };
-const StyledPage = styled__default["default"](StyledPageBase).attrs({
+const StyledPage = styled__default.default(StyledPageBase).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledPage",
   componentId: "sc-1k0een3-0"
@@ -118,9 +115,9 @@ StyledPage.defaultProps = {
 };
 
 const COMPONENT_ID$3 = 'cursor_pagination';
-const StyledCursorPagination = styled__default["default"].nav.attrs({
+const StyledCursorPagination = styled__default.default.nav.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledCursorPagination",
   componentId: "sc-qmfecg-0"
@@ -130,9 +127,9 @@ StyledCursorPagination.defaultProps = {
 };
 
 const COMPONENT_ID$2 = 'cursor_pagination.cursor';
-const StyledCursor = styled__default["default"](StyledPageBase).attrs({
+const StyledCursor = styled__default.default(StyledPageBase).attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.62.1',
+  'data-garden-version': '8.63.0',
   as: 'button'
 }).withConfig({
   displayName: "StyledCursor",
@@ -153,7 +150,7 @@ const marginStyles = props => {
   }
   return styled.css(["margin-", ":", "px;"], type === 'first' || type === 'previous' ? 'right' : 'left', margin);
 };
-const StyledIcon = styled__default["default"](_ref => {
+const StyledIcon = styled__default.default(_ref => {
   let {
     children,
     ...props
@@ -174,9 +171,9 @@ const sizeStyles = props => {
   const fontSize = polished.math(`${props.theme.fontSizes.md} + ${shift}`);
   return styled.css(["margin-top:", ";font-size:", ";"], marginTop, fontSize);
 };
-const StyledGap = styled__default["default"](StyledPage).attrs({
+const StyledGap = styled__default.default(StyledPage).attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledGap",
   componentId: "sc-1hqjltf-0"
@@ -186,9 +183,9 @@ StyledGap.defaultProps = {
 };
 
 const COMPONENT_ID = 'pagination.navigation';
-const StyledNavigation = styled__default["default"](StyledPage).attrs({
+const StyledNavigation = styled__default.default(StyledPage).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledNavigation",
   componentId: "sc-184uuwe-0"
@@ -198,9 +195,7 @@ StyledNavigation.defaultProps = {
 };
 
 var _path$3;
-
 function _extends$3() { _extends$3 = 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$3.apply(this, arguments); }
-
 var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
     xmlns: "http://www.w3.org/2000/svg",
@@ -208,8 +203,7 @@ var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
     height: 16,
     focusable: "false",
     viewBox: "0 0 16 16",
-    "aria-hidden": "true",
-    role: "img"
+    "aria-hidden": "true"
   }, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.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"
@@ -217,9 +211,7 @@ var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
 };
 
 var _path$2;
-
 function _extends$2() { _extends$2 = 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$2.apply(this, arguments); }
-
 var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
     xmlns: "http://www.w3.org/2000/svg",
@@ -227,8 +219,7 @@ var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
     height: 16,
     focusable: "false",
     viewBox: "0 0 16 16",
-    "aria-hidden": "true",
-    role: "img"
+    "aria-hidden": "true"
   }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.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"
@@ -238,10 +229,10 @@ var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
 const PreviousComponent$1 = React.forwardRef((props, ref) => {
   const ariaLabel = reactTheming.useText(PreviousComponent$1, props, 'aria-label', 'Previous page');
   const theme = React.useContext(styled.ThemeContext);
-  return React__default["default"].createElement(StyledNavigation, _extends$4({}, props, {
+  return React__namespace.default.createElement(StyledNavigation, _extends$4({}, props, {
     "aria-label": ariaLabel,
     ref: ref
-  }), theme.rtl ? React__default["default"].createElement(SvgChevronRightStroke, null) : React__default["default"].createElement(SvgChevronLeftStroke, null));
+  }), theme.rtl ? React__namespace.default.createElement(SvgChevronRightStroke, null) : React__namespace.default.createElement(SvgChevronLeftStroke, null));
 });
 PreviousComponent$1.displayName = 'Pagination.Previous';
 const Previous$1 = PreviousComponent$1;
@@ -249,10 +240,10 @@ const Previous$1 = PreviousComponent$1;
 const NextComponent$1 = React.forwardRef((props, ref) => {
   const ariaLabel = reactTheming.useText(NextComponent$1, props, 'aria-label', 'Next page');
   const theme = React.useContext(styled.ThemeContext);
-  return React__default["default"].createElement(StyledNavigation, _extends$4({}, props, {
+  return React__namespace.default.createElement(StyledNavigation, _extends$4({}, props, {
     "aria-label": ariaLabel,
     ref: ref
-  }), theme.rtl ? React__default["default"].createElement(SvgChevronLeftStroke, null) : React__default["default"].createElement(SvgChevronRightStroke, null));
+  }), theme.rtl ? React__namespace.default.createElement(SvgChevronLeftStroke, null) : React__namespace.default.createElement(SvgChevronRightStroke, null));
 });
 NextComponent$1.displayName = 'Pagination.Next';
 const Next$1 = NextComponent$1;
@@ -260,7 +251,7 @@ const Next$1 = NextComponent$1;
 const PageComponent = React.forwardRef((props, ref) => {
   const text = props['aria-current'] ? `Current page, page ${props.children}` : `Page ${props.children}`;
   const ariaLabel = reactTheming.useText(PageComponent, props, 'aria-label', text);
-  return React__default["default"].createElement(StyledPage, _extends$4({}, props, {
+  return React__namespace.default.createElement(StyledPage, _extends$4({}, props, {
     "aria-label": ariaLabel,
     ref: ref
   }));
@@ -268,7 +259,7 @@ const PageComponent = React.forwardRef((props, ref) => {
 PageComponent.displayName = 'Pagination.Page';
 const Page = PageComponent;
 
-const GapComponent = React.forwardRef((props, ref) => React__default["default"].createElement(StyledGap, _extends$4({}, props, {
+const GapComponent = React.forwardRef((props, ref) => React__namespace.default.createElement(StyledGap, _extends$4({}, props, {
   ref: ref
 }), "\u2026"));
 GapComponent.displayName = 'Pagination.Gap';
@@ -333,7 +324,7 @@ const Pagination = React.forwardRef((_ref, ref) => {
   };
   const renderPreviousPage = () => {
     const isFirstPageSelected = totalPages > 0 && currentPage === 1;
-    const focusRef = React__default["default"].createRef();
+    const focusRef = React__namespace.default.createRef();
     const props = isFirstPageSelected ?
     {
       hidden: true
@@ -346,7 +337,7 @@ const Pagination = React.forwardRef((_ref, ref) => {
       }),
       'aria-label': undefined
     };
-    return React__default["default"].createElement(Previous$1, _extends$4({
+    return React__namespace.default.createElement(Previous$1, _extends$4({
       isFocused: focusedItem === PREVIOUS_KEY
     }, getTransformedProps('previous', props), {
       ref: focusRef
@@ -354,7 +345,7 @@ const Pagination = React.forwardRef((_ref, ref) => {
   };
   const renderNextPage = () => {
     const isLastPageSelected = currentPage === totalPages;
-    const focusRef = React__default["default"].createRef();
+    const focusRef = React__namespace.default.createRef();
     const props = isLastPageSelected ?
     {
       hidden: true
@@ -367,17 +358,17 @@ const Pagination = React.forwardRef((_ref, ref) => {
       }),
       'aria-label': undefined
     };
-    return React__default["default"].createElement(Next$1, _extends$4({
+    return React__namespace.default.createElement(Next$1, _extends$4({
       isFocused: focusedItem === NEXT_KEY
     }, getTransformedProps('next', props), {
       ref: focusRef
     }));
   };
-  const createGap = pageIndex => React__default["default"].createElement(Gap, _extends$4({
+  const createGap = pageIndex => React__namespace.default.createElement(Gap, _extends$4({
     key: `gap-${pageIndex}`
   }, getTransformedProps('gap')));
   const createPage = pageIndex => {
-    const focusRef = React__default["default"].createRef();
+    const focusRef = React__namespace.default.createRef();
     const props = {
       ...getPageProps({
         'aria-label': '',
@@ -388,7 +379,7 @@ const Pagination = React.forwardRef((_ref, ref) => {
       'aria-label': undefined,
       title: pageIndex
     };
-    return React__default["default"].createElement(Page, _extends$4({
+    return React__namespace.default.createElement(Page, _extends$4({
       key: pageIndex
     }, getTransformedProps('page', props, pageIndex), {
       ref: focusRef
@@ -438,19 +429,19 @@ const Pagination = React.forwardRef((_ref, ref) => {
     }
     return pages;
   };
-  return React__default["default"].createElement(StyledPagination, _extends$4({}, getContainerProps({
+  return React__namespace.default.createElement(StyledPagination, _extends$4({}, getContainerProps({
     role: null
   }), otherProps, {
     ref: ref
   }), renderPreviousPage(), totalPages > 0 && renderPages(), renderNextPage());
 });
 Pagination.propTypes = {
-  currentPage: PropTypes__default["default"].number.isRequired,
-  totalPages: PropTypes__default["default"].number.isRequired,
-  pagePadding: PropTypes__default["default"].number,
-  pageGap: PropTypes__default["default"].number,
-  onChange: PropTypes__default["default"].func,
-  transformPageProps: PropTypes__default["default"].func
+  currentPage: PropTypes__default.default.number.isRequired,
+  totalPages: PropTypes__default.default.number.isRequired,
+  pagePadding: PropTypes__default.default.number,
+  pageGap: PropTypes__default.default.number,
+  onChange: PropTypes__default.default.func,
+  transformPageProps: PropTypes__default.default.func
 };
 Pagination.defaultProps = {
   pagePadding: 2,
@@ -459,9 +450,7 @@ Pagination.defaultProps = {
 Pagination.displayName = 'Pagination';
 
 var _path$1;
-
 function _extends$1() { _extends$1 = 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$1.apply(this, arguments); }
-
 var SvgChevronDoubleLeftStroke = function SvgChevronDoubleLeftStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
@@ -469,8 +458,7 @@ var SvgChevronDoubleLeftStroke = function SvgChevronDoubleLeftStroke(props) {
     height: 16,
     focusable: "false",
     viewBox: "0 0 16 16",
-    "aria-hidden": "true",
-    role: "img"
+    "aria-hidden": "true"
   }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.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"
@@ -482,11 +470,11 @@ const FirstComponent = React.forwardRef((_ref, ref) => {
     children,
     ...other
   } = _ref;
-  return React__default["default"].createElement(StyledCursor, _extends$4({
+  return React__namespace.default.createElement(StyledCursor, _extends$4({
     ref: ref
-  }, other), React__default["default"].createElement(StyledIcon, {
+  }, other), React__namespace.default.createElement(StyledIcon, {
     type: "first"
-  }, React__default["default"].createElement(SvgChevronDoubleLeftStroke, null)), React__default["default"].createElement("span", null, children));
+  }, React__namespace.default.createElement(SvgChevronDoubleLeftStroke, null)), React__namespace.default.createElement("span", null, children));
 });
 FirstComponent.displayName = 'CursorPagination.First';
 const First = FirstComponent;
@@ -496,12 +484,12 @@ const NextComponent = React.forwardRef((_ref, ref) => {
     children,
     ...other
   } = _ref;
-  return React__default["default"].createElement(StyledCursor, _extends$4({
+  return React__namespace.default.createElement(StyledCursor, _extends$4({
     ref: ref,
     as: "button"
-  }, other), React__default["default"].createElement("span", null, children), React__default["default"].createElement(StyledIcon, {
+  }, other), React__namespace.default.createElement("span", null, children), React__namespace.default.createElement(StyledIcon, {
     type: "next"
-  }, React__default["default"].createElement(SvgChevronRightStroke, null)));
+  }, React__namespace.default.createElement(SvgChevronRightStroke, null)));
 });
 NextComponent.displayName = 'CursorPagination.Next';
 const Next = NextComponent;
@@ -511,20 +499,18 @@ const PreviousComponent = React.forwardRef((_ref, ref) => {
     children,
     ...other
   } = _ref;
-  return React__default["default"].createElement(StyledCursor, _extends$4({
+  return React__namespace.default.createElement(StyledCursor, _extends$4({
     ref: ref,
     as: "button"
-  }, other), React__default["default"].createElement(StyledIcon, {
+  }, other), React__namespace.default.createElement(StyledIcon, {
     type: "previous"
-  }, React__default["default"].createElement(SvgChevronLeftStroke, null)), React__default["default"].createElement("span", null, children));
+  }, React__namespace.default.createElement(SvgChevronLeftStroke, null)), React__namespace.default.createElement("span", null, children));
 });
 PreviousComponent.displayName = 'CursorPagination.Previous';
 const Previous = PreviousComponent;
 
 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__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -532,8 +518,7 @@ var SvgChevronDoubleRightStroke = function SvgChevronDoubleRightStroke(props) {
     height: 16,
     focusable: "false",
     viewBox: "0 0 16 16",
-    "aria-hidden": "true",
-    role: "img"
+    "aria-hidden": "true"
   }, props), _path || (_path = /*#__PURE__*/React__namespace.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"
@@ -545,17 +530,17 @@ const LastComponent = React.forwardRef((_ref, ref) => {
     children,
     ...other
   } = _ref;
-  return React__default["default"].createElement(StyledCursor, _extends$4({
+  return React__namespace.default.createElement(StyledCursor, _extends$4({
     ref: ref,
     as: "button"
-  }, other), React__default["default"].createElement("span", null, children), React__default["default"].createElement(StyledIcon, {
+  }, other), React__namespace.default.createElement("span", null, children), React__namespace.default.createElement(StyledIcon, {
     type: "last"
-  }, React__default["default"].createElement(SvgChevronDoubleRightStroke, null)));
+  }, React__namespace.default.createElement(SvgChevronDoubleRightStroke, null)));
 });
 LastComponent.displayName = 'CursorPagination.Last';
 const Last = LastComponent;
 
-const CursorPaginationComponent = React.forwardRef((props, ref) => React__default["default"].createElement(StyledCursorPagination, _extends$4({
+const CursorPaginationComponent = React.forwardRef((props, ref) => React__namespace.default.createElement(StyledCursorPagination, _extends$4({
   ref: ref
 }, props)));
 CursorPaginationComponent.displayName = 'CursorPagination';

package/dist/index.esm.js

@@ -32,7 +32,7 @@ function _extends$4() {
 const COMPONENT_ID$6 = 'pagination.pagination_view';
 const StyledPagination = styled.ul.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledPagination",
   componentId: "sc-1b7nye9-0"
@@ -64,7 +64,7 @@ const sizeStyles$2 = props => {
 };
 const StyledPageBase = styled.li.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledPageBase",
   componentId: "sc-lw1w9j-0"
@@ -80,7 +80,7 @@ const sizeStyles$1 = props => {
 };
 const StyledPage = styled(StyledPageBase).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledPage",
   componentId: "sc-1k0een3-0"
@@ -92,7 +92,7 @@ StyledPage.defaultProps = {
 const COMPONENT_ID$3 = 'cursor_pagination';
 const StyledCursorPagination = styled.nav.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledCursorPagination",
   componentId: "sc-qmfecg-0"
@@ -104,7 +104,7 @@ StyledCursorPagination.defaultProps = {
 const COMPONENT_ID$2 = 'cursor_pagination.cursor';
 const StyledCursor = styled(StyledPageBase).attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.62.1',
+  'data-garden-version': '8.63.0',
   as: 'button'
 }).withConfig({
   displayName: "StyledCursor",
@@ -148,7 +148,7 @@ const sizeStyles = props => {
 };
 const StyledGap = styled(StyledPage).attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledGap",
   componentId: "sc-1hqjltf-0"
@@ -160,7 +160,7 @@ StyledGap.defaultProps = {
 const COMPONENT_ID = 'pagination.navigation';
 const StyledNavigation = styled(StyledPage).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledNavigation",
   componentId: "sc-184uuwe-0"
@@ -170,9 +170,7 @@ StyledNavigation.defaultProps = {
 };
 
 var _path$3;
-
 function _extends$3() { _extends$3 = 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$3.apply(this, arguments); }
-
 var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$3({
     xmlns: "http://www.w3.org/2000/svg",
@@ -180,8 +178,7 @@ var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
     height: 16,
     focusable: "false",
     viewBox: "0 0 16 16",
-    "aria-hidden": "true",
-    role: "img"
+    "aria-hidden": "true"
   }, props), _path$3 || (_path$3 = /*#__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"
@@ -189,9 +186,7 @@ var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
 };
 
 var _path$2;
-
 function _extends$2() { _extends$2 = 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$2.apply(this, arguments); }
-
 var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$2({
     xmlns: "http://www.w3.org/2000/svg",
@@ -199,8 +194,7 @@ var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
     height: 16,
     focusable: "false",
     viewBox: "0 0 16 16",
-    "aria-hidden": "true",
-    role: "img"
+    "aria-hidden": "true"
   }, props), _path$2 || (_path$2 = /*#__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"
@@ -431,9 +425,7 @@ Pagination.defaultProps = {
 Pagination.displayName = 'Pagination';
 
 var _path$1;
-
 function _extends$1() { _extends$1 = 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$1.apply(this, arguments); }
-
 var SvgChevronDoubleLeftStroke = function SvgChevronDoubleLeftStroke(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
@@ -441,8 +433,7 @@ var SvgChevronDoubleLeftStroke = function SvgChevronDoubleLeftStroke(props) {
     height: 16,
     focusable: "false",
     viewBox: "0 0 16 16",
-    "aria-hidden": "true",
-    role: "img"
+    "aria-hidden": "true"
   }, props), _path$1 || (_path$1 = /*#__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"
@@ -494,9 +485,7 @@ PreviousComponent.displayName = 'CursorPagination.Previous';
 const Previous = PreviousComponent;
 
 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",
@@ -504,8 +493,7 @@ var SvgChevronDoubleRightStroke = function SvgChevronDoubleRightStroke(props) {
     height: 16,
     focusable: "false",
     viewBox: "0 0 16 16",
-    "aria-hidden": "true",
-    role: "img"
+    "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"

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

@@ -6,7 +6,7 @@
  */
 import { HTMLAttributes } from 'react';
 export declare const PAGE_TYPE: readonly ["next", "page", "gap", "previous"];
-export declare type PageType = typeof PAGE_TYPE[number];
+export type PageType = (typeof PAGE_TYPE)[number];
 export interface IPaginationProps extends Omit<HTMLAttributes<HTMLUListElement>, 'onChange'> {
     /**
      * Sets the current page. Pages start at 1.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-pagination",
-  "version": "8.62.1",
+  "version": "8.63.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.62.1",
+    "@zendeskgarden/react-theming": "^8.63.0",
     "@zendeskgarden/svg-icons": "6.33.0"
   },
   "keywords": [
@@ -46,5 +46,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "e84b3603c69975dc0ef30029364da15fc1e4fc03"
+  "gitHead": "4b8715305a769881b143c7195c5b31e687422926"
 }