@marcoschwartz/lite-ui 0.23.4 → 0.23.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.js +13 -13
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +13 -13
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -183,10 +183,10 @@ var themes = {
|
|
|
183
183
|
link: "bg-transparent text-[hsl(var(--primary))] underline-offset-4 hover:underline !p-0 !h-auto !min-h-0 shadow-none"
|
|
184
184
|
},
|
|
185
185
|
sizes: {
|
|
186
|
-
sm: "px-3 py-1.5 text-sm
|
|
187
|
-
md: "px-4 py-2 text-
|
|
188
|
-
lg: "px-
|
|
189
|
-
xl: "px-6 py-3 text-
|
|
186
|
+
sm: "px-3 py-1.5 text-sm",
|
|
187
|
+
md: "px-4 py-2.5 text-base",
|
|
188
|
+
lg: "px-4 py-3 text-lg",
|
|
189
|
+
xl: "px-6 py-3.5 text-lg"
|
|
190
190
|
},
|
|
191
191
|
disabled: "pointer-events-none opacity-50"
|
|
192
192
|
},
|
|
@@ -194,8 +194,8 @@ var themes = {
|
|
|
194
194
|
base: "w-full appearance-none rounded-md border border-[hsl(var(--input))] bg-transparent text-[hsl(var(--foreground))] text-left transition-colors duration-150 focus:outline-none focus:ring-1 focus:ring-[hsl(var(--ring))]/50 focus:border-[hsl(var(--ring))] hover:border-[hsl(var(--muted-foreground))] pr-10 cursor-pointer",
|
|
195
195
|
sizes: {
|
|
196
196
|
sm: "px-3 py-1.5 text-sm",
|
|
197
|
-
md: "px-
|
|
198
|
-
lg: "px-4 py-3 text-
|
|
197
|
+
md: "px-4 py-2.5 text-base",
|
|
198
|
+
lg: "px-4 py-3 text-lg",
|
|
199
199
|
xl: "px-4 py-3.5 text-lg"
|
|
200
200
|
},
|
|
201
201
|
disabled: "pointer-events-none opacity-50 bg-[hsl(var(--muted))]"
|
|
@@ -1566,8 +1566,8 @@ var import_react8 = require("react");
|
|
|
1566
1566
|
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
1567
1567
|
var sizeClasses5 = {
|
|
1568
1568
|
sm: "px-3 py-1.5 text-sm",
|
|
1569
|
-
md: "px-
|
|
1570
|
-
lg: "px-4 py-3 text-
|
|
1569
|
+
md: "px-4 py-2.5 text-base",
|
|
1570
|
+
lg: "px-4 py-3 text-lg"
|
|
1571
1571
|
};
|
|
1572
1572
|
var NumberInput = ({
|
|
1573
1573
|
label,
|
|
@@ -2367,7 +2367,7 @@ var DatePicker = ({
|
|
|
2367
2367
|
year: "numeric"
|
|
2368
2368
|
});
|
|
2369
2369
|
};
|
|
2370
|
-
const baseStyles = "w-full appearance-none rounded-md border border-[hsl(var(--input))] bg-transparent text-[hsl(var(--foreground))] px-4 py-2.5 text-
|
|
2370
|
+
const baseStyles = "w-full appearance-none rounded-md border border-[hsl(var(--input))] bg-transparent text-[hsl(var(--foreground))] px-4 py-2.5 text-base transition-colors duration-150 focus:outline-none focus:ring-1 focus:ring-[hsl(var(--ring))]/50 focus:border-[hsl(var(--ring))] hover:border-[hsl(var(--muted-foreground))] cursor-pointer";
|
|
2371
2371
|
const errorStyles = error ? "border-[hsl(var(--destructive))] focus:ring-[hsl(var(--destructive))]/50" : "";
|
|
2372
2372
|
const disabledStyles = disabled ? "opacity-50 cursor-not-allowed bg-[hsl(var(--muted))]" : "";
|
|
2373
2373
|
const calendar = isOpen && mounted && calendarPosition ? /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
|
|
@@ -2469,7 +2469,7 @@ var import_react14 = require("react");
|
|
|
2469
2469
|
var import_jsx_runtime93 = require("react/jsx-runtime");
|
|
2470
2470
|
var TimePicker = (0, import_react14.forwardRef)(
|
|
2471
2471
|
({ label, error, helperText, className = "", disabled, ...props }, ref) => {
|
|
2472
|
-
const baseStyles = "w-full appearance-none rounded-md border border-[hsl(var(--input))] bg-transparent text-[hsl(var(--foreground))] px-
|
|
2472
|
+
const baseStyles = "w-full appearance-none rounded-md border border-[hsl(var(--input))] bg-transparent text-[hsl(var(--foreground))] px-4 py-2.5 text-base transition-colors duration-150 focus:outline-none focus:ring-1 focus:ring-[hsl(var(--ring))]/50 focus:border-[hsl(var(--ring))] hover:border-[hsl(var(--muted-foreground))]";
|
|
2473
2473
|
const errorStyles = error ? "border-[hsl(var(--destructive))] focus:ring-[hsl(var(--destructive))]/50" : "";
|
|
2474
2474
|
const disabledStyles = disabled ? "opacity-50 cursor-not-allowed bg-[hsl(var(--muted))]" : "";
|
|
2475
2475
|
return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className, children: [
|
|
@@ -2649,7 +2649,7 @@ var DateTimePicker = ({
|
|
|
2649
2649
|
const displayMinutes = minutes.toString().padStart(2, "0");
|
|
2650
2650
|
return `${displayHours}:${displayMinutes} ${period}`;
|
|
2651
2651
|
};
|
|
2652
|
-
const baseStyles = "w-full appearance-none rounded-md border border-[hsl(var(--input))] bg-transparent text-[hsl(var(--foreground))] px-4 py-2.5 text-
|
|
2652
|
+
const baseStyles = "w-full appearance-none rounded-md border border-[hsl(var(--input))] bg-transparent text-[hsl(var(--foreground))] px-4 py-2.5 text-base transition-colors duration-150 focus:outline-none focus:ring-1 focus:ring-[hsl(var(--ring))]/50 focus:border-[hsl(var(--ring))] hover:border-[hsl(var(--muted-foreground))] cursor-pointer";
|
|
2653
2653
|
const errorStyles = error ? "border-[hsl(var(--destructive))] focus:ring-[hsl(var(--destructive))]/50" : "";
|
|
2654
2654
|
const disabledStyles = disabled ? "opacity-50 cursor-not-allowed bg-[hsl(var(--muted))]" : "";
|
|
2655
2655
|
const picker = isOpen && mounted && pickerPosition ? /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
|
|
@@ -3356,8 +3356,8 @@ var Textarea = ({
|
|
|
3356
3356
|
}) => {
|
|
3357
3357
|
const sizeClasses7 = {
|
|
3358
3358
|
sm: "px-3 py-1.5 text-sm min-h-[80px]",
|
|
3359
|
-
md: "px-
|
|
3360
|
-
lg: "px-4 py-3 text-
|
|
3359
|
+
md: "px-4 py-2.5 text-base min-h-[100px]",
|
|
3360
|
+
lg: "px-4 py-3 text-lg min-h-[120px]"
|
|
3361
3361
|
};
|
|
3362
3362
|
const resizeClasses = {
|
|
3363
3363
|
none: "resize-none",
|