@norges-domstoler/dds-components 0.0.6 → 0.0.10

package/dist/components/Breadcrumbs/Breadcrumb.d.ts

@@ -1,4 +1,4 @@
 import { AnchorHTMLAttributes } from 'react';
 import { TypographyProps } from '../Typography';
-export declare type BreadcrumbProps = {} & (TypographyProps & AnchorHTMLAttributes<HTMLAnchorElement>);
+export declare type BreadcrumbProps = TypographyProps & AnchorHTMLAttributes<HTMLAnchorElement>;
 export declare const Breadcrumb: import("react").ForwardRefExoticComponent<BreadcrumbProps & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/components/Button/Button.d.ts

@@ -1,35 +1,14 @@
-import React, { ButtonHTMLAttributes } from 'react';
-import { SvgIconTypeMap } from '@material-ui/core/SvgIcon';
-import { OverridableComponent } from '@material-ui/core/OverridableComponent';
-export declare type ButtonPurpose = 'primary' | 'secondary' | 'danger';
-export declare type ButtonSize = 'small' | 'medium' | 'large';
-export declare type ButtonAppearance = 'filled' | 'ghost' | 'rounded' | 'borderless';
-export declare type IconPosition = 'left' | 'right';
-export declare type ButtonProps = {
-    size?: ButtonSize;
-    label?: string;
-    purpose?: ButtonPurpose;
-    iconPosition?: IconPosition;
-    appearance?: ButtonAppearance;
-    href?: string;
-    target?: string;
-    loading?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
-    Icon?: OverridableComponent<SvgIconTypeMap<{}, 'svg'>>;
-    fullWidth?: boolean;
-} & ButtonHTMLAttributes<HTMLButtonElement>;
-export declare const Button: React.ForwardRefExoticComponent<{
-    size?: ButtonSize | undefined;
+export declare const Button: import("react").ForwardRefExoticComponent<{
+    size?: import("./Button.types").ButtonSize | undefined;
     label?: string | undefined;
-    purpose?: ButtonPurpose | undefined;
-    iconPosition?: IconPosition | undefined;
-    appearance?: ButtonAppearance | undefined;
+    purpose?: import("./Button.types").ButtonPurpose | undefined;
+    iconPosition?: import("./Button.types").IconPosition | undefined;
+    appearance?: import("./Button.types").ButtonAppearance | undefined;
     href?: string | undefined;
     target?: string | undefined;
     loading?: boolean | undefined;
     className?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    Icon?: OverridableComponent<SvgIconTypeMap<{}, "svg">> | undefined;
+    style?: import("react").CSSProperties | undefined;
+    Icon?: import("@material-ui/core/OverridableComponent").OverridableComponent<import("@material-ui/core").SvgIconTypeMap<Record<string, unknown>, "svg">> | undefined;
     fullWidth?: boolean | undefined;
-} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/Button/Button.styles.d.ts

@@ -0,0 +1,15 @@
+import { ButtonAppearance, ButtonPurpose, ButtonProps } from './Button.types';
+import { OverridableComponent } from '@material-ui/core/OverridableComponent';
+import { IconWrapper } from '../../helpers/IconWrapper';
+import { SvgIconTypeMap } from '@material-ui/core/SvgIcon';
+export declare const buttonContentStyle: (purpose: ButtonPurpose, appearance: ButtonAppearance, label?: string | undefined, Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, "svg">> | undefined) => import("styled-components").FlattenSimpleInterpolation;
+declare type ButtonContentProps = Pick<ButtonProps, 'purpose' | 'appearance' | 'size' | 'label' | 'Icon' | 'iconPosition' | 'fullWidth' | 'loading'>;
+export declare const ButtonContent: import("styled-components").StyledComponent<"span", any, ButtonContentProps, never>;
+declare type ButtonWrapperProps = Pick<ButtonProps, 'fullWidth'>;
+export declare const ButtonWrapper: import("styled-components").StyledComponent<"button", any, ButtonWrapperProps, never>;
+declare type IconWithTextWrapperProps = Pick<ButtonProps, 'iconPosition' | 'size'>;
+export declare const IconWithTextWrapper: import("styled-components").StyledComponent<typeof IconWrapper, any, IconWithTextWrapperProps, never>;
+declare type JustIconWrapperProps = Pick<ButtonProps, 'size'>;
+export declare const JustIconWrapper: import("styled-components").StyledComponent<"span", any, JustIconWrapperProps, never>;
+export declare const Label: import("styled-components").StyledComponent<"span", any, {}, never>;
+export {};

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

@@ -0,0 +1,21 @@
+import { SvgIconTypeMap } from '@material-ui/core/SvgIcon';
+import { OverridableComponent } from '@material-ui/core/OverridableComponent';
+import React, { ButtonHTMLAttributes } from 'react';
+export declare type ButtonPurpose = 'primary' | 'secondary' | 'danger';
+export declare type ButtonSize = 'small' | 'medium' | 'large';
+export declare type ButtonAppearance = 'filled' | 'ghost' | 'rounded' | 'borderless';
+export declare type IconPosition = 'left' | 'right';
+export declare type ButtonProps = {
+    size?: ButtonSize;
+    label?: string;
+    purpose?: ButtonPurpose;
+    iconPosition?: IconPosition;
+    appearance?: ButtonAppearance;
+    href?: string;
+    target?: string;
+    loading?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, 'svg'>>;
+    fullWidth?: boolean;
+} & ButtonHTMLAttributes<HTMLButtonElement>;

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

@@ -1 +1,2 @@
 export * from './Button';
+export * from './Button.types';

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,8 @@
+import { AnchorHTMLAttributes, HTMLAttributes } from 'react';
+export declare type CardColor = 'filledDark' | 'filledLight' | 'strokeDark' | 'strokeLight';
+export declare type CardType = 'info' | 'navigation';
+export declare type CardProps = {
+    color?: CardColor;
+    cardType?: CardType;
+} & (HTMLAttributes<HTMLDivElement> | AnchorHTMLAttributes<HTMLAnchorElement>);
+export declare const Card: import("react").ForwardRefExoticComponent<CardProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Card/Card.tokens.d.ts

@@ -0,0 +1,26 @@
+import { CSSObject } from 'styled-components';
+export declare const cardTokens: {
+    base: CSSObject;
+    navigation: {
+        hover: {
+            base: CSSObject;
+        };
+        focus: {
+            base: CSSObject;
+        };
+    };
+    colors: {
+        filledDark: {
+            base: CSSObject;
+        };
+        filledLight: {
+            base: CSSObject;
+        };
+        strokeLight: {
+            base: CSSObject;
+        };
+        strokeDark: {
+            base: CSSObject;
+        };
+    };
+};

package/dist/components/Card/CardAccordion/CardAccordion.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+export declare type CardAccordionProps = {
+    isExpanded?: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const CardAccordion: import("react").ForwardRefExoticComponent<{
+    isExpanded?: boolean | undefined;
+} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Card/CardAccordion/CardAccordionBody.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from 'react';
+export declare type CardAccordionBodyProps = {
+    isExpanded?: boolean;
+    headerId?: string;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const CardAccordionBody: import("react").ForwardRefExoticComponent<{
+    isExpanded?: boolean | undefined;
+    headerId?: string | undefined;
+} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Card/CardAccordion/CardAccordionBody.tokens.d.ts

@@ -0,0 +1,4 @@
+import { CSSObject } from 'styled-components';
+export declare const cardAccordionBodyTokens: {
+    base: CSSObject;
+};

package/dist/components/Card/CardAccordion/CardAccordionHeader.d.ts

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from 'react';
+export declare type CardAccordionHeaderProps = {
+    isExpanded?: boolean;
+    toggleExpanded?: () => void;
+    bodyId?: string;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const CardAccordionHeader: import("react").ForwardRefExoticComponent<{
+    isExpanded?: boolean | undefined;
+    toggleExpanded?: (() => void) | undefined;
+    bodyId?: string | undefined;
+} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Card/CardAccordion/CardAccordionHeader.tokens.d.ts

@@ -0,0 +1,10 @@
+import { CSSObject } from 'styled-components';
+export declare const cardAccordionHeaderTokens: {
+    base: CSSObject;
+    focus: {
+        base: CSSObject;
+    };
+    hover: {
+        base: CSSObject;
+    };
+};

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

@@ -0,0 +1,4 @@
+export * from './Card';
+export * from './CardAccordion/CardAccordion';
+export * from './CardAccordion/CardAccordionHeader';
+export * from './CardAccordion/CardAccordionBody';

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,19 +1,9 @@
-import React, { InputHTMLAttributes } from 'react';
-export declare type CheckboxProps = {
-    label?: string;
-    error?: boolean;
-    disabled?: boolean;
-    readOnly?: boolean;
-    indeterminate?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
-} & InputHTMLAttributes<HTMLInputElement>;
-export declare const Checkbox: React.ForwardRefExoticComponent<{
+export declare const Checkbox: import("react").ForwardRefExoticComponent<{
     label?: string | undefined;
     error?: boolean | undefined;
     disabled?: boolean | undefined;
     readOnly?: boolean | undefined;
     indeterminate?: boolean | undefined;
     className?: string | undefined;
-    style?: React.CSSProperties | undefined;
-} & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
+    style?: import("react").CSSProperties | undefined;
+} & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/Checkbox/Checkbox.styles.d.ts

@@ -0,0 +1,8 @@
+import { CheckboxProps } from './Checkbox.types';
+export declare const CustomCheckbox: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const Input: import("styled-components").StyledComponent<"input", any, {
+    type: import("react").HTMLInputTypeAttribute;
+}, "type">;
+declare type ContainerProps = Pick<CheckboxProps, 'disabled' | 'readOnly' | 'error' | 'indeterminate' | 'label'>;
+export declare const Container: import("styled-components").StyledComponent<"label", any, ContainerProps, never>;
+export {};

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

@@ -0,0 +1,10 @@
+import React, { InputHTMLAttributes } from 'react';
+export declare type CheckboxProps = {
+    label?: string;
+    error?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    indeterminate?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+} & InputHTMLAttributes<HTMLInputElement>;

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

@@ -1,2 +1,3 @@
 export * from './Checkbox';
 export * from './CheckboxGroup';
+export * from './Checkbox.types';

package/dist/components/DescriptionList/DescriptionListDesc.d.ts

@@ -2,8 +2,8 @@ import { HTMLAttributes } from 'react';
 import { OverridableComponent } from '@material-ui/core/OverridableComponent';
 import { SvgIconTypeMap } from '@material-ui/core';
 export declare type DescriptionListDescProps = {
-    Icon?: OverridableComponent<SvgIconTypeMap<{}, 'svg'>>;
+    Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, 'svg'>>;
 } & HTMLAttributes<HTMLElement>;
 export declare const DescriptionListDesc: import("react").ForwardRefExoticComponent<{
-    Icon?: OverridableComponent<SvgIconTypeMap<{}, "svg">> | undefined;
+    Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, "svg">> | undefined;
 } & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;

package/dist/components/DescriptionList/DescriptionListTerm.d.ts

@@ -1,3 +1,3 @@
 import { HTMLAttributes } from 'react';
-export declare type DescriptionListTermProps = {} & HTMLAttributes<HTMLElement>;
-export declare const DescriptionListTerm: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
+export declare type DescriptionListTermProps = HTMLAttributes<HTMLElement>;
+export declare const DescriptionListTerm: import("react").ForwardRefExoticComponent<DescriptionListTermProps & import("react").RefAttributes<HTMLElement>>;

package/dist/components/List/ListItem.d.ts

@@ -1,3 +1,3 @@
 import { HTMLAttributes } from 'react';
-export declare type ListItemProps = {} & HTMLAttributes<HTMLLIElement>;
-export declare const ListItem: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
+export declare type ListItemProps = HTMLAttributes<HTMLLIElement>;
+export declare const ListItem: import("react").ForwardRefExoticComponent<ListItemProps & import("react").RefAttributes<HTMLLIElement>>;

package/dist/components/Pagination/Pagination.d.ts

@@ -1,4 +1,5 @@
 import { HTMLAttributes } from 'react';
+import { SelectOption } from '../Select';
 export declare type PaginationProps = {
     itemsAmount: number;
     defaultItemsPerPage?: number;
@@ -6,10 +7,7 @@ export declare type PaginationProps = {
     withPagination?: boolean;
     withCounter?: boolean;
     withSelect?: boolean;
-    selectOptions?: {
-        label: string;
-        value: number;
-    }[];
+    selectOptions?: SelectOption[];
     smallScreen?: boolean;
     onChange?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, page: number) => void;
 } & Omit<HTMLAttributes<HTMLElement>, 'onChange'>;
@@ -20,10 +18,7 @@ export declare const Pagination: import("react").ForwardRefExoticComponent<{
     withPagination?: boolean | undefined;
     withCounter?: boolean | undefined;
     withSelect?: boolean | undefined;
-    selectOptions?: {
-        label: string;
-        value: number;
-    }[] | undefined;
+    selectOptions?: SelectOption[] | undefined;
     smallScreen?: boolean | undefined;
     onChange?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>, page: number) => void) | undefined;
 } & Omit<HTMLAttributes<HTMLElement>, "onChange"> & import("react").RefAttributes<HTMLElement>>;

package/dist/components/RadioButton/RadioButton.d.ts

@@ -1,15 +1,7 @@
-import React, { InputHTMLAttributes } from 'react';
-export declare type RadioButtonProps = {
-    label?: string;
-    disabled?: boolean;
-    error?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
-} & InputHTMLAttributes<HTMLInputElement>;
-export declare const RadioButton: React.ForwardRefExoticComponent<{
+export declare const RadioButton: import("react").ForwardRefExoticComponent<{
     label?: string | undefined;
     disabled?: boolean | undefined;
     error?: boolean | undefined;
     className?: string | undefined;
-    style?: React.CSSProperties | undefined;
-} & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
+    style?: import("react").CSSProperties | undefined;
+} & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/RadioButton/RadioButton.styles.d.ts

@@ -0,0 +1,8 @@
+import { RadioButtonProps } from './RadioButton.types';
+export declare const CustomRadioButton: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const Input: import("styled-components").StyledComponent<"input", any, {
+    type: import("react").HTMLInputTypeAttribute;
+}, "type">;
+declare type ContainerProps = Pick<RadioButtonProps, 'error' | 'disabled' | 'readOnly'>;
+export declare const Container: import("styled-components").StyledComponent<"label", any, ContainerProps, never>;
+export {};

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

@@ -0,0 +1,8 @@
+import React, { InputHTMLAttributes } from 'react';
+export declare type RadioButtonProps = {
+    label?: string;
+    disabled?: boolean;
+    error?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+} & InputHTMLAttributes<HTMLInputElement>;

package/dist/components/Search/Search.tokens.d.ts

@@ -17,6 +17,9 @@ export declare const searchTokens: {
         spaceTop: string;
         spaceLeft: string;
     };
+    iconWrapper: {
+        base: CSSObject;
+    };
     buttonWrapper: {
         spaceLeft: string;
     };

package/dist/components/Select/Select.d.ts

@@ -1,7 +1,12 @@
-import React, { HTMLAttributes } from 'react';
-import { Props as ReactSelectProps } from 'react-select';
 import * as CSS from 'csstype';
+import React from 'react';
+import { default as ReactSelect, Props as ReactSelectProps } from 'react-select';
 export declare function searchFilter(text: string, search: string): boolean;
+export declare type SelectOption = {
+    label: string;
+    value: string | number;
+    data?: unknown;
+};
 export declare type SelectProps = {
     label?: string;
     required?: boolean;
@@ -11,5 +16,5 @@ export declare type SelectProps = {
     width?: CSS.WidthProperty<string>;
     className?: string;
     style?: React.CSSProperties;
-} & ReactSelectProps & HTMLAttributes<HTMLDivElement>;
-export declare const Select: React.ForwardRefExoticComponent<Pick<SelectProps, string | number> & React.RefAttributes<HTMLDivElement>>;
+} & ReactSelectProps<SelectOption>;
+export declare const Select: React.ForwardRefExoticComponent<Pick<SelectProps, keyof ReactSelectProps<SelectOption, false, import("react-select").GroupTypeBase<SelectOption>>> & React.RefAttributes<ReactSelect<SelectOption, false, import("react-select").GroupTypeBase<SelectOption>, import("react-select/src/Select").default<SelectOption, false, import("react-select").GroupTypeBase<SelectOption>>>>>;

package/dist/components/Select/Select.styles.d.ts

@@ -0,0 +1,17 @@
+import { Styles } from 'react-select';
+import { IconWrapper } from '../../helpers/IconWrapper';
+export declare const prefix = "dds-select";
+export declare const Label: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+declare type StyledContainerProps = {
+    errorMessage?: string;
+    isDisabled?: boolean;
+    readOnly?: boolean;
+    label?: string;
+};
+export declare const Container: import("styled-components").StyledComponent<"div", any, StyledContainerProps, never>;
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {
+    width?: string | number | undefined;
+}, never>;
+export declare const SelectedIconWrapper: import("styled-components").StyledComponent<typeof IconWrapper, any, {}, never>;
+export declare const CustomStyles: Partial<Styles<any, false, any>>;
+export {};

package/dist/components/Table/Foot.d.ts

@@ -1,3 +1,3 @@
 import { HTMLAttributes } from 'react';
-export declare type FootProps = {} & HTMLAttributes<HTMLTableSectionElement>;
-export declare const Foot: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & import("react").RefAttributes<HTMLTableSectionElement>>;
+export declare type FootProps = HTMLAttributes<HTMLTableSectionElement>;
+export declare const Foot: import("react").ForwardRefExoticComponent<FootProps & import("react").RefAttributes<HTMLTableSectionElement>>;

package/dist/components/Table/Head.d.ts

@@ -1,3 +1,3 @@
 import { HTMLAttributes } from 'react';
-export declare type HeadProps = {} & HTMLAttributes<HTMLTableSectionElement>;
-export declare const Head: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & import("react").RefAttributes<HTMLTableSectionElement>>;
+export declare type HeadProps = HTMLAttributes<HTMLTableSectionElement>;
+export declare const Head: import("react").ForwardRefExoticComponent<HeadProps & import("react").RefAttributes<HTMLTableSectionElement>>;

package/dist/components/Table/TableWrapper.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from 'react';
+export declare type TableWrapperProps = HTMLAttributes<HTMLDivElement>;
+export declare const TableWrapper: ({ children, ...rest }: TableWrapperProps) => JSX.Element;

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

@@ -5,3 +5,4 @@ export * from './Row';
 export * from './Cell';
 export * from './SortCell';
 export * from './Foot';
+export * from './TableWrapper';

package/dist/components/TextInput/TextInput.d.ts

@@ -1,14 +1,4 @@
-import React, { InputHTMLAttributes } from 'react';
-import * as CSS from 'csstype';
-export declare type TextInputProps = {
-    label?: string;
-    multiline?: boolean;
-    tip?: string;
-    width?: CSS.WidthProperty<string>;
-    errorMessage?: string;
-    className?: string;
-    style?: React.CSSProperties;
-} & InputHTMLAttributes<HTMLInputElement> & InputHTMLAttributes<HTMLTextAreaElement>;
+import React from 'react';
 export declare const TextInput: React.ForwardRefExoticComponent<{
     label?: string | undefined;
     multiline?: boolean | undefined;

package/dist/components/TextInput/TextInput.styles.d.ts

@@ -0,0 +1,12 @@
+import { TextInputProps } from './TextInput.types';
+declare type GeneralInputProps = Pick<TextInputProps, 'readOnly' | 'errorMessage' | 'label' | 'disabled'>;
+export declare const Input: import("styled-components").StyledComponent<"input", any, GeneralInputProps, never>;
+export declare const TextArea: import("styled-components").StyledComponent<"textarea", any, GeneralInputProps, never>;
+export declare const FlexContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare type LabelProps = Pick<TextInputProps, 'multiline' | 'disabled' | 'readOnly'>;
+export declare const Label: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>>, any, LabelProps, never>;
+declare type InputFieldWrapperProps = Pick<TextInputProps, 'width'>;
+export declare const InputFieldWrapper: import("styled-components").StyledComponent<"div", any, InputFieldWrapperProps, never>;
+declare type InputFieldContainerProps = Pick<TextInputProps, 'multiline' | 'label'>;
+export declare const InputFieldContainer: import("styled-components").StyledComponent<"div", any, InputFieldContainerProps, never>;
+export {};

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

@@ -0,0 +1,11 @@
+import React, { InputHTMLAttributes } from 'react';
+import * as CSS from 'csstype';
+export declare type TextInputProps = {
+    label?: string;
+    multiline?: boolean;
+    tip?: string;
+    width?: CSS.WidthProperty<string>;
+    errorMessage?: string;
+    className?: string;
+    style?: React.CSSProperties;
+} & InputHTMLAttributes<HTMLInputElement> & InputHTMLAttributes<HTMLTextAreaElement>;

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

@@ -1 +1,2 @@
 export * from './TextInput';
+export * from './TextInput.types';

package/dist/helpers/IconWrapper/IconWrapper.d.ts

@@ -4,7 +4,7 @@ import { CSSProperties } from 'react';
 import * as CSS from 'csstype';
 export declare type IconSize = 'small' | 'medium' | 'large' | 'inline';
 export declare type IconWrapperProps = {
-    Icon: OverridableComponent<SvgIconTypeMap<{}, 'svg'>>;
+    Icon: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, 'svg'>>;
     iconSize?: IconSize;
     color?: CSS.ColorProperty;
     className?: string;

package/dist/index.css

@@ -0,0 +1,60 @@
+@font-face {
+  font-family: IBM Plex Sans;
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: local('IBM Plex Sans'), local('IBMPlexSans'),
+    url('../assets/fonts/IBMPlexSans-Regular.woff2') format('woff2'),
+    url('../assets/fonts/IBMPlexSans-Regular.woff') format('woff');
+}
+
+@font-face {
+  font-family: IBM Plex Sans;
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: local('IBM Plex Sans Italic'), local('IBMPlexSans-Italic'),
+    url('../assets/fonts/IBMPlexSans-Italic.woff2') format('woff2'),
+    url('../assets/fonts/IBMPlexSans-Italic.woff') format('woff');
+}
+
+@font-face {
+  font-family: IBM Plex Sans;
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: local('IBM Plex Sans Light'), local('IBMPlexSans-Light'),
+    url('../assets/fonts/IBMPlexSans-Light.woff2') format('woff2'),
+    url('../assets/fonts/IBMPlexSans-Light.woff') format('woff');
+}
+
+@font-face {
+  font-family: IBM Plex Sans;
+  font-style: italic;
+  font-weight: 300;
+  font-display: swap;
+  src: local('IBM Plex Sans Light Italic'), local('IBMPlexSans-LightItalic'),
+    url('../assets/fonts/IBMPlexSans-LightItalic.woff2') format('woff2'),
+    url('../assets/fonts/IBMPlexSans-LightItalic.woff') format('woff');
+}
+
+@font-face {
+  font-family: IBM Plex Sans;
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
+    url('../assets/fonts/IBMPlexSans-SemiBold.woff2') format('woff2'),
+    url('../assets/fonts/IBMPlexSans-SemiBold.woff') format('woff');
+}
+
+@font-face {
+  font-family: IBM Plex Sans;
+  font-style: italic;
+  font-weight: 600;
+  font-display: swap;
+  src: local('IBM Plex Sans SemiBold Italic'),
+    local('IBMPlexSans-SemiBoldItalic'),
+    url('../assets/fonts/IBMPlexSans-SemiBoldItalic.woff2') format('woff2'),
+    url('../assets/fonts/IBMPlexSans-SemiBoldItalic.woff') format('woff');
+}

package/dist/index.d.ts

@@ -1,6 +1,5 @@
-export * from './components/Radio';
+import './styles/fontStyles.css';
 export * from './components/RadioButton';
-export * from './components/CheckboxTest';
 export * from './components/Checkbox';
 export * from './components/Button';
 export * from './components/TextInput';
@@ -17,3 +16,4 @@ export * from './components/Divider';
 export * from './components/List';
 export * from './components/DescriptionList';
 export * from './components/Spinner';
+export * from './components/Card';