@zendeskgarden/react-pagination 9.0.0-next.8 → 9.0.0-next.9

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

@@ -24,7 +24,7 @@ const FirstComponent = forwardRef((_ref, ref) => {
   return React__default.createElement(StyledCursor, Object.assign({
     ref: ref
   }, other), React__default.createElement(StyledIcon, {
-    type: "first"
+    $type: "first"
   }, React__default.createElement(SvgChevronDoubleLeftStroke, null)), React__default.createElement("span", null, children));
 });
 FirstComponent.displayName = 'CursorPagination.First';

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

@@ -25,7 +25,7 @@ const LastComponent = forwardRef((_ref, ref) => {
     ref: ref,
     as: "button"
   }, other), React__default.createElement("span", null, children), React__default.createElement(StyledIcon, {
-    type: "last"
+    $type: "last"
   }, React__default.createElement(SvgChevronDoubleRightStroke, null)));
 });
 LastComponent.displayName = 'CursorPagination.Last';

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

@@ -25,7 +25,7 @@ const NextComponent = forwardRef((_ref, ref) => {
     ref: ref,
     as: "button"
   }, other), React__default.createElement("span", null, children), React__default.createElement(StyledIcon, {
-    type: "next"
+    $type: "next"
   }, React__default.createElement(SvgChevronRightStroke, null)));
 });
 NextComponent.displayName = 'CursorPagination.Next';

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

@@ -25,7 +25,7 @@ const PreviousComponent = forwardRef((_ref, ref) => {
     ref: ref,
     as: "button"
   }, other), React__default.createElement(StyledIcon, {
-    type: "previous"
+    $type: "previous"
   }, React__default.createElement(SvgChevronLeftStroke, null)), React__default.createElement("span", null, children));
 });
 PreviousComponent.displayName = 'CursorPagination.Previous';

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

@@ -11,7 +11,7 @@ import { StyledPageBase } from '../OffsetPagination/StyledPageBase.js';
 const COMPONENT_ID = 'cursor_pagination.cursor';
 const StyledCursor = styled(StyledPageBase).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.8',
