@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.
- package/dist/esm/elements/Progress.js +1 -1
- package/dist/esm/styled/StyledInline.js +1 -1
- package/dist/esm/styled/StyledLoadingPlaceholder.js +1 -1
- package/dist/esm/styled/StyledProgress.js +2 -2
- package/dist/esm/styled/StyledSVG.js +1 -1
- package/dist/esm/styled/StyledSkeleton.js +1 -1
- package/dist/index.cjs.js +7 -7
- package/package.json +3 -3
|
@@ -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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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": "
|
|
47
|
+
"gitHead": "771281b562d376a6aee04b0cd71dd888b3ae4a1d"
|
|
48
48
|
}
|