@khanacademy/wonder-blocks-progress-spinner 1.1.29 → 1.1.32
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/CHANGELOG.md +23 -1
- package/dist/es/index.js +3 -8
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,6 +1,28 @@
|
|
|
1
1
|
# @khanacademy/wonder-blocks-progress-spinner
|
|
2
2
|
|
|
3
|
+
## 1.1.32
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies [5f4a4297]
|
|
8
|
+
- Updated dependencies [2b96fd59]
|
|
9
|
+
- @khanacademy/wonder-blocks-core@4.3.2
|
|
10
|
+
|
|
11
|
+
## 1.1.31
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- @khanacademy/wonder-blocks-core@4.3.1
|
|
16
|
+
|
|
17
|
+
## 1.1.30
|
|
18
|
+
|
|
19
|
+
### Patch Changes
|
|
20
|
+
|
|
21
|
+
- Updated dependencies [246a921d]
|
|
22
|
+
- @khanacademy/wonder-blocks-core@4.3.0
|
|
23
|
+
|
|
3
24
|
## 1.1.29
|
|
25
|
+
|
|
4
26
|
### Patch Changes
|
|
5
27
|
|
|
6
|
-
|
|
28
|
+
- @khanacademy/wonder-blocks-core@4.2.1
|
package/dist/es/index.js
CHANGED
|
@@ -20,11 +20,6 @@ const colors = {
|
|
|
20
20
|
dark: Color.offBlack16
|
|
21
21
|
};
|
|
22
22
|
const StyledPath = addStyle("path");
|
|
23
|
-
|
|
24
|
-
/**
|
|
25
|
-
* A circular progress spinner. Used for indicating loading progress. Should
|
|
26
|
-
* be used by default in most places where a loading indicator is needed.
|
|
27
|
-
*/
|
|
28
23
|
class CircularSpinner extends React.Component {
|
|
29
24
|
render() {
|
|
30
25
|
const {
|
|
@@ -35,19 +30,19 @@ class CircularSpinner extends React.Component {
|
|
|
35
30
|
const height = heights[size];
|
|
36
31
|
const path = paths[size];
|
|
37
32
|
const color = light ? colors.light : colors.dark;
|
|
38
|
-
const svg =
|
|
33
|
+
const svg = React.createElement("svg", {
|
|
39
34
|
xmlns: "http://www.w3.org/2000/svg",
|
|
40
35
|
width: height,
|
|
41
36
|
height: height,
|
|
42
37
|
viewBox: `0 0 ${height} ${height}`
|
|
43
|
-
},
|
|
38
|
+
}, React.createElement(StyledPath, {
|
|
44
39
|
style: [styles.loadingSpinner, {
|
|
45
40
|
fill: color
|
|
46
41
|
}],
|
|
47
42
|
fillRule: "nonzero",
|
|
48
43
|
d: path
|
|
49
44
|
}));
|
|
50
|
-
return
|
|
45
|
+
return React.createElement(View, {
|
|
51
46
|
style: [styles.spinnerContainer, style]
|
|
52
47
|
}, svg);
|
|
53
48
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@khanacademy/wonder-blocks-progress-spinner",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.32",
|
|
4
4
|
"design": "v1",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"@babel/runtime": "^7.16.3",
|
|
19
19
|
"@khanacademy/wonder-blocks-color": "^1.1.20",
|
|
20
|
-
"@khanacademy/wonder-blocks-core": "^4.2
|
|
20
|
+
"@khanacademy/wonder-blocks-core": "^4.3.2",
|
|
21
21
|
"@khanacademy/wonder-blocks-spacing": "^3.0.5"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
@@ -25,6 +25,6 @@
|
|
|
25
25
|
"react": "16.14.0"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
|
-
"wb-dev-build-settings": "^0.
|
|
28
|
+
"wb-dev-build-settings": "^0.4.0"
|
|
29
29
|
}
|
|
30
30
|
}
|