@zendeskgarden/react-loaders 8.55.0 → 8.57.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 +8 -9
- package/dist/index.esm.js +8 -9
- package/package.json +3 -3
package/dist/index.cjs.js
CHANGED
|
@@ -23,7 +23,7 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
|
23
23
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
24
24
|
|
|
25
25
|
function _extends() {
|
|
26
|
-
_extends = Object.assign
|
|
26
|
+
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
27
27
|
for (var i = 1; i < arguments.length; i++) {
|
|
28
28
|
var source = arguments[i];
|
|
29
29
|
|
|
@@ -36,7 +36,6 @@ function _extends() {
|
|
|
36
36
|
|
|
37
37
|
return target;
|
|
38
38
|
};
|
|
39
|
-
|
|
40
39
|
return _extends.apply(this, arguments);
|
|
41
40
|
}
|
|
42
41
|
|
|
@@ -193,7 +192,7 @@ StyledDotsCircleThree.defaultProps = {
|
|
|
193
192
|
var COMPONENT_ID$5 = 'loaders.loading_placeholder';
|
|
194
193
|
var StyledLoadingPlaceholder = styled__default["default"].div.attrs({
|
|
195
194
|
'data-garden-id': COMPONENT_ID$5,
|
|
196
|
-
'data-garden-version': '8.
|
|
195
|
+
'data-garden-version': '8.57.0',
|
|
197
196
|
role: 'progressbar'
|
|
198
197
|
}).withConfig({
|
|
199
198
|
displayName: "StyledLoadingPlaceholder",
|
|
@@ -228,7 +227,7 @@ var PROGRESS_BACKGROUND_COMPONENT_ID = 'loaders.progress_background';
|
|
|
228
227
|
var StyledProgressBackground = styled__default["default"].div.attrs(function (props) {
|
|
229
228
|
return {
|
|
230
229
|
'data-garden-id': PROGRESS_BACKGROUND_COMPONENT_ID,
|
|
231
|
-
'data-garden-version': '8.
|
|
230
|
+
'data-garden-version': '8.57.0',
|
|
232
231
|
borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
|
|
233
232
|
};
|
|
234
233
|
}).withConfig({
|
|
@@ -252,7 +251,7 @@ var PROGESS_INDICATOR_COMPONENT_ID = 'loaders.progress_indicator';
|
|
|
252
251
|
var StyledProgressIndicator = styled__default["default"].div.attrs(function (props) {
|
|
253
252
|
return {
|
|
254
253
|
'data-garden-id': PROGESS_INDICATOR_COMPONENT_ID,
|
|
255
|
-
'data-garden-version': '8.
|
|
254
|
+
'data-garden-version': '8.57.0',
|
|
256
255
|
height: props.height || sizeToHeight(props.size, props.theme),
|
|
257
256
|
borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
|
|
258
257
|
};
|
|
@@ -298,7 +297,7 @@ var retrieveSkeletonGradient = function retrieveSkeletonGradient(_ref3) {
|
|
|
298
297
|
};
|
|
299
298
|
var StyledSkeleton = styled__default["default"].div.attrs({
|
|
300
299
|
'data-garden-id': COMPONENT_ID$4,
|
|
301
|
-
'data-garden-version': '8.
|
|
300
|
+
'data-garden-version': '8.57.0'
|
|
302
301
|
}).withConfig({
|
|
303
302
|
displayName: "StyledSkeleton",
|
|
304
303
|
componentId: "sc-1raozze-0"
|
|
@@ -339,7 +338,7 @@ StyledSpinnerCircle.defaultProps = {
|
|
|
339
338
|
|
|
340
339
|
var StyledSVG = styled__default["default"].svg.attrs(function (props) {
|
|
341
340
|
return {
|
|
342
|
-
'data-garden-version': '8.
|
|
341
|
+
'data-garden-version': '8.57.0',
|
|
343
342
|
xmlns: 'http://www.w3.org/2000/svg',
|
|
344
343
|
width: props.width,
|
|
345
344
|
height: props.height,
|
|
@@ -381,7 +380,7 @@ StyledCircle.defaultProps = {
|
|
|
381
380
|
var StyledInline = styled__default["default"].svg.attrs(function (props) {
|
|
382
381
|
return {
|
|
383
382
|
'data-garden-id': COMPONENT_ID$3,
|
|
384
|
-
'data-garden-version': '8.
|
|
383
|
+
'data-garden-version': '8.57.0',
|
|
385
384
|
viewBox: '0 0 16 4',
|
|
386
385
|
width: props.size,
|
|
387
386
|
height: props.size * 0.25
|
|
@@ -484,7 +483,7 @@ var Progress = React__default["default"].forwardRef(function (_ref, ref) {
|
|
|
484
483
|
var percentage = Math.max(0, Math.min(100, value));
|
|
485
484
|
return React__default["default"].createElement(StyledProgressBackground, _extends({
|
|
486
485
|
"data-garden-id": COMPONENT_ID$1,
|
|
487
|
-
"data-garden-version": '8.
|
|
486
|
+
"data-garden-version": '8.57.0',
|
|
488
487
|
"aria-valuemax": 100,
|
|
489
488
|
"aria-valuemin": 0,
|
|
490
489
|
"aria-valuenow": percentage,
|
package/dist/index.esm.js
CHANGED
|
@@ -13,7 +13,7 @@ import { DEFAULT_THEME, retrieveComponentStyles, getColor, getLineHeight, useDoc
|
|
|
13
13
|
import { rgba } from 'polished';
|
|
14
14
|
|
|
15
15
|
function _extends() {
|
|
16
|
-
_extends = Object.assign
|
|
16
|
+
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
17
17
|
for (var i = 1; i < arguments.length; i++) {
|
|
18
18
|
var source = arguments[i];
|
|
19
19
|
|
|
@@ -26,7 +26,6 @@ function _extends() {
|
|
|
26
26
|
|
|
27
27
|
return target;
|
|
28
28
|
};
|
|
29
|
-
|
|
30
29
|
return _extends.apply(this, arguments);
|
|
31
30
|
}
|
|
32
31
|
|
|
@@ -183,7 +182,7 @@ StyledDotsCircleThree.defaultProps = {
|
|
|
183
182
|
var COMPONENT_ID$5 = 'loaders.loading_placeholder';
|
|
184
183
|
var StyledLoadingPlaceholder = styled.div.attrs({
|
|
185
184
|
'data-garden-id': COMPONENT_ID$5,
|
|
186
|
-
'data-garden-version': '8.
|
|
185
|
+
'data-garden-version': '8.57.0',
|
|
187
186
|
role: 'progressbar'
|
|
188
187
|
}).withConfig({
|
|
189
188
|
displayName: "StyledLoadingPlaceholder",
|
|
@@ -218,7 +217,7 @@ var PROGRESS_BACKGROUND_COMPONENT_ID = 'loaders.progress_background';
|
|
|
218
217
|
var StyledProgressBackground = styled.div.attrs(function (props) {
|
|
219
218
|
return {
|
|
220
219
|
'data-garden-id': PROGRESS_BACKGROUND_COMPONENT_ID,
|
|
221
|
-
'data-garden-version': '8.
|
|
220
|
+
'data-garden-version': '8.57.0',
|
|
222
221
|
borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
|
|
223
222
|
};
|
|
224
223
|
}).withConfig({
|
|
@@ -242,7 +241,7 @@ var PROGESS_INDICATOR_COMPONENT_ID = 'loaders.progress_indicator';
|
|
|
242
241
|
var StyledProgressIndicator = styled.div.attrs(function (props) {
|
|
243
242
|
return {
|
|
244
243
|
'data-garden-id': PROGESS_INDICATOR_COMPONENT_ID,
|
|
245
|
-
'data-garden-version': '8.
|
|
244
|
+
'data-garden-version': '8.57.0',
|
|
246
245
|
height: props.height || sizeToHeight(props.size, props.theme),
|
|
247
246
|
borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
|
|
248
247
|
};
|
|
@@ -288,7 +287,7 @@ var retrieveSkeletonGradient = function retrieveSkeletonGradient(_ref3) {
|
|
|
288
287
|
};
|
|
289
288
|
var StyledSkeleton = styled.div.attrs({
|
|
290
289
|
'data-garden-id': COMPONENT_ID$4,
|
|
291
|
-
'data-garden-version': '8.
|
|
290
|
+
'data-garden-version': '8.57.0'
|
|
292
291
|
}).withConfig({
|
|
293
292
|
displayName: "StyledSkeleton",
|
|
294
293
|
componentId: "sc-1raozze-0"
|
|
@@ -329,7 +328,7 @@ StyledSpinnerCircle.defaultProps = {
|
|
|
329
328
|
|
|
330
329
|
var StyledSVG = styled.svg.attrs(function (props) {
|
|
331
330
|
return {
|
|
332
|
-
'data-garden-version': '8.
|
|
331
|
+
'data-garden-version': '8.57.0',
|
|
333
332
|
xmlns: 'http://www.w3.org/2000/svg',
|
|
334
333
|
width: props.width,
|
|
335
334
|
height: props.height,
|
|
@@ -371,7 +370,7 @@ StyledCircle.defaultProps = {
|
|
|
371
370
|
var StyledInline = styled.svg.attrs(function (props) {
|
|
372
371
|
return {
|
|
373
372
|
'data-garden-id': COMPONENT_ID$3,
|
|
374
|
-
'data-garden-version': '8.
|
|
373
|
+
'data-garden-version': '8.57.0',
|
|
375
374
|
viewBox: '0 0 16 4',
|
|
376
375
|
width: props.size,
|
|
377
376
|
height: props.size * 0.25
|
|
@@ -474,7 +473,7 @@ var Progress = React.forwardRef(function (_ref, ref) {
|
|
|
474
473
|
var percentage = Math.max(0, Math.min(100, value));
|
|
475
474
|
return React.createElement(StyledProgressBackground, _extends({
|
|
476
475
|
"data-garden-id": COMPONENT_ID$1,
|
|
477
|
-
"data-garden-version": '8.
|
|
476
|
+
"data-garden-version": '8.57.0',
|
|
478
477
|
"aria-valuemax": 100,
|
|
479
478
|
"aria-valuemin": 0,
|
|
480
479
|
"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.57.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.57.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": "165b6a453118f93e9e760642b632ce3d31e3a231"
|
|
48
48
|
}
|