se-design 1.0.67 → 1.0.68-devnav
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/assets/style.css +1 -1
- package/dist/components/MenuItem/index.d.ts +2 -1
- package/dist/index16.js +26 -25
- package/dist/index16.js.map +1 -1
- package/dist/index17.js +59 -47
- package/dist/index17.js.map +1 -1
- package/dist/index186.js +5 -5
- package/dist/index186.js.map +1 -1
- package/dist/index227.js +1 -1
- package/dist/index228.js +1 -1
- package/dist/index229.js +9 -21
- package/dist/index229.js.map +1 -1
- package/dist/index230.js +9 -18
- package/dist/index230.js.map +1 -1
- package/dist/index231.js +4 -9
- package/dist/index231.js.map +1 -1
- package/dist/index232.js +170 -10
- package/dist/index232.js.map +1 -1
- package/dist/index233.js +11 -5
- package/dist/index233.js.map +1 -1
- package/dist/index234.js +22 -170
- package/dist/index234.js.map +1 -1
- package/dist/index235.js +19 -11
- package/dist/index235.js.map +1 -1
- package/dist/index31.js +10 -11
- package/dist/index41.js +7 -8
- package/dist/index42.js +6 -7
- package/dist/index54.js +16 -17
- package/dist/index6.js +6 -7
- package/dist/index64.js +1 -2
- package/package.json +1 -1
package/dist/index54.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import a from "react";
|
|
2
2
|
/* empty css */
|
|
3
3
|
const n = ({
|
|
4
4
|
element: e,
|
|
@@ -15,12 +15,12 @@ const n = ({
|
|
|
15
15
|
"--shimmer-base-color": s,
|
|
16
16
|
"--shimmer-highlight-color": m
|
|
17
17
|
}, r = `se-design-shimmer-element se-design-shimmer-${e.type}`;
|
|
18
|
-
return /* @__PURE__ */
|
|
18
|
+
return /* @__PURE__ */ a.createElement("div", {
|
|
19
19
|
className: r,
|
|
20
20
|
style: i
|
|
21
|
-
}, e.children && e.children.map((
|
|
21
|
+
}, e.children && e.children.map((t, p) => /* @__PURE__ */ a.createElement(n, {
|
|
22
22
|
key: p,
|
|
23
|
-
element:
|
|
23
|
+
element: t,
|
|
24
24
|
animationDuration: d,
|
|
25
25
|
baseColor: s,
|
|
26
26
|
highlightColor: m
|
|
@@ -40,48 +40,48 @@ const n = ({
|
|
|
40
40
|
alignItems: e.alignItems,
|
|
41
41
|
flex: e.flex
|
|
42
42
|
};
|
|
43
|
-
return /* @__PURE__ */
|
|
43
|
+
return /* @__PURE__ */ a.createElement("div", {
|
|
44
44
|
className: `se-design-shimmer-container ${e.className || ""}`,
|
|
45
45
|
style: i
|
|
46
|
-
}, e.children.map((r,
|
|
47
|
-
key:
|
|
46
|
+
}, e.children.map((r, t) => r.type === "container" ? /* @__PURE__ */ a.createElement(y, {
|
|
47
|
+
key: t,
|
|
48
48
|
container: r,
|
|
49
49
|
animationDuration: d,
|
|
50
50
|
baseColor: s,
|
|
51
51
|
highlightColor: m
|
|
52
|
-
}) : /* @__PURE__ */
|
|
53
|
-
key:
|
|
52
|
+
}) : /* @__PURE__ */ a.createElement(n, {
|
|
53
|
+
key: t,
|
|
54
54
|
element: r,
|
|
55
55
|
animationDuration: d,
|
|
56
56
|
baseColor: s,
|
|
57
57
|
highlightColor: m
|
|
58
58
|
})));
|
|
59
|
-
},
|
|
59
|
+
}, g = ({
|
|
60
60
|
structure: e,
|
|
61
61
|
className: d = "",
|
|
62
62
|
animationDuration: s = 1.5,
|
|
63
63
|
baseColor: m = "var(--color-gray-400)",
|
|
64
64
|
highlightColor: i = "var(--color-gray-600)",
|
|
65
65
|
width: r,
|
|
66
|
-
height:
|
|
66
|
+
height: t
|
|
67
67
|
}) => {
|
|
68
68
|
const p = {
|
|
69
69
|
width: r ? typeof r == "number" ? `${r}px` : r : "100%",
|
|
70
|
-
height:
|
|
70
|
+
height: t ? typeof t == "number" ? `${t}px` : t : "auto",
|
|
71
71
|
"--shimmer-duration": `${s}s`,
|
|
72
72
|
"--shimmer-base-color": m,
|
|
73
73
|
"--shimmer-highlight-color": i
|
|
74
74
|
};
|
|
75
|
-
return /* @__PURE__ */
|
|
75
|
+
return /* @__PURE__ */ a.createElement("div", {
|
|
76
76
|
className: `se-design-shimmer-loader ${d}`,
|
|
77
77
|
style: p
|
|
78
|
-
}, e.map((c, o) => c.type === "container" ? /* @__PURE__ */
|
|
78
|
+
}, e.map((c, o) => c.type === "container" ? /* @__PURE__ */ a.createElement(y, {
|
|
79
79
|
key: o,
|
|
80
80
|
container: c,
|
|
81
81
|
animationDuration: s,
|
|
82
82
|
baseColor: m,
|
|
83
83
|
highlightColor: i
|
|
84
|
-
}) : /* @__PURE__ */
|
|
84
|
+
}) : /* @__PURE__ */ a.createElement(n, {
|
|
85
85
|
key: o,
|
|
86
86
|
element: c,
|
|
87
87
|
animationDuration: s,
|
|
@@ -90,7 +90,6 @@ const n = ({
|
|
|
90
90
|
})));
|
|
91
91
|
};
|
|
92
92
|
export {
|
|
93
|
-
|
|
94
|
-
l as default
|
|
93
|
+
g as ShimmerLoader
|
|
95
94
|
};
|
|
96
95
|
//# sourceMappingURL=index54.js.map
|
package/dist/index6.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import
|
|
1
|
+
import c, { useState as h, useCallback as i } from "react";
|
|
2
2
|
import { isElementVisible as p } from "./index187.js";
|
|
3
3
|
const w = ({
|
|
4
4
|
skipLinks: n,
|
|
5
|
-
className:
|
|
5
|
+
className: s = ""
|
|
6
6
|
}) => {
|
|
7
7
|
const [r, u] = h(n), l = i(() => {
|
|
8
8
|
const t = n.filter((e) => {
|
|
@@ -29,10 +29,10 @@ const w = ({
|
|
|
29
29
|
});
|
|
30
30
|
}
|
|
31
31
|
}, []);
|
|
32
|
-
return n.length === 0 ? null : /* @__PURE__ */
|
|
33
|
-
className: `se-design-skip-links-bar relative w-full h-0 overflow-hidden p-0 flex items-center justify-center bg-[var(--color-blue-50)] transition-[height] duration-300 ease-out focus-within:h-auto focus-within:py-1 focus-within:px-2 ${
|
|
32
|
+
return n.length === 0 ? null : /* @__PURE__ */ c.createElement("div", {
|
|
33
|
+
className: `se-design-skip-links-bar relative w-full h-0 overflow-hidden p-0 flex items-center justify-center bg-[var(--color-blue-50)] transition-[height] duration-300 ease-out focus-within:h-auto focus-within:py-1 focus-within:px-2 ${s}`,
|
|
34
34
|
onFocus: a
|
|
35
|
-
}, r.map((t) => /* @__PURE__ */
|
|
35
|
+
}, r.map((t) => /* @__PURE__ */ c.createElement("a", {
|
|
36
36
|
key: t.id,
|
|
37
37
|
href: `#${t.id}`,
|
|
38
38
|
className: "absolute -left-[9999px] [clip:rect(0,0,0,0)] no-underline text-[var(--color-blue-500)] text-md py-1 px-2.5 rounded capitalize focus:static focus:left-auto focus:[clip:auto] focus:outline-none focus-visible:!outline-none hover:text-[var(--color-blue-600)] hover:bg-[var(--color-blue-200)]",
|
|
@@ -42,7 +42,6 @@ const w = ({
|
|
|
42
42
|
}, t.label)));
|
|
43
43
|
};
|
|
44
44
|
export {
|
|
45
|
-
w as SkipLinksBar
|
|
46
|
-
w as default
|
|
45
|
+
w as SkipLinksBar
|
|
47
46
|
};
|
|
48
47
|
//# sourceMappingURL=index6.js.map
|
package/dist/index64.js
CHANGED