welcome-ui 7.1.0 → 7.2.0
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/README.md +2 -8
- package/dist/Accordion.mjs +8 -8
- package/dist/Alert.mjs +79 -72
- package/dist/Button.mjs +59 -45
- package/dist/Icons.mjs +621 -625
- package/dist/VariantIcon.mjs +22 -21
- package/dist/index-BrfXjmHY.mjs +36 -0
- package/dist/theme.mjs +411 -350
- package/dist/types/components/Alert/index.d.ts +3 -5
- package/dist/types/components/Alert/theme.d.ts +5 -5
- package/dist/types/components/Button/index.d.ts +8 -6
- package/dist/types/components/Button/theme.d.ts +3 -3
- package/dist/types/components/Tag/index.d.ts +1 -4
- package/dist/types/components/Tag/theme.d.ts +1 -1
- package/dist/types/components/Toast/styles.d.ts +4 -4
- package/dist/types/components/VariantIcon/index.d.ts +1 -3
- package/dist/types/components/VariantIcon/theme.d.ts +3 -7
- package/dist/types/utils/index.d.ts +1 -0
- package/dist/utils.mjs +16 -14
- package/package.json +1 -1
- package/dist/index-RUkz9Z2V.mjs +0 -31
package/dist/VariantIcon.mjs
CHANGED
|
@@ -1,33 +1,34 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import
|
|
3
|
-
import
|
|
2
|
+
import t, { useMemo as a } from "react";
|
|
3
|
+
import f, { css as m, th as u, system as s } from "@xstyled/styled-components";
|
|
4
4
|
import "./Icon.mjs";
|
|
5
|
-
import { P as i, C as I, I as d, A as p, S as E } from "./index-
|
|
6
|
-
import { forwardRef as
|
|
7
|
-
const
|
|
8
|
-
({ variant:
|
|
5
|
+
import { P as i, C as I, I as d, A as p, S as E, a as x } from "./index-BrfXjmHY.mjs";
|
|
6
|
+
import { forwardRef as y } from "./System.mjs";
|
|
7
|
+
const _ = f.divBox(
|
|
8
|
+
({ variant: n }) => m`
|
|
9
9
|
display: inline-flex;
|
|
10
|
-
${u(`variantIcon.${
|
|
10
|
+
${u(`variantIcon.${n}`)}
|
|
11
11
|
flex-shrink: 0;
|
|
12
12
|
align-self: center;
|
|
13
13
|
|
|
14
14
|
${s};
|
|
15
15
|
`
|
|
16
|
-
),
|
|
17
|
-
({ icon:
|
|
18
|
-
const o =
|
|
19
|
-
if (
|
|
20
|
-
if (
|
|
21
|
-
if (e === "default") return /* @__PURE__ */
|
|
22
|
-
if (e === "success") return /* @__PURE__ */
|
|
23
|
-
if (e === "info") return /* @__PURE__ */
|
|
24
|
-
if (e === "warning") return /* @__PURE__ */
|
|
25
|
-
if (e === "danger") return /* @__PURE__ */
|
|
26
|
-
|
|
27
|
-
|
|
16
|
+
), $ = y(
|
|
17
|
+
({ icon: n, size: r = "md", variant: e, ...l }, c) => {
|
|
18
|
+
const o = a(() => {
|
|
19
|
+
if (n === null) return null;
|
|
20
|
+
if (n) return n;
|
|
21
|
+
if (e === "default") return /* @__PURE__ */ t.createElement(i, { size: r });
|
|
22
|
+
if (e === "success") return /* @__PURE__ */ t.createElement(I, { size: r });
|
|
23
|
+
if (e === "info") return /* @__PURE__ */ t.createElement(d, { size: r });
|
|
24
|
+
if (e === "warning") return /* @__PURE__ */ t.createElement(p, { size: r });
|
|
25
|
+
if (e === "danger") return /* @__PURE__ */ t.createElement(E, { size: r });
|
|
26
|
+
if (e === "ai") return /* @__PURE__ */ t.createElement(x, { size: r });
|
|
27
|
+
}, [r, n, e]);
|
|
28
|
+
return o ? /* @__PURE__ */ t.createElement(_, { ref: c, variant: e, ...l }, o) : null;
|
|
28
29
|
}
|
|
29
30
|
);
|
|
30
|
-
|
|
31
|
+
$.displayName = "VariantIcon";
|
|
31
32
|
export {
|
|
32
|
-
|
|
33
|
+
$ as VariantIcon
|
|
33
34
|
};
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import c from "react";
|
|
3
|
+
import { Icon as e } from "./Icon.mjs";
|
|
4
|
+
const o = 15, n = 15, a = '<path fill="currentColor" d="m55.542 9.07 41.48 66.67a6.395 6.395 0 0 1 .32 6.225 6.482 6.482 0 0 1-5.123 3.604L9.256 94.957A6.502 6.502 0 0 1 3.12 92.15a6.41 6.41 0 0 1-.33-6.703L44.27 9.39v-.001c1.12-2.053 3.193-3.318 5.544-3.385a6.475 6.475 0 0 1 5.728 3.067Zm-3.217 61.689a3.726 3.726 0 0 0-.493-.601c-1.495-1.497-4.173-1.497-5.655 0a4.016 4.016 0 0 0-1.173 2.833c0 1.042.428 2.085 1.173 2.833A3.992 3.992 0 0 0 49.004 77a4.015 4.015 0 0 0 2.828-1.176 4.414 4.414 0 0 0 .867-1.31c.092-.24.173-.494.226-.748a5.24 5.24 0 0 0 .067-.775c0-.268-.028-.535-.067-.789a4.985 4.985 0 0 0-.226-.748 4.443 4.443 0 0 0-.374-.695ZM45 37.009v20.257a4.005 4.005 0 0 0 4 4.009c2.21 0 4-1.796 4-4.01V37.01c0-2.215-1.79-4.01-4-4.01-2.209 0-4 1.795-4 4.01Z"/>', l = {
|
|
5
|
+
width: o,
|
|
6
|
+
height: n,
|
|
7
|
+
block: a
|
|
8
|
+
}, S = (t) => /* @__PURE__ */ c.createElement(e, { alt: "Alert", content: l, ...t }), r = 15, h = 15, i = '<path fill="currentColor" fill-rule="evenodd" d="M74.68 21.64a6.51 6.51 0 0 1 9.155-.492 6.453 6.453 0 0 1 .707 8.907l-.211.246-43.47 48.058a6.495 6.495 0 0 1-4.828 2.141c-1.449 0-2.86-.48-4.013-1.385l-.283-.235-15.54-13.665a6.455 6.455 0 0 1-.555-9.153 6.512 6.512 0 0 1 8.902-.756l.248.208 10.72 9.425L74.68 21.641Z" clip-rule="evenodd"/>', s = {
|
|
9
|
+
width: r,
|
|
10
|
+
height: h,
|
|
11
|
+
block: i
|
|
12
|
+
}, V = (t) => /* @__PURE__ */ c.createElement(e, { alt: "Check", content: s, ...t }), d = 15, u = 15, $ = '<path fill="currentColor" d="M83.95 12.62C74.807 4.513 62.657.85 49.731 2.317 23.412 5.297 2 29.005 2 55.167c0 12.738 4.992 24.178 14.054 32.214C23.876 94.32 33.9 98 44.73 98c1.824 0 3.674-.105 5.536-.315C76.587 94.703 98 70.995 98 44.833c0-12.737-4.99-24.177-14.05-32.213ZM56.492 66.181c2.219-.25 4.228 1.293 4.48 3.432.254 2.139-1.341 4.07-3.562 4.314-.439.048-.878.073-1.314.073-2.838 0-5.599-1.003-7.737-2.84-2.467-2.121-3.882-5.163-3.882-8.347V49.825l-3.97.436c-2.224.244-4.23-1.293-4.482-3.432-.253-2.139 1.342-4.07 3.565-4.314l8.477-.93a4.142 4.142 0 0 1 3.155.963 3.842 3.842 0 0 1 1.352 2.91v17.355a3.29 3.29 0 0 0 1.177 2.529 3.582 3.582 0 0 0 2.74.84Zm-12.33-35.895a4.548 4.548 0 0 1-.365-1.742 4.52 4.52 0 0 1 1.391-3.222c1.092-1.053 2.725-1.533 4.264-1.235.298.052.593.143.877.26.283.104.567.247.81.416.27.17.514.351.728.559a4.51 4.51 0 0 1 1.377 3.223c0 .298-.027.597-.095.883a3.677 3.677 0 0 1-.27.858 3.699 3.699 0 0 1-.43.78c-.175.246-.366.48-.582.688a4.43 4.43 0 0 1-.729.572 5.21 5.21 0 0 1-.81.416 5.177 5.177 0 0 1-.877.26c-.31.051-.62.09-.93.09a4.846 4.846 0 0 1-3.928-2.027 5.523 5.523 0 0 1-.432-.78Z"/>', m = {
|
|
13
|
+
width: d,
|
|
14
|
+
height: u,
|
|
15
|
+
block: $
|
|
16
|
+
}, P = (t) => /* @__PURE__ */ c.createElement(e, { alt: "Information", content: m, ...t }), Z = 15, k = 15, f = '<path fill="currentColor" fill-rule="evenodd" d="M80.086 40.154a2.402 2.402 0 0 0-2.25-1.02l-24.929 2.81V6.365a2.37 2.37 0 0 0-1.812-2.294 2.4 2.4 0 0 0-2.692 1.183L19.781 58.402a2.345 2.345 0 0 0 .133 2.443 2.4 2.4 0 0 0 2.25 1.021l24.928-2.81v35.578a2.37 2.37 0 0 0 1.813 2.296c.194.047.388.07.58.07.869 0 1.69-.468 2.111-1.253l28.624-53.15a2.348 2.348 0 0 0-.134-2.443Z" clip-rule="evenodd"/>', p = {
|
|
17
|
+
width: Z,
|
|
18
|
+
height: k,
|
|
19
|
+
block: f
|
|
20
|
+
}, q = (t) => /* @__PURE__ */ c.createElement(e, { alt: "Promote", content: p, ...t }), v = 15, b = 15, g = '<path fill="currentColor" d="M94.977 44.758a2.373 2.373 0 0 0-2.544-2.096c-6.758.487-13.077-1.55-17.823-5.744-4.696-4.153-7.43-10.075-7.7-16.683a2.368 2.368 0 0 0-2.383-2.266c-1.282 0-2.333 1.004-2.383 2.266-.57 13.99-12.016 26.63-26.054 28.786-1.262.199-2.153 1.342-2.003 2.604a2.378 2.378 0 0 0 2.544 2.096c6.759-.487 13.087 1.55 17.823 5.744 4.696 4.153 7.42 10.075 7.7 16.673a2.368 2.368 0 0 0 2.383 2.266c1.282 0 2.333-1.004 2.383-2.266.57-13.99 12.016-26.64 26.054-28.786 1.262-.199 2.153-1.342 2.003-2.603v.01Zm-30.56 20.42a26.992 26.992 0 0 0-6.789-9.23 27.527 27.527 0 0 0-10.163-5.695c7.83-4.024 14.028-10.89 17.182-19.028a26.992 26.992 0 0 0 6.789 9.23 27.527 27.527 0 0 0 10.163 5.695c-7.83 4.024-14.028 10.89-17.182 19.028ZM24.445 48.594c1.282 0 2.333-1.004 2.383-2.266.33-8.078 6.94-15.372 15.05-16.624 1.261-.198 2.152-1.341 2.002-2.603a2.373 2.373 0 0 0-2.543-2.097c-3.845.269-7.45-.874-10.143-3.259-2.664-2.355-4.216-5.723-4.366-9.48A2.368 2.368 0 0 0 24.445 10c-1.282 0-2.333 1.004-2.383 2.266-.33 8.078-6.94 15.372-15.05 16.624-1.261.198-2.153 1.341-2.002 2.603.15 1.262 1.261 2.206 2.543 2.097 3.845-.279 7.45.874 10.143 3.259 2.664 2.355 4.216 5.723 4.366 9.48a2.368 2.368 0 0 0 2.383 2.265ZM20.87 33.311a17.764 17.764 0 0 0-4.616-2.95c3.565-2.256 6.479-5.476 8.331-9.232a17.277 17.277 0 0 0 3.435 4.154 17.766 17.766 0 0 0 4.616 2.95c-3.565 2.256-6.479 5.476-8.331 9.232a17.755 17.755 0 0 0-3.435-4.154Zm22.92 40.532c-2.073.149-4.015-.467-5.447-1.739-1.422-1.262-2.253-3.06-2.333-5.088a2.368 2.368 0 0 0-2.383-2.265c-1.282 0-2.333 1.004-2.383 2.265-.18 4.462-3.835 8.506-8.321 9.192-1.262.199-2.153 1.341-2.003 2.603.15 1.262 1.262 2.206 2.544 2.097 2.072-.15 4.015.467 5.447 1.739 1.422 1.262 2.253 3.06 2.333 5.087A2.368 2.368 0 0 0 33.627 90c1.282 0 2.333-1.004 2.383-2.266.18-4.461 3.835-8.505 8.32-9.191 1.262-.199 2.154-1.341 2.003-2.603a2.365 2.365 0 0 0-2.543-2.097ZM33.457 80.56a11.14 11.14 0 0 0-1.382-1.45 10.736 10.736 0 0 0-1.642-1.213 14.98 14.98 0 0 0 3.344-3.706c.41.516.871 1.003 1.382 1.45.51.458 1.061.865 1.642 1.213a15.02 15.02 0 0 0-3.344 3.716v-.01Z"/>', w = {
|
|
21
|
+
width: v,
|
|
22
|
+
height: b,
|
|
23
|
+
block: g
|
|
24
|
+
}, _ = (t) => /* @__PURE__ */ c.createElement(e, { alt: "Sparkles", content: w, ...t }), C = 15, M = 15, A = '<path fill="currentColor" fill-rule="evenodd" d="M5.863 49.971c-3.518 3.745-3.835 8.974-.723 11.924L41.114 96c3.378 3.203 9.445 2.476 13.264-1.589L95.137 51.03c3.518-3.745 3.835-8.974.723-11.924L59.886 5c-3.378-3.203-9.445-2.476-13.264 1.589L5.862 49.97ZM53.325 64.76c.145.214.267.454.373.695.093.24.174.494.227.748.039.254.067.522.067.789 0 .254-.028.52-.067.775a5 5 0 0 1-.226.748c-.107.24-.228.481-.374.695a3.822 3.822 0 0 1-.493.615A4.015 4.015 0 0 1 50.004 71a3.991 3.991 0 0 1-2.827-1.176 4.062 4.062 0 0 1-1.173-2.833c0-1.056.428-2.098 1.173-2.833 1.481-1.497 4.16-1.497 5.655 0 .185.173.345.387.493.601ZM46 31.009a4.005 4.005 0 0 1 4-4.01c2.21 0 4 1.796 4 4.01v20.257a4.005 4.005 0 0 1-4 4.009c-2.209 0-4-1.796-4-4.01V31.01Z" clip-rule="evenodd"/>', I = {
|
|
25
|
+
width: C,
|
|
26
|
+
height: M,
|
|
27
|
+
block: A
|
|
28
|
+
}, x = (t) => /* @__PURE__ */ c.createElement(e, { alt: "SquareAlert", content: I, ...t });
|
|
29
|
+
export {
|
|
30
|
+
S as A,
|
|
31
|
+
V as C,
|
|
32
|
+
P as I,
|
|
33
|
+
q as P,
|
|
34
|
+
x as S,
|
|
35
|
+
_ as a
|
|
36
|
+
};
|