@clasing/ui 2.0.5 → 2.0.6
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/blocks/interactive-card.cjs.js +1 -1
- package/dist/components/blocks/interactive-card.es.js +23 -21
- package/dist/ui.css +692 -692
- package/package.json +357 -357
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../jsx-runtime-BuHQgaKs.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../jsx-runtime-BuHQgaKs.cjs"),q=require("../../badge-DuEEk3J_.cjs"),i=require("../../card-BJMc0row.cjs"),j=require("../../icon-component-4lyl8wE_.cjs"),u=require("../../tooltip-__VfWmJD.cjs"),n=require("../../index-DoxiiusW.cjs"),w=require("../../index-C8P6Mn4U.cjs"),y=require("react"),z=w.cva("focus-visible:border-ring focus-visible:ring-ring/50 transition-[color,box-shadow] focus-visible:ring-[3px]"),g=y.forwardRef(({className:h,isActive:s,title:m,text:d,helperText:p,badgeText:l,disabled:r,badgeVariant:f,badgeSize:R="xs",iconName:o,iconText:a,tooltipIconName:b="IconHelpCircleFilled",tooltipText:t,tooltipTitle:c,tooltipSide:C,tooltipSideOffset:E,tooltipAlign:N,children:v,...x},I)=>e.jsxRuntimeExports.jsxs(i.Card,{ref:I,className:n.cn(z({className:h}),{"bg-blue-050 border-blue-950":s,"border-neutral-100 bg-neutral-100":r,"cursor-pointer lg:active:bg-blue-100":x.onClick&&s&&!r,"lg:active:bg-blue-050 cursor-pointer":x.onClick&&!s&&!r}),role:"button",tabIndex:0,...x,children:[l||o||a?e.jsxRuntimeExports.jsxs(i.CardHeader,{className:"flex items-center justify-between gap-2",children:[o||a?e.jsxRuntimeExports.jsx("div",{className:n.cn("rounded-full p-1",{"bg-neutral-000 text-muted-foreground":!s,"bg-white text-blue-800":s,"bg-white text-neutral-700":r}),children:e.jsxRuntimeExports.jsx(j.IconComponent,{iconName:o,iconText:a,size:20})}):null,(l||t)&&e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[l?e.jsxRuntimeExports.jsx(q.Badge,{variant:f,size:R,weight:"semibold",className:n.cn({"opacity-50":r}),children:l}):null,t&&e.jsxRuntimeExports.jsxs(u.Tooltip,{children:[e.jsxRuntimeExports.jsx(u.TooltipTrigger,{children:e.jsxRuntimeExports.jsx(j.IconComponent,{iconName:b??"IconHelpCircleFilled",size:20,className:"z-10 min-h-5 min-w-5"})}),e.jsxRuntimeExports.jsx(u.TooltipContent,{side:C,sideOffset:E,align:N,children:c||t&&e.jsxRuntimeExports.jsxs("div",{className:"text-neutral-1000 flex flex-col gap-1",children:[c&&e.jsxRuntimeExports.jsx("p",{className:"paragraph-md font-semibold",children:c}),t&&e.jsxRuntimeExports.jsx("p",{className:"paragraph-md",children:t})]})})]})]})]}):null,e.jsxRuntimeExports.jsxs(i.CardContent,{className:"flex flex-col gap-1",children:[m?e.jsxRuntimeExports.jsx("p",{className:n.cn("text-foreground label-xl font-semibold",{"text-neutral-700":r}),children:m}):null,d?e.jsxRuntimeExports.jsx("p",{className:n.cn("text-muted-foreground paragraph-md",{"text-neutral-700":r}),children:d}):null,v]}),p?e.jsxRuntimeExports.jsx(i.CardFooter,{children:e.jsxRuntimeExports.jsx("p",{className:n.cn("paragraph-sm text-neutral-800",{"text-neutral-700":r}),children:p})}):null]}));g.displayName="InteractiveCard";const F=g;exports.InteractiveCard=F;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { j as r } from "../../jsx-runtime-DywqP_6a.js";
|
|
2
|
-
import { B as
|
|
3
|
-
import { C as
|
|
2
|
+
import { B as w } from "../../badge-DgjaD6g5.js";
|
|
3
|
+
import { C as y, e as z, b as F, d as H } from "../../card-DPaMJS2f.js";
|
|
4
4
|
import { I as x } from "../../icon-component-Db_44zX2.js";
|
|
5
|
-
import { T as
|
|
5
|
+
import { T as k, c as B, a as R } from "../../tooltip-DgWl3klK.js";
|
|
6
6
|
import { c as a } from "../../index-CRiPKpXj.js";
|
|
7
|
-
import { c as
|
|
8
|
-
import { forwardRef as
|
|
9
|
-
const
|
|
7
|
+
import { c as E } from "../../index-BqtVL8d-.js";
|
|
8
|
+
import { forwardRef as O } from "react";
|
|
9
|
+
const S = E(
|
|
10
10
|
"focus-visible:border-ring focus-visible:ring-ring/50 transition-[color,box-shadow] focus-visible:ring-[3px]"
|
|
11
|
-
), p =
|
|
11
|
+
), p = O(
|
|
12
12
|
({
|
|
13
13
|
className: f,
|
|
14
14
|
isActive: s,
|
|
@@ -27,12 +27,13 @@ const O = R(
|
|
|
27
27
|
tooltipSide: b,
|
|
28
28
|
tooltipSideOffset: C,
|
|
29
29
|
tooltipAlign: N,
|
|
30
|
+
children: v,
|
|
30
31
|
...i
|
|
31
|
-
},
|
|
32
|
-
|
|
32
|
+
}, I) => /* @__PURE__ */ r.jsxs(
|
|
33
|
+
y,
|
|
33
34
|
{
|
|
34
|
-
ref:
|
|
35
|
-
className: a(
|
|
35
|
+
ref: I,
|
|
36
|
+
className: a(S({ className: f }), {
|
|
36
37
|
"bg-blue-050 border-blue-950": s,
|
|
37
38
|
"border-neutral-100 bg-neutral-100": e,
|
|
38
39
|
"cursor-pointer lg:active:bg-blue-100": i.onClick && s && !e,
|
|
@@ -42,7 +43,7 @@ const O = R(
|
|
|
42
43
|
tabIndex: 0,
|
|
43
44
|
...i,
|
|
44
45
|
children: [
|
|
45
|
-
n || o || t ? /* @__PURE__ */ r.jsxs(
|
|
46
|
+
n || o || t ? /* @__PURE__ */ r.jsxs(z, { className: "flex items-center justify-between gap-2", children: [
|
|
46
47
|
o || t ? /* @__PURE__ */ r.jsx(
|
|
47
48
|
"div",
|
|
48
49
|
{
|
|
@@ -63,7 +64,7 @@ const O = R(
|
|
|
63
64
|
) : null,
|
|
64
65
|
(n || l) && /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
|
|
65
66
|
n ? /* @__PURE__ */ r.jsx(
|
|
66
|
-
|
|
67
|
+
w,
|
|
67
68
|
{
|
|
68
69
|
variant: g,
|
|
69
70
|
size: h,
|
|
@@ -74,8 +75,8 @@ const O = R(
|
|
|
74
75
|
children: n
|
|
75
76
|
}
|
|
76
77
|
) : null,
|
|
77
|
-
l && /* @__PURE__ */ r.jsxs(
|
|
78
|
-
/* @__PURE__ */ r.jsx(
|
|
78
|
+
l && /* @__PURE__ */ r.jsxs(k, { children: [
|
|
79
|
+
/* @__PURE__ */ r.jsx(B, { children: /* @__PURE__ */ r.jsx(
|
|
79
80
|
x,
|
|
80
81
|
{
|
|
81
82
|
iconName: j ?? "IconHelpCircleFilled",
|
|
@@ -84,7 +85,7 @@ const O = R(
|
|
|
84
85
|
}
|
|
85
86
|
) }),
|
|
86
87
|
/* @__PURE__ */ r.jsx(
|
|
87
|
-
|
|
88
|
+
R,
|
|
88
89
|
{
|
|
89
90
|
side: b,
|
|
90
91
|
sideOffset: C,
|
|
@@ -98,7 +99,7 @@ const O = R(
|
|
|
98
99
|
] })
|
|
99
100
|
] })
|
|
100
101
|
] }) : null,
|
|
101
|
-
/* @__PURE__ */ r.jsxs(
|
|
102
|
+
/* @__PURE__ */ r.jsxs(F, { className: "flex flex-col gap-1", children: [
|
|
102
103
|
m ? /* @__PURE__ */ r.jsx(
|
|
103
104
|
"p",
|
|
104
105
|
{
|
|
@@ -116,9 +117,10 @@ const O = R(
|
|
|
116
117
|
}),
|
|
117
118
|
children: d
|
|
118
119
|
}
|
|
119
|
-
) : null
|
|
120
|
+
) : null,
|
|
121
|
+
v
|
|
120
122
|
] }),
|
|
121
|
-
u ? /* @__PURE__ */ r.jsx(
|
|
123
|
+
u ? /* @__PURE__ */ r.jsx(H, { children: /* @__PURE__ */ r.jsx(
|
|
122
124
|
"p",
|
|
123
125
|
{
|
|
124
126
|
className: a("paragraph-sm text-neutral-800", {
|
|
@@ -132,7 +134,7 @@ const O = R(
|
|
|
132
134
|
)
|
|
133
135
|
);
|
|
134
136
|
p.displayName = "InteractiveCard";
|
|
135
|
-
const
|
|
137
|
+
const Q = p;
|
|
136
138
|
export {
|
|
137
|
-
|
|
139
|
+
Q as InteractiveCard
|
|
138
140
|
};
|