kiban-design-system 1.1.13-hotfix.0 → 1.1.13

package/dist/components/FilterControl/components/Popover/Popover.props.d.ts

@@ -1,19 +1,18 @@
-/// <reference types="react" />
-import type { IconName } from '../../../Icon';
-import type { ChoiceListItemType } from '../../../ChoiceList';
-export interface PopoverProps {
-    isActive?: boolean;
-    cancelButtonLabel?: string;
-    applyButtonLabel?: string;
-    addItemButtonLabel?: string;
-    title: string;
-    onClose?: () => void;
-    onApply?: () => void;
-    children?: React.ReactNode;
-    availableItems?: ChoiceListItemType[];
-    icon?: IconName;
-    onAvailableItemsChange?: (selected: string[]) => void;
-    onActivatorClick?: () => void;
-    selectedAvailableItems?: string[];
-    onCancel?: () => void;
-}
+import type { IconName } from '../../../Icon';
+import type { ChoiceListItemType } from '../../../ChoiceList';
+export interface PopoverProps {
+    isActive?: boolean;
+    cancelButtonLabel?: string;
+    applyButtonLabel?: string;
+    addItemButtonLabel?: string;
+    title: string;
+    onClose?: () => void;
+    onApply?: () => void;
+    children?: React.ReactNode;
+    availableItems?: ChoiceListItemType[];
+    icon?: IconName;
+    onAvailableItemsChange?: (selected: string[]) => void;
+    onActivatorClick?: () => void;
+    selectedAvailableItems?: string[];
+    onCancel?: () => void;
+}

package/dist/components/FilterControl/components/Popover/index.d.ts

@@ -1,3 +1,3 @@
-import Popover from './Popover';
-export * from './Popover.props';
-export { Popover };
+import Popover from './Popover';
+export * from './Popover.props';
+export { Popover };

package/dist/components/FilterControl/components/SortItem/SortItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { SortItemProps } from './SortItem.props';
-declare const SortItem: ({ label, direction, onDelete, onSortDirection, }: SortItemProps) => JSX.Element;
-export default SortItem;
+import type { SortItemProps } from "./SortItem.props";
+declare const SortItem: ({ label, direction, onDelete, onSortDirection, }: SortItemProps) => import("react/jsx-runtime").JSX.Element;
+export default SortItem;

package/dist/components/FilterControl/components/SortItem/SortItem.props.d.ts

@@ -1,6 +1,6 @@
-export interface SortItemProps {
-    label: string;
-    direction: string;
-    onDelete(): void;
-    onSortDirection(): void;
-}
+export interface SortItemProps {
+    label: string;
+    direction: string;
+    onDelete(): void;
+    onSortDirection(): void;
+}

package/dist/components/FilterControl/components/SortItem/index.d.ts

@@ -1,3 +1,3 @@
-import SortItem from './SortItem';
-export * from './SortItem.props';
-export { SortItem };
+import SortItem from './SortItem';
+export * from './SortItem.props';
+export { SortItem };

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

@@ -1,4 +1,4 @@
-export * from './Chips';
-export * from './FilterItem';
-export * from './SortItem';
-export * from './Popover';
+export * from './Chips';
+export * from './FilterItem';
+export * from './SortItem';
+export * from './Popover';

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

@@ -1,3 +1,3 @@
-import FilterControl from './FilterControl';
-export * from './FilterControl.props';
-export { FilterControl };
+import FilterControl from './FilterControl';
+export * from './FilterControl.props';
+export { FilterControl };

package/dist/components/FilterControl/utils/getFromPopover.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-import type { PopoverProps } from '../components';
-declare type GetFromPopoverPropsType = PopoverProps & {
-    emptyState: React.ReactNode;
-};
-declare const getFromPopover: (props: GetFromPopoverPropsType) => JSX.Element;
-export default getFromPopover;
+import type { PopoverProps } from '../components';
+type GetFromPopoverPropsType = PopoverProps & {
+    emptyState: React.ReactNode;
+};
+declare const getFromPopover: (props: GetFromPopoverPropsType) => import("react/jsx-runtime").JSX.Element;
+export default getFromPopover;

