@zendeskgarden/react-pagination 8.45.0 → 8.47.2

package/dist/index.cjs.js

@@ -28,14 +28,12 @@ function _interopNamespace(e) {
         var d = Object.getOwnPropertyDescriptor(e, k);
         Object.defineProperty(n, k, d.get ? d : {
           enumerable: true,
-          get: function () {
-            return e[k];
-          }
+          get: function () { return e[k]; }
         });
       }
     });
   }
-  n['default'] = e;
+  n["default"] = e;
   return Object.freeze(n);
 }
 
@@ -49,14 +47,9 @@ function ownKeys(object, enumerableOnly) {
 
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-
-    if (enumerableOnly) {
-      symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-
-    keys.push.apply(keys, symbols);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
   }
 
   return keys;
@@ -64,19 +57,12 @@ function ownKeys(object, enumerableOnly) {
 
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys(Object(source), true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
   }
 
   return target;
@@ -210,46 +196,46 @@ function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
-function _extends$3() { _extends$3 = Object.assign || 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 _path$3;
 
-var _ref$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"
-});
+function _extends$3() { _extends$3 = Object.assign || 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); }
 
-function SvgChevronLeftStroke(props) {
+var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$3);
-}
+    viewBox: "0 0 16 16",
+    "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"
+  })));
+};
 
-function _extends$2() { _extends$2 = Object.assign || 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 _path$2;
 
-var _ref$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"
-});
+function _extends$2() { _extends$2 = Object.assign || 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); }
 
-function SvgChevronRightStroke(props) {
+var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$2);
-}
+    viewBox: "0 0 16 16",
+    "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"
+  })));
+};
 
 var COMPONENT_ID$6 = 'pagination.pagination_view';
