@norges-domstoler/dds-components 4.2.0 → 5.1.0

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseComponentPropsWithChildren } from '../../types';
 export declare type BreadcrumbsProps = BaseComponentPropsWithChildren<HTMLElement, {
     /** Spesifiserer om versjonen for små skjermer skal vises; den viser `<Breadcrumb />` kun til den forrige siden.  */

package/dist/cjs/components/Breadcrumbs/Breadcrumbs.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BreadcrumbsProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Button: import("react").ForwardRefExoticComponent<{
     htmlProps?: Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "onFocus" | "onBlur" | "type"> | undefined;
 } & Pick<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "onFocus" | "onBlur" | "type">, "id" | "className"> & {
@@ -8,7 +7,7 @@ export declare const Button: import("react").ForwardRefExoticComponent<{
     iconPosition?: import("./Button.types").IconPosition | undefined;
     appearance?: import("./Button.types").ButtonAppearance | undefined;
     loading?: boolean | undefined;
-    Icon?: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<Record<string, unknown>, "svg">> | undefined;
+    icon?: import("../../icons/utils").SvgIcon | undefined;
     fullWidth?: boolean | undefined;
     href?: string | undefined;
     target?: string | undefined;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from '.';
 declare const _default: {
     title: string;
@@ -11,7 +10,7 @@ declare const _default: {
         iconPosition?: import("./Button.types").IconPosition | undefined;
         appearance?: import("./Button.types").ButtonAppearance | undefined;
         loading?: boolean | undefined;
-        Icon?: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<Record<string, unknown>, "svg">> | undefined;
+        icon?: import("../../icons/utils").SvgIcon | undefined;
         fullWidth?: boolean | undefined;
         href?: string | undefined;
         target?: string | undefined;
@@ -56,7 +55,7 @@ export declare const OverviewSizes: (args: ButtonProps) => JSX.Element;
 export declare const OverviewLoading: (args: ButtonProps) => JSX.Element;
 export declare const OverviewFullWidth: (args: ButtonProps) => JSX.Element;
 export declare const Default: (args: ButtonProps) => JSX.Element;
-export declare const WithIcon: (args: ButtonProps) => JSX.Element;
+export declare const TextWithIcon: (args: ButtonProps) => JSX.Element;
 export declare const Icon: (args: ButtonProps) => JSX.Element;
 export declare const Ghost: (args: ButtonProps) => JSX.Element;
 export declare const Borderless: (args: ButtonProps) => JSX.Element;

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

@@ -1,6 +1,5 @@
-import { SvgIconTypeMap } from '@mui/material/SvgIcon';
-import { OverridableComponent } from '@mui/material/OverridableComponent';
 import { ButtonHTMLAttributes } from 'react';
+import { SvgIcon } from '../../icons/utils/propTypes';
 import { BaseComponentProps } from '../../types';
 export declare type ButtonPurpose = 'primary' | 'secondary' | 'danger';
 export declare type ButtonSize = 'tiny' | 'small' | 'medium' | 'large';
@@ -21,7 +20,7 @@ export declare type ButtonProps = BaseComponentProps<HTMLButtonElement, {
     /**Indikerer en loading-knapp. */
     loading?: boolean;
     /**Ikonet som ligger i knappen.  */
-    Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, 'svg'>>;
+    icon?: SvgIcon;
     /**Knapp med full bredde. */
     fullWidth?: boolean;
     /**URL for knapper som skal brukes som lenke. Knappen blir til et `<a>`-element. */

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CardProps, ExpandableCardProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseComponentPropsWithChildren } from '../../../types';
 export declare type CardAccordionProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /**Spesifiserer om body skal være utvidet ved innlastning. */

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Property } from 'csstype';
 import { BaseComponentPropsWithChildren } from '../../../types';
 export declare type CardAccordionBodyProps = BaseComponentPropsWithChildren<HTMLDivElement, {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Checkbox: import("react").ForwardRefExoticComponent<{
     htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "name" | "checked" | "defaultChecked" | "value" | "defaultValue" | "onChange" | "onBlur"> | undefined;
 } & Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "name" | "checked" | "defaultChecked" | "value" | "defaultValue" | "onChange" | "onBlur">, "id" | "className"> & {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CheckboxProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 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, {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseComponentPropsWithChildren } from '../../types';
 declare type Direction = 'column' | 'row';
 export declare type CheckboxGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {

package/dist/cjs/components/Checkbox/CheckboxGroup.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CheckboxGroupProps } from '.';
 declare const _default: {
     title: string;

package/dist/cjs/components/Chip/Chip.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseComponentProps } from '../../types';
 export declare type ChipProps = BaseComponentProps<HTMLDivElement, {
     /** Teksten som vises i komponenten. */

package/dist/cjs/components/Chip/Chip.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ChipProps } from '.';
 declare const _default: {
     title: string;

package/dist/cjs/components/Chip/ChipGroup.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ChipGroupProps } from '.';
 declare const _default: {
     title: string;

package/dist/cjs/components/Datepicker/Datepicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputProps } from '../../helpers';
 import { Property } from 'csstype';
 export declare type DatepickerProps = InputProps;

package/dist/cjs/components/Datepicker/Datepicker.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DatepickerProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseComponentPropsWithChildren } from '../../types';
 export declare type DescriptionListAppearance = 'small' | 'bold';
 export declare type DescriptionListProps = BaseComponentPropsWithChildren<HTMLDListElement, {

package/dist/cjs/components/DescriptionList/DescriptionList.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DescriptionListProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,16 +1,14 @@
-/// <reference types="react" />
-import { OverridableComponent } from '@mui/material/OverridableComponent';
-import { SvgIconTypeMap } from '@mui/material';
 import { BaseComponentPropsWithChildren } from '../../types';
+import { SvgIcon } from '../../icons/utils';
 export declare type DescriptionListDescProps = BaseComponentPropsWithChildren<HTMLElement, {
     /**Ikon som vises ved siden av teksten. */
-    Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, 'svg'>>;
+    icon?: SvgIcon;
 }>;
 export declare const DescriptionListDesc: import("react").ForwardRefExoticComponent<{
     htmlProps?: import("react").HTMLAttributes<HTMLElement> | undefined;
 } & Pick<import("react").HTMLAttributes<HTMLElement>, "className" | "id"> & {
     /**Ikon som vises ved siden av teksten. */
-    Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, "svg">> | undefined;
+    icon?: SvgIcon | undefined;
 } & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLElement>>;

package/dist/cjs/components/DescriptionList/DescriptionListGroup.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Property } from 'csstype';
 import { BaseComponentPropsWithChildren } from '../../types';
 export declare type DescriptionListGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {

package/dist/cjs/components/Divider/Divider.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseComponentProps } from '../../types';
 export declare type DividerColor = 'primary' | 'primaryLighter';
 export declare type DividerProps = BaseComponentProps<HTMLHRElement, {

package/dist/cjs/components/Divider/Divider.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DividerProps } from '.';
 declare const _default: {
     title: string;

package/dist/cjs/components/Drawer/Drawer.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DrawerProps } from '.';
 declare const _default: {
     title: string;

package/dist/cjs/components/GlobalMessage/GlobalMessage.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseComponentPropsWithChildren } from '../../types';
 export declare type GlobalMessagePurpose = 'info' | 'warning' | 'danger';
 export declare type GlobalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {

package/dist/cjs/components/GlobalMessage/GlobalMessage.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GlobalMessageProps } from './GlobalMessage';
 declare const _default: {
     title: string;

package/dist/cjs/components/GlobalMessage/GlobalMessage.tokens.d.ts

@@ -1,4 +1,5 @@
 import { CSSObject } from 'styled-components';
+import { ErrorIcon, InfoIcon, WarningIcon } from '../../icons/tsx';
 export declare const globalMessageTokens: {
     container: {
         base: CSSObject;
@@ -21,21 +22,15 @@ export declare const globalMessageTokens: {
     icon: {
         marginRight: string;
         info: {
-            icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-                muiName: string;
-            };
+            icon: typeof InfoIcon;
             color: string;
         };
         danger: {
-            icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-                muiName: string;
-            };
+            icon: typeof ErrorIcon;
             color: string;
         };
         warning: {
-            icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-                muiName: string;
-            };
+            icon: typeof WarningIcon;
             color: string;
         };
     };

package/dist/cjs/components/Icon/Icon.d.ts

@@ -0,0 +1,13 @@
+import { Property } from 'csstype';
+import { BaseComponentProps } from '../../types';
+import { SvgIcon } from '../../icons/utils/propTypes';
+export declare type IconSize = 'small' | 'medium' | 'large' | 'inherit';
+export declare type IconProps = BaseComponentProps<SVGSVGElement, {
+    /**Ikonet importert fra `@norges-domstoler/dds-components`. */
+    icon: SvgIcon;
+    /**Størrelsen på ikonet. */
+    iconSize?: IconSize;
+    /**Fargen på ikonet. */
+    color?: Property.Color;
+}>;
+export declare function Icon(props: IconProps): JSX.Element;

package/dist/cjs/components/Icon/Icon.stories.d.ts

@@ -0,0 +1,21 @@
+import { Icon, IconProps } from '.';
+declare const _default: {
+    title: string;
+    component: typeof Icon;
+    argTypes: {
+        color: {
+            control: {
+                type: string;
+            };
+        };
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export default _default;
+export declare const Overview: (args: IconProps) => JSX.Element;
+export declare const Default: (args: IconProps) => JSX.Element;
+export declare const Inherit: (args: IconProps) => JSX.Element;

package/dist/cjs/components/Icon/index.d.ts

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

package/dist/cjs/components/InputMessage/InputMessage.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseComponentProps } from '../../types';
 export declare type InputMessageType = 'error' | 'tip';
 export declare type InputMessageProps = BaseComponentProps<HTMLDivElement, {

package/dist/cjs/components/InputMessage/InputMessage.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputMessageProps } from '.';
 declare const _default: {
     title: string;

package/dist/cjs/components/InternalHeader/InternalHeader.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { InternalHeaderProps } from './InternalHeader.types';
 export declare const InternalHeader: (props: InternalHeaderProps) => JSX.Element;

package/dist/cjs/components/InternalHeader/InternalHeader.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InternalHeaderProps } from '.';
 declare const _default: {
     title: string;

package/dist/cjs/components/InternalHeader/InternalHeader.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InternalHeaderProps } from './InternalHeader.types';
 export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare type BannerProps = {

package/dist/cjs/components/InternalHeader/InternalHeader.types.d.ts

@@ -1,6 +1,5 @@
-import { OverridableComponent } from '@mui/material/OverridableComponent';
-import { SvgIconTypeMap } from '@mui/material/SvgIcon';
 import { AnchorHTMLAttributes, ButtonHTMLAttributes } from 'react';
+import { SvgIcon } from '../../icons/utils';
 import { BaseComponentProps } from '../../types';
 declare type NavigationLinkProps = {
     href: string;
@@ -9,7 +8,7 @@ declare type NavigationLinkProps = {
 declare type ContextMenuElementProps = {
     title: string;
     href?: string;
-    Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, 'svg'>>;
+    icon?: SvgIcon;
     onClick?: () => void;
 } & (AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>);
 declare type InternaHeaderUserProps = {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TypographyBodyType } from '../Typography';
 import { BaseComponentPropsWithChildren } from '../../types';
 export declare type ListType = 'ordered' | 'unordered';

package/dist/cjs/components/List/List.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ListProps } from '.';
 declare const _default: {
     title: string;

package/dist/cjs/components/LocalMessage/LocalMessage.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Property } from 'csstype';
 import { BaseComponentPropsWithChildren } from '../../types';
 export declare type LocalMessagePurpose = 'info' | 'warning' | 'danger' | 'confidential' | 'success' | 'tips';

package/dist/cjs/components/LocalMessage/LocalMessage.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LocalMessageProps } from './LocalMessage';
 declare const _default: {
     title: string;

package/dist/cjs/components/LocalMessage/LocalMessage.tokens.d.ts

@@ -1,5 +1,6 @@
 import { CSSObject } from 'styled-components';
 import { Property } from 'csstype';
+import { ErrorIcon, TipIcon, InfoIcon, WarningIcon, CheckCircledIcon } from '../../icons/tsx';
 export declare const localMessageTokens: {
     container: {
         base: CSSObject;
@@ -41,39 +42,27 @@ export declare const localMessageTokens: {
     icon: {
         marginRight: string;
         info: {
-            icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-                muiName: string;
-            };
+            icon: typeof InfoIcon;
             color: string;
         };
         danger: {
-            icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-                muiName: string;
-            };
+            icon: typeof ErrorIcon;
             color: string;
         };
         warning: {
-            icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-                muiName: string;
-            };
+            icon: typeof WarningIcon;
             color: string;
         };
         success: {
-            icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-                muiName: string;
-            };
+            icon: typeof CheckCircledIcon;
             color: string;
         };
         tips: {
-            icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-                muiName: string;
-            };
+            icon: typeof TipIcon;
             color: string;
         };
         confidential: {
-            icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-                muiName: string;
-            };
+            icon: typeof ErrorIcon;
             color: string;
         };
     };

package/dist/cjs/components/Modal/Modal.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ModalProps } from '.';
 declare const _default: {
     title: string;

package/dist/cjs/components/Modal/ModalBody.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseComponentPropsWithChildren } from '../../types';
 export declare type ModalBodyProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /**Gjør at innholdet kan scrolles. Det må eventuelt settes (max)bredde og (max)høyde styling på både denne subkomponenten og `<Modal />`.  */

package/dist/cjs/components/OverflowMenu/OverflowMenu.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { OverflowMenuContextItem, OverflowMenuNavItem } from '.';
 declare type ContainerProps = {
     isOpen: boolean;

package/dist/cjs/components/OverflowMenu/OverflowMenu.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { OverflowMenuProps, OverflowMenuContextItem, OverflowMenuNavItem } from '.';
 declare const _default: {
     title: string;

package/dist/cjs/components/OverflowMenu/OverflowMenu.types.d.ts

@@ -1,15 +1,14 @@
-import { SvgIconTypeMap } from '@mui/material';
-import { OverridableComponent } from '@mui/material/OverridableComponent';
 import { Placement } from '../../hooks/useFloatPosition';
 import { AnchorHTMLAttributes, ButtonHTMLAttributes, RefObject } from 'react';
 import { BaseComponentProps } from '../../types';
+import { SvgIcon } from '../../icons/utils';
 export declare type OverflowMenuContextItem = {
     title: string;
-    Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, 'svg'>>;
+    icon?: SvgIcon;
 } & (AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>);
 export declare type OverflowMenuNavItem = {
     title: string;
-    Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, 'svg'>>;
+    icon?: SvgIcon;
 } & AnchorHTMLAttributes<HTMLAnchorElement>;
 declare type UserProps = {
     name: string;

package/dist/cjs/components/OverflowMenu/OverflowMenuItem.d.ts

@@ -1,14 +1,11 @@
-import React, { AnchorHTMLAttributes, ButtonHTMLAttributes, Dispatch, SetStateAction } from 'react';
-import { OverridableComponent } from '@mui/material/OverridableComponent';
-import { SvgIconTypeMap } from '@mui/material/SvgIcon';
-import { IconWrapper } from '../IconWrapper';
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, Dispatch, SetStateAction } from 'react';
 import { BaseComponentProps } from '../../types';
+import { SvgIcon } from '../../icons/utils';
 export declare const Span: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const Link: import("styled-components").StyledComponent<"a", any, {}, never>;
-export declare const StyledIconWrapper: import("styled-components").StyledComponent<typeof IconWrapper, any, {}, never>;
 declare type BaseOverflowMenuItemProps = {
     title: string;
-    Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, 'svg'>>;
+    icon?: SvgIcon;
     focus?: boolean;
     setFocus?: Dispatch<SetStateAction<number>>;
     index?: number;
@@ -20,5 +17,5 @@ declare type AnchorOverflowMenuItemProps = BaseOverflowMenuItemProps & BaseCompo
 declare type ButtonOverflowMenuItemProps = BaseOverflowMenuItemProps & BaseComponentProps<HTMLButtonElement, Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'>, ButtonHTMLAttributes<HTMLButtonElement>>;
 declare type OtherOverflowMenuItemProps = BaseOverflowMenuItemProps & BaseComponentProps<HTMLSpanElement>;
 export declare type OverflowMenuItemProps = AnchorOverflowMenuItemProps | ButtonOverflowMenuItemProps | OtherOverflowMenuItemProps;
-export declare const OverflowMenuItem: React.ForwardRefExoticComponent<(AnchorOverflowMenuItemProps | ButtonOverflowMenuItemProps | Pick<OtherOverflowMenuItemProps, string>) & React.RefAttributes<HTMLAnchorElement>>;
+export declare const OverflowMenuItem: import("react").ForwardRefExoticComponent<(AnchorOverflowMenuItemProps | ButtonOverflowMenuItemProps | Pick<OtherOverflowMenuItemProps, string>) & import("react").RefAttributes<HTMLAnchorElement>>;
 export {};

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PaginationProps } from '.';
 declare const _default: {
     title: string;

package/dist/cjs/components/Popover/Popover.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PopoverProps } from '.';
 import { Placement } from '../../hooks';
 declare const _default: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const RadioButton: import("react").ForwardRefExoticComponent<{
     htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "readOnly" | "checked" | "value" | "required" | "onChange" | "aria-describedby"> | undefined;
 } & Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "readOnly" | "checked" | "value" | "required" | "onChange" | "aria-describedby">, "id" | "className"> & {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RadioButtonProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 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, {

package/dist/cjs/components/RadioButton/RadioButtonGroup.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RadioButtonGroupProps } from '.';
 declare const _default: {
     title: string;

package/dist/cjs/components/Search/Search.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SearchProps } from './Search';
 declare const _default: {
     title: string;

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

@@ -13,8 +13,20 @@ export declare const searchTokens: {
         };
     };
     icon: {
-        spaceTop: string;
         spaceLeft: string;
+        small: {
+            size: string;
+            spaceTop: string;
+        };
+        medium: {
+            size: string;
+            spaceTop: string;
+        };
+        large: {
+            size: string;
+            spaceTop: string;
+        };
+        spaceTop: string;
     };
     iconWrapper: {
         base: CSSObject;

package/dist/cjs/components/Select/CustomSelect.stories.d.ts

@@ -0,0 +1,66 @@
+import React from 'react';
+import { SelectOption, SelectProps } from '.';
+declare const _default: {
+    title: string;
+    component: <TOption extends Record<string, unknown>, IsMulti extends boolean = false>({ id, label, errorMessage, tip, required, readOnly, options, isMulti, value, defaultValue, width, closeMenuOnSelect, className, style, isDisabled, isClearable, placeholder, customOptionElement, customSingleValueElement, ...rest }: SelectProps<TOption, IsMulti>, ref: ((instance: import("react-select").SelectInstance<TOption, IsMulti, import("react-select").GroupBase<TOption>> | null) => void) | React.MutableRefObject<import("react-select").SelectInstance<TOption, IsMulti, import("react-select").GroupBase<TOption>> | null> | null) => JSX.Element;
+    argTypes: {
+        label: {
+            control: {
+                type: string;
+            };
+        };
+        tip: {
+            control: {
+                type: string;
+            };
+        };
+        errorMessage: {
+            control: {
+                type: string;
+            };
+        };
+        width: {
+            control: {
+                type: string;
+            };
+        };
+        placeholder: {
+            control: {
+                type: string;
+            };
+        };
+        isDisabled: {
+            control: {
+                type: string;
+            };
+        };
+        isClearable: {
+            control: {
+                type: string;
+            };
+        };
+        required: {
+            control: {
+                type: string;
+            };
+        };
+        readOnly: {
+            control: {
+                type: string;
+            };
+        };
+        isLoading: {
+            control: {
+                type: string;
+            };
+        };
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export default _default;
+declare type SingleSelectProps = SelectProps<SelectOption, false>;
+export declare const Overview: (args: SingleSelectProps) => JSX.Element;