@norges-domstoler/dds-components 0.0.11 → 0.0.12

package/dist/components/Datepicker/Datepicker.d.ts

@@ -0,0 +1,8 @@
+import { InputProps } from '../../helpers/Input';
+export declare type DatepickerProps = InputProps;
+export declare const Datepicker: import("react").ForwardRefExoticComponent<{
+    label?: string | undefined;
+    width?: string | undefined;
+    tip?: string | undefined;
+    errorMessage?: string | undefined;
+} & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;

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

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

package/dist/components/TextInput/TextInput.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
 export declare const TextInput: React.ForwardRefExoticComponent<{
-    label?: string | undefined;
     multiline?: boolean | undefined;
-    tip?: string | undefined;
-    width?: string | undefined;
-    errorMessage?: string | undefined;
     className?: string | undefined;
     style?: React.CSSProperties | undefined;
+} & {
+    label?: string | undefined;
+    width?: string | undefined;
+    tip?: string | undefined;
+    errorMessage?: string | undefined;
 } & React.InputHTMLAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLTextAreaElement> & React.RefAttributes<HTMLInputElement>>;

package/dist/components/TextInput/TextInput.styles.d.ts

@@ -1,12 +1,9 @@
 import { TextInputProps } from './TextInput.types';
-declare type GeneralInputProps = Pick<TextInputProps, 'readOnly' | 'errorMessage' | 'label' | 'disabled'>;
-export declare const Input: import("styled-components").StyledComponent<"input", any, GeneralInputProps, never>;
-export declare const TextArea: import("styled-components").StyledComponent<"textarea", any, GeneralInputProps, never>;
-export declare const FlexContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+import { StyledInputProps } from '../../helpers/Input';
+export declare const TextArea: import("styled-components").StyledComponent<"textarea", any, StyledInputProps, 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, LabelProps, never>;
-declare type InputFieldWrapperProps = Pick<TextInputProps, 'width'>;
-export declare const InputFieldWrapper: import("styled-components").StyledComponent<"div", any, InputFieldWrapperProps, never>;
-declare type InputFieldContainerProps = Pick<TextInputProps, 'multiline' | 'label'>;
-export declare const InputFieldContainer: import("styled-components").StyledComponent<"div", any, InputFieldContainerProps, never>;
+export declare const Label: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>>, any, import("../../helpers/Input").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/components/TextInput/TextInput.tokens.d.ts

@@ -1,5 +1,5 @@
 import { CSSObject } from 'styled-components';
-export declare const inputTokens: {
+export declare const textInputTokens: {
     general: {
         input: {
             borderRadius: string;
@@ -33,20 +33,7 @@ export declare const inputTokens: {
             };
         };
     };
-    base: CSSObject;
     focusColor: string;
-    withLabel: {
-        base: CSSObject;
-    };
-    noLabel: {
-        base: CSSObject;
-    };
-    readOnly: {
-        base: CSSObject;
-    };
-    disabled: {
-        base: CSSObject;
-    };
     multiline: {
         base: CSSObject;
         withLabel: {
@@ -56,32 +43,9 @@ export declare const inputTokens: {
             base: CSSObject;
         };
     };
-    error: {
-        base: CSSObject;
-        hover: {
-            base: CSSObject;
-        };
-        focus: {
-            base: CSSObject;
-        };
-    };
     label: {
-        base: CSSObject;
         multiline: {
-            base: {
-                backgroundColor: string;
-                padding: string;
-            };
-        };
-        hover: {
-            base: {
-                color: string;
-            };
-        };
-        focus: {
-            base: {
-                color: string;
-            };
+            base: CSSObject;
         };
     };
     wrapper: {

package/dist/components/TextInput/TextInput.types.d.ts

@@ -1,11 +1,7 @@
 import React, { InputHTMLAttributes } from 'react';
-import * as CSS from 'csstype';
+import { InputProps } from '../../helpers/Input';
 export declare type TextInputProps = {
-    label?: string;
     multiline?: boolean;
-    tip?: string;
-    width?: CSS.WidthProperty<string>;
-    errorMessage?: string;
     className?: string;
     style?: React.CSSProperties;
-} & InputHTMLAttributes<HTMLInputElement> & InputHTMLAttributes<HTMLTextAreaElement>;
+} & InputProps & InputHTMLAttributes<HTMLTextAreaElement>;

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

@@ -0,0 +1,8 @@
+import { InputProps, StyledInputProps, StyledLabelProps } from './Input.types';
+export declare const inputStyling: ({ readOnly, errorMessage, label, disabled }: StyledInputProps) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+export declare const Input: import("styled-components").StyledComponent<"input", any, StyledInputProps, never>;
+export declare const SingleLineLabel: 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 = Pick<InputProps, 'width'>;
+export declare const OuterInputContainer: import("styled-components").StyledComponent<"div", any, OuterInputContainerProps, never>;
+export {};

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

@@ -0,0 +1,71 @@
+import { CSSObject } from 'styled-components';
+export declare const inputTokens: {
+    general: {
+        input: {
+            borderRadius: string;
+            borderWidth: string;
+            borderColor: string;
+            textColor: string;
+            font: {
+                lineHeight: any;
+                fontSize: string;
+                letterSpacing: any;
+                fontFamily: any;
+                fontWeight: any;
+                fontStyle: any;
+            };
+            hover: {
+                backgroundColor: string;
+                borderColor: string;
+                borderWidth: string;
+            };
+            focus: {
+                borderColor: string;
+                borderWidth: string;
+            };
+        };
+        label: {
+            hover: {
+                textColor: string;
+            };
+            focus: {
+                textColor: string;
+            };
+        };
+    };
+    base: CSSObject;
+    focusColor: string;
+    withLabel: {
+        base: CSSObject;
+    };
+    noLabel: {
+        base: CSSObject;
+    };
+    readOnly: {
+        base: CSSObject;
+    };
+    disabled: {
+        base: CSSObject;
+    };
+    error: {
+        base: CSSObject;
+        hover: {
+            base: CSSObject;
+        };
+        focus: {
+            base: CSSObject;
+        };
+    };
+    label: {
+        base: CSSObject;
+        hover: {
+            base: CSSObject;
+        };
+        focus: {
+            base: CSSObject;
+        };
+        disabled: {
+            base: CSSObject;
+        };
+    };
+};

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

@@ -0,0 +1,10 @@
+import { InputHTMLAttributes } from 'react';
+import * as CSS from 'csstype';
+export declare type InputProps = {
+    label?: string;
+    width?: CSS.WidthProperty<string>;
+    tip?: string;
+    errorMessage?: string;
+} & InputHTMLAttributes<HTMLInputElement>;
+export declare type StyledInputProps = Pick<InputProps, 'readOnly' | 'errorMessage' | 'label' | 'disabled'>;
+export declare type StyledLabelProps = Pick<InputProps, 'disabled'>;

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

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

package/dist/index.d.ts

@@ -17,3 +17,4 @@ export * from './components/List';
 export * from './components/DescriptionList';
 export * from './components/Spinner';
 export * from './components/Card';
+export * from './components/Datepicker';