@navikt/ds-react 2.0.18 → 2.1.1-next.1

package/esm/table/ExpandableRow.d.ts

@@ -1,41 +0,0 @@
-import React from "react";
-import { RowProps } from "./Row";
-export interface ExpandableRowProps extends RowProps {
-    /**
-     * Content of the expanded row
-     */
-    content: React.ReactNode;
-    /**
-     * Placement of toggle button
-     * @default "left"
-     */
-    togglePlacement?: "left" | "right";
-    /**
-     * Opens component if 'true', closes if 'false'
-     * Using this props removes automatic control of open-state
-     */
-    open?: boolean;
-    /**
-     * Opened state default
-     * @default false
-     */
-    defaultOpen?: boolean;
-    /**
-     * Change handler for open
-     */
-    onOpenChange?: (open: boolean) => void;
-    /**
-     * Disable expansio
-     * @default false
-     */
-    expansionDisabled?: boolean;
-    /**
-     * The width of the expanded row's internal cell
-     * @default 999
-     */
-    colSpan?: number;
-}
-export interface ExpandableRowType extends React.ForwardRefExoticComponent<ExpandableRowProps & React.RefAttributes<HTMLTableRowElement>> {
-}
-export declare const ExpandableRow: ExpandableRowType;
-export default ExpandableRow;

package/esm/table/Header.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-export interface HeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {
-}
-export interface HeaderType extends React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLTableSectionElement>> {
-}
-export declare const Header: HeaderType;
-export default Header;

package/esm/table/HeaderCell.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-export interface HeaderCellProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
-    scope?: string;
-    /**
-     * Content alignment inside cell
-     * @default "left"
-     */
-    align?: "left" | "center" | "right";
-}
-export interface HeaderCellType extends React.ForwardRefExoticComponent<HeaderCellProps & React.RefAttributes<HTMLTableCellElement>> {
-}
-export declare const HeaderCell: HeaderCellType;
-export default HeaderCell;

package/esm/table/Row.d.ts

@@ -1,17 +0,0 @@
-import React from "react";
-export interface RowProps extends React.HTMLAttributes<HTMLTableRowElement> {
-    /**
-     * Row is selected
-     * @default false
-     */
-    selected?: boolean;
-    /**
-     * Shade the table row on hover.
-     * @default true
-     */
-    shadeOnHover?: boolean;
-}
-export interface RowType extends React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLTableRowElement>> {
-}
-export declare const Row: RowType;
-export default Row;

package/esm/table/Table.d.ts

@@ -1,49 +0,0 @@
-import React from "react";
-import { HeaderType } from "./Header";
-import { BodyType } from "./Body";
-import { RowType } from "./Row";
-import { ColumnHeaderType } from "./ColumnHeader";
-import { HeaderCellType } from "./HeaderCell";
-import { DataCellType } from "./DataCell";
-import { ExpandableRowType } from "./ExpandableRow";
-export interface SortState {
-    orderBy: string;
-    direction: "ascending" | "descending";
-}
-export interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {
-    /**
-     * Changes padding
-     * @default "medium"
-     */
-    size?: "medium" | "small";
-    /**
-     * Zebra striped table
-     * @default false
-     */
-    zebraStripes?: boolean;
-    /**
-     * Sort state
-     */
-    sort?: SortState;
-    /**
-     * Callback whens sort state changes
-     */
-    onSortChange?: (sortKey?: string) => void;
-}
-export interface TableType extends React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>> {
-    Header: HeaderType;
-    Body: BodyType;
-    Row: RowType;
-    DataCell: DataCellType;
-    HeaderCell: HeaderCellType;
-    ColumnHeader: ColumnHeaderType;
-    ExpandableRow: ExpandableRowType;
-}
-export interface TableContextProps {
-    size: "medium" | "small";
-    onSortChange?: (sortKey: string) => void;
-    sort?: SortState;
-}
-export declare const TableContext: React.Context<TableContextProps | null>;
-export declare const Table: TableType;
-export default Table;

