@norges-domstoler/dds-components 1.2.0 → 2.2.0

package/dist/helpers/IconWrapper/IconWrapper.d.ts

@@ -1,11 +1,11 @@
-import { SvgIconTypeMap } from '@material-ui/core/SvgIcon';
-import { OverridableComponent } from '@material-ui/core/OverridableComponent';
+import { SvgIconTypeMap } from '@mui/material/SvgIcon';
+import { OverridableComponent } from '@mui/material/OverridableComponent';
 import { HTMLAttributes } from 'react';
 import * as CSS from 'csstype';
 export declare type IconSize = 'small' | 'medium' | 'large' | 'inline';
 export declare type IconWrapperProps = {
     Icon: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, 'svg'>>;
     iconSize?: IconSize;
-    color?: CSS.ColorProperty;
+    color?: CSS.Property.Color;
 } & HTMLAttributes<SVGElement>;
 export declare function IconWrapper({ Icon, iconSize, color, className, style, ...rest }: IconWrapperProps): JSX.Element;

package/dist/helpers/Input/Input.styles.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps, StyledInputProps, StyledLabelProps } from './Input.types';
 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"> & {

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

@@ -2,7 +2,7 @@ import { InputHTMLAttributes } from 'react';
 import * as CSS from 'csstype';
 export declare type InputProps = {
     label?: string;
-    width?: CSS.WidthProperty<string>;
+    width?: CSS.Property.Width<string>;
     tip?: string;
     errorMessage?: string;
 } & InputHTMLAttributes<HTMLInputElement>;

package/dist/helpers/RequiredMarker.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare function RequiredMarker(): JSX.Element;
 export default RequiredMarker;

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

@@ -0,0 +1,7 @@
+export declare const hideInput: {
+    clip: string;
+    position: string;
+    height: number;
+    width: number;
+    margin: number;
+};

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

@@ -4,3 +4,4 @@ export * from './focusVisible';
 export * from './hover';
 export * from './focus';
 export * from './danger';
+export * from './hideInput';

package/dist/hooks/index.d.ts

@@ -1,7 +1,7 @@
 export * from './useCombinedRefs';
 export * from './useOnClickOutside';
 export * from './useOnKeyDown';
-export * from './useReactPopper';
+export * from './useFloatPosition';
 export * from './useRoveFocus';
 export * from './useFocusTrap';
 export * from './useMountTransition';

package/dist/hooks/useFloatPosition.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { Strategy } from '@floating-ui/react-dom';
+export declare type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
+export declare const useFloatPosition: (arrowRef: HTMLElement | null, placement?: Placement, offset?: number) => {
+    reference: (node: (Element | import("@floating-ui/core").VirtualElement) | null) => void;
+    floating: (node: HTMLElement | null) => void;
+    refs: {
+        reference: import("react").MutableRefObject<(Element | import("@floating-ui/core").VirtualElement) | null>;
+        floating: import("react").MutableRefObject<HTMLElement | null>;
+    };
+    styles: {
+        floating: {
+            position: Strategy;
+            top: string | number;
+            left: string | number;
+        };
+        arrow: {
+            [x: string]: string | number;
+            position: Strategy;
+            top: string | number;
+            left: string | number;
+            transform: string;
+        } | undefined;
+    };
+};

package/dist/hooks/useFocusTrap.d.ts

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

package/dist/index.d.ts

@@ -27,3 +27,5 @@ export * from './components/Modal';
 export * from './components/Drawer';
 export * from './components/OverflowMenu';
 export * from './components/Popover';
+export * from './components/InputMessage';
+export * from './components/ToggleButton';