@luscii-healthtech/web-ui 42.8.0 → 42.8.2

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/src/components/TableNew/TableNew.d.ts

@@ -12,6 +12,15 @@ export interface TableProps extends HTMLAttributes<HTMLTableElement> {
      * @default `"none"`
      */
     headerBackground?: "first-column" | "first-row" | "first-row-and-column" | "none";
+    /**
+     * Controls how the table width will behave:
+     *
+     * - `fit-content`: Width adjusted based on its content while staying within the limits of its container.
+     * It ensures the element is never smaller than its minimum intrinsic size or larger than its maximum intrinsic size.
+     *
+     * - `full-width`: Width will always stretch to the full viewport size, regardless of the size of the content.
+     */
+    variant?: "fit-content" | "full-width";
 }
 export interface TheadProps extends HTMLAttributes<HTMLTableSectionElement> {
     stickyHeader?: boolean;

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/stories/TableNew.stories.d.ts

@@ -22,6 +22,7 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Basic: Story;
+export declare const BasicFullWidth: Story;
 export declare const WithActions: Story;
 export declare const WithoutHeader: Story;
 export declare const MixedContent: Story;

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;
 }
@@ -1153,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;
 }
@@ -4556,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\)\)\)\] {