package/esm/table/index.d.ts

@@ -1,8 +0,0 @@
-export { BodyProps } from "./Body";
-export { ColumnHeaderProps } from "./ColumnHeader";
-export { DataCellProps } from "./DataCell";
-export { ExpandableRowProps } from "./ExpandableRow";
-export { HeaderProps } from "./Header";
-export { HeaderCellProps } from "./HeaderCell";
-export { RowProps } from "./Row";
-export { default as Table, TableProps, SortState } from "./Table";

package/esm/tabs/Tab.d.ts

@@ -1,19 +0,0 @@
-import React from "react";
-import { OverridableComponent } from "..";
-export interface TabProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, "children"> {
-    /**
-     * Tab label
-     */
-    label?: React.ReactNode;
-    /**
-     * Tab Icon
-     */
-    icon?: React.ReactNode;
-    /**
-     * Value for state-handling
-     */
-    value: string;
-}
-export type TabType = OverridableComponent<TabProps, HTMLButtonElement>;
-export declare const Tab: TabType;
-export default Tab;

package/esm/tabs/TabList.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-export interface TabListProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * <Tabs.Tab /> elements
-     */
-    children: React.ReactNode;
-}
-export type TabListType = React.ForwardRefExoticComponent<TabListProps & React.RefAttributes<HTMLDivElement>>;
-export declare const TabList: TabListType;
-export default TabList;

package/esm/tabs/TabPanel.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-export interface TabPanelProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Tab panel content
-     */
-    children: React.ReactNode;
-    /**
-     * Value for state-handling
-     */
-    value: string;
-}
-export type TabPanelType = React.ForwardRefExoticComponent<TabPanelProps & React.RefAttributes<HTMLDivElement>>;
-declare const TabPanel: TabPanelType;
-export default TabPanel;

package/esm/tabs/Tabs.d.ts

@@ -1,52 +0,0 @@
-import React, { HTMLAttributes } from "react";
-import { TabType } from "./Tab";
-import { TabListType } from "./TabList";
-import { TabPanelType } from "./TabPanel";
-export interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "dir"> {
-    children: React.ReactNode;
-    /**
-     * Changes padding and font-size
-     * @default "medium"
-     */
-    size?: "medium" | "small";
-    /**
-     * onChange callback for selected Tab
-     */
-    onChange?: (value: string) => void;
-    /**
-     * Controlled selected value
-     */
-    value?: string;
-    /**
-     * If not controlled, a default-value needs to be set
-     */
-    defaultValue?: string;
-    /**
-     * Automatically activates tab on focus/navigation
-     * @default false
-     */
-    selectionFollowsFocus?: boolean;
-    /**
-     * Loops back to start when navigating past last item
-     * @default false
-     */
-    loop?: boolean;
-    /**
-     * Icon position in Tab
-     * @default "left"
-     */
-    iconPosition?: "left" | "top";
-}
-interface TabsComponent extends React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>> {
-    Tab: TabType;
-    List: TabListType;
-    Panel: TabPanelType;
-}
-interface TabsContextProps {
-    size: "medium" | "small";
-    loop: boolean;
-    iconPosition: "left" | "top";
-}
-export declare const TabsContext: React.Context<TabsContextProps | null>;
-export declare const Tabs: TabsComponent;
-export default Tabs;

package/esm/tabs/index.d.ts

@@ -1,4 +0,0 @@
-export { TabProps } from "./Tab";
-export { TabListProps } from "./TabList";
-export { TabPanelProps } from "./TabPanel";
-export { default as Tabs, TabsProps } from "./Tabs";

package/esm/tag/Tag.d.ts

@@ -1,14 +0,0 @@
-import React, { HTMLAttributes } from "react";
-export interface TagProps extends HTMLAttributes<HTMLSpanElement> {
-    children: React.ReactNode;
-    /**
-     * Changes visual profile of tag
-     */
-    variant: "warning" | "warning-filled" | "error" | "error-filled" | "info" | "info-filled" | "success" | "success-filled" | "neutral" | "neutral-filled" | "alt1" | "alt1-filled" | "alt2" | "alt2-filled" | "alt3" | "alt3-filled";
-    /**
-     * @default "medium"
-     */
-    size?: "medium" | "small" | "xsmall";
-}
-export declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>>;
-export default Tag;

