@zendeskgarden/react-pagination 9.0.0-next.23 → 9.0.0-next.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5,20 +5,17 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  import styled from 'styled-components';
8
- import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
8
+ import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
9
9
  import { StyledPageBase } from '../OffsetPagination/StyledPageBase.js';
10
10
 
11
11
  const COMPONENT_ID = 'cursor_pagination.cursor';
12
12
  const StyledCursor = styled(StyledPageBase).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.0.0-next.23',
14
+ 'data-garden-version': '9.0.0-next.25',
15
15
  as: 'button'
16
16
  }).withConfig({
17
17
  displayName: "StyledCursor",
18
18
  componentId: "sc-507ee-0"
19
19
  })(["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));
20
- StyledCursor.defaultProps = {
21
- theme: DEFAULT_THEME
22
- };
23
20
 
24
21
  export { StyledCursor };
@@ -5,18 +5,15 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  import styled from 'styled-components';
8
- import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
8
+ import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
9
9
 
10
10
  const COMPONENT_ID = 'cursor_pagination';
11
11
  const StyledCursorPagination = styled.nav.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.0.0-next.23'
13
+ 'data-garden-version': '9.0.0-next.25'
14
14
  }).withConfig({
15
15
  displayName: "StyledCursorPagination",
16
16
  componentId: "sc-qmfecg-0"
17
17
  })(["display:flex;justify-content:center;", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
18
- StyledCursorPagination.defaultProps = {
19
- theme: DEFAULT_THEME
20
- };
21
18
 
22
19
  export { StyledCursorPagination };
@@ -5,7 +5,7 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  import styled, { css } from 'styled-components';
8
- import { StyledBaseIcon, DEFAULT_THEME } from '@zendeskgarden/react-theming';
8
+ import { StyledBaseIcon } from '@zendeskgarden/react-theming';
9
9
 
10
10
  const marginStyles = props => {
11
11
  const {
@@ -22,8 +22,5 @@ const StyledIcon = styled(StyledBaseIcon).withConfig({
22
22
  displayName: "StyledIcon",
23
23
  componentId: "sc-2vzk6e-0"
24
24
  })(["", " transform:", ";"], marginStyles, props => props.theme.rtl && 'rotate(180deg)');
25
- StyledIcon.defaultProps = {
26
- theme: DEFAULT_THEME
27
- };
28
25
 
29
26
  export { StyledIcon };
@@ -6,7 +6,7 @@
6
6
  */
7
7
  import styled, { css } from 'styled-components';
8
8
  import { math } from 'polished';
9
- import { retrieveComponentStyles, DEFAULT_THEME, getLineHeight, getColor } from '@zendeskgarden/react-theming';
9
+ import { retrieveComponentStyles, getLineHeight, getColor } from '@zendeskgarden/react-theming';
10
10
  import { StyledListItem } from './StyledListItem.js';
11
11
 
12
12
  const COMPONENT_ID = 'pagination.gap';
@@ -29,13 +29,10 @@ const colorStyles = _ref => {
29
29
  };
30
30
  const StyledGapListItem = styled(StyledListItem).attrs({
31
31
  'data-garden-id': COMPONENT_ID,
32
- 'data-garden-version': '9.0.0-next.23'
32
+ 'data-garden-version': '9.0.0-next.25'
33
33
  }).withConfig({
34
34
  displayName: "StyledGapListItem",
35
35
  componentId: "sc-10wd0iz-0"
36
36
  })(["display:inline-block;text-align:center;", ";", " &:hover{color:inherit;}", ";"], sizeStyles, colorStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
37
- StyledGapListItem.defaultProps = {
38
- theme: DEFAULT_THEME
39
- };
40
37
 
41
38
  export { StyledGapListItem };
@@ -5,7 +5,7 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  import styled, { css } from 'styled-components';
8
- import { retrieveComponentStyles, DEFAULT_THEME, getColor } from '@zendeskgarden/react-theming';
8
+ import { retrieveComponentStyles, getColor } from '@zendeskgarden/react-theming';
9
9
 
10
10
  const COMPONENT_ID = 'pagination.list';
11
11
  const colorStyles = _ref => {
@@ -19,13 +19,10 @@ const colorStyles = _ref => {
19
19
  };
20
20
  const StyledList = styled.ul.attrs({
21
21
  'data-garden-id': COMPONENT_ID,
22
- 'data-garden-version': '9.0.0-next.23'
22
+ 'data-garden-version': '9.0.0-next.25'
23
23
  }).withConfig({
24
24
  displayName: "StyledList",
25
25
  componentId: "sc-1uz2jxo-0"
26
26
  })(["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));
27
- StyledList.defaultProps = {
28
- theme: DEFAULT_THEME
29
- };
30
27
 
31
28
  export { StyledList };
@@ -5,18 +5,15 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  import styled from 'styled-components';
8
- import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
8
+ import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
9
9
 
10
10
  const COMPONENT_ID = 'pagination.list_item';
11
11
  const StyledListItem = styled.li.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.0.0-next.23'
13
+ 'data-garden-version': '9.0.0-next.25'
14
14
  }).withConfig({
15
15
  displayName: "StyledListItem",
16
16
  componentId: "sc-16j4sju-0"
17
17
  })(["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));
18
- StyledListItem.defaultProps = {
19
- theme: DEFAULT_THEME
20
- };
21
18
 
22
19
  export { StyledListItem };
@@ -5,18 +5,15 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  import styled from 'styled-components';
8
- import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
8
+ import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
9
9
 
10
10
  const COMPONENT_ID = 'pagination.pagination_view';
11
11
  const StyledNav = styled.nav.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.0.0-next.23'
13
+ 'data-garden-version': '9.0.0-next.25'
14
14
  }).withConfig({
15
15
  displayName: "StyledNav",
16
16
  componentId: "sc-ppnpkw-0"
17
17
  })(["", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
18
- StyledNav.defaultProps = {
19
- theme: DEFAULT_THEME
20
- };
21
18
 
22
19
  export { StyledNav };
@@ -5,19 +5,16 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  import styled from 'styled-components';
8
- import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
8
+ import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
9
9
  import { StyledPage } from './StyledPage.js';
10
10
 
11
11
  const COMPONENT_ID = 'pagination.navigation';
12
12
  const StyledNavigation = styled(StyledPage).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.0.0-next.23'
14
+ 'data-garden-version': '9.0.0-next.25'
15
15
  }).withConfig({
16
16
  displayName: "StyledNavigation",
17
17
  componentId: "sc-1lpl8pp-0"
18
18
  })(["display:flex;align-items:center;justify-content:center;", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
19
- StyledNavigation.defaultProps = {
20
- theme: DEFAULT_THEME
21
- };
22
19
 
23
20
  export { StyledNavigation };
@@ -5,7 +5,7 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  import styled, { css } from 'styled-components';
8
- import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
8
+ import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
9
9
  import { StyledPageBase } from './StyledPageBase.js';
10
10
 
11
11
  const COMPONENT_ID = 'pagination.page';
@@ -15,13 +15,10 @@ const sizeStyles = props => {
15
15
  };
16
16
  const StyledPage = styled(StyledPageBase).attrs({
17
17
  'data-garden-id': COMPONENT_ID,
18
- 'data-garden-version': '9.0.0-next.23'
18
+ 'data-garden-version': '9.0.0-next.25'
19
19
  }).withConfig({
20
20
  displayName: "StyledPage",
21
21
  componentId: "sc-sxjfwy-0"
22
22
  })(["", ";&[aria-current=\"true\"]{font-weight:", ";}", ";"], props => sizeStyles(props), props => props.theme.fontWeights.semibold, props => retrieveComponentStyles(COMPONENT_ID, props));
23
- StyledPage.defaultProps = {
24
- theme: DEFAULT_THEME
25
- };
26
23
 
27
24
  export { StyledPage };
@@ -5,7 +5,7 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  import styled, { css } from 'styled-components';
8
- import { retrieveComponentStyles, DEFAULT_THEME, getColor, focusStyles, getLineHeight } from '@zendeskgarden/react-theming';
8
+ import { retrieveComponentStyles, getColor, focusStyles, getLineHeight } from '@zendeskgarden/react-theming';
9
9
 
10
10
  const COMPONENT_ID = 'pagination.page';
11
11
  const colorStyles = _ref => {
@@ -81,13 +81,10 @@ const sizeStyles = props => {
81
81
  };
82
82
  const StyledPageBase = styled.button.attrs({
83
83
  'data-garden-id': COMPONENT_ID,
84
- 'data-garden-version': '9.0.0-next.23'
84
+ 'data-garden-version': '9.0.0-next.25'
85
85
  }).withConfig({
86
86
  displayName: "StyledPageBase",
87
87
  componentId: "sc-ttwj4u-0"
88
88
  })(["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));
89
- StyledPageBase.defaultProps = {
90
- theme: DEFAULT_THEME
91
- };
92
89
 
93
90
  export { StyledPageBase };
package/dist/index.cjs.js CHANGED
@@ -49,26 +49,20 @@ const colorStyles$2 = _ref => {
49
49
  };
50
50
  const StyledList = styled__default.default.ul.attrs({
51
51
  'data-garden-id': COMPONENT_ID$8,
52
- 'data-garden-version': '9.0.0-next.23'
52
+ 'data-garden-version': '9.0.0-next.25'
53
53
  }).withConfig({
54
54
  displayName: "StyledList",
55
55
  componentId: "sc-1uz2jxo-0"
56
56
  })(["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));
57
- StyledList.defaultProps = {
58
- theme: reactTheming.DEFAULT_THEME
59
- };
60
57
 
61
58
  const COMPONENT_ID$7 = 'pagination.list_item';
62
59
  const StyledListItem = styled__default.default.li.attrs({
63
60
  'data-garden-id': COMPONENT_ID$7,
64
- 'data-garden-version': '9.0.0-next.23'
61
+ 'data-garden-version': '9.0.0-next.25'
65
62
  }).withConfig({
66
63
  displayName: "StyledListItem",
67
64
  componentId: "sc-16j4sju-0"
68
65
  })(["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));
69
- StyledListItem.defaultProps = {
70
- theme: reactTheming.DEFAULT_THEME
71
- };
72
66
 
73
67
  const COMPONENT_ID$6 = 'pagination.page';
74
68
  const colorStyles$1 = _ref => {
@@ -144,14 +138,11 @@ const sizeStyles$2 = props => {
144
138
  };
145
139
  const StyledPageBase = styled__default.default.button.attrs({
146
140
  'data-garden-id': COMPONENT_ID$6,
147
- 'data-garden-version': '9.0.0-next.23'
141
+ 'data-garden-version': '9.0.0-next.25'
148
142
  }).withConfig({
149
143
  displayName: "StyledPageBase",
150
144
  componentId: "sc-ttwj4u-0"
151
145
  })(["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));
152
- StyledPageBase.defaultProps = {
153
- theme: reactTheming.DEFAULT_THEME
154
- };
155
146
 
156
147
  const COMPONENT_ID$5 = 'pagination.page';
157
148
  const sizeStyles$1 = props => {
@@ -160,39 +151,30 @@ const sizeStyles$1 = props => {
160
151
  };
161
152
  const StyledPage = styled__default.default(StyledPageBase).attrs({
162
153
  'data-garden-id': COMPONENT_ID$5,
163
- 'data-garden-version': '9.0.0-next.23'
154
+ 'data-garden-version': '9.0.0-next.25'
164
155
  }).withConfig({
165
156
  displayName: "StyledPage",
166
157
  componentId: "sc-sxjfwy-0"
167
158
  })(["", ";&[aria-current=\"true\"]{font-weight:", ";}", ";"], props => sizeStyles$1(props), props => props.theme.fontWeights.semibold, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$5, props));
168
- StyledPage.defaultProps = {
169
- theme: reactTheming.DEFAULT_THEME
170
- };
171
159
 
172
160
  const COMPONENT_ID$4 = 'cursor_pagination';
173
161
  const StyledCursorPagination = styled__default.default.nav.attrs({
174
162
  'data-garden-id': COMPONENT_ID$4,
175
- 'data-garden-version': '9.0.0-next.23'
163
+ 'data-garden-version': '9.0.0-next.25'
176
164
  }).withConfig({
177
165
  displayName: "StyledCursorPagination",
178
166
  componentId: "sc-qmfecg-0"
179
167
  })(["display:flex;justify-content:center;", ";"], props => reactTheming.retrieveComponentStyles(COMPONENT_ID$4, props));
180
- StyledCursorPagination.defaultProps = {
181
- theme: reactTheming.DEFAULT_THEME
182
- };
183
168
 
184
169
  const COMPONENT_ID$3 = 'cursor_pagination.cursor';
185
170
  const StyledCursor = styled__default.default(StyledPageBase).attrs({
186
171
  'data-garden-id': COMPONENT_ID$3,
187
- 'data-garden-version': '9.0.0-next.23',
172
+ 'data-garden-version': '9.0.0-next.25',
188
173
  as: 'button'
189
174
  }).withConfig({
190
175
  displayName: "StyledCursor",
191
176
  componentId: "sc-507ee-0"
192
177
  })(["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));
193
- StyledCursor.defaultProps = {
194
- theme: reactTheming.DEFAULT_THEME
195
- };
196
178
 
197
179
  const marginStyles = props => {
198
180
  const {
@@ -209,9 +191,6 @@ const StyledIcon = styled__default.default(reactTheming.StyledBaseIcon).withConf
209
191
  displayName: "StyledIcon",
210
192
  componentId: "sc-2vzk6e-0"
211
193
  })(["", " transform:", ";"], marginStyles, props => props.theme.rtl && 'rotate(180deg)');
212
- StyledIcon.defaultProps = {
213
- theme: reactTheming.DEFAULT_THEME
214
- };
215
194
 
216
195
  const COMPONENT_ID$2 = 'pagination.gap';
217
196
  const sizeStyles = props => {
@@ -233,38 +212,29 @@ const colorStyles = _ref => {
233
212
  };
234
213
  const StyledGapListItem = styled__default.default(StyledListItem).attrs({
235
214
  'data-garden-id': COMPONENT_ID$2,
236
- 'data-garden-version': '9.0.0-next.23'
215
+ 'data-garden-version': '9.0.0-next.25'
237
216
  }).withConfig({
238
217
  displayName: "StyledGapListItem",
239
218
  componentId: "sc-10wd0iz-0"
240
219
  })(["display:inline-block;text-align:center;", ";", " &:hover{color:inherit;}", ";"], sizeStyles, colorStyles, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$2, props));
241
- StyledGapListItem.defaultProps = {
242
- theme: reactTheming.DEFAULT_THEME
243
- };
244
220
 
245
221
  const COMPONENT_ID$1 = 'pagination.navigation';
246
222
  const StyledNavigation = styled__default.default(StyledPage).attrs({
247
223
  'data-garden-id': COMPONENT_ID$1,
248
- 'data-garden-version': '9.0.0-next.23'
224
+ 'data-garden-version': '9.0.0-next.25'
249
225
  }).withConfig({
250
226
  displayName: "StyledNavigation",
251
227
  componentId: "sc-1lpl8pp-0"
252
228
  })(["display:flex;align-items:center;justify-content:center;", ";"], props => reactTheming.retrieveComponentStyles(COMPONENT_ID$1, props));
253
- StyledNavigation.defaultProps = {
254
- theme: reactTheming.DEFAULT_THEME
255
- };
256
229
 
257
230
  const COMPONENT_ID = 'pagination.pagination_view';
258
231
  const StyledNav = styled__default.default.nav.attrs({
259
232
  'data-garden-id': COMPONENT_ID,
260
- 'data-garden-version': '9.0.0-next.23'
233
+ 'data-garden-version': '9.0.0-next.25'
261
234
  }).withConfig({
262
235
  displayName: "StyledNav",
263
236
  componentId: "sc-ppnpkw-0"
264
237
  })(["", ";"], props => reactTheming.retrieveComponentStyles(COMPONENT_ID, props));
265
- StyledNav.defaultProps = {
266
- theme: reactTheming.DEFAULT_THEME
267
- };
268
238
 
269
239
  var _path$3;
270
240
  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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-pagination",
3
- "version": "9.0.0-next.23",
3
+ "version": "9.0.0-next.25",
4
4
  "description": "Components relating to pagination in the Garden Design System",
5
5
  "license": "Apache-2.0",
6
6
  "author": "Zendesk Garden <garden@zendesk.com>",
@@ -32,7 +32,7 @@
32
32
  "styled-components": "^5.3.1"
33
33
  },
34
34
  "devDependencies": {
35
- "@zendeskgarden/react-theming": "^9.0.0-next.23",
35
+ "@zendeskgarden/react-theming": "^9.0.0-next.25",
36
36
  "@zendeskgarden/svg-icons": "7.2.0"
37
37
  },
38
38
  "keywords": [
@@ -45,5 +45,5 @@
45
45
  "access": "public"
46
46
  },
47
47
  "zendeskgarden:src": "src/index.ts",
48
- "gitHead": "5e7d2ed69a1615e09406a3f9285359346bb90cc7"
48
+ "gitHead": "460751d630ab1c46e11810d60e4d7701b9d30b8f"
49
49
  }