@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 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 h-8",
187
- md: "px-4 py-2 text-sm h-9",
188
- lg: "px-5 py-2.5 text-base h-10",
189
- xl: "px-6 py-3 text-base h-11"
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-3 py-2.5 text-sm",
198
- lg: "px-4 py-3 text-base",
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-3 py-2.5 text-sm",
1570
- lg: "px-4 py-3 text-base"
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-sm 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";
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-3 py-2.5 text-sm 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))]";
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-sm 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";
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-3 py-2.5 text-sm min-h-[100px]",
3360
- lg: "px-4 py-3 text-base min-h-[120px]"
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",