package/dist/components/FilterControl/utils/index.d.ts

@@ -1,2 +1,2 @@
-import getFromPopover from './getFromPopover';
-export { getFromPopover };
+import getFromPopover from './getFromPopover';
+export { getFromPopover };

package/dist/components/Filters/Filters.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { FiltersProps } from './Filters.props';
-import './Filters.styles.scss';
-declare const Filters: ({ ariaLabel, filters, onApplyFilters, onRemoveFilter, appliedFilters, onCleanFilters, onAddFilter, addFilterButtonIcon, addFilterButtonLabel, clearButtonLabel, searchButtonLabel, extraActions, selectedFilters, }: FiltersProps) => JSX.Element;
-export default Filters;
+import type { FiltersProps } from './Filters.props';
+import './Filters.styles.scss';
+declare const Filters: ({ ariaLabel, filters, onApplyFilters, onRemoveFilter, appliedFilters, onCleanFilters, onAddFilter, addFilterButtonIcon, addFilterButtonLabel, clearButtonLabel, searchButtonLabel, extraActions, selectedFilters, }: FiltersProps) => import("react/jsx-runtime").JSX.Element;
+export default Filters;

package/dist/components/Filters/Filters.props.d.ts

@@ -1,32 +1,31 @@
-/// <reference types="react" />
-import { IconProp } from '../../types';
-export declare type TFilter = {
-    key: string;
-    label: string;
-    filter: React.ReactNode;
-    isRequired?: boolean;
-};
-export declare type TExtraAction = {
-    label: string;
-    isPrimary?: boolean;
-    isTertiary?: boolean;
-    isDanger?: boolean;
-    onClick?: () => void;
-    isDisabled?: boolean;
-    ariaLabel?: string;
-};
-export interface FiltersProps {
-    ariaLabel?: string;
-    filters: TFilter[];
-    onApplyFilters?: () => void;
-    onRemoveFilter?: (filter: string) => void;
-    appliedFilters: string[];
-    onCleanFilters?: () => void;
-    onAddFilter?: (filter: string) => void;
-    addFilterButtonIcon?: IconProp;
-    addFilterButtonLabel?: string;
-    searchButtonLabel?: string;
-    clearButtonLabel?: string;
-    selectedFilters?: string[];
-    extraActions?: TExtraAction[];
-}
+import type { IconProp } from "../../types";
+export type TFilter = {
+    key: string;
+    label: string;
+    filter: React.ReactNode;
+    isRequired?: boolean;
+};
+export type TExtraAction = {
+    label: string;
+    isPrimary?: boolean;
+    isTertiary?: boolean;
+    isDanger?: boolean;
+    onClick?: () => void;
+    isDisabled?: boolean;
+    ariaLabel?: string;
+};
+export interface FiltersProps {
+    ariaLabel?: string;
+    filters: TFilter[];
+    onApplyFilters?: () => void;
+    onRemoveFilter?: (filter: string) => void;
+    appliedFilters: string[];
+    onCleanFilters?: () => void;
+    onAddFilter?: (filter: string) => void;
+    addFilterButtonIcon?: IconProp;
+    addFilterButtonLabel?: string;
+    searchButtonLabel?: string;
+    clearButtonLabel?: string;
+    selectedFilters?: string[];
+    extraActions?: TExtraAction[];
+}

