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