@norges-domstoler/dds-components 2.1.0 → 2.2.0

package/dist/components/InputMessage/InputMessage.d.ts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from 'react';
+export declare type InputMessageType = 'error' | 'tip';
+export declare type InputMessageProps = {
+    message: string;
+    messageType: InputMessageType;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const InputMessage: import("react").ForwardRefExoticComponent<{
+    message: string;
+    messageType: InputMessageType;
+} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/{helpers → components}/InputMessage/InputMessage.tokens.d.ts

@@ -1,9 +1,7 @@
 import { CSSObject } from 'styled-components';
-import * as CSS from 'csstype';
 export declare const inputMessageTokens: {
     padding: string;
     base: CSSObject;
-    defaultMaxWidth: CSS.Property.MaxWidth<string>;
     tip: {
         base: CSSObject;
     };

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

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

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

@@ -0,0 +1,11 @@
+import { SvgIconTypeMap } from '@mui/material';
+import { OverridableComponent } from '@mui/material/OverridableComponent';
+import { InputHTMLAttributes } from 'react';
+export declare type ToggleButtonProps = {
+    label?: string;
+    Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, 'svg'>>;
+} & InputHTMLAttributes<HTMLInputElement>;
+export declare const ToggleButton: import("react").ForwardRefExoticComponent<{
+    label?: string | undefined;
+    Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, "svg">> | undefined;
+} & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,22 @@
+import { CSSObject } from 'styled-components';
+export declare const toggleButtonTokens: {
+    base: CSSObject;
+    hover: {
+        base: CSSObject;
+    };
+    focus: {
+        base: CSSObject;
+    };
+    checked: {
+        base: CSSObject;
+        hover: {
+            base: CSSObject;
+        };
+    };
+    group: {
+        base: CSSObject;
+    };
+    container: {
+        base: CSSObject;
+    };
+};

package/dist/components/ToggleButton/ToggleButtonGroup.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from 'react';
+declare type Direction = 'row' | 'column';
+export declare type ToggleButtonGroupProps = {
+    direction?: Direction;
+    label?: string;
+    labelId?: string;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const ToggleButtonGroup: ({ children, direction, label, labelId, ...props }: ToggleButtonGroupProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+export * from './ToggleButton';
+export * from './ToggleButtonGroup';

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/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';