@fremtind/jokul 0.24.0 → 0.25.0

package/build/packages/jokul/src/components/button/types.d.ts

@@ -1,43 +0,0 @@
-import { Density } from '../../core';
-import { PolymorphicPropsWithRef } from '../../utilities';
-export declare const buttonVariants: readonly ["primary", "secondary", "tertiary", "ghost"];
-export type ButtonVariant = (typeof buttonVariants)[number];
-export type IconPosition = "left" | "right";
-type IconOptions<T extends React.ElementType> = {
-    iconPosition?: never;
-    icon?: never;
-    children: React.ComponentPropsWithoutRef<T>["children"];
-} | {
-    /**
-     * Plasseringen av ikonet
-     * @default "left"
-     */
-    iconPosition?: IconPosition;
-    /**
-     * Hvilket ikon som skal vises i knappen
-     */
-    icon: React.ReactElement;
-};
-export type ButtonProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<ElementType, {
-    density?: Density;
-    /**
-     * Hvilken variant av knappen skal vises
-     * @default "secondary"
-     */
-    variant?: ButtonVariant;
-    className?: string;
-    loader?: {
-        showLoader: boolean;
-        textDescription: string;
-    };
-    /**
-     * @deprecated Bruk `icon` i kombinasjon med `iconPosition="left"`
-     */
-    iconLeft?: React.ReactNode;
-    /**
-     * @deprecated Bruk `icon` i kombinasjon med `iconPosition="right"`
-     */
-    iconRight?: React.ReactNode;
-} & IconOptions<ElementType>>;
-export type ButtonComponent = <ElementType extends React.ElementType = "button">(props: ButtonProps<ElementType>) => React.ReactElement | null;
-export {};

package/build/packages/jokul/src/components/card/Card.d.ts

@@ -1,37 +0,0 @@
-import { default as React } from 'react';
-import { AsChildProps, PolymorphicPropsWithRef } from '../../utilities';
-export declare const CARD_PADDINGS: readonly ["s", "m", "l", "xl"];
-export type CardPadding = (typeof CARD_PADDINGS)[number];
-export declare const CARD_VARIANTS: readonly ["outlined", "high", "low"];
-export type CardVariant = (typeof CARD_VARIANTS)[number];
-export type CardProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<ElementType, {
-    className?: string;
-    /**
-     * Setter padding på kortet. Tilsvarer samme property i Figma.
-     * @default "s"
-     */
-    padding?: CardPadding;
-    /**
-     * Angir hvilken kortvariant du vil bruke. Velg en variant som gir god kontrast
-     * til bakgrunnen på siden, slik at det er enkelt å skille innholdet fra hverandre.
-     * @default "high"
-     */
-    variant?: CardVariant;
-    /**
-     * Angir om kortet visuelt skal fremstå som klikkbart. Du må selv rendre
-     * kortet som et klikkbart element (f.eks. `<a>` eller en `<Link>` fra
-     * et ruting-bibliotek) og gi det en `href` eller `onClick`-handler.
-     * HUSK: Sett aria-label for at støtteverktøy, som skjermlesere, ikke
-     * skal lese alt innholdet i kortet.
-     */
-    clickable?: boolean;
-}>;
-type CardComponent = <ElementType extends React.ElementType = "div">(props: CardProps<ElementType> & AsChildProps) => React.ReactElement | null;
-/**
- * En allsidig kortkomponent som brukes for å gruppere innhold på en side.
- * Komponenten rendres til vanlig som en `<div>`, men du kan velge å rendre
- * den som andre elementer eller komponenter der du trenger annen semantikk
- * eller funksjonalitet.
- */
-export declare const Card: CardComponent;
-export {};

package/build/packages/jokul/src/components/card/CardImage.d.ts

