@luscii-healthtech/web-ui 2.8.0 → 2.9.0

package/dist/components/Container/FlexColumn.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { FlexContainerProps } from "./types/FlexContainerProps.type";
+/**
+ * Container to be used for layouting instead of divs around the project.
+ * The spacing here has been coded according to our guidelines.
+ */
+export declare const FlexColumn: React.FC<FlexContainerProps>;

package/dist/components/Container/FlexContainer.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { FlexContainerBaseProps } from "./types/FlexContainerProps.type";
+/**
+ * Container to be used for layouting instead of divs around the project.
+ * The spacing here has been coded according to our guidelines.
+ */
+export declare const FlexContainer: React.FC<FlexContainerBaseProps & {
+    type: "column" | "row";
+}>;

package/dist/components/Container/FlexRow.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { FlexContainerProps } from "./types/FlexContainerProps.type";
+/**
+ * Container to be used for layouting instead of divs around the project.
+ * The spacing here has been coded according to our guidelines.
+ */
+export declare const FlexRow: React.FC<FlexContainerProps>;

package/dist/components/Container/types/FlexContainerProps.type.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+declare type FlexContainerBase = {
+    alignItems?: "center" | "start" | "end";
+    justifyContent?: "center" | "start" | "end" | "between";
+    verticallySpaced?: boolean;
+    horitontallySpaced?: boolean;
+    hasPadding?: boolean;
+};
+export declare type FlexContainerBaseProps = FlexContainerBase & {
+    children: React.ReactNode;
+};
+export declare type FlexContainerProps = Omit<FlexContainerBaseProps, "verticallySpaced" | "horitontallySpaced"> & {
+    spaced?: boolean;
+};
+export {};

package/dist/index.d.ts

@@ -1,3 +1,6 @@
+export { FlexColumn } from "./components/Container/FlexColumn";
+export { FlexRow } from "./components/Container/FlexRow";
+export type { FlexContainerProps } from "./components/Container/types/FlexContainerProps.type";
 export { default as Toaster, TOASTER_TYPE_OPTIONS, } from "./components/Toaster/Toaster";
 export { toast } from "./components/Toaster/toast";
 export { default as Avatar } from "./components/Avatar/Avatar";

package/dist/web-ui-tailwind.css

@@ -1139,6 +1139,10 @@ video {
   align-items: flex-start;
 }
 
+.items-end {
+  align-items: flex-end;
+}
+
 .items-center {
   align-items: center;
 }