framepexls-ui-lib 0.2.13 → 0.2.14

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.
Files changed (9) hide show
  1. package/dist/Checkbox.d.mts +1 -1
  2. package/dist/Checkbox.d.ts +1 -1
  3. package/dist/ComboSelect.js +2 -2
  4. package/dist/ComboSelect.mjs +2 -2
  5. package/dist/Dropdown.js +1 -1
  6. package/dist/Dropdown.mjs +1 -1
  7. package/dist/Select.js +4 -4
  8. package/dist/Select.mjs +4 -4
  9. package/package.json +1 -1
package/dist/Checkbox.d.mts CHANGED
@@ -11,7 +11,7 @@ type CheckboxProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>,
11
11
  className?: string;
12
12
  inputClassName?: string;
13
13
  };
14
- declare const Checkbox: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
14
+ declare const Checkbox: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
15
15
  label?: React__default.ReactNode;
16
16
  description?: React__default.ReactNode;
17
17
  error?: boolean;
package/dist/Checkbox.d.ts CHANGED
@@ -11,7 +11,7 @@ type CheckboxProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>,
11
11
  className?: string;
12
12
  inputClassName?: string;
13
13
  };
14
- declare const Checkbox: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
14
+ declare const Checkbox: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
15
15
  label?: React__default.ReactNode;
16
16
  description?: React__default.ReactNode;
17
17
  error?: boolean;
package/dist/ComboSelect.js CHANGED
@@ -41,7 +41,7 @@ var import_Button = __toESM(require("./Button"));
41
41
  var import_framer_motion = require("framer-motion");
42
42
  var import_animations = require("./animations");
43
43
  const cx = (...a) => a.filter(Boolean).join(" ");
