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

package/esm/typography/Detail.d.ts

@@ -0,0 +1,22 @@
+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

@@ -0,0 +1,19 @@
+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

@@ -0,0 +1,24 @@
+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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1,19 @@
+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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,14 @@
+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

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

package/esm/util/index.d.ts

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1,2 @@
+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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-react",
-  "version": "2.1.1-next.1",
+  "version": "2.1.2",
   "description": "Aksel react-components for NAV designsystem",
   "author": "Aksel | NAV designsystem team",
   "license": "MIT",
@@ -37,7 +37,7 @@
   },
   "dependencies": {
     "@floating-ui/react": "0.17.0",
-    "@navikt/ds-icons": "^2.1.0",
+    "@navikt/ds-icons": "^2.1.2",
     "@radix-ui/react-tabs": "1.0.0",
     "@radix-ui/react-toggle-group": "1.0.0",
     "clsx": "^1.2.1",