@adam-milo/ui 1.0.5
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/LICENSE +23 -0
- package/README.md +461 -0
- package/dist/index.cjs +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +41 -0
- package/dist/index10.cjs +1 -0
- package/dist/index10.js +11 -0
- package/dist/index2.cjs +1 -0
- package/dist/index2.js +38 -0
- package/dist/index3.cjs +1 -0
- package/dist/index3.js +82 -0
- package/dist/index4.cjs +1 -0
- package/dist/index4.js +61 -0
- package/dist/index5.cjs +1 -0
- package/dist/index5.js +69 -0
- package/dist/index6.cjs +1 -0
- package/dist/index6.js +119 -0
- package/dist/index7.cjs +1 -0
- package/dist/index7.js +92 -0
- package/dist/index8.cjs +1 -0
- package/dist/index8.js +115 -0
- package/dist/index9.cjs +1 -0
- package/dist/index9.js +43 -0
- package/dist/src/components/core/button/Button.component.d.ts +32 -0
- package/dist/src/components/core/button/Button.component.d.ts.map +1 -0
- package/dist/src/components/core/icon/Icon.component.d.ts +6 -0
- package/dist/src/components/core/icon/Icon.component.d.ts.map +1 -0
- package/dist/src/components/data-display/card/Card.component.d.ts +42 -0
- package/dist/src/components/data-display/card/Card.component.d.ts.map +1 -0
- package/dist/src/components/data-display/datatable/DataTable.component.d.ts +25 -0
- package/dist/src/components/data-display/datatable/DataTable.component.d.ts.map +1 -0
- package/dist/src/components/feedback/alert/Alert.component.d.ts +19 -0
- package/dist/src/components/feedback/alert/Alert.component.d.ts.map +1 -0
- package/dist/src/components/forms/input/Input.component.d.ts +20 -0
- package/dist/src/components/forms/input/Input.component.d.ts.map +1 -0
- package/dist/src/components/layout/stack/Stack.component.d.ts +21 -0
- package/dist/src/components/layout/stack/Stack.component.d.ts.map +1 -0
- package/dist/src/components/navigation/tabs/Tabs.component.d.ts +44 -0
- package/dist/src/components/navigation/tabs/Tabs.component.d.ts.map +1 -0
- package/dist/src/components/overlays/dialog/Dialog.component.d.ts +44 -0
- package/dist/src/components/overlays/dialog/Dialog.component.d.ts.map +1 -0
- package/dist/src/index.d.ts +18 -0
- package/dist/src/index.d.ts.map +1 -0
- package/dist/src/lib/index.d.ts +6 -0
- package/dist/src/lib/index.d.ts.map +1 -0
- package/dist/style.css +1 -0
- package/package.json +89 -0
package/dist/index4.js
ADDED
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { jsx as c } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as m } from "react";
|
|
3
|
+
import * as a from "@radix-ui/react-tabs";
|
|
4
|
+
import { cn as b } from "./index10.js";
|
|
5
|
+
/* empty css */
|
|
6
|
+
const C = a.Root, g = m(
|
|
7
|
+
({ className: s, "data-cy": t, "data-testid": i, ...n }, r) => {
|
|
8
|
+
const e = t || "tabs-list", o = i || "tabs-list";
|
|
9
|
+
return /* @__PURE__ */ c(
|
|
10
|
+
a.List,
|
|
11
|
+
{
|
|
12
|
+
ref: r,
|
|
13
|
+
className: b("tabs-list", s),
|
|
14
|
+
"data-cy": e,
|
|
15
|
+
"data-testid": o,
|
|
16
|
+
...n
|
|
17
|
+
}
|
|
18
|
+
);
|
|
19
|
+
}
|
|
20
|
+
);
|
|
21
|
+
g.displayName = a.List.displayName;
|
|
22
|
+
const y = m(
|
|
23
|
+
({ className: s, value: t, "data-cy": i, "data-testid": n, ...r }, e) => {
|
|
24
|
+
const o = i || (t ? `tabs-trigger-${t}` : "tabs-trigger"), d = n || (t ? `tabs-trigger-${t}` : "tabs-trigger");
|
|
25
|
+
return /* @__PURE__ */ c(
|
|
26
|
+
a.Trigger,
|
|
27
|
+
{
|
|
28
|
+
ref: e,
|
|
29
|
+
className: b("tabs-trigger", s),
|
|
30
|
+
value: t,
|
|
31
|
+
"data-cy": o,
|
|
32
|
+
"data-testid": d,
|
|
33
|
+
...r
|
|
34
|
+
}
|
|
35
|
+
);
|
|
36
|
+
}
|
|
37
|
+
);
|
|
38
|
+
y.displayName = a.Trigger.displayName;
|
|
39
|
+
const f = m(
|
|
40
|
+
({ className: s, value: t, "data-cy": i, "data-testid": n, ...r }, e) => {
|
|
41
|
+
const o = i || (t ? `tabs-content-${t}` : "tabs-content"), d = n || (t ? `tabs-content-${t}` : "tabs-content");
|
|
42
|
+
return /* @__PURE__ */ c(
|
|
43
|
+
a.Content,
|
|
44
|
+
{
|
|
45
|
+
ref: e,
|
|
46
|
+
className: b("tabs-content", s),
|
|
47
|
+
value: t,
|
|
48
|
+
"data-cy": o,
|
|
49
|
+
"data-testid": d,
|
|
50
|
+
...r
|
|
51
|
+
}
|
|
52
|
+
);
|
|
53
|
+
}
|
|
54
|
+
);
|
|
55
|
+
f.displayName = a.Content.displayName;
|
|
56
|
+
export {
|
|
57
|
+
C as Tabs,
|
|
58
|
+
f as TabsContent,
|
|
59
|
+
g as TabsList,
|
|
60
|
+
y as TabsTrigger
|
|
61
|
+
};
|
package/dist/index5.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("react"),f=require("./index10.cjs");;/* empty css */const c=m.forwardRef(({variant:s="info",title:r,icon:d,className:i,children:l,"data-cy":n,"data-testid":o,...u},$)=>{const y={info:"status",success:"status",warning:"alert",error:"alert"},t=n||`alert-${s}`,e=o||`alert-${s}`;return a.jsxs("div",{ref:$,role:y[s],className:f.cn("alert",`alert--${s}`,i),"data-cy":t,"data-testid":e,...u,children:[d&&a.jsx("div",{className:"alert__icon","data-cy":`${t}-icon`,"data-testid":`${e}-icon`,children:d}),a.jsxs("div",{className:"alert__content","data-cy":`${t}-content`,"data-testid":`${e}-content`,children:[r&&a.jsx("div",{className:"alert__title","data-cy":`${t}-title`,"data-testid":`${e}-title`,children:r}),a.jsx("div",{"data-cy":`${t}-message`,"data-testid":`${e}-message`,children:l})]})]})});c.displayName="Alert";exports.Alert=c;
|
package/dist/index5.js
ADDED
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { jsxs as c, jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as y } from "react";
|
|
3
|
+
import { cn as p } from "./index10.js";
|
|
4
|
+
/* empty css */
|
|
5
|
+
const _ = y(
|
|
6
|
+
({
|
|
7
|
+
variant: e = "info",
|
|
8
|
+
title: d,
|
|
9
|
+
icon: r,
|
|
10
|
+
className: i,
|
|
11
|
+
children: l,
|
|
12
|
+
"data-cy": o,
|
|
13
|
+
"data-testid": n,
|
|
14
|
+
...m
|
|
15
|
+
}, $) => {
|
|
16
|
+
const f = {
|
|
17
|
+
info: "status",
|
|
18
|
+
success: "status",
|
|
19
|
+
warning: "alert",
|
|
20
|
+
error: "alert"
|
|
21
|
+
}, t = o || `alert-${e}`, a = n || `alert-${e}`;
|
|
22
|
+
return /* @__PURE__ */ c(
|
|
23
|
+
"div",
|
|
24
|
+
{
|
|
25
|
+
ref: $,
|
|
26
|
+
role: f[e],
|
|
27
|
+
className: p("alert", `alert--${e}`, i),
|
|
28
|
+
"data-cy": t,
|
|
29
|
+
"data-testid": a,
|
|
30
|
+
...m,
|
|
31
|
+
children: [
|
|
32
|
+
r && /* @__PURE__ */ s(
|
|
33
|
+
"div",
|
|
34
|
+
{
|
|
35
|
+
className: "alert__icon",
|
|
36
|
+
"data-cy": `${t}-icon`,
|
|
37
|
+
"data-testid": `${a}-icon`,
|
|
38
|
+
children: r
|
|
39
|
+
}
|
|
40
|
+
),
|
|
41
|
+
/* @__PURE__ */ c(
|
|
42
|
+
"div",
|
|
43
|
+
{
|
|
44
|
+
className: "alert__content",
|
|
45
|
+
"data-cy": `${t}-content`,
|
|
46
|
+
"data-testid": `${a}-content`,
|
|
47
|
+
children: [
|
|
48
|
+
d && /* @__PURE__ */ s(
|
|
49
|
+
"div",
|
|
50
|
+
{
|
|
51
|
+
className: "alert__title",
|
|
52
|
+
"data-cy": `${t}-title`,
|
|
53
|
+
"data-testid": `${a}-title`,
|
|
54
|
+
children: d
|
|
55
|
+
}
|
|
56
|
+
),
|
|
57
|
+
/* @__PURE__ */ s("div", { "data-cy": `${t}-message`, "data-testid": `${a}-message`, children: l })
|
|
58
|
+
]
|
|
59
|
+
}
|
|
60
|
+
)
|
|
61
|
+
]
|
|
62
|
+
}
|
|
63
|
+
);
|
|
64
|
+
}
|
|
65
|
+
);
|
|
66
|
+
_.displayName = "Alert";
|
|
67
|
+
export {
|
|
68
|
+
_ as Alert
|
|
69
|
+
};
|
package/dist/index6.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("react"),o=require("./index10.cjs");;/* empty css */const l=i.forwardRef(({variant:a="default",className:t,children:d,"data-cy":e,"data-testid":r,...c},s)=>{const p=e||`card-${a}`,N=r||`card-${a}`;return n.jsx("div",{ref:s,className:o.cn("card",`card--${a}`,t),"data-cy":p,"data-testid":N,...c,children:d})});l.displayName="Card";const f=i.forwardRef(({className:a,"data-cy":t,"data-testid":d,...e},r)=>{const c=t||"card-header",s=d||"card-header";return n.jsx("div",{ref:r,className:o.cn("card-header",a),"data-cy":c,"data-testid":s,...e})});f.displayName="CardHeader";const C=i.forwardRef(({className:a,"data-cy":t,"data-testid":d,...e},r)=>{const c=t||"card-title",s=d||"card-title";return n.jsx("h3",{ref:r,className:o.cn("card-title",a),"data-cy":c,"data-testid":s,...e})});C.displayName="CardTitle";const y=i.forwardRef(({className:a,"data-cy":t,"data-testid":d,...e},r)=>{const c=t||"card-description",s=d||"card-description";return n.jsx("p",{ref:r,className:o.cn("card-description",a),"data-cy":c,"data-testid":s,...e})});y.displayName="CardDescription";const u=i.forwardRef(({className:a,"data-cy":t,"data-testid":d,...e},r)=>{const c=t||"card-content",s=d||"card-content";return n.jsx("div",{ref:r,className:o.cn("card-content",a),"data-cy":c,"data-testid":s,...e})});u.displayName="CardContent";const m=i.forwardRef(({className:a,"data-cy":t,"data-testid":d,...e},r)=>{const c=t||"card-footer",s=d||"card-footer";return n.jsx("div",{ref:r,className:o.cn("card-footer",a),"data-cy":c,"data-testid":s,...e})});m.displayName="CardFooter";exports.Card=l;exports.CardContent=u;exports.CardDescription=y;exports.CardFooter=m;exports.CardHeader=f;exports.CardTitle=C;
|
package/dist/index6.js
ADDED
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as n } from "react";
|
|
3
|
+
import { cn as o } from "./index10.js";
|
|
4
|
+
/* empty css */
|
|
5
|
+
const f = n(
|
|
6
|
+
({
|
|
7
|
+
variant: a = "default",
|
|
8
|
+
className: t,
|
|
9
|
+
children: d,
|
|
10
|
+
"data-cy": e,
|
|
11
|
+
"data-testid": r,
|
|
12
|
+
...c
|
|
13
|
+
}, s) => {
|
|
14
|
+
const l = e || `card-${a}`, y = r || `card-${a}`;
|
|
15
|
+
return /* @__PURE__ */ i(
|
|
16
|
+
"div",
|
|
17
|
+
{
|
|
18
|
+
ref: s,
|
|
19
|
+
className: o("card", `card--${a}`, t),
|
|
20
|
+
"data-cy": l,
|
|
21
|
+
"data-testid": y,
|
|
22
|
+
...c,
|
|
23
|
+
children: d
|
|
24
|
+
}
|
|
25
|
+
);
|
|
26
|
+
}
|
|
27
|
+
);
|
|
28
|
+
f.displayName = "Card";
|
|
29
|
+
const C = n(
|
|
30
|
+
({ className: a, "data-cy": t, "data-testid": d, ...e }, r) => {
|
|
31
|
+
const c = t || "card-header", s = d || "card-header";
|
|
32
|
+
return /* @__PURE__ */ i(
|
|
33
|
+
"div",
|
|
34
|
+
{
|
|
35
|
+
ref: r,
|
|
36
|
+
className: o("card-header", a),
|
|
37
|
+
"data-cy": c,
|
|
38
|
+
"data-testid": s,
|
|
39
|
+
...e
|
|
40
|
+
}
|
|
41
|
+
);
|
|
42
|
+
}
|
|
43
|
+
);
|
|
44
|
+
C.displayName = "CardHeader";
|
|
45
|
+
const m = n(
|
|
46
|
+
({ className: a, "data-cy": t, "data-testid": d, ...e }, r) => {
|
|
47
|
+
const c = t || "card-title", s = d || "card-title";
|
|
48
|
+
return (
|
|
49
|
+
// eslint-disable-next-line jsx-a11y/heading-has-content
|
|
50
|
+
/* @__PURE__ */ i(
|
|
51
|
+
"h3",
|
|
52
|
+
{
|
|
53
|
+
ref: r,
|
|
54
|
+
className: o("card-title", a),
|
|
55
|
+
"data-cy": c,
|
|
56
|
+
"data-testid": s,
|
|
57
|
+
...e
|
|
58
|
+
}
|
|
59
|
+
)
|
|
60
|
+
);
|
|
61
|
+
}
|
|
62
|
+
);
|
|
63
|
+
m.displayName = "CardTitle";
|
|
64
|
+
const p = n(
|
|
65
|
+
({ className: a, "data-cy": t, "data-testid": d, ...e }, r) => {
|
|
66
|
+
const c = t || "card-description", s = d || "card-description";
|
|
67
|
+
return /* @__PURE__ */ i(
|
|
68
|
+
"p",
|
|
69
|
+
{
|
|
70
|
+
ref: r,
|
|
71
|
+
className: o("card-description", a),
|
|
72
|
+
"data-cy": c,
|
|
73
|
+
"data-testid": s,
|
|
74
|
+
...e
|
|
75
|
+
}
|
|
76
|
+
);
|
|
77
|
+
}
|
|
78
|
+
);
|
|
79
|
+
p.displayName = "CardDescription";
|
|
80
|
+
const N = n(
|
|
81
|
+
({ className: a, "data-cy": t, "data-testid": d, ...e }, r) => {
|
|
82
|
+
const c = t || "card-content", s = d || "card-content";
|
|
83
|
+
return /* @__PURE__ */ i(
|
|
84
|
+
"div",
|
|
85
|
+
{
|
|
86
|
+
ref: r,
|
|
87
|
+
className: o("card-content", a),
|
|
88
|
+
"data-cy": c,
|
|
89
|
+
"data-testid": s,
|
|
90
|
+
...e
|
|
91
|
+
}
|
|
92
|
+
);
|
|
93
|
+
}
|
|
94
|
+
);
|
|
95
|
+
N.displayName = "CardContent";
|
|
96
|
+
const D = n(
|
|
97
|
+
({ className: a, "data-cy": t, "data-testid": d, ...e }, r) => {
|
|
98
|
+
const c = t || "card-footer", s = d || "card-footer";
|
|
99
|
+
return /* @__PURE__ */ i(
|
|
100
|
+
"div",
|
|
101
|
+
{
|
|
102
|
+
ref: r,
|
|
103
|
+
className: o("card-footer", a),
|
|
104
|
+
"data-cy": c,
|
|
105
|
+
"data-testid": s,
|
|
106
|
+
...e
|
|
107
|
+
}
|
|
108
|
+
);
|
|
109
|
+
}
|
|
110
|
+
);
|
|
111
|
+
D.displayName = "CardFooter";
|
|
112
|
+
export {
|
|
113
|
+
f as Card,
|
|
114
|
+
N as CardContent,
|
|
115
|
+
p as CardDescription,
|
|
116
|
+
D as CardFooter,
|
|
117
|
+
C as CardHeader,
|
|
118
|
+
m as CardTitle
|
|
119
|
+
};
|
package/dist/index7.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),j=require("react"),c=require("./index10.cjs");;/* empty css */const y=j.forwardRef(({columns:r,data:i,striped:b=!1,hoverable:h=!1,className:$,"data-cy":n,"data-testid":p,...o},_)=>{const e=n||"datatable",t=p||"datatable";return a.jsx("div",{className:"datatable-wrapper","data-cy":`${e}-wrapper`,"data-testid":`${t}-wrapper`,children:a.jsxs("table",{ref:_,className:c.cn("datatable",$),"data-cy":e,"data-testid":t,...o,children:[a.jsx("thead",{className:"datatable__head","data-cy":`${e}-head`,"data-testid":`${t}-head`,children:a.jsx("tr",{children:r.map(d=>a.jsx("th",{className:"datatable__header-cell","data-cy":`${e}-header-${d.key}`,"data-testid":`${t}-header-${d.key}`,children:d.header},d.key))})}),a.jsx("tbody",{"data-cy":`${e}-body`,"data-testid":`${t}-body`,children:i.length===0?a.jsx("tr",{children:a.jsx("td",{colSpan:r.length,className:"datatable__empty","data-cy":`${e}-empty`,"data-testid":`${t}-empty`,children:"No data available"})}):i.map((d,l)=>a.jsx("tr",{className:c.cn("datatable__body-row",h&&"datatable__body-row--hoverable",b&&"datatable__body-row--striped"),"data-cy":`${e}-row-${l}`,"data-testid":`${t}-row-${l}`,children:r.map(s=>a.jsx("td",{className:"datatable__body-cell","data-cy":`${e}-cell-${l}-${s.key}`,"data-testid":`${t}-cell-${l}-${s.key}`,children:String(d[s.key]??"")},s.key))},l))})]})})});y.displayName="DataTable";exports.DataTable=y;
|
package/dist/index7.js
ADDED
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import { jsx as a, jsxs as m } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as f } from "react";
|
|
3
|
+
import { cn as y } from "./index10.js";
|
|
4
|
+
/* empty css */
|
|
5
|
+
const n = f(
|
|
6
|
+
({
|
|
7
|
+
columns: s,
|
|
8
|
+
data: i,
|
|
9
|
+
striped: c = !1,
|
|
10
|
+
hoverable: b = !1,
|
|
11
|
+
className: h,
|
|
12
|
+
"data-cy": $,
|
|
13
|
+
"data-testid": p,
|
|
14
|
+
...o
|
|
15
|
+
}, _) => {
|
|
16
|
+
const t = $ || "datatable", e = p || "datatable";
|
|
17
|
+
return /* @__PURE__ */ a(
|
|
18
|
+
"div",
|
|
19
|
+
{
|
|
20
|
+
className: "datatable-wrapper",
|
|
21
|
+
"data-cy": `${t}-wrapper`,
|
|
22
|
+
"data-testid": `${e}-wrapper`,
|
|
23
|
+
children: /* @__PURE__ */ m(
|
|
24
|
+
"table",
|
|
25
|
+
{
|
|
26
|
+
ref: _,
|
|
27
|
+
className: y("datatable", h),
|
|
28
|
+
"data-cy": t,
|
|
29
|
+
"data-testid": e,
|
|
30
|
+
...o,
|
|
31
|
+
children: [
|
|
32
|
+
/* @__PURE__ */ a(
|
|
33
|
+
"thead",
|
|
34
|
+
{
|
|
35
|
+
className: "datatable__head",
|
|
36
|
+
"data-cy": `${t}-head`,
|
|
37
|
+
"data-testid": `${e}-head`,
|
|
38
|
+
children: /* @__PURE__ */ a("tr", { children: s.map((d) => /* @__PURE__ */ a(
|
|
39
|
+
"th",
|
|
40
|
+
{
|
|
41
|
+
className: "datatable__header-cell",
|
|
42
|
+
"data-cy": `${t}-header-${d.key}`,
|
|
43
|
+
"data-testid": `${e}-header-${d.key}`,
|
|
44
|
+
children: d.header
|
|
45
|
+
},
|
|
46
|
+
d.key
|
|
47
|
+
)) })
|
|
48
|
+
}
|
|
49
|
+
),
|
|
50
|
+
/* @__PURE__ */ a("tbody", { "data-cy": `${t}-body`, "data-testid": `${e}-body`, children: i.length === 0 ? /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a(
|
|
51
|
+
"td",
|
|
52
|
+
{
|
|
53
|
+
colSpan: s.length,
|
|
54
|
+
className: "datatable__empty",
|
|
55
|
+
"data-cy": `${t}-empty`,
|
|
56
|
+
"data-testid": `${e}-empty`,
|
|
57
|
+
children: "No data available"
|
|
58
|
+
}
|
|
59
|
+
) }) : i.map((d, l) => /* @__PURE__ */ a(
|
|
60
|
+
"tr",
|
|
61
|
+
{
|
|
62
|
+
className: y(
|
|
63
|
+
"datatable__body-row",
|
|
64
|
+
b && "datatable__body-row--hoverable",
|
|
65
|
+
c && "datatable__body-row--striped"
|
|
66
|
+
),
|
|
67
|
+
"data-cy": `${t}-row-${l}`,
|
|
68
|
+
"data-testid": `${e}-row-${l}`,
|
|
69
|
+
children: s.map((r) => /* @__PURE__ */ a(
|
|
70
|
+
"td",
|
|
71
|
+
{
|
|
72
|
+
className: "datatable__body-cell",
|
|
73
|
+
"data-cy": `${t}-cell-${l}-${r.key}`,
|
|
74
|
+
"data-testid": `${e}-cell-${l}-${r.key}`,
|
|
75
|
+
children: String(d[r.key] ?? "")
|
|
76
|
+
},
|
|
77
|
+
r.key
|
|
78
|
+
))
|
|
79
|
+
},
|
|
80
|
+
l
|
|
81
|
+
)) })
|
|
82
|
+
]
|
|
83
|
+
}
|
|
84
|
+
)
|
|
85
|
+
}
|
|
86
|
+
);
|
|
87
|
+
}
|
|
88
|
+
);
|
|
89
|
+
n.displayName = "DataTable";
|
|
90
|
+
export {
|
|
91
|
+
n as DataTable
|
|
92
|
+
};
|
package/dist/index8.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),c=require("react"),T=require("@radix-ui/react-dialog"),r=require("./index10.cjs");;/* empty css */function j(a){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:()=>a[t]})}}return e.default=a,Object.freeze(e)}const o=j(T),v=o.Root,C=o.Trigger,y=o.Portal,x=o.Close,g=c.forwardRef(({className:a,"data-cy":e,"data-testid":t,...i},l)=>{const s=e||"dialog-overlay",n=t||"dialog-overlay";return d.jsx(o.Overlay,{ref:l,className:r.cn("dialog-overlay",a),"data-cy":s,"data-testid":n,...i})});g.displayName=o.Overlay.displayName;const D=c.forwardRef(({className:a,children:e,"data-cy":t,"data-testid":i,...l},s)=>{const n=t||"dialog-content",N=i||"dialog-content";return d.jsxs(y,{children:[d.jsx(g,{}),d.jsx(o.Content,{ref:s,className:r.cn("dialog-content",a),"data-cy":n,"data-testid":N,...l,children:e})]})});D.displayName=o.Content.displayName;const f=({className:a,"data-cy":e,"data-testid":t,...i})=>{const l=e||"dialog-header",s=t||"dialog-header";return d.jsx("div",{className:r.cn("dialog-header",a),"data-cy":l,"data-testid":s,...i})};f.displayName="DialogHeader";const u=({className:a,"data-cy":e,"data-testid":t,...i})=>{const l=e||"dialog-footer",s=t||"dialog-footer";return d.jsx("div",{className:r.cn("dialog-footer",a),"data-cy":l,"data-testid":s,...i})};u.displayName="DialogFooter";const m=c.forwardRef(({className:a,"data-cy":e,"data-testid":t,...i},l)=>{const s=e||"dialog-title",n=t||"dialog-title";return d.jsx(o.Title,{ref:l,className:r.cn("dialog-title",a),"data-cy":s,"data-testid":n,...i})});m.displayName=o.Title.displayName;const p=c.forwardRef(({className:a,"data-cy":e,"data-testid":t,...i},l)=>{const s=e||"dialog-description",n=t||"dialog-description";return d.jsx(o.Description,{ref:l,className:r.cn("dialog-description",a),"data-cy":s,"data-testid":n,...i})});p.displayName=o.Description.displayName;exports.Dialog=v;exports.DialogClose=x;exports.DialogContent=D;exports.DialogDescription=p;exports.DialogFooter=u;exports.DialogHeader=f;exports.DialogOverlay=g;exports.DialogPortal=y;exports.DialogTitle=m;exports.DialogTrigger=C;
|
package/dist/index8.js
ADDED
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
import { jsxs as m, jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as c } from "react";
|
|
3
|
+
import * as a from "@radix-ui/react-dialog";
|
|
4
|
+
import { cn as r } from "./index10.js";
|
|
5
|
+
/* empty css */
|
|
6
|
+
const x = a.Root, O = a.Trigger, p = a.Portal, P = a.Close, g = c(({ className: t, "data-cy": i, "data-testid": o, ...e }, d) => {
|
|
7
|
+
const l = i || "dialog-overlay", s = o || "dialog-overlay";
|
|
8
|
+
return /* @__PURE__ */ n(
|
|
9
|
+
a.Overlay,
|
|
10
|
+
{
|
|
11
|
+
ref: d,
|
|
12
|
+
className: r("dialog-overlay", t),
|
|
13
|
+
"data-cy": l,
|
|
14
|
+
"data-testid": s,
|
|
15
|
+
...e
|
|
16
|
+
}
|
|
17
|
+
);
|
|
18
|
+
});
|
|
19
|
+
g.displayName = a.Overlay.displayName;
|
|
20
|
+
const D = c(({ className: t, children: i, "data-cy": o, "data-testid": e, ...d }, l) => {
|
|
21
|
+
const s = o || "dialog-content", y = e || "dialog-content";
|
|
22
|
+
return /* @__PURE__ */ m(p, { children: [
|
|
23
|
+
/* @__PURE__ */ n(g, {}),
|
|
24
|
+
/* @__PURE__ */ n(
|
|
25
|
+
a.Content,
|
|
26
|
+
{
|
|
27
|
+
ref: l,
|
|
28
|
+
className: r("dialog-content", t),
|
|
29
|
+
"data-cy": s,
|
|
30
|
+
"data-testid": y,
|
|
31
|
+
...d,
|
|
32
|
+
children: i
|
|
33
|
+
}
|
|
34
|
+
)
|
|
35
|
+
] });
|
|
36
|
+
});
|
|
37
|
+
D.displayName = a.Content.displayName;
|
|
38
|
+
const f = ({
|
|
39
|
+
className: t,
|
|
40
|
+
"data-cy": i,
|
|
41
|
+
"data-testid": o,
|
|
42
|
+
...e
|
|
43
|
+
}) => {
|
|
44
|
+
const d = i || "dialog-header", l = o || "dialog-header";
|
|
45
|
+
return /* @__PURE__ */ n(
|
|
46
|
+
"div",
|
|
47
|
+
{
|
|
48
|
+
className: r("dialog-header", t),
|
|
49
|
+
"data-cy": d,
|
|
50
|
+
"data-testid": l,
|
|
51
|
+
...e
|
|
52
|
+
}
|
|
53
|
+
);
|
|
54
|
+
};
|
|
55
|
+
f.displayName = "DialogHeader";
|
|
56
|
+
const N = ({
|
|
57
|
+
className: t,
|
|
58
|
+
"data-cy": i,
|
|
59
|
+
"data-testid": o,
|
|
60
|
+
...e
|
|
61
|
+
}) => {
|
|
62
|
+
const d = i || "dialog-footer", l = o || "dialog-footer";
|
|
63
|
+
return /* @__PURE__ */ n(
|
|
64
|
+
"div",
|
|
65
|
+
{
|
|
66
|
+
className: r("dialog-footer", t),
|
|
67
|
+
"data-cy": d,
|
|
68
|
+
"data-testid": l,
|
|
69
|
+
...e
|
|
70
|
+
}
|
|
71
|
+
);
|
|
72
|
+
};
|
|
73
|
+
N.displayName = "DialogFooter";
|
|
74
|
+
const C = c(
|
|
75
|
+
({ className: t, "data-cy": i, "data-testid": o, ...e }, d) => {
|
|
76
|
+
const l = i || "dialog-title", s = o || "dialog-title";
|
|
77
|
+
return /* @__PURE__ */ n(
|
|
78
|
+
a.Title,
|
|
79
|
+
{
|
|
80
|
+
ref: d,
|
|
81
|
+
className: r("dialog-title", t),
|
|
82
|
+
"data-cy": l,
|
|
83
|
+
"data-testid": s,
|
|
84
|
+
...e
|
|
85
|
+
}
|
|
86
|
+
);
|
|
87
|
+
}
|
|
88
|
+
);
|
|
89
|
+
C.displayName = a.Title.displayName;
|
|
90
|
+
const T = c(({ className: t, "data-cy": i, "data-testid": o, ...e }, d) => {
|
|
91
|
+
const l = i || "dialog-description", s = o || "dialog-description";
|
|
92
|
+
return /* @__PURE__ */ n(
|
|
93
|
+
a.Description,
|
|
94
|
+
{
|
|
95
|
+
ref: d,
|
|
96
|
+
className: r("dialog-description", t),
|
|
97
|
+
"data-cy": l,
|
|
98
|
+
"data-testid": s,
|
|
99
|
+
...e
|
|
100
|
+
}
|
|
101
|
+
);
|
|
102
|
+
});
|
|
103
|
+
T.displayName = a.Description.displayName;
|
|
104
|
+
export {
|
|
105
|
+
x as Dialog,
|
|
106
|
+
P as DialogClose,
|
|
107
|
+
D as DialogContent,
|
|
108
|
+
T as DialogDescription,
|
|
109
|
+
N as DialogFooter,
|
|
110
|
+
f as DialogHeader,
|
|
111
|
+
g as DialogOverlay,
|
|
112
|
+
p as DialogPortal,
|
|
113
|
+
C as DialogTitle,
|
|
114
|
+
O as DialogTrigger
|
|
115
|
+
};
|
package/dist/index9.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),$=require("react"),S=require("./index10.cjs");;/* empty css */const a=$.forwardRef(({direction:t="vertical",spacing:s="4",align:e="stretch",justify:c="start",wrap:r=!1,className:i,children:n,"data-cy":d,"data-testid":k,...l},u)=>{const o=d||`stack-${t}`,f=k||`stack-${t}`;return y.jsx("div",{ref:u,className:S.cn("stack",`stack--${t}`,`stack--spacing-${s}`,`stack--align-${e}`,`stack--justify-${c}`,r&&"stack--wrap",i),"data-cy":o,"data-testid":f,...l,children:n})});a.displayName="Stack";exports.Stack=a;
|
package/dist/index9.js
ADDED
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as n } from "react";
|
|
3
|
+
import { cn as $ } from "./index10.js";
|
|
4
|
+
/* empty css */
|
|
5
|
+
const y = n(
|
|
6
|
+
({
|
|
7
|
+
direction: a = "vertical",
|
|
8
|
+
spacing: t = "4",
|
|
9
|
+
align: s = "stretch",
|
|
10
|
+
justify: c = "start",
|
|
11
|
+
wrap: r = !1,
|
|
12
|
+
className: i,
|
|
13
|
+
children: k,
|
|
14
|
+
"data-cy": o,
|
|
15
|
+
"data-testid": e,
|
|
16
|
+
...f
|
|
17
|
+
}, m) => {
|
|
18
|
+
const d = o || `stack-${a}`, p = e || `stack-${a}`;
|
|
19
|
+
return /* @__PURE__ */ l(
|
|
20
|
+
"div",
|
|
21
|
+
{
|
|
22
|
+
ref: m,
|
|
23
|
+
className: $(
|
|
24
|
+
"stack",
|
|
25
|
+
`stack--${a}`,
|
|
26
|
+
`stack--spacing-${t}`,
|
|
27
|
+
`stack--align-${s}`,
|
|
28
|
+
`stack--justify-${c}`,
|
|
29
|
+
r && "stack--wrap",
|
|
30
|
+
i
|
|
31
|
+
),
|
|
32
|
+
"data-cy": d,
|
|
33
|
+
"data-testid": p,
|
|
34
|
+
...f,
|
|
35
|
+
children: k
|
|
36
|
+
}
|
|
37
|
+
);
|
|
38
|
+
}
|
|
39
|
+
);
|
|
40
|
+
y.displayName = "Stack";
|
|
41
|
+
export {
|
|
42
|
+
y as Stack
|
|
43
|
+
};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { ButtonHTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'style'> {
|
|
4
|
+
/**
|
|
5
|
+
* Button variant based on Smart V2 design system
|
|
6
|
+
* - primary-workspace: Orange background (#ED6726), white text
|
|
7
|
+
* - primary-builder: Dark background (#272643), white text
|
|
8
|
+
* - secondary: White background, border, dark text
|
|
9
|
+
* - ghost: Transparent background, dark text
|
|
10
|
+
*/
|
|
11
|
+
variant?: 'primary-workspace' | 'primary-builder' | 'secondary' | 'ghost';
|
|
12
|
+
/**
|
|
13
|
+
* Optional icon to display before the text
|
|
14
|
+
*/
|
|
15
|
+
icon?: ReactNode;
|
|
16
|
+
/**
|
|
17
|
+
* Full width button
|
|
18
|
+
*/
|
|
19
|
+
fullWidth?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* An ID for testing purposes, used by Vitest/React Testing Library.
|
|
22
|
+
* Defaults to `button-{variant}` if not provided.
|
|
23
|
+
*/
|
|
24
|
+
'data-testid'?: string;
|
|
25
|
+
/**
|
|
26
|
+
* An ID for Cypress E2E testing purposes.
|
|
27
|
+
* Defaults to `button-{variant}` if not provided.
|
|
28
|
+
*/
|
|
29
|
+
'data-cy'?: string;
|
|
30
|
+
}
|
|
31
|
+
export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
32
|
+
//# sourceMappingURL=Button.component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/button/Button.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpE,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IACzF;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,mBAAmB,GAAG,iBAAiB,GAAG,WAAW,GAAG,OAAO,CAAC;IAE1E;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,2GA+BlB,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Icon component - Re-exported from @adam-milo/icons
|
|
3
|
+
* This maintains backward compatibility while using the centralized icons package
|
|
4
|
+
*/
|
|
5
|
+
export { Icon, type IconProps, type IconName, type IconSize, type IconColor, availableIcons, } from '@adam-milo/icons';
|
|
6
|
+
//# sourceMappingURL=Icon.component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/icon/Icon.component.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,QAAQ,EACb,KAAK,SAAS,EACd,cAAc,GACf,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface CardProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
variant?: 'default' | 'outlined' | 'elevated';
|
|
5
|
+
/**
|
|
6
|
+
* Custom data-cy attribute for Cypress testing
|
|
7
|
+
* Auto-generates as "card-{variant}" if not provided
|
|
8
|
+
*/
|
|
9
|
+
'data-cy'?: string;
|
|
10
|
+
/**
|
|
11
|
+
* Custom data-testid attribute for unit testing
|
|
12
|
+
* Auto-generates as "card-{variant}" if not provided
|
|
13
|
+
*/
|
|
14
|
+
'data-testid'?: string;
|
|
15
|
+
}
|
|
16
|
+
export declare const Card: import('react').ForwardRefExoticComponent<CardProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
17
|
+
export interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {
|
|
18
|
+
'data-cy'?: string;
|
|
19
|
+
'data-testid'?: string;
|
|
20
|
+
}
|
|
21
|
+
export declare const CardHeader: import('react').ForwardRefExoticComponent<CardHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
22
|
+
export interface CardTitleProps extends HTMLAttributes<HTMLHeadingElement> {
|
|
23
|
+
'data-cy'?: string;
|
|
24
|
+
'data-testid'?: string;
|
|
25
|
+
}
|
|
26
|
+
export declare const CardTitle: import('react').ForwardRefExoticComponent<CardTitleProps & import('react').RefAttributes<HTMLHeadingElement>>;
|
|
27
|
+
export interface CardDescriptionProps extends HTMLAttributes<HTMLParagraphElement> {
|
|
28
|
+
'data-cy'?: string;
|
|
29
|
+
'data-testid'?: string;
|
|
30
|
+
}
|
|
31
|
+
export declare const CardDescription: import('react').ForwardRefExoticComponent<CardDescriptionProps & import('react').RefAttributes<HTMLParagraphElement>>;
|
|
32
|
+
export interface CardContentProps extends HTMLAttributes<HTMLDivElement> {
|
|
33
|
+
'data-cy'?: string;
|
|
34
|
+
'data-testid'?: string;
|
|
35
|
+
}
|
|
36
|
+
export declare const CardContent: import('react').ForwardRefExoticComponent<CardContentProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
37
|
+
export interface CardFooterProps extends HTMLAttributes<HTMLDivElement> {
|
|
38
|
+
'data-cy'?: string;
|
|
39
|
+
'data-testid'?: string;
|
|
40
|
+
}
|
|
41
|
+
export declare const CardFooter: import('react').ForwardRefExoticComponent<CardFooterProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
42
|
+
//# sourceMappingURL=Card.component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/card/Card.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAEnD,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;IAE9C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,IAAI,sGA2BhB,CAAC;AAIF,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,UAAU,4GAetB,CAAC;AAIF,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,kBAAkB,CAAC;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,SAAS,+GAgBrB,CAAC;AAIF,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,oBAAoB,CAAC;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,uHAe3B,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,6GAevB,CAAC;AAIF,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,UAAU,4GAetB,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { TableHTMLAttributes } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface DataTableColumn {
|
|
4
|
+
key: string;
|
|
5
|
+
header: string;
|
|
6
|
+
width?: string;
|
|
7
|
+
}
|
|
8
|
+
export interface DataTableProps extends TableHTMLAttributes<HTMLTableElement> {
|
|
9
|
+
columns: DataTableColumn[];
|
|
10
|
+
data: Record<string, unknown>[];
|
|
11
|
+
striped?: boolean;
|
|
12
|
+
hoverable?: boolean;
|
|
13
|
+
/**
|
|
14
|
+
* Custom data-cy attribute for Cypress testing
|
|
15
|
+
* Auto-generates as "datatable" if not provided
|
|
16
|
+
*/
|
|
17
|
+
'data-cy'?: string;
|
|
18
|
+
/**
|
|
19
|
+
* Custom data-testid attribute for unit testing
|
|
20
|
+
* Auto-generates as "datatable" if not provided
|
|
21
|
+
*/
|
|
22
|
+
'data-testid'?: string;
|
|
23
|
+
}
|
|
24
|
+
export declare const DataTable: import('react').ForwardRefExoticComponent<DataTableProps & import('react').RefAttributes<HTMLTableElement>>;
|
|
25
|
+
//# sourceMappingURL=DataTable.component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DataTable.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/datatable/DataTable.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAc,MAAM,OAAO,CAAC;AAExD,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,cAAe,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAC3E,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,SAAS,6GA0FrB,CAAC"}
|