@luscii-healthtech/web-ui 52.6.0 → 52.6.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3,7 +3,21 @@ import { type ComponentProps } from "react";
3
3
  import { Box } from "../src/components/Box/Box";
4
4
  declare const meta: {
5
5
  title: string;
6
- component: <C extends import("react").ElementType = "div">(props: import("../src/components/Stack/Stack").StackProps<C> & ComponentProps<typeof Box>) => import("react/jsx-runtime").JSX.Element;
6
+ component: <C extends import("react").ElementType = "div">(props: (import("react").PropsWithoutRef<ComponentProps<C>> & {
7
+ as?: C | undefined;
8
+ _gap?: import("../src/system/Sizes").SpacingKey;
9
+ gap?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
10
+ align?: "start" | "end" | "center" | "baseline" | "stretch" | "normal";
11
+ justify?: "normal" | "start" | "end" | "center" | "between" | "around" | "evenly" | "stretch";
12
+ axis?: "x" | "y";
13
+ reverse?: boolean;
14
+ wrap?: boolean;
15
+ children?: React.ReactNode;
16
+ className?: string;
17
+ divider?: React.ReactNode;
18
+ } & {
19
+ ref?: import("react").ComponentPropsWithRef<C>["ref"] | undefined;
20
+ }) & ComponentProps<typeof Box>) => import("react").ReactElement | null;
7
21
  parameters: {
8
22
  backgrounds: {
9
23
  default: string;
@@ -20,3 +34,4 @@ export declare const JustifyBetween: Story;
20
34
  export declare const AlignEnd: Story;
21
35
  export declare const WithDivider: Story;
22
36
  export declare const Composition: Story;
37
+ export declare const RefForwarding: Story;
@@ -2,12 +2,12 @@ import { type StoryObj } from "@storybook/react-vite";
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: import("react").ForwardRefExoticComponent<import("../src/components/TableNew/TableNew").TableProps & import("react").RefAttributes<HTMLTableElement>> & {
5
- Thead: ({ className, children, stickyHeader, ...attrs }: import("../src/components/TableNew/TableNew").TheadProps) => import("react/jsx-runtime").JSX.Element;
6
- Tbody: ({ className, children, hasTFoot, ...attrs }: import("../src/components/TableNew/TableNew").TbodyProps) => import("react/jsx-runtime").JSX.Element;
7
- TFoot: ({ className, children, ...attrs }: import("../src/components/TableNew/TableNew").TFootProps) => import("react/jsx-runtime").JSX.Element;
8
- Tr: ({ className, children, ...attrs }: import("../src/components/TableNew/TableNew").TrProps) => import("react/jsx-runtime").JSX.Element;
9
- Th: ({ className, children, omitPadding, ...attrs }: import("../src/components/TableNew/TableNew").ThProps) => import("react/jsx-runtime").JSX.Element;
10
- Td: ({ className, children, omitPadding, ...attrs }: import("../src/components/TableNew/TableNew").TdProps) => import("react/jsx-runtime").JSX.Element;
5
+ Thead: import("react").ForwardRefExoticComponent<import("../src/components/TableNew/TableNew").TheadProps & import("react").RefAttributes<HTMLTableSectionElement>>;
6
+ Tbody: import("react").ForwardRefExoticComponent<import("../src/components/TableNew/TableNew").TbodyProps & import("react").RefAttributes<HTMLTableSectionElement>>;
7
+ TFoot: import("react").ForwardRefExoticComponent<import("../src/components/TableNew/TableNew").TFootProps & import("react").RefAttributes<HTMLTableSectionElement>>;
8
+ Tr: import("react").ForwardRefExoticComponent<Omit<import("../src/components/TableNew/TableNew").TrProps, "ref"> & import("react").RefAttributes<HTMLTableRowElement>>;
9
+ Th: import("react").ForwardRefExoticComponent<import("../src/components/TableNew/TableNew").ThProps & import("react").RefAttributes<HTMLTableCellElement>>;
10
+ Td: import("react").ForwardRefExoticComponent<import("../src/components/TableNew/TableNew").TdProps & import("react").RefAttributes<HTMLTableCellElement>>;
11
11
  };
12
12
  parameters: {
13
13
  docs: {
@@ -32,6 +32,8 @@ declare const meta: {
32
32
  borderRadiusRight?: keyof typeof import("../src/index").SIZES;
33
33
  hoverBackgroundColor?: import("../src/types/general.types").BackgroundColor;
34
34
  cursor?: import("../src/types/general.types").CursorOption;
35
+ } & {
36
+ ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
35
37
  }>;
36
38
  "Tabs.LabelText": React.FC<import("../src/components/Text/Text").LegacyTextProps<"span">>;
37
39
  };
@@ -16,6 +16,8 @@ declare const meta: {
16
16
  children?: React.ReactNode;
17
17
  className?: string;
18
18
  divider?: React.ReactNode;
19
+ } & {
20
+ ref?: any;
19
21
  } & {
20
22
  p?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
21
23
  pt?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
@@ -41,6 +43,8 @@ declare const meta: {
41
43
  borderRadiusRight?: keyof typeof import("../src").SIZES;
42
44
  hoverBackgroundColor?: import("../src/types/general.types").BackgroundColor;
43
45
  cursor?: import("../src/types/general.types").CursorOption;
46
+ } & {
47
+ ref?: any;
44
48
  }>;
45
49
  parameters: {
46
50
  backgrounds: {
@@ -28,6 +28,8 @@ declare const meta: {
28
28
  borderRadiusRight?: keyof typeof import("../src").SIZES;
29
29
  hoverBackgroundColor?: import("../src/types/general.types").BackgroundColor;
30
30
  cursor?: import("../src/types/general.types").CursorOption;
31
+ } & {
32
+ ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
31
33
  }, "title" | "as"> & {
32
34
  title?: string | React.ReactNode;
33
35
  header?: React.ReactNode;