@luscii-healthtech/web-ui 42.7.0 → 42.8.1

package/dist/src/components/Icons/ArrowBackward.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from "./types/IconProps.type";
+declare const _default: ({ className, size, color, ...rest }: IconProps) => JSX.Element;
+export default _default;

package/dist/src/components/Icons/index.d.ts

@@ -3,6 +3,7 @@ export { default as AbsentIcon } from "./AbsentIcon";
 export { default as AddNoteIcon } from "./AddNoteIcon";
 export { default as AlarmClockIcon } from "./AlarmClockIcon";
 export { default as AmberAlertIcon } from "./AmberAlertIcon";
+export { default as ArrowBackward } from "./ArrowBackward";
 export { default as ArrowForward } from "./ArrowForward";
 export { default as AssignIcon } from "./AssignIcon";
 export { default as AssignedIcon } from "./AssignedIcon";

package/dist/src/components/PageWithCenteredContentLayout/PageWithCenteredContentLayout.d.ts

@@ -7,7 +7,17 @@ type StaticComponents = {
 type Props = {
     header: ReactNode;
 } & ComponentProps<typeof Box>;
-declare const Header: FC<ComponentProps<typeof Box>>;
+type HeaderProps = ComponentProps<typeof Box> & {
+    /**
+     * A 36x36 slot for an action (usually a SecondaryIconButton) to be placed on the left side of the header.
+     */
+    leftActionSlot?: ReactNode;
+    /**
+     * A 36x36 slot for an action (usually a SecondaryIconButton) to be placed on the right side of the header.
+     */
+    rightActionSlot?: ReactNode;
+};
+declare const Header: FC<HeaderProps>;
 declare const Main: FC<ComponentProps<typeof Box>>;
 export declare const PageWithCenteredContentLayout: FC<PropsWithChildren<Props>> & StaticComponents;
 export {};

package/dist/stories/PageWithCenteredContentLayout.stories.d.ts

@@ -24,6 +24,9 @@ declare const meta: {
             borderRadiusRight?: keyof typeof import("../src/index").SIZES;
             hoverBackgroundColor?: import("../src/types/general.types").BackgroundColor;
             cursor?: import("../src/types/general.types").CursorOption;
+        } & {
+            leftActionSlot?: import("react").ReactNode;
+            rightActionSlot?: import("react").ReactNode;
         }>;
         Main: import("react").FC<Omit<any, "ref"> & Partial<Record<"p" | "m" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "mt" | "mr" | "mb" | "ml" | "mx" | "my", "none" | "s" | "xl" | "m" | "xs" | "xxxxs" | "xxxs" | "xxs" | "l" | "xxl">> & {
             as?: import("react").ElementType | undefined;

package/dist/web-ui-tailwind.css

@@ -958,6 +958,9 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
 .ui\:h-44 {
   height: 11rem;
 }
+.ui\:h-\[--spacing\(9\)\] {
+  height: calc(var(--ui-spacing) * 9);
+}
 .ui\:h-\[8px\] {
   height: 8px;
 }
@@ -1126,9 +1129,6 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
 .ui\:w-16 {
   width: calc(var(--ui-spacing) * 16);
 }
-.ui\:w-24 {
-  width: calc(var(--ui-spacing) * 24);
-}
 .ui\:w-32 {
   width: calc(var(--ui-spacing) * 32);
 }
@@ -1156,6 +1156,9 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
 .ui\:w-104 {
   width: 26rem;
 }
+.ui\:w-\[--spacing\(9\)\] {
+  width: calc(var(--ui-spacing) * 9);
+}
 .ui\:w-\[8px\] {
   width: 8px;
 }
@@ -4559,9 +4562,9 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
     width: 100%;
   }
 }
-.ui\:lg\:max-w-\[--spacing\(192\)\] {
+.ui\:lg\:max-w-\[--spacing\(310\)\] {
   @media (width >= 64rem) {
-    max-width: calc(var(--ui-spacing) * 192);
+    max-width: calc(var(--ui-spacing) * 310);
   }
 }
 .ui\:lg\:max-w-\[calc\(100vw-\(--spacing\(132\)\)\)\] {