@bouko/react 0.4.5 → 0.4.7
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.
|
@@ -9,7 +9,7 @@ const styles = tv({
|
|
|
9
9
|
variant: {
|
|
10
10
|
primary: "bg-primary hover:bg-primary-dark border-primary-dark",
|
|
11
11
|
outline: "!bg-transparent border-2 border-accent hover:border-accent-dark text-primary",
|
|
12
|
-
ghost: "bg-transparent
|
|
12
|
+
ghost: "!bg-transparent border-transparent text-accent hover:text-accent-dark"
|
|
13
13
|
},
|
|
14
14
|
size: {
|
|
15
15
|
sm: "px-3 py-1 text-sm",
|
package/dist/components/field.js
CHANGED
|
@@ -6,6 +6,5 @@ export default function Field({ style, label, required = true, note, children })
|
|
|
6
6
|
const styles = {
|
|
7
7
|
container: "flex flex-col shrink-0 gap-1 w-full overflow-hidden",
|
|
8
8
|
label: "text-xs text-slate-600",
|
|
9
|
-
input: "px-3 py-2 bg-slate-200/50 border border-slate-300 outline-blue-500 rounded text-sm",
|
|
10
9
|
note: "mt-1 text-xs text-slate-500"
|
|
11
10
|
};
|
|
@@ -7,7 +7,7 @@ export default function MultipleChoice({ id, label, options, style, value, updat
|
|
|
7
7
|
}
|
|
8
8
|
const Dot = ({ active, select }) => (_jsx("div", { className: cn(styles.dot, active && "bg-accent border-accent-dark"), onClick: select }));
|
|
9
9
|
const styles = {
|
|
10
|
-
options: "flex flex-col gap-1 w-full",
|
|
10
|
+
options: "flex shrink-0 flex-col gap-1 w-full",
|
|
11
11
|
item: "flex items-center gap-3 text-sm",
|
|
12
12
|
dot: "size-3 bg-background-dark/50 hover:bg-background-dark duration-200 cursor-pointer border border-background-dark rounded-full"
|
|
13
13
|
};
|