+  'data-garden-version': '9.0.0-next.9',
   as: 'button'
 }).withConfig({
   displayName: "StyledCursor",

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

@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
 const COMPONENT_ID = 'cursor_pagination';
 const StyledCursorPagination = styled.nav.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledCursorPagination",
   componentId: "sc-qmfecg-0"

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

@@ -4,28 +4,21 @@
 * 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 { cloneElement, Children } from 'react';
 import styled, { css } from 'styled-components';
-import { DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { StyledBaseIcon, DEFAULT_THEME } from '@zendeskgarden/react-theming';
 
 const marginStyles = props => {
   const {
-    type,
+    $type,
     theme
   } = props;
   const margin = theme.space.base;
   if (theme.rtl) {
-    return css(["margin-", ":", "px;"], type === 'last' || type === 'next' ? 'right' : 'left', margin);
+    return css(["margin-", ":", "px;"], $type === 'last' || $type === 'next' ? 'right' : 'left', margin);
   }
-  return css(["margin-", ":", "px;"], type === 'first' || type === 'previous' ? 'right' : 'left', margin);
+  return css(["margin-", ":", "px;"], $type === 'first' || $type === 'previous' ? 'right' : 'left', margin);
 };
-const StyledIcon = styled(_ref => {
-  let {
-    children,
-    ...props
-  } = _ref;
-  return cloneElement(Children.only(children), props);
-}).withConfig({
+const StyledIcon = styled(StyledBaseIcon).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-2vzk6e-0"
 })(["", " transform:", ";"], marginStyles, props => props.theme.rtl && 'rotate(180deg)');

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

@@ -20,7 +20,7 @@ const sizeStyles = props => {
 };
 const StyledGapListItem = styled(StyledListItem).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledGapListItem",
   componentId: "sc-10wd0iz-0"

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

@@ -10,7 +10,7 @@ import { getColorV8, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgard
 const COMPONENT_ID = 'pagination.list';
 const StyledList = styled.ul.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledList",
   componentId: "sc-1uz2jxo-0"

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

@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
 const COMPONENT_ID = 'pagination.list_item';
 const StyledListItem = styled.li.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledListItem",
   componentId: "sc-16j4sju-0"

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

@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
 const COMPONENT_ID = 'pagination.pagination_view';
 const StyledNav = styled.nav.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledNav",
   componentId: "sc-ppnpkw-0"

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

@@ -11,7 +11,7 @@ import { StyledPage } from './StyledPage.js';
 const COMPONENT_ID = 'pagination.navigation';
 const StyledNavigation = styled(StyledPage).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledNavigation",
   componentId: "sc-1lpl8pp-0"

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

@@ -15,7 +15,7 @@ const sizeStyles = props => {
 };
 const StyledPage = styled(StyledPageBase).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledPage",
   componentId: "sc-sxjfwy-0"

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

@@ -32,7 +32,7 @@ const sizeStyles = props => {
 };
 const StyledPageBase = styled.button.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledPageBase",
   componentId: "sc-ttwj4u-0"

package/dist/index.cjs.js

@@ -40,7 +40,7 @@ var styled__default = /*#__PURE__*/_interopDefault(styled);
 const COMPONENT_ID$8 = 'pagination.list';
 const StyledList = styled__default.default.ul.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '9.0.0-next.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledList",
   componentId: "sc-1uz2jxo-0"
@@ -52,7 +52,7 @@ StyledList.defaultProps = {
 const COMPONENT_ID$7 = 'pagination.list_item';
 const StyledListItem = styled__default.default.li.attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '9.0.0-next.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledListItem",
   componentId: "sc-16j4sju-0"
@@ -86,7 +86,7 @@ const sizeStyles$2 = props => {
 };
 const StyledPageBase = styled__default.default.button.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '9.0.0-next.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledPageBase",
   componentId: "sc-ttwj4u-0"
@@ -102,7 +102,7 @@ const sizeStyles$1 = props => {
 };
 const StyledPage = styled__default.default(StyledPageBase).attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '9.0.0-next.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledPage",
   componentId: "sc-sxjfwy-0"
@@ -114,7 +114,7 @@ StyledPage.defaultProps = {
 const COMPONENT_ID$4 = 'cursor_pagination';
 const StyledCursorPagination = styled__default.default.nav.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '9.0.0-next.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledCursorPagination",
   componentId: "sc-qmfecg-0"
@@ -126,7 +126,7 @@ StyledCursorPagination.defaultProps = {
 const COMPONENT_ID$3 = 'cursor_pagination.cursor';
 const StyledCursor = styled__default.default(StyledPageBase).attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '9.0.0-next.8',
+  'data-garden-version': '9.0.0-next.9',
   as: 'button'
 }).withConfig({
   displayName: "StyledCursor",
@@ -138,22 +138,16 @@ StyledCursor.defaultProps = {
 
 const marginStyles = props => {
   const {
-    type,
+    $type,
     theme
   } = props;
   const margin = theme.space.base;
   if (theme.rtl) {
-    return styled.css(["margin-", ":", "px;"], type === 'last' || type === 'next' ? 'right' : 'left', margin);
+    return styled.css(["margin-", ":", "px;"], $type === 'last' || $type === 'next' ? 'right' : 'left', margin);
   }
-  return styled.css(["margin-", ":", "px;"], type === 'first' || type === 'previous' ? 'right' : 'left', margin);
+  return styled.css(["margin-", ":", "px;"], $type === 'first' || $type === 'previous' ? 'right' : 'left', margin);
 };
-const StyledIcon = styled__default.default(_ref => {
-  let {
-    children,
-    ...props
-  } = _ref;
-  return React.cloneElement(React.Children.only(children), props);
-}).withConfig({
+const StyledIcon = styled__default.default(reactTheming.StyledBaseIcon).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-2vzk6e-0"
 })(["", " transform:", ";"], marginStyles, props => props.theme.rtl && 'rotate(180deg)');
@@ -172,7 +166,7 @@ const sizeStyles = props => {
 };
 const StyledGapListItem = styled__default.default(StyledListItem).attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '9.0.0-next.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledGapListItem",
   componentId: "sc-10wd0iz-0"
@@ -184,7 +178,7 @@ StyledGapListItem.defaultProps = {
 const COMPONENT_ID$1 = 'pagination.navigation';
 const StyledNavigation = styled__default.default(StyledPage).attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.0.0-next.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledNavigation",
   componentId: "sc-1lpl8pp-0"
@@ -196,7 +190,7 @@ StyledNavigation.defaultProps = {
 const COMPONENT_ID = 'pagination.pagination_view';
 const StyledNav = styled__default.default.nav.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledNav",
   componentId: "sc-ppnpkw-0"
@@ -447,7 +441,7 @@ const FirstComponent = React.forwardRef((_ref, ref) => {
   return React__namespace.default.createElement(StyledCursor, Object.assign({
     ref: ref
   }, other), React__namespace.default.createElement(StyledIcon, {
-    type: "first"
+    $type: "first"
   }, React__namespace.default.createElement(SvgChevronDoubleLeftStroke, null)), React__namespace.default.createElement("span", null, children));
 });
 FirstComponent.displayName = 'CursorPagination.First';
@@ -462,7 +456,7 @@ const NextComponent = React.forwardRef((_ref, ref) => {
     ref: ref,
     as: "button"
   }, other), React__namespace.default.createElement("span", null, children), React__namespace.default.createElement(StyledIcon, {
-    type: "next"
+    $type: "next"
   }, React__namespace.default.createElement(SvgChevronRightStroke, null)));
 });
 NextComponent.displayName = 'CursorPagination.Next';
@@ -477,7 +471,7 @@ const PreviousComponent = React.forwardRef((_ref, ref) => {
     ref: ref,
     as: "button"
   }, other), React__namespace.default.createElement(StyledIcon, {
-    type: "previous"
+    $type: "previous"
   }, React__namespace.default.createElement(SvgChevronLeftStroke, null)), React__namespace.default.createElement("span", null, children));
 });
 PreviousComponent.displayName = 'CursorPagination.Previous';
@@ -508,7 +502,7 @@ const LastComponent = React.forwardRef((_ref, ref) => {
     ref: ref,
     as: "button"
   }, other), React__namespace.default.createElement("span", null, children), React__namespace.default.createElement(StyledIcon, {
-    type: "last"
+    $type: "last"
   }, React__namespace.default.createElement(SvgChevronDoubleRightStroke, null)));
 });
 LastComponent.displayName = 'CursorPagination.Last';

package/dist/typings/styled/CursorPagination/StyledIcon.d.ts

@@ -7,6 +7,6 @@
 /// <reference types="react" />
 import { DefaultTheme } from 'styled-components';
 export interface IStyledIcon {
-    type: 'first' | 'next' | 'previous' | 'last';
+    $type: 'first' | 'next' | 'previous' | 'last';
 }
-export declare const StyledIcon: import("styled-components").StyledComponent<({ children, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {}, never>;
+export declare const StyledIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {}, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-pagination",
-  "version": "9.0.0-next.8",
+  "version": "9.0.0-next.9",
   "description": "Components relating to pagination in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -32,7 +32,7 @@
     "styled-components": "^5.3.1"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^9.0.0-next.8",
+    "@zendeskgarden/react-theming": "^9.0.0-next.9",
     "@zendeskgarden/svg-icons": "7.0.0"
   },
   "keywords": [
@@ -45,5 +45,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "a3d6534843d5a4f5cb60b52bc67264f3230f2da0"
+  "gitHead": "771281b562d376a6aee04b0cd71dd888b3ae4a1d"
 }