@fremtind/jokul 0.22.1 → 0.22.2

package/build/components/feedback/Feedback.d.ts

@@ -0,0 +1,50 @@
+import { ReactElement, ReactNode, ComponentProps } from 'react';
+import { BaseTextAreaProps } from '../text-input';
+import { Followup } from './followup/Followup';
+import { ContactQuestion } from './questions';
+import { FeedbackOption, FeedbackType } from './types';
+type FollowupProps = ComponentProps<typeof Followup>;
+type ContactQuestionProps = ComponentProps<typeof ContactQuestion>;
+type Props = {
+    className?: string;
+    /** Velg typen alternativer, Smiley eller RadioButtons. */
+    type: "radio" | "smiley";
+    /** Spørsmålet som stilles til brukeren */
+    label: string;
+    /** Hjelpetekst til hovedspørsmålet */
+    helpLabel?: string;
+    /** Svaralternativer til spørsmålet */
+    options: FeedbackOption[];
+    /** Dersom du vil stille et åpent spørsmål i tillegg kan du sette denne til en truthy verdi */
+    addOnQuestion?: {
+        /** Spørsmålet du vil stille */
+        label?: string;
+        /** Eventuell hjelpetekst. Om du ikke spesifiserer en vil det vises en påminnelse om å ikke skrive inn personling informasjon. */
+        helpLabel?: string;
+    } | boolean;
+    /** Lar deg tilpasse meldingen som kommer når brukeren sender inn tilbakemeldingen.  */
+    successMessage?: {
+        title: string;
+        children: ReactNode;
+    };
+    /**
+     * Funksjon for å håndtere innsending av tilbakemelding
+     * @param value Verdien av tilbakemeldingen. Dette er et objekt med følgende egenskaper:
+     * - `feedbackValue`: Selve verdien av tilbakemeldingen (format varierer etter spørsmålstype)
+     * - `intentionalSubmit`: Er `true` hvis brukeren aktivt sendte inn skjemaet, `false` hvis skjemaet ble sendt inn automatisk
+     * - `message`: Eventuell utfyllende melding fra bruker. Blir kun sendt inn ved aktiv innsending
+     */
+    onSubmit: (value: FeedbackType) => void;
+    followup?: FollowupProps;
+    contactQuestion?: ContactQuestionProps;
+    /**
+     * Hvis du ønsker at Feedback formen skal eksponeres som et landmark kan du sende inn
+     * hva du ønsker at en skjermleser skal kalle den her. Bare eksponer Feedback som et
+     * landmark på sider der den er en viktig del av innholdet, feks en kvitteringsside
+     * eller et annet sted det å kunne gi tilbakemelding vil føles naturlig eller forventet
+     * for brukeren.
+     */
+    landmarkLabel?: string;
+} & Pick<BaseTextAreaProps, "counter">;
+export declare const Feedback: ({ className, followup, contactQuestion, counter, landmarkLabel, ...mainQuestionProps }: Props) => ReactElement;
+export {};

package/build/components/feedback/FeedbackSuccess.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { MessageProps } from '../message';
+export declare const FeedbackSuccess: FC<MessageProps>;

package/build/components/feedback/FeedbackValues.d.ts

@@ -0,0 +1,6 @@
+import { FeedbackOption } from './types';
+export declare const VERY_UNHAPPY: FeedbackOption;
+export declare const UNHAPPY: FeedbackOption;
+export declare const NEUTRAL: FeedbackOption;
+export declare const HAPPY: FeedbackOption;
+export declare const VERY_HAPPY: FeedbackOption;

package/build/components/feedback/feedbackContext.d.ts

@@ -0,0 +1,20 @@
+import { FC } from 'react';
+import { WithChildren } from '../..';
+import { BaseTextAreaProps } from '../text-input';
+type FeedbackContext = {
+    feedbackSubmitted: boolean;
+    followupStarted: boolean;
+    followupSubmitted: boolean;
+    contactSubmitted: boolean;
+    landmarkLabel?: string;
+    setFeedbackSubmitted: (state: boolean) => void;
+    setFollowupStarted: (state: boolean) => void;
+    setFollowupSubmitted: (state: boolean) => void;
+    setContactSubmitted: (state: boolean) => void;
+} & Pick<BaseTextAreaProps, "counter">;
+export declare const useFeedbackContext: () => FeedbackContext;
+interface FeedbackContextProviderProps extends WithChildren {
+    value: FeedbackContext;
+}
+export declare const FeedbackContextProvider: FC<FeedbackContextProviderProps>;
+export {};