package/dist/components/Filters/components/FilterField/FilterField.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { FilterFieldProps } from './FilterField.props';
-import './FilterField.styles.scss';
-declare const FilterField: ({ label, isRequired, field, onRemove, name, }: FilterFieldProps) => JSX.Element;
-export default FilterField;
+import type { FilterFieldProps } from './FilterField.props';
+import './FilterField.styles.scss';
+declare const FilterField: ({ label, isRequired, field, onRemove, name, }: FilterFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default FilterField;

package/dist/components/Filters/components/FilterField/FilterField.props.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-export interface FilterFieldProps {
-    label: string;
-    field: React.ReactNode;
-    isRequired?: boolean;
-    onRemove?: () => void;
-    name: string;
-}
+export interface FilterFieldProps {
+    label: string;
+    field: React.ReactNode;
+    isRequired?: boolean;
+    onRemove?: () => void;
+    name: string;
+}

package/dist/components/Filters/components/FilterField/index.d.ts

@@ -1,3 +1,3 @@
-import FilterField from './FilterField';
-export * from './FilterField.props';
-export { FilterField };
+import FilterField from './FilterField';
+export * from './FilterField.props';
+export { FilterField };

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

@@ -1 +1 @@
-export * from './FilterField';
+export * from './FilterField';

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

@@ -1,3 +1,3 @@
-import Filters from './Filters';
-export * from './Filters.props';
-export { Filters };
+import Filters from './Filters';
+export * from './Filters.props';
+export { Filters };

package/dist/components/FormLayout/FormLayout.d.ts

@@ -1,14 +1,13 @@
-/// <reference types="react" />
-import type { FormLayoutProps } from './FormLayout.props';
-import './FormLayout.styles.scss';
-/**
- *
- * @param {FormLayoutProps}  FormLayoutProps - FormLayoutProps
- * @param {ReactNode} FormLayoutProps.children - Children object item or Array items
- * @returns {symbol} - Element FormLayout
- */
-declare const FormLayout: {
-    ({ children }: FormLayoutProps): JSX.Element;
-    Group: ({ children, condensed }: import("./components").GroupProps) => JSX.Element;
-};
-export default FormLayout;
+import type { FormLayoutProps } from './FormLayout.props';
+import './FormLayout.styles.scss';
+/**
+ *
+ * @param {FormLayoutProps}  FormLayoutProps - FormLayoutProps
+ * @param {ReactNode} FormLayoutProps.children - Children object item or Array items
+ * @returns {symbol} - Element FormLayout
+ */
+declare const FormLayout: {
+    ({ children }: FormLayoutProps): import("react/jsx-runtime").JSX.Element;
+    Group: ({ children, condensed }: import("./components").GroupProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default FormLayout;

package/dist/components/FormLayout/FormLayout.props.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-export interface FormLayoutProps {
-    /** The content to display inside the layout. */
-    children?: React.ReactNode;
-}
+export interface FormLayoutProps {
+    /** The content to display inside the layout. */
+    children?: React.ReactNode;
+}

package/dist/components/FormLayout/components/Group/Group.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
-import type { GroupProps } from './Group.props';
-/**
- *
- * @param {GroupProps} GroupProps - GroupProps
- * @param {ReactNode} GroupProps.children - Children object item or Array items
- * @param {boolean} GroupProps.condensed - Flag for display formCondensed For very short inputs, the width of the inputs may be reduced in order to fit more fields in the row.
- * @returns {symbol} - Element Group
- */
-declare const Group: ({ children, condensed }: GroupProps) => JSX.Element;
-export default Group;
+import type { GroupProps } from './Group.props';
+/**
+ *
+ * @param {GroupProps} GroupProps - GroupProps
+ * @param {ReactNode} GroupProps.children - Children object item or Array items
+ * @param {boolean} GroupProps.condensed - Flag for display formCondensed For very short inputs, the width of the inputs may be reduced in order to fit more fields in the row.
+ * @returns {symbol} - Element Group
+ */
+declare const Group: ({ children, condensed }: GroupProps) => import("react/jsx-runtime").JSX.Element;
+export default Group;

package/dist/components/FormLayout/components/Group/Group.props.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
-export interface GroupProps {
-    /**
-     * Component to render by the popover.pane
-     */
-    children?: React.ReactNode;
-    /**
-     * Flag for display flex, For very short inputs, the width of the inputs may be reduced in order to fit more fields in the row.
-     */
-    condensed?: boolean;
-}
+export interface GroupProps {
+    /**
+     * Component to render by the popover.pane
+     */
+    children?: React.ReactNode;
+    /**
+     * Flag for display flex, For very short inputs, the width of the inputs may be reduced in order to fit more fields in the row.
+     */
+    condensed?: boolean;
+}

package/dist/components/FormLayout/components/Group/index.d.ts

@@ -1,3 +1,3 @@
-import Group from './Group';
-export type { GroupProps } from './Group.props';
-export { Group };
+import Group from './Group';
+export type { GroupProps } from './Group.props';
+export { Group };

package/dist/components/FormLayout/components/Item/Item.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-import type { ItemProps } from './Item.props';
-/**
- *
- * @param {ItemProps} ItemProps - ItemProps
- * @param {ReactNode} ItemProps.children - Children object item or Array items
- * @returns {symbol} - Element FormLayout
- */
-declare const Item: ({ children }: ItemProps) => JSX.Element;
-export default Item;
+import type { ItemProps } from './Item.props';
+/**
+ *
+ * @param {ItemProps} ItemProps - ItemProps
+ * @param {ReactNode} ItemProps.children - Children object item or Array items
+ * @returns {symbol} - Element FormLayout
+ */
+declare const Item: ({ children }: ItemProps) => import("react/jsx-runtime").JSX.Element;
+export default Item;

package/dist/components/FormLayout/components/Item/Item.props.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-export interface ItemProps {
-    /** The content to display inside the layout. */
-    children?: React.ReactNode;
-}
+export interface ItemProps {
+    /** The content to display inside the layout. */
+    children?: React.ReactNode;
+}

package/dist/components/FormLayout/components/Item/index.d.ts

@@ -1,3 +1,3 @@
-import Item from './Item';
-export type { ItemProps } from './Item.props';
-export { Item };
+import Item from './Item';
+export type { ItemProps } from './Item.props';
+export { Item };

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

@@ -1,2 +1,2 @@
-export * from './Group';
-export * from './Item';
+export * from './Group';
+export * from './Item';

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

@@ -1,3 +1,3 @@
-import FormLayout from './FormLayout';
-export type { FormLayoutProps } from './FormLayout.props';
-export { FormLayout };
+import FormLayout from './FormLayout';
+export type { FormLayoutProps } from './FormLayout.props';
+export { FormLayout };

package/dist/components/Frame/Frame.d.ts

@@ -1,14 +1,13 @@
-/// <reference types="react" />
-import type { FrameProps } from './Frame.props';
-import './Frame.styles.scss';
-/**
- * Frame component is used to set the main page structure, you can
- * add a header, side left menu and content
- *
- * @param {FrameProps} FrameProps - FrameProps
- * @param {ReactNode} FrameProps.header - Component to display as header
- * @param {ReactNode} FrameProps.sideMenu - Component to display as menu, left side
- * @param {ReactNode} FrameProps.content - Component to display as content
- */
-declare const Frame: ({ header, navigation, children }: FrameProps) => JSX.Element;
-export default Frame;
+import type { FrameProps } from './Frame.props';
+import './Frame.styles.scss';
+/**
+ * Frame component is used to set the main page structure, you can
+ * add a header, side left menu and content
+ *
+ * @param {FrameProps} FrameProps - FrameProps
+ * @param {ReactNode} FrameProps.header - Component to display as header
+ * @param {ReactNode} FrameProps.sideMenu - Component to display as menu, left side
+ * @param {ReactNode} FrameProps.content - Component to display as content
+ */
+declare const Frame: ({ header, navigation, children }: FrameProps) => import("react/jsx-runtime").JSX.Element;
+export default Frame;

package/dist/components/Frame/Frame.props.d.ts

@@ -1,15 +1,14 @@
-/// <reference types="react" />
-export interface FrameProps {
-    /**
-     * Component header
-     */
-    header?: React.ReactNode;
-    /**
-     * Component sideMenu
-     */
-    navigation?: React.ReactNode;
-    /**
-     * Content
-     */
-    children?: React.ReactNode;
-}
+export interface FrameProps {
+    /**
+     * Component header
+     */
+    header?: React.ReactNode;
+    /**
+     * Component sideMenu
+     */
+    navigation?: React.ReactNode;
+    /**
+     * Content
+     */
+    children?: React.ReactNode;
+}

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

@@ -1,3 +1,3 @@
-import Frame from './Frame';
-export type { FrameProps } from './Frame.props';
-export { Frame };
+import Frame from './Frame';
+export type { FrameProps } from './Frame.props';
+export { Frame };

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

@@ -1,18 +1,17 @@
-/// <reference types="react" />
-import { GridProps } from './Grid.props';
-import './Grid.styles.scss';
-/** The grid system is used to arrange elements on a screen, usually by columns.
- * @example
- * <Grid>
- *   <Grid.Item>Elemento 1</Grid.Item>
- *   <Grid.Item>Elemento 2</Grid.Item>
- *   <Grid.Item>Elemento 3</Grid.Item>
- * </Grid>
- * @param {ReactNode} children - Grid items to show
- * @param {boolean} isMultiline - Flag for wrap items in row
- */
-declare const Grid: {
-    ({ children, isMultiline }: GridProps): JSX.Element;
-    Item: ({ children, size, sizeFullHD, sizeWidescreen, sizeDesktop, sizeTablet, sizeMobile, }: import("./components").GridItemProps) => JSX.Element;
-};
-export default Grid;
+import type { GridProps } from "./Grid.props";
+import "./Grid.styles.scss";
+/** The grid system is used to arrange elements on a screen, usually by columns.
+ * @example
+ * <Grid>
+ *   <Grid.Item>Elemento 1</Grid.Item>
+ *   <Grid.Item>Elemento 2</Grid.Item>
+ *   <Grid.Item>Elemento 3</Grid.Item>
+ * </Grid>
+ * @param {ReactNode} children - Grid items to show
+ * @param {boolean} isMultiline - Flag for wrap items in row
+ */
+declare const Grid: {
+    ({ children, isMultiline }: GridProps): import("react/jsx-runtime").JSX.Element;
+    Item: ({ children, size, sizeFullHD, sizeWidescreen, sizeDesktop, sizeTablet, sizeMobile, }: import("./components").GridItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default Grid;

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-export interface GridProps {
-    /** Grid items to show */
-    children: React.ReactNode;
-    /** Flag for wrap items in row */
-    isMultiline?: boolean;
-}
+export interface GridProps {
+    /** Grid items to show */
+    children: React.ReactNode;
+    /** Flag for wrap items in row */
+    isMultiline?: boolean;
+}

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

@@ -1,19 +1,18 @@
-/// <reference types="react" />
-import { GridItemProps } from './GridItem.props';
-/** Grid.Item is used for set size of element in the Grid
- * @example
- * <Grid>
- *   <Grid.Item>Elemento 1</Grid.Item>
- *   <Grid.Item>Elemento 2</Grid.Item>
- *   <Grid.Item>Elemento 3</Grid.Item>
- * </Grid>
- * @param {ReactNode} children - Element to show
- * @param {SizesColumnGrid | SizesNumberColumnGrid} size - Size of element in the column
- * @param {SizesColumnGridFullHD} sizeFullHD - Size of element in the column fullHd
- * @param {SizesColumnGridWidescreen} sizeWidescreen - Size of element in the column widescreen
- * @param {SizesColumnGridDesktop} sizeDesktop - Size of element in the column desktop
- * @param {SizesColumnGridTablet} sizeTablet - Size of element in the column tablet
- * @param {SizesColumnGridMobile} sizeMobile - Size of element in the column mobile
- */
-declare const GridItem: ({ children, size, sizeFullHD, sizeWidescreen, sizeDesktop, sizeTablet, sizeMobile, }: GridItemProps) => JSX.Element;
-export default GridItem;
+import type { GridItemProps } from "./GridItem.props";
+/** Grid.Item is used for set size of element in the Grid
+ * @example
+ * <Grid>
+ *   <Grid.Item>Elemento 1</Grid.Item>
+ *   <Grid.Item>Elemento 2</Grid.Item>
+ *   <Grid.Item>Elemento 3</Grid.Item>
+ * </Grid>
+ * @param {ReactNode} children - Element to show
+ * @param {SizesColumnGrid | SizesNumberColumnGrid} size - Size of element in the column
+ * @param {SizesColumnGridFullHD} sizeFullHD - Size of element in the column fullHd
+ * @param {SizesColumnGridWidescreen} sizeWidescreen - Size of element in the column widescreen
+ * @param {SizesColumnGridDesktop} sizeDesktop - Size of element in the column desktop
+ * @param {SizesColumnGridTablet} sizeTablet - Size of element in the column tablet
+ * @param {SizesColumnGridMobile} sizeMobile - Size of element in the column mobile
+ */
+declare const GridItem: ({ children, size, sizeFullHD, sizeWidescreen, sizeDesktop, sizeTablet, sizeMobile, }: GridItemProps) => import("react/jsx-runtime").JSX.Element;
+export default GridItem;

package/dist/components/Grid/components/GridItem/GridItem.props.d.ts

@@ -1,24 +1,23 @@
-/// <reference types="react" />
-export declare type SizesColumnGrid = 'is-three-quarters' | 'is-two-thirds' | 'is-half' | 'is-one-third' | 'is-one-quarter' | 'is-full' | 'is-one-fifth' | 'is-two-fifths' | 'is-three-fifths' | 'is-four-fifths';
-export declare type SizesColumnGridFullHD = 'is-three-quarters-fullhd' | 'is-two-thirds-fullhd' | 'is-half-fullhd' | 'is-one-third-fullhd' | 'is-one-quarter-fullhd' | 'is-full-fullhd' | 'is-one-fifth-fullhd' | 'is-two-fifths-fullhd' | 'is-three-fifths-fullhd' | 'is-four-fifths-fullhd';
-export declare type SizesColumnGridWidescreen = 'is-three-quarters-widescreen' | 'is-two-thirds-widescreen' | 'is-half-widescreen' | 'is-one-third-widescreen' | 'is-one-quarter-widescreen' | 'is-full-widescreen' | 'is-one-fifth-widescreen' | 'is-two-fifths-widescreen' | 'is-three-fifths-widescreen' | 'is-four-fifths-widescreen';
-export declare type SizesColumnGridDesktop = 'is-three-quarters-desktop' | 'is-two-thirds-desktop' | 'is-half-desktop' | 'is-one-third-desktop' | 'is-one-quarter-desktop' | 'is-full-desktop' | 'is-one-fifth-desktop' | 'is-two-fifths-desktop' | 'is-three-fifths-desktop' | 'is-four-fifths-desktop';
-export declare type SizesColumnGridTablet = 'is-three-quarters-tablet' | 'is-two-thirds-tablet' | 'is-half-tablet' | 'is-one-third-tablet' | 'is-one-quarter-tablet' | 'is-full-tablet' | 'is-one-fifth-tablet' | 'is-two-fifths-tablet' | 'is-three-fifths-tablet' | 'is-four-fifths-tablet';
-export declare type SizesColumnGridMobile = 'is-three-quarters-mobile' | 'is-two-thirds-mobile' | 'is-half-mobile' | 'is-one-third-mobile' | 'is-one-quarter-mobile' | 'is-full-mobile' | 'is-one-fifth-mobile' | 'is-two-fifths-mobile' | 'is-three-fifths-mobile' | 'is-four-fifths-mobile';
-export declare type SizesNumberColumnGrid = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-export interface GridItemProps {
-    /** Element to show */
-    children: React.ReactNode;
-    /** Size of each element in the row */
-    size?: SizesColumnGrid | SizesNumberColumnGrid;
-    /** Size of each element in the row for fullhd */
-    sizeFullHD?: SizesColumnGridFullHD;
-    /** Size of each element in the row for widescreen */
-    sizeWidescreen?: SizesColumnGridWidescreen;
-    /** Size of each element in the row for desktop */
-    sizeDesktop?: SizesColumnGridDesktop;
-    /** Size of each element in the row for tablet */
-    sizeTablet?: SizesColumnGridTablet;
-    /** Size of each element in the row for mobile */
-    sizeMobile?: SizesColumnGridMobile;
-}
+export type SizesColumnGrid = 'is-three-quarters' | 'is-two-thirds' | 'is-half' | 'is-one-third' | 'is-one-quarter' | 'is-full' | 'is-one-fifth' | 'is-two-fifths' | 'is-three-fifths' | 'is-four-fifths';
+export type SizesColumnGridFullHD = 'is-three-quarters-fullhd' | 'is-two-thirds-fullhd' | 'is-half-fullhd' | 'is-one-third-fullhd' | 'is-one-quarter-fullhd' | 'is-full-fullhd' | 'is-one-fifth-fullhd' | 'is-two-fifths-fullhd' | 'is-three-fifths-fullhd' | 'is-four-fifths-fullhd';
+export type SizesColumnGridWidescreen = 'is-three-quarters-widescreen' | 'is-two-thirds-widescreen' | 'is-half-widescreen' | 'is-one-third-widescreen' | 'is-one-quarter-widescreen' | 'is-full-widescreen' | 'is-one-fifth-widescreen' | 'is-two-fifths-widescreen' | 'is-three-fifths-widescreen' | 'is-four-fifths-widescreen';
+export type SizesColumnGridDesktop = 'is-three-quarters-desktop' | 'is-two-thirds-desktop' | 'is-half-desktop' | 'is-one-third-desktop' | 'is-one-quarter-desktop' | 'is-full-desktop' | 'is-one-fifth-desktop' | 'is-two-fifths-desktop' | 'is-three-fifths-desktop' | 'is-four-fifths-desktop';
+export type SizesColumnGridTablet = 'is-three-quarters-tablet' | 'is-two-thirds-tablet' | 'is-half-tablet' | 'is-one-third-tablet' | 'is-one-quarter-tablet' | 'is-full-tablet' | 'is-one-fifth-tablet' | 'is-two-fifths-tablet' | 'is-three-fifths-tablet' | 'is-four-fifths-tablet';
+export type SizesColumnGridMobile = 'is-three-quarters-mobile' | 'is-two-thirds-mobile' | 'is-half-mobile' | 'is-one-third-mobile' | 'is-one-quarter-mobile' | 'is-full-mobile' | 'is-one-fifth-mobile' | 'is-two-fifths-mobile' | 'is-three-fifths-mobile' | 'is-four-fifths-mobile';
+export type SizesNumberColumnGrid = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export interface GridItemProps {
+    /** Element to show */
+    children: React.ReactNode;
+    /** Size of each element in the row */
+    size?: SizesColumnGrid | SizesNumberColumnGrid;
+    /** Size of each element in the row for fullhd */
+    sizeFullHD?: SizesColumnGridFullHD;
+    /** Size of each element in the row for widescreen */
+    sizeWidescreen?: SizesColumnGridWidescreen;
+    /** Size of each element in the row for desktop */
+    sizeDesktop?: SizesColumnGridDesktop;
+    /** Size of each element in the row for tablet */
+    sizeTablet?: SizesColumnGridTablet;
+    /** Size of each element in the row for mobile */
+    sizeMobile?: SizesColumnGridMobile;
+}