@skel-ui/react 1.0.0-alpha.c5b371c → 1.0.0-alpha.c6a0c37
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/cjs/index.js +2 -2
- package/dist/esm/index.js +2 -2
- package/dist/styles.css +1 -0
- package/package.json +11 -1
package/dist/cjs/index.js
CHANGED
|
@@ -139,7 +139,7 @@ function createSkelComponent(type, isVoidTag = false) {
|
|
|
139
139
|
const loadingStyle = isLoading ? {
|
|
140
140
|
width: sw,
|
|
141
141
|
height: sh,
|
|
142
|
-
borderRadius: sr
|
|
142
|
+
borderRadius: sr,
|
|
143
143
|
color: "transparent",
|
|
144
144
|
cursor: "default",
|
|
145
145
|
userSelect: "none",
|
|
@@ -153,7 +153,7 @@ function createSkelComponent(type, isVoidTag = false) {
|
|
|
153
153
|
"aria-hidden": isLoading,
|
|
154
154
|
"data-loading": isLoading,
|
|
155
155
|
// Use base64 transparent image while loading to avoid broken image ui. This doesn't trigger error on other media tags.
|
|
156
|
-
...isLoading
|
|
156
|
+
...isLoading ? {
|
|
157
157
|
src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/wcAAgEB/6mZBQAAAABJRU5ErkJggg=="
|
|
158
158
|
} : {}
|
|
159
159
|
},
|
package/dist/esm/index.js
CHANGED
|
@@ -7,7 +7,7 @@ function createSkelComponent(type, isVoidTag = false) {
|
|
|
7
7
|
const loadingStyle = isLoading ? {
|
|
8
8
|
width: sw,
|
|
9
9
|
height: sh,
|
|
10
|
-
borderRadius: sr
|
|
10
|
+
borderRadius: sr,
|
|
11
11
|
color: "transparent",
|
|
12
12
|
cursor: "default",
|
|
13
13
|
userSelect: "none",
|
|
@@ -21,7 +21,7 @@ function createSkelComponent(type, isVoidTag = false) {
|
|
|
21
21
|
"aria-hidden": isLoading,
|
|
22
22
|
"data-loading": isLoading,
|
|
23
23
|
// Use base64 transparent image while loading to avoid broken image ui. This doesn't trigger error on other media tags.
|
|
24
|
-
...isLoading
|
|
24
|
+
...isLoading ? {
|
|
25
25
|
src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/wcAAgEB/6mZBQAAAABJRU5ErkJggg=="
|
|
26
26
|
} : {}
|
|
27
27
|
},
|
package/dist/styles.css
CHANGED
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
--skel-ui-animation-easing: cubic-bezier(0.4, 0, 0.6, 1);
|
|
6
6
|
}
|
|
7
7
|
[aria-hidden=true][data-loading=true] {
|
|
8
|
+
border-radius: var(--skel-ui-radius);
|
|
8
9
|
animation: skel-ui-shimmer var(--skel-ui-animation-duration, 2s) var(--skel-ui-animation-easing) infinite !important;
|
|
9
10
|
background-image:
|
|
10
11
|
linear-gradient(
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skel-ui/react",
|
|
3
3
|
"author": "https://github.com/sudoaugustin",
|
|
4
|
-
"version": "1.0.0-alpha.
|
|
4
|
+
"version": "1.0.0-alpha.c6a0c37",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"description": "Next era of skeleton loading for React",
|
|
7
7
|
"files": [
|
|
@@ -35,6 +35,16 @@
|
|
|
35
35
|
"./styles.css": "./dist/styles.css",
|
|
36
36
|
"./$components": "./stories/components/index.tsx"
|
|
37
37
|
},
|
|
38
|
+
"typesVersions": {
|
|
39
|
+
"*": {
|
|
40
|
+
"utils": [
|
|
41
|
+
"./dist/utils.d.ts"
|
|
42
|
+
],
|
|
43
|
+
"tailwind": [
|
|
44
|
+
"./dist/tailwind.d.ts"
|
|
45
|
+
]
|
|
46
|
+
}
|
|
47
|
+
},
|
|
38
48
|
"bugs": {
|
|
39
49
|
"url": "https://github.com/sudoaugustin/skel-ui/issues"
|
|
40
50
|
},
|