@underverse-ui/underverse 0.2.3 → 0.2.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/dist/index.cjs +8 -7
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +8 -7
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -57,6 +57,7 @@ interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElem
|
|
|
57
57
|
asContainer?: boolean;
|
|
58
58
|
noWrap?: boolean;
|
|
59
59
|
noHoverOverlay?: boolean;
|
|
60
|
+
gradient?: boolean;
|
|
60
61
|
}
|
|
61
62
|
declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
62
63
|
|
package/dist/index.d.ts
CHANGED
|
@@ -57,6 +57,7 @@ interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElem
|
|
|
57
57
|
asContainer?: boolean;
|
|
58
58
|
noWrap?: boolean;
|
|
59
59
|
noHoverOverlay?: boolean;
|
|
60
|
+
gradient?: boolean;
|
|
60
61
|
}
|
|
61
62
|
declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
62
63
|
|
package/dist/index.js
CHANGED
|
@@ -71,10 +71,12 @@ var Button = forwardRef(
|
|
|
71
71
|
asContainer = false,
|
|
72
72
|
noWrap = true,
|
|
73
73
|
noHoverOverlay = false,
|
|
74
|
+
gradient = false,
|
|
74
75
|
...rest
|
|
75
76
|
}, ref) => {
|
|
76
77
|
const baseStyles = asContainer ? "relative inline-flex justify-center rounded-md font-medium transition-colors duration-150 ease-soft outline-none focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background active:translate-y-px" : "relative inline-flex items-center justify-center gap-2 rounded-md font-medium overflow-hidden transition-colors duration-150 ease-soft outline-none focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background active:translate-y-px";
|
|
77
|
-
const
|
|
78
|
+
const finalVariant = gradient ? "gradient" : variant;
|
|
79
|
+
const variantStyle = VARIANT_STYLES_BTN[finalVariant] || VARIANT_STYLES_BTN.default;
|
|
78
80
|
const sizeStyle = SIZE_STYLES_BTN[size] || SIZE_STYLES_BTN.md;
|
|
79
81
|
const SpinnerIcon = Spinner ?? Activity;
|
|
80
82
|
const [locked, setLocked] = useState(false);
|
|
@@ -132,7 +134,7 @@ var Button = forwardRef(
|
|
|
132
134
|
"aria-label": rest["aria-label"] || title,
|
|
133
135
|
...rest,
|
|
134
136
|
children: [
|
|
135
|
-
!noHoverOverlay && /* @__PURE__ */ jsx("span", { className: "absolute inset-0 bg-gradient-to-r from-primary-foreground/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-200" }),
|
|
137
|
+
!noHoverOverlay && /* @__PURE__ */ jsx("span", { className: "absolute inset-0 bg-gradient-to-r from-primary-foreground/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-200 dark:hidden" }),
|
|
136
138
|
loading2 ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
137
139
|
/* @__PURE__ */ jsx(SpinnerIcon, { className: "w-4 h-4 animate-spin" }),
|
|
138
140
|
loadingText && /* @__PURE__ */ jsx("span", { className: "ml-2", "aria-live": "polite", children: loadingText }),
|
|
@@ -4809,10 +4811,9 @@ var DatePicker = ({
|
|
|
4809
4811
|
},
|
|
4810
4812
|
className: cn(
|
|
4811
4813
|
size === "sm" ? "w-7 h-7 text-[12px]" : "w-8 h-8 text-sm",
|
|
4812
|
-
"datepicker-day rounded-md
|
|
4813
|
-
"focus:bg-accent focus:text-accent-foreground focus:outline-none",
|
|
4814
|
+
"datepicker-day rounded-md focus:outline-none",
|
|
4814
4815
|
"transition-colors",
|
|
4815
|
-
isSelected
|
|
4816
|
+
isSelected ? "bg-primary text-primary-foreground hover:bg-primary/90 focus:bg-primary focus:text-primary-foreground" : "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground",
|
|
4816
4817
|
isToday2 && !isSelected && "bg-accent text-accent-foreground font-semibold"
|
|
4817
4818
|
),
|
|
4818
4819
|
children: day
|
|
@@ -5963,7 +5964,7 @@ function Calendar2({
|
|
|
5963
5964
|
disabled && "opacity-40 cursor-not-allowed",
|
|
5964
5965
|
isToday2 && !selectedDay && "ring-1 ring-primary/50",
|
|
5965
5966
|
selectedDay && "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
5966
|
-
!selectedDay && "hover:bg-accent"
|
|
5967
|
+
!selectedDay && "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground"
|
|
5967
5968
|
),
|
|
5968
5969
|
title: d.toDateString(),
|
|
5969
5970
|
children: [
|
|
@@ -6024,7 +6025,7 @@ function Calendar2({
|
|
|
6024
6025
|
disabled && "opacity-40 cursor-not-allowed",
|
|
6025
6026
|
isToday2 && !selectedDay && "ring-1 ring-primary/50",
|
|
6026
6027
|
selectedDay && "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
6027
|
-
!selectedDay && "hover:bg-accent"
|
|
6028
|
+
!selectedDay && "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground"
|
|
6028
6029
|
),
|
|
6029
6030
|
title: d.toDateString(),
|
|
6030
6031
|
children: [
|