@fremtind/jokul 0.22.1 → 0.22.2

package/build/components/icon/index.d.ts

@@ -0,0 +1,39 @@
+export { Icon } from './Icon';
+export type { ArrowVerticalAnimatedProps } from './icons/animated/ArrowVerticalAnimated';
+export type { ArrowHorizontalAnimatedProps } from './icons/animated/ArrowHorizontalAnimated';
+export type { PlusRemoveAnimatedProps } from './icons/animated/PlusRemoveAnimated';
+export { ArrowVerticalAnimated } from './icons/animated/ArrowVerticalAnimated';
+export { ArrowHorizontalAnimated } from './icons/animated/ArrowHorizontalAnimated';
+export { PlusRemoveAnimated } from './icons/animated/PlusRemoveAnimated';
+export type { IconProps, IconVariant } from './types';
+export { ArrowDownIcon } from './icons/ArrowDownIcon';
+export { ArrowLeftIcon } from './icons/ArrowLeftIcon';
+export { ArrowNorthEastIcon } from './icons/ArrowNorthEastIcon';
+export { ArrowRightIcon } from './icons/ArrowRightIcon';
+export { ArrowUpIcon } from './icons/ArrowUpIcon';
+export { CalendarIcon } from './icons/CalendarIcon';
+export { CheckIcon } from './icons/CheckIcon';
+export { ChevronDownIcon } from './icons/ChevronDownIcon';
+export { ChevronLeftIcon } from './icons/ChevronLeftIcon';
+export { ChevronRightIcon } from './icons/ChevronRightIcon';
+export { ChevronUpIcon } from './icons/ChevronUpIcon';
+export { CloseIcon } from './icons/CloseIcon';
+export { CopyIcon } from './icons/CopyIcon';
+export { DotsIcon } from './icons/DotsIcon';
+export { DragIcon } from './icons/DragIcon';
+export { ErrorIcon } from './icons/ErrorIcon';
+export { GreenCheckIcon } from './icons/GreenCheckIcon';
+export { HamburgerIcon } from './icons/HamburgerIcon';
+export { InfoIcon } from './icons/InfoIcon';
+export { LinkIcon } from './icons/LinkIcon';
+export { PlusIcon } from './icons/PlusIcon';
+export { QuestionIcon } from './icons/QuestionIcon';
+export { RedCrossIcon } from './icons/RedCrossIcon';
+export { SearchIcon } from './icons/SearchIcon';
+export { SuccessIcon } from './icons/SuccessIcon';
+export { WarningIcon } from './icons/WarningIcon';
+export { MinusIcon } from './icons/MinusIcon';
+export { ThumbDownIcon } from './icons/ThumbDownIcon';
+export { ThumbUpIcon } from './icons/ThumbUpIcon';
+export { TrashCanIcon } from './icons/TrashCanIcon';
+export { PenIcon } from './icons/PenIcon';

package/build/components/icon/types.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export type IconVariant = "inherit" | "small" | "medium";
+export interface IconProps {
+    as?: "div" | "span";
+    "data-testid"?: string;
+    /**
+     * Størrelsesvarianten til ikonet. `"small"` er 16px med 20px bounding box, og `"medium"` er 20px med 24px bounding box.
+     * `"inherit"` setter størrelsen til ikonet (ikke bounding box) lik skriftstørrelsen (1em).
+     */
+    variant?: IconVariant;
+    /**
+     * Angir om ikonet skal vises i fet versjon
+     * @default false
+     */
+    bold?: boolean;
+    filled?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}

package/build/components/icon-button/IconButton.d.ts

@@ -0,0 +1,6 @@
+import { default as React, ButtonHTMLAttributes } from 'react';
+import { Density } from '../../core';
+export interface IconButtonProps extends Exclude<ButtonHTMLAttributes<HTMLButtonElement>, "disabled"> {
+    density?: Density;
+}
+export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/build/components/icon-button/index.d.ts

@@ -0,0 +1,2 @@
+export type { IconButtonProps } from './IconButton';
+export { IconButton } from './IconButton';

package/build/components/image/Image.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+export interface ImageProps {
+    src: string;
+    srcSet?: string;
+    placeholder?: string;
+    /**
+     * Send inn en tom streng hvis bildet kun er dekorativt. Sannsynligvis bør du beskrive innholdet i bildet så en person med nedsatt syn får en fullgod opplevelse av siden.
+     * Les mer på https://jokul.fremtind.no/universell-utforming/guide#uu/dekorativt-innhold
+     */
+    alt: string;
+    className?: string;
+}
+export declare const Image: FC<ImageProps>;