package/esm/tag/index.d.ts

@@ -1 +0,0 @@
-export { default as Tag, TagProps } from "./Tag";

package/esm/toggle-group/ToggleGroup.d.ts

@@ -1,38 +0,0 @@
-import React, { HTMLAttributes } from "react";
-import { ToggleItemType } from "./ToggleItem";
-export interface ToggleGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "dir"> {
-    /**
-     * Toggles.Item elements
-     */
-    children: React.ReactNode;
-    /**
-     * Changes padding and font-size
-     * @default "medium"
-     */
-    size?: "medium" | "small";
-    /**
-     * Controlled selected value
-     */
-    value?: string;
-    /**
-     * If not controlled, a default-value needs to be set
-     */
-    defaultValue?: string;
-    /**
-     * Callback for selected toggle
-     */
-    onChange: (value: string) => void;
-    /**
-     * Label describing ToggleGroup
-     */
-    label?: React.ReactNode;
-}
-interface ToggleGroupComponent extends React.ForwardRefExoticComponent<ToggleGroupProps & React.RefAttributes<HTMLDivElement>> {
-    Item: ToggleItemType;
-}
-interface ToggleContextProps {
-    size: "medium" | "small";
-}
-export declare const ToggleGroupContext: React.Context<ToggleContextProps | null>;
-export declare const ToggleGroup: ToggleGroupComponent;
-export default ToggleGroup;

package/esm/toggle-group/ToggleItem.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-export interface ToggleItemProps extends React.HTMLAttributes<HTMLButtonElement> {
-    /**
-     * Content
-     */
-    children: React.ReactNode;
-    /**
-     * Value for state-handling
-     */
-    value: string;
-}
-export type ToggleItemType = React.ForwardRefExoticComponent<ToggleItemProps & React.RefAttributes<HTMLButtonElement>>;
-declare const ToggleItem: ToggleItemType;
-export default ToggleItem;

package/esm/toggle-group/index.d.ts

@@ -1,2 +0,0 @@
-export { default as ToggleGroup, ToggleGroupProps } from "./ToggleGroup";
-export { ToggleItemProps } from "./ToggleItem";

package/esm/tooltip/Tooltip.d.ts

@@ -1,53 +0,0 @@
-import React, { HTMLAttributes } from "react";
-export interface TooltipProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Element tooltip anchors to
-     * @note Needs to be React.ReactElement, does not support multiple children/react fragment
-     */
-    children: React.ReactElement & React.RefAttributes<HTMLElement>;
-    /**
-     * Open state for contolled tooltip
-     */
-    open?: boolean;
-    /**
-     * Tells tooltip to start in open state.
-     * Use sparingly synce hover/focus on other elements will close it
-     * @note "open"-prop overwrites this
-     */
-    defaultOpen?: boolean;
-    /**
-     * Orientation for tooltip
-     * @default "top"
-     */
-    placement?: "top" | "right" | "bottom" | "left";
-    /**
-     * Toggles rendering of arrow
-     * @default true
-     */
-    arrow?: boolean;
-    /**
-     * Distance from anchor to tooltip
-     * @default 10px with arrow, 2px without arrow
-     */
-    offset?: number;
-    /**
-     * Text-content inside tooltip
-     */
-    content: string;
-    /**
-     * Sets max allowed character length.
-     * @default 80
-     */
-    maxChar?: number;
-    /**
-     * Adds a delay in milliseconds before opening tooltip
-     * @default 150
-     */
-    delay?: number;
-    /**
-     * List of Keyboard-keys for shortcuts
-     */
-    keys?: string[];
-}
-export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
-export default Tooltip;

package/esm/tooltip/index.d.ts