@@ -1,19 +0,0 @@
-import { default as React } from 'react';
-import { PolymorphicPropsWithRef } from '../../utilities';
-export type CardImageProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<ElementType, {
-    /**
-     * Legger til riktig negativ margin avhengig av hvor i kortet bildet
-     * skal plasseres. Margin justeres automatisk etter padding i kortet.
-     * @default "top"
-     */
-    placement?: "top" | "middle" | "bottom";
-}>;
-type CardImageComponent = <ElementType extends React.ElementType = "img">(props: CardImageProps<ElementType>) => React.ReactElement | null;
-/**
- * Bildekomponent som kan brukes i `Card` for å sørge for at bildet
- * blør helt ut i kantene av kortet. Rendres normalt som et `<img>`-
- * element, men du kan overstyre dette med `as` dersom du f.eks. har
- * en egen komponent for å håndtere responsive bilder.
- */
-export declare const CardImage: CardImageComponent;
-export {};

package/build/packages/jokul/src/components/card/InfoCard.d.ts

@@ -1,13 +0,0 @@
-import { FC } from 'react';
-import { Density, WithChildren } from '../../core';
-import { PaddingOptions, SpacingStep } from './types';
-export interface InfoCardProps extends PaddingOptions, WithChildren {
-    className?: string;
-    title?: string;
-    /**
-     * Legger til ekstra rom i bunnen av kortet, fra spacing-skalaen til Jøkul.
-     */
-    bottomPadding?: SpacingStep;
-    density?: Density;
-}
-export declare const InfoCard: FC<InfoCardProps>;

package/build/packages/jokul/src/components/card/NavCard.d.ts

@@ -1,35 +0,0 @@
-import { ElementType, FC, AnchorHTMLAttributes } from 'react';
-import { WithChildren, Density } from '../../core';
-import { ImageProps } from '../image';
-import { PaddingOptions } from './types';
-export type TagType = "success" | "warning" | "info" | "error";
-/**
- * Bruk denne komponenten for å legge til ekstra informasjon i NavCard.
- * Innholdet blir rendret med skillelinje, og tekststil "small"
- */
-export declare const InfoBlock: FC<WithChildren>;
-interface CardTag {
-    /**
-     * @default <none> Rendres som nøytral tag
-     */
-    type?: TagType;
-    text: string;
-}
-export interface NavCardProps extends PaddingOptions, AnchorHTMLAttributes<HTMLAnchorElement> {
-    tag?: CardTag | Array<CardTag>;
-    title: string;
-    href?: string;
-    to?: string;
-    external?: boolean;
-    description?: string;
-    image?: Omit<ImageProps, "className">;
-    className?: string;
-    /**
-     * Overstyr hvilken komponent som skal brukes, for eksempel hvis du har en Link-komponent fra en router.
-     * @default "a"
-     */
-    component?: ElementType;
-    density?: Density;
-}
-export declare const NavCard: FC<NavCardProps>;
-export {};

package/build/packages/jokul/src/components/card/TaskCard.d.ts

@@ -1,23 +0,0 @@
-import { FC } from 'react';
-import { Density, WithChildren } from '../../core';
-import { PaddingOptions } from './types';
-export interface TaskCardProps extends PaddingOptions, WithChildren {
-    /**
-     * Bakgrunnsfargen til kortet
-     * @deprecated Bruk `background` i stedet
-     */
-    bgColor?: "hvit" | "snohvit" | "sand" | "dis";
-    /**
-     * Bestemmer bakgrunnsfargen til kortet, på tvers av mørkt eller lyst tema
-     * @default "highlighted"
-     */
-    background?: "highlighted" | "normal" | "subdued";
-    /**
-     * Skal kortet ha skygge?
-     * @default false
-     */
-    withShadow?: boolean;
-    className?: string;
-    density?: Density;
-}
-export declare const TaskCard: FC<TaskCardProps>;

package/build/packages/jokul/src/components/card/documentation/examples/FakturainfoExample.d.ts

