quirk-ui 0.0.266 → 0.0.267
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.
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import { jsx as e, jsxs as m } from "react/jsx-runtime";
|
|
2
|
-
import '../../assets/index13.css';const
|
|
3
|
-
callToAction:
|
|
4
|
-
blurred:
|
|
5
|
-
primary:
|
|
6
|
-
secondary:
|
|
7
|
-
primaryInverted:
|
|
2
|
+
import '../../assets/index13.css';const q = "_callToAction_31fqz_1", z = "_blurred_31fqz_26", h = "_primary_31fqz_27", b = "_secondary_31fqz_28", k = "_primaryInverted_31fqz_29", g = "_secondaryInverted_31fqz_30", $ = "_blurredInverted_31fqz_32", A = "_link_31fqz_46", x = "_linkInverted_31fqz_47", T = "_underline_31fqz_48", R = "_underlineInverted_31fqz_49", L = "_content_31fqz_59", N = "_icon_31fqz_193", j = "_iconLeft_31fqz_209", C = "_iconRight_31fqz_213", n = {
|
|
3
|
+
callToAction: q,
|
|
4
|
+
blurred: z,
|
|
5
|
+
primary: h,
|
|
6
|
+
secondary: b,
|
|
7
|
+
primaryInverted: k,
|
|
8
8
|
secondaryInverted: g,
|
|
9
|
-
blurredInverted:
|
|
10
|
-
link:
|
|
11
|
-
linkInverted:
|
|
12
|
-
underline:
|
|
13
|
-
underlineInverted:
|
|
14
|
-
content:
|
|
15
|
-
icon:
|
|
16
|
-
iconLeft:
|
|
9
|
+
blurredInverted: $,
|
|
10
|
+
link: A,
|
|
11
|
+
linkInverted: x,
|
|
12
|
+
underline: T,
|
|
13
|
+
underlineInverted: R,
|
|
14
|
+
content: L,
|
|
15
|
+
icon: N,
|
|
16
|
+
iconLeft: j,
|
|
17
17
|
iconRight: C
|
|
18
|
-
},
|
|
18
|
+
}, a = {
|
|
19
19
|
primary: n.primary,
|
|
20
20
|
primaryInverted: n.primaryInverted,
|
|
21
21
|
secondary: n.secondary,
|
|
@@ -26,60 +26,61 @@ import '../../assets/index13.css';const p = "_callToAction_31fqz_1", q = "_blurr
|
|
|
26
26
|
underlineInverted: n.underlineInverted,
|
|
27
27
|
blurred: n.blurred,
|
|
28
28
|
blurredInverted: n.blurredInverted
|
|
29
|
-
},
|
|
29
|
+
}, E = {
|
|
30
30
|
left: n.iconLeft,
|
|
31
31
|
right: n.iconRight
|
|
32
32
|
};
|
|
33
|
-
function
|
|
33
|
+
function D({
|
|
34
34
|
variant: t = "primary",
|
|
35
|
-
displayType:
|
|
35
|
+
displayType: _ = "text",
|
|
36
36
|
imageSrc: i,
|
|
37
|
-
imageAlt:
|
|
37
|
+
imageAlt: f = "",
|
|
38
|
+
ImageComponent: c,
|
|
38
39
|
icon: o,
|
|
39
|
-
iconAlignemnt:
|
|
40
|
-
useRouter:
|
|
41
|
-
className:
|
|
42
|
-
children:
|
|
43
|
-
disabled:
|
|
40
|
+
iconAlignemnt: u = "right",
|
|
41
|
+
useRouter: M = !1,
|
|
42
|
+
className: l,
|
|
43
|
+
children: v,
|
|
44
|
+
disabled: I = !1,
|
|
44
45
|
...r
|
|
45
46
|
}) {
|
|
46
|
-
const
|
|
47
|
+
const d = _ === "image" ? c || (i ? /* @__PURE__ */ e(
|
|
47
48
|
"img",
|
|
48
49
|
{
|
|
49
50
|
width: "175",
|
|
50
51
|
height: "59",
|
|
51
52
|
src: i,
|
|
52
|
-
alt:
|
|
53
|
+
alt: f,
|
|
53
54
|
className: n.image
|
|
54
55
|
}
|
|
55
|
-
) : /* @__PURE__ */ m("span", { className: `${n.content} ${
|
|
56
|
-
/* @__PURE__ */ e("span", { children:
|
|
56
|
+
) : null) : /* @__PURE__ */ m("span", { className: `${n.content} ${E[u]}`, children: [
|
|
57
|
+
/* @__PURE__ */ e("span", { children: v }),
|
|
57
58
|
o && /* @__PURE__ */ e("span", { className: n.icon, children: o })
|
|
58
59
|
] });
|
|
59
60
|
if (r.as == "a") {
|
|
60
|
-
const { href:
|
|
61
|
+
const { href: y, target: s, ...p } = r;
|
|
61
62
|
return /* @__PURE__ */ e(
|
|
62
63
|
"a",
|
|
63
64
|
{
|
|
64
|
-
href:
|
|
65
|
-
target:
|
|
66
|
-
rel:
|
|
67
|
-
className: `${
|
|
68
|
-
...
|
|
69
|
-
children:
|
|
65
|
+
href: y,
|
|
66
|
+
target: s,
|
|
67
|
+
rel: s === "_blank" ? "noopener noreferrer" : void 0,
|
|
68
|
+
className: `${l ?? ""} ${n.callToAction} ${a[t]}`,
|
|
69
|
+
...p,
|
|
70
|
+
children: d
|
|
70
71
|
}
|
|
71
72
|
);
|
|
72
73
|
}
|
|
73
74
|
return /* @__PURE__ */ e(
|
|
74
75
|
"button",
|
|
75
76
|
{
|
|
76
|
-
className: `${
|
|
77
|
-
disabled:
|
|
77
|
+
className: `${l ?? ""} ${n.callToAction} ${a[t]}`,
|
|
78
|
+
disabled: I,
|
|
78
79
|
...r,
|
|
79
|
-
children:
|
|
80
|
+
children: d
|
|
80
81
|
}
|
|
81
82
|
);
|
|
82
83
|
}
|
|
83
84
|
export {
|
|
84
|
-
|
|
85
|
+
D as CallToAction
|
|
85
86
|
};
|
|
@@ -37,6 +37,12 @@ type AnchorProps = {
|
|
|
37
37
|
type ButtonProps = {
|
|
38
38
|
as: "button";
|
|
39
39
|
} & React.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
40
|
-
export type CallToActionProps = BaseProps & (AnchorProps
|
|
41
|
-
|
|
40
|
+
export type CallToActionProps = BaseProps & ((AnchorProps & {
|
|
41
|
+
as: "a";
|
|
42
|
+
}) | (ButtonProps & {
|
|
43
|
+
as: "button";
|
|
44
|
+
})) & {
|
|
45
|
+
ImageComponent?: React.ReactNode;
|
|
46
|
+
};
|
|
47
|
+
export declare function CallToAction({ variant, displayType, imageSrc, imageAlt, ImageComponent, icon, iconAlignemnt, useRouter, className, children, disabled, ...restProps }: CallToActionProps): import("react/jsx-runtime").JSX.Element;
|
|
42
48
|
export {};
|