@helsenorge/designsystem-react 7.12.0 → 7.13.0

package/components/Input/Input.stories.d.ts

@@ -1,94 +0,0 @@
-import React from 'react';
-import { StoryObj } from '@storybook/react';
-import Input, { InputProps, InputTypes } from './Input';
-import { FormMode, FormSize } from '../../constants';
-type InputWithAndCustomArgs = React.ComponentProps<typeof Input> & {
-    showIcon: boolean;
-};
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
-    parameters: {
-        docs: {
-            page: () => React.JSX.Element;
-            description: {
-                component: string;
-            };
-        };
-    };
-    args: {
-        width: undefined;
-        size: FormSize.medium;
-        transparent: false;
-        type: InputTypes.text;
-        disabled: false;
-        mode: FormMode.onwhite;
-        showIcon: true;
-        iconRight: false;
-        readOnly: false;
-        autoComplete: string;
-        name: string;
-        required: false;
-        maxText: string;
-    };
-    argTypes: {
-        defaultValue: {
-            control: string;
-        };
-        placeholder: {
-            control: string;
-        };
-        width: {
-            control: string;
-        };
-        size: {
-            control: string;
-            options: typeof FormSize;
-        };
-        transparent: {
-            control: string;
-        };
-        type: {
-            control: string;
-            options: typeof InputTypes;
-        };
-        disabled: {
-            control: string;
-        };
-        mode: {
-            control: string;
-            options: typeof FormMode;
-        };
-        showIcon: {
-            control: string;
-        };
-        iconRight: {
-            control: string;
-        };
-        readOnly: {
-            control: string;
-        };
-        autoComplete: {
-            control: string;
-        };
-        name: {
-            control: string;
-        };
-        required: {
-            control: string;
-        };
-        maxCharacters: {
-            control: string;
-        };
-        maxText: {
-            control: string;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<InputWithAndCustomArgs>;
-export declare const Default: Story;
-export declare const MultipleExamples: Story;
-export declare const MaxCharacters: Story;
-export declare const AfterInputChildren: Story;
-export declare const BaseIncrementValue: Story;

package/components/Label/Label.stories.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-import { StoryObj } from '@storybook/react';
-import Label from './Label';
-type LabelWithAndCustomArgs = React.ComponentProps<typeof Label> & {
-    showIcon: boolean;
-};
-declare const meta: {
-    title: string;
-    component: React.FunctionComponent<import("./Label").LabelProps>;
-    parameters: {
-        docs: {
-            page: () => React.JSX.Element;
-            description: {
-                component: string;
-            };
-        };
-    };
-    argTypes: {};
-};
-export default meta;
-type Story = StoryObj<LabelWithAndCustomArgs>;
-export declare const Default: Story;
-export declare const OnDark: Story;
-export declare const ChildrenAfterLabel: Story;
-export declare const LabelAsString: Story;

package/components/LazyIcon/LazyIcon.stories.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: React.FC<import("./LazyIcon").LazyIconProps>;
-    parameters: {
-        docs: {
-            page: () => React.JSX.Element;
-            description: {
-                component: string;
-            };
-        };
-    };
-    args: {
-        iconName: "Hospital";
-    };
-    argTypes: {
-        iconName: {
-            control: string;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

package/components/LazyIllustration/LazyIllustration.stories.d.ts

@@ -1,38 +0,0 @@
-import React from 'react';
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: React.FC<import("./LazyIllustration").LazyIllustrationProps>;
-    parameters: {
-        docs: {
-            page: () => React.JSX.Element;
-            description: {
-                component: string;
-            };
-        };
-    };
-    args: {
-        illustrationName: "Doctor";
-        size: number;
-        color: "neutral";
-        ariaLabel: string;
-    };
-    argTypes: {
-        illustrationName: {
-            control: string;
-        };
-        size: {
-            control: string;
-        };
-        color: {
-            control: string;
-            options: string[];
-        };
-        ariaLabel: {
-            control: string;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

package/components/LinkList/LinkList.stories.d.ts

@@ -1,49 +0,0 @@
-import React from 'react';
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: import("./LinkList").CompoundComponent;
-    parameters: {
-        docs: {
-            page: () => React.JSX.Element;
-            description: {
-                component: string;
-            };
-        };
-    };
-    args: {
-        children: string;
-        chevron: false;
-        size: "medium";
-        color: "blueberry";
-    };
-    argTypes: {
-        chevron: {
-            control: string;
-        };
-        variant: {
-            control: string;
-            options: string[];
-        };
-        size: {
-            control: string;
-            options: import("./LinkList").LinkListSize[];
-        };
-        color: {
-            control: string;
-            options: import("../../theme/palette").PaletteNames[];
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const WithIconAndChevron: Story;
-export declare const WithListHeaderComp: Story;
-export declare const WithAvatarAndBadge: Story;
-export declare const VariantLine: Story;
-export declare const VariantOutline: Story;
-export declare const VariantFill: Story;
-export declare const WithRef: Story;
-export declare const AsButton: Story;
-export declare const WithNotificationBadge: Story;

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

@@ -1,52 +0,0 @@
-import React from 'react';
-import { StoryObj } from '@storybook/react';
-import List from './List';
-declare const meta: {
-    title: string;
-    component: import("./List").ListCompound;
-    parameters: {
-        docs: {
-            description: {
-                component: string;
-            };
-            page: () => React.JSX.Element;
-        };
-    };
-    args: {
-        variant: "bullet";
-        margin: false;
-        className: string;
-        testId: string;
-    };
-    argTypes: {
-        variant: {
-            control: string;
-            options: string[];
-            description: string;
-            defaultValue: string;
-        };
-        margin: {
-            control: string;
-            description: string;
-        };
-        children: {
-            control: string;
-            description: string;
-        };
-        className: {
-            control: string;
-            description: string;
-        };
-        testId: {
-            control: string;
-            description: string;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof List>;
-export declare const Default: Story;
-export declare const Bullet: Story;
-export declare const Dashed: Story;
-export declare const Numbered: Story;
-export declare const Nested: Story;

package/components/Loader/Loader.stories.d.ts

@@ -1,31 +0,0 @@
-import React from 'react';
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: React.FC<import("./Loader").LoaderProps>;
-    parameters: {
-        docs: {
-            page: () => React.JSX.Element;
-            description: {
-                component: string;
-            };
-        };
-    };
-    args: {
-        color: "blueberry";
-    };
-    argTypes: {
-        color: {
-            control: string;
-            options: import("../../theme/palette").PaletteNames[];
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const AllSizes: Story;
-export declare const LoaderIsCentered: Story;
-export declare const Inline: Story;
-export declare const OverlayScreen: Story;
-export declare const OverlayParent: Story;

package/components/Logo/Logo.stories.d.ts

@@ -1,37 +0,0 @@
-import React from 'react';
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: React.FC<import("./Logo").LogoProps>;
-    parameters: {
-        docs: {
-            page: () => React.JSX.Element;
-            description: {
-                component: string;
-            };
-        };
-    };
-    args: {
-        color: "black";
-        size: number;
-        byline: false;
-    };
-    argTypes: {
-        color: {
-            control: string;
-            options: import("../../theme/palette").PaletteNames[];
-        };
-        size: {
-            control: string;
-        };
-        byline: {
-            control: string;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Sizes: Story;
-export declare const Colors: Story;
-export declare const Byline: Story;

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

@@ -1,76 +0,0 @@
-import React from 'react';
-import { StoryObj } from '@storybook/react';
-import { ModalSize } from './Modal';
-import { ModalVariants } from './Modal';
-declare const meta: {
-    title: string;
-    component: {
-        (props: import("./Modal").ModalProps): JSX.Element;
-        defaultProps: {
-            variant: ModalVariants;
-            primaryButtonText: string;
-            titleId: string;
-            className: string;
-            size: ModalSize;
-            zIndex: import("../../constants").ZIndex;
-        };
-    };
-    parameters: {
-        docs: {
-            description: {
-                component: string;
-            };
-            story: {
-                inline: boolean;
-                iframeHeight: string;
-            };
-            page: () => React.JSX.Element;
-        };
-    };
-    args: {
-        variant: ModalVariants.normal;
-        size: ModalSize.large;
-        title: string;
-        description: string;
-        primaryButtonText: string;
-        secondaryButtonText: string;
-    };
-    argTypes: {
-        variant: {
-            control: string;
-            options: typeof ModalVariants;
-        };
-        size: {
-            control: string;
-            options: typeof ModalSize;
-        };
-        title: {
-            control: string;
-        };
-        description: {
-            control: string;
-        };
-        primaryButtonText: {
-            control: string;
-        };
-        secondaryButtonText: {
-            control: string;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const ModalWithIcon: Story;
-export declare const ModalWithChildrenAfterTitle: Story;
-export declare const Scroll: Story;
-export declare const WithHorizontalImage4By3: Story;
-export declare const WithHorizontalImage16By9: Story;
-export declare const WithVerticalImage: Story;
-export declare const ModalWithoutCloseButton: Story;
-export declare const ModalWithDisabledButton: Story;
-export declare const ModalWithOnlyTitle: Story;
-export declare const ModalWithOnlyTitleAndNoCloseEvent: Story;
-export declare const ModalInBottomOfPage: Story;
-export declare const ModalWithCustomContent: Story;
-export declare const PrintModal: Story;

package/components/NotificationPanel/NotificationPanel.stories.d.ts

@@ -1,60 +0,0 @@
-import React from 'react';
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import("./NotificationPanel").NotificationPanelProps & React.RefAttributes<HTMLDivElement>>;
-    parameters: {
-        docs: {
-            page: () => React.JSX.Element;
-            description: {
-                component: string;
-            };
-        };
-    };
-    args: {
-        dismissable: false;
-        size: "large";
-        fluid: false;
-        label: string;
-        labelHtmlMarkup: "h1";
-        variant: "error";
-        role: undefined;
-    };
-    argTypes: {
-        dismissable: {
-            control: string;
-        };
-        size: {
-            control: string;
-            options: string[];
-        };
-        fluid: {
-            control: string;
-        };
-        label: {
-            control: string;
-        };
-        labelHtmlMarkup: {
-            control: string;
-            options: import("../Title").TitleTags[];
-        };
-        variant: {
-            control: string;
-            options: string[];
-        };
-        role: {
-            control: string;
-            options: string[];
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const WithoutLabel: Story;
-export declare const AllVariants: Story;
-export declare const Expander: Story;
-export declare const Dismissable: Story;
-export declare const Compact: Story;
-export declare const CompactWithChildren: Story;
-export declare const WithSetWidth: Story;

package/components/Panel/Panel.stories.d.ts

@@ -1,89 +0,0 @@
-import React from 'react';
-import { StoryObj } from '@storybook/react';
-import Panel, { PanelStatus, PanelVariant } from './Panel';
-type PanelWithAndCustomArgs = React.ComponentProps<typeof Panel> & {
-    useIcon: boolean;
-};
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import("./Panel").PanelProps & React.RefAttributes<HTMLHeadingElement>>;
-    parameters: {
-        docs: {
-            page: () => React.JSX.Element;
-            description: {
-                component: string;
-            };
-        };
-    };
-    args: {
-        variant: PanelVariant.fill;
-        title: string;
-        status: PanelStatus.normal;
-        statusMessage: string;
-        buttonText: string;
-        buttonTextClose: string;
-        useIcon: false;
-        containerAsButton: false;
-        date: string;
-        time: string;
-        expanded: false;
-        renderChildrenWhenClosed: false;
-        focusable: false;
-    };
-    argTypes: {
-        variant: {
-            control: string;
-            options: typeof PanelVariant;
-        };
-        title: {
-            control: string;
-        };
-        status: {
-            control: string;
-            options: typeof PanelStatus;
-        };
-        statusMessage: {
-            control: string;
-        };
-        buttonText: {
-            control: string;
-        };
-        buttonTextClose: {
-            control: string;
-        };
-        useIcon: {
-            control: string;
-        };
-        containerAsButton: {
-            control: string;
-        };
-        date: {
-            control: string;
-        };
-        time: {
-            control: string;
-        };
-        expanded: {
-            control: string;
-        };
-        renderChildrenWhenClosed: {
-            control: string;
-        };
-        focusable: {
-            control: string;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<PanelWithAndCustomArgs>;
-export declare const Default: Story;
-export declare const ContentA: Story;
-export declare const ContentAAndB: Story;
-export declare const ContentAAndBWithIconAndUrl: Story;
-export declare const ContentHeader: Story;
-export declare const IconAndDetails: Story;
-export declare const AvatarAndDetails: Story;
-export declare const Status: Story;
-export declare const AsButton: Story;
-export declare const WithCallback: Story;
-export declare const NotClickable: Story;

package/components/PanelList/PanelList.stories.d.ts

@@ -1,27 +0,0 @@
-import React from 'react';
-import { StoryObj } from '@storybook/react';
-import { PanelVariant } from '../Panel';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import("./PanelList").PanelListProps & React.RefAttributes<HTMLDivElement>>;
-    parameters: {
-        docs: {
-            page: () => React.JSX.Element;
-            description: {
-                component: string;
-            };
-        };
-    };
-    args: {
-        variant: PanelVariant.fill;
-    };
-    argTypes: {
-        variant: {
-            control: string;
-            options: typeof PanelVariant;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

package/components/PopMenu/PopMenu.stories.d.ts

@@ -1,39 +0,0 @@
-import React from 'react';
-import { StoryObj } from '@storybook/react';
-import { PopMenuLabelPosition, PopMenuVariant } from './PopMenu';
-declare const meta: {
-    title: string;
-    component: React.FC<import("./PopMenu").PopMenuProps>;
-    parameters: {
-        docs: {
-            page: () => React.JSX.Element;
-            description: {
-                component: string;
-            };
-            story: {
-                inline: boolean;
-                iframeHeight: string;
-            };
-        };
-    };
-    args: {
-        popMenuVariant: PopMenuVariant.onWhite;
-    };
-    argTypes: {
-        popMenuVariant: {
-            control: string;
-            options: typeof PopMenuVariant;
-        };
-        labelTextPosition: {
-            control: string;
-            options: typeof PopMenuLabelPosition;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const CustomIcon: Story;
-export declare const WithLabel: Story;
-export declare const HorizontalScroll: Story;
-export declare const CenteredOverflow: Story;

package/components/PopOver/PopOver.stories.d.ts

@@ -1,38 +0,0 @@
-import React from 'react';
-import { StoryObj } from '@storybook/react';
-import { PopOverVariant } from './PopOver';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import("./PopOver").PopOverProps & React.RefAttributes<HTMLDivElement | SVGSVGElement>>;
-    parameters: {
-        docs: {
-            description: {
-                component: string;
-            };
-            page: () => React.JSX.Element;
-            story: {
-                inline: boolean;
-                height: string;
-            };
-        };
-    };
-    args: {
-        controllerRef: undefined;
-        children: string;
-        variant: PopOverVariant.positionautomatic;
-    };
-    argTypes: {
-        children: {
-            control: string;
-        };
-        variant: {
-            control: string;
-            options: typeof PopOverVariant;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Toggle: Story;
-export declare const HorizontalScroll: Story;