@up42/up-components 1.6.3 → 1.8.0

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';