@zendeskgarden/react-pagination 9.12.2 → 9.12.4

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

@@ -16,11 +16,10 @@ import '../../../styled/OffsetPagination/StyledGapListItem.js';
 import '../../../styled/OffsetPagination/StyledNavigation.js';
 import '../../../styled/OffsetPagination/StyledNav.js';
 
-const FirstComponent = forwardRef((_ref, ref) => {
-  let {
-    children,
-    ...other
-  } = _ref;
+const FirstComponent = forwardRef(({
+  children,
+  ...other
+}, ref) => {
   return React__default.createElement(StyledCursor, Object.assign({
     ref: ref
   }, other), React__default.createElement(StyledIcon, {

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

@@ -16,11 +16,10 @@ import '../../../styled/OffsetPagination/StyledGapListItem.js';
 import '../../../styled/OffsetPagination/StyledNavigation.js';
 import '../../../styled/OffsetPagination/StyledNav.js';
 
-const LastComponent = forwardRef((_ref, ref) => {
-  let {
-    children,
-    ...other
-  } = _ref;
+const LastComponent = forwardRef(({
+  children,
+  ...other
+}, ref) => {
   return React__default.createElement(StyledCursor, Object.assign({
     ref: ref,
     as: "button"

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

@@ -16,11 +16,10 @@ import '../../../styled/OffsetPagination/StyledGapListItem.js';
 import '../../../styled/OffsetPagination/StyledNavigation.js';
 import '../../../styled/OffsetPagination/StyledNav.js';
 
-const NextComponent = forwardRef((_ref, ref) => {
-  let {
-    children,
-    ...other
-  } = _ref;
+const NextComponent = forwardRef(({
+  children,
+  ...other
+}, ref) => {
   return React__default.createElement(StyledCursor, Object.assign({
     ref: ref,
     as: "button"

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

@@ -16,11 +16,10 @@ import '../../../styled/OffsetPagination/StyledGapListItem.js';
 import '../../../styled/OffsetPagination/StyledNavigation.js';
 import '../../../styled/OffsetPagination/StyledNav.js';
 
-const PreviousComponent = forwardRef((_ref, ref) => {
-  let {
-    children,
-    ...other
-  } = _ref;
+const PreviousComponent = forwardRef(({
+  children,
+  ...other
+}, ref) => {
   return React__default.createElement(StyledCursor, Object.assign({
     ref: ref,
     as: "button"

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

@@ -24,17 +24,16 @@ import { Gap } from './components/Gap.js';
 
 const PREVIOUS_KEY = 'previous';
 const NEXT_KEY = 'next';
-const OffsetPagination = forwardRef((_ref, ref) => {
-  let {
-    currentPage: controlledCurrentPage,
-    totalPages,
-    pagePadding = 2,
-    pageGap = 2,
-    onChange,
-    'aria-label': ariaLabel,
-    labels,
-    ...otherProps
-  } = _ref;
+const OffsetPagination = forwardRef(({
+  currentPage: controlledCurrentPage,
+  totalPages,
+  pagePadding = 2,
+  pageGap = 2,
+  onChange,
+  'aria-label': ariaLabel,
+  labels,
+  ...otherProps
+}, ref) => {
   const [focusedItem, setFocusedItem] = useState();
   const [internalCurrentPage, setInternalCurrentPage] = useState(1);
   const navigationLabel = useText(OffsetPagination, {

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

@@ -19,8 +19,8 @@ import '../../../styled/OffsetPagination/StyledGapListItem.js';
 import { StyledNavigation } from '../../../styled/OffsetPagination/StyledNavigation.js';
 import '../../../styled/OffsetPagination/StyledNav.js';
 
-const NextComponent = forwardRef((props, ref) => {
-  const ariaLabel = useText(NextComponent, props, 'aria-label', 'Next page');
+const NextComponent$1 = forwardRef((props, ref) => {
+  const ariaLabel = useText(NextComponent$1, props, 'aria-label', 'Next page');
   const theme = useContext(ThemeContext);
   return React__default.createElement(StyledNavigation, Object.assign({
     type: "button"
@@ -29,7 +29,7 @@ const NextComponent = forwardRef((props, ref) => {
     ref: ref
   }), theme.rtl ? React__default.createElement(SvgChevronLeftStroke, null) : React__default.createElement(SvgChevronRightStroke, null));
 });
-NextComponent.displayName = 'Pagination.Next';
-const Next = NextComponent;
+NextComponent$1.displayName = 'Pagination.Next';
+const Next$1 = NextComponent$1;
 
-export { Next };
+export { Next$1 as Next };

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

@@ -19,8 +19,8 @@ import '../../../styled/OffsetPagination/StyledGapListItem.js';
 import { StyledNavigation } from '../../../styled/OffsetPagination/StyledNavigation.js';
 import '../../../styled/OffsetPagination/StyledNav.js';
 
-const PreviousComponent = forwardRef((props, ref) => {
-  const ariaLabel = useText(PreviousComponent, props, 'aria-label', 'Previous page');
+const PreviousComponent$1 = forwardRef((props, ref) => {
+  const ariaLabel = useText(PreviousComponent$1, props, 'aria-label', 'Previous page');
   const theme = useContext(ThemeContext);
   return React__default.createElement(StyledNavigation, Object.assign({
     type: "button"
@@ -29,7 +29,7 @@ const PreviousComponent = forwardRef((props, ref) => {
     ref: ref
   }), theme.rtl ? React__default.createElement(SvgChevronRightStroke, null) : React__default.createElement(SvgChevronLeftStroke, null));
 });
-PreviousComponent.displayName = 'Pagination.Previous';
-const Previous = PreviousComponent;
+PreviousComponent$1.displayName = 'Pagination.Previous';
+const Previous$1 = PreviousComponent$1;
 
-export { Previous };
+export { Previous$1 as Previous };

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

@@ -6,17 +6,17 @@
 */
 import * as React from 'react';
 
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var _path$1;
+function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
 var SvgChevronDoubleLeftStroke = function SvgChevronDoubleLeftStroke(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
     focusable: "false",
     viewBox: "0 0 16 16",
     "aria-hidden": "true"
-  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  }, 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"
   })));

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

@@ -6,17 +6,17 @@
 */
 import * as React from 'react';
 
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var _path$3;
+function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
 var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement("svg", _extends$3({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
     focusable: "false",
     viewBox: "0 0 16 16",
     "aria-hidden": "true"
-  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  }, 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"
   })));

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

@@ -6,17 +6,17 @@
 */
 import * as React from 'react';
 
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var _path$2;
+function _extends$2() { return _extends$2 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2.apply(null, arguments); }
 var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement("svg", _extends$2({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
     focusable: "false",
     viewBox: "0 0 16 16",
     "aria-hidden": "true"
-  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  }, 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"
   })));

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

@@ -8,10 +8,10 @@ import styled from 'styled-components';
 import { componentStyles } from '@zendeskgarden/react-theming';
 import { StyledPageBase } from '../OffsetPagination/StyledPageBase.js';
 
-const COMPONENT_ID = 'cursor_pagination.cursor';
+const COMPONENT_ID$3 = 'cursor_pagination.cursor';
 const StyledCursor = styled(StyledPageBase).attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2',
+  'data-garden-id': COMPONENT_ID$3,
+  'data-garden-version': '9.12.4',
   as: 'button'
 }).withConfig({
   displayName: "StyledCursor",

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

@@ -7,10 +7,10 @@
 import styled from 'styled-components';
 import { componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'cursor_pagination';
+const COMPONENT_ID$4 = 'cursor_pagination';
 const StyledCursorPagination = styled.nav.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-id': COMPONENT_ID$4,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledCursorPagination",
   componentId: "sc-qmfecg-0"

package/dist/esm/styled/OffsetPagination/StyledGapListItem.js

@@ -9,7 +9,7 @@ import { math } from 'polished';
 import { componentStyles, getLineHeight, getColor } from '@zendeskgarden/react-theming';
 import { StyledListItem } from './StyledListItem.js';
 
-const COMPONENT_ID = 'pagination.gap';
+const COMPONENT_ID$2 = 'pagination.gap';
 const sizeStyles = props => {
   const shift = 2;
   const fontSize = math(`${props.theme.fontSizes.md} + ${shift}`);
@@ -18,18 +18,17 @@ const sizeStyles = props => {
   const padding = `${props.theme.space.base * 1.5}px`;
   return css(["padding:0 ", ";min-width:", ";max-width:", ";height:", ";line-height:", ";font-size:", ";"], padding, height, math(`${height} * 2`), height, lineHeight, fontSize);
 };
-const colorStyles = _ref => {
-  let {
-    theme
-  } = _ref;
+const colorStyles = ({
+  theme
+}) => {
   return css(["color:", ";"], getColor({
     variable: 'foreground.subtle',
     theme
   }));
 };
 const StyledGapListItem = styled(StyledListItem).attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-id': COMPONENT_ID$2,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledGapListItem",
   componentId: "sc-10wd0iz-0"

package/dist/esm/styled/OffsetPagination/StyledList.js

@@ -7,22 +7,21 @@
 import styled, { css } from 'styled-components';
 import { componentStyles, getColor } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'pagination.list';
-const colorStyles = _ref => {
-  let {
-    theme
-  } = _ref;
+const COMPONENT_ID$8 = 'pagination.list';
+const colorStyles$2 = ({
+  theme
+}) => {
   return css(["color:", ";"], getColor({
     variable: 'foreground.subtle',
     theme
   }));
 };
 const StyledList = styled.ul.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-id': COMPONENT_ID$8,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledList",
   componentId: "sc-1uz2jxo-0"
-})(["direction:", ";display:flex;justify-content:center;margin:0;padding:0;list-style:none;white-space:nowrap;", " &:focus{outline:none;}", ";"], p => p.theme.rtl && 'rtl', colorStyles, componentStyles);
+})(["direction:", ";display:flex;justify-content:center;margin:0;padding:0;list-style:none;white-space:nowrap;", " &:focus{outline:none;}", ";"], p => p.theme.rtl && 'rtl', colorStyles$2, componentStyles);
 
 export { StyledList };

package/dist/esm/styled/OffsetPagination/StyledListItem.js

@@ -7,10 +7,10 @@
 import styled from 'styled-components';
 import { componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'pagination.list_item';
+const COMPONENT_ID$7 = 'pagination.list_item';
 const StyledListItem = styled.li.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-id': COMPONENT_ID$7,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledListItem",
   componentId: "sc-16j4sju-0"

package/dist/esm/styled/OffsetPagination/StyledNav.js

@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
 const COMPONENT_ID = 'pagination.pagination_view';
 const StyledNav = styled.nav.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledNav",
   componentId: "sc-ppnpkw-0"

package/dist/esm/styled/OffsetPagination/StyledNavigation.js

@@ -8,10 +8,10 @@ import styled from 'styled-components';
 import { componentStyles } from '@zendeskgarden/react-theming';
 import { StyledPage } from './StyledPage.js';
 
-const COMPONENT_ID = 'pagination.navigation';
+const COMPONENT_ID$1 = 'pagination.navigation';
 const StyledNavigation = styled(StyledPage).attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-id': COMPONENT_ID$1,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledNavigation",
   componentId: "sc-1lpl8pp-0"

package/dist/esm/styled/OffsetPagination/StyledPage.js

@@ -8,17 +8,17 @@ import styled, { css } from 'styled-components';
 import { componentStyles } from '@zendeskgarden/react-theming';
 import { StyledPageBase } from './StyledPageBase.js';
 
-const COMPONENT_ID = 'pagination.page';
-const sizeStyles = props => {
+const COMPONENT_ID$5 = 'pagination.page';
+const sizeStyles$1 = props => {
   const height = props.theme.space.base * 8;
   return css(["min-width:", "px;max-width:", "px;&[aria-current='true']{max-width:none;}"], height, height * 2);
 };
 const StyledPage = styled(StyledPageBase).attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-id': COMPONENT_ID$5,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledPage",
   componentId: "sc-sxjfwy-0"
-})(["", ";&[aria-current=\"true\"]{font-weight:", ";}", ";"], props => sizeStyles(props), props => props.theme.fontWeights.semibold, componentStyles);
+})(["", ";&[aria-current=\"true\"]{font-weight:", ";}", ";"], props => sizeStyles$1(props), props => props.theme.fontWeights.semibold, componentStyles);
 
 export { StyledPage };

package/dist/esm/styled/OffsetPagination/StyledPageBase.js

@@ -5,13 +5,12 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled, { css } from 'styled-components';
-import { componentStyles, getColor, focusStyles, getLineHeight } from '@zendeskgarden/react-theming';
+import { componentStyles, getLineHeight, getColor, focusStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'pagination.page';
-const colorStyles = _ref => {
-  let {
-    theme
-  } = _ref;
+const COMPONENT_ID$6 = 'pagination.page';
+const colorStyles$1 = ({
+  theme
+}) => {
   const disabledColor = getColor({
     variable: 'foreground.disabled',
     theme
@@ -72,7 +71,7 @@ const colorStyles = _ref => {
     inset: true
   }), activeBackgroundColor, activeForegroundColor, currentBackgroundColor, currentForegroundColor, currentHoverBackgroundColor, currentActiveBackgroundColor, disabledColor);
 };
-const sizeStyles = props => {
+const sizeStyles$2 = props => {
   const fontSize = props.theme.fontSizes.md;
   const height = `${props.theme.space.base * 8}px`;
   const lineHeight = getLineHeight(height, fontSize);
@@ -80,11 +79,11 @@ const sizeStyles = props => {
   return css(["padding:0 ", ";height:", ";line-height:", ";font-size:", ";"], padding, height, lineHeight, fontSize);
 };
 const StyledPageBase = styled.button.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-id': COMPONENT_ID$6,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledPageBase",
   componentId: "sc-ttwj4u-0"
-})(["box-sizing:border-box;display:inline-block;transition:box-shadow 0.1s ease-in-out,background-color 0.25s ease-in-out,color 0.25s ease-in-out;visibility:", ";border-radius:", ";cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis;font-family:inherit;user-select:none;", ";&[aria-current='page']{font-weight:", ";}&::-moz-focus-inner{border:0;}&:disabled,[aria-disabled='true']{cursor:default;}", ";", ";"], props => props.hidden && 'hidden', props => props.theme.borderRadii.md, props => sizeStyles(props), props => props.theme.fontWeights.semibold, props => colorStyles(props), componentStyles);
+})(["box-sizing:border-box;display:inline-block;transition:box-shadow 0.1s ease-in-out,background-color 0.25s ease-in-out,color 0.25s ease-in-out;visibility:", ";border-radius:", ";cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis;font-family:inherit;user-select:none;", ";&[aria-current='page']{font-weight:", ";}&::-moz-focus-inner{border:0;}&:disabled,[aria-disabled='true']{cursor:default;}", ";", ";"], props => props.hidden && 'hidden', props => props.theme.borderRadii.md, props => sizeStyles$2(props), props => props.theme.fontWeights.semibold, props => colorStyles$1(props), componentStyles);
 
 export { StyledPageBase };

package/dist/index.cjs.js

@@ -38,10 +38,9 @@ var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var styled__default = /*#__PURE__*/_interopDefault(styled);
 
 const COMPONENT_ID$8 = 'pagination.list';
-const colorStyles$2 = _ref => {
-  let {
-    theme
-  } = _ref;
+const colorStyles$2 = ({
+  theme
+}) => {
   return styled.css(["color:", ";"], reactTheming.getColor({
     variable: 'foreground.subtle',
     theme
@@ -49,7 +48,7 @@ const colorStyles$2 = _ref => {
 };
 const StyledList = styled__default.default.ul.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '9.12.2'
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledList",
   componentId: "sc-1uz2jxo-0"
@@ -58,17 +57,16 @@ const StyledList = styled__default.default.ul.attrs({
 const COMPONENT_ID$7 = 'pagination.list_item';
 const StyledListItem = styled__default.default.li.attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '9.12.2'
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledListItem",
   componentId: "sc-16j4sju-0"
 })(["box-sizing:border-box;margin-left:", ";user-select:none;&", "{margin-left:0;}", ";"], props => `${props.theme.space.base}px`, props => props.theme.rtl ? ':last-of-type' : ':first-of-type', reactTheming.componentStyles);
 
 const COMPONENT_ID$6 = 'pagination.page';
-const colorStyles$1 = _ref => {
-  let {
-    theme
-  } = _ref;
+const colorStyles$1 = ({
+  theme
+}) => {
   const disabledColor = reactTheming.getColor({
     variable: 'foreground.disabled',
     theme
@@ -138,7 +136,7 @@ const sizeStyles$2 = props => {
 };
 const StyledPageBase = styled__default.default.button.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '9.12.2'
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledPageBase",
   componentId: "sc-ttwj4u-0"
@@ -151,7 +149,7 @@ const sizeStyles$1 = props => {
 };
 const StyledPage = styled__default.default(StyledPageBase).attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '9.12.2'
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledPage",
   componentId: "sc-sxjfwy-0"
@@ -160,7 +158,7 @@ const StyledPage = styled__default.default(StyledPageBase).attrs({
 const COMPONENT_ID$4 = 'cursor_pagination';
 const StyledCursorPagination = styled__default.default.nav.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '9.12.2'
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledCursorPagination",
   componentId: "sc-qmfecg-0"
@@ -169,7 +167,7 @@ const StyledCursorPagination = styled__default.default.nav.attrs({
 const COMPONENT_ID$3 = 'cursor_pagination.cursor';
 const StyledCursor = styled__default.default(StyledPageBase).attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '9.12.2',
+  'data-garden-version': '9.12.4',
   as: 'button'
 }).withConfig({
   displayName: "StyledCursor",
@@ -201,10 +199,9 @@ const sizeStyles = props => {
   const padding = `${props.theme.space.base * 1.5}px`;
   return styled.css(["padding:0 ", ";min-width:", ";max-width:", ";height:", ";line-height:", ";font-size:", ";"], padding, height, polished.math(`${height} * 2`), height, lineHeight, fontSize);
 };
-const colorStyles = _ref => {
-  let {
-    theme
-  } = _ref;
+const colorStyles = ({
+  theme
+}) => {
   return styled.css(["color:", ";"], reactTheming.getColor({
     variable: 'foreground.subtle',
     theme
@@ -212,7 +209,7 @@ const colorStyles = _ref => {
 };
 const StyledGapListItem = styled__default.default(StyledListItem).attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '9.12.2'
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledGapListItem",
   componentId: "sc-10wd0iz-0"
@@ -221,7 +218,7 @@ const StyledGapListItem = styled__default.default(StyledListItem).attrs({
 const COMPONENT_ID$1 = 'pagination.navigation';
 const StyledNavigation = styled__default.default(StyledPage).attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.12.2'
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledNavigation",
   componentId: "sc-1lpl8pp-0"
@@ -230,7 +227,7 @@ const StyledNavigation = styled__default.default(StyledPage).attrs({
 const COMPONENT_ID = 'pagination.pagination_view';
 const StyledNav = styled__default.default.nav.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledNav",
   componentId: "sc-ppnpkw-0"
@@ -318,17 +315,16 @@ const Gap = GapComponent;
 
 const PREVIOUS_KEY = 'previous';
 const NEXT_KEY = 'next';
-const OffsetPagination = React.forwardRef((_ref, ref) => {
-  let {
-    currentPage: controlledCurrentPage,
-    totalPages,
-    pagePadding = 2,
-    pageGap = 2,
-    onChange,
-    'aria-label': ariaLabel,
-    labels,
-    ...otherProps
-  } = _ref;
+const OffsetPagination = React.forwardRef(({
+  currentPage: controlledCurrentPage,
+  totalPages,
+  pagePadding = 2,
+  pageGap = 2,
+  onChange,
+  'aria-label': ariaLabel,
+  labels,
+  ...otherProps
+}, ref) => {
   const [focusedItem, setFocusedItem] = React.useState();
   const [internalCurrentPage, setInternalCurrentPage] = React.useState(1);
   const navigationLabel = reactTheming.useText(OffsetPagination, {
@@ -466,11 +462,10 @@ var SvgChevronDoubleLeftStroke = function SvgChevronDoubleLeftStroke(props) {
   })));
 };
 
-const FirstComponent = React.forwardRef((_ref, ref) => {
-  let {
-    children,
-    ...other
-  } = _ref;
+const FirstComponent = React.forwardRef(({
+  children,
+  ...other
+}, ref) => {
   return React__namespace.default.createElement(StyledCursor, Object.assign({
     ref: ref
   }, other), React__namespace.default.createElement(StyledIcon, {
@@ -480,11 +475,10 @@ const FirstComponent = React.forwardRef((_ref, ref) => {
 FirstComponent.displayName = 'CursorPagination.First';
 const First = FirstComponent;
 
-const NextComponent = React.forwardRef((_ref, ref) => {
-  let {
-    children,
-    ...other
-  } = _ref;
+const NextComponent = React.forwardRef(({
+  children,
+  ...other
+}, ref) => {
   return React__namespace.default.createElement(StyledCursor, Object.assign({
     ref: ref,
     as: "button"
@@ -495,11 +489,10 @@ const NextComponent = React.forwardRef((_ref, ref) => {
 NextComponent.displayName = 'CursorPagination.Next';
 const Next = NextComponent;
 
-const PreviousComponent = React.forwardRef((_ref, ref) => {
-  let {
-    children,
-    ...other
-  } = _ref;
+const PreviousComponent = React.forwardRef(({
+  children,
+  ...other
+}, ref) => {
   return React__namespace.default.createElement(StyledCursor, Object.assign({
     ref: ref,
     as: "button"
@@ -526,11 +519,10 @@ var SvgChevronDoubleRightStroke = function SvgChevronDoubleRightStroke(props) {
   })));
 };
 
-const LastComponent = React.forwardRef((_ref, ref) => {
-  let {
-    children,
-    ...other
-  } = _ref;
+const LastComponent = React.forwardRef(({
+  children,
+  ...other
+}, ref) => {
   return React__namespace.default.createElement(StyledCursor, Object.assign({
     ref: ref,
     as: "button"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-pagination",
-  "version": "9.12.2",
+  "version": "9.12.4",
   "description": "Components relating to pagination in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -21,7 +21,7 @@
   "sideEffects": false,
   "types": "dist/typings/index.d.ts",
   "dependencies": {
-    "@zendeskgarden/container-utilities": "^2.0.0",
+    "@zendeskgarden/container-utilities": "^2.0.4",
     "polished": "^4.3.1",
     "prop-types": "^15.5.7"
   },
@@ -32,8 +32,8 @@
     "styled-components": "^5.3.1 || ^6.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^9.12.2",
-    "@zendeskgarden/svg-icons": "7.5.0"
+    "@zendeskgarden/react-theming": "^9.12.4",
+    "@zendeskgarden/svg-icons": "7.6.0"
   },
   "keywords": [
     "components",
@@ -45,5 +45,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "9b6f34bf0eda4bee3b47f97a437aa9b7f3008af4"
+  "gitHead": "e79e9687e6bcbd097c059add2938cdae59a5173b"
 }