@@ -1,4 +0,0 @@
-import { default as React } from 'react';
-import { ExampleComponentProps, ExampleKnobsProps } from '../../../../../../../utils/dev-example';
-export declare const FakturainfoExample: ({ boolValues, choiceValues }: ExampleComponentProps) => React.JSX.Element;
-export declare const fakturainfoExampleProps: ExampleKnobsProps;

package/build/packages/jokul/src/components/card/documentation/examples/InfoCardExample.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-import { ExampleComponentProps } from '../../../../../../../utils/dev-example';
-export declare const InfoCardExample: React.FC<ExampleComponentProps>;

package/build/packages/jokul/src/components/card/documentation/examples/NavCardExample.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-import { ExampleComponentProps } from '../../../../../../../utils/dev-example';
-export declare const NavCardExample: React.FC<ExampleComponentProps>;

package/build/packages/jokul/src/components/card/documentation/examples/StatuskortExample.d.ts

@@ -1,4 +0,0 @@
-import { default as React } from 'react';
-import { ExampleComponentProps, ExampleKnobsProps } from '../../../../../../../utils/dev-example';
-export declare const StatuskortExample: ({ boolValues, choiceValues }: ExampleComponentProps) => React.JSX.Element;
-export declare const statuskortExampleProps: ExampleKnobsProps;

package/build/packages/jokul/src/components/card/documentation/examples/TaskCardExample.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-import { ExampleComponentProps } from '../../../../../../../utils/dev-example';
-export declare const TaskCardExample: React.FC<ExampleComponentProps>;

package/build/packages/jokul/src/components/card/documentation/examples/TopExample.d.ts

@@ -1,3 +0,0 @@
-import { FC } from 'react';
-import { ExampleComponentProps } from '../../../../../../../utils/dev-example';
-export declare const TopExample: FC<ExampleComponentProps>;

package/build/packages/jokul/src/components/card/documentation/examples/cardExampleProps.d.ts

@@ -1,13 +0,0 @@
-import { ExampleKnobsProps } from '../../../../../../../utils/dev-example';
-import { PaddingShorthand } from '../../types';
-export declare const baseCardExampleProps: {
-    choiceProps: {
-        name: string;
-        values: string[];
-        defaultValue: number;
-    }[];
-};
-export declare const navCardExampleProps: ExampleKnobsProps;
-export declare const taskCardExampleProps: ExampleKnobsProps;
-export declare const infoCardExampleProps: ExampleKnobsProps;
-export declare const mixedPadding: PaddingShorthand;

package/build/packages/jokul/src/components/card/index.d.ts

@@ -1,9 +0,0 @@
-export { Card } from './Card';
-export { CardImage } from './CardImage';
-export { NavCard, InfoBlock } from './NavCard';
-export { TaskCard } from './TaskCard';
-export { InfoCard } from './InfoCard';
-export type { NavCardProps } from './NavCard';
-export type { TaskCardProps } from './TaskCard';
-export type { InfoCardProps } from './InfoCard';
-export type { SpacingStep, PaddingOptions } from './types';

package/build/packages/jokul/src/components/card/utils.d.ts

@@ -1,3 +0,0 @@
-import { CSSProperties } from 'react';
-import { BasePadding, PaddingShorthand } from './types';
-export declare function getPaddingStyles(padding: BasePadding | PaddingShorthand): CSSProperties;

package/build/packages/jokul/src/components/checkbox/Checkbox.d.ts

@@ -1,17 +0,0 @@
-import { default as React, ReactNode, ChangeEventHandler, FocusEventHandler, InputHTMLAttributes } from 'react';
-import { DataTestAutoId, Density } from '../..';
-export interface CheckboxProps extends DataTestAutoId, InputHTMLAttributes<HTMLInputElement> {
-    children: ReactNode;
-    name: string;
-    value: string;
-    checked?: boolean;
-    inline?: boolean;
-    className?: string;
-    density?: Density;
-    invalid?: boolean;
-    onChange?: ChangeEventHandler<HTMLInputElement>;
-    onFocus?: FocusEventHandler<HTMLInputElement>;
-    onBlur?: FocusEventHandler<HTMLInputElement>;
-    indeterminate?: boolean;
-}
-export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;

