@zendeskgarden/react-pagination 9.4.0 → 9.5.0

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

@@ -5,17 +5,17 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
+import { componentStyles } from '@zendeskgarden/react-theming';
 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.4.0',
+  'data-garden-version': '9.5.0',
   as: 'button'
 }).withConfig({
   displayName: "StyledCursor",
   componentId: "sc-507ee-0"
-})(["display:flex;align-items:center;border:none;background:transparent;padding:", ";overflow:visible;&:not(", "-of-type){margin-right:", "px;}", ";"], props => `0px ${props.theme.space.base * 2}px`, props => props.theme.rtl ? ':first' : ':last', props => props.theme.space.base, props => retrieveComponentStyles(COMPONENT_ID, props));
+})(["display:flex;align-items:center;border:none;background:transparent;padding:", ";overflow:visible;&:not(", "-of-type){margin-right:", "px;}", ";"], props => `0px ${props.theme.space.base * 2}px`, props => props.theme.rtl ? ':first' : ':last', props => props.theme.space.base, componentStyles);
 
 export { StyledCursor };

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

@@ -5,15 +5,15 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
+import { componentStyles } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'cursor_pagination';
 const StyledCursorPagination = styled.nav.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.4.0'
+  'data-garden-version': '9.5.0'
 }).withConfig({
   displayName: "StyledCursorPagination",
   componentId: "sc-qmfecg-0"
-})(["display:flex;justify-content:center;", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
+})(["display:flex;justify-content:center;", ";"], componentStyles);
 
 export { StyledCursorPagination };

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

@@ -6,7 +6,7 @@
 */
 import styled, { css } from 'styled-components';
 import { math } from 'polished';
-import { retrieveComponentStyles, getLineHeight, getColor } from '@zendeskgarden/react-theming';
+import { componentStyles, getLineHeight, getColor } from '@zendeskgarden/react-theming';
 import { StyledListItem } from './StyledListItem.js';
 
 const COMPONENT_ID = 'pagination.gap';
@@ -29,10 +29,10 @@ const colorStyles = _ref => {
 };
 const StyledGapListItem = styled(StyledListItem).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.4.0'
+  'data-garden-version': '9.5.0'
 }).withConfig({
   displayName: "StyledGapListItem",
   componentId: "sc-10wd0iz-0"
-})(["display:inline-block;text-align:center;", ";", " &:hover{color:inherit;}", ";"], sizeStyles, colorStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
+})(["display:inline-block;text-align:center;", ";", " &:hover{color:inherit;}", ";"], sizeStyles, colorStyles, componentStyles);
 
 export { StyledGapListItem };

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

@@ -5,7 +5,7 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled, { css } from 'styled-components';
-import { retrieveComponentStyles, getColor } from '@zendeskgarden/react-theming';
+import { componentStyles, getColor } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'pagination.list';
 const colorStyles = _ref => {
@@ -19,10 +19,10 @@ const colorStyles = _ref => {
 };
 const StyledList = styled.ul.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.4.0'
+  'data-garden-version': '9.5.0'
 }).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, props => retrieveComponentStyles(COMPONENT_ID, props));
+})(["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);
 
 export { StyledList };

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

@@ -5,15 +5,15 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
+import { componentStyles } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'pagination.list_item';
 const StyledListItem = styled.li.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.4.0'
+  'data-garden-version': '9.5.0'
 }).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', props => retrieveComponentStyles(COMPONENT_ID, props));
+})(["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', componentStyles);
 
 export { StyledListItem };

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

@@ -5,15 +5,15 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
+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.4.0'
+  'data-garden-version': '9.5.0'
 }).withConfig({
   displayName: "StyledNav",
   componentId: "sc-ppnpkw-0"
-})(["", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
+})(["", ";"], componentStyles);
 
 export { StyledNav };

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