@@ -1 +0,0 @@
-export { default as Tooltip, TooltipProps } from "./Tooltip";

package/esm/typography/BodyLong.d.ts

@@ -1,19 +0,0 @@
-import React from "react";
-import { OverridableComponent } from "..";
-export interface BodyLongProps extends React.HTMLAttributes<HTMLParagraphElement> {
-    /**
-     * medium: 18px, small: 16px
-     * @default "medium"
-     */
-    size?: "medium" | "small";
-    /**
-     * Paragraph text
-     */
-    children: React.ReactNode;
-    /**
-     * Adds margin-bottom
-     */
-    spacing?: boolean;
-}
-export declare const BodyLong: OverridableComponent<BodyLongProps, HTMLParagraphElement>;
-export default BodyLong;

package/esm/typography/BodyShort.d.ts

@@ -1,19 +0,0 @@
-import React from "react";
-import { OverridableComponent } from "..";
-export interface BodyShortProps extends React.HTMLAttributes<HTMLParagraphElement> {
-    /**
-     * medium: 18px, small: 16px
-     * @default "medium"
-     */
-    size?: "medium" | "small";
-    /**
-     * Paragraph text
-     */
-    children: React.ReactNode;
-    /**
-     * Adds margin-bottom
-     */
-    spacing?: boolean;
-}
-export declare const BodyShort: OverridableComponent<BodyShortProps, HTMLParagraphElement>;
-export default BodyShort;

package/esm/typography/Detail.d.ts

@@ -1,22 +0,0 @@
-import React from "react";
-import { OverridableComponent } from "..";
-export interface DetailProps extends React.HTMLAttributes<HTMLParagraphElement> {
-    /**
-     * @deprecated Medium === small
-     */
-    size?: "medium" | "small";
-    /**
-     * Paragraph text
-     */
-    children: React.ReactNode;
-    /**
-     * Adds margin-bottom
-     */
-    spacing?: boolean;
-    /**
-     * All caps
-     */
-    uppercase?: boolean;
-}
-export declare const Detail: OverridableComponent<DetailProps, HTMLParagraphElement>;
-export default Detail;

package/esm/typography/ErrorMessage.d.ts

@@ -1,19 +0,0 @@
-import React from "react";
-import { OverridableComponent } from "..";
-export interface ErrorMessageProps extends React.HTMLAttributes<HTMLParagraphElement> {
-    /**
-     * medium: 18px, small: 16px
-     * @default "medium"
-     */
-    size?: "medium" | "small";
-    /**
-     * Error text
-     */
-    children: React.ReactNode;
-    /**
-     * Adds margin-bottom
-     */
-    spacing?: boolean;
-}
-export declare const ErrorMessage: OverridableComponent<ErrorMessageProps, HTMLParagraphElement>;
-export default ErrorMessage;

package/esm/typography/Heading.d.ts

@@ -1,24 +0,0 @@
-import React from "react";
-import { OverridableComponent } from "..";
-export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
-    /**
-     * Heading level
-     * @default "1"
-     */
-    level?: "1" | "2" | "3" | "4" | "5" | "6";
-    /**
-     * Changes text-sizing
-     */
-    size: "xlarge" | "large" | "medium" | "small" | "xsmall";
-    /**
-     * Heading text
-     */
-    children: React.ReactNode;
-    /**
-     * Adds margin-bottom
-     * @default false
-     */
-    spacing?: boolean;
-}
-export declare const Heading: OverridableComponent<HeadingProps, HTMLHeadingElement>;
-export default Heading;

package/esm/typography/Ingress.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-import { OverridableComponent } from "..";
-export interface IngressProps extends React.HTMLAttributes<HTMLParagraphElement> {
-    /**
-     * Ingress text
-     */
-    children: React.ReactNode;
-    /**
-     * Adds margin-bottom
-     */
-    spacing?: boolean;
-}
-export declare const Ingress: OverridableComponent<IngressProps, HTMLParagraphElement>;
-export default Ingress;