package/build/packages/jokul/src/components/checkbox/index.d.ts

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

package/build/packages/jokul/src/components/combobox/Combobox.d.ts

@@ -1,39 +0,0 @@
-import { FC, ChangeEvent } from 'react';
-import { ValuePair, Density } from '../..';
-import { InputGroupProps, LabelProps } from '../input-group';
-export type ComboboxValuePair = ValuePair & {
-    tagLabel?: string;
-    isMarked?: boolean;
-};
-export declare function getComboboxValuePair(item: string | ComboboxValuePair): ComboboxValuePair;
-interface PartialChangeEvent extends Partial<Omit<ChangeEvent<HTMLElement>, "target">> {
-    type: "change" | "blur";
-    target: {
-        name: string;
-        value: string;
-        selectedOptions: Array<ValuePair>;
-    };
-}
-type ChangeEventHandler = (event: PartialChangeEvent) => void;
-interface ComboboxProps extends InputGroupProps {
-    id?: string;
-    placeholder?: string;
-    labelProps?: Omit<LabelProps, "children" | "density" | "htmlFor" | "standAlone">;
-    items: Array<ValuePair>;
-    noMatchingOption?: string;
-    label: string;
-    name: string;
-    value?: Array<ValuePair>;
-    density?: Density;
-    width?: string;
-    helpLabel?: string;
-    errorLabel?: string;
-    className?: string;
-    invalid?: boolean;
-    hasTagHover?: boolean;
-    onChange: ChangeEventHandler;
-    onBlur?: ChangeEventHandler;
-    onFocus?: ChangeEventHandler;
-}
-export declare const Combobox: FC<ComboboxProps>;
-export {};

package/build/packages/jokul/src/components/combobox/index.d.ts

@@ -1,2 +0,0 @@
-export { Combobox, getComboboxValuePair } from './Combobox';
-export type { ComboboxValuePair } from './Combobox';

package/build/packages/jokul/src/components/cookie-consent/CookieConsent.d.ts

@@ -1,6 +0,0 @@
-import { AcceptConsentCallback } from './types';
-export interface CookieConsentProps {
-    blocking?: boolean;
-    onAccept?: AcceptConsentCallback;
-}
-export declare const CookieConsent: ({ blocking, onAccept, ...rest }: CookieConsentProps) => JSX.Element | null;

package/build/packages/jokul/src/components/cookie-consent/CookieConsentContext.d.ts

@@ -1,48 +0,0 @@
-import { default as React } from 'react';
-import { WithChildren } from '../..';
-import { Consent, ConsentRequirement } from './types';
-interface SetShowConsentAction {
-    type: "SET_SHOW_CONSENT";
-    payload: boolean;
-}
-interface SetShowSettingsAction {
-    type: "SET_SHOW_SETTINGS";
-    payload: boolean;
-}
-interface UpdateConsentAction {
-    type: "UPDATE_CONSENT";
-    payload: Consent;
-}
-interface UpdateRequirementsAction {
-    type: "UPDATE_REQUIREMENTS";
-    payload: ConsentRequirement;
-}
-type Action = SetShowConsentAction | UpdateConsentAction | SetShowSettingsAction | UpdateRequirementsAction;
-type Dispatch = (action: Action) => void;
-interface State {
-    isOpen: boolean;
-    showSettings: boolean;
-    requirement: ConsentRequirement;
-    consent: Consent;
-}
-export declare const DEFAULT_COOKIE_NAME = "fremtind-cookie-consent";
-export interface CookieConsentProviderProps extends Partial<ConsentRequirement>, WithChildren {
-    cookieAdapter?: () => Consent | undefined;
-    cookieName?: string;
-    cookieDomain?: string;
-}
-declare const CookieConsentProvider: React.FC<CookieConsentProviderProps>;
-interface UseCookieConsentState extends State {
-    dispatch: Dispatch;
-    cookieName: string;
-    cookieDomain?: string;
-}
-declare const useCookieConsentState: () => UseCookieConsentState;
-type UseCookieConsent = {
-    openConsentModalWithSettings: () => void;
-    openConsentModalWithDefaults: () => void;
-    /** Se hvilke samtykker som er gitt, om du for eksempel trenger styre UI basert på samtykker. */
-    consents: Consent;
-};
-declare const useCookieConsent: () => UseCookieConsent;
-export { CookieConsentProvider, useCookieConsentState, useCookieConsent };

