@gearbox-protocol/permissionless-ui 1.2.23 → 1.2.25
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/cjs/components/cards/card.js +10 -13
- package/dist/cjs/components/cards/expendable-card.js +4 -1
- package/dist/cjs/components/editable-table/editable-table.js +1 -1
- package/dist/esm/components/cards/card.js +10 -13
- package/dist/esm/components/cards/expendable-card.js +4 -1
- package/dist/esm/components/editable-table/editable-table.js +1 -1
- package/package.json +1 -1
|
@@ -40,21 +40,18 @@ var import_jsx_runtime = require("react/jsx-runtime");
|
|
|
40
40
|
var import_class_variance_authority = require("class-variance-authority");
|
|
41
41
|
var React = __toESM(require("react"));
|
|
42
42
|
var import_utils = __toESM(require('../../utils/index.js'));
|
|
43
|
-
const cardVariants = (0, import_class_variance_authority.cva)(
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
interactive: "hover:bg-accent/50 transition-colors cursor-pointer",
|
|
50
|
-
transparent: "bg-card/0"
|
|
51
|
-
}
|
|
52
|
-
},
|
|
53
|
-
defaultVariants: {
|
|
54
|
-
variant: "default"
|
|
43
|
+
const cardVariants = (0, import_class_variance_authority.cva)("rounded-xl border bg-card text-card-foreground", {
|
|
44
|
+
variants: {
|
|
45
|
+
variant: {
|
|
46
|
+
default: "",
|
|
47
|
+
interactive: "hover:bg-accent/50 transition-colors cursor-pointer",
|
|
48
|
+
transparent: "bg-card/0"
|
|
55
49
|
}
|
|
50
|
+
},
|
|
51
|
+
defaultVariants: {
|
|
52
|
+
variant: "default"
|
|
56
53
|
}
|
|
57
|
-
);
|
|
54
|
+
});
|
|
58
55
|
const Card = React.forwardRef(
|
|
59
56
|
({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
60
57
|
"div",
|
|
@@ -43,7 +43,10 @@ function ExpendableCard({ header, children }) {
|
|
|
43
43
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
44
44
|
"div",
|
|
45
45
|
{
|
|
46
|
-
className:
|
|
46
|
+
className: (0, import_utils.default)(
|
|
47
|
+
"flex items-center justify-between gap-4 p-4 rounded-t-xl cursor-pointer hover:bg-accent/50",
|
|
48
|
+
isExpanded ? "" : "rounded-b-xl"
|
|
49
|
+
),
|
|
47
50
|
onClick: () => setIsExpanded(!isExpanded),
|
|
48
51
|
children: [
|
|
49
52
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex-1", children: header }),
|
|
@@ -53,7 +53,7 @@ function TableCellAsset({
|
|
|
53
53
|
size: "sm",
|
|
54
54
|
className: "text-muted-foreground hover:text-white p-0 h-auto",
|
|
55
55
|
onClick: () => window.open(`${explorerUrl}/address/${assetAddress}`, "_blank"),
|
|
56
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ExternalLink, {
|
|
56
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ExternalLink, {})
|
|
57
57
|
}
|
|
58
58
|
)
|
|
59
59
|
] })
|
|
@@ -2,21 +2,18 @@ import { jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { cva } from "class-variance-authority";
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import cn from "../../utils/index.js";
|
|
5
|
-
const cardVariants = cva(
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
interactive: "hover:bg-accent/50 transition-colors cursor-pointer",
|
|
12
|
-
transparent: "bg-card/0"
|
|
13
|
-
}
|
|
14
|
-
},
|
|
15
|
-
defaultVariants: {
|
|
16
|
-
variant: "default"
|
|
5
|
+
const cardVariants = cva("rounded-xl border bg-card text-card-foreground", {
|
|
6
|
+
variants: {
|
|
7
|
+
variant: {
|
|
8
|
+
default: "",
|
|
9
|
+
interactive: "hover:bg-accent/50 transition-colors cursor-pointer",
|
|
10
|
+
transparent: "bg-card/0"
|
|
17
11
|
}
|
|
12
|
+
},
|
|
13
|
+
defaultVariants: {
|
|
14
|
+
variant: "default"
|
|
18
15
|
}
|
|
19
|
-
);
|
|
16
|
+
});
|
|
20
17
|
const Card = React.forwardRef(
|
|
21
18
|
({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
22
19
|
"div",
|
|
@@ -10,7 +10,10 @@ function ExpendableCard({ header, children }) {
|
|
|
10
10
|
/* @__PURE__ */ jsxs(
|
|
11
11
|
"div",
|
|
12
12
|
{
|
|
13
|
-
className:
|
|
13
|
+
className: cn(
|
|
14
|
+
"flex items-center justify-between gap-4 p-4 rounded-t-xl cursor-pointer hover:bg-accent/50",
|
|
15
|
+
isExpanded ? "" : "rounded-b-xl"
|
|
16
|
+
),
|
|
14
17
|
onClick: () => setIsExpanded(!isExpanded),
|
|
15
18
|
children: [
|
|
16
19
|
/* @__PURE__ */ jsx("div", { className: "flex-1", children: header }),
|
|
@@ -28,7 +28,7 @@ function TableCellAsset({
|
|
|
28
28
|
size: "sm",
|
|
29
29
|
className: "text-muted-foreground hover:text-white p-0 h-auto",
|
|
30
30
|
onClick: () => window.open(`${explorerUrl}/address/${assetAddress}`, "_blank"),
|
|
31
|
-
children: /* @__PURE__ */ jsx(ExternalLink, {
|
|
31
|
+
children: /* @__PURE__ */ jsx(ExternalLink, {})
|
|
32
32
|
}
|
|
33
33
|
)
|
|
34
34
|
] })
|