@zendeskgarden/react-loaders 9.7.0 → 9.7.2
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
|
@@ -32,7 +32,7 @@ const Progress = React.forwardRef((_ref, ref) => {
|
|
|
32
32
|
return (
|
|
33
33
|
React.createElement(StyledProgressBackground, Object.assign({
|
|
34
34
|
"data-garden-id": COMPONENT_ID,
|
|
35
|
-
"data-garden-version": '9.7.
|
|
35
|
+
"data-garden-version": '9.7.2',
|
|
36
36
|
"aria-valuemax": 100,
|
|
37
37
|
"aria-valuemin": 0,
|
|
38
38
|
"aria-valuenow": percentage,
|
|
@@ -38,7 +38,7 @@ const StyledCircle = styled.circle.attrs({
|
|
|
38
38
|
})([""]);
|
|
39
39
|
const StyledInline = styled.svg.attrs(props => ({
|
|
40
40
|
'data-garden-id': COMPONENT_ID,
|
|
41
|
-
'data-garden-version': '9.7.
|
|
41
|
+
'data-garden-version': '9.7.2',
|
|
42
42
|
viewBox: '0 0 16 4',
|
|
43
43
|
width: props.$size,
|
|
44
44
|
height: props.$size * 0.25
|
|
@@ -26,7 +26,7 @@ const sizeStyles = _ref => {
|
|
|
26
26
|
};
|
|
27
27
|
const StyledLoadingPlaceholder = styled.div.attrs({
|
|
28
28
|
'data-garden-id': COMPONENT_ID,
|
|
29
|
-
'data-garden-version': '9.7.
|
|
29
|
+
'data-garden-version': '9.7.2',
|
|
30
30
|
role: 'progressbar'
|
|
31
31
|
}).withConfig({
|
|
32
32
|
displayName: "StyledLoadingPlaceholder",
|
|
@@ -55,7 +55,7 @@ const colorStyles = _ref => {
|
|
|
55
55
|
};
|
|
56
56
|
const StyledProgressBackground = styled.div.attrs({
|
|
57
57
|
'data-garden-id': PROGRESS_BACKGROUND_COMPONENT_ID,
|
|
58
|
-
'data-garden-version': '9.7.
|
|
58
|
+
'data-garden-version': '9.7.2'
|
|
59
59
|
}).withConfig({
|
|
60
60
|
displayName: "StyledProgress__StyledProgressBackground",
|
|
61
61
|
componentId: "sc-2g8w4s-0"
|
|
@@ -63,7 +63,7 @@ const StyledProgressBackground = styled.div.attrs({
|
|
|
63
63
|
const PROGESS_INDICATOR_COMPONENT_ID = 'loaders.progress_indicator';
|
|
64
64
|
const StyledProgressIndicator = styled.div.attrs({
|
|
65
65
|
'data-garden-id': PROGESS_INDICATOR_COMPONENT_ID,
|
|
66
|
-
'data-garden-version': '9.7.
|
|
66
|
+
'data-garden-version': '9.7.2'
|
|
67
67
|
}).withConfig({
|
|
68
68
|
displayName: "StyledProgress__StyledProgressIndicator",
|
|
69
69
|
componentId: "sc-2g8w4s-1"
|
|
@@ -38,7 +38,7 @@ const sizeStyles = _ref2 => {
|
|
|
38
38
|
return css(["width:", ";height:", ";font-size:", ";"], $containerWidth, $containerHeight, fontSize);
|
|
39
39
|
};
|
|
40
40
|
const StyledSVG = styled.svg.attrs(props => ({
|
|
41
|
-
'data-garden-version': '9.7.
|
|
41
|
+
'data-garden-version': '9.7.2',
|
|
42
42
|
xmlns: 'http://www.w3.org/2000/svg',
|
|
43
43
|
focusable: 'false',
|
|
44
44
|
viewBox: `0 0 ${props.$width} ${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.7.
|
|
55
|
+
'data-garden-version': '9.7.2'
|
|
56
56
|
}).withConfig({
|
|
57
57
|
displayName: "StyledSkeleton",
|
|
58
58
|
componentId: "sc-1raozze-0"
|
package/dist/index.cjs.js
CHANGED
|
@@ -70,7 +70,7 @@ const sizeStyles$1 = _ref => {
|
|
|
70
70
|
};
|
|
71
71
|
const StyledLoadingPlaceholder = styled__default.default.div.attrs({
|
|
72
72
|
'data-garden-id': COMPONENT_ID$5,
|
|
73
|
-
'data-garden-version': '9.7.
|
|
73
|
+
'data-garden-version': '9.7.2',
|
|
74
74
|
role: 'progressbar'
|
|
75
75
|
}).withConfig({
|
|
76
76
|
displayName: "StyledLoadingPlaceholder",
|
|
@@ -125,7 +125,7 @@ const colorStyles$2 = _ref => {
|
|
|
125
125
|
};
|
|
126
126
|
const StyledProgressBackground = styled__default.default.div.attrs({
|
|
127
127
|
'data-garden-id': PROGRESS_BACKGROUND_COMPONENT_ID,
|
|
128
|
-
'data-garden-version': '9.7.
|
|
128
|
+
'data-garden-version': '9.7.2'
|
|
129
129
|
}).withConfig({
|
|
130
130
|
displayName: "StyledProgress__StyledProgressBackground",
|
|
131
131
|
componentId: "sc-2g8w4s-0"
|
|
@@ -133,7 +133,7 @@ const StyledProgressBackground = styled__default.default.div.attrs({
|
|
|
133
133
|
const PROGESS_INDICATOR_COMPONENT_ID = 'loaders.progress_indicator';
|
|
134
134
|
const StyledProgressIndicator = styled__default.default.div.attrs({
|
|
135
135
|
'data-garden-id': PROGESS_INDICATOR_COMPONENT_ID,
|
|
136
|
-
'data-garden-version': '9.7.
|
|
136
|
+
'data-garden-version': '9.7.2'
|
|
137
137
|
}).withConfig({
|
|
138
138
|
displayName: "StyledProgress__StyledProgressIndicator",
|
|
139
139
|
componentId: "sc-2g8w4s-1"
|
|
@@ -184,7 +184,7 @@ const gradientStyles = props => {
|
|
|
184
184
|
};
|
|
185
185
|
const StyledSkeleton = styled__default.default.div.attrs({
|
|
186
186
|
'data-garden-id': COMPONENT_ID$4,
|
|
187
|
-
'data-garden-version': '9.7.
|
|
187
|
+
'data-garden-version': '9.7.2'
|
|
188
188
|
}).withConfig({
|
|
189
189
|
displayName: "StyledSkeleton",
|
|
190
190
|
componentId: "sc-1raozze-0"
|
|
@@ -235,7 +235,7 @@ const sizeStyles = _ref2 => {
|
|
|
235
235
|
return styled.css(["width:", ";height:", ";font-size:", ";"], $containerWidth, $containerHeight, fontSize);
|
|
236
236
|
};
|
|
237
237
|
const StyledSVG = styled__default.default.svg.attrs(props => ({
|
|
238
|
-
'data-garden-version': '9.7.
|
|
238
|
+
'data-garden-version': '9.7.2',
|
|
239
239
|
xmlns: 'http://www.w3.org/2000/svg',
|
|
240
240
|
focusable: 'false',
|
|
241
241
|
viewBox: `0 0 ${props.$width} ${props.$height}`,
|
|
@@ -276,7 +276,7 @@ const StyledCircle = styled__default.default.circle.attrs({
|
|
|
276
276
|
})([""]);
|
|
277
277
|
const StyledInline = styled__default.default.svg.attrs(props => ({
|
|
278
278
|
'data-garden-id': COMPONENT_ID$3,
|
|
279
|
-
'data-garden-version': '9.7.
|
|
279
|
+
'data-garden-version': '9.7.2',
|
|
280
280
|
viewBox: '0 0 16 4',
|
|
281
281
|
width: props.$size,
|
|
282
282
|
height: props.$size * 0.25
|
|
@@ -376,7 +376,7 @@ const Progress = React__default.default.forwardRef((_ref, ref) => {
|
|
|
376
376
|
return (
|
|
377
377
|
React__default.default.createElement(StyledProgressBackground, Object.assign({
|
|
378
378
|
"data-garden-id": COMPONENT_ID$1,
|
|
379
|
-
"data-garden-version": '9.7.
|
|
379
|
+
"data-garden-version": '9.7.2',
|
|
380
380
|
"aria-valuemax": 100,
|
|
381
381
|
"aria-valuemin": 0,
|
|
382
382
|
"aria-valuenow": percentage,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-loaders",
|
|
3
|
-
"version": "9.7.
|
|
3
|
+
"version": "9.7.2",
|
|
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 || ^6.0.0"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"@zendeskgarden/react-theming": "^9.7.
|
|
35
|
+
"@zendeskgarden/react-theming": "^9.7.2"
|
|
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": "6cef5e656fa78619c4e42af330a53014c336a259"
|
|
48
48
|
}
|