package/build/components/feedback/followup/Followup.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode, FC } from 'react';
+import { FeedbackAnswer, FollowupQuestion } from '../types';
+interface Props {
+    /** Spørsmålet/ene som skal stilles. Kan være av typen radio, checkbox eller text */
+    questions: FollowupQuestion[];
+    /** Lar deg tilpasse meldingen som kommer når brukeren har svart på spørsmålene.  */
+    successMessage?: {
+        title: string;
+        children: ReactNode;
+    };
+    onSubmit: (values: FeedbackAnswer[]) => void;
+}
+export declare const Followup: FC<Props>;
+export {};

package/build/components/feedback/followup/followupContext.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { WithChildren } from '../../..';
+import { FollowupState } from '../types';
+export declare const useFollowUpContext: () => FollowupState | undefined;
+interface FollowupContextProviderProps extends WithChildren {
+    state: FollowupState;
+}
+export declare const FollowUpProvider: React.FC<FollowupContextProviderProps>;
+export {};

package/build/components/feedback/followup/useFollowup.d.ts

@@ -0,0 +1,19 @@
+import { Dispatch, SetStateAction } from 'react';
+import { FeedbackAnswer, FeedbackOption, FollowupQuestion } from '../types';
+type CurrentValue = FeedbackOption<string | number> | FeedbackOption<string | number>[] | undefined;
+type Followup = {
+    questions: FollowupQuestion[];
+    values: FeedbackAnswer[] | undefined;
+    step: {
+        number: number;
+        question: FollowupQuestion;
+        isLast: boolean;
+    };
+    currentValue: CurrentValue;
+    setCurrentValue: Dispatch<SetStateAction<CurrentValue>>;
+    submitted: boolean;
+    handleNext: () => void;
+    handleAbort: () => void;
+};
+export declare const useFollowup: (questions: FollowupQuestion[], onSubmit: (a: FeedbackAnswer[]) => void) => Followup;
+export {};

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

@@ -0,0 +1,3 @@
+import { Feedback } from './Feedback';
+import { PRESETS } from './presets';
+export { Feedback, PRESETS };

package/build/components/feedback/main-question/MainQuestion.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode, FC, ComponentProps } from 'react';
+import { Feedback } from '../Feedback';
+import { FeedbackOption, FeedbackType } from '../types';
+type Props = Pick<ComponentProps<typeof Feedback>, "addOnQuestion"> & {
+    type: "radio" | "smiley";
+    label: string;
+    helpLabel?: string;
+    options: FeedbackOption[];
+    successMessage?: {
+        title: string;
+        children: ReactNode;
+    };
+    onSubmit: (value: FeedbackType) => void;
+};
+export declare const MainQuestion: FC<Props>;
+export {};

package/build/components/feedback/main-question/mainQuestionContext.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { WithChildren } from '../../..';
+import { FeedbackState } from '../types';
+export declare const useMainQuestionContext: () => FeedbackState | undefined;
+interface Props extends WithChildren {
+    state: FeedbackState;
+}
+export declare const MainQuestionContextProvider: React.FC<Props>;
+export {};

package/build/components/feedback/main-question/useMainQuestion.d.ts

@@ -0,0 +1,13 @@
+import { SetStateAction, Dispatch, FormEventHandler } from 'react';
+import { FeedbackType, FeedbackOption } from '../types';
+type Value = FeedbackOption<string | number> | FeedbackOption<string | number>[] | undefined;
+type MainQuestion = {
+    currentValue: Value;
+    setCurrentValue: Dispatch<SetStateAction<Value>>;
+    message: string | undefined;
+    setMessage: Dispatch<SetStateAction<string | undefined>>;
+    submitted: boolean;
+    handleSubmit: FormEventHandler<HTMLFormElement>;
+};
+export declare const useMainQuestion: (onSubmit: (f: FeedbackType) => void) => MainQuestion;
+export {};

package/build/components/feedback/presets.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } from 'react';
+import { Feedback } from './';
+type FeedbackProps = ComponentProps<typeof Feedback>;
+type PresetProperties = Pick<FeedbackProps, "label" | "type" | "options" | "addOnQuestion">;
+export declare const PRESETS: Record<string, PresetProperties>;
+export {};

package/build/components/feedback/questions/AddonQuestion.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface Props {
+    label?: string;
+    helpLabel?: string;
+}
+export declare const AddonQuestion: React.FC<Props>;
+export {};

package/build/components/feedback/questions/CheckboxQuestion.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { QuestionProps } from '../types';
+export declare const CheckboxQuestion: React.FC<QuestionProps>;

