@norges-domstoler/dds-components 0.0.8 → 0.0.12

package/dist/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-import '../../styles/fontStyles.css';
 export declare type BreadcrumbsProps = {
     smallScreen?: boolean;
 } & HTMLAttributes<HTMLElement>;

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

@@ -2,7 +2,6 @@ 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';
-import '../../styles/fontStyles.css';
 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>;

package/dist/components/Card/Card.d.ts

@@ -1,5 +1,4 @@
 import { AnchorHTMLAttributes, HTMLAttributes } from 'react';
-import '../../styles/fontStyles.css';
 export declare type CardColor = 'filledDark' | 'filledLight' | 'strokeDark' | 'strokeLight';
 export declare type CardType = 'info' | 'navigation';
 export declare type CardProps = {

package/dist/components/Card/CardAccordion/CardAccordionBody.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-import '../../../styles/fontStyles.css';
 export declare type CardAccordionBodyProps = {
     isExpanded?: boolean;
     headerId?: string;

package/dist/components/Card/CardAccordion/CardAccordionHeader.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-import '../../../styles/fontStyles.css';
 export declare type CardAccordionHeaderProps = {
     isExpanded?: boolean;
     toggleExpanded?: () => void;

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

@@ -1,5 +1,4 @@
 import { CheckboxProps } from './Checkbox.types';
-import '../../styles/fontStyles.css';
 export declare const CustomCheckbox: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const Input: import("styled-components").StyledComponent<"input", any, {
     type: import("react").HTMLInputTypeAttribute;

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

@@ -1,7 +1,6 @@
 import { HTMLAttributes } from 'react';
 import { OverridableComponent } from '@material-ui/core/OverridableComponent';
 import { SvgIconTypeMap } from '@material-ui/core';
-import '../../styles/fontStyles.css';
 export declare type DescriptionListDescProps = {
     Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, 'svg'>>;
 } & HTMLAttributes<HTMLElement>;

package/dist/components/DescriptionList/DescriptionListTerm.d.ts

@@ -1,4 +1,3 @@
 import { HTMLAttributes } from 'react';
-import '../../styles/fontStyles.css';
 export declare type DescriptionListTermProps = HTMLAttributes<HTMLElement>;
 export declare const DescriptionListTerm: import("react").ForwardRefExoticComponent<DescriptionListTermProps & import("react").RefAttributes<HTMLElement>>;

package/dist/components/GlobalMessage/GlobalMessage.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-import '../../styles/fontStyles.css';
 export declare type GlobalMessagePurpose = 'info' | 'warning' | 'danger';
 export declare type GlobalMessageProps = {
     message?: string;

package/dist/components/List/List.d.ts

@@ -1,6 +1,5 @@
 import { HTMLAttributes } from 'react';
 import { TypographyBodyType } from '../Typography';
-import '../../styles/fontStyles.css';
 export declare type ListType = 'ordered' | 'unordered';
 export declare type ListTypographyType = TypographyBodyType | 'inherit';
 export declare type ListProps = {

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

@@ -1,6 +1,5 @@
 import { HTMLAttributes } from 'react';
 import * as CSS from 'csstype';
-import '../../styles/fontStyles.css';
 export declare type LocalMessagePurpose = 'info' | 'warning' | 'danger' | 'confidential' | 'success' | 'tips';
 export declare type LocalMessageLayout = 'horisontal' | 'vertical';
 export declare type LocalMessageProps = {

package/dist/components/Pagination/Pagination.d.ts

@@ -8,6 +8,7 @@ export declare type PaginationProps = {
     withCounter?: boolean;
     withSelect?: boolean;
     selectOptions?: SelectOption[];
+    onSelectOptionChange?: (option: SelectOption | null) => void;
     smallScreen?: boolean;
     onChange?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, page: number) => void;
 } & Omit<HTMLAttributes<HTMLElement>, 'onChange'>;
@@ -19,6 +20,7 @@ export declare const Pagination: import("react").ForwardRefExoticComponent<{
     withCounter?: boolean | undefined;
     withSelect?: boolean | undefined;
     selectOptions?: SelectOption[] | undefined;
+    onSelectOptionChange?: ((option: SelectOption | null) => void) | undefined;
     smallScreen?: boolean | undefined;
     onChange?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>, page: number) => void) | undefined;
 } & Omit<HTMLAttributes<HTMLElement>, "onChange"> & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,5 +1,4 @@
 import { RadioButtonProps } from './RadioButton.types';
-import '../../styles/fontStyles.css';
 export declare const CustomRadioButton: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const Input: import("styled-components").StyledComponent<"input", any, {
     type: import("react").HTMLInputTypeAttribute;

package/dist/components/Search/Search.d.ts

@@ -1,5 +1,4 @@
 import React, { ButtonHTMLAttributes, InputHTMLAttributes, MouseEvent } from 'react';
-import '../../styles/fontStyles.css';
 export declare type SearchSize = 'small' | 'medium' | 'large';
 declare type ButtonProps = {
     onClick: (event: MouseEvent<HTMLButtonElement>) => void;

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

@@ -1,6 +1,5 @@
 import { Styles } from 'react-select';
 import { IconWrapper } from '../../helpers/IconWrapper';
-import '../../styles/fontStyles.css';
 export declare const prefix = "dds-select";
 export declare const Label: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
 declare type StyledContainerProps = {

package/dist/components/Table/Row.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-import '../../styles/fontStyles.css';
 export declare type TableRowType = 'body' | 'head';
 export declare type RowMode = 'normal' | 'sum';
 export declare type TableRowProps = {

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,13 +1,9 @@
 import { TextInputProps } from './TextInput.types';
-import '../../styles/fontStyles.css';
-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/components/Typography/Typography.d.ts

@@ -1,7 +1,6 @@
 import { HTMLAttributes, ElementType, AnchorHTMLAttributes, LabelHTMLAttributes } from 'react';
 import { CSSObject } from 'styled-components';
 import { TypographyType } from './Typography.types';
-import '../../styles/fontStyles.css';
 export declare function isTextColor(color: string): color is TextColor;
 export declare const getTextColor: (color: TextColor | string) => string;
 export declare type TextColor = 'interactive' | 'primary' | 'danger' | 'warning' | 'success' | 'onLight' | 'onDark' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'gray6' | 'gray7' | 'gray8' | 'gray9';

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

@@ -1,5 +1,4 @@
 import * as CSS from 'csstype';
-import '../../styles/fontStyles.css';
 declare type MessageType = 'error' | 'tip';
 declare type Props = {
     message: string;