@norges-domstoler/dds-components 0.0.26 → 0.0.27

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

@@ -5,10 +5,11 @@ export declare type CheckboxGroupProps = {
     direction?: Direction;
     groupId?: string;
     errorMessage?: string;
+    tip?: string;
     required?: boolean;
     className?: string;
     children?: React.ReactNode;
     style?: React.CSSProperties;
 } & HTMLAttributes<HTMLDivElement>;
-export declare const CheckboxGroup: ({ label, direction, errorMessage, required, groupId, children, className, style, ...rest }: CheckboxGroupProps) => JSX.Element;
+export declare const CheckboxGroup: ({ label, direction, errorMessage, tip, required, groupId, children, className, style, ...rest }: CheckboxGroupProps) => JSX.Element;
 export {};

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface CheckboxGroup {
+    error?: boolean;
+    errorMessageId?: string;
+    uniqueGroupId?: string;
+    tipId?: string;
+}
+export declare const CheckboxGroupContext: React.Context<Nullable<CheckboxGroup>>;
+export declare const useCheckboxGroup: () => Nullable<CheckboxGroup>;

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

@@ -5,6 +5,7 @@ export interface RadioButtonGroup {
     name?: string;
     value?: string | number | null;
     error?: boolean;
+    errorMessageId?: string;
     required?: boolean;
     onChange: (event: ChangeEvent<HTMLInputElement>) => void;
 }

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

@@ -1,6 +1,7 @@
+import { HTMLAttributes } from 'react';
 declare type Props = {
     current: number;
     max: number;
-};
-declare function CharCounter({ current, max }: Props): JSX.Element;
+} & HTMLAttributes<HTMLDivElement>;
+declare function CharCounter({ current, max, id, ...rest }: Props): JSX.Element;
 export default CharCounter;

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

@@ -1,6 +1,7 @@
 import { TextInputProps } from './TextInput.types';
-import { StyledInputProps } from '../../helpers/Input';
-export declare const TextArea: import("styled-components").StyledComponent<"textarea", any, StyledInputProps, never>;
+export declare const TextArea: import("styled-components").StyledComponent<"textarea", any, Pick<import("../../helpers/Input").InputProps, "label" | "readOnly" | "disabled"> & {
+    hasErrorMessage: boolean;
+}, 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/Input").StyledLabelProps & LabelProps, never>;

package/dist/components/Typography/Typography.d.ts

@@ -1,9 +1,8 @@
 import { HTMLAttributes, ElementType, AnchorHTMLAttributes, LabelHTMLAttributes } from 'react';
 import { CSSObject } from 'styled-components';
-import { TypographyType } from './Typography.types';
+import { TypographyType, TextColor } from './Typography.types';
 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';
 export declare type TypographyInteractionProps = {
     hover?: CSSObject;
     active?: CSSObject;

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

@@ -5,3 +5,4 @@ export declare type TypographyHeadingType = 'headingSans01' | 'headingSans02' |
 export declare type TypographyLeadType = 'leadSans01' | 'leadSans02' | 'leadSans03' | 'leadSans04' | 'leadSans05';
 export declare type TypographySupportingType = 'supportingStyleLabel01' | 'supportingStyleInputText01' | 'supportingStyleInputText02' | 'supportingStyleInputText03' | 'supportingStyleHelperText01' | 'supportingStylePlaceholderText01' | 'supportingStyleTiny01';
 export declare type TypographyType = 'a' | TypographyHeadingType | TypographyBodyType | TypographyLeadType | TypographySupportingType;
+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

@@ -1,6 +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 inputStyling: ({ readOnly, label, disabled, hasErrorMessage }: StyledInputProps) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+export declare const Input: import("styled-components").StyledComponent<"input", any, Pick<InputProps, "readOnly" | "label" | "disabled"> & {
+    hasErrorMessage: boolean;
+}, 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'>;

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

@@ -6,5 +6,7 @@ export declare type InputProps = {
     tip?: string;
     errorMessage?: string;
 } & InputHTMLAttributes<HTMLInputElement>;
-export declare type StyledInputProps = Pick<InputProps, 'readOnly' | 'errorMessage' | 'label' | 'disabled'>;
+export declare type StyledInputProps = Pick<InputProps, 'readOnly' | 'label' | 'disabled'> & {
+    hasErrorMessage: boolean;
+};
 export declare type StyledLabelProps = Pick<InputProps, 'disabled'>;

package/dist/helpers/InputMessage/InputMessage.d.ts

@@ -1,9 +1,9 @@
-import * as CSS from 'csstype';
+import { HTMLAttributes } from 'react';
 declare type MessageType = 'error' | 'tip';
-declare type Props = {
+export declare const InputMessage: import("react").ForwardRefExoticComponent<{
     message: string;
     messageType: MessageType;
-    maxWidth?: CSS.MaxWidthProperty<string>;
-};
-declare function InputMessage({ message, messageType, maxWidth }: Props): JSX.Element;
-export default InputMessage;
+    maxWidth?: string | undefined;
+    messageId?: string | undefined;
+} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export {};

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

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

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

@@ -0,0 +1 @@
+export declare const removeButtonStyling: import("styled-components").FlattenSimpleInterpolation;