@luscii-healthtech/web-ui 2.70.2 → 2.70.3
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/components/Container/types/FlexContainerProps.type.d.ts +5 -0
- package/dist/web-ui.cjs.development.js +11 -8
- package/dist/web-ui.cjs.development.js.map +1 -1
- package/dist/web-ui.cjs.production.min.js +1 -1
- package/dist/web-ui.cjs.production.min.js.map +1 -1
- package/dist/web-ui.esm.js +11 -8
- package/dist/web-ui.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/web-ui.esm.js
CHANGED
|
@@ -473,9 +473,11 @@ var FlexContainer = function FlexContainer(props) {
|
|
|
473
473
|
position = _props$position === void 0 ? "" : _props$position,
|
|
474
474
|
type = props.type,
|
|
475
475
|
_props$backgroundColo = props.backgroundColor,
|
|
476
|
-
backgroundColor = _props$backgroundColo === void 0 ? "bg-transparent" : _props$backgroundColo
|
|
476
|
+
backgroundColor = _props$backgroundColo === void 0 ? "bg-transparent" : _props$backgroundColo,
|
|
477
|
+
_props$stretch = props.stretch,
|
|
478
|
+
stretch = _props$stretch === void 0 ? true : _props$stretch;
|
|
477
479
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
478
|
-
className: classNames("flex
|
|
480
|
+
className: classNames("flex", backgroundColor, {
|
|
479
481
|
"flex-row": type === "row",
|
|
480
482
|
"flex-col": type === "column",
|
|
481
483
|
relative: position === "relative",
|
|
@@ -498,7 +500,8 @@ var FlexContainer = function FlexContainer(props) {
|
|
|
498
500
|
"space-y-2": verticalSpacing === "small",
|
|
499
501
|
"space-y-4": verticalSpacing === "medium",
|
|
500
502
|
"space-y-8": verticalSpacing === "large",
|
|
501
|
-
"p-4": hasPadding
|
|
503
|
+
"p-4": hasPadding,
|
|
504
|
+
"w-full": stretch
|
|
502
505
|
})
|
|
503
506
|
}, children);
|
|
504
507
|
};
|
|
@@ -2985,7 +2988,9 @@ var Input = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
|
2985
2988
|
var isClearIconVisible = clearable && innerValue;
|
|
2986
2989
|
return /*#__PURE__*/React__default.createElement(FlexRow, {
|
|
2987
2990
|
spacing: "none",
|
|
2988
|
-
"data-test-id": "input-component-container"
|
|
2991
|
+
"data-test-id": "input-component-container",
|
|
2992
|
+
position: "relative",
|
|
2993
|
+
stretch: false
|
|
2989
2994
|
}, /*#__PURE__*/React__default.createElement("span", {
|
|
2990
2995
|
className: classNames("h-11 border-t border-b border-solid border-input-border", {
|
|
2991
2996
|
hidden: hasNoExtraContent,
|
|
@@ -3002,9 +3007,7 @@ var Input = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
|
3002
3007
|
}, /*#__PURE__*/React__default.createElement(IconComponentOrKey, {
|
|
3003
3008
|
name: icon,
|
|
3004
3009
|
className: "w-6 h-6 text-slate-300"
|
|
3005
|
-
})), /*#__PURE__*/React__default.createElement("
|
|
3006
|
-
className: "relative"
|
|
3007
|
-
}, /*#__PURE__*/React__default.createElement("input", _extends({}, otherProps, {
|
|
3010
|
+
})), /*#__PURE__*/React__default.createElement("input", _extends({}, otherProps, {
|
|
3008
3011
|
"data-test-id": "input-" + name,
|
|
3009
3012
|
name: name,
|
|
3010
3013
|
value: innerValue,
|
|
@@ -3051,7 +3054,7 @@ var Input = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
|
3051
3054
|
hidden: !isClearIconVisible
|
|
3052
3055
|
}),
|
|
3053
3056
|
onClick: clearField
|
|
3054
|
-
})))
|
|
3057
|
+
})));
|
|
3055
3058
|
});
|
|
3056
3059
|
|
|
3057
3060
|
var SearchInput = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|