@zendeskgarden/react-pagination 9.1.1 → 9.1.2

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.
Files changed (11) hide show
  1. package/dist/esm/styled/CursorPagination/StyledCursor.js +1 -1
  2. package/dist/esm/styled/CursorPagination/StyledCursorPagination.js +1 -1
  3. package/dist/esm/styled/OffsetPagination/StyledGapListItem.js +1 -1
  4. package/dist/esm/styled/OffsetPagination/StyledList.js +2 -2
  5. package/dist/esm/styled/OffsetPagination/StyledListItem.js +1 -1
  6. package/dist/esm/styled/OffsetPagination/StyledNav.js +1 -1
  7. package/dist/esm/styled/OffsetPagination/StyledNavigation.js +1 -1
  8. package/dist/esm/styled/OffsetPagination/StyledPage.js +1 -1
  9. package/dist/esm/styled/OffsetPagination/StyledPageBase.js +3 -3
  10. package/dist/index.cjs.js +12 -12
  11. package/package.json +3 -3
package/dist/esm/styled/CursorPagination/StyledCursor.js CHANGED
@@ -11,7 +11,7 @@ import { StyledPageBase } from '../OffsetPagination/StyledPageBase.js';
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.1.1',
14
+ 'data-garden-version': '9.1.2',
15
15
  as: 'button'
