@norges-domstoler/dds-components 0.0.11 → 0.0.15

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

@@ -1,15 +1,23 @@
-import { ButtonAppearance, ButtonPurpose, ButtonProps } from './Button.types';
-import { OverridableComponent } from '@material-ui/core/OverridableComponent';
 import { IconWrapper } from '../../helpers/IconWrapper';
-import { SvgIconTypeMap } from '@material-ui/core/SvgIcon';
-export declare const buttonContentStyle: (purpose: ButtonPurpose, appearance: ButtonAppearance, label?: string | undefined, Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, "svg">> | undefined) => import("styled-components").FlattenSimpleInterpolation;
-declare type ButtonContentProps = Pick<ButtonProps, 'purpose' | 'appearance' | 'size' | 'label' | 'Icon' | 'iconPosition' | 'fullWidth' | 'loading'>;
-export declare const ButtonContent: import("styled-components").StyledComponent<"span", any, ButtonContentProps, never>;
-declare type ButtonWrapperProps = Pick<ButtonProps, 'fullWidth'>;
+import { ButtonAppearance, ButtonPurpose, ButtonSize, IconPosition } from './Button.types';
+declare type ButtonWrapperProps = {
+    appearance: ButtonAppearance;
+    purpose: ButtonPurpose;
+    size: ButtonSize;
+    fullWidth: boolean;
+    hasIcon: boolean;
+    hasLabel: boolean;
+    isLoading: boolean;
+};
 export declare const ButtonWrapper: import("styled-components").StyledComponent<"button", any, ButtonWrapperProps, never>;
-declare type IconWithTextWrapperProps = Pick<ButtonProps, 'iconPosition' | 'size'>;
+declare type IconWithTextWrapperProps = {
+    iconPosition: IconPosition;
+    size: ButtonSize;
+};
 export declare const IconWithTextWrapper: import("styled-components").StyledComponent<typeof IconWrapper, any, IconWithTextWrapperProps, never>;
-declare type JustIconWrapperProps = Pick<ButtonProps, 'size'>;
+declare type JustIconWrapperProps = {
+    size: ButtonSize;
+};
 export declare const JustIconWrapper: import("styled-components").StyledComponent<"span", any, JustIconWrapperProps, never>;
 export declare const Label: import("styled-components").StyledComponent<"span", any, {}, never>;
 export {};

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

@@ -4,9 +4,11 @@ export declare type GlobalMessageProps = {
     message?: string;
     purpose?: GlobalMessagePurpose;
     closable?: boolean;
+    onClose?: () => void;
 } & HTMLAttributes<HTMLDivElement>;
 export declare const GlobalMessage: import("react").ForwardRefExoticComponent<{
     message?: string | undefined;
     purpose?: GlobalMessagePurpose | undefined;
     closable?: boolean | undefined;
+    onClose?: (() => void) | undefined;
 } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/LocalMessage/LocalMessage.d.ts

@@ -6,6 +6,7 @@ export declare type LocalMessageProps = {
     message?: string;
     purpose?: LocalMessagePurpose;
     closable?: boolean;
+    onClose?: () => void;
     width?: CSS.WidthProperty<string>;
     layout?: LocalMessageLayout;
 } & HTMLAttributes<HTMLDivElement>;
@@ -13,6 +14,7 @@ export declare const LocalMessage: import("react").ForwardRefExoticComponent<{
     message?: string | undefined;
     purpose?: LocalMessagePurpose | undefined;
     closable?: boolean | undefined;
+    onClose?: (() => void) | undefined;
     width?: string | undefined;
     layout?: LocalMessageLayout | undefined;
 } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import './styles/fontStyles.css';
 export * from './components/RadioButton';
 export * from './components/Checkbox';
@@ -17,3 +18,4 @@ export * from './components/List';
 export * from './components/DescriptionList';
 export * from './components/Spinner';
 export * from './components/Card';
+export * from './components/Datepicker';