@norges-domstoler/dds-components 2.3.1 → 2.5.1

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

@@ -0,0 +1,26 @@
+import { CSSObject } from 'styled-components';
+export declare const tagTokens: {
+    wrapper: {
+        base: CSSObject;
+        type: {
+            success: {
+                base: CSSObject;
+            };
+            warning: {
+                base: CSSObject;
+            };
+            danger: {
+                base: CSSObject;
+            };
+            default: {
+                base: CSSObject;
+            };
+            info: {
+                base: CSSObject;
+            };
+        };
+    };
+    inner: {
+        base: CSSObject;
+    };
+};

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

@@ -0,0 +1 @@
+export * from './Tag';

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;
-            };
-        };
-    };
 };

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

@@ -2,7 +2,7 @@ export declare const SvgArrow: import("styled-components").StyledComponent<"svg"
 export declare const ArrowWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare type WrapperProps = {
-    open?: boolean;
+    open: boolean;
 };
 export declare const TooltipWrapper: import("styled-components").StyledComponent<"div", any, WrapperProps, never>;
 export {};

package/dist/helpers/Input/Input.styles.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { StyledLabelProps } from '.';
+import { Property } from 'csstype';
+export declare const Input: import("styled-components").StyledComponent<"input", any, {}, never>;
+export declare const StatefulInput: import("styled-components").StyledComponent<"input", any, Pick<import("./Input.types").InputProps, "disabled" | "readOnly"> & {
+    hasErrorMessage: boolean;
+    hasLabel: import("./Input.types").LabelPresence;
+}, never>;
+export declare const Label: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../components/Typography").TypographyProps & import("react").RefAttributes<HTMLElement>>, any, StyledLabelProps, never>;
+export declare const InputContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare type OuterInputContainerProps = {
+    width?: Property.Width<string>;
+};
+export declare const OuterInputContainer: import("styled-components").StyledComponent<"div", any, OuterInputContainerProps, never>;
+export {};

package/dist/{src/helpers → helpers}/Input/Input.tokens.d.ts

@@ -1,5 +1,14 @@
 import { CSSObject } from 'styled-components';
 export declare const inputTokens: {
+    baseInput: {
+        base: CSSObject;
+        focus: {
+            base: CSSObject;
+        };
+        hover: {
+            base: CSSObject;
+        };
+    };
     general: {
         input: {
             borderRadius: string;
@@ -33,9 +42,7 @@ export declare const inputTokens: {
             };
         };
     };
-    base: CSSObject;
-    focusColor: string;
-    withLabel: {
+    hasLabel: {
         base: CSSObject;
     };
     noLabel: {

package/dist/{src/helpers → helpers}/Input/Input.types.d.ts

@@ -10,9 +10,10 @@ export declare type InputProps = {
     /**Feilmelding. Setter også error state. */
     errorMessage?: string;
 } & InputHTMLAttributes<HTMLInputElement>;
+export declare type LabelPresence = 'hasLabel' | 'noLabel';
 export declare type StyledInputProps = Pick<InputProps, 'readOnly' | 'disabled'> & {
     hasErrorMessage: boolean;
-    hasLabel: boolean;
+    hasLabel: LabelPresence;
 };
 export declare type StyledLabelProps = {
     disabled?: boolean;

package/dist/{src/helpers → helpers}/Input/index.d.ts

@@ -1,4 +1,3 @@
 export * from './Input.styles';
 export * from './Input.types';
 export * from './Input.tokens';
-export * from './inputFieldStylingBase';

package/dist/{src/helpers → helpers}/styling/focusVisible.d.ts

@@ -7,6 +7,7 @@ export declare const focusVisibleOnDark: {
     outline: string;
     outlineOffset: string;
 };
+export declare const focusVisibleTransitionValue = "outline-offset 0.2s";
 export declare const focusVisibleLink: {
     outline: string;
     backgroundColor: string;
@@ -19,6 +20,7 @@ export declare const focusVisibleLinkOnDark: {
     color: string;
     textDecoration: string;
 };
+export declare const focusVisibleLinkTransitionValue = "background-color 0.2s, text-decoration 0.2s, color 0.2s";
 export declare const focusVisibleWithBorder: {
     outline: string;
     borderColor: string;

package/dist/helpers/styling/removeListStyling.d.ts

@@ -0,0 +1,5 @@
+export declare const removeListStyling: {
+    listStyle: string;
+    padding: number;
+    margin: number;
+};

package/dist/helpers/styling/scrollbarStyling.d.ts

@@ -0,0 +1,3 @@
+export declare const scrollbarWidthNumberPx = 10;
+export declare const scrollbarWidth: string;
+export declare const scrollbarStyling: import("styled-components").FlattenSimpleInterpolation;

package/dist/{src/hooks → hooks}/useRoveFocus.d.ts

@@ -1,3 +1,3 @@
 import { Dispatch, SetStateAction } from 'react';
-import { Direction } from '../../typings';
+import { Direction } from '../types';
 export declare function useRoveFocus(size: number | undefined, reset?: boolean, direction?: Direction): [number, Dispatch<SetStateAction<number>>];

package/dist/{src/index.d.ts → index.d.ts}

@@ -30,3 +30,5 @@ export * from './components/Popover';
 export * from './components/InputMessage';
 export * from './components/ToggleButton';
 export * from './components/Tabs';
+export * from './components/Tag';
+export * from './components/Chip';