16
16
  }).withConfig({
17
17
  displayName: "StyledCursor",
package/dist/esm/styled/CursorPagination/StyledCursorPagination.js CHANGED
@@ -10,7 +10,7 @@ import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
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.1.1'
13
+ 'data-garden-version': '9.1.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledCursorPagination",
16
16
  componentId: "sc-qmfecg-0"
package/dist/esm/styled/OffsetPagination/StyledGapListItem.js CHANGED
@@ -29,7 +29,7 @@ const colorStyles = _ref => {
29
29
  };
30
30
  const StyledGapListItem = styled(StyledListItem).attrs({
31
31
  'data-garden-id': COMPONENT_ID,
32
- 'data-garden-version': '9.1.1'
32
+ 'data-garden-version': '9.1.2'
33
33
  }).withConfig({
34
34
  displayName: "StyledGapListItem",
35
35
  componentId: "sc-10wd0iz-0"
package/dist/esm/styled/OffsetPagination/StyledList.js CHANGED
@@ -19,10 +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.1.1'
22
+ 'data-garden-version': '9.1.2'
23
23
  }).withConfig({
24
24
  displayName: "StyledList",
25
25
  componentId: "sc-1uz2jxo-0"
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));
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
27
 
28
28
  export { StyledList };
package/dist/esm/styled/OffsetPagination/StyledListItem.js CHANGED
@@ -10,7 +10,7 @@ import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
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.1.1'
13
+ 'data-garden-version': '9.1.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledListItem",
16
16
  componentId: "sc-16j4sju-0"
package/dist/esm/styled/OffsetPagination/StyledNav.js CHANGED
@@ -10,7 +10,7 @@ import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
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.1.1'
13
+ 'data-garden-version': '9.1.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledNav",
16
16
  componentId: "sc-ppnpkw-0"
package/dist/esm/styled/OffsetPagination/StyledNavigation.js CHANGED
@@ -11,7 +11,7 @@ import { StyledPage } from './StyledPage.js';
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.1.1'
14
+ 'data-garden-version': '9.1.2'
15
15
  }).withConfig({
16
16
  displayName: "StyledNavigation",
17
17
  componentId: "sc-1lpl8pp-0"
package/dist/esm/styled/OffsetPagination/StyledPage.js CHANGED
@@ -15,7 +15,7 @@ const sizeStyles = props => {
15
15
  };
16
16
  const StyledPage = styled(StyledPageBase).attrs({
17
17
  'data-garden-id': COMPONENT_ID,
18
- 'data-garden-version': '9.1.1'
18
+ 'data-garden-version': '9.1.2'
19
19
  }).withConfig({
20
20
  displayName: "StyledPage",
21
21
  componentId: "sc-sxjfwy-0"
package/dist/esm/styled/OffsetPagination/StyledPageBase.js CHANGED
@@ -67,7 +67,7 @@ const colorStyles = _ref => {
67
67
  },
68
68
  theme
69
69
  });
70
- return css(["border:none;background:transparent;color:", ";&:hover{background-color:", ";color:", ";}", " &:active,&:focus-visible:active{background-color:", ";color:", ";}&[aria-current='page']{background-color:", ";color:", ";}&[aria-current='page']:hover{background-color:", ";}&[aria-current='page']:active{background-color:", ";}:disabled,[aria-disabled='true']{background-color:transparent;color:", ";}"], defaultColor, hoverBackgroundColor, hoverForegroundColor, focusStyles({
70
+ return css(["border:none;background:transparent;color:", ";&:hover{background-color:", ";color:", ";}", " &:active,&:focus-visible:active{background-color:", ";color:", ";}&[aria-current='page']{background-color:", ";color:", ";}&[aria-current='page']:hover{background-color:", ";}&[aria-current='page']:active{background-color:", ";}&:disabled,&[aria-disabled='true']{background-color:transparent;color:", ";}"], defaultColor, hoverBackgroundColor, hoverForegroundColor, focusStyles({
71
71
  theme,
72
72
  inset: true
73
73
  }), activeBackgroundColor, activeForegroundColor, currentBackgroundColor, currentForegroundColor, currentHoverBackgroundColor, currentActiveBackgroundColor, disabledColor);
@@ -81,10 +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.1.1'
84
+ 'data-garden-version': '9.1.2'
85
85
  }).withConfig({
86
86
  displayName: "StyledPageBase",
87
87
  componentId: "sc-ttwj4u-0"
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));
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
89
 
90
90
  export { StyledPageBase };
package/dist/index.cjs.js CHANGED
@@ -49,16 +49,16 @@ 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.1.1'
52
+ 'data-garden-version': '9.1.2'
53
53
  }).withConfig({
54
54
  displayName: "StyledList",
55
55
  componentId: "sc-1uz2jxo-0"
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));
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
57
 
58
58
  const COMPONENT_ID$7 = 'pagination.list_item';
59
59
  const StyledListItem = styled__default.default.li.attrs({
60
60
  'data-garden-id': COMPONENT_ID$7,
61
- 'data-garden-version': '9.1.1'
61
+ 'data-garden-version': '9.1.2'
62
62
  }).withConfig({
63
63
  displayName: "StyledListItem",
64
64
  componentId: "sc-16j4sju-0"
@@ -124,7 +124,7 @@ const colorStyles$1 = _ref => {
124
124
  },
125
125
  theme
126
126
  });
127
- return styled.css(["border:none;background:transparent;color:", ";&:hover{background-color:", ";color:", ";}", " &:active,&:focus-visible:active{background-color:", ";color:", ";}&[aria-current='page']{background-color:", ";color:", ";}&[aria-current='page']:hover{background-color:", ";}&[aria-current='page']:active{background-color:", ";}:disabled,[aria-disabled='true']{background-color:transparent;color:", ";}"], defaultColor, hoverBackgroundColor, hoverForegroundColor, reactTheming.focusStyles({
127
+ return styled.css(["border:none;background:transparent;color:", ";&:hover{background-color:", ";color:", ";}", " &:active,&:focus-visible:active{background-color:", ";color:", ";}&[aria-current='page']{background-color:", ";color:", ";}&[aria-current='page']:hover{background-color:", ";}&[aria-current='page']:active{background-color:", ";}&:disabled,&[aria-disabled='true']{background-color:transparent;color:", ";}"], defaultColor, hoverBackgroundColor, hoverForegroundColor, reactTheming.focusStyles({
128
128
  theme,
129
129
  inset: true
130
130
  }), activeBackgroundColor, activeForegroundColor, currentBackgroundColor, currentForegroundColor, currentHoverBackgroundColor, currentActiveBackgroundColor, disabledColor);
@@ -138,11 +138,11 @@ const sizeStyles$2 = props => {
138
138
  };
139
139
  const StyledPageBase = styled__default.default.button.attrs({
140
140
  'data-garden-id': COMPONENT_ID$6,
141
- 'data-garden-version': '9.1.1'
141
+ 'data-garden-version': '9.1.2'
142
142
  }).withConfig({
143
143
  displayName: "StyledPageBase",
144
144
  componentId: "sc-ttwj4u-0"
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));
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));
146
146
 
147
147
  const COMPONENT_ID$5 = 'pagination.page';
148
148
  const sizeStyles$1 = props => {
@@ -151,7 +151,7 @@ const sizeStyles$1 = props => {
151
151
  };
152
152
  const StyledPage = styled__default.default(StyledPageBase).attrs({
153
153
  'data-garden-id': COMPONENT_ID$5,
154
- 'data-garden-version': '9.1.1'
154
+ 'data-garden-version': '9.1.2'
155
155
  }).withConfig({
156
156
  displayName: "StyledPage",
157
157
  componentId: "sc-sxjfwy-0"
@@ -160,7 +160,7 @@ const StyledPage = styled__default.default(StyledPageBase).attrs({
160
160
  const COMPONENT_ID$4 = 'cursor_pagination';
161
161
  const StyledCursorPagination = styled__default.default.nav.attrs({
162
162
  'data-garden-id': COMPONENT_ID$4,
163
- 'data-garden-version': '9.1.1'
163
+ 'data-garden-version': '9.1.2'
164
164
  }).withConfig({
165
165
  displayName: "StyledCursorPagination",
166
166
  componentId: "sc-qmfecg-0"
@@ -169,7 +169,7 @@ const StyledCursorPagination = styled__default.default.nav.attrs({
169
169
  const COMPONENT_ID$3 = 'cursor_pagination.cursor';
170
170
  const StyledCursor = styled__default.default(StyledPageBase).attrs({
171
171
  'data-garden-id': COMPONENT_ID$3,
172
- 'data-garden-version': '9.1.1',
172
+ 'data-garden-version': '9.1.2',
173
173
  as: 'button'
174
174
  }).withConfig({
175
175
  displayName: "StyledCursor",
@@ -212,7 +212,7 @@ const colorStyles = _ref => {
212
212
  };
213
213
  const StyledGapListItem = styled__default.default(StyledListItem).attrs({
214
214
  'data-garden-id': COMPONENT_ID$2,
215
- 'data-garden-version': '9.1.1'
215
+ 'data-garden-version': '9.1.2'
216
216
  }).withConfig({
217
217
  displayName: "StyledGapListItem",
218
218
  componentId: "sc-10wd0iz-0"
@@ -221,7 +221,7 @@ const StyledGapListItem = styled__default.default(StyledListItem).attrs({
221
221
  const COMPONENT_ID$1 = 'pagination.navigation';
222
222
  const StyledNavigation = styled__default.default(StyledPage).attrs({
223
223
  'data-garden-id': COMPONENT_ID$1,
224
- 'data-garden-version': '9.1.1'
224
+ 'data-garden-version': '9.1.2'
225
225
  }).withConfig({
226
226
  displayName: "StyledNavigation",
227
227
  componentId: "sc-1lpl8pp-0"
@@ -230,7 +230,7 @@ const StyledNavigation = styled__default.default(StyledPage).attrs({
230
230
  const COMPONENT_ID = 'pagination.pagination_view';
231
231
  const StyledNav = styled__default.default.nav.attrs({
232
232
  'data-garden-id': COMPONENT_ID,
233
- 'data-garden-version': '9.1.1'
233
+ 'data-garden-version': '9.1.2'
234
234
  }).withConfig({
235
235
  displayName: "StyledNav",
236
236
  componentId: "sc-ppnpkw-0"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-pagination",
3
- "version": "9.1.1",
3
+ "version": "9.1.2",
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.1.1",
35
+ "@zendeskgarden/react-theming": "^9.1.2",
36
36
  "@zendeskgarden/svg-icons": "7.3.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": "21eaf7b57f27f1a846ed332f1b8e655d6bc0a13b"
48
+ "gitHead": "dd7b2e7fb6747ef39a028b4e7b9924c2098deea0"
49
49
  }