@slashclick/ui 0.1.13 → 0.1.14
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/components/card/card-wrapper.cjs +4 -2
- package/dist/components/card/card-wrapper.cjs.map +1 -1
- package/dist/components/card/card-wrapper.d.ts +2 -1
- package/dist/components/card/card-wrapper.d.ts.map +1 -1
- package/dist/components/card/card-wrapper.js +4 -2
- package/dist/components/card/card-wrapper.js.map +1 -1
- package/dist/components/card/header.cjs +3 -2
- package/dist/components/card/header.cjs.map +1 -1
- package/dist/components/card/header.d.ts +2 -1
- package/dist/components/card/header.d.ts.map +1 -1
- package/dist/components/card/header.js +3 -2
- package/dist/components/card/header.js.map +1 -1
- package/package.json +1 -1
|
@@ -31,7 +31,8 @@ const CardWrapper = ({
|
|
|
31
31
|
headerLabel,
|
|
32
32
|
backButtonLabel,
|
|
33
33
|
backButtonHref,
|
|
34
|
-
slim
|
|
34
|
+
slim,
|
|
35
|
+
logo
|
|
35
36
|
}) => {
|
|
36
37
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
|
|
37
38
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
@@ -39,7 +40,8 @@ const CardWrapper = ({
|
|
|
39
40
|
{
|
|
40
41
|
label: headerLabel,
|
|
41
42
|
backButtonHref,
|
|
42
|
-
backButtonLabel
|
|
43
|
+
backButtonLabel,
|
|
44
|
+
logo
|
|
43
45
|
}
|
|
44
46
|
) }),
|
|
45
47
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mb-10 mt-2 sm:mx-auto sm:w-full sm:max-w-[480px]", children: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../components/card/card-wrapper.tsx"],"sourcesContent":["'use client'\n\nimport {\n CardContent,\n CardFooter,\n CardHeader,\n} from '../ui/card'\nimport { Header } from './header'\nimport { BackButton } from './back-button'\n\ninterface CardWrapperProps {\n children: React.ReactNode\n headerLabel: string\n backButtonLabel: string\n backButtonHref: string\n showSocial?: boolean\n slim?: boolean\n}\n\nexport const CardWrapper = ({\n children,\n headerLabel,\n backButtonLabel,\n backButtonHref,\n slim,\n}: CardWrapperProps) => {\n return (\n <>\n <CardHeader>\n <Header\n label={headerLabel}\n backButtonHref={backButtonHref}\n backButtonLabel={backButtonLabel}\n />\n </CardHeader>\n <div className=\"mb-10 mt-2 sm:mx-auto sm:w-full sm:max-w-[480px]\">\n {slim && <CardContent>{children}</CardContent>}\n {!slim && (\n <div className=\"shadow-xs border border-gray-200 bg-white px-6 py-12 sm:rounded-lg sm:px-12 dark:border-gray-700 dark:bg-gray-800\">\n <CardContent>{children}</CardContent>\n </div>\n )}\n </div>\n <CardFooter>\n <BackButton label={backButtonLabel} href={backButtonHref} />\n </CardFooter>\n </>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
1
|
+
{"version":3,"sources":["../../../components/card/card-wrapper.tsx"],"sourcesContent":["'use client'\n\nimport {\n CardContent,\n CardFooter,\n CardHeader,\n} from '../ui/card'\nimport { Header } from './header'\nimport { BackButton } from './back-button'\n\ninterface CardWrapperProps {\n children: React.ReactNode\n headerLabel: string\n backButtonLabel: string\n backButtonHref: string\n showSocial?: boolean\n slim?: boolean\n logo?: React.ReactNode\n}\n\nexport const CardWrapper = ({\n children,\n headerLabel,\n backButtonLabel,\n backButtonHref,\n slim,\n logo,\n}: CardWrapperProps) => {\n return (\n <>\n <CardHeader>\n <Header\n label={headerLabel}\n backButtonHref={backButtonHref}\n backButtonLabel={backButtonLabel}\n logo={logo}\n />\n </CardHeader>\n <div className=\"mb-10 mt-2 sm:mx-auto sm:w-full sm:max-w-[480px]\">\n {slim && <CardContent>{children}</CardContent>}\n {!slim && (\n <div className=\"shadow-xs border border-gray-200 bg-white px-6 py-12 sm:rounded-lg sm:px-12 dark:border-gray-700 dark:bg-gray-800\">\n <CardContent>{children}</CardContent>\n </div>\n )}\n </div>\n <CardFooter>\n <BackButton label={backButtonLabel} href={backButtonHref} />\n </CardFooter>\n </>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BI;AA3BJ,kBAIO;AACP,oBAAuB;AACvB,yBAA2B;AAYpB,MAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAwB;AACtB,SACE,4EACE;AAAA,gDAAC,0BACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,GACF;AAAA,IACA,6CAAC,SAAI,WAAU,oDACZ;AAAA,cAAQ,4CAAC,2BAAa,UAAS;AAAA,MAC/B,CAAC,QACA,4CAAC,SAAI,WAAU,qHACb,sDAAC,2BAAa,UAAS,GACzB;AAAA,OAEJ;AAAA,IACA,4CAAC,0BACC,sDAAC,iCAAW,OAAO,iBAAiB,MAAM,gBAAgB,GAC5D;AAAA,KACF;AAEJ;","names":[]}
|
|
@@ -5,7 +5,8 @@ interface CardWrapperProps {
|
|
|
5
5
|
backButtonHref: string;
|
|
6
6
|
showSocial?: boolean;
|
|
7
7
|
slim?: boolean;
|
|
8
|
+
logo?: React.ReactNode;
|
|
8
9
|
}
|
|
9
|
-
export declare const CardWrapper: ({ children, headerLabel, backButtonLabel, backButtonHref, slim, }: CardWrapperProps) => import("react").JSX.Element;
|
|
10
|
+
export declare const CardWrapper: ({ children, headerLabel, backButtonLabel, backButtonHref, slim, logo, }: CardWrapperProps) => import("react").JSX.Element;
|
|
10
11
|
export {};
|
|
11
12
|
//# sourceMappingURL=card-wrapper.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card-wrapper.d.ts","sourceRoot":"","sources":["../../../components/card/card-wrapper.tsx"],"names":[],"mappings":"AAUA,UAAU,gBAAgB;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,EAAE,MAAM,CAAA;IACnB,eAAe,EAAE,MAAM,CAAA;IACvB,cAAc,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"card-wrapper.d.ts","sourceRoot":"","sources":["../../../components/card/card-wrapper.tsx"],"names":[],"mappings":"AAUA,UAAU,gBAAgB;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,EAAE,MAAM,CAAA;IACnB,eAAe,EAAE,MAAM,CAAA;IACvB,cAAc,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED,eAAO,MAAM,WAAW,GAAI,yEAOzB,gBAAgB,gCAwBlB,CAAA"}
|
|
@@ -12,7 +12,8 @@ const CardWrapper = ({
|
|
|
12
12
|
headerLabel,
|
|
13
13
|
backButtonLabel,
|
|
14
14
|
backButtonHref,
|
|
15
|
-
slim
|
|
15
|
+
slim,
|
|
16
|
+
logo
|
|
16
17
|
}) => {
|
|
17
18
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
18
19
|
/* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(
|
|
@@ -20,7 +21,8 @@ const CardWrapper = ({
|
|
|
20
21
|
{
|
|
21
22
|
label: headerLabel,
|
|
22
23
|
backButtonHref,
|
|
23
|
-
backButtonLabel
|
|
24
|
+
backButtonLabel,
|
|
25
|
+
logo
|
|
24
26
|
}
|
|
25
27
|
) }),
|
|
26
28
|
/* @__PURE__ */ jsxs("div", { className: "mb-10 mt-2 sm:mx-auto sm:w-full sm:max-w-[480px]", children: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../components/card/card-wrapper.tsx"],"sourcesContent":["'use client'\n\nimport {\n CardContent,\n CardFooter,\n CardHeader,\n} from '../ui/card'\nimport { Header } from './header'\nimport { BackButton } from './back-button'\n\ninterface CardWrapperProps {\n children: React.ReactNode\n headerLabel: string\n backButtonLabel: string\n backButtonHref: string\n showSocial?: boolean\n slim?: boolean\n}\n\nexport const CardWrapper = ({\n children,\n headerLabel,\n backButtonLabel,\n backButtonHref,\n slim,\n}: CardWrapperProps) => {\n return (\n <>\n <CardHeader>\n <Header\n label={headerLabel}\n backButtonHref={backButtonHref}\n backButtonLabel={backButtonLabel}\n />\n </CardHeader>\n <div className=\"mb-10 mt-2 sm:mx-auto sm:w-full sm:max-w-[480px]\">\n {slim && <CardContent>{children}</CardContent>}\n {!slim && (\n <div className=\"shadow-xs border border-gray-200 bg-white px-6 py-12 sm:rounded-lg sm:px-12 dark:border-gray-700 dark:bg-gray-800\">\n <CardContent>{children}</CardContent>\n </div>\n )}\n </div>\n <CardFooter>\n <BackButton label={backButtonLabel} href={backButtonHref} />\n </CardFooter>\n </>\n )\n}\n"],"mappings":";
|
|
1
|
+
{"version":3,"sources":["../../../components/card/card-wrapper.tsx"],"sourcesContent":["'use client'\n\nimport {\n CardContent,\n CardFooter,\n CardHeader,\n} from '../ui/card'\nimport { Header } from './header'\nimport { BackButton } from './back-button'\n\ninterface CardWrapperProps {\n children: React.ReactNode\n headerLabel: string\n backButtonLabel: string\n backButtonHref: string\n showSocial?: boolean\n slim?: boolean\n logo?: React.ReactNode\n}\n\nexport const CardWrapper = ({\n children,\n headerLabel,\n backButtonLabel,\n backButtonHref,\n slim,\n logo,\n}: CardWrapperProps) => {\n return (\n <>\n <CardHeader>\n <Header\n label={headerLabel}\n backButtonHref={backButtonHref}\n backButtonLabel={backButtonLabel}\n logo={logo}\n />\n </CardHeader>\n <div className=\"mb-10 mt-2 sm:mx-auto sm:w-full sm:max-w-[480px]\">\n {slim && <CardContent>{children}</CardContent>}\n {!slim && (\n <div className=\"shadow-xs border border-gray-200 bg-white px-6 py-12 sm:rounded-lg sm:px-12 dark:border-gray-700 dark:bg-gray-800\">\n <CardContent>{children}</CardContent>\n </div>\n )}\n </div>\n <CardFooter>\n <BackButton label={backButtonLabel} href={backButtonHref} />\n </CardFooter>\n </>\n )\n}\n"],"mappings":";AA6BI,mBAEI,KAOF,YATF;AA3BJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAYpB,MAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAwB;AACtB,SACE,iCACE;AAAA,wBAAC,cACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,GACF;AAAA,IACA,qBAAC,SAAI,WAAU,oDACZ;AAAA,cAAQ,oBAAC,eAAa,UAAS;AAAA,MAC/B,CAAC,QACA,oBAAC,SAAI,WAAU,qHACb,8BAAC,eAAa,UAAS,GACzB;AAAA,OAEJ;AAAA,IACA,oBAAC,cACC,8BAAC,cAAW,OAAO,iBAAiB,MAAM,gBAAgB,GAC5D;AAAA,KACF;AAEJ;","names":[]}
|
|
@@ -37,10 +37,11 @@ var import_logo = require("../icons/logo");
|
|
|
37
37
|
const Header = ({
|
|
38
38
|
label,
|
|
39
39
|
backButtonLabel,
|
|
40
|
-
backButtonHref
|
|
40
|
+
backButtonHref,
|
|
41
|
+
logo
|
|
41
42
|
}) => {
|
|
42
43
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "sm:mx-auto sm:w-full sm:max-w-md", children: [
|
|
43
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: "/", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.Logo, { className: "mx-auto h-10 w-auto" }) }),
|
|
44
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: "/", children: logo != null ? logo : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.Logo, { className: "mx-auto h-10 w-auto" }) }),
|
|
44
45
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "mt-6 text-center text-2xl font-bold leading-9 tracking-tight text-gray-500 dark:text-white", children: label }),
|
|
45
46
|
backButtonLabel ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-center text-sm text-gray-500 dark:text-gray-400", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: backButtonHref, children: backButtonLabel }) }) : null
|
|
46
47
|
] });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../components/card/header.tsx"],"sourcesContent":["import Link from 'next/link'\nimport { Logo } from '../icons/logo'\n\ninterface HeaderProps {\n label: string\n backButtonHref: string\n backButtonLabel: string\n}\n\nexport const Header = ({\n label,\n backButtonLabel,\n backButtonHref,\n}: HeaderProps) => {\n return (\n <div className=\"sm:mx-auto sm:w-full sm:max-w-md\">\n <Link href=\"/\">\n <Logo className=\"mx-auto h-10 w-auto\"
|
|
1
|
+
{"version":3,"sources":["../../../components/card/header.tsx"],"sourcesContent":["import Link from 'next/link'\nimport { Logo } from '../icons/logo'\n\ninterface HeaderProps {\n label: string\n backButtonHref: string\n backButtonLabel: string\n logo?: React.ReactNode\n}\n\nexport const Header = ({\n label,\n backButtonLabel,\n backButtonHref,\n logo,\n}: HeaderProps) => {\n return (\n <div className=\"sm:mx-auto sm:w-full sm:max-w-md\">\n <Link href=\"/\">\n {logo ?? <Logo className=\"mx-auto h-10 w-auto\" />}\n </Link>\n <h2 className=\"mt-6 text-center text-2xl font-bold leading-9 tracking-tight text-gray-500 dark:text-white\">\n {label}\n </h2>\n\n {backButtonLabel ? (\n <p className=\"text-center text-sm text-gray-500 dark:text-gray-400\">\n <Link href={backButtonHref}>{backButtonLabel}</Link>\n </p>\n ) : null}\n </div>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBI;AAjBJ,kBAAiB;AACjB,kBAAqB;AASd,MAAM,SAAS,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAmB;AACjB,SACE,6CAAC,SAAI,WAAU,oCACb;AAAA,gDAAC,YAAAA,SAAA,EAAK,MAAK,KACR,gCAAQ,4CAAC,oBAAK,WAAU,uBAAsB,GACjD;AAAA,IACA,4CAAC,QAAG,WAAU,8FACX,iBACH;AAAA,IAEC,kBACC,4CAAC,OAAE,WAAU,wDACX,sDAAC,YAAAA,SAAA,EAAK,MAAM,gBAAiB,2BAAgB,GAC/C,IACE;AAAA,KACN;AAEJ;","names":["Link"]}
|
|
@@ -2,7 +2,8 @@ interface HeaderProps {
|
|
|
2
2
|
label: string;
|
|
3
3
|
backButtonHref: string;
|
|
4
4
|
backButtonLabel: string;
|
|
5
|
+
logo?: React.ReactNode;
|
|
5
6
|
}
|
|
6
|
-
export declare const Header: ({ label, backButtonLabel, backButtonHref, }: HeaderProps) => import("react").JSX.Element;
|
|
7
|
+
export declare const Header: ({ label, backButtonLabel, backButtonHref, logo, }: HeaderProps) => import("react").JSX.Element;
|
|
7
8
|
export {};
|
|
8
9
|
//# sourceMappingURL=header.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../components/card/header.tsx"],"names":[],"mappings":"AAGA,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,cAAc,EAAE,MAAM,CAAA;IACtB,eAAe,EAAE,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../components/card/header.tsx"],"names":[],"mappings":"AAGA,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,cAAc,EAAE,MAAM,CAAA;IACtB,eAAe,EAAE,MAAM,CAAA;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED,eAAO,MAAM,MAAM,GAAI,mDAKpB,WAAW,gCAiBb,CAAA"}
|
|
@@ -4,10 +4,11 @@ import { Logo } from "../icons/logo";
|
|
|
4
4
|
const Header = ({
|
|
5
5
|
label,
|
|
6
6
|
backButtonLabel,
|
|
7
|
-
backButtonHref
|
|
7
|
+
backButtonHref,
|
|
8
|
+
logo
|
|
8
9
|
}) => {
|
|
9
10
|
return /* @__PURE__ */ jsxs("div", { className: "sm:mx-auto sm:w-full sm:max-w-md", children: [
|
|
10
|
-
/* @__PURE__ */ jsx(Link, { href: "/", children: /* @__PURE__ */ jsx(Logo, { className: "mx-auto h-10 w-auto" }) }),
|
|
11
|
+
/* @__PURE__ */ jsx(Link, { href: "/", children: logo != null ? logo : /* @__PURE__ */ jsx(Logo, { className: "mx-auto h-10 w-auto" }) }),
|
|
11
12
|
/* @__PURE__ */ jsx("h2", { className: "mt-6 text-center text-2xl font-bold leading-9 tracking-tight text-gray-500 dark:text-white", children: label }),
|
|
12
13
|
backButtonLabel ? /* @__PURE__ */ jsx("p", { className: "text-center text-sm text-gray-500 dark:text-gray-400", children: /* @__PURE__ */ jsx(Link, { href: backButtonHref, children: backButtonLabel }) }) : null
|
|
13
14
|
] });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../components/card/header.tsx"],"sourcesContent":["import Link from 'next/link'\nimport { Logo } from '../icons/logo'\n\ninterface HeaderProps {\n label: string\n backButtonHref: string\n backButtonLabel: string\n}\n\nexport const Header = ({\n label,\n backButtonLabel,\n backButtonHref,\n}: HeaderProps) => {\n return (\n <div className=\"sm:mx-auto sm:w-full sm:max-w-md\">\n <Link href=\"/\">\n <Logo className=\"mx-auto h-10 w-auto\"
|
|
1
|
+
{"version":3,"sources":["../../../components/card/header.tsx"],"sourcesContent":["import Link from 'next/link'\nimport { Logo } from '../icons/logo'\n\ninterface HeaderProps {\n label: string\n backButtonHref: string\n backButtonLabel: string\n logo?: React.ReactNode\n}\n\nexport const Header = ({\n label,\n backButtonLabel,\n backButtonHref,\n logo,\n}: HeaderProps) => {\n return (\n <div className=\"sm:mx-auto sm:w-full sm:max-w-md\">\n <Link href=\"/\">\n {logo ?? <Logo className=\"mx-auto h-10 w-auto\" />}\n </Link>\n <h2 className=\"mt-6 text-center text-2xl font-bold leading-9 tracking-tight text-gray-500 dark:text-white\">\n {label}\n </h2>\n\n {backButtonLabel ? (\n <p className=\"text-center text-sm text-gray-500 dark:text-gray-400\">\n <Link href={backButtonHref}>{backButtonLabel}</Link>\n </p>\n ) : null}\n </div>\n )\n}\n"],"mappings":"AAiBI,SAEa,KAFb;AAjBJ,OAAO,UAAU;AACjB,SAAS,YAAY;AASd,MAAM,SAAS,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAmB;AACjB,SACE,qBAAC,SAAI,WAAU,oCACb;AAAA,wBAAC,QAAK,MAAK,KACR,gCAAQ,oBAAC,QAAK,WAAU,uBAAsB,GACjD;AAAA,IACA,oBAAC,QAAG,WAAU,8FACX,iBACH;AAAA,IAEC,kBACC,oBAAC,OAAE,WAAU,wDACX,8BAAC,QAAK,MAAM,gBAAiB,2BAAgB,GAC/C,IACE;AAAA,KACN;AAEJ;","names":[]}
|