@up42/up-components 1.6.2 → 1.7.0

package/dist/cjs/types/components/Container/Container.d.ts

@@ -25,5 +25,6 @@ export declare type ContainerProps = MUIGlobalOmit<Omit<MUIContainerProps, 'maxW
  * To now more about the requirements please check here: https://up42.atlassian.net/browse/B2B-215.
  *
  * Documentation: https://up-components.up42.com/?path=/docs/layout-container--docs
+ * @deprecated Use `PageContainer` instead.
  */
 export declare const Container: ({ component, size, children, ...props }: ContainerProps) => JSX.Element;

package/dist/cjs/types/components/Grid/Grid.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { GridProps } from '@mui/material';
+export declare type GridContainerProps = Omit<GridProps, 'container' | 'item' | 'xs' | 'columnSpacing'>;
+/**
+ * Documentation: https://up-components.up42.com/?path=/docs/layout-grid--docs
+ */
+export declare const GridContainer: ({ children, ...props }: GridContainerProps) => JSX.Element;
+export declare type GridItemProps = GridContainerProps & {
+    /**
+     * `span` prop is used to set the column span.
+     */
+    span?: GridProps['xs'];
+};
+/**
+ * Documentation: https://up-components.up42.com/?path=/docs/layout-grid--docs
+ */
+export declare const GridItem: ({ children, span, ...props }: GridItemProps) => JSX.Element;

package/dist/cjs/types/components/PageContainer/PageContainer.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { ContainerProps } from '@mui/material';
+export declare type PageContainerProps = Omit<ContainerProps, 'fixed' | 'maxWidth'> & {
+    /**
+     * The number of `columns` to use in the grid system
+     */
+    columns?: number | 'auto';
+    /**
+     * If `true`, the container will be `fluid`, taking the full width of the screen
+     */
+    fluid?: boolean;
+};
+/**
+ * Documentation: https://up-components.up42.com/?path=/docs/layout-pagecontainer--docs
+ */
+export declare const PageContainer: ({ children, fluid, columns, ...props }: PageContainerProps) => JSX.Element;

package/dist/cjs/types/index.d.ts

@@ -6,7 +6,8 @@ export { theme } from './global/theme';
 export { Button, type ButtonProps } from './components/Button/Button';
 export { Typography, type TypographyProps } from './components/Typography/Typography';
 export { Avatar, type AvatarProps } from './components/Avatar/Avatar';
-export { Container, type ContainerProps } from './components/Container/Container';
+export { GridContainer, type GridContainerProps, GridItem, type GridItemProps } from './components/Grid/Grid';
+export { PageContainer, type PageContainerProps } from './components/PageContainer/PageContainer';
 export { Box, type BoxProps } from './components/Box/Box';
 export { Checkbox, type CheckboxProps } from './components/Checkbox/Checkbox';
 export { FormCheckbox, type FormCheckboxProps } from './components/FormCheckbox/FormCheckbox';
@@ -58,3 +59,4 @@ export { formatFileSize } from './utils/helpers/formatFileSize';
 export { useQueryParams } from './utils/hooks/useQueryParams';
 export { useRemotePagination, type PaginatedResponse } from './utils/hooks/useRemotePagination';
 export { useAlert, type CreateAlertProps } from './global/providers/AlertProvider/AlertProvider';
+export { Container, type ContainerProps } from './components/Container/Container';