@zendeskgarden/react-loaders 8.63.2 → 8.64.0
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/index.cjs.js +7 -7
- package/dist/index.esm.js +7 -7
- package/package.json +3 -3
package/dist/index.cjs.js
CHANGED
|
@@ -95,7 +95,7 @@ StyledDotsCircleThree.defaultProps = {
|
|
|
95
95
|
const COMPONENT_ID$5 = 'loaders.loading_placeholder';
|
|
96
96
|
const StyledLoadingPlaceholder = styled__default.default.div.attrs({
|
|
97
97
|
'data-garden-id': COMPONENT_ID$5,
|
|
98
|
-
'data-garden-version': '8.
|
|
98
|
+
'data-garden-version': '8.64.0',
|
|
99
99
|
role: 'progressbar'
|
|
100
100
|
}).withConfig({
|
|
101
101
|
displayName: "StyledLoadingPlaceholder",
|
|
@@ -119,7 +119,7 @@ const sizeToBorderRadius = (size, theme) => sizeToHeight(size, theme) / 2;
|
|
|
119
119
|
const PROGRESS_BACKGROUND_COMPONENT_ID = 'loaders.progress_background';
|
|
120
120
|
const StyledProgressBackground = styled__default.default.div.attrs(props => ({
|
|
121
121
|
'data-garden-id': PROGRESS_BACKGROUND_COMPONENT_ID,
|
|
122
|
-
'data-garden-version': '8.
|
|
122
|
+
'data-garden-version': '8.64.0',
|
|
123
123
|
borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
|
|
124
124
|
})).withConfig({
|
|
125
125
|
displayName: "StyledProgress__StyledProgressBackground",
|
|
@@ -131,7 +131,7 @@ StyledProgressBackground.defaultProps = {
|
|
|
131
131
|
const PROGESS_INDICATOR_COMPONENT_ID = 'loaders.progress_indicator';
|
|
132
132
|
const StyledProgressIndicator = styled__default.default.div.attrs(props => ({
|
|
133
133
|
'data-garden-id': PROGESS_INDICATOR_COMPONENT_ID,
|
|
134
|
-
'data-garden-version': '8.
|
|
134
|
+
'data-garden-version': '8.64.0',
|
|
135
135
|
height: props.height || sizeToHeight(props.size, props.theme),
|
|
136
136
|
borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
|
|
137
137
|
})).withConfig({
|
|
@@ -174,7 +174,7 @@ const retrieveSkeletonGradient = _ref3 => {
|
|
|
174
174
|
};
|
|
175
175
|
const StyledSkeleton = styled__default.default.div.attrs({
|
|
176
176
|
'data-garden-id': COMPONENT_ID$4,
|
|
177
|
-
'data-garden-version': '8.
|
|
177
|
+
'data-garden-version': '8.64.0'
|
|
178
178
|
}).withConfig({
|
|
179
179
|
displayName: "StyledSkeleton",
|
|
180
180
|
componentId: "sc-1raozze-0"
|
|
@@ -202,7 +202,7 @@ StyledSpinnerCircle.defaultProps = {
|
|
|
202
202
|
};
|
|
203
203
|
|
|
204
204
|
const StyledSVG = styled__default.default.svg.attrs(props => ({
|
|
205
|
-
'data-garden-version': '8.
|
|
205
|
+
'data-garden-version': '8.64.0',
|
|
206
206
|
xmlns: 'http://www.w3.org/2000/svg',
|
|
207
207
|
width: props.width,
|
|
208
208
|
height: props.height,
|
|
@@ -232,7 +232,7 @@ StyledCircle.defaultProps = {
|
|
|
232
232
|
};
|
|
233
233
|
const StyledInline = styled__default.default.svg.attrs(props => ({
|
|
234
234
|
'data-garden-id': COMPONENT_ID$3,
|
|
235
|
-
'data-garden-version': '8.
|
|
235
|
+
'data-garden-version': '8.64.0',
|
|
236
236
|
viewBox: '0 0 16 4',
|
|
237
237
|
width: props.size,
|
|
238
238
|
height: props.size * 0.25
|
|
@@ -334,7 +334,7 @@ const Progress = React__default.default.forwardRef((_ref, ref) => {
|
|
|
334
334
|
return (
|
|
335
335
|
React__default.default.createElement(StyledProgressBackground, _extends({
|
|
336
336
|
"data-garden-id": COMPONENT_ID$1,
|
|
337
|
-
"data-garden-version": '8.
|
|
337
|
+
"data-garden-version": '8.64.0',
|
|
338
338
|
"aria-valuemax": 100,
|
|
339
339
|
"aria-valuemin": 0,
|
|
340
340
|
"aria-valuenow": percentage,
|
package/dist/index.esm.js
CHANGED
|
@@ -87,7 +87,7 @@ StyledDotsCircleThree.defaultProps = {
|
|
|
87
87
|
const COMPONENT_ID$5 = 'loaders.loading_placeholder';
|
|
88
88
|
const StyledLoadingPlaceholder = styled.div.attrs({
|
|
89
89
|
'data-garden-id': COMPONENT_ID$5,
|
|
90
|
-
'data-garden-version': '8.
|
|
90
|
+
'data-garden-version': '8.64.0',
|
|
91
91
|
role: 'progressbar'
|
|
92
92
|
}).withConfig({
|
|
93
93
|
displayName: "StyledLoadingPlaceholder",
|
|
@@ -111,7 +111,7 @@ const sizeToBorderRadius = (size, theme) => sizeToHeight(size, theme) / 2;
|
|
|
111
111
|
const PROGRESS_BACKGROUND_COMPONENT_ID = 'loaders.progress_background';
|
|
112
112
|
const StyledProgressBackground = styled.div.attrs(props => ({
|
|
113
113
|
'data-garden-id': PROGRESS_BACKGROUND_COMPONENT_ID,
|
|
114
|
-
'data-garden-version': '8.
|
|
114
|
+
'data-garden-version': '8.64.0',
|
|
115
115
|
borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
|
|
116
116
|
})).withConfig({
|
|
117
117
|
displayName: "StyledProgress__StyledProgressBackground",
|
|
@@ -123,7 +123,7 @@ StyledProgressBackground.defaultProps = {
|
|
|
123
123
|
const PROGESS_INDICATOR_COMPONENT_ID = 'loaders.progress_indicator';
|
|
124
124
|
const StyledProgressIndicator = styled.div.attrs(props => ({
|
|
125
125
|
'data-garden-id': PROGESS_INDICATOR_COMPONENT_ID,
|
|
126
|
-
'data-garden-version': '8.
|
|
126
|
+
'data-garden-version': '8.64.0',
|
|
127
127
|
height: props.height || sizeToHeight(props.size, props.theme),
|
|
128
128
|
borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
|
|
129
129
|
})).withConfig({
|
|
@@ -166,7 +166,7 @@ const retrieveSkeletonGradient = _ref3 => {
|
|
|
166
166
|
};
|
|
167
167
|
const StyledSkeleton = styled.div.attrs({
|
|
168
168
|
'data-garden-id': COMPONENT_ID$4,
|
|
169
|
-
'data-garden-version': '8.
|
|
169
|
+
'data-garden-version': '8.64.0'
|
|
170
170
|
}).withConfig({
|
|
171
171
|
displayName: "StyledSkeleton",
|
|
172
172
|
componentId: "sc-1raozze-0"
|
|
@@ -194,7 +194,7 @@ StyledSpinnerCircle.defaultProps = {
|
|
|
194
194
|
};
|
|
195
195
|
|
|
196
196
|
const StyledSVG = styled.svg.attrs(props => ({
|
|
197
|
-
'data-garden-version': '8.
|
|
197
|
+
'data-garden-version': '8.64.0',
|
|
198
198
|
xmlns: 'http://www.w3.org/2000/svg',
|
|
199
199
|
width: props.width,
|
|
200
200
|
height: props.height,
|
|
@@ -224,7 +224,7 @@ StyledCircle.defaultProps = {
|
|
|
224
224
|
};
|
|
225
225
|
const StyledInline = styled.svg.attrs(props => ({
|
|
226
226
|
'data-garden-id': COMPONENT_ID$3,
|
|
227
|
-
'data-garden-version': '8.
|
|
227
|
+
'data-garden-version': '8.64.0',
|
|
228
228
|
viewBox: '0 0 16 4',
|
|
229
229
|
width: props.size,
|
|
230
230
|
height: props.size * 0.25
|
|
@@ -326,7 +326,7 @@ const Progress = React.forwardRef((_ref, ref) => {
|
|
|
326
326
|
return (
|
|
327
327
|
React.createElement(StyledProgressBackground, _extends({
|
|
328
328
|
"data-garden-id": COMPONENT_ID$1,
|
|
329
|
-
"data-garden-version": '8.
|
|
329
|
+
"data-garden-version": '8.64.0',
|
|
330
330
|
"aria-valuemax": 100,
|
|
331
331
|
"aria-valuemin": 0,
|
|
332
332
|
"aria-valuenow": percentage,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-loaders",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.64.0",
|
|
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": "^4.2.0 || ^5.0.0"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"@zendeskgarden/react-theming": "^8.
|
|
35
|
+
"@zendeskgarden/react-theming": "^8.64.0"
|
|
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": "c0cfa3666c7a2e72ec8a9e0af8d530bb3312da86"
|
|
48
48
|
}
|