@dfds-ui/react-components 3.0.1-alpha.e689059e → 3.0.2-alpha.44219a9f

package/cjs/dropdown-menu/MenuItem.d.ts

@@ -1,45 +0,0 @@
-import React from 'react';
-import { DropdownSize } from './Dropdown';
-export interface MenuItemProps {
-    /**
-     * HTML tag or custom component being rendered.
-     */
-    as?: React.ElementType;
-    /**
-     * Invoke the provided callback when the `MenuItem` is clicked.
-     */
-    onClick?: (event?: any) => void;
-    /**
-     * Indicates that the `MenuItem` is selected.
-     */
-    selected?: boolean;
-    /**
-     * Indicates that the `MenuItem` is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Add interactive styles to the `MenuItem`.
-     */
-    clickable?: boolean;
-    /**
-     * Override the default color for the text.
-     */
-    color?: string;
-    /**
-     * Choose an icon that will be left aligned.
-     */
-    iconLeft?: React.ElementType;
-    /**
-     * Choose an icon that will be right aligned.
-     */
-    iconRight?: React.ElementType;
-    /**
-     * className to be assigned to component.
-     */
-    className?: string;
-    children?: React.ReactNode;
-}
-export declare const getListItemStyle: (size?: DropdownSize, disabled?: boolean) => import("@emotion/utils").SerializedStyles;
-export declare const getListTextStyle: (size?: DropdownSize) => import("@emotion/utils").SerializedStyles;
-declare const MenuItem: ({ as, clickable, className, onClick, selected, disabled, children, color, iconLeft, iconRight, ...rest }: MenuItemProps) => React.JSX.Element;
-export default MenuItem;

package/cjs/dropdown-menu/MenuTitle.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-export interface MenuTitleProps {
-    /**
-     * Change the color of the text.
-     */
-    color?: string;
-    /**
-     * className to be assigned to component.
-     */
-    className?: string;
-    children?: React.ReactNode;
-}
-declare const MenuTitle: ({ color, children, className }: MenuTitleProps) => React.JSX.Element;
-export default MenuTitle;

package/cjs/dropdown-menu/index.d.ts

@@ -1,5 +0,0 @@
-export { default as Dropdown } from './Dropdown';
-export * from './Dropdown';
-export { default as MenuItem } from './MenuItem';
-export { default as MenuTitle } from './MenuTitle';
-export { default as MenuCheckbox } from './MenuCheckbox';

package/cjs/elevation/index.d.ts

@@ -1,3 +0,0 @@
-type Level = 3 | 8 | 16;
-declare const elevation: (level: Level) => import("@emotion/utils").SerializedStyles;
-export default elevation;

package/cjs/flexbox/FlexBox.d.ts