@@ -5,16 +5,16 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
+import { componentStyles } from '@zendeskgarden/react-theming';
 import { StyledPage } from './StyledPage.js';
 
 const COMPONENT_ID = 'pagination.navigation';
 const StyledNavigation = styled(StyledPage).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.4.0'
+  'data-garden-version': '9.5.0'
 }).withConfig({
   displayName: "StyledNavigation",
   componentId: "sc-1lpl8pp-0"
-})(["display:flex;align-items:center;justify-content:center;", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
+})(["display:flex;align-items:center;justify-content:center;", ";"], componentStyles);
 
 export { StyledNavigation };

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

@@ -5,7 +5,7 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled, { css } from 'styled-components';
-import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
+import { componentStyles } from '@zendeskgarden/react-theming';
 import { StyledPageBase } from './StyledPageBase.js';
 
 const COMPONENT_ID = 'pagination.page';
@@ -15,10 +15,10 @@ const sizeStyles = props => {
 };
 const StyledPage = styled(StyledPageBase).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.4.0'
+  'data-garden-version': '9.5.0'
 }).withConfig({
   displayName: "StyledPage",
   componentId: "sc-sxjfwy-0"
-})(["", ";&[aria-current=\"true\"]{font-weight:", ";}", ";"], props => sizeStyles(props), props => props.theme.fontWeights.semibold, props => retrieveComponentStyles(COMPONENT_ID, props));
+})(["", ";&[aria-current=\"true\"]{font-weight:", ";}", ";"], props => sizeStyles(props), props => props.theme.fontWeights.semibold, componentStyles);
 
 export { StyledPage };

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

@@ -5,7 +5,7 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled, { css } from 'styled-components';
-import { retrieveComponentStyles, getColor, focusStyles, getLineHeight } from '@zendeskgarden/react-theming';
+import { componentStyles, getColor, focusStyles, getLineHeight } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'pagination.page';
 const colorStyles = _ref => {
@@ -81,10 +81,10 @@ const sizeStyles = props => {
 };
 const StyledPageBase = styled.button.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.4.0'
+  'data-garden-version': '9.5.0'
 }).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), props => retrieveComponentStyles(COMPONENT_ID, props));
+})(["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);
 
 export { StyledPageBase };

package/dist/index.cjs.js

@@ -49,20 +49,20 @@ const colorStyles$2 = _ref => {
 };
 const StyledList = styled__default.default.ul.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '9.4.0'
+  'data-garden-version': '9.5.0'
 }).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$2, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$8, props));
+})(["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, reactTheming.componentStyles);
 
 const COMPONENT_ID$7 = 'pagination.list_item';
 const StyledListItem = styled__default.default.li.attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '9.4.0'
+  'data-garden-version': '9.5.0'
 }).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', props => reactTheming.retrieveComponentStyles(COMPONENT_ID$7, props));
+})(["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 => {
@@ -138,11 +138,11 @@ const sizeStyles$2 = props => {
 };
 const StyledPageBase = styled__default.default.button.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '9.4.0'
+  'data-garden-version': '9.5.0'
 }).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$2(props), props => props.theme.fontWeights.semibold, props => colorStyles$1(props), props => reactTheming.retrieveComponentStyles(COMPONENT_ID$6, props));
+})(["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), reactTheming.componentStyles);
 
 const COMPONENT_ID$5 = 'pagination.page';
 const sizeStyles$1 = props => {
@@ -151,30 +151,30 @@ const sizeStyles$1 = props => {
 };
 const StyledPage = styled__default.default(StyledPageBase).attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '9.4.0'
+  'data-garden-version': '9.5.0'
 }).withConfig({
   displayName: "StyledPage",
   componentId: "sc-sxjfwy-0"
-})(["", ";&[aria-current=\"true\"]{font-weight:", ";}", ";"], props => sizeStyles$1(props), props => props.theme.fontWeights.semibold, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$5, props));
+})(["", ";&[aria-current=\"true\"]{font-weight:", ";}", ";"], props => sizeStyles$1(props), props => props.theme.fontWeights.semibold, reactTheming.componentStyles);
 
 const COMPONENT_ID$4 = 'cursor_pagination';
 const StyledCursorPagination = styled__default.default.nav.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '9.4.0'
