@norges-domstoler/dds-components 0.0.26 → 0.0.29

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

@@ -1,4 +1,3 @@
-import { IconWrapper } from '../../helpers/IconWrapper';
 import { ButtonAppearance, ButtonPurpose, ButtonSize, IconPosition } from './Button.types';
 declare type ButtonWrapperProps = {
     appearance: ButtonAppearance;
@@ -8,16 +7,13 @@ declare type ButtonWrapperProps = {
     hasIcon: boolean;
     hasLabel: boolean;
     isLoading: boolean;
+    iconPosition?: IconPosition;
 };
 export declare const ButtonWrapper: import("styled-components").StyledComponent<"button", any, ButtonWrapperProps, never>;
-declare type IconWithTextWrapperProps = {
-    iconPosition: IconPosition;
+declare type StyledIconWrapperSpanProps = {
+    iconPosition?: IconPosition;
     size: ButtonSize;
 };
-export declare const IconWithTextWrapper: import("styled-components").StyledComponent<typeof IconWrapper, any, IconWithTextWrapperProps, never>;
-declare type JustIconWrapperProps = {
-    size: ButtonSize;
-};
-export declare const JustIconWrapper: import("styled-components").StyledComponent<"span", any, JustIconWrapperProps, never>;
+export declare const StyledIconWrapperSpan: import("styled-components").StyledComponent<"span", any, StyledIconWrapperSpanProps, never>;
 export declare const Label: import("styled-components").StyledComponent<"span", any, {}, never>;
 export {};

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

@@ -42,6 +42,18 @@ export declare const buttonTokens: {
             };
             iconWithTextMargin: string;
         };
+        tiny: {
+            justIcon: {
+                base: CSSObject;
+            };
+            justIconWrapper: {
+                base: CSSObject;
+            };
+            text: {
+                base: CSSObject;
+            };
+            iconWithTextMargin: string;
+        };
     };
     appearance: {
         filled: {

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

@@ -2,7 +2,7 @@ import { SvgIconTypeMap } from '@material-ui/core/SvgIcon';
 import { OverridableComponent } from '@material-ui/core/OverridableComponent';
 import React, { ButtonHTMLAttributes } from 'react';
 export declare type ButtonPurpose = 'primary' | 'secondary' | 'danger';
-export declare type ButtonSize = 'small' | 'medium' | 'large';
+export declare type ButtonSize = 'tiny' | 'small' | 'medium' | 'large';
 export declare type ButtonAppearance = 'filled' | 'ghost' | 'rounded' | 'borderless';
 export declare type IconPosition = 'left' | 'right';
 export declare type ButtonProps = {

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

@@ -1,9 +1,12 @@
 import { HTMLAttributes } from 'react';
+import * as CSS from 'csstype';
 export declare type CardAccordionBodyProps = {
     isExpanded?: boolean;
     headerId?: string;
+    paddingTop?: CSS.PaddingTopProperty<string>;
 } & HTMLAttributes<HTMLDivElement>;
 export declare const CardAccordionBody: import("react").ForwardRefExoticComponent<{
     isExpanded?: boolean | undefined;
     headerId?: string | undefined;
+    paddingTop?: string | undefined;
 } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,11 +1,11 @@
-import { HTMLAttributes } from 'react';
+import { ButtonHTMLAttributes } from 'react';
 export declare type CardAccordionHeaderProps = {
     isExpanded?: boolean;
     toggleExpanded?: () => void;
     bodyId?: string;
-} & HTMLAttributes<HTMLDivElement>;
+} & ButtonHTMLAttributes<HTMLButtonElement>;
 export declare const CardAccordionHeader: import("react").ForwardRefExoticComponent<{
     isExpanded?: boolean | undefined;
     toggleExpanded?: (() => void) | undefined;
     bodyId?: string | undefined;
-} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+} & ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -7,4 +7,11 @@ export declare const cardAccordionHeaderTokens: {
     hover: {
         base: CSSObject;
     };
+    chevronWrapper: {
+        base: CSSObject;
+    };
+    chevron: {
+        width: string;
+        height: string;
+    };
 };

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

@@ -0,0 +1,9 @@
+import { CSSObject } from 'styled-components';
+export declare const datepickerTokens: {
+    calendarIndicator: {
+        base: CSSObject;
+        focus: {
+            base: CSSObject;
+        };
+    };
+};

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.tokens.d.ts

@@ -209,6 +209,12 @@ export declare const typographyTokens: {
                 base: CSSObject;
             };
         };