@@ -1,100 +0,0 @@
-type RenderAs = {
-    /**
-     * HTML tag or custom component being rendered
-     */
-    as?: React.ElementType;
-};
-export type FlexBoxProps = {
-    children?: React.ReactNode;
-    /**
-     * Set this prop to `true` to set `display` to `inline-flex` instead of `flex`
-     */
-    inline?: boolean;
-    /**
-     * Set this prop to `true` to set `flex-direction` to `row-reverse`
-     */
-    directionRowReverse?: boolean;
-    /**
-     * Set this prop to `true` to set `flex-direction` to `row`
-     */
-    directionRow?: boolean;
-    /**
-     * Set this prop to `true` to set `flex-direction` to `column`
-     */
-    directionColumn?: boolean;
-    /**
-     * Set this prop to `true` to set `flex-direction` to `column-reverse`
-     */
-    directionColumnReverse?: boolean;
-    /**
-     * Set this prop to `true` to set `flex-wrap` to `wrap`
-     */
-    wrapWrap?: boolean;
-    /**
-     * Set this prop to `true` to set `flex-wrap` to `wrap-reverse`
-     */
-    wrapWrapReverse?: boolean;
-    /**
-     * Set this prop to `true` to set `align-items` to `flex-start`
-     */
-    itemsFlexStart?: boolean;
-    /**
-     * Set this prop to `true` to set `align-items` to `flex-end`
-     */
-    itemsFlexEnd?: boolean;
-    /**
-     * Set this prop to `true` to set `align-items` to `flex-center`
-     */
-    itemsCenter?: boolean;
-    /**
-     * Set this prop to `true` to set `align-items` to `flex-baseline`
-     */
-    itemsBaseline?: boolean;
-    /**
-     * Set this prop to `true` to set `align-content` to `flex-start`
-     */
-    contentFlexStart?: boolean;
-    /**
-     * Set this prop to `true` to set `align-content` to `flex-end`
-     */
-    contentFlexEnd?: boolean;
-    /**
-     * Set this prop to `true` to set `align-content` to `center`
-     */
-    contentCenter?: boolean;
-    /**
-     * Set this prop to `true` to set `align-content` to `space-between`
-     */
-    contentSpaceBetween?: boolean;
-    /**
-     * Set this prop to `true` to set `align-content` to `space-around`
-     */
-    contentSpaceAround?: boolean;
-    /**
-     * Set this prop to `true` to set `justify-content` to `space-between`
-     */
-    justifySpaceBetween?: boolean;
-    /**
-     * Set this prop to `true` to set `justify-content` to `space-around`
-     */
-    justifySpaceAround?: boolean;
-    /**
-     * Set this prop to `true` to set `justify-content` to `flex-end`
-     */
-    justifyFlexEnd?: boolean;
-    /**
-     * Set this prop to `true` to set `justify-content` to `center`
-     */
-    justifyCenter?: boolean;
-    /**
-     * Set the `flex` shorthand property
-     */
-    flex?: number;
-    gap?: string;
-};
-export declare const FlexBox: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & FlexBoxProps & RenderAs, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare function flexBoxStyles(props?: FlexBoxProps): import("@emotion/utils").SerializedStyles;
-export default FlexBox;

package/cjs/flexbox/index.d.ts

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

package/cjs/footer/Footer.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-declare const Footer: ({ className, children, bottomChildren, }: {
-    className?: string;
-    bottomChildren?: React.ReactNode;
-    children?: React.ReactNode;
-}) => React.JSX.Element;
-export default Footer;

package/cjs/footer/index.d.ts

@@ -1 +0,0 @@
-export { default as Footer } from './Footer';

package/cjs/forms/assistive-text/AssistiveText.d.ts

@@ -1,7 +0,0 @@
-declare const AssistiveText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    inverted?: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export default AssistiveText;

package/cjs/forms/asterisk/Asterisk.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const Asterisk: () => React.JSX.Element;
-export default Asterisk;

package/cjs/forms/checkbox/Checkbox.d.ts

@@ -1,39 +0,0 @@
-import React from 'react';
-declare const checkboxSizes: {
-    small: {
-        checkbox: string;
-        outline: string;
-        tick: string;
-        fontSize: string;
-        lineHeight: string;
-        paddingLeft: string;
-    };
-    medium: {
-        checkbox: string;
-        outline: string;
-        fontSize: string;
-        lineHeight: string;
-        tick: string;
-        paddingLeft: string;
-    };
-};
-type Size = keyof typeof checkboxSizes;
-type BaseProps = Omit<React.JSX.IntrinsicElements['input'], 'size' | 'css'> & {
-    htmlSize?: number;
-};
-export type CheckboxProps = BaseProps & {
-    className?: string;
-    error?: boolean;
-    name?: string;
-    value?: string;
-    onChange?: (...args: any[]) => void;
-    onLabelClick?: React.JSX.IntrinsicElements['label']['onClick'];
-    disabled?: boolean;
-    checked?: boolean;
-    htmlSize?: number;
-    size?: Size;
-    indeterminate?: boolean;
-    leadingLabel?: boolean;
-};
-declare const Checkbox: ({ children, className, error, checked, disabled, indeterminate, onChange, onLabelClick, size, htmlSize, leadingLabel, ...rest }: CheckboxProps) => React.JSX.Element;
-export default Checkbox;

package/cjs/forms/checkbox/ExampleControlComponent.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-type ExampleControlComponentProps = {
-    children?: React.ReactNode;
-    onChange?: (...args: any[]) => void;
-    checked?: boolean;
-    error?: boolean;
-    disabled?: boolean;
-    size?: 'small' | 'medium';
-};
-declare const ExampleControlComponent: React.FunctionComponent<ExampleControlComponentProps>;
-export default ExampleControlComponent;

package/cjs/forms/checkbox/index.d.ts

