@norges-domstoler/dds-components 5.1.0 → 5.1.1

package/README.md

@@ -70,6 +70,12 @@ Det brukes en egen workflow for release av ny versjon av `@norges-domstoler/dds-
 
 For versjonering brukes [_semantisk versjonering_](https://semver.org/) for å holde ting organisert og for å enkelt kommunisere utviklingsløpet til pakken.
 
+### Pre-release versjoner
+
+Hvis man ønsker å publisere en pre-release kan man følge samme flyt som vanlig release, men markere releasen som "pre-release" på Github. Da vil det publiseres en ny versjon til `next`-taggen på NPM istedenfor `latest` som i normal flyt. Pre-releases kan brukes for å publisere innhold som er ment til å være med i neste versjon, men som kan testes av konsumenter før neste release er klar.
+
+Versjonsnummerering for pre-releases skal følge `-beta.x`, eksempelvis `5.0.0-beta.1` osv.
+
 ## ⌨️ For bidragsytere
 
 Sjekk ut [guiden for bidragsytere](https://design.domstol.no/987b33f71/p/34c962-bidra/b/3611d5).

package/dist/assets/svg/calendar_today.svg.js

@@ -1,4 +1,4 @@
-var img = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='rgba(58%2c65%2c70%2c1)'%3e%3cpath d='M0 0h24v24H0V0z' fill='none'/%3e%3cpath d='M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V10h16v11zm0-13H4V5h16v3z'/%3e%3c/svg%3e";
+var img = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3e%3cpath d='M0 0h24v24H0V0z' fill='none'/%3e%3cpath d='M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V10h16v11zm0-13H4V5h16v3z' fill='%233a4146' /%3e%3c/svg%3e";
   var CalendarIcon = img;
 
 export { CalendarIcon as default };

package/dist/cjs/components/Drawer/DrawerGroup.d.ts

@@ -9,5 +9,5 @@ declare type DrawerGroupProps = {
     /**Ekstra logikk som kjøres når `<Drawer />` lukkes. */
     onClose?: () => void;
 };
-export declare const DrawerGroup: ({ children, drawerId, onOpen, onClose }: DrawerGroupProps) => JSX.Element;
+export declare const DrawerGroup: ({ children, drawerId, onOpen, onClose, }: DrawerGroupProps) => JSX.Element;
 export {};

package/dist/cjs/components/OverflowMenu/OverflowMenuGroup.d.ts

@@ -11,4 +11,4 @@ export declare type OverflowMenuGroupProps = {
     /**Custom id for `<OverflowMenu />`. */
     overflowMenuId?: string;
 };
-export declare const OverflowMenuGroup: ({ children, onClose, onToggle, onOpen, overflowMenuId }: OverflowMenuGroupProps) => JSX.Element;
+export declare const OverflowMenuGroup: ({ children, onClose, onToggle, onOpen, overflowMenuId, }: OverflowMenuGroupProps) => JSX.Element;

package/dist/cjs/components/Popover/PopoverGroup.d.ts

@@ -11,4 +11,4 @@ export declare type PopoverGroupProps = {
     /** Barna til wrapperen: anchor-element som det første og `<Popover />` so det adnre.  */
     children: ReactNode;
 };
-export declare const PopoverGroup: ({ isOpen, onCloseButtonClick, onTriggerClick, children, popoverId }: PopoverGroupProps) => JSX.Element;
+export declare const PopoverGroup: ({ isOpen, onCloseButtonClick, onTriggerClick, children, popoverId, }: PopoverGroupProps) => JSX.Element;

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

@@ -12,4 +12,6 @@ export declare const RadioButton: import("react").ForwardRefExoticComponent<{
     required?: boolean | undefined;
     onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
     'aria-describedby'?: string | undefined;
+} & {
+    children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -15,6 +15,8 @@ declare const _default: {
         checked?: boolean | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
+    } & {
+        children?: import("react").ReactNode;
     } & import("react").RefAttributes<HTMLInputElement>>;
     argTypes: {
         label: {

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

@@ -1,7 +1,7 @@
 import { InputHTMLAttributes } from 'react';
-import { BaseComponentProps } from '../../types';
+import { BaseComponentPropsWithChildren } from '../../types';
 declare type PickedInputHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'readOnly' | 'checked' | 'value' | 'required' | 'onChange' | 'aria-describedby'>;
-export declare type RadioButtonProps = BaseComponentProps<HTMLInputElement, {
+export declare type RadioButtonProps = BaseComponentPropsWithChildren<HTMLInputElement, {
     /**Ledetekst for alternativet. */
     label?: string;
     /**Spesifiserer om input er disabled. */

package/dist/cjs/components/Stepper/Step.d.ts

@@ -0,0 +1,20 @@
+import { BaseComponentPropsWithChildren } from '../../types';
+declare type BaseStepProps = {
+    /** Om steget er valgt eller ikke. Settes av konsument. */
+    active?: boolean;
+    /** Om steget er ferdig eller ikke. Settes av konsument */
+    completed?: boolean;
+    /** Indeksen til steget. NB! Denne settes automatisk av <Stepper /> og skal ikke settes manuelt. */
+    index?: number;
+};
+declare type StepProps = ({
+    /** Click-handler som gjør det mulig for bruker å klikke på steget for å navigere. Valgfri. */
+    onClick: (stepIndex: number) => void;
+} & BaseComponentPropsWithChildren<HTMLButtonElement, BaseStepProps>) | ({
+    onClick?: undefined;
+} & BaseComponentPropsWithChildren<HTMLDivElement, BaseStepProps>);
+/**
+ * @beta Denne komponenten er ikke ferdig og endringer kan gjøres utenfor semver.
+ */
+export declare const Step: (props: StepProps) => JSX.Element;
+export {};

package/dist/cjs/components/Stepper/Stepper.context.d.ts

@@ -0,0 +1,6 @@
+declare type StepperContextType = {
+    activeStep: number;
+};
+export declare const StepperContext: import("react").Context<StepperContextType>;
+export declare const useStepperContext: () => StepperContextType;
+export {};

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

@@ -0,0 +1,11 @@
+/**
+ * @beta Denne komponenten er ikke ferdig og endringer kan gjøres utenfor semver.
+ */
+export declare const Stepper: import("react").ForwardRefExoticComponent<{
+    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
+} & Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+    /** Indeksen til det aktive steget. */
+    activeStep?: number | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,25 @@
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
+    } & Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+        activeStep?: number | undefined;
+    } & {
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    argTypes: {
+        color: {
+            control: {
+                type: string;
+            };
+        };
+        size: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Overview: () => JSX.Element;
+export declare const NonClickable: () => JSX.Element;

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

@@ -0,0 +1,39 @@
+export declare const stepperTokens: {
+    connector: {
+        color: string;
+    };
+    stepNumber: {
+        active: {
+            borderColor: string;
+            color: string;
+            backgroundColor: string;
+        };
+        completed: {
+            borderColor: string;
+            color: string;
+            backgroundColor: string;
+        };
+        inactive: {
+            borderColor: string;
+            color: string;
+            backgroundColor: string;
+        };
+    };
+    stepButton: {
+        marginTop: string;
+        fontFamily: string;
+        fontSize: string;
+        active: {
+            color: string;
+            textDecoration: string;
+        };
+        completed: {
+            color: string;
+            textDecoration: string;
+        };
+        inactive: {
+            color: string;
+            textDecoration: string;
+        };
+    };
+};

package/dist/cjs/components/Stepper/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Stepper';
+export * from './Step';

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

@@ -4,5 +4,5 @@ declare type SvgChevronProps = {
     height?: Property.Height<string>;
     width?: Property.Width<string>;
 };
-export declare const AnimatedChevronUpDown: ({ isUp, height, width }: SvgChevronProps) => JSX.Element;
+export declare const AnimatedChevronUpDown: ({ isUp, height, width, }: SvgChevronProps) => JSX.Element;
 export {};

package/dist/cjs/hooks/useRoveFocus.d.ts

@@ -1,3 +1,4 @@
-import { Dispatch, SetStateAction } from 'react';
+import { Dispatch, SetStateAction, KeyboardEvent } from 'react';
 import { Direction } from '../types';
+export declare const isKeyboardEvent: (e: Event | KeyboardEvent<Element>) => e is KeyboardEvent<Element>;
 export declare function useRoveFocus(size: number | undefined, reset?: boolean, direction?: Direction): [number, Dispatch<SetStateAction<number>>];

package/dist/cjs/index.d.ts

@@ -34,3 +34,4 @@ export * from './components/Tag';
 export * from './components/Chip';
 export * from './components/VisuallyHidden';
 export * from './icons/tsx';
+export * from './components/Stepper';