package/build/packages/jokul/src/components/cookie-consent/CookieConsentModal.d.ts

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

package/build/packages/jokul/src/components/cookie-consent/consents/CustomConsents.d.ts

@@ -1,9 +0,0 @@
-import { FC } from 'react';
-import { ModalConfig } from '../../modal';
-import { Consent } from '../types';
-type Props = {
-    modalConfig: ModalConfig;
-    handleAccept: (v: Consent | "implicit") => void;
-};
-export declare const CustomConsents: FC<Props>;
-export {};

package/build/packages/jokul/src/components/cookie-consent/consents/DefaultConsents.d.ts

@@ -1,9 +0,0 @@
-import { FC } from 'react';
-import { ModalConfig } from '../../modal';
-import { Consent } from '../types';
-type Props = {
-    modalConfig: ModalConfig;
-    handleAccept: (v: Consent | "implicit") => void;
-};
-export declare const DefaultConsents: FC<Props>;
-export {};

package/build/packages/jokul/src/components/cookie-consent/consents/RequirementCheckbox.d.ts

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-import { WithChildren } from '../../..';
-interface RequirementCheckboxProps extends WithChildren {
-    defaultChecked: boolean;
-    name: "functional" | "marketing" | "statistics";
-    label: string;
-}
-export declare const RequirementCheckbox: ({ defaultChecked, name, label, children }: RequirementCheckboxProps) => React.JSX.Element;
-export {};

package/build/packages/jokul/src/components/cookie-consent/cookieConsentUtils.d.ts

@@ -1,23 +0,0 @@
-import { Consent, ConsentRequirement, ConsentState } from './types';
-export declare const getConsentCookie: ({ adapter, name, }: {
-    adapter?: (() => Consent | undefined) | undefined;
-    name: string;
-}) => Consent | undefined;
-export declare const setConsentCookie: ({ consent, maxAge, name, domain, }: {
-    consent: Consent;
-    maxAge?: number | undefined;
-    name: string;
-    domain?: string | undefined;
-}) => void;
-export declare const shouldShowConsentDialog: (requirement: ConsentRequirement, consent: Consent | undefined) => boolean;
-export declare const convertConsentValueToFormValue: (consent: ConsentState) => boolean | undefined;
-export declare const convertConsentObjectToBooleans: (consent: Partial<Record<keyof Consent, ConsentState>>) => {
-    [k: string]: boolean | undefined;
-};
-export declare const convertBooleanToConsentValue: (formValue: boolean | undefined) => ConsentState;
-export declare const convertBooleanConsentObjectToConsentObject: (consent: Partial<Record<keyof Consent, boolean | undefined>>) => Consent;
-export declare const buildRequirementsObject: ({ marketing, functional, statistics }: ConsentRequirement) => {
-    statistics?: true | undefined;
-    functional?: true | undefined;
-    marketing?: true | undefined;
-};

package/build/packages/jokul/src/components/cookie-consent/index.d.ts