package/build/components/feedback/questions/ContactQuestion.d.ts

@@ -0,0 +1,28 @@
+import { FC, ReactNode } from 'react';
+interface Props {
+    /**
+     * Lar deg tilpasse spørsmålsteksten.
+     * @default "Kan vi kontakte deg for flere innspill?"
+     * */
+    label?: string;
+    /**
+     * Lar deg tilpasse teksten på knappen for innsending.
+     * @default "Sett meg på lista!"
+     * */
+    sendButtonLabel?: string;
+    /** Sett til true om du også vil spørre om brukjerens telefonnummer i tillegg til epost */
+    withPhone?: boolean;
+    /** Her kan du legge inn eventuelt annet innhold du vil ha med. Kommer mellom overskriften og feltene for utfylling */
+    children?: ReactNode;
+    onSubmit: (values: {
+        email: string;
+        phone?: string;
+    }) => void;
+    /** Lar deg tilpasse meldingen som kommer når brukeren sender inn skjemaet.  */
+    successMessage?: {
+        title: string;
+        children: ReactNode;
+    };
+}
+export declare const ContactQuestion: FC<Props>;
+export {};

package/build/components/feedback/questions/RadioQuestion.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { QuestionProps } from '../types';
+export declare const RadioQuestion: React.FC<QuestionProps>;

package/build/components/feedback/questions/SmileyQuestion.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { QuestionProps } from '../types';
+export declare const SmileyQuestion: React.FC<QuestionProps>;

package/build/components/feedback/questions/TextQuestion.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { QuestionProps } from '../types';
+export declare const TextQuestion: React.FC<QuestionProps>;

package/build/components/feedback/questions/index.d.ts

@@ -0,0 +1,6 @@
+export { CheckboxQuestion } from './CheckboxQuestion';
+export { RadioQuestion } from './RadioQuestion';
+export { TextQuestion } from './TextQuestion';
+export { SmileyQuestion } from './SmileyQuestion';
+export { AddonQuestion } from './AddonQuestion';
+export { ContactQuestion } from './ContactQuestion';

package/build/components/feedback/questions/smileyUtils.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { FeedbackOption } from '../types';
+export declare const defaultOptions: FeedbackOption<number>[];
+export declare const getSmiley: (value: number) => React.JSX.Element;

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

@@ -0,0 +1,86 @@
+import { Dispatch, FormEvent, FormEventHandler, SetStateAction } from 'react';
+export type FeedbackOption<T = string | number> = {
+    /** Teksten som vises ved alternativet */
+    label: string;
+    value: T;
+    /** Her kan du spesifisere en egen tekst til oppfølgingsspørsmålet dersom dette alternativet er valgt (gjelder kun alternativene til hovedspørsmålet i Feedback, ignoreres ellers) */
+    textAreaLabel?: string;
+};
+export type QuestionType = "radio" | "checkbox" | "text" | "smiley";
+interface BaseQuestion {
+    type: QuestionType;
+    label: string;
+    helpLabel?: string;
+    name?: string;
+}
+interface RadioQuestion extends BaseQuestion {
+    type: "radio";
+    options: FeedbackOption[];
+}
+interface CheckboxQuestion extends BaseQuestion {
+    type: "checkbox";
+    options: FeedbackOption[];
+}
+interface SmileyQuestion extends BaseQuestion {
+    type: "smiley";
+    options: FeedbackOption<number>[];
+}
+interface TextQuestion extends BaseQuestion {
+    type: "text";
+}
+export type MainQuestion = RadioQuestion | SmileyQuestion;
+export type FollowupQuestion = MainQuestion | TextQuestion | CheckboxQuestion;
+interface BaseFeedbackAnswer {
+    label: string;
+    name: string;
+    type: "radio" | "checkbox" | "text";
+}
+interface MultiFeedbackAnswer extends BaseFeedbackAnswer {
+    type: "checkbox";
+    value: string[];
+}
+interface SingleFeedbackAnswer extends BaseFeedbackAnswer {
+    type: "radio" | "text";
+    value: string;
+}
+export type FeedbackAnswer = SingleFeedbackAnswer | MultiFeedbackAnswer;
+export type FeedbackType = {
+    /** Feedbackverdien, format avhenger av typen spørsmål */
+    feedbackValue: number | string | Array<string | number>;
+    /** Angir hvorvidt brukeren aktivt sendte inn tilbakemeldingen. Dersom `false` ble skjemaet sendt inn da brukeren forlot siden */
+    intentionalSubmit: boolean;
+    /** Eventuell utfyllende melding fra brukeren. Blir bare sendt inn dersom brukeren aktivt sender inn tilbakemelding */
+    message?: string;
+};
+export type FeedbackState = {
+    currentValue?: FeedbackOption | FeedbackOption[];
+    setCurrentValue: Dispatch<SetStateAction<FeedbackOption | FeedbackOption[] | undefined>>;
+    message?: string;
+    setMessage: Dispatch<SetStateAction<string | undefined>>;
+    submitted: boolean;
+    handleSubmit: FormEventHandler<HTMLFormElement>;
+};
+export type FollowUpStep = {
+    number: number;
+    question: BaseQuestion;
+    isLast: boolean;
+};
+export type FollowupState = {
+    questions: BaseQuestion[];
+    values: FeedbackAnswer[] | undefined;
+    currentValue?: FeedbackOption | FeedbackOption[];
+    step: FollowUpStep;
+    submitted: boolean;
+    handleNext: (e?: FormEvent<HTMLFormElement>) => void;
+    handleAbort: () => void;
+    setCurrentValue: Dispatch<SetStateAction<FeedbackOption | FeedbackOption[] | undefined>>;
+};
+export interface QuestionProps {
+    type?: QuestionType;
+    label: string;
+    name?: string;
+    helpLabel?: string;
+    options?: FeedbackOption[];
+    autoFocus?: boolean;
+}
+export {};

