@norges-domstoler/dds-components 11.3.2 → 12.0.0

package/README.md

@@ -48,7 +48,6 @@ Tilgjengelige komponenter:
 - Divider
 - Drawer
 - FileUploader
-- FormGenerator
 - GlobalMessage
 - Grid
 - Icon

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export type BackLinkProps = {
+    label: string;
+    href: string;
+};
+export declare const BackLink: import("react").ForwardRefExoticComponent<BackLinkProps & import("react").RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,17 @@
+import { BackLinkProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<BackLinkProps & import("react").RefAttributes<HTMLElement>>;
+    argTypes: {
+        label: {
+            control: string;
+            defaultValue: string;
+        };
+        href: {
+            control: string;
+            defaultValue: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: (args: BackLinkProps) => JSX.Element;

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

@@ -0,0 +1,8 @@
+export declare const backLinkTokens: {
+    icon: {
+        color: string;
+    };
+    nav: {
+        gap: string;
+    };
+};

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

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

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

@@ -1,13 +1,4 @@
+/// <reference types="react" />
 import { BaseComponentPropsWithChildren } from '../../types';
-export type BreadcrumbsProps = BaseComponentPropsWithChildren<HTMLElement, {
-    /** Spesifiserer om versjonen for små skjermer skal vises; den viser `<Breadcrumb />` kun til den forrige siden.  */
-    smallScreen?: boolean;
-}>;
-export declare const Breadcrumbs: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLElement>, "className" | "id"> & {
-    /** Spesifiserer om versjonen for små skjermer skal vises; den viser `<Breadcrumb />` kun til den forrige siden.  */
-    smallScreen?: boolean | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & {
-    htmlProps?: import("react").HTMLAttributes<HTMLElement> | undefined;
-} & import("react").RefAttributes<HTMLElement>>;
+export type BreadcrumbsProps = BaseComponentPropsWithChildren<HTMLElement>;
+export declare const Breadcrumbs: import("react").ForwardRefExoticComponent<Pick<BreadcrumbsProps, string> & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,22 +1,8 @@
 import { BreadcrumbsProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLElement>, "className" | "id"> & {
-        smallScreen?: boolean | undefined;
-    } & {
-        children?: import("react").ReactNode;
-    } & {
-        htmlProps?: import("react").HTMLAttributes<HTMLElement> | undefined;
-    } & import("react").RefAttributes<HTMLElement>>;
-    argTypes: {
-        smallScreen: {
-            control: {
-                type: string;
-            };
-        };
-    };
+    component: import("react").ForwardRefExoticComponent<Pick<BreadcrumbsProps, string> & import("react").RefAttributes<HTMLElement>>;
+    argTypes: {};
 };
 export default _default;
-export declare const Overview: (args: BreadcrumbsProps) => JSX.Element;
 export declare const Default: (args: BreadcrumbsProps) => JSX.Element;
-export declare const SmallScreen: () => JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Button: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "onFocus" | "onBlur" | "type">, "id" | "className"> & {
     size?: import("./Button.types").ButtonSize | undefined;
     label?: string | undefined;

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

@@ -1,7 +1,7 @@
 import { ButtonProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onFocus" | "onBlur" | "onClick">, "className" | "id"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onBlur" | "onClick" | "type">, "className" | "id"> & {
         size?: import("./Button.types").ButtonSize | undefined;
         label?: string | undefined;
         purpose?: import("./Button.types").ButtonPurpose | undefined;
@@ -13,12 +13,12 @@ declare const _default: {
         href?: string | undefined;
         target?: string | undefined;
     } & {
-        type?: "button" | "submit" | "reset" | undefined;
         onFocus?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
         onBlur?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
         onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+        type?: "button" | "submit" | "reset" | undefined;
     } & {
-        htmlProps?: Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onFocus" | "onBlur" | "onClick"> | undefined;
+        htmlProps?: Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onBlur" | "onClick" | "type"> | undefined;
     } & import("react").RefAttributes<HTMLButtonElement>>;
     argTypes: {
         label: {

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

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

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

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

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

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

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

@@ -1,14 +1,14 @@
 import { CheckboxProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "value" | "checked">, "className" | "id"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked">, "className" | "id"> & {
         label?: string | undefined;
         error?: boolean | undefined;
         disabled?: boolean | undefined;
         readOnly?: boolean | undefined;
         indeterminate?: boolean | undefined;
     } & import("../../types").CheckboxPickedHTMLAttributes & {
-        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "value" | "checked"> | undefined;
+        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked"> | undefined;
     } & import("react").RefAttributes<HTMLInputElement>>;
     argTypes: {
         label: {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseComponentPropsWithChildren, Direction } from '../../types';
 export type CheckboxGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /**Ledetekst for gruppen. */

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps } from '../../helpers';
 type DatepickerType = 'date' | 'datetime-local';
 export type DatepickerProps = Omit<InputProps, 'type'> & {

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseComponentPropsWithChildren } from '../../types';
 import { SvgIcon } from '../../icons/utils';
 export type DescriptionListDescProps = BaseComponentPropsWithChildren<HTMLElement, {

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

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

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

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

package/dist/cjs/components/FileUploader/ErrorList.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type ErrorListProps = {
     errors: {
         id: string | undefined;

package/dist/cjs/components/FileUploader/File.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FileUploaderFile } from './fileUploaderReducer';
 type FileProps = {
     parentId: string;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FileList } from './types';
 import { FileUploaderHookProps } from './useFileUploader';
 import { Property } from 'csstype';

package/dist/cjs/components/FileUploader/utils.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const preventDefaults: (event: React.BaseSyntheticEvent) => void;
 export declare const isDragEvent: (event: unknown) => event is import("react").DragEvent<unknown>;
 export declare const isEventWithFiles: (event: React.DragEvent<unknown> | React.ChangeEvent<HTMLInputElement>) => boolean;

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ScreenSize } from '../../hooks';
 export type GridContextProps = {
     screenSize: ScreenSize;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Property } from 'csstype';
 import { BaseComponentProps } from '../../types';
 import { SvgIcon } from '../../icons/utils/propTypes';

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

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

package/dist/cjs/components/InlineEdit/InlineEdit.utils.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const inlineEditVisuallyHidden: (id: string, emptiable?: boolean) => JSX.Element;

package/dist/cjs/components/InlineEdit/InlineEditInput.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const InlineEditInput: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "width" | "onChange" | "onFocus" | "onBlur"> & Pick<import("./InlineEdit.types").InlineEditProps, "onChange" | "onFocus" | "onBlur" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "width" | "error" | "errorMessage" | "hideIcon"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/cjs/components/InlineEdit/InlineEditTextArea.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const InlineEditTextArea: import("react").ForwardRefExoticComponent<Omit<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange" | "onFocus" | "onBlur"> & Pick<import("./InlineEdit.types").InlineEditProps, "onChange" | "onFocus" | "onBlur" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "error" | "errorMessage" | "width" | "hideIcon"> & import("react").RefAttributes<HTMLTextAreaElement>>;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/cjs/components/ProgressTracker/ProgressTracker.context.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type ProgressTrackerContextType = {
     activeStep: number;
     handleStepChange?: (index: number) => void;

package/dist/cjs/components/ProgressTracker/ProgressTrackerItem.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SvgIcon } from '../../icons/utils';
 import { BaseComponentPropsWithChildren } from '../../types';
 type BaseItemProps = {

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

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

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

@@ -1,14 +1,14 @@
 import { RadioButtonProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "aria-describedby" | "onChange" | "value" | "checked" | "readOnly" | "required">, "className" | "id"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "onChange" | "name" | "value" | "checked" | "readOnly" | "required">, "className" | "id"> & {
         label?: string | undefined;
         disabled?: boolean | undefined;
         error?: boolean | undefined;
     } & {
-        name?: string | undefined;
         'aria-describedby'?: string | undefined;
         onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
+        name?: string | undefined;
         value?: string | number | readonly string[] | undefined;
         checked?: boolean | undefined;
         readOnly?: boolean | undefined;
@@ -16,7 +16,7 @@ declare const _default: {
     } & {
         children?: import("react").ReactNode;
     } & {
-        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "aria-describedby" | "onChange" | "value" | "checked" | "readOnly" | "required"> | undefined;
+        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "onChange" | "name" | "value" | "checked" | "readOnly" | "required"> | undefined;
     } & import("react").RefAttributes<HTMLInputElement>>;
     argTypes: {
         label: {

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Property } from 'csstype';
 import { BaseComponentProps } from '../../types';
 export type SkipToContentProps = BaseComponentProps<HTMLAnchorElement, {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Property } from 'csstype';
 import { TextColor } from '../../utils';
 import { BaseComponentProps } from '../../types';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ExtractStrict } from '../../types';
 import { ButtonProps, ButtonPurpose, ButtonSize } from '../Button';
 import { OverflowMenuButtonItem } from '../OverflowMenu';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { stackTokens } from './Stack.tokens';
 import { BaseComponentPropsWithChildren } from '../../types';
 type Align = 'stretch' | 'center' | 'flex-start' | 'flex-end';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ComponentMeta } from '@storybook/react';
 import { StackProps } from './Stack';
 declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & Omit<import("./Stack").StackStyleProps, "direction"> & {

package/dist/cjs/components/Table/Row.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Row: import("react").ForwardRefExoticComponent<{
     type?: import("./Table.types").TableRowType | undefined;
     mode?: import("./Table.types").RowMode | undefined;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TableDensity } from './Table.types';
 export declare const Table: import("react").ForwardRefExoticComponent<{
     density?: TableDensity | undefined;

package/dist/cjs/components/Table/collapsible/CollapsibleRow.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const CollapsibleRow: import("react").ForwardRefExoticComponent<{
     type?: import("..").TableRowType | undefined;
     mode?: import("../Table.types").RowMode | undefined;

package/dist/cjs/components/Table/collapsible/CollapsibleTable.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const CollapsibleTable: import("react").ForwardRefExoticComponent<{
     isCollapsed?: boolean | undefined;
     headerValues: import("../Table.types").HeaderValues;

package/dist/cjs/components/Table/collapsible/Table.context.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { HeaderValues } from '../Table.types';
 type CollapsibleTableContextProps = {
     isCollapsed?: boolean;

package/dist/cjs/components/Tabs/TabPanel.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseComponentPropsWithChildren } from '../../types';
 export type TabPanelProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /** Spesifiserer om panelet skal vises basert på aktiv fane. */

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseComponentProps } from '../../types';
 export type TagPurpose = 'success' | 'info' | 'danger' | 'warning' | 'default';
 export type TagProps = BaseComponentProps<HTMLSpanElement, {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseComponentProps } from '../../types';
 type Props = BaseComponentProps<HTMLElement, {
     current: number;

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { ToggleBarProps } from './ToggleBar.types';
 export declare const ToggleBar: <T extends string | number = string>(props: ToggleBarProps<T>) => JSX.Element;

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

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

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

@@ -1,11 +1,11 @@
 import { ToggleButtonProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "value" | "checked">, "className" | "id"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked">, "className" | "id"> & {
         label?: string | undefined;
         icon?: import("../../icons/utils").SvgIcon | undefined;
     } & import("../../types").CheckboxPickedHTMLAttributes & {
-        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "value" | "checked"> | undefined;
+        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked"> | undefined;
     } & import("react").RefAttributes<HTMLInputElement>>;
     argTypes: {
         label: {

package/dist/cjs/components/ToggleButton/ToggleButtonGroup.d.ts

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

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

@@ -1,7 +1,7 @@
 import { TooltipProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "style" | "children" | "onMouseLeave" | "onMouseOver">, "className" | "id"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "children" | "style" | "onMouseLeave" | "onMouseOver">, "className" | "id"> & {
         text: string;
         placement?: import("../..").Placement | undefined;
         children: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & import("react").RefAttributes<HTMLElement>;
@@ -12,7 +12,7 @@ declare const _default: {
         onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
         onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     } & {
-        htmlProps?: Omit<import("react").HTMLAttributes<HTMLDivElement>, "style" | "children" | "onMouseLeave" | "onMouseOver"> | undefined;
+        htmlProps?: Omit<import("react").HTMLAttributes<HTMLDivElement>, "children" | "style" | "onMouseLeave" | "onMouseOver"> | undefined;
     } & import("react").RefAttributes<HTMLDivElement>>;
     argTypes: {
         text: {

package/dist/cjs/components/Typography/Caption/Caption.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseComponentPropsWithChildren } from '../../../types';
 import { BaseTypographyProps } from '../Typography';
 export type CaptionProps = BaseComponentPropsWithChildren<HTMLTableCaptionElement, BaseTypographyProps>;

package/dist/cjs/components/Typography/Heading/Heading.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseComponentPropsWithChildren } from '../../../types';
 import { BaseTypographyProps, TypographyHeadingType } from '../Typography';
 export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;

package/dist/cjs/components/Typography/Legend/Legend.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseComponentPropsWithChildren } from '../../../types';
 import { BaseTypographyProps } from '../Typography';
 export type LegendProps = BaseComponentPropsWithChildren<HTMLLegendElement, BaseTypographyProps>;

package/dist/cjs/components/Typography/Link/Link.stories.d.ts

@@ -4,7 +4,7 @@ type StoryTProps = {
 } & LinkProps;
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "onClick" | "href" | "target">, "className" | "id"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "onClick" | "target">, "className" | "id"> & {
         external?: boolean | undefined;
         typographyType?: ("bodySans01" | "bodySans02" | "bodySans03" | "bodySans04") | undefined;
     } & {
@@ -12,11 +12,11 @@ declare const _default: {
     } & {
         children?: import("react").ReactNode;
     } & Pick<import("react").HTMLAttributes<HTMLElement>, "style"> & {
-        onClick?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
         href?: string | undefined;
+        onClick?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
         target?: import("react").HTMLAttributeAnchorTarget | undefined;
     } & {
-        htmlProps?: Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "onClick" | "href" | "target"> | undefined;
+        htmlProps?: Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "onClick" | "target"> | undefined;
     } & import("react").RefAttributes<HTMLAnchorElement>>;
     argTypes: {
         typographyType: {

package/dist/cjs/components/Typography/Paragraph/Paragraph.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseComponentPropsWithChildren } from '../../../types';
 import { BaseTypographyProps, TypographyBodyType, TypographyLeadType } from '../Typography';
 export type ParagraphProps = BaseComponentPropsWithChildren<HTMLParagraphElement, {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseComponentPropsWithChildren } from '../../types';
 type VisuallyHiddenDivProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     as: 'div';

package/dist/cjs/helpers/Chevron/AnimatedChevronUpDown.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Property } from 'csstype';
 type SvgChevronProps = {
     isUp?: boolean;

package/dist/cjs/helpers/Input/Input.utils.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconSize } from '../../components/Icon';
 import { InputSize } from './Input.types';
 export declare const getFormInputIconSize: (componentSize: InputSize) => IconSize;

package/dist/cjs/helpers/RequiredMarker/RequiredMarker.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const RequiredMarker: () => JSX.Element;

package/dist/cjs/hooks/useFloatPosition.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Strategy } from '@floating-ui/react-dom';
 export type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
 interface UseFloatPositionOptions {

package/dist/cjs/icons/tsx/apps.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { SvgProps } from '../utils/propTypes';
 export declare function AppsIcon(props: SvgProps): JSX.Element;

package/dist/cjs/icons/tsx/archive.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { SvgProps } from '../utils/propTypes';
 export declare function ArchiveIcon(props: SvgProps): JSX.Element;

package/dist/cjs/icons/tsx/arrowDown.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { SvgProps } from '../utils/propTypes';
 export declare function ArrowDownIcon(props: SvgProps): JSX.Element;