@norges-domstoler/dds-components 2.3.1 → 2.5.1

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

@@ -13,7 +13,12 @@ export declare const ButtonWrapper: import("styled-components").StyledComponent<
 declare type StyledIconWrapperSpanProps = {
     iconPosition?: IconPosition;
     size: ButtonSize;
+    absolutePosition?: boolean;
+    isHidden?: boolean;
 };
 export declare const StyledIconWrapperSpan: import("styled-components").StyledComponent<"span", any, StyledIconWrapperSpanProps, never>;
-export declare const Label: import("styled-components").StyledComponent<"span", any, {}, never>;
+declare type LabelProps = {
+    isHidden?: boolean;
+};
+export declare const Label: import("styled-components").StyledComponent<"span", any, LabelProps, never>;
 export {};

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}/OverflowMenu/OverflowMenu.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { OverflowMenuContextItem, OverflowMenuNavItem } from '.';
 declare type ContainerProps = {
-    isOpen?: boolean;
+    isOpen: boolean;
 };
 export declare const Container: import("styled-components").StyledComponent<"div", any, ContainerProps, never>;
 export declare const OverflowMenuList: import("styled-components").StyledComponent<"ul", any, {}, never>;

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}/Tabs/Tabs.tokens.d.ts

@@ -31,5 +31,8 @@ export declare const tabsTokens: {
     };
     panel: {
         base: CSSObject;
+        focusVisible: {
+            base: CSSObject;
+        };
     };
 };

package/dist/components/Tag/Tag.d.ts

@@ -0,0 +1,14 @@
+import { HTMLAttributes } from 'react';
+export declare type TagPurpose = 'success' | 'info' | 'danger' | 'warning' | 'default';
+export declare type TagProps = {
+    /**Tekst som vises i `<Tag />.` */
+    text?: string;
+    /**Formål med status eller kategorisering. Påvirker styling. */
+    purpose?: TagPurpose;
+} & HTMLAttributes<HTMLSpanElement>;
+export declare const Tag: import("react").ForwardRefExoticComponent<{
+    /**Tekst som vises i `<Tag />.` */
+    text?: string | undefined;
+    /**Formål med status eller kategorisering. Påvirker styling. */
+    purpose?: TagPurpose | undefined;
+} & HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { TagProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        text?: string | undefined;
+        purpose?: import("./Tag").TagPurpose | undefined;
+    } & import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
+    argTypes: {
+        text: {
+            control: string;
+        };
+    };
+};
+export default _default;
+export declare const Overview: () => JSX.Element;
+export declare const Default: (args: TagProps) => JSX.Element;