@luscii-healthtech/web-ui 2.12.2 → 2.12.3

package/dist/web-ui.esm.js

@@ -78,8 +78,10 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 var FlexContainer = function FlexContainer(props) {
   var children = props.children,
       alignItems = props.alignItems,
-      verticallySpaced = props.verticallySpaced,
-      horizontallySpaced = props.horizontallySpaced,
+      _props$verticalSpacin = props.verticalSpacing,
+      verticalSpacing = _props$verticalSpacin === void 0 ? "none" : _props$verticalSpacin,
+      _props$horizontalSpac = props.horizontalSpacing,
+      horizontalSpacing = _props$horizontalSpac === void 0 ? "none" : _props$horizontalSpac,
       justifyContent = props.justifyContent,
       hasPadding = props.hasPadding,
       _props$position = props.position,
@@ -89,11 +91,11 @@ var FlexContainer = function FlexContainer(props) {
     className: classNames("flex w-full", {
       "flex-row": type === "row",
       "flex-col": type === "column",
-      "relative": position === "relative",
-      "absolute": position === "absolute",
-      "static": position === "static",
-      "fixed": position === "fixed",
-      "sticky": position === "sticky",
+      relative: position === "relative",
+      absolute: position === "absolute",
+      static: position === "static",
+      fixed: position === "fixed",
+      sticky: position === "sticky",
       "justify-center": justifyContent === "center",
       "justify-start": justifyContent === "start",
       "justify-end": justifyContent === "end",
@@ -101,14 +103,18 @@ var FlexContainer = function FlexContainer(props) {
       "items-start": alignItems === "start",
       "items-center": alignItems === "center",
       "items-end": alignItems === "end",
-      "space-x-4": horizontallySpaced,
-      "space-y-4": verticallySpaced,
+      "space-x-2": horizontalSpacing === "small",
+      "space-x-4": horizontalSpacing === "medium",
+      "space-x-8": horizontalSpacing === "large",
+      "space-y-2": verticalSpacing === "small",
+      "space-y-4": verticalSpacing === "medium",
+      "space-y-8": verticalSpacing === "large",
       "p-4": hasPadding
     })
   }, children);
 };
 
-var _excluded = ["children", "spaced"];
+var _excluded = ["children", "spacing"];
 /**
  * Container to be used for layouting instead of divs around the project.
  * The spacing here has been coded according to our guidelines.
@@ -116,17 +122,17 @@ var _excluded = ["children", "spaced"];
 
 var FlexColumn = function FlexColumn(props) {
   var children = props.children,
-      _props$spaced = props.spaced,
-      spaced = _props$spaced === void 0 ? true : _props$spaced,
+      _props$spacing = props.spacing,
+      spacing = _props$spacing === void 0 ? "medium" : _props$spacing,
       rest = _objectWithoutPropertiesLoose(props, _excluded);
 
   return /*#__PURE__*/React__default.createElement(FlexContainer, _extends({}, rest, {
     type: "column",
-    verticallySpaced: spaced
+    verticalSpacing: spacing
   }), children);
 };
 
-var _excluded$1 = ["children", "spaced"];
+var _excluded$1 = ["children", "spacing"];
 /**
  * Container to be used for layouting instead of divs around the project.
  * The spacing here has been coded according to our guidelines.
@@ -134,13 +140,13 @@ var _excluded$1 = ["children", "spaced"];
 
 var FlexRow = function FlexRow(props) {
   var children = props.children,
-      _props$spaced = props.spaced,
-      spaced = _props$spaced === void 0 ? true : _props$spaced,
+      _props$spacing = props.spacing,
+      spacing = _props$spacing === void 0 ? "medium" : _props$spacing,
       rest = _objectWithoutPropertiesLoose(props, _excluded$1);
 
   return /*#__PURE__*/React__default.createElement(FlexContainer, _extends({}, rest, {
     type: "row",
-    horizontallySpaced: spaced
+    horizontalSpacing: spacing
   }), children);
 };
 
@@ -1029,7 +1035,7 @@ var Input = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
 
   var isClearIconVisible = clearable && value;
   return /*#__PURE__*/React__default.createElement(FlexRow, {
-    spaced: false,
+    spacing: "none",
     "data-test-id": "input-component-container",
     position: "relative"
   }, /*#__PURE__*/React__default.createElement("span", {