@norges-domstoler/dds-components 0.0.30 → 1.0.0

package/dist/components/Modal/Modal.d.ts

@@ -0,0 +1,15 @@
+import { HTMLAttributes, ReactNode, RefObject } from 'react';
+export declare type ModalProps = {
+    onClose?: () => void;
+    isOpen?: boolean;
+    parentElement?: HTMLElement;
+    header?: string | ReactNode;
+    triggerRef?: RefObject<HTMLElement>;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const Modal: import("react").ForwardRefExoticComponent<{
+    onClose?: (() => void) | undefined;
+    isOpen?: boolean | undefined;
+    parentElement?: HTMLElement | undefined;
+    header?: string | ReactNode;
+    triggerRef?: RefObject<HTMLElement> | undefined;
+} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,19 @@
+import { CSSObject } from 'styled-components';
+export declare const modalTokens: {
+    base: CSSObject;
+    focus: {
+        base: CSSObject;
+    };
+    contentContainer: {
+        base: CSSObject;
+    };
+    actionsContainer: {
+        base: CSSObject;
+    };
+    bodyScrollable: {
+        base: CSSObject;
+        focus: {
+            base: CSSObject;
+        };
+    };
+};

package/dist/components/Modal/ModalActions.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from 'react';
+export declare type ModalActionsProps = HTMLAttributes<HTMLDivElement>;
+export declare const ModalActions: import("react").ForwardRefExoticComponent<ModalActionsProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Modal/ModalBody.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+export declare type ModalBodyProps = {
+    scrollable?: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const ModalBody: import("react").ForwardRefExoticComponent<{
+    scrollable?: boolean | undefined;
+} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Modal/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Modal';
+export * from './ModalBody';
+export * from './ModalActions';

package/dist/helpers/Backdrop/Backdrop.d.ts

@@ -0,0 +1,5 @@
+declare type BackdropProps = {
+    isOpen: boolean;
+};
+export declare const Backdrop: import("styled-components").StyledComponent<"div", any, BackdropProps, never>;
+export {};

package/dist/helpers/Backdrop/Backdrop.utils.d.ts

@@ -0,0 +1,2 @@
+export declare function handleElementWithBackdropMount(container: HTMLElement): void;
+export declare function handleElementWithBackdropUnmount(container: HTMLElement): void;

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

@@ -0,0 +1,2 @@
+export * from './Backdrop';
+export * from './Backdrop.utils';

package/dist/helpers/color.d.ts

@@ -0,0 +1,6 @@
+export declare type ColorAlphaFormat = 'hex8' | 'decimal';
+export declare const convertAlpha: (value: number | string, typeFrom: ColorAlphaFormat, typeTo: ColorAlphaFormat) => string | number | undefined;
+export declare const hexToRGBA: (hex: string) => string;
+export declare const addAlphaToRGB: (rgb: string, alpha: number | string) => string;
+export declare const RGBToHex: (value: string) => string;
+export declare const changeRGBAAlpha: (value: string, alpha: number) => string;

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

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

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

@@ -0,0 +1 @@
+export declare const visibilityTransition: (open: boolean) => import("styled-components").FlattenSimpleInterpolation;

package/dist/hooks/index.d.ts

@@ -3,3 +3,5 @@ export * from './useOnClickOutside';
 export * from './useOnKeyDown';
 export * from './useReactPopper';
 export * from './useRoveFocus';
+export * from './useFocusTrap';
+export * from './useMountTransition';

package/dist/hooks/useFocusTrap.d.ts

@@ -0,0 +1 @@
+export declare function useFocusTrap<T extends HTMLElement>(active: boolean): import("react").RefObject<T>;

package/dist/hooks/useMountTransition.d.ts

@@ -0,0 +1 @@
+export declare const useMountTransition: (isMounted: boolean, unmountDelay: number) => boolean;

package/dist/index.d.ts

@@ -22,4 +22,5 @@ export * from './components/InternalHeader';
 export * from './components/Datepicker';
 export * from './components/SkipToContent';
 export * from './components/Tooltip';
+export * from './components/Modal';
 export * from './components/Popover';