@@ -1 +0,0 @@
-export { default as Checkbox } from './Checkbox';

package/cjs/forms/email-field/EmailField.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-declare const _default: import("@emotion/styled").StyledComponent<import("../text-field/TextField").BaseInputProps & {
-    label?: React.ReactNode;
-    name?: string;
-    required?: boolean;
-    hintText?: string;
-    disabled?: boolean;
-    defaultValue?: string;
-    errorMessage?: string;
-    assistiveText?: string;
-    className?: string;
-    size?: import("../input/Input").Size;
-    value?: string;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    icon?: React.ReactNode;
-    inverted?: boolean;
-    type?: string;
-    hideAsterisk?: boolean;
-} & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export default _default;

package/cjs/forms/error-text/ErrorText.d.ts

@@ -1,7 +0,0 @@
-declare const ErrorText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    small?: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export default ErrorText;

package/cjs/forms/field/Field.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { LabelProps } from '../label/Label';
-type FieldProps = {
-    children?: React.ReactNode;
-    labelProps?: LabelProps;
-    label?: React.ReactNode;
-    required?: boolean;
-    assistiveText?: string;
-};
-declare const Field: React.FunctionComponent<FieldProps>;
-export default Field;

package/cjs/forms/index.d.ts

@@ -1,21 +0,0 @@
-export { default as AssistiveText } from './assistive-text/AssistiveText';
-export { default as Asterisk } from './asterisk/Asterisk';
-export { default as Field } from './field/Field';
-export { default as Input } from './input/Input';
-export { default as Switch } from './switch/Switch';
-export { default as Select } from './select/Select';
-export { default as Label } from './label/Label';
-export { default as TextField } from './text-field/TextField';
-export { default as Radio } from './radio/Radio';
-export type RadioProps = import('./radio/Radio').RadioProps;
-export { default as Checkbox } from './checkbox/Checkbox';
-export type CheckboxProps = import('./checkbox/Checkbox').CheckboxProps;
-export { default as SelectField } from './select-field/SelectField';
-export { default as TelField } from './tel-field/TelField';
-export { default as EmailField } from './email-field/EmailField';
-export { default as NumberField } from './number-field/NumberField';
-export { default as ReactSelect } from './reactselect/ReactSelect';
-export type BaseReactSelectProps = import('./reactselect/ReactSelect').BaseReactSelectProps;
-export { default as PasswordField } from './password-field/PasswordField';
-export { default as AsyncSearchableSelect } from './searchable-select/AsyncSearchableSelect';
-export { default as ErrorText } from './error-text/ErrorText';

package/cjs/forms/input/Input.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-export type Alignment = 'left' | 'right';
-export type Size = 'small' | 'medium';
-interface InputProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'size' | 'css'> {
-    name: string;
-    multiline?: boolean;
-    required?: boolean;
-    error?: boolean;
-    className?: string;
-    wrapperClassName?: string;
-    icon?: React.ReactNode;
-    iconAlignment?: Alignment;
-    placeholder?: string;
-    placeholderAlignment?: Alignment;
-    size?: Size;
-    htmlSize?: number;
-}
-declare const Input: (props: InputProps) => React.JSX.Element;
-export default Input;

package/cjs/forms/input/InputComposition.d.ts

@@ -1,43 +0,0 @@
-import React, { ReactNode } from 'react';
-export type Alignment = 'left' | 'right';
-export type Size = 'small' | 'medium' | 'large';
-type ReactInputProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
-export type InputCompositionProps = {
-    visualSize?: Size;
-    className?: string;
-    children?: ReactNode;
-} & React.PropsWithoutRef<React.JSX.IntrinsicElements['div']>;
-export type InputIconProps = {
-    icon: React.ElementType;
-    color?: string;
-    className?: string;
-    size?: Size;
-};
-export type InputProps = {
-    /**
-     * Name of the input element
-     */
-    name: string;
-    /**
-     * Indicates that the input element has an error
-     */
-    error?: boolean;
-    className?: string;
-    placeholder?: string;
-    placeholderAlignment?: Alignment;
-    disabled?: boolean;
-    children?: React.ReactNode;
-} & Omit<ReactInputProps, 'css'>;
-export declare function inputTypography(size: Size): import("@emotion/utils").SerializedStyles;
-export declare const InputComposition: ({ visualSize, children, ...rest }: InputCompositionProps) => React.JSX.Element;
-export declare const InputIcon: import("@emotion/styled").StyledComponent<InputIconProps & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export declare const InputAddon: import("@emotion/styled").StyledComponent<{
-    className?: string;
-    children?: ReactNode;
-} & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export declare const InputControl: ({ error, disabled, ...rest }: InputProps) => React.JSX.Element;
-export {};

