Update common components

src/common/Base.tsx

@@ -1,7 +1,5 @@
 import { CSSProperties, DetailedHTMLProps, FC, HTMLAttributes, LegacyRef, useMemo } from 'react';
-import { ColorVariantType } from './types/ColorVariantType';
-import { OverflowType } from './types/OverflowType';
-import { PositionType } from './types/PositionType';
+import { ColorVariantType, OverflowType, PositionType } from './types';
 
 export interface BaseProps<T = HTMLElement> extends DetailedHTMLProps<HTMLAttributes<T>, T>
 {

src/common/Button.tsx

@@ -1,7 +1,6 @@
 import { FC, useMemo } from 'react';
 import { Flex, FlexProps } from './Flex';
-import { ButtonSizeType } from './types/ButtonSizeType';
-import { ColorVariantType } from './types/ColorVariantType';
+import { ButtonSizeType, ColorVariantType } from './types';
 
 export interface ButtonProps extends FlexProps
 {

src/common/Column.tsx

@@ -1,7 +1,7 @@
 import { FC, useMemo } from 'react';
-import { useGridContext } from './context/GridContext';
 import { Flex, FlexProps } from './Flex';
-import { ColumnSizesType } from './types/ColumnSizesType';
+import { useGridContext } from './GridContext';
+import { ColumnSizesType } from './types';
 
 export interface ColumnProps extends FlexProps
 {

src/common/Flex.tsx

@@ -1,9 +1,6 @@
 import { FC, useMemo } from 'react';
 import { Base, BaseProps } from './Base';
-import { AlignItemType } from './types/AlignItemType';
-import { AlignSelfType } from './types/AlignSelfType';
-import { JustifyContentType } from './types/JustifyContentType';
-import { SpacingType } from './types/SpacingType';
+import { AlignItemType, AlignSelfType, JustifyContentType, SpacingType } from './types';
 
 export interface FlexProps extends BaseProps<HTMLDivElement>
 {

src/common/Grid.tsx

@@ -1,7 +1,7 @@
 import { CSSProperties, FC, useMemo } from 'react';
 import { Base, BaseProps } from './Base';
-import { GridContextProvider } from './context/GridContext';
-import { SpacingType } from './types/SpacingType';
+import { GridContextProvider } from './GridContext';
+import { SpacingType } from './types';
 
 export interface GridProps extends BaseProps<HTMLDivElement>
 {

src/common/Text.tsx

@@ -1,8 +1,6 @@
 import { FC, useMemo } from 'react';
 import { Base, BaseProps } from './Base';
-import { ColorVariantType } from './types/ColorVariantType';
-import { FontSizeType } from './types/FontSizeType';
-import { FontWeightType } from './types/FontWeightType';
+import { ColorVariantType, FontSizeType, FontWeightType } from './types';
 
 export interface TextProps extends BaseProps<HTMLDivElement>
 {

src/common/index.ts

@@ -0,0 +1,12 @@
+export * from './Base';
+export * from './Button';
+export * from './ButtonGroup';
+export * from './Column';
+export * from './Flex';
+export * from './FormGroup';
+export * from './Grid';
+export * from './GridContext';
+export * from './layout';
+export * from './Text';
+export * from './types';
+export * from './utils';

src/common/layout/index.ts

@@ -0,0 +1,2 @@
+export * from './LayoutGridItem';
+export * from './LayoutImage';

src/common/types/index.ts

@@ -0,0 +1,11 @@
+export * from './AlignItemType';
+export * from './AlignSelfType';
+export * from './ButtonSizeType';
+export * from './ColorVariantType';
+export * from './ColumnSizesType';
+export * from './FontSizeType';
+export * from './FontWeightType';
+export * from './JustifyContentType';
+export * from './OverflowType';
+export * from './PositionType';
+export * from './SpacingType';

src/common/utils/index.ts

@@ -0,0 +1 @@
+export * from './CreateTransitionToIcon';