@zendeskgarden/react-loaders 8.62.0 → 8.62.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
|
@@ -97,7 +97,7 @@ StyledDotsCircleThree.defaultProps = {
|
|
|
97
97
|
const COMPONENT_ID$5 = 'loaders.loading_placeholder';
|
|
98
98
|
const StyledLoadingPlaceholder = styled__default["default"].div.attrs({
|
|
99
99
|
'data-garden-id': COMPONENT_ID$5,
|
|
100
|
-
'data-garden-version': '8.62.
|
|
100
|
+
'data-garden-version': '8.62.1',
|
|
101
101
|
role: 'progressbar'
|
|
102
102
|
}).withConfig({
|
|
103
103
|
displayName: "StyledLoadingPlaceholder",
|
|
@@ -121,7 +121,7 @@ const sizeToBorderRadius = (size, theme) => sizeToHeight(size, theme) / 2;
|
|
|
121
121
|
const PROGRESS_BACKGROUND_COMPONENT_ID = 'loaders.progress_background';
|
|
122
122
|
const StyledProgressBackground = styled__default["default"].div.attrs(props => ({
|
|
123
123
|
'data-garden-id': PROGRESS_BACKGROUND_COMPONENT_ID,
|
|
124
|
-
'data-garden-version': '8.62.
|
|
124
|
+
'data-garden-version': '8.62.1',
|
|
125
125
|
borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
|
|
126
126
|
})).withConfig({
|
|
127
127
|
displayName: "StyledProgress__StyledProgressBackground",
|
|
@@ -133,7 +133,7 @@ StyledProgressBackground.defaultProps = {
|
|
|
133
133
|
const PROGESS_INDICATOR_COMPONENT_ID = 'loaders.progress_indicator';
|
|
134
134
|
const StyledProgressIndicator = styled__default["default"].div.attrs(props => ({
|
|
135
135
|
'data-garden-id': PROGESS_INDICATOR_COMPONENT_ID,
|
|
136
|
-
'data-garden-version': '8.62.
|
|
136
|
+
'data-garden-version': '8.62.1',
|
|
137
137
|
height: props.height || sizeToHeight(props.size, props.theme),
|
|
138
138
|
borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
|
|
139
139
|
})).withConfig({
|
|
@@ -176,7 +176,7 @@ const retrieveSkeletonGradient = _ref3 => {
|
|
|
176
176
|
};
|
|
177
177
|
const StyledSkeleton = styled__default["default"].div.attrs({
|
|
178
178
|
'data-garden-id': COMPONENT_ID$4,
|
|
179
|
-
'data-garden-version': '8.62.
|
|
179
|
+
'data-garden-version': '8.62.1'
|
|
180
180
|
}).withConfig({
|
|
181
181
|
displayName: "StyledSkeleton",
|
|
182
182
|
componentId: "sc-1raozze-0"
|
|
@@ -204,7 +204,7 @@ StyledSpinnerCircle.defaultProps = {
|
|
|
204
204
|
};
|
|
205
205
|
|
|
206
206
|
const StyledSVG = styled__default["default"].svg.attrs(props => ({
|
|
207
|
-
'data-garden-version': '8.62.
|
|
207
|
+
'data-garden-version': '8.62.1',
|
|
208
208
|
xmlns: 'http://www.w3.org/2000/svg',
|
|
209
209
|
width: props.width,
|
|
210
210
|
height: props.height,
|
|
@@ -234,7 +234,7 @@ StyledCircle.defaultProps = {
|
|
|
234
234
|
};
|
|
235
235
|
const StyledInline = styled__default["default"].svg.attrs(props => ({
|
|
236
236
|
'data-garden-id': COMPONENT_ID$3,
|
|
237
|
-
'data-garden-version': '8.62.
|
|
237
|
+
'data-garden-version': '8.62.1',
|
|
238
238
|
viewBox: '0 0 16 4',
|
|
239
239
|
width: props.size,
|
|
240
240
|
height: props.size * 0.25
|
|
@@ -335,7 +335,7 @@ const Progress = React__default["default"].forwardRef((_ref, ref) => {
|
|
|
335
335
|
}, 'aria-label', 'Progress');
|
|
336
336
|
return React__default["default"].createElement(StyledProgressBackground, _extends({
|
|
337
337
|
"data-garden-id": COMPONENT_ID$1,
|
|
338
|
-
"data-garden-version": '8.62.
|
|
338
|
+
"data-garden-version": '8.62.1',
|
|
339
339
|
"aria-valuemax": 100,
|
|
340
340
|
"aria-valuemin": 0,
|
|
341
341
|
"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.62.
|
|
90
|
+
'data-garden-version': '8.62.1',
|
|
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.62.
|
|
114
|
+
'data-garden-version': '8.62.1',
|
|
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.62.
|
|
126
|
+
'data-garden-version': '8.62.1',
|
|
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.62.
|
|
169
|
+
'data-garden-version': '8.62.1'
|
|
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.62.
|
|
197
|
+
'data-garden-version': '8.62.1',
|
|
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.62.
|
|
227
|
+
'data-garden-version': '8.62.1',
|
|
228
228
|
viewBox: '0 0 16 4',
|
|
229
229
|
width: props.size,
|
|
230
230
|
height: props.size * 0.25
|
|
@@ -325,7 +325,7 @@ const Progress = React.forwardRef((_ref, ref) => {
|
|
|
325
325
|
}, 'aria-label', 'Progress');
|
|
326
326
|
return React.createElement(StyledProgressBackground, _extends({
|
|
327
327
|
"data-garden-id": COMPONENT_ID$1,
|
|
328
|
-
"data-garden-version": '8.62.
|
|
328
|
+
"data-garden-version": '8.62.1',
|
|
329
329
|
"aria-valuemax": 100,
|
|
330
330
|
"aria-valuemin": 0,
|
|
331
331
|
"aria-valuenow": percentage,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-loaders",
|
|
3
|
-
"version": "8.62.
|
|
3
|
+
"version": "8.62.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.62.
|
|
35
|
+
"@zendeskgarden/react-theming": "^8.62.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": "e84b3603c69975dc0ef30029364da15fc1e4fc03"
|
|
48
48
|
}
|