package/build/components/feedback/utils.d.ts

@@ -0,0 +1,4 @@
+import { default as React, JSXElementConstructor, FC } from 'react';
+import { QuestionProps, QuestionType } from './types';
+export declare function getChildrenOfType<P>(...allowedTypes: Array<string | JSXElementConstructor<P>>): (children: React.ReactNode) => React.ReactElement<P, string | React.JSXElementConstructor<unknown>>[] | null | undefined;
+export declare const getQuestionFromType: (type: QuestionType) => FC<QuestionProps>;

package/build/components/flex/Flex.d.ts

@@ -0,0 +1,14 @@
+import { default as React, CSSProperties } from 'react';
+import { tokens } from '../../core';
+import { AsChildProps, PolymorphicPropsWithRef } from '../../utilities';
+export type FlexDirection = "row" | "row-reverse" | "column" | "column-reverse";
+export type GapValue = Exclude<keyof (typeof tokens)["spacing"], 0>;
+export type FlexProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<ElementType, {
+    direction?: FlexDirection;
+    wrap?: boolean;
+    gap?: GapValue;
+    colGap?: GapValue;
+    rowGap?: GapValue;
+} & Pick<CSSProperties, "alignContent" | "alignItems" | "justifyContent" | "justifyItems">>;
+export type FlexComponent = <ElementType extends React.ElementType = "div">(props: FlexProps<ElementType> & AsChildProps) => React.ReactElement | null;
+export declare const Flex: FlexComponent;

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

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

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

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { PolymorphicPropsWithRef } from '../../utilities';
+import { IconVariant } from './types';
+type IconComponentProps<ElementType extends Extract<React.ElementType, "span" | "div">> = PolymorphicPropsWithRef<ElementType, {
+    "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;
+}>;
+export type IconComponent = (<ElementType extends Extract<React.ElementType, "span" | "div"> = "span">(props: IconComponentProps<ElementType>) => React.ReactElement | null) & {
+    displayName?: string;
+};
+export declare const Icon: IconComponent;
+export {};

package/build/components/icon/documentation/internal/AnimatedIcon.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface AnimatedIconProps {
+    renderIcon: (arg0: boolean) => React.ReactNode;
+    iconName?: string;
+}
+export declare const AnimatedIcon: React.FC<AnimatedIconProps>;
+export {};

package/build/components/icon/documentation/internal/IconExample.d.ts

@@ -0,0 +1,7 @@
+import { default as React, ReactNode } from 'react';
+interface Props {
+    name?: string;
+    renderIcon: () => ReactNode;
+}
+export declare const IconExample: React.FC<Props>;
+export {};

package/build/components/icon/documentation/internal/IconsExampleGrid.d.ts

@@ -0,0 +1,8 @@
+import { default as React, CSSProperties } from 'react';
+import { WithChildren } from '../../../../core';
+interface IconsExampleGridProps extends WithChildren {
+    columns: "two" | "four";
+    style?: CSSProperties;
+}
+export declare const IconsExampleGrid: React.FC<IconsExampleGridProps>;
+export {};

package/build/components/icon/icons/ArrowDownIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../Icon';
+export declare const ArrowDownIcon: IconComponent;