-var StyledPagination = styled__default['default'].ul.attrs({
+var StyledPagination = styled__default["default"].ul.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.45.0'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledPagination",
   componentId: "sc-1b7nye9-0"
@@ -285,9 +271,9 @@ var sizeStyles$2 = function sizeStyles(props) {
   var padding = "".concat(props.theme.space.base * 1.5, "px");
   return styled.css(["padding:0 ", ";height:", ";line-height:", ";font-size:", ";"], padding, height, lineHeight, fontSize);
 };
-var StyledPageBase = styled__default['default'].li.attrs({
+var StyledPageBase = styled__default["default"].li.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.45.0'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledPageBase",
   componentId: "sc-lw1w9j-0"
@@ -313,9 +299,9 @@ var sizeStyles$1 = function sizeStyles(props) {
   var height = "".concat(props.theme.space.base * 8, "px");
   return styled.css(["min-width:", ";max-width:", ";&[aria-current='true']{max-width:none;}"], height, polished.math("".concat(height, " * 2")));
 };
-var StyledPage = styled__default['default'](StyledPageBase).attrs({
+var StyledPage = styled__default["default"](StyledPageBase).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.45.0'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledPage",
   componentId: "sc-1k0een3-0"
@@ -335,9 +321,9 @@ StyledPage.defaultProps = {
 };
 
 var COMPONENT_ID$3 = 'cursor_pagination';
-var StyledCursorPagination = styled__default['default'].nav.attrs({
+var StyledCursorPagination = styled__default["default"].nav.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.45.0'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledCursorPagination",
   componentId: "sc-qmfecg-0"
@@ -349,9 +335,9 @@ StyledCursorPagination.defaultProps = {
 };
 
 var COMPONENT_ID$2 = 'cursor_pagination.cursor';
-var StyledCursor = styled__default['default'](StyledPageBase).attrs({
+var StyledCursor = styled__default["default"](StyledPageBase).attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.45.0',
+  'data-garden-version': '8.47.2',
   as: 'button'
 }).withConfig({
   displayName: "StyledCursor",
@@ -379,7 +365,7 @@ var marginStyles = function marginStyles(props) {
   }
   return styled.css(["margin-", ":", "px;"], type === 'first' || type === 'previous' ? 'right' : 'left', margin);
 };
-var StyledIcon = styled__default['default'](function (_ref) {
+var StyledIcon = styled__default["default"](function (_ref) {
   var children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded$5);
   return React.cloneElement(React.Children.only(children), props);
@@ -400,9 +386,9 @@ var sizeStyles = function sizeStyles(props) {
   var fontSize = polished.math("".concat(props.theme.fontSizes.md, " + ").concat(shift));
   return styled.css(["margin-top:", ";font-size:", ";"], marginTop, fontSize);
 };
-var StyledGap = styled__default['default'](StyledPage).attrs({
+var StyledGap = styled__default["default"](StyledPage).attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.45.0'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledGap",
   componentId: "sc-1hqjltf-0"
@@ -416,9 +402,9 @@ StyledGap.defaultProps = {
 };
 
 var COMPONENT_ID = 'pagination.navigation';
-var StyledNavigation = styled__default['default'](StyledPage).attrs({
+var StyledNavigation = styled__default["default"](StyledPage).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.45.0'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledNavigation",
   componentId: "sc-184uuwe-0"
@@ -432,7 +418,7 @@ StyledNavigation.defaultProps = {
 var _excluded$4 = ["currentPage", "transformPageProps", "totalPages", "pagePadding", "pageGap", "onChange"];
 var PREVIOUS_KEY = 'previous';
 var NEXT_KEY = 'next';
-var Pagination = React__default['default'].forwardRef(function (_ref, ref) {
+var Pagination = React__default["default"].forwardRef(function (_ref, ref) {
   var controlledCurrentPage = _ref.currentPage,
       transformPageProps = _ref.transformPageProps,
       totalPages = _ref.totalPages,
@@ -491,8 +477,8 @@ var Pagination = React__default['default'].forwardRef(function (_ref, ref) {
   };
   var renderPreviousPage = function renderPreviousPage(rtl) {
     var isFirstPageSelected = totalPages > 0 && currentPage === 1;
-    var focusRef = React__default['default'].createRef();
-    return React__default['default'].createElement(StyledNavigation, getTransformedProps('previous',
+    var focusRef = React__default["default"].createRef();
+    return React__default["default"].createElement(StyledNavigation, getTransformedProps('previous',
     isFirstPageSelected ? {
       hidden: true
     } : getPreviousPageProps({
@@ -502,12 +488,12 @@ var Pagination = React__default['default'].forwardRef(function (_ref, ref) {
       item: PREVIOUS_KEY,
       ref: focusRef,
       focusRef: focusRef
-    })), rtl ? React__default['default'].createElement(SvgChevronRightStroke, null) : React__default['default'].createElement(SvgChevronLeftStroke, null));
+    })), rtl ? React__default["default"].createElement(SvgChevronRightStroke, null) : React__default["default"].createElement(SvgChevronLeftStroke, null));
   };
   var renderNextPage = function renderNextPage(rtl) {
     var isLastPageSelected = currentPage === totalPages;
-    var focusRef = React__default['default'].createRef();
-    return React__default['default'].createElement(StyledNavigation, getTransformedProps('next',
+    var focusRef = React__default["default"].createRef();
+    return React__default["default"].createElement(StyledNavigation, getTransformedProps('next',
     isLastPageSelected ? {
       hidden: true
     } : getNextPageProps({
@@ -517,16 +503,16 @@ var Pagination = React__default['default'].forwardRef(function (_ref, ref) {
       isFocused: focusedItem === NEXT_KEY,
       ref: focusRef,
       focusRef: focusRef
-    })), rtl ? React__default['default'].createElement(SvgChevronLeftStroke, null) : React__default['default'].createElement(SvgChevronRightStroke, null));
+    })), rtl ? React__default["default"].createElement(SvgChevronLeftStroke, null) : React__default["default"].createElement(SvgChevronRightStroke, null));
   };
   var createGap = function createGap(pageIndex) {
-    return React__default['default'].createElement(StyledGap, getTransformedProps('gap', {
+    return React__default["default"].createElement(StyledGap, getTransformedProps('gap', {
       key: "gap-".concat(pageIndex)
     }), "\u2026");
   };
   var createPage = function createPage(pageIndex) {
-    var focusRef = React__default['default'].createRef();
-    return React__default['default'].createElement(StyledPage, getTransformedProps('page', getPageProps({
+    var focusRef = React__default["default"].createRef();
+    return React__default["default"].createElement(StyledPage, getTransformedProps('page', getPageProps({
       role: null,
       key: pageIndex,
       item: pageIndex,
@@ -581,114 +567,115 @@ var Pagination = React__default['default'].forwardRef(function (_ref, ref) {
     }
     return pages;
   };
-  return React__default['default'].createElement(StyledPagination, _extends$4({}, getContainerProps(_objectSpread2({
+  return React__default["default"].createElement(StyledPagination, _extends$4({}, getContainerProps(_objectSpread2({
     role: null
   }, otherProps)), {
     ref: ref
   }), renderPreviousPage(theme.rtl), totalPages > 0 && renderPages(), renderNextPage(theme.rtl));
 });
 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,
   pageGap: 2
 };
+Pagination.displayName = 'Pagination';
 
-function _extends$1() { _extends$1 = Object.assign || 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 _path$1;
 
-var _ref$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"
-});
+function _extends$1() { _extends$1 = Object.assign || 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); }
 
-function SvgChevronDoubleLeftStroke(props) {
+var SvgChevronDoubleLeftStroke = function SvgChevronDoubleLeftStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$1);
-}
+    viewBox: "0 0 16 16",
+    "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"
+  })));
+};
 
 var _excluded$3 = ["children"];
-var First = React__default['default'].forwardRef(function (_ref, ref) {
+var First = React__default["default"].forwardRef(function (_ref, ref) {
   var children = _ref.children,
       other = _objectWithoutProperties(_ref, _excluded$3);
-  return React__default['default'].createElement(StyledCursor, _extends$4({
+  return React__default["default"].createElement(StyledCursor, _extends$4({
     ref: ref
-  }, other), React__default['default'].createElement(StyledIcon, {
+  }, other), React__default["default"].createElement(StyledIcon, {
     type: "first"
-  }, React__default['default'].createElement(SvgChevronDoubleLeftStroke, null)), React__default['default'].createElement("span", null, children));
+  }, React__default["default"].createElement(SvgChevronDoubleLeftStroke, null)), React__default["default"].createElement("span", null, children));
 });
 First.displayName = 'First';
 
 var _excluded$2 = ["children"];
-var Next = React__default['default'].forwardRef(function (_ref, ref) {
+var Next = React__default["default"].forwardRef(function (_ref, ref) {
   var children = _ref.children,
       other = _objectWithoutProperties(_ref, _excluded$2);
-  return React__default['default'].createElement(StyledCursor, _extends$4({
+  return React__default["default"].createElement(StyledCursor, _extends$4({
     ref: ref,
     as: "button"
-  }, other), React__default['default'].createElement("span", null, children), React__default['default'].createElement(StyledIcon, {
+  }, other), React__default["default"].createElement("span", null, children), React__default["default"].createElement(StyledIcon, {
     type: "next"
-  }, React__default['default'].createElement(SvgChevronRightStroke, null)));
+  }, React__default["default"].createElement(SvgChevronRightStroke, null)));
 });
 Next.displayName = 'Next';
 
 var _excluded$1 = ["children"];
-var Previous = React__default['default'].forwardRef(function (_ref, ref) {
+var Previous = React__default["default"].forwardRef(function (_ref, ref) {
   var children = _ref.children,
       other = _objectWithoutProperties(_ref, _excluded$1);
-  return React__default['default'].createElement(StyledCursor, _extends$4({
+  return React__default["default"].createElement(StyledCursor, _extends$4({
     ref: ref,
     as: "button"
-  }, other), React__default['default'].createElement(StyledIcon, {
+  }, other), React__default["default"].createElement(StyledIcon, {
     type: "previous"
-  }, React__default['default'].createElement(SvgChevronLeftStroke, null)), React__default['default'].createElement("span", null, children));
+  }, React__default["default"].createElement(SvgChevronLeftStroke, null)), React__default["default"].createElement("span", null, children));
 });
 Previous.displayName = 'Previous';
 
-function _extends() { _extends = Object.assign || 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 _path;
 
-var _ref = /*#__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"
-});
+function _extends() { _extends = Object.assign || 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); }
 
-function SvgChevronDoubleRightStroke(props) {
+var SvgChevronDoubleRightStroke = function SvgChevronDoubleRightStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref);
-}
+    viewBox: "0 0 16 16",
+    "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"
+  })));
+};
 
 var _excluded = ["children"];
-var Last = React__default['default'].forwardRef(function (_ref, ref) {
+var Last = React__default["default"].forwardRef(function (_ref, ref) {
   var children = _ref.children,
       other = _objectWithoutProperties(_ref, _excluded);
-  return React__default['default'].createElement(StyledCursor, _extends$4({
+  return React__default["default"].createElement(StyledCursor, _extends$4({
     ref: ref,
     as: "button"
-  }, other), React__default['default'].createElement("span", null, children), React__default['default'].createElement(StyledIcon, {
+  }, other), React__default["default"].createElement("span", null, children), React__default["default"].createElement(StyledIcon, {
     type: "last"
-  }, React__default['default'].createElement(SvgChevronDoubleRightStroke, null)));
+  }, React__default["default"].createElement(SvgChevronDoubleRightStroke, null)));
 });
 Last.displayName = 'Last';
 
-var CursorPagination = React__default['default'].forwardRef(function (props, ref) {
-  return React__default['default'].createElement(StyledCursorPagination, _extends$4({
+var CursorPagination = React__default["default"].forwardRef(function (props, ref) {
+  return React__default["default"].createElement(StyledCursorPagination, _extends$4({
     ref: ref
   }, props));
 });

package/dist/index.esm.js

@@ -19,14 +19,9 @@ function ownKeys(object, enumerableOnly) {
 
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-
-    if (enumerableOnly) {
-      symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-
-    keys.push.apply(keys, symbols);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
   }
 
   return keys;
@@ -34,19 +29,12 @@ function ownKeys(object, enumerableOnly) {
 
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys(Object(source), true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
   }
 
   return target;
@@ -180,46 +168,46 @@ function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
-function _extends$3() { _extends$3 = Object.assign || 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 _path$3;
 
-var _ref$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"
-});
+function _extends$3() { _extends$3 = Object.assign || 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); }
 
-function SvgChevronLeftStroke(props) {
+var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$3({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$3);
-}
+    viewBox: "0 0 16 16",
+    "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"
+  })));
+};
 
-function _extends$2() { _extends$2 = Object.assign || 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 _path$2;
 
-var _ref$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"
-});
+function _extends$2() { _extends$2 = Object.assign || 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); }
 
-function SvgChevronRightStroke(props) {
+var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$2({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$2);
-}
+    viewBox: "0 0 16 16",
+    "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"
+  })));
+};
 
 var COMPONENT_ID$6 = 'pagination.pagination_view';
 var StyledPagination = styled.ul.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.45.0'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledPagination",
   componentId: "sc-1b7nye9-0"
@@ -257,7 +245,7 @@ var sizeStyles$2 = function sizeStyles(props) {
 };
 var StyledPageBase = styled.li.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.45.0'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledPageBase",
   componentId: "sc-lw1w9j-0"
@@ -285,7 +273,7 @@ var sizeStyles$1 = function sizeStyles(props) {
 };
 var StyledPage = styled(StyledPageBase).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.45.0'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledPage",
   componentId: "sc-1k0een3-0"
@@ -307,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.45.0'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledCursorPagination",
   componentId: "sc-qmfecg-0"
@@ -321,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.45.0',
+  'data-garden-version': '8.47.2',
   as: 'button'
 }).withConfig({
   displayName: "StyledCursor",
@@ -372,7 +360,7 @@ var sizeStyles = function sizeStyles(props) {
 };
 var StyledGap = styled(StyledPage).attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.45.0'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledGap",
   componentId: "sc-1hqjltf-0"
@@ -388,7 +376,7 @@ StyledGap.defaultProps = {
 var COMPONENT_ID = 'pagination.navigation';
 var StyledNavigation = styled(StyledPage).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.45.0'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledNavigation",
   componentId: "sc-184uuwe-0"
@@ -569,24 +557,25 @@ Pagination.defaultProps = {
   pagePadding: 2,
   pageGap: 2
 };
+Pagination.displayName = 'Pagination';
 
-function _extends$1() { _extends$1 = Object.assign || 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 _path$1;
 
-var _ref$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"
-});
+function _extends$1() { _extends$1 = Object.assign || 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); }
 
-function SvgChevronDoubleLeftStroke(props) {
+var SvgChevronDoubleLeftStroke = function SvgChevronDoubleLeftStroke(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$1);
-}
+    viewBox: "0 0 16 16",
+    "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"
+  })));
+};
 
 var _excluded$3 = ["children"];
 var First = React__default.forwardRef(function (_ref, ref) {
@@ -626,23 +615,23 @@ var Previous = React__default.forwardRef(function (_ref, ref) {
 });
 Previous.displayName = 'Previous';
 
-function _extends() { _extends = Object.assign || 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 _path;
 
-var _ref = /*#__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"
-});
+function _extends() { _extends = Object.assign || 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); }
 
-function SvgChevronDoubleRightStroke(props) {
+var SvgChevronDoubleRightStroke = function SvgChevronDoubleRightStroke(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref);
-}
+    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"
+  })));
+};
 
 var _excluded = ["children"];
 var Last = React__default.forwardRef(function (_ref, ref) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-pagination",
-  "version": "8.45.0",
+  "version": "8.47.2",
   "description": "Components relating to pagination in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -22,7 +22,7 @@
   "types": "dist/typings/index.d.ts",
   "dependencies": {
     "@zendeskgarden/container-pagination": "^0.3.8",
-    "@zendeskgarden/container-utilities": "^0.6.0",
+    "@zendeskgarden/container-utilities": "^0.7.0",
     "polished": "^4.0.0",
     "prop-types": "^15.5.7"
   },
@@ -33,7 +33,7 @@
     "styled-components": "^4.2.0 || ^5.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^8.45.0",
+    "@zendeskgarden/react-theming": "^8.47.2",
     "@zendeskgarden/svg-icons": "6.30.2"
   },
   "keywords": [
@@ -46,5 +46,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "7a2f38e395cd0b1e0f09e5925ca721b254c57a5d"
+  "gitHead": "41cb43f285760417ae2145e47eca0e4a600455ab"
 }