@proteos/ui 0.32.1 → 0.34.0
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 +17 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +22 -1
- package/dist/index.d.ts +22 -1
- package/dist/index.js +17 -3
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/src/components/field/field.tsx +14 -1
- package/src/components/input/input.tsx +6 -2
package/dist/index.cjs
CHANGED
|
@@ -524,12 +524,25 @@ var fieldControlStyles = tailwindVariants.tv({
|
|
|
524
524
|
box: "h-[29px] rounded-[4px] shadow-none focus:shadow-none data-[focused]:shadow-none data-[invalid]:shadow-none",
|
|
525
525
|
content: "py-1"
|
|
526
526
|
}
|
|
527
|
+
},
|
|
528
|
+
/* `hasFocusRing: false` — keep the full field chrome but drop the
|
|
529
|
+
focus/invalid ring, for tight hosts whose overflow clip would cut it
|
|
530
|
+
off (e.g. the editor-header title). The border still turns accent on
|
|
531
|
+
focus / danger on invalid. Declared after `appearance` so its
|
|
532
|
+
shadow-none wins the tailwind-merge order. */
|
|
533
|
+
hasFocusRing: {
|
|
534
|
+
true: {},
|
|
535
|
+
false: {
|
|
536
|
+
box: "focus:shadow-none data-[focused]:shadow-none data-[invalid]:shadow-none"
|
|
537
|
+
}
|
|
527
538
|
}
|
|
528
539
|
},
|
|
529
540
|
compoundVariants: [
|
|
530
|
-
{ appearance: "cell", invalid: true, class: { box: "shadow-none" } }
|
|
541
|
+
{ appearance: "cell", invalid: true, class: { box: "shadow-none" } },
|
|
542
|
+
// invalid:true's RESTING danger ring — reduce back to the inset shadow.
|
|
543
|
+
{ hasFocusRing: false, invalid: true, class: { box: "shadow-[var(--shadow-inset)]" } }
|
|
531
544
|
],
|
|
532
|
-
defaultVariants: { size: "md", invalid: false, appearance: "field" }
|
|
545
|
+
defaultVariants: { size: "md", invalid: false, appearance: "field", hasFocusRing: true }
|
|
533
546
|
});
|
|
534
547
|
var fieldTextStyles = {
|
|
535
548
|
sm: "text-[13px]",
|
|
@@ -4186,12 +4199,13 @@ function Input({
|
|
|
4186
4199
|
placeholder,
|
|
4187
4200
|
size,
|
|
4188
4201
|
appearance,
|
|
4202
|
+
hasFocusRing,
|
|
4189
4203
|
inputProps,
|
|
4190
4204
|
inputClassName,
|
|
4191
4205
|
className,
|
|
4192
4206
|
...props
|
|
4193
4207
|
}) {
|
|
4194
|
-
const styles2 = fieldControlStyles({ size, appearance });
|
|
4208
|
+
const styles2 = fieldControlStyles({ size, appearance, hasFocusRing });
|
|
4195
4209
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4196
4210
|
reactAriaComponents.TextField,
|
|
4197
4211
|
{
|