@zendeskgarden/react-loaders 9.0.0-next.6 → 9.0.0-next.7
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
|
@@ -83,7 +83,7 @@ StyledDotsCircleThree.defaultProps = {
|
|
|
83
83
|
const COMPONENT_ID$5 = 'loaders.loading_placeholder';
|
|
84
84
|
const StyledLoadingPlaceholder = styled__default.default.div.attrs({
|
|
85
85
|
'data-garden-id': COMPONENT_ID$5,
|
|
86
|
-
'data-garden-version': '9.0.0-next.
|
|
86
|
+
'data-garden-version': '9.0.0-next.7',
|
|
87
87
|
role: 'progressbar'
|
|
88
88
|
}).withConfig({
|
|
89
89
|
displayName: "StyledLoadingPlaceholder",
|
|
@@ -107,7 +107,7 @@ const sizeToBorderRadius = (size, theme) => sizeToHeight(size, theme) / 2;
|
|
|
107
107
|
const PROGRESS_BACKGROUND_COMPONENT_ID = 'loaders.progress_background';
|
|
108
108
|
const StyledProgressBackground = styled__default.default.div.attrs(props => ({
|
|
109
109
|
'data-garden-id': PROGRESS_BACKGROUND_COMPONENT_ID,
|
|
110
|
-
'data-garden-version': '9.0.0-next.
|
|
110
|
+
'data-garden-version': '9.0.0-next.7',
|
|
111
111
|
borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
|
|
112
112
|
})).withConfig({
|
|
113
113
|
displayName: "StyledProgress__StyledProgressBackground",
|
|
@@ -119,7 +119,7 @@ StyledProgressBackground.defaultProps = {
|
|
|
119
119
|
const PROGESS_INDICATOR_COMPONENT_ID = 'loaders.progress_indicator';
|
|
120
120
|
const StyledProgressIndicator = styled__default.default.div.attrs(props => ({
|
|
121
121
|
'data-garden-id': PROGESS_INDICATOR_COMPONENT_ID,
|
|
122
|
-
'data-garden-version': '9.0.0-next.
|
|
122
|
+
'data-garden-version': '9.0.0-next.7',
|
|
123
123
|
height: props.height || sizeToHeight(props.size, props.theme),
|
|
124
124
|
borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
|
|
125
125
|
})).withConfig({
|
|
@@ -162,7 +162,7 @@ const retrieveSkeletonGradient = _ref3 => {
|
|
|
162
162
|
};
|
|
163
163
|
const StyledSkeleton = styled__default.default.div.attrs({
|
|
164
164
|
'data-garden-id': COMPONENT_ID$4,
|
|
165
|
-
'data-garden-version': '9.0.0-next.
|
|
165
|
+
'data-garden-version': '9.0.0-next.7'
|
|
166
166
|
}).withConfig({
|
|
167
167
|
displayName: "StyledSkeleton",
|
|
168
168
|
componentId: "sc-1raozze-0"
|
|
@@ -190,7 +190,7 @@ StyledSpinnerCircle.defaultProps = {
|
|
|
190
190
|
};
|
|
191
191
|
|
|
192
192
|
const StyledSVG = styled__default.default.svg.attrs(props => ({
|
|
193
|
-
'data-garden-version': '9.0.0-next.
|
|
193
|
+
'data-garden-version': '9.0.0-next.7',
|
|
194
194
|
xmlns: 'http://www.w3.org/2000/svg',
|
|
195
195
|
width: props.width,
|
|
196
196
|
height: props.height,
|
|
@@ -220,7 +220,7 @@ StyledCircle.defaultProps = {
|
|
|
220
220
|
};
|
|
221
221
|
const StyledInline = styled__default.default.svg.attrs(props => ({
|
|
222
222
|
'data-garden-id': COMPONENT_ID$3,
|
|
223
|
-
'data-garden-version': '9.0.0-next.
|
|
223
|
+
'data-garden-version': '9.0.0-next.7',
|
|
224
224
|
viewBox: '0 0 16 4',
|
|
225
225
|
width: props.size,
|
|
226
226
|
height: props.size * 0.25
|
|
@@ -322,7 +322,7 @@ const Progress = React__default.default.forwardRef((_ref, ref) => {
|
|
|
322
322
|
return (
|
|
323
323
|
React__default.default.createElement(StyledProgressBackground, _extends({
|
|
324
324
|
"data-garden-id": COMPONENT_ID$1,
|
|
325
|
-
"data-garden-version": '9.0.0-next.
|
|
325
|
+
"data-garden-version": '9.0.0-next.7',
|
|
326
326
|
"aria-valuemax": 100,
|
|
327
327
|
"aria-valuemin": 0,
|
|
328
328
|
"aria-valuenow": percentage,
|
package/dist/index.esm.js
CHANGED
|
@@ -75,7 +75,7 @@ StyledDotsCircleThree.defaultProps = {
|
|
|
75
75
|
const COMPONENT_ID$5 = 'loaders.loading_placeholder';
|
|
76
76
|
const StyledLoadingPlaceholder = styled.div.attrs({
|
|
77
77
|
'data-garden-id': COMPONENT_ID$5,
|
|
78
|
-
'data-garden-version': '9.0.0-next.
|
|
78
|
+
'data-garden-version': '9.0.0-next.7',
|
|
79
79
|
role: 'progressbar'
|
|
80
80
|
}).withConfig({
|
|
81
81
|
displayName: "StyledLoadingPlaceholder",
|
|
@@ -99,7 +99,7 @@ const sizeToBorderRadius = (size, theme) => sizeToHeight(size, theme) / 2;
|
|
|
99
99
|
const PROGRESS_BACKGROUND_COMPONENT_ID = 'loaders.progress_background';
|
|
100
100
|
const StyledProgressBackground = styled.div.attrs(props => ({
|
|
101
101
|
'data-garden-id': PROGRESS_BACKGROUND_COMPONENT_ID,
|
|
102
|
-
'data-garden-version': '9.0.0-next.
|
|
102
|
+
'data-garden-version': '9.0.0-next.7',
|
|
103
103
|
borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
|
|
104
104
|
})).withConfig({
|
|
105
105
|
displayName: "StyledProgress__StyledProgressBackground",
|
|
@@ -111,7 +111,7 @@ StyledProgressBackground.defaultProps = {
|
|
|
111
111
|
const PROGESS_INDICATOR_COMPONENT_ID = 'loaders.progress_indicator';
|
|
112
112
|
const StyledProgressIndicator = styled.div.attrs(props => ({
|
|
113
113
|
'data-garden-id': PROGESS_INDICATOR_COMPONENT_ID,
|
|
114
|
-
'data-garden-version': '9.0.0-next.
|
|
114
|
+
'data-garden-version': '9.0.0-next.7',
|
|
115
115
|
height: props.height || sizeToHeight(props.size, props.theme),
|
|
116
116
|
borderRadius: props.borderRadius || sizeToBorderRadius(props.size, props.theme)
|
|
117
117
|
})).withConfig({
|
|
@@ -154,7 +154,7 @@ const retrieveSkeletonGradient = _ref3 => {
|
|
|
154
154
|
};
|
|
155
155
|
const StyledSkeleton = styled.div.attrs({
|
|
156
156
|
'data-garden-id': COMPONENT_ID$4,
|
|
157
|
-
'data-garden-version': '9.0.0-next.
|
|
157
|
+
'data-garden-version': '9.0.0-next.7'
|
|
158
158
|
}).withConfig({
|
|
159
159
|
displayName: "StyledSkeleton",
|
|
160
160
|
componentId: "sc-1raozze-0"
|
|
@@ -182,7 +182,7 @@ StyledSpinnerCircle.defaultProps = {
|
|
|
182
182
|
};
|
|
183
183
|
|
|
184
184
|
const StyledSVG = styled.svg.attrs(props => ({
|
|
185
|
-
'data-garden-version': '9.0.0-next.
|
|
185
|
+
'data-garden-version': '9.0.0-next.7',
|
|
186
186
|
xmlns: 'http://www.w3.org/2000/svg',
|
|
187
187
|
width: props.width,
|
|
188
188
|
height: props.height,
|
|
@@ -212,7 +212,7 @@ StyledCircle.defaultProps = {
|
|
|
212
212
|
};
|
|
213
213
|
const StyledInline = styled.svg.attrs(props => ({
|
|
214
214
|
'data-garden-id': COMPONENT_ID$3,
|
|
215
|
-
'data-garden-version': '9.0.0-next.
|
|
215
|
+
'data-garden-version': '9.0.0-next.7',
|
|
216
216
|
viewBox: '0 0 16 4',
|
|
217
217
|
width: props.size,
|
|
218
218
|
height: props.size * 0.25
|
|
@@ -314,7 +314,7 @@ const Progress = React.forwardRef((_ref, ref) => {
|
|
|
314
314
|
return (
|
|
315
315
|
React.createElement(StyledProgressBackground, _extends({
|
|
316
316
|
"data-garden-id": COMPONENT_ID$1,
|
|
317
|
-
"data-garden-version": '9.0.0-next.
|
|
317
|
+
"data-garden-version": '9.0.0-next.7',
|
|
318
318
|
"aria-valuemax": 100,
|
|
319
319
|
"aria-valuemin": 0,
|
|
320
320
|
"aria-valuenow": percentage,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-loaders",
|
|
3
|
-
"version": "9.0.0-next.
|
|
3
|
+
"version": "9.0.0-next.7",
|
|
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": "^5.3.1"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"@zendeskgarden/react-theming": "^9.0.0-next.
|
|
35
|
+
"@zendeskgarden/react-theming": "^9.0.0-next.7"
|
|
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": "50a2b45b2e237a490a6d460818d33498b92479ec"
|
|
48
48
|
}
|