@digdir/designsystemet-react 1.0.0-next.44 → 1.0.0-next.45

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
 export * from './components';
-export { useSynchronizedAnimation, useIsomorphicLayoutEffect, RovingFocusRoot, useRovingFocus, RovingFocusItem, getNextFocusableValue, getPrevFocusableValue, omit, } from './utilities';
+export * from './utilities';
 export type { Size } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EACL,wBAAwB,EACxB,yBAAyB,EACzB,eAAe,EACf,cAAc,EACd,eAAe,EACf,qBAAqB,EACrB,qBAAqB,EACrB,IAAI,GACL,MAAM,aAAa,CAAC;AACrB,YAAY,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,YAAY,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC"}

package/dist/types/types.d.ts

@@ -1,21 +1,16 @@
 import type { ReactNode } from 'react';
 import type { Color } from './colors';
 export type Size = 'sm' | 'md' | 'lg';
-export type PortalProps = {
+export type DefaultProps = {
     /**
-     * Portals the floating element outside of the app root and into the body.
-     * @see https://floating-ui.com/docs/floatingportal
-     * @default false
+     * Changes size for descendant Designsystemet components. Select from predefined sizes.
      */
-    portal?: boolean;
-};
-export type DefaultProps = {
-    'data-size'?: Size;
+    'data-size'?: Size | (string & {});
     /**
-     * Sets a color palette which may be used by descendants. Does not affect this component.
-     * If left unspecified, the color is inherited from the nearest ancestor with data-color.
+     * Changes color for descendant Designsystemet components.
+     * Select from predefined colors and colors defined using theme.designsystemet.no.
      */
-    'data-color'?: Color;
+    'data-color'?: Color | (string & {});
 };
 export type LabelRequired = {
     'aria-label': string;

package/dist/types/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtC,MAAM,MAAM,WAAW,GAAG;IACxB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,aAAa,GACrB;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GAClE;IAAE,YAAY,CAAC,EAAE,KAAK,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CAAE,GACrE;IAAE,YAAY,CAAC,EAAE,KAAK,CAAC;IAAC,iBAAiB,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtC,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACnC;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,aAAa,GACrB;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GAClE;IAAE,YAAY,CAAC,EAAE,KAAK,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CAAE,GACrE;IAAE,YAAY,CAAC,EAAE,KAAK,CAAC;IAAC,iBAAiB,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC"}

package/dist/types/utilities/hooks/index.d.ts

@@ -1,10 +1,10 @@
+export { useCheckboxGroup } from './useCheckboxGroup/useCheckboxGroup';
 export { useDebounceCallback } from './useDebounceCallback/useDebounceCallback';
 export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';
 export { useMediaQuery } from './useMediaQuery/useMediaQuery';
-export { useSynchronizedAnimation } from './useSynchronizedAnimation/useSynchronizedAnimation';
 export { usePrevious } from './usePrevious/usePrevious';
 export { useRadioGroup } from './useRadioGroup/useRadioGroup';
-export { useCheckboxGroup } from './useCheckboxGroup/useCheckboxGroup';
+export { useSynchronizedAnimation } from './useSynchronizedAnimation/useSynchronizedAnimation';
 export type { UseRadioGroupProps } from './useRadioGroup/useRadioGroup';
 export type { UseCheckboxGroupProps } from './useCheckboxGroup/useCheckboxGroup';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/utilities/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utilities/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,yBAAyB,EAAE,MAAM,uDAAuD,CAAC;AAClG,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AAC/F,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAEvE,YAAY,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACxE,YAAY,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utilities/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,yBAAyB,EAAE,MAAM,uDAAuD,CAAC;AAClG,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AAE/F,YAAY,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACxE,YAAY,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC"}

package/dist/types/utilities/hooks/useCheckboxGroup/useCheckboxGroup.d.ts

@@ -80,7 +80,6 @@ export declare function useCheckboxGroup(props?: UseCheckboxGroupProps): {
         disabled: boolean | undefined;
         readOnly: boolean | undefined;
         required: boolean | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
         accept?: string | undefined;
         alt?: string | undefined;
         autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
@@ -105,6 +104,7 @@ export declare function useCheckboxGroup(props?: UseCheckboxGroupProps): {
         step?: number | string | undefined;
         width?: number | string | undefined;
         defaultChecked?: boolean | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
         accessKey?: string | undefined;
@@ -150,8 +150,8 @@ export declare function useCheckboxGroup(props?: UseCheckboxGroupProps): {
         inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
         popovertarget?: string | undefined;
-        'data-size'?: "sm" | "md" | "lg" | undefined;
-        'data-color'?: import("../../../colors").Color | undefined;
+        'data-size'?: (import("../../..").Size | (string & {})) | undefined;
+        'data-color'?: (import("../../../colors").Color | (string & {})) | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;

package/dist/types/utilities/hooks/useRadioGroup/useRadioGroup.d.ts

@@ -68,7 +68,6 @@ export declare function useRadioGroup({ error, readOnly, required, disabled, nam
         readOnly: boolean | undefined;
         disabled: boolean | undefined;
         onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-        defaultValue?: string | number | readonly string[] | undefined;
         accept?: string | undefined;
         alt?: string | undefined;
         autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
@@ -93,6 +92,7 @@ export declare function useRadioGroup({ error, readOnly, required, disabled, nam
         step?: number | string | undefined;
         width?: number | string | undefined;
         defaultChecked?: boolean | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
         accessKey?: string | undefined;
@@ -138,8 +138,8 @@ export declare function useRadioGroup({ error, readOnly, required, disabled, nam
         inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
         popovertarget?: string | undefined;
-        'data-size'?: "sm" | "md" | "lg" | undefined;
-        'data-color'?: import("../../../colors").Color | undefined;
+        'data-size'?: (import("../../..").Size | (string & {})) | undefined;
+        'data-color'?: (import("../../../colors").Color | (string & {})) | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@digdir/designsystemet-react",
   "type": "module",
-  "version": "1.0.0-next.44",
+  "version": "1.0.0-next.45",
   "description": "React components for Designsystemet",
   "author": "Designsystemet team",
   "repository": {

package/dist/types/components/Fieldset/FieldsetContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldsetContext.d.ts","sourceRoot":"","sources":["../../../src/components/Fieldset/FieldsetContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iDAAiD,CAAC;AAEtF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,cAAc,EACd,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAC1C,CAAC;AAEF,eAAO,MAAM,eAAe,2CAAkD,CAAC"}

package/dist/types/components/Textarea/useTextarea.d.ts

@@ -1,10 +0,0 @@
-import type { TextareaHTMLAttributes } from 'react';
-import type { FormField } from '../../utilities/hooks/useFormField/useFormField';
-import type { TextareaProps } from './Textarea';
-type UseTextarea = (props: TextareaProps) => Omit<FormField, 'inputProps'> & {
-    textareaProps: Pick<TextareaHTMLAttributes<HTMLTextAreaElement>, 'readOnly' | 'name' | 'required' | 'onClick' | 'onChange'> & FormField['inputProps'];
-};
-/** Handles props for `Textarea` in context with `Fieldset` */
-export declare const useTextarea: UseTextarea;
-export {};
-//# sourceMappingURL=useTextarea.d.ts.map

package/dist/types/components/Textarea/useTextarea.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTextarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/useTextarea.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAGpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iDAAiD,CAAC;AAIjF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,KAAK,WAAW,GAAG,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG;IAC3E,aAAa,EAAE,IAAI,CACjB,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAC1D,GACC,SAAS,CAAC,YAAY,CAAC,CAAC;CAC3B,CAAC;AAEF,8DAA8D;AAC9D,eAAO,MAAM,WAAW,EAAE,WAgCzB,CAAC"}

package/dist/types/utilities/hooks/useFormField/useFormField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFormField.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/useFormField/useFormField.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5E,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,MAAM,cAAc,GAAG;IAC3B,mCAAmC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,2BAA2B;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,kBAAkB,CAAC,CAAC;AAE1D,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE;QACV,EAAE,EAAE,MAAM,CAAC;KACZ,GAAG,IAAI,CACN,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,UAAU,GAAG,cAAc,GAAG,kBAAkB,CACjD,CAAC;CACH,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC;AAE9C;;GAEG;AACH,eAAO,MAAM,YAAY,UAChB,cAAc,UACb,MAAM,KACb,SAkCF,CAAC"}