@zendeskgarden/react-loaders 9.0.0-next.8 → 9.0.0-next.9

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.8',
34
+ "data-garden-version": '9.0.0-next.9',
35
35
  "aria-valuemax": 100,
36
36
  "aria-valuemin": 0,
37
37
  "aria-valuenow": percentage,
@@ -22,7 +22,7 @@ StyledCircle.defaultProps = {
22
22
  };
23
23
  const StyledInline = styled.svg.attrs(props => ({
24
24
  'data-garden-id': COMPONENT_ID,
25
- 'data-garden-version': '9.0.0-next.8',
25
+ 'data-garden-version': '9.0.0-next.9',
26
26
  viewBox: '0 0 16 4',
27
27
  width: props.size,
28
28
  height: props.size * 0.25
@@ -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.8',
13
+ 'data-garden-version': '9.0.0-next.9',
14
14
  role: 'progressbar'
15
15
  }).withConfig({
16
16
  displayName: "StyledLoadingPlaceholder",
@@ -21,7 +21,7 @@ const sizeToBorderRadius = (size, theme) => sizeToHeight(size, theme) / 2;
21
21
  const PROGRESS_BACKGROUND_COMPONENT_ID = 'loaders.progress_background';
22
22
  const StyledProgressBackground = styled.div.attrs(props => ({
23
23
  'data-garden-id': PROGRESS_BACKGROUND_COMPONENT_ID,
24
- 'data-garden-version': '9.0.0-next.8',
24
+ 'data-garden-version': '9.0.0-next.9',
25
25
  borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
26
26
  })).withConfig({
27
27
  displayName: "StyledProgress__StyledProgressBackground",
@@ -33,7 +33,7 @@ StyledProgressBackground.defaultProps = {
33
33
  const PROGESS_INDICATOR_COMPONENT_ID = 'loaders.progress_indicator';
34
34
  const StyledProgressIndicator = styled.div.attrs(props => ({
35
35
  'data-garden-id': PROGESS_INDICATOR_COMPONENT_ID,
36
- 'data-garden-version': '9.0.0-next.8',
36
+ 'data-garden-version': '9.0.0-next.9',
37
37
  height: props.height || sizeToHeight(props.size, props.theme),
38
38
  borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
39
39
  })).withConfig({
@@ -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.8',
11
+ 'data-garden-version': '9.0.0-next.9',
12
12
  xmlns: 'http://www.w3.org/2000/svg',
13
13
  width: props.width,
14
14
  height: props.height,
@@ -40,7 +40,7 @@ const retrieveSkeletonGradient = _ref3 => {
40
40
  };
41
41
  const StyledSkeleton = styled.div.attrs({
42
42
  'data-garden-id': COMPONENT_ID,
43
- 'data-garden-version': '9.0.0-next.8'
43
+ 'data-garden-version': '9.0.0-next.9'
44
44
  }).withConfig({
45
45
  displayName: "StyledSkeleton",
46
46
  componentId: "sc-1raozze-0"
package/dist/index.cjs.js CHANGED
@@ -67,7 +67,7 @@ StyledDotsCircleThree.defaultProps = {
67
67
  const COMPONENT_ID$5 = 'loaders.loading_placeholder';
68
68
  const StyledLoadingPlaceholder = styled__default.default.div.attrs({
69
69
  'data-garden-id': COMPONENT_ID$5,
70
- 'data-garden-version': '9.0.0-next.8',
70
+ 'data-garden-version': '9.0.0-next.9',
71
71
  role: 'progressbar'
72
72
  }).withConfig({
73
73
  displayName: "StyledLoadingPlaceholder",
@@ -91,7 +91,7 @@ const sizeToBorderRadius = (size, theme) => sizeToHeight(size, theme) / 2;
91
91
  const PROGRESS_BACKGROUND_COMPONENT_ID = 'loaders.progress_background';
92
92
  const StyledProgressBackground = styled__default.default.div.attrs(props => ({
93
93
  'data-garden-id': PROGRESS_BACKGROUND_COMPONENT_ID,
94
- 'data-garden-version': '9.0.0-next.8',
94
+ 'data-garden-version': '9.0.0-next.9',
95
95
  borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
96
96
  })).withConfig({
97
97
  displayName: "StyledProgress__StyledProgressBackground",
@@ -103,7 +103,7 @@ StyledProgressBackground.defaultProps = {
103
103
  const PROGESS_INDICATOR_COMPONENT_ID = 'loaders.progress_indicator';
104
104
  const StyledProgressIndicator = styled__default.default.div.attrs(props => ({
105
105
  'data-garden-id': PROGESS_INDICATOR_COMPONENT_ID,
106
- 'data-garden-version': '9.0.0-next.8',
106
+ 'data-garden-version': '9.0.0-next.9',
107
107
  height: props.height || sizeToHeight(props.size, props.theme),
108
108
  borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
109
109
  })).withConfig({
@@ -146,7 +146,7 @@ const retrieveSkeletonGradient = _ref3 => {
146
146
  };
147
147
  const StyledSkeleton = styled__default.default.div.attrs({
148
148
  'data-garden-id': COMPONENT_ID$4,
149
- 'data-garden-version': '9.0.0-next.8'
149
+ 'data-garden-version': '9.0.0-next.9'
150
150
  }).withConfig({
151
151
  displayName: "StyledSkeleton",
152
152
  componentId: "sc-1raozze-0"
@@ -174,7 +174,7 @@ StyledSpinnerCircle.defaultProps = {
174
174
  };
175
175
 
176
176
  const StyledSVG = styled__default.default.svg.attrs(props => ({
177
- 'data-garden-version': '9.0.0-next.8',
177
+ 'data-garden-version': '9.0.0-next.9',
178
178
  xmlns: 'http://www.w3.org/2000/svg',
179
179
  width: props.width,
180
180
  height: props.height,
@@ -204,7 +204,7 @@ StyledCircle.defaultProps = {
204
204
  };
205
205
  const StyledInline = styled__default.default.svg.attrs(props => ({
206
206
  'data-garden-id': COMPONENT_ID$3,
207
- 'data-garden-version': '9.0.0-next.8',
207
+ 'data-garden-version': '9.0.0-next.9',
208
208
  viewBox: '0 0 16 4',
209
209
  width: props.size,
210
210
  height: props.size * 0.25
@@ -306,7 +306,7 @@ const Progress = React__default.default.forwardRef((_ref, ref) => {
306
306
  return (
307
307
  React__default.default.createElement(StyledProgressBackground, Object.assign({
308
308
  "data-garden-id": COMPONENT_ID$1,
309
- "data-garden-version": '9.0.0-next.8',
309
+ "data-garden-version": '9.0.0-next.9',
310
310
  "aria-valuemax": 100,
311
311
  "aria-valuemin": 0,
312
312
  "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.8",
3
+ "version": "9.0.0-next.9",
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.8"
35
+ "@zendeskgarden/react-theming": "^9.0.0-next.9"
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": "a3d6534843d5a4f5cb60b52bc67264f3230f2da0"
47
+ "gitHead": "771281b562d376a6aee04b0cd71dd888b3ae4a1d"
48
48
  }