package/cjs/forms/label/Label.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-export type LabelProps = {
-    children?: React.ReactNode;
-    required?: boolean;
-    size?: string;
-    htmlFor?: string;
-    inverted?: boolean;
-    hideAsterisk?: boolean;
-};
-declare const Label: React.FunctionComponent<LabelProps>;
-export default Label;

package/cjs/forms/number-field/NumberField.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-declare const _default: import("@emotion/styled").StyledComponent<import("../text-field/TextField").BaseInputProps & {
-    label?: React.ReactNode;
-    name?: string;
-    required?: boolean;
-    hintText?: string;
-    disabled?: boolean;
-    defaultValue?: string;
-    errorMessage?: string;
-    assistiveText?: string;
-    className?: string;
-    size?: import("../input/Input").Size;
-    value?: string;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    icon?: React.ReactNode;
-    inverted?: boolean;
-    type?: string;
-    hideAsterisk?: boolean;
-} & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export default _default;

package/cjs/forms/password-field/PasswordField.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { TextFieldProps } from '../text-field/TextField';
-declare const PasswordField: (props: TextFieldProps) => React.JSX.Element;
-export default PasswordField;

package/cjs/forms/radio/Radio.d.ts

@@ -1,35 +0,0 @@
-import React from 'react';
-export declare const radioSizes: {
-    small: {
-        circle: string;
-        mark: string;
-        outline: string;
-        fontSize: string;
-        lineHeight: string;
-        paddingLeft: string;
-    };
-    medium: {
-        circle: string;
-        mark: string;
-        outline: string;
-        fontSize: string;
-        lineHeight: string;
-        paddingLeft: string;
-    };
-};
-export type BaseProps = Omit<React.JSX.IntrinsicElements['input'], 'size' | 'css'> & {
-    htmlSize?: number;
-};
-export type Size = keyof typeof radioSizes;
-export type RadioProps = BaseProps & {
-    className?: string;
-    error?: boolean;
-    name: string;
-    value: string;
-    onChange?: any;
-    disabled?: boolean;
-    checked?: boolean;
-    size?: Size;
-};
-declare const Radio: ({ children, disabled, checked, className, error, onChange, htmlSize, size, ref, ...rest }: RadioProps) => React.JSX.Element;
-export default Radio;

package/cjs/forms/reactselect/ReactSelect.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-import Select from 'react-select';
-export type BaseReactSelectProps = Omit<React.PropsWithRef<Select>, 'size' | 'css'>;
-export type Size = 'small' | 'medium';
-export declare const ReactSelectWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    error?: boolean;
-    size?: string;
-    arrow?: boolean;
-    selected?: boolean;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Icon: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    size?: Size;
-    disabled?: boolean;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const Menu: (props: any) => React.JSX.Element;
-export declare const ClearIndicator: (props: any) => React.JSX.Element;
-declare const ReactSelect: ({ name, error, selectClassName, className, icon, disabled, size, arrow, htmlSize, isClearable, components, menuPlacement, ...rest }: any) => React.JSX.Element;
-/** @deprecated Use dfds-ui/forms */
-export default ReactSelect;

package/cjs/forms/searchable-select/AsyncSearchableSelect.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import AsyncSelect from 'react-select/async';
-export type SearchableSelectProps = Omit<React.PropsWithRef<AsyncSelect>, 'size' | 'css'>;
-export type Size = 'small' | 'medium';
-declare const AsyncSearchableSelect: React.FC<any>;
-export default AsyncSearchableSelect;

package/cjs/forms/select/Select.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-export type BaseSelectProps = Omit<React.JSX.IntrinsicElements['select'], 'size' | 'css'>;
-export type Size = 'small' | 'medium';
-export type SelectProps = BaseSelectProps & {
-    name: string;
-    required?: boolean;
-    error?: boolean;
-    className?: string;
-    icon?: React.ReactNode;
-    wrapperClassName?: string;
-    children?: React.ReactNode;
-    size?: Size;
-    htmlSize?: number;
-};
-declare const Select: (props: SelectProps) => React.JSX.Element;
-export default Select;

