@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.
- 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.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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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": "
|
|
47
|
+
"gitHead": "049dd7bd143029147de333f78bd879dc7d7251f2"
|
|
48
48
|
}
|