@zendeskgarden/react-pagination 8.47.1 → 8.48.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.47.1'
+  'data-garden-version': '8.48.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.47.1'
+  'data-garden-version': '8.48.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.47.1'
+  'data-garden-version': '8.48.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.47.1'
+  'data-garden-version': '8.48.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.47.1',
+  'data-garden-version': '8.48.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.47.1'
+  'data-garden-version': '8.48.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.47.1'
+  'data-garden-version': '8.48.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.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,122 +567,128 @@ 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 FirstComponent = React.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';
+FirstComponent.displayName = 'CursorPagination.First';
+var First = FirstComponent;
 
 var _excluded$2 = ["children"];
-var Next = React__default['default'].forwardRef(function (_ref, ref) {
+var NextComponent = React.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';
+NextComponent.displayName = 'CursorPagination.Next';
+var Next = NextComponent;
 
 var _excluded$1 = ["children"];
-var Previous = React__default['default'].forwardRef(function (_ref, ref) {
+var PreviousComponent = React.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';
+PreviousComponent.displayName = 'CursorPagination.Previous';
+var Previous = PreviousComponent;
 
-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 LastComponent = React.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';
+LastComponent.displayName = 'CursorPagination.Last';
+var Last = LastComponent;
 
-var CursorPagination = React__default['default'].forwardRef(function (props, ref) {
-  return React__default['default'].createElement(StyledCursorPagination, _extends$4({
+var CursorPaginationComponent = React.forwardRef(function (props, ref) {
+  return React__default["default"].createElement(StyledCursorPagination, _extends$4({
     ref: ref
   }, props));
 });
+CursorPaginationComponent.displayName = 'CursorPagination';
+var CursorPagination = CursorPaginationComponent;
 CursorPagination.First = First;
 CursorPagination.Next = Next;
 CursorPagination.Previous = Previous;
 CursorPagination.Last = Last;
-CursorPagination.displayName = 'CursorPagination';
 
 exports.CursorPagination = CursorPagination;
 exports.Pagination = Pagination;

package/dist/index.esm.js

@@ -6,7 +6,7 @@
  */
 
 import * as React from 'react';
-import React__default, { cloneElement, Children, useState, useContext } from 'react';
+import React__default, { cloneElement, Children, forwardRef, useState, useContext } from 'react';
 import PropTypes from 'prop-types';
 import styled, { css, ThemeContext } from 'styled-components';
 import { usePagination } from '@zendeskgarden/container-pagination';
@@ -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.47.1'
+  'data-garden-version': '8.48.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.47.1'
+  'data-garden-version': '8.48.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.47.1'
+  'data-garden-version': '8.48.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.47.1'
+  'data-garden-version': '8.48.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.47.1',
+  'data-garden-version': '8.48.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.47.1'
+  'data-garden-version': '8.48.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.47.1'
+  'data-garden-version': '8.48.2'
 }).withConfig({
   displayName: "StyledNavigation",
   componentId: "sc-184uuwe-0"
@@ -402,7 +390,7 @@ StyledNavigation.defaultProps = {
 var _excluded$4 = ["currentPage", "transformPageProps", "totalPages", "pagePadding", "pageGap", "onChange"];
 var PREVIOUS_KEY = 'previous';
 var NEXT_KEY = 'next';
-var Pagination = React__default.forwardRef(function (_ref, ref) {
+var Pagination = forwardRef(function (_ref, ref) {
   var controlledCurrentPage = _ref.currentPage,
       transformPageProps = _ref.transformPageProps,
       totalPages = _ref.totalPages,
@@ -569,27 +557,28 @@ 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) {
+var FirstComponent = forwardRef(function (_ref, ref) {
   var children = _ref.children,
       other = _objectWithoutProperties(_ref, _excluded$3);
   return React__default.createElement(StyledCursor, _extends$4({
@@ -598,10 +587,11 @@ var First = React__default.forwardRef(function (_ref, ref) {
     type: "first"
   }, React__default.createElement(SvgChevronDoubleLeftStroke, null)), React__default.createElement("span", null, children));
 });
-First.displayName = 'First';
+FirstComponent.displayName = 'CursorPagination.First';
+var First = FirstComponent;
 
 var _excluded$2 = ["children"];
-var Next = React__default.forwardRef(function (_ref, ref) {
+var NextComponent = forwardRef(function (_ref, ref) {
   var children = _ref.children,
       other = _objectWithoutProperties(_ref, _excluded$2);
   return React__default.createElement(StyledCursor, _extends$4({
@@ -611,10 +601,11 @@ var Next = React__default.forwardRef(function (_ref, ref) {
     type: "next"
   }, React__default.createElement(SvgChevronRightStroke, null)));
 });
-Next.displayName = 'Next';
+NextComponent.displayName = 'CursorPagination.Next';
+var Next = NextComponent;
 
 var _excluded$1 = ["children"];
-var Previous = React__default.forwardRef(function (_ref, ref) {
+var PreviousComponent = forwardRef(function (_ref, ref) {
   var children = _ref.children,
       other = _objectWithoutProperties(_ref, _excluded$1);
   return React__default.createElement(StyledCursor, _extends$4({
@@ -624,28 +615,29 @@ var Previous = React__default.forwardRef(function (_ref, ref) {
     type: "previous"
   }, React__default.createElement(SvgChevronLeftStroke, null)), React__default.createElement("span", null, children));
 });
-Previous.displayName = 'Previous';
+PreviousComponent.displayName = 'CursorPagination.Previous';
+var Previous = PreviousComponent;
 
-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) {
+var LastComponent = forwardRef(function (_ref, ref) {
   var children = _ref.children,
       other = _objectWithoutProperties(_ref, _excluded);
   return React__default.createElement(StyledCursor, _extends$4({
@@ -655,17 +647,19 @@ var Last = React__default.forwardRef(function (_ref, ref) {
     type: "last"
   }, React__default.createElement(SvgChevronDoubleRightStroke, null)));
 });
-Last.displayName = 'Last';
+LastComponent.displayName = 'CursorPagination.Last';
+var Last = LastComponent;
 
-var CursorPagination = React__default.forwardRef(function (props, ref) {
+var CursorPaginationComponent = forwardRef(function (props, ref) {
   return React__default.createElement(StyledCursorPagination, _extends$4({
     ref: ref
   }, props));
 });
+CursorPaginationComponent.displayName = 'CursorPagination';
+var CursorPagination = CursorPaginationComponent;
 CursorPagination.First = First;
 CursorPagination.Next = Next;
 CursorPagination.Previous = Previous;
 CursorPagination.Last = Last;
-CursorPagination.displayName = 'CursorPagination';
 
 export { CursorPagination, Pagination };

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

@@ -4,19 +4,18 @@
  * 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, { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';
+import React from 'react';
 import { First } from './components/First';
 import { Next } from './components/Next';
 import { Previous } from './components/Previous';
 import { Last } from './components/Last';
-interface IStaticCursorPaginationExport<T, P> extends ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>> {
-    First: typeof First;
-    Next: typeof Next;
-    Previous: typeof Previous;
-    Last: typeof Last;
-}
+export declare const CursorPaginationComponent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
 /**
  * @extends HTMLAttributes<HTMLElement>
  */
-export declare const CursorPagination: IStaticCursorPaginationExport<HTMLDivElement, React.HTMLAttributes<HTMLElement>>;
-export {};
+export declare const CursorPagination: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>> & {
+    First: typeof First;
+    Last: typeof Last;
+    Next: typeof Next;
+    Previous: typeof Previous;
+};

package/dist/typings/elements/CursorPagination/components/First.d.ts

@@ -5,4 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
+/**
+ * @extends ButtonHTMLAttributes<HTMLButtonElement>
+ */
 export declare const First: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;

package/dist/typings/elements/CursorPagination/components/Last.d.ts

@@ -5,4 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
+/**
+ * @extends ButtonHTMLAttributes<HTMLButtonElement>
+ */
 export declare const Last: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;

package/dist/typings/elements/CursorPagination/components/Next.d.ts

@@ -5,4 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
+/**
+ * @extends ButtonHTMLAttributes<HTMLButtonElement>
+ */
 export declare const Next: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;

package/dist/typings/elements/CursorPagination/components/Previous.d.ts

@@ -5,4 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
+/**
+ * @extends ButtonHTMLAttributes<HTMLButtonElement>
+ */
 export declare const Previous: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;

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

@@ -33,14 +33,13 @@ export interface IPaginationProps extends Omit<HTMLAttributes<HTMLUListElement>,
     /**
      * Applies localized labels, test attributes, etc. to individual pages
      *
-     * @param {string} pageType The type of the page accepting the props.
-     *  One of: "previous", "gap", "page", "next"
+     * @param {string} pageType The type of the page accepting the props; one of:
+     * "previous", "gap", "page", "next"
      * @param {any} props Default page props to transform
      */
     transformPageProps?: (pageType: PAGE_TYPE, props: any) => any;
 }
-declare const _default: React.FC<IPaginationProps & React.RefAttributes<HTMLUListElement>>;
 /**
  * @extends HTMLAttributes<HTMLUListElement>
  */
-export default _default;
+export declare const Pagination: React.ForwardRefExoticComponent<IPaginationProps & React.RefAttributes<HTMLUListElement>>;

package/dist/typings/index.d.ts

@@ -4,6 +4,6 @@
  * 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 { default as Pagination } from './elements/Pagination/Pagination';
+export { Pagination } from './elements/Pagination/Pagination';
 export type { IPaginationProps, PAGE_TYPE } from './elements/Pagination/Pagination';
 export { CursorPagination } from './elements/CursorPagination/CursorPagination';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-pagination",
-  "version": "8.47.1",
+  "version": "8.48.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.47.1",
+    "@zendeskgarden/react-theming": "^8.48.2",
     "@zendeskgarden/svg-icons": "6.30.2"
   },
   "keywords": [
@@ -46,5 +46,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "62420ca54dbb5b3b90cd05bf455cd4ba91b4965e"
+  "gitHead": "c514c351b0973fe1f9853853c536d4fac10f4ce4"
 }