@dilipod/ui 0.4.25 → 0.4.26
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.js +23 -23
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +23 -23
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/components/button.tsx +1 -1
- package/src/components/date-range-picker.tsx +1 -1
- package/src/components/dialog.tsx +1 -1
- package/src/components/form-field.tsx +1 -1
- package/src/components/impact-metrics-form.tsx +3 -3
- package/src/components/input.tsx +3 -3
- package/src/components/radio-group.tsx +2 -2
- package/src/components/select.tsx +4 -4
- package/src/components/sheet.tsx +1 -1
- package/src/components/slider.tsx +2 -2
- package/src/components/switch.tsx +1 -1
- package/src/components/tabs.tsx +2 -2
- package/src/components/textarea.tsx +3 -3
- package/src/components/toast.tsx +1 -1
- package/src/styles/globals.css +2 -3
package/dist/index.js
CHANGED
|
@@ -542,7 +542,7 @@ function cn(...inputs) {
|
|
|
542
542
|
return tailwindMerge.twMerge(clsx.clsx(inputs));
|
|
543
543
|
}
|
|
544
544
|
var buttonVariants = classVarianceAuthority.cva(
|
|
545
|
-
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full text-sm font-semibold
|
|
545
|
+
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full text-sm font-semibold transition-all duration-200 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 cursor-pointer",
|
|
546
546
|
{
|
|
547
547
|
variants: {
|
|
548
548
|
variant: {
|
|
@@ -680,7 +680,7 @@ var SheetContent = React51__namespace.forwardRef(({ side = "right", className, c
|
|
|
680
680
|
...props,
|
|
681
681
|
children: [
|
|
682
682
|
children,
|
|
683
|
-
/* @__PURE__ */ jsxRuntime.jsxs(SheetPrimitive__namespace.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70
|
|
683
|
+
/* @__PURE__ */ jsxRuntime.jsxs(SheetPrimitive__namespace.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none data-[state=open]:bg-gray-100", children: [
|
|
684
684
|
/* @__PURE__ */ jsxRuntime.jsx(react_star.X, { className: "h-4 w-4" }),
|
|
685
685
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
|
|
686
686
|
] })
|
|
@@ -1535,8 +1535,8 @@ var Input = React51__namespace.forwardRef(
|
|
|
1535
1535
|
{
|
|
1536
1536
|
type,
|
|
1537
1537
|
className: cn(
|
|
1538
|
-
"flex h-10 w-full rounded-sm border bg-white px-3 py-2 text-base text-[var(--black)]
|
|
1539
|
-
error ? "border-red-500
|
|
1538
|
+
"flex h-10 w-full rounded-sm border bg-white px-3 py-2 text-base text-[var(--black)] file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-[var(--black)] placeholder:text-gray-500 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm transition-colors",
|
|
1539
|
+
error ? "border-red-500" : "border-gray-300",
|
|
1540
1540
|
className
|
|
1541
1541
|
),
|
|
1542
1542
|
ref,
|
|
@@ -1615,8 +1615,8 @@ var Textarea = React51__namespace.forwardRef(
|
|
|
1615
1615
|
"textarea",
|
|
1616
1616
|
{
|
|
1617
1617
|
className: cn(
|
|
1618
|
-
"flex min-h-[80px] w-full rounded-sm border bg-white px-3 py-2 text-base text-[var(--black)]
|
|
1619
|
-
error ? "border-red-500
|
|
1618
|
+
"flex min-h-[80px] w-full rounded-sm border bg-white px-3 py-2 text-base text-[var(--black)] placeholder:text-gray-500 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm transition-colors resize-none",
|
|
1619
|
+
error ? "border-red-500" : "border-gray-300",
|
|
1620
1620
|
className
|
|
1621
1621
|
),
|
|
1622
1622
|
ref,
|
|
@@ -1635,12 +1635,12 @@ var Select = React51__namespace.forwardRef(
|
|
|
1635
1635
|
{
|
|
1636
1636
|
ref,
|
|
1637
1637
|
className: cn(
|
|
1638
|
-
"h-10 w-full rounded-sm border bg-white px-3 py-2 text-base text-[var(--black)]
|
|
1638
|
+
"h-10 w-full rounded-sm border bg-white px-3 py-2 text-base text-[var(--black)]",
|
|
1639
1639
|
"placeholder:text-gray-500",
|
|
1640
|
-
"focus-visible:outline-none
|
|
1640
|
+
"focus-visible:outline-none",
|
|
1641
1641
|
"disabled:cursor-not-allowed disabled:opacity-50 md:text-sm transition-colors",
|
|
1642
1642
|
"appearance-none pr-10",
|
|
1643
|
-
error ? "border-red-500
|
|
1643
|
+
error ? "border-red-500" : "border-gray-300",
|
|
1644
1644
|
className
|
|
1645
1645
|
),
|
|
1646
1646
|
"aria-invalid": error ? "true" : void 0,
|
|
@@ -1713,7 +1713,7 @@ var Switch = React51__namespace.forwardRef(({ className, size = "default", ...pr
|
|
|
1713
1713
|
SwitchPrimitive__namespace.Root,
|
|
1714
1714
|
{
|
|
1715
1715
|
className: cn(
|
|
1716
|
-
"peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none
|
|
1716
|
+
"peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-[var(--cyan)] data-[state=unchecked]:bg-input",
|
|
1717
1717
|
sizeStyles[size].root,
|
|
1718
1718
|
className
|
|
1719
1719
|
),
|
|
@@ -1803,8 +1803,8 @@ var Slider = React51__namespace.forwardRef(({ className, showValue, formatValue,
|
|
|
1803
1803
|
SliderPrimitive__namespace.Thumb,
|
|
1804
1804
|
{
|
|
1805
1805
|
className: cn(
|
|
1806
|
-
"block rounded-full border-2 border-[var(--cyan)] bg-white shadow-md
|
|
1807
|
-
"focus-visible:outline-none
|
|
1806
|
+
"block rounded-full border-2 border-[var(--cyan)] bg-white shadow-md transition-colors",
|
|
1807
|
+
"focus-visible:outline-none",
|
|
1808
1808
|
"disabled:pointer-events-none disabled:opacity-50",
|
|
1809
1809
|
"hover:border-[var(--cyan-dark,#00bfaa)] cursor-pointer",
|
|
1810
1810
|
sizeStyles[size].thumb
|
|
@@ -1843,7 +1843,7 @@ var RadioGroupItem = React51__namespace.forwardRef(({ className, ...props }, ref
|
|
|
1843
1843
|
{
|
|
1844
1844
|
ref,
|
|
1845
1845
|
className: cn(
|
|
1846
|
-
"aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:
|
|
1846
|
+
"aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
|
|
1847
1847
|
className
|
|
1848
1848
|
),
|
|
1849
1849
|
...props,
|
|
@@ -1878,7 +1878,7 @@ var RadioGroupCard = React51__namespace.forwardRef(({ label, description, childr
|
|
|
1878
1878
|
ref,
|
|
1879
1879
|
id: cardId,
|
|
1880
1880
|
className: cn(
|
|
1881
|
-
"relative flex cursor-pointer rounded-lg border bg-background p-4 transition-all hover:border-[var(--cyan)]/50 focus:outline-none focus-visible:
|
|
1881
|
+
"relative flex cursor-pointer rounded-lg border bg-background p-4 transition-all hover:border-[var(--cyan)]/50 focus:outline-none focus-visible:outline-none data-[state=checked]:border-[var(--cyan)] data-[state=checked]:ring-1 data-[state=checked]:ring-[var(--cyan)] disabled:cursor-not-allowed disabled:opacity-50",
|
|
1882
1882
|
className
|
|
1883
1883
|
),
|
|
1884
1884
|
...props,
|
|
@@ -2557,7 +2557,7 @@ var FormField = React51__namespace.forwardRef(
|
|
|
2557
2557
|
"aria-describedby": error ? errorId : helperText ? helperId : void 0,
|
|
2558
2558
|
className: cn(
|
|
2559
2559
|
childProps.className,
|
|
2560
|
-
error && "border-red-500
|
|
2560
|
+
error && "border-red-500"
|
|
2561
2561
|
)
|
|
2562
2562
|
});
|
|
2563
2563
|
}
|
|
@@ -2692,7 +2692,7 @@ var TabsTrigger = React51__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
2692
2692
|
{
|
|
2693
2693
|
ref,
|
|
2694
2694
|
className: cn(
|
|
2695
|
-
"inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium
|
|
2695
|
+
"inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
|
|
2696
2696
|
className
|
|
2697
2697
|
),
|
|
2698
2698
|
...props
|
|
@@ -2704,7 +2704,7 @@ var TabsContent = React51__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
2704
2704
|
{
|
|
2705
2705
|
ref,
|
|
2706
2706
|
className: cn(
|
|
2707
|
-
"mt-2
|
|
2707
|
+
"mt-2 focus-visible:outline-none",
|
|
2708
2708
|
className
|
|
2709
2709
|
),
|
|
2710
2710
|
...props
|
|
@@ -2766,7 +2766,7 @@ var DialogContent = React51__namespace.forwardRef(({ className, children, ...pro
|
|
|
2766
2766
|
...props,
|
|
2767
2767
|
children: [
|
|
2768
2768
|
children,
|
|
2769
|
-
/* @__PURE__ */ jsxRuntime.jsxs(SheetPrimitive__namespace.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70
|
|
2769
|
+
/* @__PURE__ */ jsxRuntime.jsxs(SheetPrimitive__namespace.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none data-[state=open]:bg-gray-100", children: [
|
|
2770
2770
|
/* @__PURE__ */ jsxRuntime.jsx(react_star.X, { className: "h-4 w-4" }),
|
|
2771
2771
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
|
|
2772
2772
|
] })
|
|
@@ -3076,7 +3076,7 @@ var ToastAction = React51__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
3076
3076
|
{
|
|
3077
3077
|
ref,
|
|
3078
3078
|
className: cn(
|
|
3079
|
-
"inline-flex h-8 shrink-0 items-center justify-center rounded-sm border bg-transparent px-3 text-sm font-medium
|
|
3079
|
+
"inline-flex h-8 shrink-0 items-center justify-center rounded-sm border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-gray-100 focus:outline-none disabled:pointer-events-none disabled:opacity-50",
|
|
3080
3080
|
className
|
|
3081
3081
|
),
|
|
3082
3082
|
...props
|
|
@@ -3835,7 +3835,7 @@ var DateRangeSelect = React51__namespace.forwardRef(
|
|
|
3835
3835
|
value,
|
|
3836
3836
|
onChange: (e) => onChange(e.target.value),
|
|
3837
3837
|
className: cn(
|
|
3838
|
-
"h-9 rounded-sm border border-input bg-background px-3 text-sm
|
|
3838
|
+
"h-9 rounded-sm border border-input bg-background px-3 text-sm focus:outline-none disabled:cursor-not-allowed disabled:opacity-50",
|
|
3839
3839
|
className
|
|
3840
3840
|
),
|
|
3841
3841
|
children: presets.map((preset) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: preset, children: presetLabels[preset] }, preset))
|
|
@@ -4691,7 +4691,7 @@ function ImpactMetricsForm({
|
|
|
4691
4691
|
...prev,
|
|
4692
4692
|
time_saved_minutes_per_run: parseInt(e.target.value) || 0
|
|
4693
4693
|
})),
|
|
4694
|
-
className: "w-16 px-2 py-1 text-2xl font-bold border border-border rounded-sm focus:outline-none
|
|
4694
|
+
className: "w-16 px-2 py-1 text-2xl font-bold border border-border rounded-sm focus:outline-none bg-background",
|
|
4695
4695
|
min: "0"
|
|
4696
4696
|
}
|
|
4697
4697
|
),
|
|
@@ -4714,7 +4714,7 @@ function ImpactMetricsForm({
|
|
|
4714
4714
|
...prev,
|
|
4715
4715
|
hourly_rate_euros: parseFloat(e.target.value) || 0
|
|
4716
4716
|
})),
|
|
4717
|
-
className: "w-16 px-2 py-1 text-2xl font-bold border border-border rounded-sm focus:outline-none
|
|
4717
|
+
className: "w-16 px-2 py-1 text-2xl font-bold border border-border rounded-sm focus:outline-none bg-background",
|
|
4718
4718
|
min: "0",
|
|
4719
4719
|
step: "0.5"
|
|
4720
4720
|
}
|
|
@@ -4738,7 +4738,7 @@ function ImpactMetricsForm({
|
|
|
4738
4738
|
...prev,
|
|
4739
4739
|
fte_equivalent: (parseFloat(e.target.value) || 0) / 100
|
|
4740
4740
|
})),
|
|
4741
|
-
className: "w-16 px-2 py-1 text-2xl font-bold border border-border rounded-sm focus:outline-none
|
|
4741
|
+
className: "w-16 px-2 py-1 text-2xl font-bold border border-border rounded-sm focus:outline-none bg-background",
|
|
4742
4742
|
min: "0",
|
|
4743
4743
|
max: "1000",
|
|
4744
4744
|
step: "5"
|