@zendeskgarden/react-loaders 8.57.0 → 8.57.1
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
|
@@ -192,7 +192,7 @@ StyledDotsCircleThree.defaultProps = {
|
|
|
192
192
|
var COMPONENT_ID$5 = 'loaders.loading_placeholder';
|
|
193
193
|
var StyledLoadingPlaceholder = styled__default["default"].div.attrs({
|
|
194
194
|
'data-garden-id': COMPONENT_ID$5,
|
|
195
|
-
'data-garden-version': '8.57.
|
|
195
|
+
'data-garden-version': '8.57.1',
|
|
196
196
|
role: 'progressbar'
|
|
197
197
|
}).withConfig({
|
|
198
198
|
displayName: "StyledLoadingPlaceholder",
|
|
@@ -227,7 +227,7 @@ var PROGRESS_BACKGROUND_COMPONENT_ID = 'loaders.progress_background';
|
|
|
227
227
|
var StyledProgressBackground = styled__default["default"].div.attrs(function (props) {
|
|
228
228
|
return {
|
|
229
229
|
'data-garden-id': PROGRESS_BACKGROUND_COMPONENT_ID,
|
|
230
|
-
'data-garden-version': '8.57.
|
|
230
|
+
'data-garden-version': '8.57.1',
|
|
231
231
|
borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
|
|
232
232
|
};
|
|
233
233
|
}).withConfig({
|
|
@@ -251,7 +251,7 @@ var PROGESS_INDICATOR_COMPONENT_ID = 'loaders.progress_indicator';
|
|
|
251
251
|
var StyledProgressIndicator = styled__default["default"].div.attrs(function (props) {
|
|
252
252
|
return {
|
|
253
253
|
'data-garden-id': PROGESS_INDICATOR_COMPONENT_ID,
|
|
254
|
-
'data-garden-version': '8.57.
|
|
254
|
+
'data-garden-version': '8.57.1',
|
|
255
255
|
height: props.height || sizeToHeight(props.size, props.theme),
|
|
256
256
|
borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
|
|
257
257
|
};
|
|
@@ -297,7 +297,7 @@ var retrieveSkeletonGradient = function retrieveSkeletonGradient(_ref3) {
|
|
|
297
297
|
};
|
|
298
298
|
var StyledSkeleton = styled__default["default"].div.attrs({
|
|
299
299
|
'data-garden-id': COMPONENT_ID$4,
|
|
300
|
-
'data-garden-version': '8.57.
|
|
300
|
+
'data-garden-version': '8.57.1'
|
|
301
301
|
}).withConfig({
|
|
302
302
|
displayName: "StyledSkeleton",
|
|
303
303
|
componentId: "sc-1raozze-0"
|
|
@@ -338,7 +338,7 @@ StyledSpinnerCircle.defaultProps = {
|
|
|
338
338
|
|
|
339
339
|
var StyledSVG = styled__default["default"].svg.attrs(function (props) {
|
|
340
340
|
return {
|
|
341
|
-
'data-garden-version': '8.57.
|
|
341
|
+
'data-garden-version': '8.57.1',
|
|
342
342
|
xmlns: 'http://www.w3.org/2000/svg',
|
|
343
343
|
width: props.width,
|
|
344
344
|
height: props.height,
|
|
@@ -380,7 +380,7 @@ StyledCircle.defaultProps = {
|
|
|
380
380
|
var StyledInline = styled__default["default"].svg.attrs(function (props) {
|
|
381
381
|
return {
|
|
382
382
|
'data-garden-id': COMPONENT_ID$3,
|
|
383
|
-
'data-garden-version': '8.57.
|
|
383
|
+
'data-garden-version': '8.57.1',
|
|
384
384
|
viewBox: '0 0 16 4',
|
|
385
385
|
width: props.size,
|
|
386
386
|
height: props.size * 0.25
|
|
@@ -483,7 +483,7 @@ var Progress = React__default["default"].forwardRef(function (_ref, ref) {
|
|
|
483
483
|
var percentage = Math.max(0, Math.min(100, value));
|
|
484
484
|
return React__default["default"].createElement(StyledProgressBackground, _extends({
|
|
485
485
|
"data-garden-id": COMPONENT_ID$1,
|
|
486
|
-
"data-garden-version": '8.57.
|
|
486
|
+
"data-garden-version": '8.57.1',
|
|
487
487
|
"aria-valuemax": 100,
|
|
488
488
|
"aria-valuemin": 0,
|
|
489
489
|
"aria-valuenow": percentage,
|
package/dist/index.esm.js
CHANGED
|
@@ -182,7 +182,7 @@ StyledDotsCircleThree.defaultProps = {
|
|
|
182
182
|
var COMPONENT_ID$5 = 'loaders.loading_placeholder';
|
|
183
183
|
var StyledLoadingPlaceholder = styled.div.attrs({
|
|
184
184
|
'data-garden-id': COMPONENT_ID$5,
|
|
185
|
-
'data-garden-version': '8.57.
|
|
185
|
+
'data-garden-version': '8.57.1',
|
|
186
186
|
role: 'progressbar'
|
|
187
187
|
}).withConfig({
|
|
188
188
|
displayName: "StyledLoadingPlaceholder",
|
|
@@ -217,7 +217,7 @@ var PROGRESS_BACKGROUND_COMPONENT_ID = 'loaders.progress_background';
|
|
|
217
217
|
var StyledProgressBackground = styled.div.attrs(function (props) {
|
|
218
218
|
return {
|
|
219
219
|
'data-garden-id': PROGRESS_BACKGROUND_COMPONENT_ID,
|
|
220
|
-
'data-garden-version': '8.57.
|
|
220
|
+
'data-garden-version': '8.57.1',
|
|
221
221
|
borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
|
|
222
222
|
};
|
|
223
223
|
}).withConfig({
|
|
@@ -241,7 +241,7 @@ var PROGESS_INDICATOR_COMPONENT_ID = 'loaders.progress_indicator';
|
|
|
241
241
|
var StyledProgressIndicator = styled.div.attrs(function (props) {
|
|
242
242
|
return {
|
|
243
243
|
'data-garden-id': PROGESS_INDICATOR_COMPONENT_ID,
|
|
244
|
-
'data-garden-version': '8.57.
|
|
244
|
+
'data-garden-version': '8.57.1',
|
|
245
245
|
height: props.height || sizeToHeight(props.size, props.theme),
|
|
246
246
|
borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
|
|
247
247
|
};
|
|
@@ -287,7 +287,7 @@ var retrieveSkeletonGradient = function retrieveSkeletonGradient(_ref3) {
|
|
|
287
287
|
};
|
|
288
288
|
var StyledSkeleton = styled.div.attrs({
|
|
289
289
|
'data-garden-id': COMPONENT_ID$4,
|
|
290
|
-
'data-garden-version': '8.57.
|
|
290
|
+
'data-garden-version': '8.57.1'
|
|
291
291
|
}).withConfig({
|
|
292
292
|
displayName: "StyledSkeleton",
|
|
293
293
|
componentId: "sc-1raozze-0"
|
|
@@ -328,7 +328,7 @@ StyledSpinnerCircle.defaultProps = {
|
|
|
328
328
|
|
|
329
329
|
var StyledSVG = styled.svg.attrs(function (props) {
|
|
330
330
|
return {
|
|
331
|
-
'data-garden-version': '8.57.
|
|
331
|
+
'data-garden-version': '8.57.1',
|
|
332
332
|
xmlns: 'http://www.w3.org/2000/svg',
|
|
333
333
|
width: props.width,
|
|
334
334
|
height: props.height,
|
|
@@ -370,7 +370,7 @@ StyledCircle.defaultProps = {
|
|
|
370
370
|
var StyledInline = styled.svg.attrs(function (props) {
|
|
371
371
|
return {
|
|
372
372
|
'data-garden-id': COMPONENT_ID$3,
|
|
373
|
-
'data-garden-version': '8.57.
|
|
373
|
+
'data-garden-version': '8.57.1',
|
|
374
374
|
viewBox: '0 0 16 4',
|
|
375
375
|
width: props.size,
|
|
376
376
|
height: props.size * 0.25
|
|
@@ -473,7 +473,7 @@ var Progress = React.forwardRef(function (_ref, ref) {
|
|
|
473
473
|
var percentage = Math.max(0, Math.min(100, value));
|
|
474
474
|
return React.createElement(StyledProgressBackground, _extends({
|
|
475
475
|
"data-garden-id": COMPONENT_ID$1,
|
|
476
|
-
"data-garden-version": '8.57.
|
|
476
|
+
"data-garden-version": '8.57.1',
|
|
477
477
|
"aria-valuemax": 100,
|
|
478
478
|
"aria-valuemin": 0,
|
|
479
479
|
"aria-valuenow": percentage,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-loaders",
|
|
3
|
-
"version": "8.57.
|
|
3
|
+
"version": "8.57.1",
|
|
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.57.
|
|
35
|
+
"@zendeskgarden/react-theming": "^8.57.1"
|
|
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": "3e903f3c7013221ef01d3f81a50489505490be7b"
|
|
48
48
|
}
|