@zendeskgarden/react-loaders 9.0.0-next.22 → 9.0.0-next.23

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 (8) hide show
  1. package/dist/esm/elements/Progress.js +1 -1
  2. package/dist/esm/styled/StyledInline.js +1 -1
  3. package/dist/esm/styled/StyledLoadingPlaceholder.js +1 -1
  4. package/dist/esm/styled/StyledProgress.js +2 -2
  5. package/dist/esm/styled/StyledSVG.js +1 -1
  6. package/dist/esm/styled/StyledSkeleton.js +1 -1
  7. package/dist/index.cjs.js +7 -7
  8. package/package.json +5 -5
package/dist/esm/elements/Progress.js CHANGED
@@ -31,7 +31,7 @@ const Progress = React.forwardRef((_ref, ref) => {
31
31
  return (
32
32
  React.createElement(StyledProgressBackground, Object.assign({
33
33
  "data-garden-id": COMPONENT_ID,
34
- "data-garden-version": '9.0.0-next.22',
34
+ "data-garden-version": '9.0.0-next.23',
35
35
  "aria-valuemax": 100,
36
36
  "aria-valuemin": 0,
37
37
  "aria-valuenow": percentage,
package/dist/esm/styled/StyledInline.js CHANGED
@@ -27,7 +27,7 @@ StyledCircle.defaultProps = {
27
27
  };
28
28
  const StyledInline = styled.svg.attrs(props => ({
29
29
  'data-garden-id': COMPONENT_ID,
30
- 'data-garden-version': '9.0.0-next.22',
30
+ 'data-garden-version': '9.0.0-next.23',
31
31
  viewBox: '0 0 16 4',
32
32
  width: props.size,
33
33
  height: props.size * 0.25
package/dist/esm/styled/StyledLoadingPlaceholder.js CHANGED
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
10
10
  const COMPONENT_ID = 'loaders.loading_placeholder';
11
11
  const StyledLoadingPlaceholder = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.0.0-next.22',
13
+ 'data-garden-version': '9.0.0-next.23',
14
14
  role: 'progressbar'
15
15
  }).withConfig({
16
16
  displayName: "StyledLoadingPlaceholder",
package/dist/esm/styled/StyledProgress.js CHANGED
@@ -43,7 +43,7 @@ const colorStyles = _ref => {
43
43
  };
44
44
  const StyledProgressBackground = styled.div.attrs(props => ({
45
45
  'data-garden-id': PROGRESS_BACKGROUND_COMPONENT_ID,
46
- 'data-garden-version': '9.0.0-next.22',
46
+ 'data-garden-version': '9.0.0-next.23',
47
47
  borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
48
48
  })).withConfig({
49
49
  displayName: "StyledProgress__StyledProgressBackground",
@@ -55,7 +55,7 @@ StyledProgressBackground.defaultProps = {
55
55
  const PROGESS_INDICATOR_COMPONENT_ID = 'loaders.progress_indicator';
56
56
  const StyledProgressIndicator = styled.div.attrs(props => ({
57
57
  'data-garden-id': PROGESS_INDICATOR_COMPONENT_ID,
58
- 'data-garden-version': '9.0.0-next.22',
58
+ 'data-garden-version': '9.0.0-next.23',
59
59
  height: props.height || sizeToHeight(props.size, props.theme),
60
60
  borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
61
61
  })).withConfig({
package/dist/esm/styled/StyledSVG.js CHANGED
@@ -8,7 +8,7 @@ import styled from 'styled-components';
8
8
  import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
9
9
 
10
10
  const StyledSVG = styled.svg.attrs(props => ({
11
- 'data-garden-version': '9.0.0-next.22',
11
+ 'data-garden-version': '9.0.0-next.23',
12
12
  xmlns: 'http://www.w3.org/2000/svg',
13
13
  width: props.width,
14
14
  height: props.height,
package/dist/esm/styled/StyledSkeleton.js CHANGED
@@ -52,7 +52,7 @@ const gradientStyles = props => {
52
52
  };
53
53
  const StyledSkeleton = styled.div.attrs({
54
54
  'data-garden-id': COMPONENT_ID,
55
- 'data-garden-version': '9.0.0-next.22'
55
+ 'data-garden-version': '9.0.0-next.23'
56
56
  }).withConfig({
57
57
  displayName: "StyledSkeleton",
58
58
  componentId: "sc-1raozze-0"
package/dist/index.cjs.js CHANGED
@@ -66,7 +66,7 @@ StyledDotsCircleThree.defaultProps = {
66
66
  const COMPONENT_ID$5 = 'loaders.loading_placeholder';
67
67
  const StyledLoadingPlaceholder = styled__default.default.div.attrs({
68
68
  'data-garden-id': COMPONENT_ID$5,
69
- 'data-garden-version': '9.0.0-next.22',
69
+ 'data-garden-version': '9.0.0-next.23',
70
70
  role: 'progressbar'
71
71
  }).withConfig({
72
72
  displayName: "StyledLoadingPlaceholder",
@@ -112,7 +112,7 @@ const colorStyles = _ref => {
112
112
  };
113
113
  const StyledProgressBackground = styled__default.default.div.attrs(props => ({
114
114
  'data-garden-id': PROGRESS_BACKGROUND_COMPONENT_ID,
115
- 'data-garden-version': '9.0.0-next.22',
115
+ 'data-garden-version': '9.0.0-next.23',
116
116
  borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
117
117
  })).withConfig({
118
118
  displayName: "StyledProgress__StyledProgressBackground",
@@ -124,7 +124,7 @@ StyledProgressBackground.defaultProps = {
124
124
  const PROGESS_INDICATOR_COMPONENT_ID = 'loaders.progress_indicator';
125
125
  const StyledProgressIndicator = styled__default.default.div.attrs(props => ({
126
126
  'data-garden-id': PROGESS_INDICATOR_COMPONENT_ID,
127
- 'data-garden-version': '9.0.0-next.22',
127
+ 'data-garden-version': '9.0.0-next.23',
128
128
  height: props.height || sizeToHeight(props.size, props.theme),
129
129
  borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
130
130
  })).withConfig({
@@ -180,7 +180,7 @@ const gradientStyles = props => {
180
180
  };
181
181
  const StyledSkeleton = styled__default.default.div.attrs({
182
182
  'data-garden-id': COMPONENT_ID$4,
183
- 'data-garden-version': '9.0.0-next.22'
183
+ 'data-garden-version': '9.0.0-next.23'
184
184
  }).withConfig({
185
185
  displayName: "StyledSkeleton",
186
186
  componentId: "sc-1raozze-0"
@@ -208,7 +208,7 @@ StyledSpinnerCircle.defaultProps = {
208
208
  };
209
209
 
210
210
  const StyledSVG = styled__default.default.svg.attrs(props => ({
211
- 'data-garden-version': '9.0.0-next.22',
211
+ 'data-garden-version': '9.0.0-next.23',
212
212
  xmlns: 'http://www.w3.org/2000/svg',
213
213
  width: props.width,
214
214
  height: props.height,
@@ -243,7 +243,7 @@ StyledCircle.defaultProps = {
243
243
  };
244
244
  const StyledInline = styled__default.default.svg.attrs(props => ({
245
245
  'data-garden-id': COMPONENT_ID$3,
246
- 'data-garden-version': '9.0.0-next.22',
246
+ 'data-garden-version': '9.0.0-next.23',
247
247
  viewBox: '0 0 16 4',
248
248
  width: props.size,
249
249
  height: props.size * 0.25
@@ -345,7 +345,7 @@ const Progress = React__default.default.forwardRef((_ref, ref) => {
345
345
  return (
346
346
  React__default.default.createElement(StyledProgressBackground, Object.assign({
347
347
  "data-garden-id": COMPONENT_ID$1,
348
- "data-garden-version": '9.0.0-next.22',
348
+ "data-garden-version": '9.0.0-next.23',
349
349
  "aria-valuemax": 100,
350
350
  "aria-valuemin": 0,
351
351
  "aria-valuenow": percentage,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-loaders",
3
- "version": "9.0.0-next.22",
3
+ "version": "9.0.0-next.23",
4
4
  "description": "Components relating to loaders in the Garden Design System",
5
5
  "license": "Apache-2.0",
6
6
  "author": "Zendesk Garden <garden@zendesk.com>",
@@ -27,12 +27,12 @@
27
27
  },
28
28
  "peerDependencies": {
29
29
  "@zendeskgarden/react-theming": ">=9.0.0-next",
30
- "react": ">=16.8.0",
31
- "react-dom": ">=16.8.0",
30
+ "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
31
+ "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
32
32
  "styled-components": "^5.3.1"
33
33
  },
34
34
  "devDependencies": {
35
- "@zendeskgarden/react-theming": "^9.0.0-next.22"
35
+ "@zendeskgarden/react-theming": "^9.0.0-next.23"
36
36
  },
37
37
  "keywords": [
38
38
  "components",
@@ -44,5 +44,5 @@
44
44
  "access": "public"
45
45
  },
46
46
  "zendeskgarden:src": "src/index.ts",
47
- "gitHead": "46309385a1495c2297da23409f4196f662fe418b"
47
+ "gitHead": "5e7d2ed69a1615e09406a3f9285359346bb90cc7"
48
48
  }