@aic-kits/react 0.13.5 → 0.14.0

package/dist/components/Grid/StyledGrid.d.ts

@@ -0,0 +1,8 @@
+import { GridProps, GridColumns } from './types';
+export declare const StyledGrid: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('..').BoxProps & {
+    ref?: import('react').ForwardedRef<HTMLDivElement>;
+}, GridProps & {
+    columnsContext: GridColumns;
+}>> & string & Omit<(props: import('..').BoxProps & {
+    ref?: import('react').ForwardedRef<HTMLDivElement>;
+}) => ReturnType<({ children, style, "data-testid": testId, ...otherProps }: import('..').BoxProps, ref: import('react').ForwardedRef<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element>, keyof import('react').Component<any, {}, any>>;

package/dist/components/Grid/context.d.ts

@@ -0,0 +1,6 @@
+import { GridColumns } from './types';
+interface GridContextProps {
+    columns: GridColumns;
+}
+export declare const GridContext: import('react').Context<GridContextProps>;
+export {};

package/dist/components/Grid/index.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { GridProps } from './types';
+export declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,31 @@
+import { ElementType, ReactNode } from 'react';
+import { Space } from '../../theme';
+import { BoxProps } from '../Box';
+export type ResponsiveProp<T> = T | Partial<Record<BreakpointKey, T>>;
+export declare const GRID_BREAKPOINTS: {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+};
+export type BreakpointKey = keyof typeof GRID_BREAKPOINTS;
+export type GridSizeValue = number | 'auto' | 'grow';
+export type GridSize = GridSizeValue | Partial<Record<BreakpointKey, GridSizeValue>>;
+export type GridOffsetValue = number | 'auto';
+export type GridOffset = GridOffsetValue | Partial<Record<BreakpointKey, GridOffsetValue>>;
+export type GridSpacingValue = Space | number;
+export type GridSpacing = GridSpacingValue | Partial<Record<BreakpointKey, GridSpacingValue>>;
+export type GridColumnsValue = number;
+export type GridColumns = GridColumnsValue | Partial<Record<BreakpointKey, GridColumnsValue>>;
+export interface GridProps extends Omit<BoxProps, 'offset'> {
+    children?: ReactNode;
+    container?: boolean;
+    spacing?: GridSpacing;
+    rowSpacing?: GridSpacing;
+    columnSpacing?: GridSpacing;
+    columns?: GridColumns;
+    size?: GridSize;
+    offset?: GridOffset;
+    as?: ElementType;
+}

package/dist/components/Grid/utils.d.ts

@@ -0,0 +1,9 @@
+import { Theme } from '../../theme';
+import { GridSpacing, ResponsiveProp, GridSize, GridOffset, GridColumns } from './types';
+export declare const resolveSpacing: (theme: Theme, value?: GridSpacing) => ResponsiveProp<string | number> | undefined;
+export declare const generateItemStyles: ({ size, offset, columnsContext, }: {
+    theme: Theme;
+    size?: GridSize;
+    offset?: GridOffset;
+    columnsContext: GridColumns;
+}) => import('styled-components').RuleSet<object>;

package/dist/components/index.d.ts

@@ -16,3 +16,4 @@ export * from './Accordion';
 export * from './Tag';
 export * from './Checkbox';
 export * from './Select';
+export * from './Grid';