@gearbox-protocol/permissionless-ui 1.7.1 → 1.7.3
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.
|
@@ -41,14 +41,13 @@ 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
43
|
const cardVariants = (0, import_class_variance_authority.cva)(
|
|
44
|
-
"rounded-xl border border-border bg-card text-card-foreground
|
|
44
|
+
"rounded-xl border border-border bg-card text-card-foreground",
|
|
45
45
|
{
|
|
46
46
|
variants: {
|
|
47
47
|
variant: {
|
|
48
48
|
default: "",
|
|
49
49
|
interactive: "hover:bg-secondary transition-colors cursor-pointer",
|
|
50
|
-
transparent: "bg-transparent hover:bg-transparent"
|
|
51
|
-
nohover: "hover:bg-card hover:border-border"
|
|
50
|
+
transparent: "bg-transparent hover:bg-transparent"
|
|
52
51
|
}
|
|
53
52
|
},
|
|
54
53
|
defaultVariants: {
|
|
@@ -43,13 +43,13 @@ function ExpandableCard({
|
|
|
43
43
|
alwaysExpanded = false
|
|
44
44
|
}) {
|
|
45
45
|
const [isExpanded, setIsExpanded] = React.useState(alwaysExpanded);
|
|
46
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.Card, {
|
|
46
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.Card, { children: [
|
|
47
47
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
48
48
|
"div",
|
|
49
49
|
{
|
|
50
50
|
className: (0, import_utils.default)(
|
|
51
51
|
"flex items-center justify-between gap-4 p-4 rounded-t-xl",
|
|
52
|
-
alwaysExpanded ? "" : "cursor-pointer",
|
|
52
|
+
alwaysExpanded ? "" : "cursor-pointer hover:bg-secondary",
|
|
53
53
|
isExpanded ? "" : "rounded-b-xl"
|
|
54
54
|
),
|
|
55
55
|
onClick: () => {
|
|
@@ -3,14 +3,13 @@ import { cva } from "class-variance-authority";
|
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import cn from "../../utils/index.js";
|
|
5
5
|
const cardVariants = cva(
|
|
6
|
-
"rounded-xl border border-border bg-card text-card-foreground
|
|
6
|
+
"rounded-xl border border-border bg-card text-card-foreground",
|
|
7
7
|
{
|
|
8
8
|
variants: {
|
|
9
9
|
variant: {
|
|
10
10
|
default: "",
|
|
11
11
|
interactive: "hover:bg-secondary transition-colors cursor-pointer",
|
|
12
|
-
transparent: "bg-transparent hover:bg-transparent"
|
|
13
|
-
nohover: "hover:bg-card hover:border-border"
|
|
12
|
+
transparent: "bg-transparent hover:bg-transparent"
|
|
14
13
|
}
|
|
15
14
|
},
|
|
16
15
|
defaultVariants: {
|
|
@@ -10,13 +10,13 @@ function ExpandableCard({
|
|
|
10
10
|
alwaysExpanded = false
|
|
11
11
|
}) {
|
|
12
12
|
const [isExpanded, setIsExpanded] = React.useState(alwaysExpanded);
|
|
13
|
-
return /* @__PURE__ */ jsxs(Card, {
|
|
13
|
+
return /* @__PURE__ */ jsxs(Card, { children: [
|
|
14
14
|
/* @__PURE__ */ jsxs(
|
|
15
15
|
"div",
|
|
16
16
|
{
|
|
17
17
|
className: cn(
|
|
18
18
|
"flex items-center justify-between gap-4 p-4 rounded-t-xl",
|
|
19
|
-
alwaysExpanded ? "" : "cursor-pointer",
|
|
19
|
+
alwaysExpanded ? "" : "cursor-pointer hover:bg-secondary",
|
|
20
20
|
isExpanded ? "" : "rounded-b-xl"
|
|
21
21
|
),
|
|
22
22
|
onClick: () => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type VariantProps } from "class-variance-authority";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
declare const cardVariants: (props?: ({
|
|
4
|
-
variant?: "default" | "transparent" | "interactive" |
|
|
4
|
+
variant?: "default" | "transparent" | "interactive" | null | undefined;
|
|
5
5
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
6
|
export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
|
|
7
7
|
asChild?: boolean;
|