package/build/components/image/documentation/internal/props.d.ts

@@ -0,0 +1,5 @@
+export declare const choiceProps: {
+    name: string;
+    values: string[];
+    defaultValue: number;
+}[];

package/build/components/image/index.d.ts

@@ -0,0 +1,3 @@
+import { Image, ImageProps } from './Image';
+export type { ImageProps };
+export { Image };

package/build/components/image/useImageLoadingStatus.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare const useImageLoadingStatus: (callback?: () => void) => [RefObject<HTMLImageElement>, boolean];

package/build/components/index.d.ts

@@ -0,0 +1,39 @@
+export * from './accordion';
+export * from './breadcrumb';
+export * from './button';
+export * from './card';
+export * from './checkbox';
+export * from './combobox';
+export * from './cookie-consent';
+export * from './datepicker';
+export * from './feedback';
+export * from './flex';
+export * from './description-list';
+export * from './expander';
+export * from './icon';
+export * from './icon-button';
+export * from './image';
+export * from './input-group';
+export * from './link';
+export * from './link-list';
+export * from './list';
+export * from './loader';
+export * from './logo';
+export * from './menu';
+export * from './message';
+export * from './modal';
+export * from './pagination';
+export * from './popover';
+export * from './progress-bar';
+export * from './radio-button';
+export * from './select';
+export * from './summary-table';
+export * from './system-message';
+export * from './table';
+export * from './tabs';
+export * from './tag';
+export * from './text-input';
+export * from './toast';
+export * from './toggle-switch';
+export * from './tooltip';
+export { ScreenReaderOnly, type ScreenReaderOnlyProps } from './ScreenReaderOnly';

package/build/components/input-group/FieldGroup.d.ts

@@ -0,0 +1,16 @@
+import { FC, FieldsetHTMLAttributes } from 'react';
+import { Density, DataTestAutoId } from '../../core';
+import { PopupTipProps } from '../tooltip';
+import { LabelProps } from './Label';
+import { SupportLabelProps } from './SupportLabel';
+export interface FieldGroupProps extends DataTestAutoId, FieldsetHTMLAttributes<HTMLFieldSetElement> {
+    legend: string;
+    labelProps?: Omit<LabelProps, "children" | "density">;
+    supportLabelProps?: Omit<SupportLabelProps, "id" | "errorLabel" | "helpLabel" | "density">;
+    tooltipProps?: PopupTipProps;
+    className?: string;
+    helpLabel?: string;
+    errorLabel?: string;
+    density?: Density;
+}
+export declare const FieldGroup: FC<FieldGroupProps>;

package/build/components/input-group/InputGroup.d.ts

