@norges-domstoler/dds-components 9.2.0-beta.0 → 9.2.0

package/dist/cjs/components/ToggleButton/ToggleButton.tokens.d.ts

@@ -1,22 +1,32 @@
-import { CSSObject } from 'styled-components';
+export declare const typographyType: import("../Typography").StaticTypographyType;
 export declare const toggleButtonTokens: {
-    base: CSSObject;
-    hover: {
-        base: CSSObject;
-    };
-    focus: {
-        base: CSSObject;
-    };
-    checked: {
-        base: CSSObject;
+    toggleButton: {
+        border: string;
+        backgroundColor: string;
+        color: string;
+        gap: string;
+        borderRadius: string;
+        padding: string;
         hover: {
-            base: CSSObject;
+            backgroundColor: string;
+            boxShadow: string;
+            borderColor: string;
+        };
+        checked: {
+            color: string;
+            hover: {
+                backgroundColor: string;
+                boxShadow: string;
+                borderColor: string;
+            };
+            borderColor: string;
+            backgroundColor: string;
         };
     };
     group: {
-        base: CSSObject;
+        gap: string;
     };
     container: {
-        base: CSSObject;
+        gap: string;
     };
 };

package/dist/cjs/components/Tooltip/Tooltip.stories.d.ts

@@ -1,7 +1,7 @@
 import { TooltipProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "children" | "style" | "onMouseLeave" | "onMouseOver">, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "style" | "children" | "onMouseLeave" | "onMouseOver">, "id" | "className"> & {
         text: string;
         placement?: import("../..").Placement | undefined;
         children: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & import("react").RefAttributes<HTMLElement>;
@@ -12,7 +12,7 @@ declare const _default: {
         onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
         onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     } & {
-        htmlProps?: Omit<import("react").HTMLAttributes<HTMLDivElement>, "children" | "style" | "onMouseLeave" | "onMouseOver"> | undefined;
+        htmlProps?: Omit<import("react").HTMLAttributes<HTMLDivElement>, "style" | "children" | "onMouseLeave" | "onMouseOver"> | undefined;
     } & import("react").RefAttributes<HTMLDivElement>>;
     argTypes: {
         text: {

package/dist/cjs/components/Tooltip/Tooltip.styles.d.ts

@@ -4,5 +4,8 @@ export declare const Container: import("styled-components").StyledComponent<"div
 declare type WrapperProps = {
     open: boolean;
 };
-export declare const TooltipWrapper: import("styled-components").StyledComponent<"div", any, WrapperProps, never>;
+export declare const TooltipWrapper: import("styled-components").StyledComponent<"div", any, {
+    elevation?: (1 | 2 | 3 | 4) | undefined;
+    border?: ("light" | "dark") | undefined;
+} & WrapperProps, never>;
 export {};

package/dist/cjs/components/Tooltip/Tooltip.tokens.d.ts

@@ -1,7 +1,6 @@
-import { CSSObject } from 'styled-components';
 export declare const tooltipTokens: {
     wrapper: {
-        base: CSSObject;
+        padding: string;
     };
     svgArrow: {
         border: {

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

@@ -1,5 +1,199 @@
 import { ElementType } from 'react';
-import { TypographyType, TypographyHeadingType, InlineElement, TypographyInteractionStyling, StaticTypographyType } from './Typography/Typography.types';
+import { TypographyType, TypographyHeadingType, InlineElement, TypographyInteractionStyling, StaticTypographyType, TypographyBodyType } from './Typography/Typography.types';
+export declare const defaultTypographyType: TypographyBodyType;
+export declare const getFontStyling: (type: StaticTypographyType, withColor?: boolean) => {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+};
 export declare const getElementType: (element: string) => ElementType;
 export declare const isHeading: (type: TypographyType) => type is TypographyHeadingType;
 export declare const inlineElements: ElementType[];

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

@@ -1,4 +1,5 @@
-import { CSSObject } from 'styled-components';
+import { InputTypographyTypes } from './Input.types';
+export declare const inputTypographyTypes: InputTypographyTypes;
 export declare const inputTokens: {
     input: {
         base: {
@@ -19,83 +20,16 @@ export declare const inputTokens: {
         sizes: {
             medium: {
                 padding: string;
-                font: {
-                    lineHeight: any;
-                    fontSize: string;
-                    letterSpacing: any;
-                    fontFamily: any;
-                    fontWeight: any;
-                    fontStyle: any;
-                };
             };
             small: {
                 padding: string;
-                font: {
-                    lineHeight: any;
-                    fontSize: string;
-                    letterSpacing: any;
-                    fontFamily: any;
-                    fontWeight: any;
-                    fontStyle: any;
-                };
             };
             tiny: {
                 padding: string;
-                font: {
-                    lineHeight: any;
-                    fontSize: string;
-                    letterSpacing: any;
-                    fontFamily: any;
-                    fontWeight: any;
-                    fontStyle: any;
-                };
             };
         };
     };
     container: {
         gap: string;
     };
-    general: {
-        input: {
-            borderRadius: string;
-            borderWidth: string;
-            borderColor: string;
-            textColor: string;
-            hover: {
-                backgroundColor: string;
-                borderColor: string;
-                borderWidth: string;
-            };
-            focus: {
-                borderColor: string;
-                borderWidth: string;
-            };
-        };
-        label: {
-            hover: {
-                textColor: string;
-            };
-            focus: {
-                textColor: string;
-            };
-        };
-    };
-    hasLabel: {
-        base: CSSObject;
-    };
-    noLabel: {
-        base: CSSObject;
-    };
-    label: {
-        base: CSSObject;
-        hover: {
-            base: CSSObject;
-        };
-        focus: {
-            base: CSSObject;
-        };
-        disabled: {
-            base: CSSObject;
-        };
-    };
 };

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

@@ -1,5 +1,6 @@
 import { InputHTMLAttributes } from 'react';
 import { Property } from 'csstype';
+import { StaticTypographyType } from '../../components/Typography';
 export declare type CommonInputProps = {
     /**Ledetekst for input. */
     label?: string;
@@ -19,3 +20,6 @@ export declare type StyledCommonInputProps = Pick<InputProps, 'readOnly' | 'disa
     hasErrorMessage: boolean;
 };
 export declare type StyledInputProps = StyledCommonInputProps & Pick<InputProps, 'componentSize'>;
+export declare type InputTypographyTypes = {
+    [k in InputSize]: StaticTypographyType;
+};

package/dist/cjs/helpers/SelectionControl/SelectionControl.styles.d.ts

@@ -1,3 +1,4 @@
+import { Direction } from '../../types';
 declare type SelectionControlType = 'radio' | 'checkbox';
 declare type CustomSelectionControlProps = {
     controlType?: SelectionControlType;
@@ -12,4 +13,8 @@ declare type ContainerProps = {
     controlType: SelectionControlType;
 };
 export declare const Container: import("styled-components").StyledComponent<"label", any, ContainerProps, never>;
+export declare const OuterGroupContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const GroupContainer: import("styled-components").StyledComponent<"div", any, {
+    direction: Direction;
+}, never>;
 export {};

package/dist/cjs/helpers/SelectionControl/SelectionControl.tokens.d.ts

@@ -80,4 +80,15 @@ export declare const selectionControlTokens: {
             padding: string;
         };
     };
+    groupContainer: {
+        row: {
+            gap: string;
+        };
+        column: {
+            gap: string;
+        };
+    };
+    outerGroupContainer: {
+        gap: string;
+    };
 };

package/dist/cjs/helpers/TextOverflowEllipsis/TextOverflowEllipsis.d.ts

@@ -0,0 +1,2 @@
+export declare const TextOverflowEllipsisWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const TextOverflowEllipsisInner: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/cjs/helpers/TextOverflowEllipsis/index.d.ts

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

package/dist/cjs/index.d.ts

@@ -40,3 +40,4 @@ export * from './components/Grid';
 export * from './components/ProgressTracker';
 export * from './hooks';
 export * from './components/TextArea';
+export * from './components/SplitButton';