@dfds-ui/react-components 3.0.0-alpha.2f0e45a3 → 3.0.0-alpha.db5f99ee

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;

package/cjs/grid/Container.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { SurfaceType } from '../surface';
-type ContainerProps = {
-    /**
-     * Specify whether the container spans the entire width of its parent or it has a max-width set to 1200px (75rem)
-     */
-    fluid?: boolean;
-    /**
-     * Specify the surface variant for the container
-     */
-    surface?: SurfaceType;
-    children?: React.ReactNode;
-};
-declare const Container: ({ children, fluid, surface, ...rest }: ContainerProps) => React.JSX.Element;
-export default Container;

package/cjs/grid/index.d.ts

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

package/cjs/hero/Hero.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-type Props = {
-    title: string;
-    headline: string;
-    headlineAs?: React.ElementType;
-    imageSrc: string;
-    color?: string;
-};
-declare const Hero: (props: Props) => React.JSX.Element;
-export default Hero;

package/cjs/hero/index.d.ts

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

package/cjs/hero/stripes.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-type Props = {
-    color?: string;
-};
-declare const Stripes: (props: Props) => React.JSX.Element;
-export default Stripes;

package/cjs/ie-banner/IEBanner.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-type IEBannerProps = {
-    children?: React.ReactNode;
-    heading?: string;
-    openInEdge: string;
-    /**
-     * Class name to be assigned to the component
-     */
-    className?: string;
-};
-declare const IEBanner: React.FunctionComponent<IEBannerProps>;
-export default IEBanner;

package/cjs/ie-banner/index.d.ts

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

package/cjs/index.d.ts

@@ -1,43 +0,0 @@
-export { default as elevation } from './elevation';
-export { default as media } from './media';
-export { ResetStyles } from './global-styles/ResetStyles';
-export { GlobalStyles, DfdsFontFace } from './global-styles/GlobalStyles';
-export * from './accordion';
-export * from './app-bar';
-export * from './assertions';
-export * from './badge';
-export * from './button-stack';
-export * from './button';
-export * from './card';
-export * from './chip';
-export * from './common/polymorphic';
-export * from './counter';
-export * from './data-table';
-export * from './drawer';
-export * from './footer';
-export * from './forms';
-export * from './grid';
-export * from './hero';
-export * from './ie-banner';
-export * from './lists';
-export * from './loader';
-export * from './localization';
-export * from './menu';
-export * from './nav-bar';
-export * from './nav-menu';
-export * from './pagination';
-export * from './popper';
-export * from './progress-bar';
-export * from './side-sheet';
-export * from './schedule';
-export * from './site-layout';
-export * from './social-media-link-list';
-export * from './spinner';
-export * from './styles';
-export * from './tab';
-export * from './table';
-export * from './typography';
-export * from './common/LockBodyScroll';
-export * from './dropdown-menu';
-export * from './skeleton';
-export * from './tooltip';

package/cjs/layout/LayoutLegacy.d.ts

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

package/cjs/lists/FeatureList.d.ts

@@ -1,22 +0,0 @@
-import React, { FunctionComponent } from 'react';
-import { FlexBoxProps } from './../flexbox/FlexBox';
-type FeatureListProps = {
-    icon: any;
-    items: string[];
-    iconColor?: string;
-    textTag?: React.ElementType;
-    as?: React.ElementType;
-};
-type FeatureListComponent = FunctionComponent<FeatureListProps>;
-export declare const ListItem: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & FlexBoxProps & {
-    as?: React.ElementType;
-} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme;
-} & {
-    iconColor?: string;
-}, {}, {}>;
-declare const FeatureList: FeatureListComponent;
-export default FeatureList;

package/cjs/lists/ListAddon.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-export type ListAddonProps = {
-    className?: string;
-    /**
-     * HTML tag or custom component being rendered.
-     */
-    as?: React.ElementType;
-    children?: React.ReactNode;
-};
-declare const ListAddon: ({ className, as, children, ...rest }: ListAddonProps) => React.JSX.Element;
-export default ListAddon;

package/cjs/lists/ListDivider.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { DividerProps } from '../divider';
-export type ListDividerProps = Pick<DividerProps, 'as' | 'indent' | 'margins'>;
-declare const ListDivider: ({ indent, margins, as, ...rest }: ListDividerProps) => React.JSX.Element;
-export default ListDivider;

package/cjs/lists/ListIcon.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-type Size = 'small' | 'medium' | 'large' | 'xl';
-type ListIconProps = {
-    /**
-     * Choose the needed icon.
-     */
-    icon: React.ElementType;
-    /**
-     * Choose the size of the icon.
-     */
-    size?: Size;
-    /**
-     * Choose the color of the icon.
-     */
-    color?: string;
-};
-declare const ListIcon: ({ icon: Icon, size, color, ...rest }: ListIconProps) => React.JSX.Element;
-export default ListIcon;