@@ -0,0 +1,40 @@
+import { default as React, CSSProperties, ReactNode } from 'react';
+import { WithOptionalChildren, Density, DataTestAutoId } from '../../core';
+import { PopupTipProps } from '../tooltip';
+import { LabelProps } from './Label';
+import { SupportLabelProps } from './SupportLabel';
+export interface InputProps {
+    "aria-describedby"?: string;
+    "aria-invalid"?: boolean;
+    id?: string;
+}
+export type InputGroupProps = WithOptionalChildren & DataTestAutoId & {
+    id?: string;
+    className?: string;
+    "data-testid"?: string;
+    density?: Density;
+    errorLabel?: ReactNode;
+    helpLabel?: ReactNode;
+    inline?: boolean;
+    label: ReactNode;
+    labelProps?: Omit<LabelProps, "children" | "density">;
+    supportLabelProps?: Omit<SupportLabelProps, "id" | "errorLabel" | "helpLabel" | "density">;
+    tooltipProps?: PopupTipProps;
+    style?: CSSProperties;
+    render?: (props: InputProps) => JSX.Element;
+};
+export declare const InputGroup: React.ForwardRefExoticComponent<WithOptionalChildren & DataTestAutoId & {
+    id?: string | undefined;
+    className?: string | undefined;
+    "data-testid"?: string | undefined;
+    density?: Density | undefined;
+    errorLabel?: ReactNode;
+    helpLabel?: ReactNode;
+    inline?: boolean | undefined;
+    label: ReactNode;
+    labelProps?: Omit<LabelProps, "children" | "density"> | undefined;
+    supportLabelProps?: Omit<SupportLabelProps, "id" | "density" | "helpLabel" | "errorLabel"> | undefined;
+    tooltipProps?: PopupTipProps | undefined;
+    style?: React.CSSProperties | undefined;
+    render?: ((props: InputProps) => JSX.Element) | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/build/components/input-group/Label.d.ts

@@ -0,0 +1,14 @@
+import { CSSProperties, FC } from 'react';
+import { WithChildren, Density } from '../../core';
+export type LabelVariant = "small" | "medium" | "large";
+export interface LabelProps extends WithChildren {
+    id?: string;
+    variant?: LabelVariant;
+    density?: Density;
+    srOnly?: boolean;
+    standAlone?: boolean;
+    htmlFor?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare const Label: FC<LabelProps>;

package/build/components/input-group/SupportLabel.d.ts

@@ -0,0 +1,61 @@
+import { FC, ReactNode } from 'react';
+import { Density } from '../../core';
+export type SupportLabelType = "help" | "error" | "warning" | "success";
+export interface SupportLabelProps {
+    /**
+     * En ID er påkrevd for å kunne referere til SupportLabel med aria-describedby.
+     *
+     * @example
+     *  ```tsx
+     *  const uid = useId();
+     *  const supportId = useId();
+     *  const hasSupportText = helpLabel || errorLabel;
+     *  const describedBy = hasSupportText ? supportId : undefined;
+     *
+     *  return (
+     *    <div>
+     *      <Label standAlone htmlFor={uid}>
+     *        Velg en tekst
+     *      </Label>
+     *      <select
+     *        id={uid}
+     *        aria-describedby={describedBy}
+     *      >
+     *        <option value="e">Example</option>
+     *      </select>
+     *      <SupportLabel
+     *        id={supportId}
+     *        label={errorLabel}
+     *        labelType="error"
+     *        density={density}
+     *      />
+     *    </div>
+     *  );
+     *  ```
+     */
+    id: string;
+    /**
+     * @deprecated Bruk `label` for å få samme resultat.
+     */
+    helpLabel?: ReactNode;
+    /**
+     * @deprecated Bruk `label` og `labelType="warning"` for å få samme resultat.
+     */
+    errorLabel?: ReactNode;
+    label?: ReactNode;
+    /**
+     * Bestemmer hvilket ikon som skal vises:
+     *
+     * - "help" viser ikke noe ikon
+     * - "warning" viser WarningIcon, det som tidligere ble vist med `errorLabel`
+     * - "error" viser ErrorIcon
+     * - "success" viser SuccessIcon
+     *
+     * @default "help"
+     */
+    labelType?: SupportLabelType;
+    density?: Density;
+    className?: string;
+    srOnly?: boolean;
+}
+export declare const SupportLabel: FC<SupportLabelProps>;

package/build/components/input-group/index.d.ts

@@ -0,0 +1,4 @@
+export { FieldGroup, type FieldGroupProps } from './FieldGroup';
+export { InputGroup, type InputGroupProps, type InputProps } from './InputGroup';
+export { Label, type LabelProps, type LabelVariant } from './Label';
+export { SupportLabel, type SupportLabelProps, type SupportLabelType } from './SupportLabel';

package/build/components/link/Link.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { PolymorphicPropsWithRef } from '../../utilities';
+export type LinkProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<ElementType, {
+    external?: boolean;
+}>;
+export type LinkComponent = <ElementType extends React.ElementType = "a">(props: LinkProps<ElementType>) => React.ReactElement | null;
+export declare const Link: React.ForwardRefExoticComponent<Omit<LinkProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>>;

package/build/components/link/NavLink.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { PolymorphicPropsWithRef } from '../../utilities';
+export type NavLinkProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<ElementType, {
+    active?: boolean;
+    back?: boolean;
+}>;
+export type LinkComponent = <ElementType extends React.ElementType = "a">(props: NavLinkProps<ElementType>) => React.ReactElement | null;
+export declare const NavLink: React.ForwardRefExoticComponent<Omit<NavLinkProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>>;

package/build/components/link/index.d.ts

@@ -0,0 +1,2 @@
+export { Link, type LinkProps } from './Link';
+export { NavLink, type NavLinkProps } from './NavLink';

package/build/components/link-list/LinkList.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { PolymorphicPropsWithRef } from '../../utilities';
+type LinkComponent = <ElementType extends React.ElementType = "a">(props: PolymorphicPropsWithRef<ElementType>) => React.ReactElement | null;
+type UnorderedLinkListProps = React.HTMLAttributes<HTMLUListElement> & {
+    variant: "unordered";
+};
+type OrderedLinkListProps = React.HTMLAttributes<HTMLOListElement> & {
+    variant: "ordered";
+};
+type LinkListProps = UnorderedLinkListProps | OrderedLinkListProps;
+export declare const LinkList: {
+    ({ variant, className, ...rest }: LinkListProps): React.JSX.Element;
+    Link: LinkComponent;
+    Item: React.FC<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>>;
+};
+export {};

package/build/components/link-list/index.d.ts

@@ -0,0 +1 @@
+export { LinkList } from './LinkList';

package/build/components/list/List.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { WithChildren } from '../..';
+export interface ListProps extends WithChildren {
+    className?: string;
+}
+export declare const UnorderedList: React.FC<ListProps>;
+export declare const OrderedList: React.FC<ListProps>;
+export declare const List: React.FC<ListProps>;

package/build/components/list/ListItem.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { WithChildren } from '../..';
+export interface ListItemProps extends WithChildren {
+    className?: string;
+}
+export declare const ListItem: React.FC<ListItemProps>;
+export declare const CrossListItem: React.FC<ListItemProps>;
+export declare const CheckListItem: React.FC<ListItemProps>;

package/build/components/list/index.d.ts

@@ -0,0 +1,3 @@
+export type { ListProps } from './List';
+export { UnorderedList, OrderedList, List } from './List';
+export { ListItem, CheckListItem, CrossListItem } from './ListItem';

package/build/components/loader/Loader.d.ts

@@ -0,0 +1,16 @@
+import { AriaRole } from 'react';
+export type LoaderVariant = "small" | "medium" | "large";
+export interface LoaderProps {
+    variant?: LoaderVariant;
+    textDescription: string;
+    className?: string;
+    dataTestAutoId?: string;
+    role?: AriaRole;
+    inline?: boolean;
+    /**
+     * Antall millisekunder komponenten vil vente før den rendrer
+     * @default 0
+     */
+    delay?: number;
+}
+export declare const Loader: ({ delay, variant, textDescription, className, dataTestAutoId, inline, ...rest }: LoaderProps) => JSX.Element | null;

package/build/components/loader/index.d.ts

@@ -0,0 +1,18 @@
+export { Loader } from './Loader';
+export type { LoaderVariant, LoaderProps } from './Loader';
+export type { SkeletonAnimationProps } from './skeletons/SkeletonAnimation';
+export { SkeletonAnimation } from './skeletons/SkeletonAnimation';
+export type { SkeletonButtonProps } from './skeletons/SkeletonButton';
+export { SkeletonButton } from './skeletons/SkeletonButton';
+export type { SkeletonCheckboxGroupProps } from './skeletons/SkeletonCheckboxGroup';
+export { SkeletonCheckboxGroup } from './skeletons/SkeletonCheckboxGroup';
+export type { SkeletonElementProps } from './skeletons/SkeletonElement';
+export { SkeletonElement } from './skeletons/SkeletonElement';
+export type { SkeletonInputProps } from './skeletons/SkeletonInput';
+export { SkeletonInput } from './skeletons/SkeletonInput';
+export type { SkeletonRadioButtonGroupProps } from './skeletons/SkeletonRadioButtonGroup';
+export { SkeletonRadioButtonGroup } from './skeletons/SkeletonRadioButtonGroup';
+export type { SkeletonTableProps, SkeletonTableHeaderProps, SkeletonTableRowProps } from './skeletons/SkeletonTable';
+export { SkeletonTable, SkeletonTableHeader, SkeletonTableRow } from './skeletons/SkeletonTable';
+export type { SkeletonTextAreaProps } from './skeletons/SkeletonTextArea';
+export { SkeletonTextArea } from './skeletons/SkeletonTextArea';

package/build/components/loader/skeletons/SkeletonAnimation.d.ts

@@ -0,0 +1,16 @@
+import { default as React, AriaRole, HTMLProps, ReactNode } from 'react';
+import { Density } from '../../../core';
+export interface SkeletonAnimationProps extends Pick<HTMLProps<HTMLDivElement>, "style"> {
+    className?: string;
+    children: ReactNode;
+    density?: Density;
+    /** @default "Vennligst vent" */
+    textDescription?: string;
+    role?: AriaRole;
+    /**
+     * Antall millisekunder komponenten vil vente før den rendrer
+     * @default 0
+     */
+    delay?: number;
+}
+export declare const SkeletonAnimation: ({ className, delay, density, textDescription, ...rest }: SkeletonAnimationProps) => React.JSX.Element | null;

package/build/components/loader/skeletons/SkeletonButton.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { Density } from '../../../core';
+import { SkeletonElementProps } from './SkeletonElement';
+export interface SkeletonButtonProps extends Omit<SkeletonElementProps, "height"> {
+    density?: Density;
+}
+export declare const SkeletonButton: ({ style, density, ...rest }: SkeletonButtonProps) => React.JSX.Element;

package/build/components/loader/skeletons/SkeletonCheckboxGroup.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { Density } from '../../../core';
+import { SkeletonElementProps } from './SkeletonElement';
+import { SkeletonLabelProps } from './SkeletonLabel';
+export interface SkeletonCheckboxGroupProps {
+    className?: string;
+    checkboxes: number;
+    density?: Density;
+    labelProps?: SkeletonLabelProps;
+    inputProps?: SkeletonElementProps;
+}
+export declare const SkeletonCheckboxGroup: ({ className, checkboxes, density, labelProps, inputProps, ...rest }: SkeletonCheckboxGroupProps) => React.JSX.Element;

package/build/components/loader/skeletons/SkeletonElement.d.ts

@@ -0,0 +1,8 @@
+import { default as React, HTMLProps } from 'react';
+export interface SkeletonElementProps extends Pick<HTMLProps<HTMLDivElement>, "style"> {
+    className?: string;
+    shape?: "rect" | "circle";
+    width: number | string;
+    height: number | string;
+}
+export declare const SkeletonElement: ({ shape, width, height, style, className, ...rest }: SkeletonElementProps) => React.JSX.Element;

package/build/components/loader/skeletons/SkeletonInput.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { Density } from '../../../core';
+import { SkeletonElementProps } from './SkeletonElement';
+import { SkeletonLabelProps } from './SkeletonLabel';
+export interface SkeletonInputProps {
+    className?: string;
+    density?: Density;
+    labelProps?: SkeletonLabelProps;
+    inputProps?: SkeletonElementProps;
+}
+export declare const SkeletonInput: ({ className, density, labelProps, inputProps, ...rest }: SkeletonInputProps) => React.JSX.Element;

package/build/components/loader/skeletons/SkeletonLabel.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { Density } from '../../../core';
+import { SkeletonElementProps } from './SkeletonElement';
+export interface SkeletonLabelProps extends Omit<SkeletonElementProps, "width" | "height"> {
+    className?: string;
+    density?: Density;
+}
+export declare const SkeletonLabel: ({ density, ...rest }: SkeletonLabelProps) => React.JSX.Element;

package/build/components/loader/skeletons/SkeletonRadioButtonGroup.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { Density } from '../../../core';
+import { SkeletonElementProps } from './SkeletonElement';
+import { SkeletonLabelProps } from './SkeletonLabel';
+export interface SkeletonRadioButtonGroupProps {
+    className?: string;
+    density?: Density;
+    labelProps?: SkeletonLabelProps;
+    inputProps?: SkeletonElementProps;
+    radioButtons: number;
+}
+export declare const SkeletonRadioButtonGroup: ({ className, radioButtons, density, labelProps, inputProps, ...rest }: SkeletonRadioButtonGroupProps) => React.JSX.Element;

package/build/components/loader/skeletons/SkeletonTable.d.ts

@@ -0,0 +1,19 @@
+import { default as React, HTMLProps, ReactNode } from 'react';
+import { Density } from '../../../core';
+export interface SkeletonTableProps extends Pick<HTMLProps<HTMLDivElement>, "style"> {
+    className?: string;
+    children: ReactNode;
+    density?: Density;
+    width?: number | string;
+}
+export declare const SkeletonTable: ({ className, density, width, style, ...rest }: SkeletonTableProps) => React.JSX.Element;
+export interface SkeletonTableHeaderProps {
+    className?: string;
+    children: ReactNode;
+}
+export declare const SkeletonTableHeader: ({ className, ...rest }: SkeletonTableHeaderProps) => React.JSX.Element;
+export interface SkeletonTableRowProps {
+    className?: string;
+    children: ReactNode;
+}
+export declare const SkeletonTableRow: ({ className, ...rest }: SkeletonTableRowProps) => React.JSX.Element;

package/build/components/loader/skeletons/SkeletonTextArea.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { Density } from '../../../core';
+import { SkeletonElementProps } from './SkeletonElement';
+import { SkeletonLabelProps } from './SkeletonLabel';
+export interface SkeletonTextAreaProps {
+    className?: string;
+    labelProps?: SkeletonLabelProps;
+    inputProps?: SkeletonElementProps;
+    density?: Density;
+}
+export declare const SkeletonTextArea: ({ className, density, labelProps, inputProps, ...rest }: SkeletonTextAreaProps) => React.JSX.Element;

package/build/components/loader/useDelayedRender.d.ts

@@ -0,0 +1 @@
+export declare function useDelayedRender(delayMilliseconds: number): boolean;

package/build/components/logo/Logo.d.ts

@@ -0,0 +1,15 @@
+import { CSSProperties } from 'react';
+export interface LogoProps {
+    className?: string;
+    id?: string;
+    style?: CSSProperties;
+    /** Sentrerer logosymbolet i viewboksen i stedet for den vanlige venstrejusteringen */
+    centered?: boolean;
+    /** Animerer overgangen mellom logo og logosymbol */
+    animated?: boolean;
+    /** Vis logosymbol i stedet for logo */
+    isSymbol?: boolean;
+    /** Beskrivelse av logoen tilgjengelig for skjermlesere */
+    title?: string;
+}
+export declare const Logo: ({ className, id, centered, isSymbol, animated, title, ...rest }: LogoProps) => JSX.Element;

package/build/components/logo/LogoStamp.d.ts

@@ -0,0 +1,16 @@
+import { CSSProperties } from 'react';
+import { WithChildren } from '../..';
+export interface LogoStampProps extends WithChildren {
+    className?: string;
+    id?: string;
+    style?: CSSProperties;
+    /**
+     * Beskrivelse av logostempelet tilgjengelig for skjermlesere.
+     * Teksten i logostempelet er en path, og ikke tilgjengelig for skjermlesere.
+     * @default "Forsikring levert av Fremtind"
+     */
+    title?: string;
+    /** Roterer teksten rundt logostempelet første gangen stempelet kommer til syne */
+    animated?: boolean;
+}
+export declare const LogoStamp: ({ children, className, id, animated, title, ...rest }: LogoStampProps) => JSX.Element;

package/build/components/logo/index.d.ts

@@ -0,0 +1,5 @@
+export type { LogoProps } from './Logo';
+export { Logo } from './Logo';
+export type { LogoStampProps } from './LogoStamp';
+export { LogoStamp } from './LogoStamp';
+export { ForsikringLevertAvFremtind, FraSB1ogDNB, InnovasjonFraFremtind, TeknologiFraFremtind, VartEgetForsikringsselskap, VartForsikringsselskap, } from './text-paths';

package/build/components/logo/text-paths/ForsikringLevertAvFremtind.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const ForsikringLevertAvFremtind: FC;

package/build/components/logo/text-paths/FraSB1ogDNB.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const FraSB1ogDNB: FC;

package/build/components/logo/text-paths/InnovasjonFraFremtind.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const InnovasjonFraFremtind: FC;

package/build/components/logo/text-paths/TeknologiFraFremtind.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const TeknologiFraFremtind: FC;

package/build/components/logo/text-paths/VartEgetForsikringsselskap.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const VartEgetForsikringsselskap: FC;

package/build/components/logo/text-paths/VartForsikringsselskap.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const VartForsikringsselskap: FC;

package/build/components/logo/text-paths/index.d.ts

@@ -0,0 +1,6 @@
+export { ForsikringLevertAvFremtind } from './ForsikringLevertAvFremtind';
+export { FraSB1ogDNB } from './FraSB1ogDNB';
+export { InnovasjonFraFremtind } from './InnovasjonFraFremtind';
+export { TeknologiFraFremtind } from './TeknologiFraFremtind';
+export { VartEgetForsikringsselskap } from './VartEgetForsikringsselskap';
+export { VartForsikringsselskap } from './VartForsikringsselskap';

package/build/components/logo/useTextSpinner.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+export declare function useTextSpinner<T extends HTMLElement | SVGElement>(ref: React.RefObject<T>): {
+    hasAnimated: boolean;
+    visible: boolean;
+};