@galaxy-ds/core 2.1.3 → 2.1.4

package/dist/IconButton/IconButton.stories.d.ts

@@ -18,32 +18,32 @@ declare const meta: {
     argTypes: {
         children: {
             control: {
-                type: undefined;
+                disable: true;
             };
         };
         component: {
             table: {
-                disable: boolean;
+                disable: true;
             };
         };
         LinkComponent: {
             control: {
-                type: undefined;
+                disable: true;
             };
         };
         onFocusVisible: {
             control: {
-                type: undefined;
+                disable: true;
             };
         };
         endIcon: {
             table: {
-                disable: boolean;
+                disable: true;
             };
         };
         startIcon: {
             table: {
-                disable: boolean;
+                disable: true;
             };
         };
         disabled: {
@@ -52,7 +52,7 @@ declare const meta: {
                     summary: string;
                 };
                 defaultValue: {
-                    summary: boolean;
+                    summary: string;
                 };
             };
         };

package/dist/Icons/doctype-icons.stories.d.ts

@@ -22,6 +22,23 @@ import { SvgIconProps } from '@mui/material';
 declare const meta: {
     component: (props: import("../Icon/Icon.types").IconProps) => import("react/jsx-runtime").JSX.Element;
     title: string;
+    argTypes: {
+        component: {
+            control: {
+                disable: true;
+            };
+        };
+        ref: {
+            control: {
+                disable: true;
+            };
+        };
+        children: {
+            control: {
+                disable: true;
+            };
+        };
+    };
 };
 export default meta;
 export declare const Default: {

package/dist/Icons/lawconnect-icons.stories.d.ts

@@ -19,7 +19,7 @@ export declare const Default: {
 };
 export declare const Filled: {
     args: {};
-    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {
+    decorators: ((Story: import("@storybook/csf").PartialStoryFn<import("@storybook/react/dist/types-a5624094").R, {
         name?: ((props: import("@mui/material").SvgIconProps) => import("react").JSX.Element) | undefined;
         string?: string | number | undefined;
         children?: import("react").ReactNode;

package/dist/Icons/leap-icons.stories.d.ts

@@ -4,6 +4,23 @@
 declare const meta: {
     component: (props: import("../Icon").IconProps) => import("react/jsx-runtime").JSX.Element;
     title: string;
+    argTypes: {
+        component: {
+            control: {
+                disable: true;
+            };
+        };
+        ref: {
+            control: {
+                disable: true;
+            };
+        };
+        children: {
+            control: {
+                disable: true;
+            };
+        };
+    };
 };
 export default meta;
 export declare const Icons: {
@@ -505,7 +522,7 @@ export declare const Icons: {
 };
 export declare const Ribbon: {
     args: {};
-    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {
+    decorators: ((Story: import("@storybook/csf").PartialStoryFn<import("@storybook/react/dist/types-a5624094").R, {
         name?: ((props: import("@mui/material").SvgIconProps) => import("react").JSX.Element) | undefined;
         string?: string | number | undefined;
         children?: import("react").ReactNode;
@@ -1990,7 +2007,7 @@ export declare const Small: {
 };
 export declare const DarkTheme: {
     args: {};
-    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {
+    decorators: ((Story: import("@storybook/csf").PartialStoryFn<import("@storybook/react/dist/types-a5624094").R, {
         name?: ((props: import("@mui/material").SvgIconProps) => import("react").JSX.Element) | undefined;
         string?: string | number | undefined;
         children?: import("react").ReactNode;
@@ -2982,7 +2999,7 @@ export declare const DarkTheme: {
 };
 export declare const LightTheme: {
     args: {};
-    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {
+    decorators: ((Story: import("@storybook/csf").PartialStoryFn<import("@storybook/react/dist/types-a5624094").R, {
         name?: ((props: import("@mui/material").SvgIconProps) => import("react").JSX.Element) | undefined;
         string?: string | number | undefined;
         children?: import("react").ReactNode;

package/dist/ImageUpload/ImageUpload.stories.d.ts

@@ -16,7 +16,7 @@ declare const meta: {
     argTypes: {
         placeholderImage: {
             control: {
-                type: undefined;
+                disable: true;
             };
         };
     };

package/dist/Input/Input.stories.d.ts

@@ -18,52 +18,52 @@ declare const meta: {
     argTypes: {
         onFocus: {
             control: {
-                type: undefined;
+                disable: true;
             };
         };
         onKeyDown: {
             control: {
-                type: undefined;
+                disable: true;
             };
         };
         onKeyUp: {
             control: {
-                type: undefined;
+                disable: true;
             };
         };
         onChange: {
             control: {
-                type: undefined;
+                disable: true;
             };
         };
         onBlur: {
             control: {
-                type: undefined;
+                disable: true;
             };
         };
         onInvalid: {
             control: {
-                type: undefined;
+                disable: true;
             };
         };
         inputRef: {
             control: {
-                type: undefined;
+                disable: true;
             };
         };
         endAdornment: {
             control: {
-                type: undefined;
+                disable: true;
             };
         };
         startAdornment: {
             control: {
-                type: undefined;
+                disable: true;
             };
         };
         inputComponent: {
             control: {
-                type: undefined;
+                disable: true;
             };
         };
     };
@@ -71,10 +71,10 @@ declare const meta: {
 export default meta;
 export declare const Default: {
     args: {
-        onKeyUp: import("@vitest/spy").Mock<[event: import("react").KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>], void>;
-        onKeyDown: import("@vitest/spy").Mock<[event: import("react").KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>], void>;
-        onFocus: import("@vitest/spy").Mock<[event: import("react").FocusEvent<HTMLInputElement | HTMLTextAreaElement, Element>], void>;
-        onChange: import("@vitest/spy").Mock<[event: import("react").ChangeEvent<HTMLInputElement | HTMLTextAreaElement>], void>;
+        onKeyUp: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onKeyDown: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onFocus: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
     };
     parameters: {
         docs: {
@@ -83,7 +83,7 @@ export declare const Default: {
             };
         };
     };
-    play: ({ args, canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react/dist/types-0fc72a6d").R, {
+    play: ({ args, canvasElement }: import("@storybook/csf").PlayFunctionContext<import("@storybook/react/dist/types-a5624094").R, {
         classes?: Partial<import("@mui/material").InputBaseClasses> | undefined;
         className?: string | undefined;
         style?: import("react").CSSProperties | undefined;
@@ -393,7 +393,9 @@ export declare const Default: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
+            margin?: "none" | "normal" | "dense" | undefined; /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
@@ -715,7 +717,9 @@ export declare const Default: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
+            margin?: "none" | "normal" | "dense" | undefined; /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
@@ -1058,7 +1062,9 @@ export declare const EndAdornment: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
+            margin?: "none" | "normal" | "dense" | undefined; /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
@@ -1401,7 +1407,9 @@ export declare const StartAdornment: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
+            margin?: "none" | "normal" | "dense" | undefined; /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
@@ -1737,7 +1745,9 @@ export declare const FormGroup: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
+            margin?: "none" | "normal" | "dense" | undefined; /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
@@ -2074,7 +2084,9 @@ export declare const Label: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
+            margin?: "none" | "normal" | "dense" | undefined; /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
@@ -2409,7 +2421,9 @@ export declare const Types: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
+            margin?: "none" | "normal" | "dense" | undefined; /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
@@ -2747,7 +2761,9 @@ export declare const HelperText: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
+            margin?: "none" | "normal" | "dense" | undefined; /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
@@ -3086,7 +3102,9 @@ export declare const Error: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
+            margin?: "none" | "normal" | "dense" | undefined; /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
@@ -3424,7 +3442,9 @@ export declare const Disabled: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
+            margin?: "none" | "normal" | "dense" | undefined; /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
@@ -3762,7 +3782,9 @@ export declare const ReadOnly: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
+            margin?: "none" | "normal" | "dense" | undefined; /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
@@ -4100,7 +4122,9 @@ export declare const TextAlignment: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
+            margin?: "none" | "normal" | "dense" | undefined; /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
@@ -4438,7 +4462,9 @@ export declare const FullWidth: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
+            margin?: "none" | "normal" | "dense" | undefined; /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
@@ -4778,7 +4804,9 @@ export declare const LargeSizeToolbarSize: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
+            margin?: "none" | "normal" | "dense" | undefined; /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
@@ -5118,7 +5146,9 @@ export declare const TextArea: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
+            margin?: "none" | "normal" | "dense" | undefined; /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
@@ -5454,7 +5484,9 @@ export declare const TextAreaWithEndAdornment: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
+            margin?: "none" | "normal" | "dense" | undefined; /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;
@@ -5790,7 +5822,9 @@ export declare const EventCallbacks: {
             error?: boolean | undefined;
             filled?: boolean | undefined;
             focused?: boolean | undefined;
-            margin?: "none" | "normal" | "dense" | undefined;
+            margin?: "none" | "normal" | "dense" | undefined; /**
+             * If `disabled` is `true`, the input is disabled.
+             */
             required?: boolean | undefined;
             startAdornment?: import("react").ReactNode;
         }) => import("react").ReactNode) | undefined;

package/dist/index.esm.js

@@ -2447,6 +2447,12 @@ var autocompleteOverrides = {
             '& .MuiFormControl-root.MuiTextField-root': {
                 marginBottom: 0,
             },
+            '& .MuiOutlinedInput-root': {
+                padding: 0,
+            },
+            '& .MuiOutlinedInput-root.MuiAutocomplete-inputRoot': {
+                padding: '0 0 0 4px',
+            },
         },
         inputRoot: {
             height: 'auto',
@@ -2473,6 +2479,8 @@ var autocompleteOverrides = {
             '& > *': {
                 marginLeft: 2,
                 marginTop: 2,
+                marginBottom: 2,
+                paddingRight: 0,
                 flexShrink: 0,
             },
         },
@@ -5130,7 +5138,7 @@ var AppBar = function (props) {
     var isMobile = useMediaQuery('(max-width:380px)');
     return (jsx(MuiAppBar, __assign({ color: "primary", position: position, elevation: 0 }, rest, { children: jsxs(AppBarToolbar, { variant: "dense", children: [hasDrawerToggle && (jsx(Box$1, { sx: {
                         display: { xs: hasDrawerToggle ? 'block' : 'none', sm: 'block' },
-                    }, children: jsx(IconButton, { "aria-label": "open drawer", onClick: onDrawerToggle, children: jsx(Icon, { name: MenuIcon }) }) })), jsx(AppBarLogo, { sx: isMobile ? { marginRight: 0, height: '3.125rem' } : {}, children: jsx(Icon, { name: LeapLogo }) }), jsx(Box$1, { sx: { display: { xs: 'none', sm: 'block' } }, children: jsx(Typography, { upperCase: true, color: "white", variant: "h2", children: props.title }) }), jsx(AppBarContent, { children: props.children }), !!props && !!props.user && (jsxs(Fragment$3, { children: [jsxs(AppBarUser, { sx: isMobile ? { overflow: 'hidden', minWidth: '6.25rem' } : {}, children: [jsxs(Typography, { color: "white", variant: "h4", children: [user === null || user === void 0 ? void 0 : user.firstName, " ", user === null || user === void 0 ? void 0 : user.lastName] }), jsx(Typography, { color: "text.light", variant: "body2", children: user === null || user === void 0 ? void 0 : user.email })] }), jsx(IconButton, { "aria-label": "logout", onClick: onLogout, children: jsx(Icon, { name: PowerIcon }) })] }))] }) })));
+                    }, children: jsx(IconButton, { "aria-label": "open drawer", onClick: onDrawerToggle, children: jsx(Icon, { name: MenuIcon }) }) })), jsx(AppBarLogo, { "aria-label": "logo", sx: isMobile ? { marginRight: 0, height: '3.125rem' } : {}, children: jsx(Icon, { name: LeapLogo }) }), jsx(Box$1, { sx: { display: { xs: 'none', sm: 'block' } }, children: jsx(Typography, { upperCase: true, color: "white", variant: "h2", children: props.title }) }), jsx(AppBarContent, { children: props.children }), !!props && !!props.user && (jsxs(Fragment$3, { children: [jsxs(AppBarUser, { sx: isMobile ? { overflow: 'hidden', minWidth: '6.25rem' } : {}, children: [jsxs(Typography, { color: "white", variant: "h4", children: [user === null || user === void 0 ? void 0 : user.firstName, " ", user === null || user === void 0 ? void 0 : user.lastName] }), jsx(Typography, { color: "text.light", variant: "body2", children: user === null || user === void 0 ? void 0 : user.email })] }), jsx(IconButton, { "aria-label": "logout", onClick: onLogout, children: jsx(Icon, { name: PowerIcon }) })] }))] }) })));
 };
 
 var InputLabel = function (props) {