@zendeskgarden/react-loaders 8.42.1 → 8.44.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
|
@@ -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.44.1',
|
|
197
197
|
role: 'progressbar'
|
|
198
198
|
}).withConfig({
|
|
199
199
|
displayName: "StyledLoadingPlaceholder",
|
|
@@ -224,7 +224,7 @@ var PROGRESS_BACKGROUND_COMPONENT_ID = 'loaders.progress_background';
|
|
|
224
224
|
var StyledProgressBackground = styled__default['default'].div.attrs(function (props) {
|
|
225
225
|
return {
|
|
226
226
|
'data-garden-id': PROGRESS_BACKGROUND_COMPONENT_ID,
|
|
227
|
-
'data-garden-version': '8.
|
|
227
|
+
'data-garden-version': '8.44.1',
|
|
228
228
|
borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
|
|
229
229
|
};
|
|
230
230
|
}).withConfig({
|
|
@@ -248,7 +248,7 @@ var PROGESS_INDICATOR_COMPONENT_ID = 'loaders.progress_indicator';
|
|
|
248
248
|
var StyledProgressIndicator = styled__default['default'].div.attrs(function (props) {
|
|
249
249
|
return {
|
|
250
250
|
'data-garden-id': PROGESS_INDICATOR_COMPONENT_ID,
|
|
251
|
-
'data-garden-version': '8.
|
|
251
|
+
'data-garden-version': '8.44.1',
|
|
252
252
|
height: props.height || sizeToHeight(props.size, props.theme),
|
|
253
253
|
borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
|
|
254
254
|
};
|
|
@@ -294,7 +294,7 @@ var retrieveSkeletonGradient = function retrieveSkeletonGradient(_ref3) {
|
|
|
294
294
|
};
|
|
295
295
|
var StyledSkeleton = styled__default['default'].div.attrs({
|
|
296
296
|
'data-garden-id': COMPONENT_ID$4,
|
|
297
|
-
'data-garden-version': '8.
|
|
297
|
+
'data-garden-version': '8.44.1'
|
|
298
298
|
}).withConfig({
|
|
299
299
|
displayName: "StyledSkeleton",
|
|
300
300
|
componentId: "sc-1raozze-0"
|
|
@@ -335,7 +335,7 @@ StyledSpinnerCircle.defaultProps = {
|
|
|
335
335
|
|
|
336
336
|
var StyledSVG = styled__default['default'].svg.attrs(function (props) {
|
|
337
337
|
return {
|
|
338
|
-
'data-garden-version': '8.
|
|
338
|
+
'data-garden-version': '8.44.1',
|
|
339
339
|
xmlns: 'http://www.w3.org/2000/svg',
|
|
340
340
|
width: props.width,
|
|
341
341
|
height: props.height,
|
|
@@ -373,7 +373,7 @@ StyledCircle.defaultProps = {
|
|
|
373
373
|
var StyledInlineTypingSVG = styled__default['default'].svg.attrs(function (props) {
|
|
374
374
|
return {
|
|
375
375
|
'data-garden-id': COMPONENT_ID$3,
|
|
376
|
-
'data-garden-version': '8.
|
|
376
|
+
'data-garden-version': '8.44.1',
|
|
377
377
|
viewBox: '0 0 16 4',
|
|
378
378
|
width: props.size,
|
|
379
379
|
height: props.size * 0.25
|
|
@@ -472,7 +472,7 @@ var Progress = React__default['default'].forwardRef(function (_ref, ref) {
|
|
|
472
472
|
var percentage = Math.max(0, Math.min(100, value));
|
|
473
473
|
return React__default['default'].createElement(StyledProgressBackground, _extends({
|
|
474
474
|
"data-garden-id": COMPONENT_ID$1,
|
|
475
|
-
"data-garden-version": '8.
|
|
475
|
+
"data-garden-version": '8.44.1',
|
|
476
476
|
"aria-valuemax": 100,
|
|
477
477
|
"aria-valuemin": 0,
|
|
478
478
|
"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.44.1',
|
|
187
187
|
role: 'progressbar'
|
|
188
188
|
}).withConfig({
|
|
189
189
|
displayName: "StyledLoadingPlaceholder",
|
|
@@ -214,7 +214,7 @@ var PROGRESS_BACKGROUND_COMPONENT_ID = 'loaders.progress_background';
|
|
|
214
214
|
var StyledProgressBackground = styled.div.attrs(function (props) {
|
|
215
215
|
return {
|
|
216
216
|
'data-garden-id': PROGRESS_BACKGROUND_COMPONENT_ID,
|
|
217
|
-
'data-garden-version': '8.
|
|
217
|
+
'data-garden-version': '8.44.1',
|
|
218
218
|
borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
|
|
219
219
|
};
|
|
220
220
|
}).withConfig({
|
|
@@ -238,7 +238,7 @@ var PROGESS_INDICATOR_COMPONENT_ID = 'loaders.progress_indicator';
|
|
|
238
238
|
var StyledProgressIndicator = styled.div.attrs(function (props) {
|
|
239
239
|
return {
|
|
240
240
|
'data-garden-id': PROGESS_INDICATOR_COMPONENT_ID,
|
|
241
|
-
'data-garden-version': '8.
|
|
241
|
+
'data-garden-version': '8.44.1',
|
|
242
242
|
height: props.height || sizeToHeight(props.size, props.theme),
|
|
243
243
|
borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
|
|
244
244
|
};
|
|
@@ -284,7 +284,7 @@ var retrieveSkeletonGradient = function retrieveSkeletonGradient(_ref3) {
|
|
|
284
284
|
};
|
|
285
285
|
var StyledSkeleton = styled.div.attrs({
|
|
286
286
|
'data-garden-id': COMPONENT_ID$4,
|
|
287
|
-
'data-garden-version': '8.
|
|
287
|
+
'data-garden-version': '8.44.1'
|
|
288
288
|
}).withConfig({
|
|
289
289
|
displayName: "StyledSkeleton",
|
|
290
290
|
componentId: "sc-1raozze-0"
|
|
@@ -325,7 +325,7 @@ StyledSpinnerCircle.defaultProps = {
|
|
|
325
325
|
|
|
326
326
|
var StyledSVG = styled.svg.attrs(function (props) {
|
|
327
327
|
return {
|
|
328
|
-
'data-garden-version': '8.
|
|
328
|
+
'data-garden-version': '8.44.1',
|
|
329
329
|
xmlns: 'http://www.w3.org/2000/svg',
|
|
330
330
|
width: props.width,
|
|
331
331
|
height: props.height,
|
|
@@ -363,7 +363,7 @@ StyledCircle.defaultProps = {
|
|
|
363
363
|
var StyledInlineTypingSVG = styled.svg.attrs(function (props) {
|
|
364
364
|
return {
|
|
365
365
|
'data-garden-id': COMPONENT_ID$3,
|
|
366
|
-
'data-garden-version': '8.
|
|
366
|
+
'data-garden-version': '8.44.1',
|
|
367
367
|
viewBox: '0 0 16 4',
|
|
368
368
|
width: props.size,
|
|
369
369
|
height: props.size * 0.25
|
|
@@ -462,7 +462,7 @@ var Progress = React.forwardRef(function (_ref, ref) {
|
|
|
462
462
|
var percentage = Math.max(0, Math.min(100, value));
|
|
463
463
|
return React.createElement(StyledProgressBackground, _extends({
|
|
464
464
|
"data-garden-id": COMPONENT_ID$1,
|
|
465
|
-
"data-garden-version": '8.
|
|
465
|
+
"data-garden-version": '8.44.1',
|
|
466
466
|
"aria-valuemax": 100,
|
|
467
467
|
"aria-valuemin": 0,
|
|
468
468
|
"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.44.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.
|
|
35
|
+
"@zendeskgarden/react-theming": "^8.44.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": "74a6cfa135b2a28b76ebfa2c2d0099c5490ac5bf"
|
|
48
48
|
}
|