package/esm/typography/Label.d.ts

@@ -1,19 +0,0 @@
-import React from "react";
-import { OverridableComponent } from "..";
-export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
-    /**
-     * medium: 18px, small: 16px
-     * @default "medium"
-     */
-    size?: "medium" | "small";
-    /**
-     * Paragraph text
-     */
-    children: React.ReactNode;
-    /**
-     * Adds margin-bottom
-     */
-    spacing?: boolean;
-}
-export declare const Label: OverridableComponent<LabelProps, HTMLLabelElement>;
-export default Label;

package/esm/typography/index.d.ts

@@ -1,7 +0,0 @@
-export { BodyLongProps, default as BodyLong } from "./BodyLong";
-export { BodyShortProps, default as BodyShort } from "./BodyShort";
-export { default as Detail, DetailProps } from "./Detail";
-export { default as ErrorMessage, ErrorMessageProps } from "./ErrorMessage";
-export { default as Heading, HeadingProps } from "./Heading";
-export { default as Ingress, IngressProps } from "./Ingress";
-export { default as Label, LabelProps } from "./Label";

package/esm/util/AnimateHeight.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-export type Height = "auto" | number | `${number}%`;
-interface AnimateHeightProps extends React.HTMLAttributes<HTMLDivElement> {
-    duration?: number;
-    easing?: string;
-    height: Height;
-    innerClassName?: string;
-}
-declare const AnimateHeight: React.FC<AnimateHeightProps>;
-export default AnimateHeight;

package/esm/util/OverridableComponent.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-export interface OverridableComponent<Component, Element extends HTMLElement> {
-    (props: Component & React.RefAttributes<Element>): ReturnType<React.FC>;
-    <As extends React.ElementType>(props: {
-        as: As;
-    } & Component & Omit<React.ComponentPropsWithRef<As>, keyof Component>): ReturnType<React.FC>;
-}

package/esm/util/TextareaAutoSize.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-interface TextareaAutosizeProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "children" | "rows"> {
-    /**
-     * Maximum number of rows to display.
-     */
-    maxRows?: number;
-    /**
-     * Minimum number of rows to display.
-     * @default 1
-     */
-    minRows?: number;
-}
-declare const TextareaAutosize: React.ForwardRefExoticComponent<TextareaAutosizeProps & React.RefAttributes<HTMLTextAreaElement>>;
-export default TextareaAutosize;

package/esm/util/debounce.d.ts

@@ -1,4 +0,0 @@
-export default function debounce(func: any, wait?: number): {
-    (this: any, ...args: any[]): void;
-    clear(): void;
-};

package/esm/util/index.d.ts

@@ -1,13 +0,0 @@
-import { useLayoutEffect } from "react";
-export * from "./OverridableComponent";
-export * from "./useId";
-export { default as mergeRefs } from "./mergeRefs";
-export { default as debounce } from "./debounce";
-export declare const useClientLayoutEffect: typeof useLayoutEffect;
-export declare const omit: (obj: object, props: string[]) => {};
-export interface ListenerT {
-    addEventListener(name: string, handler: (event?: any) => void, ...args: any[]): any;
-    removeEventListener(name: string, handler: (event?: any) => void, ...args: any[]): any;
-}
-export declare const useEventListener: <T extends ListenerT>(name: Parameters<ListenerT["addEventListener"]>[0], handler: Parameters<ListenerT["addEventListener"]>[1], target?: Window | T | null) => void;
-export declare const composeEventHandlers: <E>(originalEventHandler?: ((event: E) => void) | undefined, ourEventHandler?: ((event: E) => void) | undefined) => (event: E) => void;

package/esm/util/mergeRefs.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export default function mergeRefs<T = any>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>): React.RefCallback<T>;

package/esm/util/useId.d.ts

@@ -1,7 +0,0 @@
-/**
- *
- * @example <div id={useId()} />
- * @param idOverride
- * @returns {string}
- */
-export declare function useId(idOverride?: string): string | undefined;