@galaxy-ds/core 2.0.18 → 2.0.19

package/dist/Dropdown/Dropdown.types.d.ts

@@ -1,5 +1,5 @@
 import { SelectProps } from '@mui/material';
-export interface DropdownProps extends Omit<SelectProps, 'variant' | 'size'> {
+export interface DropdownProps extends Omit<SelectProps, 'variant' | 'size' | 'notched'> {
     /**
      * Dropdown panel alignment.
      */
@@ -17,6 +17,7 @@ export interface DropdownProps extends Omit<SelectProps, 'variant' | 'size'> {
      */
     size?: 'medium' | 'large';
     /**
+     * Deprecated. Use sx to set width instead.
      * Set a fixed width to both the component and the dropdown panel.
      */
     width?: number;

package/dist/EmptyState/EmptyState.stories.d.ts

@@ -0,0 +1,68 @@
+/// <reference types="react" />
+declare const meta: {
+    component: import("react").FC<import("./EmptyState.types").EmptyStateProps>;
+    title: string;
+};
+export default meta;
+/**
+ * EmptyState component spans to 100% of its container's height. Please note that the container or root container must have a height for it to work.
+ */
+export declare const Default: {
+    args: {
+        title: string;
+        description: string;
+    };
+    render: (args: {
+        title?: string | undefined;
+        description?: string | undefined;
+        variant?: "default" | "document" | "matter" | "transaction" | "appointment" | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Document: {
+    args: {
+        variant: "document";
+        title: string;
+        description: string;
+    };
+    render: (args: {
+        title?: string | undefined;
+        description?: string | undefined;
+        variant?: "default" | "document" | "matter" | "transaction" | "appointment" | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Matter: {
+    args: {
+        variant: "matter";
+        title: string;
+        description: string;
+    };
+    render: (args: {
+        title?: string | undefined;
+        description?: string | undefined;
+        variant?: "default" | "document" | "matter" | "transaction" | "appointment" | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Appointment: {
+    args: {
+        variant: "appointment";
+        title: string;
+        description: string;
+    };
+    render: (args: {
+        title?: string | undefined;
+        description?: string | undefined;
+        variant?: "default" | "document" | "matter" | "transaction" | "appointment" | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Transaction: {
+    args: {
+        variant: "transaction";
+        title: string;
+        description: string;
+    };
+    render: (args: {
+        title?: string | undefined;
+        description?: string | undefined;
+        variant?: "default" | "document" | "matter" | "transaction" | "appointment" | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/EmptyState/EmptyState.styled.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const EmptyStateContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLDivElement>;
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const EmptyStateTitle: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLSpanElement>;
-}, "children" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textTransform" | "height" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "style" | "classes" | "className" | "sx" | "p" | "typography" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "children" | "className" | "style" | "classes" | "color" | "fontSize" | "sx" | "p" | "height" | "width" | "display" | "fontFamily" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "lineHeight" | "textTransform" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "top" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "padding" | "paddingBlock" | "paddingInline" | "typography" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/EmptyState/EmptyState.types.d.ts

@@ -2,7 +2,7 @@ import { type EmptyState as IEmptyState } from '../Theme/custom-types/component-
 export interface EmptyStateProps {
     title?: string;
     description?: string;
-    variant?: "default" | "document" | "matter" | "appointment" | "transaction";
+    variant?: 'default' | 'document' | 'matter' | 'appointment' | 'transaction';
 }
 export type EmptyStateIconProps = {
     emptyState: IEmptyState;

package/dist/EmptyState/index.d.ts

@@ -1,2 +1,2 @@
-export * from './EmptyState.types';
 export * from './EmptyState';
+export * from './EmptyState.types';

package/dist/FooterActions/FooterActions.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { FooterActionsProps } from './FooterActions.types';
 export declare const FooterActions: {
     (props: FooterActionsProps): import("react/jsx-runtime").JSX.Element;
-    Left: () => any;
-    Right: (children: any) => import("react/jsx-runtime").JSX.Element;
+    Left: (_props: React.PropsWithChildren) => null;
+    Right: (_props: React.PropsWithChildren) => null;
 };
 export default FooterActions;

package/dist/FooterActions/FooterActions.stories.d.ts

@@ -0,0 +1,50 @@
+/// <reference types="react" />
+/**
+ * Footer Actions serves as a wrapper component for most form actions. Add button components to suit your needs.
+ */
+declare const meta: {
+    component: {
+        (props: import("./FooterActions.types").FooterActionsProps): import("react/jsx-runtime").JSX.Element;
+        Left: (_props: {
+            children?: import("react").ReactNode;
+        }) => null;
+        Right: (_props: {
+            children?: import("react").ReactNode;
+        }) => null;
+    };
+    title: string;
+};
+export default meta;
+export declare const Default: {
+    args: {};
+    render: (args: {
+        children?: import("react").ReactNode;
+        size?: "small" | "medium" | undefined;
+        fixed?: boolean | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+/**
+ * `FooterActions` has `<FooterActions.Left>` and `<FooterActions.Right>`, which are column flex box themselves.
+ */
+export declare const Columns: {
+    args: {};
+    render: (args: {
+        children?: import("react").ReactNode;
+        size?: "small" | "medium" | undefined;
+        fixed?: boolean | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+/**
+ * Using the `size` property, chose form `medium`, `small`. `medium` is set as the default size.
+ * Note: size refers to footer padding size
+ */
+export declare const Size: {
+    args: {
+        size: "small";
+    };
+    render: (args: {
+        children?: import("react").ReactNode;
+        size?: "small" | "medium" | undefined;
+        fixed?: boolean | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/FooterActions/FooterActions.styled.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare const FooterActionsContainer: import("@emotion/styled").StyledComponent<import("@mui/material").GridOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLDivElement>;
-}, "children" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textTransform" | "height" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "direction" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "columns" | "container" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "style" | "wrap" | "spacing" | "classes" | "className" | "sx" | "p" | "typography" | "sm" | "md" | "lg" | "xl" | "xs" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "columnSpacing" | "item" | "rowSpacing" | "zeroMinWidth"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "className" | "style" | "classes" | "color" | "fontSize" | "sx" | "p" | "height" | "width" | "direction" | "display" | "fontFamily" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "spacing" | "visibility" | "lineHeight" | "textTransform" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "top" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "columns" | "container" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "padding" | "paddingBlock" | "paddingInline" | "wrap" | "xs" | "sm" | "md" | "lg" | "xl" | "typography" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "columnSpacing" | "item" | "rowSpacing" | "zeroMinWidth"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/FooterActions/FooterActions.types.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export interface FooterActionsProps {
     children?: React.ReactNode;
     size?: 'medium' | 'small';

package/dist/FooterActions/index.d.ts

@@ -1,2 +1,2 @@
-export * from './FooterActions.types';
 export * from './FooterActions';
+export * from './FooterActions.types';

package/dist/FormBody/FormBody.stories.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+/**
+ *
+ * FormBody
+ *
+ * ```js
+ *  import FormBody from "@galaxy-ds/core";
+ * ```
+ */
+declare const meta: {
+    component: import("react").FC<import("./FormBody.types").FormBodyProps>;
+    title: string;
+};
+export default meta;
+export declare const Default: {
+    args: {};
+    render: (args: {
+        children?: import("react").ReactNode;
+        mt?: number | undefined;
+        mb?: number | undefined;
+        px?: number | undefined;
+        py?: number | undefined;
+        bg?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/FormBody/FormBody.types.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 export interface FormBodyProps {
-    children?: any;
+    children?: React.ReactNode;
     mt?: number;
     mb?: number;
     px?: number;

package/dist/FormContainer/FormContainer.stories.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+/**
+ *
+ * FormContainer
+ *
+ * ```js
+ *  import FormContainer from "@galaxy-ds/core";
+ * ```
+ */
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("./FormContainer.types").FormContainerProps>;
+};
+export default meta;
+export declare const Default: {
+    args: {};
+    render: (args: {
+        children?: import("react").ReactNode;
+        fullHeight?: boolean | undefined;
+        onSubmit?: (() => void) | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/FormContainer/FormContainer.styled.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare const FormContainerStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    fullHeight?: boolean;
+    fullHeight?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, {}>;

package/dist/FormContainer/FormContainer.types.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 export interface FormContainerProps {
     children?: React.ReactNode;
     fullHeight?: boolean;
-    onSubmit?: (e: any) => void;
+    onSubmit?: () => void;
 }