package/cjs/forms/select-field/SelectField.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-declare const _default: import("@emotion/styled").StyledComponent<import("../select/Select").BaseSelectProps & {
-    name: string;
-    required?: boolean;
-    error?: boolean;
-    className?: string;
-    icon?: React.ReactNode;
-    wrapperClassName?: string;
-    children?: React.ReactNode;
-    size?: import("../select/Select").Size;
-    htmlSize?: number;
-} & {
-    label?: React.ReactNode;
-    disabled?: boolean;
-    errorMessage?: string;
-    assistiveText?: string;
-    selected?: string;
-    defaultValue?: string;
-    value?: string;
-    inverted?: boolean;
-    as?: React.ElementType;
-} & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export default _default;

package/cjs/forms/switch/Switch.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-type Size = 'small' | 'medium';
-type SwitchProps = React.PropsWithRef<React.JSX.IntrinsicElements['label']> & {
-    name?: string;
-    checked?: boolean;
-    disabled?: boolean;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    right?: boolean;
-    size?: Size;
-    error?: boolean;
-};
-declare const Switch: React.FunctionComponent<SwitchProps>;
-export default Switch;

package/cjs/forms/tel-field/TelField.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-declare const _default: import("@emotion/styled").StyledComponent<import("../text-field/TextField").BaseInputProps & {
-    label?: React.ReactNode;
-    name?: string;
-    required?: boolean;
-    hintText?: string;
-    disabled?: boolean;
-    defaultValue?: string;
-    errorMessage?: string;
-    assistiveText?: string;
-    className?: string;
-    size?: import("../input/Input").Size;
-    value?: string;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    icon?: React.ReactNode;
-    inverted?: boolean;
-    type?: string;
-    hideAsterisk?: boolean;
-} & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export default _default;

package/cjs/forms/text-field/TextField.d.ts

@@ -1,43 +0,0 @@
-import React from 'react';
-import { Size } from '../input/Input';
-export type BaseInputProps = Omit<React.JSX.IntrinsicElements['input'], 'size' | 'css'>;
-export type TextFieldProps = BaseInputProps & {
-    label?: React.ReactNode;
-    name?: string;
-    required?: boolean;
-    hintText?: string;
-    disabled?: boolean;
-    defaultValue?: string;
-    errorMessage?: string;
-    assistiveText?: string;
-    className?: string;
-    size?: Size;
-    value?: string;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    icon?: React.ReactNode;
-    inverted?: boolean;
-    type?: string;
-    hideAsterisk?: boolean;
-};
-export declare const TextField: (props: TextFieldProps) => React.JSX.Element;
-declare const _default: import("@emotion/styled").StyledComponent<BaseInputProps & {
-    label?: React.ReactNode;
-    name?: string;
-    required?: boolean;
-    hintText?: string;
-    disabled?: boolean;
-    defaultValue?: string;
-    errorMessage?: string;
-    assistiveText?: string;
-    className?: string;
-    size?: Size;
-    value?: string;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    icon?: React.ReactNode;
-    inverted?: boolean;
-    type?: string;
-    hideAsterisk?: boolean;
-} & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export default _default;

package/cjs/global-styles/GlobalStyles.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const GlobalStyles: () => React.JSX.Element;
-export declare const DfdsFontFace: () => React.JSX.Element;

package/cjs/global-styles/ResetStyles.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-/**
- * Minimal/modern CSS reset.
- *
- * Taken from: https://www.joshwcomeau.com/css/custom-css-reset/
- *
- * TODO: Include this in the GlobalStyles component when adapted and tested in solutions.
- */
-export declare const ResetStyles: () => React.JSX.Element;

package/cjs/global-styles/sanitize.d.ts

@@ -1 +0,0 @@
-export declare const sanitize: import("@emotion/utils").SerializedStyles;

package/cjs/grid/Column.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-type ColumnProps = {
-    m?: 6 | 12;
-    l?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-    xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-    xxl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-    children?: React.ReactNode;
-};
-declare const Column: React.FunctionComponent<ColumnProps>;
-export default Column;