@@ -1,5 +0,0 @@
-export type { AcceptConsentCallback, Consent, ConsentState } from './types';
-export type { CookieConsentProps } from './CookieConsent';
-export { CookieConsent } from './CookieConsent';
-export type { CookieConsentProviderProps } from './CookieConsentContext';
-export { CookieConsentProvider, useCookieConsent } from './CookieConsentContext';

package/build/packages/jokul/src/components/datepicker/DatePicker.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-import { DatePickerProps } from './types';
-export declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLInputElement>>;

package/build/packages/jokul/src/components/datepicker/index.d.ts

@@ -1,4 +0,0 @@
-export * from './types';
-export * from './validation';
-export * from './utils';
-export { DatePicker } from './DatePicker';

package/build/packages/jokul/src/components/datepicker/internal/Calendar.d.ts

@@ -1,17 +0,0 @@
-import { default as React } from 'react';
-import { Density } from '../../../core';
-import { YearsToShow } from '../types';
-import { UseCalendarProps } from './useCalendar';
-interface CalendarProps extends Omit<UseCalendarProps, "date" | "onOffsetChanged" | "offset" | "firstDayOfWeek" | "selected"> {
-    date: Date | null;
-    density?: Density;
-    defaultSelected?: Date;
-    days?: string[];
-    months?: string[];
-    monthLabel?: string;
-    yearLabel?: string;
-    yearsToShow?: YearsToShow;
-    onTabOutside: React.KeyboardEventHandler;
-}
-export declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/build/packages/jokul/src/components/datepicker/internal/useCalendar.d.ts

@@ -1,59 +0,0 @@
-import { default as React } from 'react';
-import { DateInfo, CalendarMonth } from './utils';
-type GetDateProps = {
-    onClick?: React.MouseEventHandler;
-    dateObj: DateInfo;
-};
-type GetDatePropsResult = {
-    onClick: React.MouseEventHandler;
-    disabled: boolean;
-    "aria-pressed": boolean;
-    role: "button";
-};
-type GetBackProps = {
-    onClick?: React.MouseEventHandler;
-    offset?: number;
-    calendars: CalendarMonth[];
-};
-type GetBackPropsResult = {
-    onClick: React.MouseEventHandler;
-    disabled: boolean;
-    "aria-label": string;
-    title: string;
-};
-type GetForwardProps = {
-    onClick?: React.MouseEventHandler;
-    offset?: number;
-    calendars: CalendarMonth[];
-};
-type GetForwardPropsResult = {
-    onClick: React.MouseEventHandler;
-    disabled: boolean;
-    "aria-label": string;
-    title: string;
-};
-export interface UseCalendarProps {
-    date?: Date;
-    maxDate?: Date;
-    minDate?: Date;
-    monthsToDisplay?: number;
-    firstDayOfWeek?: number;
-    showOutsideDays?: boolean;
-    offset: number;
-    onDateSelected: (dateObj: DateInfo, event: React.MouseEvent) => void;
-    onOffsetChanged: (newOffset: number) => void;
-    selected?: Date | Date[];
-}
-export type GetDatePropsFunc = (props: GetDateProps) => GetDatePropsResult;
-export type GetBackPropsFunc = (props: GetBackProps) => GetBackPropsResult;
-export type GetForwardPropsFunc = (props: GetForwardProps) => GetForwardPropsResult;
-export type HandleOffsetFunc = (newOffset: number) => void;
-export type UseCalendarResult = {
-    calendars: CalendarMonth[];
-    getDateProps: GetDatePropsFunc;
-    getBackProps: GetBackPropsFunc;
-    getForwardProps: GetForwardPropsFunc;
-    handleOffsetChanged: HandleOffsetFunc;
-};
-export declare function useCalendar({ date, maxDate, minDate, monthsToDisplay, firstDayOfWeek, showOutsideDays, offset, onDateSelected, onOffsetChanged, selected, }: UseCalendarProps): UseCalendarResult;
-export {};