@zendeskgarden/react-loaders 9.0.0-next.25 → 9.0.0-next.26

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.
@@ -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.25',
34
+ "data-garden-version": '9.0.0-next.26',
35
35
  "aria-valuemax": 100,
36
36
  "aria-valuemin": 0,
37
37
  "aria-valuenow": percentage,
@@ -24,7 +24,7 @@ const StyledCircle = styled.circle.attrs({
24
24
  })([""]);
25
25
  const StyledInline = styled.svg.attrs(props => ({
26
26
  'data-garden-id': COMPONENT_ID,
27
- 'data-garden-version': '9.0.0-next.25',
27
+ 'data-garden-version': '9.0.0-next.26',
28
28
  viewBox: '0 0 16 4',
29
29
  width: props.size,
30
30
  height: props.size * 0.25
@@ -10,7 +10,7 @@ import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
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.25',
13
+ 'data-garden-version': '9.0.0-next.26',
14
14
  role: 'progressbar'
15
15
  }).withConfig({
16
16
  displayName: "StyledLoadingPlaceholder",
@@ -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.25',
46
+ 'data-garden-version': '9.0.0-next.26',
47
47
  borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
48
48
  })).withConfig({
49
49
  displayName: "StyledProgress__StyledProgressBackground",
@@ -52,7 +52,7 @@ const StyledProgressBackground = styled.div.attrs(props => ({
52
52
  const PROGESS_INDICATOR_COMPONENT_ID = 'loaders.progress_indicator';
53
53
  const StyledProgressIndicator = styled.div.attrs(props => ({
54
54
  'data-garden-id': PROGESS_INDICATOR_COMPONENT_ID,
55
- 'data-garden-version': '9.0.0-next.25',
55
+ 'data-garden-version': '9.0.0-next.26',
56
56
  height: props.height || sizeToHeight(props.size, props.theme),
57
57
  borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
58
58
  })).withConfig({
@@ -8,7 +8,7 @@ import styled from 'styled-components';
8
8
  import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
9
9
 
10
10
  const StyledSVG = styled.svg.attrs(props => ({
11
- 'data-garden-version': '9.0.0-next.25',
11
+ 'data-garden-version': '9.0.0-next.26',
12
12
  xmlns: 'http://www.w3.org/2000/svg',
13
13
  width: props.width,
14
14
  height: props.height,
@@ -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.25'
55
+ 'data-garden-version': '9.0.0-next.26'
56
56
  }).withConfig({
57
57
  displayName: "StyledSkeleton",
58
58
  componentId: "sc-1raozze-0"
package/dist/index.cjs.js CHANGED
@@ -54,7 +54,7 @@ const StyledDotsCircleThree = styled__default.default(StyledDotsCircle).attrs(()
54
54
  const COMPONENT_ID$5 = 'loaders.loading_placeholder';
55
55
  const StyledLoadingPlaceholder = styled__default.default.div.attrs({
56
56
  'data-garden-id': COMPONENT_ID$5,
57
- 'data-garden-version': '9.0.0-next.25',
57
+ 'data-garden-version': '9.0.0-next.26',
58
58
  role: 'progressbar'
59
59
  }).withConfig({
60
60
  displayName: "StyledLoadingPlaceholder",
@@ -97,7 +97,7 @@ const colorStyles = _ref => {
97
97
  };
98
98
  const StyledProgressBackground = styled__default.default.div.attrs(props => ({
99
99
  'data-garden-id': PROGRESS_BACKGROUND_COMPONENT_ID,
100
- 'data-garden-version': '9.0.0-next.25',
100
+ 'data-garden-version': '9.0.0-next.26',
101
101
  borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
102
102
  })).withConfig({
103
103
  displayName: "StyledProgress__StyledProgressBackground",
@@ -106,7 +106,7 @@ const StyledProgressBackground = styled__default.default.div.attrs(props => ({
106
106
  const PROGESS_INDICATOR_COMPONENT_ID = 'loaders.progress_indicator';
107
107
  const StyledProgressIndicator = styled__default.default.div.attrs(props => ({
108
108
  'data-garden-id': PROGESS_INDICATOR_COMPONENT_ID,
109
- 'data-garden-version': '9.0.0-next.25',
109
+ 'data-garden-version': '9.0.0-next.26',
110
110
  height: props.height || sizeToHeight(props.size, props.theme),
111
111
  borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
112
112
  })).withConfig({
@@ -159,7 +159,7 @@ const gradientStyles = props => {
159
159
  };
160
160
  const StyledSkeleton = styled__default.default.div.attrs({
161
161
  'data-garden-id': COMPONENT_ID$4,
162
- 'data-garden-version': '9.0.0-next.25'
162
+ 'data-garden-version': '9.0.0-next.26'
163
163
  }).withConfig({
164
164
  displayName: "StyledSkeleton",
165
165
  componentId: "sc-1raozze-0"
@@ -181,7 +181,7 @@ const StyledSpinnerCircle = styled__default.default.circle.attrs(props => ({
181
181
  })([""]);
182
182
 
183
183
  const StyledSVG = styled__default.default.svg.attrs(props => ({
184
- 'data-garden-version': '9.0.0-next.25',
184
+ 'data-garden-version': '9.0.0-next.26',
185
185
  xmlns: 'http://www.w3.org/2000/svg',
186
186
  width: props.width,
187
187
  height: props.height,
@@ -210,7 +210,7 @@ const StyledCircle = styled__default.default.circle.attrs({
210
210
  })([""]);
211
211
  const StyledInline = styled__default.default.svg.attrs(props => ({
212
212
  'data-garden-id': COMPONENT_ID$3,
213
- 'data-garden-version': '9.0.0-next.25',
213
+ 'data-garden-version': '9.0.0-next.26',
214
214
  viewBox: '0 0 16 4',
215
215
  width: props.size,
216
216
  height: props.size * 0.25
@@ -309,7 +309,7 @@ const Progress = React__default.default.forwardRef((_ref, ref) => {
309
309
  return (
310
310
  React__default.default.createElement(StyledProgressBackground, Object.assign({
311
311
  "data-garden-id": COMPONENT_ID$1,
312
- "data-garden-version": '9.0.0-next.25',
312
+ "data-garden-version": '9.0.0-next.26',
313
313
  "aria-valuemax": 100,
314
314
  "aria-valuemin": 0,
315
315
  "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.25",
3
+ "version": "9.0.0-next.26",
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>",
@@ -32,7 +32,7 @@
32
32
  "styled-components": "^5.3.1"
33
33
  },
34
34
  "devDependencies": {
35
- "@zendeskgarden/react-theming": "^9.0.0-next.25"
35
+ "@zendeskgarden/react-theming": "^9.0.0-next.26"
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": "460751d630ab1c46e11810d60e4d7701b9d30b8f"
47
+ "gitHead": "049dd7bd143029147de333f78bd879dc7d7251f2"
48
48
  }