+        supportingStyleTiny02: {
+            base: CSSObject;
+            margins: {
+                base: CSSObject;
+            };
+        };
     };
     style: {
         bold: {

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

@@ -3,5 +3,6 @@ export declare type TypographyBodySerifType = 'bodySerif01' | 'bodySerif02' | 'b
 export declare type TypographyBodyType = TypographyBodySansType | TypographyBodySerifType;
 export declare type TypographyHeadingType = 'headingSans01' | 'headingSans02' | 'headingSans03' | 'headingSans04' | 'headingSans05' | 'headingSans06' | 'headingSans07' | 'headingSans08';
 export declare type TypographyLeadType = 'leadSans01' | 'leadSans02' | 'leadSans03' | 'leadSans04' | 'leadSans05';
-export declare type TypographySupportingType = 'supportingStyleLabel01' | 'supportingStyleInputText01' | 'supportingStyleInputText02' | 'supportingStyleInputText03' | 'supportingStyleHelperText01' | 'supportingStylePlaceholderText01' | 'supportingStyleTiny01';
+export declare type TypographySupportingType = 'supportingStyleLabel01' | 'supportingStyleInputText01' | 'supportingStyleInputText02' | 'supportingStyleInputText03' | 'supportingStyleHelperText01' | 'supportingStylePlaceholderText01' | 'supportingStyleTiny01' | 'supportingStyleTiny02';
 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/Chevron/AnimatedChevronUpDown.d.ts

@@ -1,2 +1,8 @@
-import { SvgChevronProps } from './AnimatedChevronUpDown.styles';
-export declare const AnimatedChevronUpDown: ({ isUp }: SvgChevronProps) => JSX.Element;
+import * as CSS from 'csstype';
+declare type SvgChevronProps = {
+    isUp?: boolean;
+    height?: CSS.HeightProperty<string>;
+    width?: CSS.WidthProperty<string>;
+};
+export declare const AnimatedChevronUpDown: ({ isUp, height, width }: SvgChevronProps) => JSX.Element;
+export {};

package/dist/helpers/Chevron/AnimatedChevronUpDown.styles.d.ts

@@ -1,7 +1,7 @@
-export declare type SvgChevronProps = {
+export declare type StyledSvgChevronProps = {
     isUp?: boolean;
 };
-export declare const SvgChevron: import("styled-components").StyledComponent<"svg", any, SvgChevronProps, never>;
-export declare const SvgChevronlGroup: import("styled-components").StyledComponent<"g", any, SvgChevronProps, never>;
-export declare const SvgChevronlLeft: import("styled-components").StyledComponent<"path", any, SvgChevronProps, never>;
-export declare const SvgChevronlRight: import("styled-components").StyledComponent<"path", any, SvgChevronProps, never>;
+export declare const SvgChevron: import("styled-components").StyledComponent<"svg", any, StyledSvgChevronProps, never>;
+export declare const SvgChevronlGroup: import("styled-components").StyledComponent<"g", any, StyledSvgChevronProps, never>;
+export declare const SvgChevronlLeft: import("styled-components").StyledComponent<"path", any, StyledSvgChevronProps, never>;
+export declare const SvgChevronlRight: import("styled-components").StyledComponent<"path", any, StyledSvgChevronProps, never>;

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;