package/build/components/icon/icons/ArrowLeftIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../Icon';
+export declare const ArrowLeftIcon: IconComponent;

package/build/components/icon/icons/ArrowNorthEastIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../Icon';
+export declare const ArrowNorthEastIcon: IconComponent;

package/build/components/icon/icons/ArrowRightIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../Icon';
+export declare const ArrowRightIcon: IconComponent;

package/build/components/icon/icons/ArrowUpIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../Icon';
+export declare const ArrowUpIcon: IconComponent;

package/build/components/icon/icons/CalendarIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../Icon';
+export declare const CalendarIcon: IconComponent;

package/build/components/icon/icons/CheckIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../Icon';
+export declare const CheckIcon: IconComponent;

package/build/components/icon/icons/ChevronDownIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../Icon';
+export declare const ChevronDownIcon: IconComponent;

package/build/components/icon/icons/ChevronLeftIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../Icon';
+export declare const ChevronLeftIcon: IconComponent;

package/build/components/icon/icons/ChevronRightIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../Icon';
+export declare const ChevronRightIcon: IconComponent;

package/build/components/icon/icons/ChevronUpIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../Icon';
+export declare const ChevronUpIcon: IconComponent;

package/build/components/icon/icons/CloseIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../Icon';
+export declare const CloseIcon: IconComponent;

package/build/components/icon/icons/CopyIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../Icon';
+export declare const CopyIcon: IconComponent;

package/build/components/icon/icons/DotsIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../Icon';
+export declare const DotsIcon: IconComponent;

package/build/components/icon/icons/DragIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../Icon';
+export declare const DragIcon: IconComponent;

package/build/components/icon/icons/ErrorIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../Icon';
+export declare const ErrorIcon: IconComponent;

package/build/components/icon/icons/GreenCheckIcon.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { IconProps } from '../types';
+export declare const GreenCheckIcon: FC<IconProps>;

package/build/components/icon/icons/HamburgerIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../Icon';
+export declare const HamburgerIcon: IconComponent;

package/build/components/icon/icons/InfoIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../Icon';
+export declare const InfoIcon: IconComponent;

package/build/components/icon/icons/LinkIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../Icon';
+export declare const LinkIcon: IconComponent;

package/build/components/icon/icons/MinusIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../Icon';
+export declare const MinusIcon: IconComponent;

package/build/components/icon/icons/PenIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../Icon';
+export declare const PenIcon: IconComponent;

package/build/components/icon/icons/PlusIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../Icon';
+export declare const PlusIcon: IconComponent;

package/build/components/icon/icons/QuestionIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../Icon';
+export declare const QuestionIcon: IconComponent;

package/build/components/icon/icons/RedCrossIcon.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { IconProps } from '../types';
+export declare const RedCrossIcon: FC<IconProps>;

package/build/components/icon/icons/SearchIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../Icon';
+export declare const SearchIcon: IconComponent;

package/build/components/icon/icons/SuccessIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../Icon';
+export declare const SuccessIcon: IconComponent;

package/build/components/icon/icons/ThumbDownIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../Icon';
+export declare const ThumbDownIcon: IconComponent;

package/build/components/icon/icons/ThumbUpIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../Icon';
+export declare const ThumbUpIcon: IconComponent;

package/build/components/icon/icons/TrashCanIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../Icon';
+export declare const TrashCanIcon: IconComponent;

package/build/components/icon/icons/WarningIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../Icon';
+export declare const WarningIcon: IconComponent;

package/build/components/icon/icons/animated/ArrowHorizontalAnimated.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { IconVariant } from '../../types';
+export interface ArrowHorizontalAnimatedProps {
+    className?: string;
+    pointingRight: boolean;
+    variant?: IconVariant;
+    bold?: boolean;
+}
+export declare const ArrowHorizontalAnimated: FC<ArrowHorizontalAnimatedProps>;

package/build/components/icon/icons/animated/ArrowVerticalAnimated.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { IconVariant } from '../../types';
+export interface ArrowVerticalAnimatedProps {
+    className?: string;
+    pointingDown: boolean;
+    variant?: IconVariant;
+    bold?: boolean;
+}
+export declare const ArrowVerticalAnimated: FC<ArrowVerticalAnimatedProps>;

package/build/components/icon/icons/animated/PlusRemoveAnimated.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { IconVariant } from '../../types';
+export interface PlusRemoveAnimatedProps {
+    className?: string;
+    isPlus: boolean;
+    variant?: IconVariant;
+    bold?: boolean;
+}
+export declare const PlusRemoveAnimated: FC<PlusRemoveAnimatedProps>;