@norges-domstoler/dds-components 12.1.2 → 13.0.0

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

@@ -6,6 +6,7 @@ export declare const Button: import("react").ForwardRefExoticComponent<Pick<Omit
     iconPosition?: import("./Button.types").IconPosition | undefined;
     appearance?: import("./Button.types").ButtonAppearance | undefined;
     loading?: boolean | undefined;
+    loadingTooltip?: string | undefined;
     icon?: import("../../icons/utils").SvgIcon | undefined;
     fullWidth?: boolean | undefined;
     href?: string | undefined;

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

@@ -8,6 +8,7 @@ declare const _default: {
         iconPosition?: import("./Button.types").IconPosition | undefined;
         appearance?: import("./Button.types").ButtonAppearance | undefined;
         loading?: boolean | undefined;
+        loadingTooltip?: string | undefined;
         icon?: import("../../icons/utils").SvgIcon | undefined;
         fullWidth?: boolean | undefined;
         href?: string | undefined;

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

@@ -19,6 +19,8 @@ export type ButtonProps = BaseComponentProps<HTMLButtonElement, {
     appearance?: ButtonAppearance;
     /**Indikerer en loading-knapp. */
     loading?: boolean;
+    /**Tooltip som vises ved loading. */
+    loadingTooltip?: string;
     /**Ikonet som ligger i knappen.  */
     icon?: SvgIcon;
     /**Knapp med full bredde. */

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

@@ -18,6 +18,7 @@ declare const _default: {
             control: {
                 type: string;
             };
+            defaultValue: string;
         };
         width: {
             control: {

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

@@ -1,14 +1,7 @@
 import { SvgIcon } from '../../icons/utils';
 import { ButtonPurpose } from '../Button';
 import { StaticTypographyType } from '../Typography';
-import { LocalMessagePurpose } from './LocalMessage';
 export declare const typographyType: StaticTypographyType;
-export declare const purposeVariants: {
-    [k in LocalMessagePurpose]: {
-        icon: SvgIcon;
-        closeButtonPurpose: ButtonPurpose;
-    };
-};
 export declare const localMessageTokens: {
     container: {
         base: {
@@ -16,6 +9,7 @@ export declare const localMessageTokens: {
             borderRadius: string;
             border: string;
             padding: string;
+            gap: string;
         };
         purpose: {
             info: {
@@ -44,21 +38,30 @@ export declare const localMessageTokens: {
             };
         };
     };
-    contentContainer: {
-        paddingRight: string;
-        paddingTop: string;
-        paddingBottom: string;
-        withClosable: {
-            paddingRight: string;
+    purposeVariants: {
+        info: {
+            icon: SvgIcon;
+            closeButtonPurpose: ButtonPurpose;
         };
-        vertical: {
-            paddingBottom: string;
+        warning: {
+            icon: SvgIcon;
+            closeButtonPurpose: ButtonPurpose;
         };
-    };
-    topContainer: {
-        paddingTop: string;
-        withClosable: {
-            paddingTop: string;
+        danger: {
+            icon: SvgIcon;
+            closeButtonPurpose: ButtonPurpose;
+        };
+        confidential: {
+            icon: SvgIcon;
+            closeButtonPurpose: ButtonPurpose;
+        };
+        success: {
+            icon: SvgIcon;
+            closeButtonPurpose: ButtonPurpose;
+        };
+        tips: {
+            icon: SvgIcon;
+            closeButtonPurpose: ButtonPurpose;
         };
     };
     icon: {

package/dist/cjs/components/ProgressTracker/ProgressTracker.d.ts

@@ -6,8 +6,6 @@ type ProgressTrackerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     activeStep?: number;
     /** Ekstra logikk ved klikking på et steg. */
     onStepChange?: (step: number) => void;
-    /** Om brukeren kan hoppe mellom stegene via museklikk på et steg. */
-    clickable?: boolean;
 }>;
 type ProgressTrackerComponent = ForwardRefExoticComponent<ProgressTrackerProps> & {
     Item: typeof ProgressTrackerItem;

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

@@ -3,7 +3,6 @@ declare const _default: {
     component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
         activeStep?: number | undefined;
         onStepChange?: ((step: number) => void) | undefined;
-        clickable?: boolean | undefined;
     } & {
         children?: import("react").ReactNode;
     } & {
@@ -39,4 +38,4 @@ declare const _default: {
 export default _default;
 export declare const Overview: () => JSX.Element;
 export declare const WithIcons: () => JSX.Element;
-export declare const NonClickable: () => JSX.Element;
+export declare const FutureStepsDisabled: () => JSX.Element;

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

@@ -27,7 +27,7 @@ export declare const searchTokens: {
             };
         };
     };
-    icon: {
+    searchIcon: {
         base: {
             left: string;
             color: string;
@@ -42,6 +42,11 @@ export declare const searchTokens: {
             top: string;
         };
     };
+    clearButton: {
+        right: string;
+        top: string;
+        color: string;
+    };
     horisontalContainer: {
         gap: string;
     };

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

@@ -0,0 +1,9 @@
+import { ChangeEvent } from 'react';
+/**
+ * Lager en change-event som kan resette verdien i et input-felt.
+ * Dette vil resultere i en event som har: event.target.value = ''.
+ *
+ * @param inputElementId Id'en til et gitt input-felt
+ * @returns En change-event som har en tom streng som target value
+ */
+export declare function createEmptyChangeEvent(inputElementId: string): ChangeEvent<HTMLInputElement>;

package/dist/cjs/components/Spinner/Spinner.d.ts

@@ -7,5 +7,7 @@ export type SpinnerProps = BaseComponentProps<SVGElement, {
     color?: TextColor | string;
     /**Størrelse; Setter høyde og bredde på spinneren. */
     size?: Property.Width<string>;
+    /**Tekst som vises ved hover. */
+    tooltip?: string;
 }>;
 export declare function Spinner(props: SpinnerProps): JSX.Element;

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

@@ -13,8 +13,14 @@ declare const _default: {
                 type: string;
             };
         };
+        tooltip: {
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
     };
 };
 export default _default;
-export declare const Overview: () => JSX.Element;
+export declare const Overview: (args: SpinnerProps) => JSX.Element;
 export declare const Default: (args: SpinnerProps) => JSX.Element;

package/dist/cjs/components/Stack/Stack.d.ts

@@ -20,12 +20,10 @@ export interface StackStyleProps {
     justify?: Justify;
     /**
      * Hvilken spacing token som skal brukes som CSS `gap`.
-     * @default 0
      */
     gap?: keyof typeof stackTokens.spacing | 0;
     /**
      * Hvilken spacing token som skal brukes som CSS `padding`.
-     * @default 0
      */
     padding?: keyof typeof stackTokens.spacing | 0;
 }