@kakadu/components 1.1.40 → 1.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.
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type HTMLProps } from 'react';
|
|
2
2
|
import { type IconType } from '../icons/icon';
|
|
3
|
-
export default function Card({ icon, title, description, action, href, target, rel, ...properties }: {
|
|
3
|
+
export default function Card({ icon, title, description, action, href, target, rel, className, ...properties }: {
|
|
4
4
|
readonly icon?: IconType;
|
|
5
5
|
readonly title: string;
|
|
6
6
|
readonly description: string;
|
package/build/components/card.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),a=require("@kuma-ui/core"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),a=require("@kuma-ui/core"),j=require("../theme.js"),r=require("../icons/icon.js"),t=require("./flex.js"),n=require("./text.js"),k=require("./click-ripples.js"),c=require("./hover-gradient.js"),h=require("./button.js"),R=require("./atom.js");function f({icon:o,title:i,description:u,action:l,href:s,target:m,rel:x,className:d,...p}){return e.jsxRuntimeExports.jsxs(R.default,{...p,as:s?"a":"button",type:s?void 0:"button",href:s,target:m,rel:x,className:a.cx(j.effectStyles,h.buttonSecondaryStyles,"kakadu-components-2034054779",d),children:[e.jsxRuntimeExports.jsxs(t.default,{gap:.75,direction:"column",children:[e.jsxRuntimeExports.jsx(n.Span,{className:"kakadu-components-1301774894",children:e.jsxRuntimeExports.jsxs(t.default,{gap:.5,direction:"row",alignment:t.FlexAlignment.start,children:[o?e.jsxRuntimeExports.jsx(r.default,{width:16,height:16,type:o,className:a.cx(r.iconShadowStyles,"kakadu-components-782417605")}):null,i]})}),e.jsxRuntimeExports.jsx(n.Paragraph,{className:"kakadu-components-3061837309",children:u}),e.jsxRuntimeExports.jsx(t.default,{alignment:t.FlexAlignment.end,children:e.jsxRuntimeExports.jsx(n.Span,{className:"kakadu-components-425989064",children:l})})]}),e.jsxRuntimeExports.jsx(k.default,{size:250,className:"kakadu-components-2967167444"}),e.jsxRuntimeExports.jsx(c.default,{size:300,className:c.normalBlendStyles})]})}exports.default=f;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { j as o } from "../jsx-runtime-B4hRZ52C.mjs";
|
|
2
2
|
import { cx as a } from "@kuma-ui/core";
|
|
3
|
-
import { effectStyles as
|
|
4
|
-
import
|
|
3
|
+
import { effectStyles as u } from "../theme.mjs";
|
|
4
|
+
import k, { iconShadowStyles as f } from "../icons/icon.mjs";
|
|
5
5
|
import s, { FlexAlignment as n } from "./flex.mjs";
|
|
6
|
-
import { Span as m, Paragraph as
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import { buttonSecondaryStyles as
|
|
10
|
-
import
|
|
11
|
-
function
|
|
6
|
+
import { Span as m, Paragraph as j } from "./text.mjs";
|
|
7
|
+
import h from "./click-ripples.mjs";
|
|
8
|
+
import g, { normalBlendStyles as y } from "./hover-gradient.mjs";
|
|
9
|
+
import { buttonSecondaryStyles as N } from "./button.mjs";
|
|
10
|
+
import S from "./atom.mjs";
|
|
11
|
+
function G({
|
|
12
12
|
icon: t,
|
|
13
13
|
title: r,
|
|
14
14
|
description: i,
|
|
@@ -16,21 +16,22 @@ function E({
|
|
|
16
16
|
href: e,
|
|
17
17
|
target: c,
|
|
18
18
|
rel: p,
|
|
19
|
-
|
|
19
|
+
className: d,
|
|
20
|
+
...x
|
|
20
21
|
}) {
|
|
21
|
-
return /* @__PURE__ */ o.jsxs(
|
|
22
|
+
return /* @__PURE__ */ o.jsxs(S, { ...x, as: e ? "a" : "button", type: e ? void 0 : "button", href: e, target: c, rel: p, className: a(u, N, "kakadu-components-2034054779", d), children: [
|
|
22
23
|
/* @__PURE__ */ o.jsxs(s, { gap: 0.75, direction: "column", children: [
|
|
23
24
|
/* @__PURE__ */ o.jsx(m, { className: "kakadu-components-1301774894", children: /* @__PURE__ */ o.jsxs(s, { gap: 0.5, direction: "row", alignment: n.start, children: [
|
|
24
|
-
t ? /* @__PURE__ */ o.jsx(
|
|
25
|
+
t ? /* @__PURE__ */ o.jsx(k, { width: 16, height: 16, type: t, className: a(f, "kakadu-components-782417605") }) : null,
|
|
25
26
|
r
|
|
26
27
|
] }) }),
|
|
27
|
-
/* @__PURE__ */ o.jsx(
|
|
28
|
+
/* @__PURE__ */ o.jsx(j, { className: "kakadu-components-3061837309", children: i }),
|
|
28
29
|
/* @__PURE__ */ o.jsx(s, { alignment: n.end, children: /* @__PURE__ */ o.jsx(m, { className: "kakadu-components-425989064", children: l }) })
|
|
29
30
|
] }),
|
|
30
|
-
/* @__PURE__ */ o.jsx(
|
|
31
|
-
/* @__PURE__ */ o.jsx(
|
|
31
|
+
/* @__PURE__ */ o.jsx(h, { size: 250, className: "kakadu-components-2967167444" }),
|
|
32
|
+
/* @__PURE__ */ o.jsx(g, { size: 300, className: y })
|
|
32
33
|
] });
|
|
33
34
|
}
|
|
34
35
|
export {
|
|
35
|
-
|
|
36
|
+
G as default
|
|
36
37
|
};
|