+  'data-garden-version': '9.5.0'
 }).withConfig({
   displayName: "StyledCursorPagination",
   componentId: "sc-qmfecg-0"
-})(["display:flex;justify-content:center;", ";"], props => reactTheming.retrieveComponentStyles(COMPONENT_ID$4, props));
+})(["display:flex;justify-content:center;", ";"], reactTheming.componentStyles);
 
 const COMPONENT_ID$3 = 'cursor_pagination.cursor';
 const StyledCursor = styled__default.default(StyledPageBase).attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '9.4.0',
+  'data-garden-version': '9.5.0',
   as: 'button'
 }).withConfig({
   displayName: "StyledCursor",
   componentId: "sc-507ee-0"
-})(["display:flex;align-items:center;border:none;background:transparent;padding:", ";overflow:visible;&:not(", "-of-type){margin-right:", "px;}", ";"], props => `0px ${props.theme.space.base * 2}px`, props => props.theme.rtl ? ':first' : ':last', props => props.theme.space.base, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$3, props));
+})(["display:flex;align-items:center;border:none;background:transparent;padding:", ";overflow:visible;&:not(", "-of-type){margin-right:", "px;}", ";"], props => `0px ${props.theme.space.base * 2}px`, props => props.theme.rtl ? ':first' : ':last', props => props.theme.space.base, reactTheming.componentStyles);
 
 const marginStyles = props => {
   const {
@@ -212,29 +212,29 @@ const colorStyles = _ref => {
 };
 const StyledGapListItem = styled__default.default(StyledListItem).attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '9.4.0'
+  'data-garden-version': '9.5.0'
 }).withConfig({
   displayName: "StyledGapListItem",
   componentId: "sc-10wd0iz-0"
-})(["display:inline-block;text-align:center;", ";", " &:hover{color:inherit;}", ";"], sizeStyles, colorStyles, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$2, props));
+})(["display:inline-block;text-align:center;", ";", " &:hover{color:inherit;}", ";"], sizeStyles, colorStyles, reactTheming.componentStyles);
 
 const COMPONENT_ID$1 = 'pagination.navigation';
 const StyledNavigation = styled__default.default(StyledPage).attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.4.0'
+  'data-garden-version': '9.5.0'
 }).withConfig({
   displayName: "StyledNavigation",
   componentId: "sc-1lpl8pp-0"
-})(["display:flex;align-items:center;justify-content:center;", ";"], props => reactTheming.retrieveComponentStyles(COMPONENT_ID$1, props));
+})(["display:flex;align-items:center;justify-content:center;", ";"], reactTheming.componentStyles);
 
 const COMPONENT_ID = 'pagination.pagination_view';
 const StyledNav = styled__default.default.nav.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.4.0'
+  'data-garden-version': '9.5.0'
 }).withConfig({
   displayName: "StyledNav",
   componentId: "sc-ppnpkw-0"
-})(["", ";"], props => reactTheming.retrieveComponentStyles(COMPONENT_ID, props));
+})(["", ";"], reactTheming.componentStyles);
 
 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); }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-pagination",
-  "version": "9.4.0",
+  "version": "9.5.0",
   "description": "Components relating to pagination in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -32,8 +32,8 @@
     "styled-components": "^5.3.1 || ^6.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^9.4.0",
-    "@zendeskgarden/svg-icons": "7.3.0"
+    "@zendeskgarden/react-theming": "^9.5.0",
+    "@zendeskgarden/svg-icons": "7.5.0"
   },
   "keywords": [
     "components",
@@ -45,5 +45,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "02e3f240b6f0c776fdae785254d6fe90cbfc37e4"
+  "gitHead": "43546784a9aa985332ddcc6dd09209a11e2c03ff"
 }