@norges-domstoler/dds-components 2.4.0 → 2.5.0

package/dist/components/Chip/Chip.d.ts

@@ -0,0 +1,13 @@
+import { HTMLAttributes } from 'react';
+export declare type ChipProps = {
+    /** Teksten som vises i komponenten. */
+    text?: string;
+    /** Ekstra logikk når `<Chip />` lukkes. */
+    onClose?: () => void;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const Chip: import("react").ForwardRefExoticComponent<{
+    /** Teksten som vises i komponenten. */
+    text?: string | undefined;
+    /** Ekstra logikk når `<Chip />` lukkes. */
+    onClose?: (() => void) | undefined;
+} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Chip/Chip.stories.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { ChipProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        text?: string | undefined;
+        onClose?: (() => void) | undefined;
+    } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    argTypes: {
+        text: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: (args: ChipProps) => JSX.Element;

package/dist/components/Chip/Chip.tokens.d.ts

@@ -0,0 +1,12 @@
+import { CSSObject } from 'styled-components';
+export declare const chipTokens: {
+    container: {
+        base: CSSObject;
+    };
+    group: {
+        base: CSSObject;
+    };
+    text: {
+        base: CSSObject;
+    };
+};

package/dist/components/Chip/ChipGroup.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from 'react';
+export declare type ChipGroupProps = HTMLAttributes<HTMLUListElement>;
+export declare const ChipGroup: import("react").ForwardRefExoticComponent<ChipGroupProps & import("react").RefAttributes<HTMLUListElement>>;

package/dist/components/Chip/ChipGroup.stories.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ChipGroupProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<ChipGroupProps & import("react").RefAttributes<HTMLUListElement>>;
+};
+export default _default;
+export declare const Default: (args: ChipGroupProps) => JSX.Element;

package/dist/components/Chip/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Chip';
+export * from './ChipGroup';

package/dist/{src/components → components}/Search/Search.d.ts

@@ -1,23 +1,20 @@
 import { ButtonHTMLAttributes, InputHTMLAttributes, MouseEvent } from 'react';
+import { InputProps as BaseInputProps } from '../../helpers';
 export declare type SearchSize = 'small' | 'medium' | 'large';
 declare type ButtonProps = {
     onClick: (event: MouseEvent<HTMLButtonElement>) => void;
     label?: string;
     loading?: boolean;
 } & ButtonHTMLAttributes<HTMLButtonElement>;
-export declare type SearchProps = {
+export declare type SearchProps = Pick<BaseInputProps, 'tip'> & {
     /**Størrelsen på komponenten. */
     componentSize?: SearchSize;
-    /**Hjelpetekst. */
-    tip?: string;
     /**Props for søkeknappen. */
     buttonProps?: ButtonProps;
 } & InputHTMLAttributes<HTMLInputElement>;
-export declare const Search: import("react").ForwardRefExoticComponent<{
+export declare const Search: import("react").ForwardRefExoticComponent<Pick<BaseInputProps, "tip"> & {
     /**Størrelsen på komponenten. */
     componentSize?: SearchSize | undefined;
-    /**Hjelpetekst. */
-    tip?: string | undefined;
     /**Props for søkeknappen. */
     buttonProps?: ButtonProps | undefined;
 } & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/{src/components → components}/Search/Search.stories.d.ts

@@ -2,9 +2,8 @@
 import { SearchProps } from './Search';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<{
+    component: import("react").ForwardRefExoticComponent<Pick<import("../../helpers").InputProps, "tip"> & {
         componentSize?: import("./Search").SearchSize | undefined;
-        tip?: string | undefined;
         buttonProps?: ({
             onClick: (event: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void;
             label?: string | undefined;

package/dist/{src/components → components}/Search/Search.tokens.d.ts

@@ -2,7 +2,6 @@ import { CSSObject } from 'styled-components';
 export declare const searchTokens: {
     input: {
         base: CSSObject;
-        spaceLeft: string;
         small: {
             base: CSSObject;
         };
@@ -20,7 +19,7 @@ export declare const searchTokens: {
     iconWrapper: {
         base: CSSObject;
     };
-    buttonWrapper: {
-        spaceLeft: string;
+    container: {
+        base: CSSObject;
     };
 };

package/dist/{src/components → components}/Tabs/Tabs.context.d.ts

@@ -1,5 +1,5 @@
 import { RefObject } from 'react';
-import { Direction } from '../../../typings';
+import { Direction } from '../../types';
 import { Property } from 'csstype';
 declare type Tabs = {
     activeTab: number;

package/dist/{src/components → components}/Tabs/Tabs.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-import { Direction } from '../../../typings';
+import { Direction } from '../../types';
 import { Property } from 'csstype';
 export declare type TabsProps = {
     /** Indeksen til den aktive fanen. */

package/dist/{src/components → components}/TextInput/TextInput.styles.d.ts

@@ -1,12 +1,10 @@
 /// <reference types="react" />
 import { TextInputProps } from './TextInput.types';
-export declare const TextArea: import("styled-components").StyledComponent<"textarea", any, Pick<import("../../helpers").InputProps, "readOnly" | "disabled"> & {
+export declare const TextArea: import("styled-components").StyledComponent<"input", any, Pick<import("../../helpers").InputProps, "disabled" | "readOnly"> & {
     hasErrorMessage: boolean;
-    hasLabel: boolean;
+    hasLabel: import("../../helpers").LabelPresence;
 }, never>;
 export declare const MessageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare type LabelProps = Pick<TextInputProps, 'multiline' | 'disabled' | 'readOnly'>;
 export declare const Label: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>>, any, import("../../helpers").StyledLabelProps & LabelProps, never>;
-declare type InputContainerProps = Pick<TextInputProps, 'multiline' | 'label'>;
-export declare const InputContainer: import("styled-components").StyledComponent<"div", any, InputContainerProps, never>;
 export {};

package/dist/{src/components → components}/TextInput/TextInput.tokens.d.ts

@@ -34,10 +34,9 @@ export declare const textInputTokens: {
             };
         };
     };
-    focusColor: string;
     multiline: {
         base: CSSObject;
-        withLabel: {
+        hasLabel: {
             base: CSSObject;
         };
         noLabel: {
@@ -52,14 +51,4 @@ export declare const textInputTokens: {
     wrapper: {
         defaultWidth: Property.Width<string>;
     };
-    container: {
-        multiline: {
-            withLabel: {
-                height: string;
-            };
-            noLabel: {
-                height: string;
-            };
-        };
-    };
 };