@zendeskgarden/react-loaders 9.12.0 → 9.12.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.12.
|
|
35
|
+
"data-garden-version": '9.12.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.12.
|
|
41
|
+
'data-garden-version': '9.12.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.12.
|
|
29
|
+
'data-garden-version': '9.12.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.12.
|
|
58
|
+
'data-garden-version': '9.12.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.12.
|
|
66
|
+
'data-garden-version': '9.12.2'
|
|
67
67
|
}).withConfig({
|
|
68
68
|
displayName: "StyledProgress__StyledProgressIndicator",
|
|
69
69
|
componentId: "sc-2g8w4s-1"
|
|
@@ -48,7 +48,7 @@ const delayedVisibilityStyles = _ref3 => {
|
|
|
48
48
|
return undefined;
|
|
49
49
|
};
|
|
50
50
|
const StyledSVG = styled.svg.attrs(props => ({
|
|
51
|
-
'data-garden-version': '9.12.
|
|
51
|
+
'data-garden-version': '9.12.2',
|
|
52
52
|
xmlns: 'http://www.w3.org/2000/svg',
|
|
53
53
|
focusable: 'false',
|
|
54
54
|
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.12.
|
|
55
|
+
'data-garden-version': '9.12.2'
|
|
56
56
|
}).withConfig({
|
|
57
57
|
displayName: "StyledSkeleton",
|
|
58
58
|
componentId: "sc-1raozze-0"
|
package/dist/index.cjs.js
CHANGED
|
@@ -71,7 +71,7 @@ const sizeStyles$1 = _ref => {
|
|
|
71
71
|
};
|
|
72
72
|
const StyledLoadingPlaceholder = styled__default.default.div.attrs({
|
|
73
73
|
'data-garden-id': COMPONENT_ID$5,
|
|
74
|
-
'data-garden-version': '9.12.
|
|
74
|
+
'data-garden-version': '9.12.2',
|
|
75
75
|
role: 'progressbar'
|
|
76
76
|
}).withConfig({
|
|
77
77
|
displayName: "StyledLoadingPlaceholder",
|
|
@@ -126,7 +126,7 @@ const colorStyles$2 = _ref => {
|
|
|
126
126
|
};
|
|
127
127
|
const StyledProgressBackground = styled__default.default.div.attrs({
|
|
128
128
|
'data-garden-id': PROGRESS_BACKGROUND_COMPONENT_ID,
|
|
129
|
-
'data-garden-version': '9.12.
|
|
129
|
+
'data-garden-version': '9.12.2'
|
|
130
130
|
}).withConfig({
|
|
131
131
|
displayName: "StyledProgress__StyledProgressBackground",
|
|
132
132
|
componentId: "sc-2g8w4s-0"
|
|
@@ -134,7 +134,7 @@ const StyledProgressBackground = styled__default.default.div.attrs({
|
|
|
134
134
|
const PROGESS_INDICATOR_COMPONENT_ID = 'loaders.progress_indicator';
|
|
135
135
|
const StyledProgressIndicator = styled__default.default.div.attrs({
|
|
136
136
|
'data-garden-id': PROGESS_INDICATOR_COMPONENT_ID,
|
|
137
|
-
'data-garden-version': '9.12.
|
|
137
|
+
'data-garden-version': '9.12.2'
|
|
138
138
|
}).withConfig({
|
|
139
139
|
displayName: "StyledProgress__StyledProgressIndicator",
|
|
140
140
|
componentId: "sc-2g8w4s-1"
|
|
@@ -185,7 +185,7 @@ const gradientStyles = props => {
|
|
|
185
185
|
};
|
|
186
186
|
const StyledSkeleton = styled__default.default.div.attrs({
|
|
187
187
|
'data-garden-id': COMPONENT_ID$4,
|
|
188
|
-
'data-garden-version': '9.12.
|
|
188
|
+
'data-garden-version': '9.12.2'
|
|
189
189
|
}).withConfig({
|
|
190
190
|
displayName: "StyledSkeleton",
|
|
191
191
|
componentId: "sc-1raozze-0"
|
|
@@ -245,7 +245,7 @@ const delayedVisibilityStyles = _ref3 => {
|
|
|
245
245
|
return undefined;
|
|
246
246
|
};
|
|
247
247
|
const StyledSVG = styled__default.default.svg.attrs(props => ({
|
|
248
|
-
'data-garden-version': '9.12.
|
|
248
|
+
'data-garden-version': '9.12.2',
|
|
249
249
|
xmlns: 'http://www.w3.org/2000/svg',
|
|
250
250
|
focusable: 'false',
|
|
251
251
|
viewBox: `0 0 ${props.$width} ${props.$height}`,
|
|
@@ -286,7 +286,7 @@ const StyledCircle = styled__default.default.circle.attrs({
|
|
|
286
286
|
})([""]);
|
|
287
287
|
const StyledInline = styled__default.default.svg.attrs(props => ({
|
|
288
288
|
'data-garden-id': COMPONENT_ID$3,
|
|
289
|
-
'data-garden-version': '9.12.
|
|
289
|
+
'data-garden-version': '9.12.2',
|
|
290
290
|
viewBox: '0 0 16 4',
|
|
291
291
|
width: props.$size,
|
|
292
292
|
height: props.$size * 0.25
|
|
@@ -351,7 +351,7 @@ const Progress = React__default.default.forwardRef((_ref, ref) => {
|
|
|
351
351
|
return (
|
|
352
352
|
React__default.default.createElement(StyledProgressBackground, Object.assign({
|
|
353
353
|
"data-garden-id": COMPONENT_ID$1,
|
|
354
|
-
"data-garden-version": '9.12.
|
|
354
|
+
"data-garden-version": '9.12.2',
|
|
355
355
|
"aria-valuemax": 100,
|
|
356
356
|
"aria-valuemin": 0,
|
|
357
357
|
"aria-valuenow": percentage,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-loaders",
|
|
3
|
-
"version": "9.12.
|
|
3
|
+
"version": "9.12.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.12.
|
|
35
|
+
"@zendeskgarden/react-theming": "^9.12.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": "9b6f34bf0eda4bee3b47f97a437aa9b7f3008af4"
|
|
48
48
|
}
|