@luscii-healthtech/web-ui 42.13.2 → 42.14.0

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

@@ -16,6 +16,11 @@ type HeaderProps = ComponentProps<typeof Box> & {
      * A 36x36 slot for an action (usually a SecondaryIconButton) to be placed on the right side of the header.
      */
     rightActionSlot?: ReactNode;
+    /**
+     * In some cases you want the action slots to be aligned differently than centered.
+     * @default "center"
+     */
+    slotsAlignment?: "start" | "center";
 };
 declare const Header: FC<HeaderProps>;
 declare const Main: FC<ComponentProps<typeof Box>>;

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

@@ -27,6 +27,7 @@ declare const meta: {
         } & {
             leftActionSlot?: import("react").ReactNode;
             rightActionSlot?: import("react").ReactNode;
+            slotsAlignment?: "start" | "center";
         }>;
         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" | "xs" | "xl" | "m" | "xxxxs" | "xxxs" | "xxs" | "l" | "xxl">> & {
             as?: import("react").ElementType | undefined;
@@ -49,3 +50,4 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Simple: Story;
 export declare const Overflow: Story;
+export declare const ActionsAlignment: Story;