@react-fabric/form 1.0.0-beta.30 → 1.0.0-beta.32

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 (4) hide show
  1. package/dist/cjs/internal/InputWrapper.js +2 -2
  2. package/dist/esm/internal/InputWrapper.js +2 -2
  3. package/package.json +4 -4
  4. package/src/internal/InputWrapper.tsx +2 -2
package/dist/cjs/internal/InputWrapper.js CHANGED
@@ -67,7 +67,7 @@ var InputWrapper = function InputWrapper(_ref) {
67
67
  var el = /*#__PURE__*/jsxRuntime.jsxs("div", {
68
68
  role: "none",
69
69
  ref: wrapperRef,
70
- className: classNames(Field_module.inputWrapper, invalid && Field_module.invalidWrapper, !noOutline && !noBorder && "bg-[var(--fabric-input)] outline overflow-hidden", "flex flex-nowrap items-center", textarea ? "rounded-capped group" : "rounded", isExpanded ? "fixed inset-4 z-[99]" : floatingExpand ? "absolute inset-x-0" : "relative", !noOutline && "after:absolute after:bottom-0 after:h-px after:bg-primary-500 after:mx-auto"),
70
+ className: classNames(Field_module.inputWrapper, invalid && Field_module.invalidWrapper, !noOutline && !noBorder && "bg-[var(--fabric-input)] outline overflow-hidden", "flex flex-nowrap items-center flex-1", textarea ? "rounded-capped group" : "rounded", isExpanded ? "fixed inset-4 z-[99]" : floatingExpand ? "absolute inset-x-0" : "relative", !noOutline && "after:absolute after:bottom-0 after:h-px after:bg-primary-500 after:mx-auto"),
71
71
  onKeyDown: function onKeyDown(e) {
72
72
  return e.key === "Escape" && isExpanded && (setExpanded(false), e.stopPropagation());
73
73
  },
@@ -97,7 +97,7 @@ var InputWrapper = function InputWrapper(_ref) {
97
97
  return /*#__PURE__*/jsxRuntime.jsx(Wrapper, _objectSpread(_objectSpread({}, wrapperProps), {}, {
98
98
  children: /*#__PURE__*/jsxRuntime.jsx("div", {
99
99
  ref: elRef,
100
- className: "flex-1 relative min-h-8",
100
+ className: "flex-1 relative min-h-8 flex flex-col flex-nowrap",
101
101
  style: {
102
102
  width: width,
103
103
  flexBasis: width
package/dist/esm/internal/InputWrapper.js CHANGED
@@ -67,7 +67,7 @@ var InputWrapper = function InputWrapper(_ref) {
67
67
  var el = /*#__PURE__*/jsxs("div", {
68
68
  role: "none",
69
69
  ref: wrapperRef,
70
- className: classNames(classes.inputWrapper, invalid && classes.invalidWrapper, !noOutline && !noBorder && "bg-[var(--fabric-input)] outline overflow-hidden", "flex flex-nowrap items-center", textarea ? "rounded-capped group" : "rounded", isExpanded ? "fixed inset-4 z-[99]" : floatingExpand ? "absolute inset-x-0" : "relative", !noOutline && "after:absolute after:bottom-0 after:h-px after:bg-primary-500 after:mx-auto"),
70
+ className: classNames(classes.inputWrapper, invalid && classes.invalidWrapper, !noOutline && !noBorder && "bg-[var(--fabric-input)] outline overflow-hidden", "flex flex-nowrap items-center flex-1", textarea ? "rounded-capped group" : "rounded", isExpanded ? "fixed inset-4 z-[99]" : floatingExpand ? "absolute inset-x-0" : "relative", !noOutline && "after:absolute after:bottom-0 after:h-px after:bg-primary-500 after:mx-auto"),
71
71
  onKeyDown: function onKeyDown(e) {
72
72
  return e.key === "Escape" && isExpanded && (setExpanded(false), e.stopPropagation());
73
73
  },
@@ -97,7 +97,7 @@ var InputWrapper = function InputWrapper(_ref) {
97
97
  return /*#__PURE__*/jsx(Wrapper, _objectSpread(_objectSpread({}, wrapperProps), {}, {
98
98
  children: /*#__PURE__*/jsx("div", {
99
99
  ref: elRef,
100
- className: "flex-1 relative min-h-8",
100
+ className: "flex-1 relative min-h-8 flex flex-col flex-nowrap",
101
101
  style: {
102
102
  width: width,
103
103
  flexBasis: width
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-fabric/form",
3
- "version": "1.0.0-beta.30",
3
+ "version": "1.0.0-beta.32",
4
4
  "description": "RUF: Form package",
5
5
  "author": "Adarsh Pastakia <adarshpastakia@outlook.com>",
6
6
  "license": "MIT",
@@ -39,8 +39,8 @@
39
39
  "@dnd-kit/utilities": "^3.2.2",
40
40
  "@floating-ui/react": "^0.26.24",
41
41
  "@hookform/resolvers": "^3.9.0",
42
- "@react-fabric/core": "^1.0.0-beta.30",
43
- "@react-fabric/utilities": "^1.0.0-beta.30",
42
+ "@react-fabric/core": "^1.0.0-beta.32",
43
+ "@react-fabric/utilities": "^1.0.0-beta.32",
44
44
  "classnames": "^2.5.1",
45
45
  "color": "^4.2.3",
46
46
  "react-color": "^2.19.3",
@@ -60,5 +60,5 @@
60
60
  "node": ">=18.12.0",
61
61
  "npm": ">=8.19.0"
62
62
  },
63
- "gitHead": "5b10298b7627c2e56bcccf18100b6d85a02c9b06"
63
+ "gitHead": "e8ba7088116f5ae253ed989854d6fdaef2ad7507"
64
64
  }
package/src/internal/InputWrapper.tsx CHANGED
@@ -107,7 +107,7 @@ export const InputWrapper = ({
107
107
  !noOutline &&
108
108
  !noBorder &&
109
109
  "bg-[var(--fabric-input)] outline overflow-hidden",
110
- "flex flex-nowrap items-center",
110
+ "flex flex-nowrap items-center flex-1",
111
111
  textarea ? "rounded-capped group" : "rounded",
112
112
  isExpanded
113
113
  ? "fixed inset-4 z-[99]"
@@ -174,7 +174,7 @@ export const InputWrapper = ({
174
174
  <Wrapper {...wrapperProps}>
175
175
  <div
176
176
  ref={elRef}
177
- className="flex-1 relative min-h-8"
177
+ className="flex-1 relative min-h-8 flex flex-col flex-nowrap"
178
178
  style={{ width, flexBasis: width }}
179
179
  >
180
180
  {el}