44
- const controlShell = "relative w-full rounded-2xl border border-slate-200 bg-white text-sm text-slate-900 placeholder:text-slate-400 shadow-sm outline-none transition focus-within:ring-4 focus-within:ring-slate-900/5 focus-within:border-slate-300 disabled:opacity-60 disabled:cursor-not-allowed dark:border-white/10 dark:bg-white/10 dark:text-slate-100 dark:placeholder:text-slate-400 dark:focus-within:ring-white/10";
44
+ const controlShell = "relative w-full rounded-2xl border border-slate-200 bg-white text-sm text-slate-900 placeholder:text-slate-400 shadow-sm outline-none transition focus-within:ring-4 focus-within:ring-slate-900/5 focus-within:border-slate-300 disabled:opacity-60 disabled:cursor-not-allowed dark:border-white/10 dark:bg-[var(--fx-surface)] dark:text-slate-100 dark:placeholder:text-slate-400 dark:focus-within:ring-white/10";
45
45
  const isFocusableOrInteractive = (el) => {
46
46
  if (!el) return false;
47
47
  return !!el.closest(
@@ -272,7 +272,7 @@ function ComboSelect({
272
272
  {
273
273
  className: cx(
274
274
  "px-3 py-1.5 text-[11px] font-semibold text-slate-700 flex items-center justify-between",
275
- sticky ? "bg-white/80 backdrop-blur supports-[backdrop-filter]:backdrop-blur sticky top-0 z-10 border-b border-slate-100" : "bg-slate-50 dark:bg-white/5"
275
+ sticky ? "bg-white sticky top-0 z-10 border-b border-slate-100 dark:bg-[var(--fx-surface)] dark:border-white/10" : "bg-slate-50 dark:bg-[var(--fx-surface)]"
276
276
  ),
277
277
  children: [
278
278
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "truncate", children: sec.title }),
package/dist/ComboSelect.mjs CHANGED
@@ -8,7 +8,7 @@ import Button from "./Button";
8
8
  import { AnimatePresence, motion } from "framer-motion";
9
9
  import { popOver, menuTransition } from "./animations";
10
10
  const cx = (...a) => a.filter(Boolean).join(" ");
11
- const controlShell = "relative w-full rounded-2xl border border-slate-200 bg-white text-sm text-slate-900 placeholder:text-slate-400 shadow-sm outline-none transition focus-within:ring-4 focus-within:ring-slate-900/5 focus-within:border-slate-300 disabled:opacity-60 disabled:cursor-not-allowed dark:border-white/10 dark:bg-white/10 dark:text-slate-100 dark:placeholder:text-slate-400 dark:focus-within:ring-white/10";
11
+ const controlShell = "relative w-full rounded-2xl border border-slate-200 bg-white text-sm text-slate-900 placeholder:text-slate-400 shadow-sm outline-none transition focus-within:ring-4 focus-within:ring-slate-900/5 focus-within:border-slate-300 disabled:opacity-60 disabled:cursor-not-allowed dark:border-white/10 dark:bg-[var(--fx-surface)] dark:text-slate-100 dark:placeholder:text-slate-400 dark:focus-within:ring-white/10";
12
12
  const isFocusableOrInteractive = (el) => {
13
13
  if (!el) return false;
14
14
  return !!el.closest(
@@ -239,7 +239,7 @@ function ComboSelect({
239
239
  {
240
240
  className: cx(
241
241
  "px-3 py-1.5 text-[11px] font-semibold text-slate-700 flex items-center justify-between",
242
- sticky ? "bg-white/80 backdrop-blur supports-[backdrop-filter]:backdrop-blur sticky top-0 z-10 border-b border-slate-100" : "bg-slate-50 dark:bg-white/5"
242
+ sticky ? "bg-white sticky top-0 z-10 border-b border-slate-100 dark:bg-[var(--fx-surface)] dark:border-white/10" : "bg-slate-50 dark:bg-[var(--fx-surface)]"
243
243
  ),
244
244
  children: [
245
245
  /* @__PURE__ */ jsx("span", { className: "truncate", children: sec.title }),
package/dist/Dropdown.js CHANGED
@@ -153,7 +153,7 @@ function Trigger({
153
153
  className: [
154
154
  "inline-flex items-center gap-2 rounded-xl border border-slate-300/70 bg-white px-3 py-2",
155
155
  "text-sm font-medium text-slate-700 shadow-sm hover:bg-slate-50 active:scale-[0.98]",
156
- "dark:border-white/10 dark:bg-white/5 dark:text-slate-200 dark:hover:bg-white/10",
156
+ "dark:border-white/10 dark:bg-[var(--fx-surface)] dark:text-slate-200 dark:hover:bg-[var(--fx-surface)]",
157
157
  className
158
158
  ].join(" "),
159
159
  ...safe,
package/dist/Dropdown.mjs CHANGED
@@ -123,7 +123,7 @@ function Trigger({
123
123
  className: [
124
124
  "inline-flex items-center gap-2 rounded-xl border border-slate-300/70 bg-white px-3 py-2",
125
125
  "text-sm font-medium text-slate-700 shadow-sm hover:bg-slate-50 active:scale-[0.98]",
126
- "dark:border-white/10 dark:bg-white/5 dark:text-slate-200 dark:hover:bg-white/10",
126
+ "dark:border-white/10 dark:bg-[var(--fx-surface)] dark:text-slate-200 dark:hover:bg-[var(--fx-surface)]",
127
127
  className
128
128
  ].join(" "),
129
129
  ...safe,
package/dist/Select.js CHANGED
@@ -180,7 +180,7 @@ function ModernSelect({
180
180
  onClick: () => !disabled && setOpen((o) => !o),
181
181
  onKeyDown: onKeyBtn,
182
182
  className: [
183
- "text-left bg-white dark:bg-white/10 border transition shadow-sm",
183
+ "text-left bg-white dark:bg-[var(--fx-surface)] border transition shadow-sm",
184
184
  s.radius,
185
185
  s.h,
186
186
  s.text,
@@ -241,8 +241,8 @@ function ModernSelect({
241
241
  "aria-labelledby": selectId,
242
242
  className: [
243
243
  "fixed z-[1000] max-h-72 overflow-auto",
244
- "rounded-2xl border border-slate-200/80 bg-white/90 backdrop-blur-md shadow-2xl ring-1 ring-black/5",
245
- "dark:border-white/10 dark:bg-[var(--fx-surface)]/90 dark:ring-white/10"
244
+ "rounded-2xl border border-slate-200/80 bg-white shadow-2xl ring-1 ring-black/5",
245
+ "dark:border-white/10 dark:bg-[var(--fx-surface)] dark:ring-white/10"
246
246
  ].join(" "),
247
247
  style: {
248
248
  top: menuPos.top,
@@ -256,7 +256,7 @@ function ModernSelect({
256
256
  "li",
257
257
  {
258
258
  role: "presentation",
259
- className: `${S[size].itemPad} sticky top-0 bg-white/90 dark:bg-[var(--fx-surface)]/90 backdrop-blur-md text-slate-400 select-none`,
259
+ className: `${S[size].itemPad} sticky top-0 bg-white dark:bg-[var(--fx-surface)] text-slate-400 select-none`,
260
260
  children: placeholder
261
261
  }
262
262
  ),
package/dist/Select.mjs CHANGED
@@ -147,7 +147,7 @@ function ModernSelect({
147
147
  onClick: () => !disabled && setOpen((o) => !o),
148
148
  onKeyDown: onKeyBtn,
149
149
  className: [
150
- "text-left bg-white dark:bg-white/10 border transition shadow-sm",
150
+ "text-left bg-white dark:bg-[var(--fx-surface)] border transition shadow-sm",
151
151
  s.radius,
152
152
  s.h,
153
153
  s.text,
@@ -208,8 +208,8 @@ function ModernSelect({
208
208
  "aria-labelledby": selectId,
209
209
  className: [
210
210
  "fixed z-[1000] max-h-72 overflow-auto",
211
- "rounded-2xl border border-slate-200/80 bg-white/90 backdrop-blur-md shadow-2xl ring-1 ring-black/5",
212
- "dark:border-white/10 dark:bg-[var(--fx-surface)]/90 dark:ring-white/10"
211
+ "rounded-2xl border border-slate-200/80 bg-white shadow-2xl ring-1 ring-black/5",
212
+ "dark:border-white/10 dark:bg-[var(--fx-surface)] dark:ring-white/10"
213
213
  ].join(" "),
214
214
  style: {
215
215
  top: menuPos.top,
@@ -223,7 +223,7 @@ function ModernSelect({
223
223
  "li",
224
224
  {
225
225
  role: "presentation",
226
- className: `${S[size].itemPad} sticky top-0 bg-white/90 dark:bg-[var(--fx-surface)]/90 backdrop-blur-md text-slate-400 select-none`,
226
+ className: `${S[size].itemPad} sticky top-0 bg-white dark:bg-[var(--fx-surface)] text-slate-400 select-none`,
227
227
  children: placeholder
228
228
  }
229
229
  ),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "framepexls-ui-lib",
3
- "version": "0.2.13",
3
+ "version": "0.2.14",
4
4
  "private": false,
5
5
  "license": "MIT",
6
6
  "description": "Componentes UI de Framepexls para React/Next.",