@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.
- package/dist/esm/styled/CursorPagination/StyledCursor.js +2 -5
- package/dist/esm/styled/CursorPagination/StyledCursorPagination.js +2 -5
- package/dist/esm/styled/CursorPagination/StyledIcon.js +1 -4
- package/dist/esm/styled/OffsetPagination/StyledGapListItem.js +2 -5
- package/dist/esm/styled/OffsetPagination/StyledList.js +2 -5
- package/dist/esm/styled/OffsetPagination/StyledListItem.js +2 -5
- package/dist/esm/styled/OffsetPagination/StyledNav.js +2 -5
- package/dist/esm/styled/OffsetPagination/StyledNavigation.js +2 -5
- package/dist/esm/styled/OffsetPagination/StyledPage.js +2 -5
- package/dist/esm/styled/OffsetPagination/StyledPageBase.js +2 -5
- package/dist/index.cjs.js +9 -39
- package/package.json +3 -3
|
@@ -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
|
|
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.
|
|
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
|
|
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.
|
|
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
|
|
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,
|
|
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.
|
|
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,
|
|
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.
|
|
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
|
|
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.
|
|
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
|
|
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.
|
|
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
|
|
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.
|
|
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
|
|
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.
|
|
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,
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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": "
|
|
48
|
+
"gitHead": "460751d630ab1c46e11810d60e4d7701b9d30b8f"
|
|
49
49
|
}
|