@digdir/designsystemet-react 1.15.0 → 1.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/dist/cjs/components/button/button.js +1 -1
  2. package/dist/cjs/components/checkbox/checkbox.js +2 -2
  3. package/dist/cjs/components/dialog/dialog.js +15 -5
  4. package/dist/cjs/components/label/label.js +1 -1
  5. package/dist/cjs/components/pagination/pagination-button.js +1 -1
  6. package/dist/cjs/components/radio/radio.js +2 -2
  7. package/dist/cjs/components/tabs/tabs-tab.js +1 -3
  8. package/dist/cjs/components/toggle-group/toggle-group.js +1 -1
  9. package/dist/cjs/utilities/hooks/use-pagination/use-pagination.js +2 -4
  10. package/dist/esm/components/button/button.js +1 -1
  11. package/dist/esm/components/checkbox/checkbox.js +2 -2
  12. package/dist/esm/components/dialog/dialog.js +15 -5
  13. package/dist/esm/components/label/label.js +1 -1
  14. package/dist/esm/components/pagination/pagination-button.js +1 -1
  15. package/dist/esm/components/radio/radio.js +2 -2
  16. package/dist/esm/components/tabs/tabs-tab.js +1 -3
  17. package/dist/esm/components/toggle-group/toggle-group.js +1 -1
  18. package/dist/esm/utilities/hooks/use-pagination/use-pagination.js +2 -4
  19. package/dist/types/components/badge/index.d.ts +2 -2
  20. package/dist/types/components/breadcrumbs/breadcrumbs-link.d.ts +1 -1
  21. package/dist/types/components/checkbox/checkbox.d.ts +6 -0
  22. package/dist/types/components/checkbox/checkbox.d.ts.map +1 -1
  23. package/dist/types/components/dialog/dialog-trigger.d.ts +1 -1
  24. package/dist/types/components/dialog/dialog.d.ts.map +1 -1
  25. package/dist/types/components/error-summary/error-summary-link.d.ts +1 -1
  26. package/dist/types/components/error-summary/error-summary-list.d.ts +1 -1
  27. package/dist/types/components/error-summary/error-summary-list.d.ts.map +1 -1
  28. package/dist/types/components/field/field-counter.d.ts +1 -1
  29. package/dist/types/components/label/label.d.ts +0 -2
  30. package/dist/types/components/label/label.d.ts.map +1 -1
  31. package/dist/types/components/radio/radio.d.ts +6 -0
  32. package/dist/types/components/radio/radio.d.ts.map +1 -1
  33. package/dist/types/components/search/search-button.d.ts +1 -1
  34. package/dist/types/components/tabs/tabs-tab.d.ts.map +1 -1
  35. package/dist/types/index.d.ts +1 -1
  36. package/dist/types/index.d.ts.map +1 -1
  37. package/dist/types/utilities/hooks/use-pagination/use-pagination.d.ts +2 -2
  38. package/dist/types/utilities/hooks/use-pagination/use-pagination.d.ts.map +1 -1
  39. package/package.json +4 -4
@@ -13,7 +13,7 @@ var spinner = require('../spinner/spinner.js');
13
13
  * @example
14
14
  * <Button>Click me</Button>
15
15
  */
16
- const Button = react.forwardRef(function Button({ asChild, className, children, icon = false, loading = false, variant = 'primary', popoverTarget, popovertarget, commandfor, commandFor, ...rest }, ref) {
16
+ const Button = react.forwardRef(function Button({ asChild, className, children, icon = false, loading = false, variant, popoverTarget, popovertarget, commandfor, commandFor, ...rest }, ref) {
17
17
  const Component = asChild ? reactSlot.Slot : 'button';
18
18
  const popoverVal = popoverTarget ?? popovertarget;
19
19
  const popoverKey = react.version.startsWith('19')
@@ -14,8 +14,8 @@ var validationMessage = require('../validation-message/validation-message.js');
14
14
  * @example
15
15
  * <Checkbox label="I agree" value="agree" />
16
16
  */
17
- const Checkbox = react.forwardRef(function Checkbox({ 'data-size': size, className, style, children, label: label$1, description, error, variant, ...rest }, ref) {
18
- return (jsxRuntime.jsxs(index.Field, { "data-size": size, "data-variant": variant, className: className, style: style, children: [jsxRuntime.jsx(input.Input, { type: 'checkbox', ref: ref, ...rest }), !!label$1 && jsxRuntime.jsx(label.Label, { weight: 'regular', children: label$1 }), !!description && jsxRuntime.jsx("div", { "data-field": 'description', children: description }), !!error && jsxRuntime.jsx(validationMessage.ValidationMessage, { children: error })] }));
17
+ const Checkbox = react.forwardRef(function Checkbox({ 'data-size': size, children, className, description, error, label: label$1, position, style, variant, ...rest }, ref) {
18
+ return (jsxRuntime.jsxs(index.Field, { "data-size": size, "data-variant": variant, "data-position": position, className: className, style: style, children: [jsxRuntime.jsx(input.Input, { type: 'checkbox', ref: ref, ...rest }), !!label$1 && jsxRuntime.jsx(label.Label, { weight: 'regular', children: label$1 }), !!description && jsxRuntime.jsx("div", { "data-field": 'description', children: description }), !!error && jsxRuntime.jsx(validationMessage.ValidationMessage, { children: error })] }));
19
19
  });
20
20
 
21
21
  exports.Checkbox = Checkbox;
@@ -38,11 +38,20 @@ const Dialog = react.forwardRef(function Dialog({ asChild, children, className,
38
38
  const dialogRef = react.useRef(null); // This local ref is used to make sure the dialog works without a DialogTriggerContext
39
39
  const Component = asChild ? reactSlot.Slot : 'dialog';
40
40
  const mergedRefs = useMergeRefs.useMergeRefs([contextRef, ref, dialogRef]);
41
- const showProp = modal ? 'showModal' : 'show';
42
41
  const autoId = react.useId();
43
42
  const usedId = id ?? autoId;
44
43
  // Toggle open based on prop
45
- react.useEffect(() => dialogRef.current?.[open ? showProp : 'close'](), [open]);
44
+ react.useEffect(() => {
45
+ if (open === undefined)
46
+ return; // Uncontrolled if open prop is not provided
47
+ const dialog = dialogRef.current;
48
+ if (dialog) {
49
+ if (open && !dialog.open)
50
+ dialog[modal ? 'showModal' : 'show']();
51
+ else
52
+ dialog.open = !!open; // Close with prop to prevent close event from firing
53
+ }
54
+ }, [open, modal]);
46
55
  return (jsxRuntime.jsxs(Component, { className: cl('ds-dialog', className), "data-placement": placement, "data-modal": modal, id: usedId, onClose: (event) => {
47
56
  if (event.target !== event.currentTarget)
48
57
  return; // Ignore close events from nested dialogs
@@ -57,11 +66,12 @@ const Dialog = react.forwardRef(function Dialog({ asChild, children, className,
57
66
  console.log('Designsystemet: data-command="close" is deprecated. Use command="close" and commandfor="DIALOG-ID" instead.');
58
67
  }
59
68
  }, onAnimationEnd: (event) => {
60
- const { currentTarget: dialog } = event;
61
- const autofocus = dialog.querySelector('[autofocus]');
69
+ onAnimationEnd?.(event);
70
+ if (event.currentTarget !== event.target)
71
+ return; // Only run if event is from the dialog itself
72
+ const autofocus = event.currentTarget.querySelector('[autofocus]');
62
73
  if (document.activeElement !== autofocus)
63
74
  autofocus?.focus(); // Handle autofocus on open
64
- onAnimationEnd?.(event);
65
75
  }, ref: mergedRefs, ...rest, children: [closeButton !== false && (jsxRuntime.jsx(button.Button, { "aria-label": closeButton, "data-color": 'neutral', icon: true, variant: 'tertiary', command: 'close', commandfor: usedId })), children] }));
66
76
  });
67
77
 
@@ -12,7 +12,7 @@ var react = require('react');
12
12
  * @example
13
13
  * <Label data-size='lg' weight='medium'>Label</Label>
14
14
  */
15
- const Label = react.forwardRef(function Label({ className, weight = 'medium', asChild, ...rest }, ref) {
15
+ const Label = react.forwardRef(function Label({ className, weight, asChild, ...rest }, ref) {
16
16
  const Component = asChild ? reactSlot.Slot : 'label';
17
17
  return (jsxRuntime.jsx(Component, { ref: ref, className: cl('ds-label', className), suppressHydrationWarning // Since <ds-field> will add for attribute dynamically
18
18
  : true, "data-weight": weight, ...rest }));
@@ -14,7 +14,7 @@ var button = require('../button/button.js');
14
14
  * </PaginationItem>
15
15
  */
16
16
  const PaginationButton = react.forwardRef(function PaginationButton(rest, ref) {
17
- return jsxRuntime.jsx(button.Button, { "data-variant": 'tertiary', ref: ref, ...rest });
17
+ return jsxRuntime.jsx(button.Button, { ref: ref, ...rest });
18
18
  });
19
19
 
20
20
  exports.PaginationButton = PaginationButton;
@@ -14,8 +14,8 @@ var validationMessage = require('../validation-message/validation-message.js');
14
14
  * @example
15
15
  * <Radio label="I agree" value="agree" />
16
16
  */
17
- const Radio = react.forwardRef(function Radio({ 'data-size': size, className, style, children, label: label$1, description, error, variant, ...rest }, ref) {
18
- return (jsxRuntime.jsxs(index.Field, { "data-size": size, "data-variant": variant, className: className, style: style, children: [jsxRuntime.jsx(input.Input, { type: 'radio', ref: ref, ...rest }), !!label$1 && jsxRuntime.jsx(label.Label, { weight: 'regular', children: label$1 }), !!description && jsxRuntime.jsx("div", { "data-field": 'description', children: description }), !!error && jsxRuntime.jsx(validationMessage.ValidationMessage, { children: error })] }));
17
+ const Radio = react.forwardRef(function Radio({ 'data-size': size, children, className, description, error, label: label$1, position, style, variant, ...rest }, ref) {
18
+ return (jsxRuntime.jsxs(index.Field, { "data-size": size, "data-variant": variant, "data-position": position, className: className, style: style, children: [jsxRuntime.jsx(input.Input, { type: 'radio', ref: ref, ...rest }), !!label$1 && jsxRuntime.jsx(label.Label, { weight: 'regular', children: label$1 }), !!description && jsxRuntime.jsx("div", { "data-field": 'description', children: description }), !!error && jsxRuntime.jsx(validationMessage.ValidationMessage, { children: error })] }));
19
19
  });
20
20
 
21
21
  exports.Radio = Radio;
@@ -14,9 +14,7 @@ var tabs = require('./tabs.js');
14
14
  */
15
15
  const TabsTab = react.forwardRef(function TabsTab({ value, className, onClick, onClickCapture, ...rest }, ref) {
16
16
  const { onChange, getPrefixedValue, isControlled, currentValue } = react.useContext(tabs.Context);
17
- return (
18
- // biome-ignore lint/a11y/noStaticElementInteractions: ds-tabs IS interactive
19
- jsxRuntime.jsx("ds-tab", { "aria-controls": rest['aria-controls'] ?? getPrefixedValue?.(value), "data-value": value, ref: ref, suppressHydrationWarning // Since <ds-tablist> adds attributes
17
+ return (jsxRuntime.jsx("ds-tab", { "aria-controls": rest['aria-controls'] ?? getPrefixedValue?.(value), "data-value": value, ref: ref, suppressHydrationWarning // Since <ds-tablist> adds attributes
20
18
  : true, onClickCapture: (e) => {
21
19
  onClickCapture?.(e);
22
20
  if (isControlled && currentValue !== value)
@@ -16,7 +16,7 @@ const ToggleGroupContext = react.createContext({});
16
16
  * <ToggleGroup.Item value='3'>Toggle 3</ToggleGroup.Item>
17
17
  * </ToggleGroup>
18
18
  */
19
- const ToggleGroup = react.forwardRef(function ToggleGroup({ children, className, defaultValue, name, onChange, value, variant = 'primary', ...rest }, ref) {
19
+ const ToggleGroup = react.forwardRef(function ToggleGroup({ children, className, defaultValue, name, onChange, value, variant, ...rest }, ref) {
20
20
  const nameId = react.useId();
21
21
  const isControlled = value !== undefined;
22
22
  const [uncontrolledValue, setUncontrolledValue] = react.useState(defaultValue);
@@ -63,17 +63,15 @@ const usePagination = ({ currentPage: current = 1, setCurrentPage, onChange, tot
63
63
  }
64
64
  : null),
65
65
  })),
66
- /** Properties to spread on Pagination.Button used for previous naviagation */
66
+ /** Properties to spread on Pagination.Button used for previous navigation */
67
67
  prevButtonProps: {
68
68
  'aria-hidden': !prev, // Using aria-hidden to support all HTML elements because of potential asChild
69
69
  onClick: handleClick(prev),
70
- variant: 'tertiary',
71
70
  },
72
- /** Properties to spread on Pagination.Button used for next naviagation */
71
+ /** Properties to spread on Pagination.Button used for next navigation */
73
72
  nextButtonProps: {
74
73
  'aria-hidden': !next, // Using aria-hidden to support all HTML elements because of potential asChild
75
74
  onClick: handleClick(next),
76
- variant: 'tertiary',
77
75
  },
78
76
  /** Indication if previous page action should be shown or not */
79
77
  hasPrev: !!prev,
@@ -11,7 +11,7 @@ import { Spinner } from '../spinner/spinner.js';
11
11
  * @example
12
12
  * <Button>Click me</Button>
13
13
  */
14
- const Button = forwardRef(function Button({ asChild, className, children, icon = false, loading = false, variant = 'primary', popoverTarget, popovertarget, commandfor, commandFor, ...rest }, ref) {
14
+ const Button = forwardRef(function Button({ asChild, className, children, icon = false, loading = false, variant, popoverTarget, popovertarget, commandfor, commandFor, ...rest }, ref) {
15
15
  const Component = asChild ? Slot : 'button';
16
16
  const popoverVal = popoverTarget ?? popovertarget;
17
17
  const popoverKey = version.startsWith('19')
@@ -12,8 +12,8 @@ import { ValidationMessage } from '../validation-message/validation-message.js';
12
12
  * @example
13
13
  * <Checkbox label="I agree" value="agree" />
14
14
  */
15
- const Checkbox = forwardRef(function Checkbox({ 'data-size': size, className, style, children, label, description, error, variant, ...rest }, ref) {
16
- return (jsxs(FieldComponent, { "data-size": size, "data-variant": variant, className: className, style: style, children: [jsx(Input, { type: 'checkbox', ref: ref, ...rest }), !!label && jsx(Label, { weight: 'regular', children: label }), !!description && jsx("div", { "data-field": 'description', children: description }), !!error && jsx(ValidationMessage, { children: error })] }));
15
+ const Checkbox = forwardRef(function Checkbox({ 'data-size': size, children, className, description, error, label, position, style, variant, ...rest }, ref) {
16
+ return (jsxs(FieldComponent, { "data-size": size, "data-variant": variant, "data-position": position, className: className, style: style, children: [jsx(Input, { type: 'checkbox', ref: ref, ...rest }), !!label && jsx(Label, { weight: 'regular', children: label }), !!description && jsx("div", { "data-field": 'description', children: description }), !!error && jsx(ValidationMessage, { children: error })] }));
17
17
  });
18
18
 
19
19
  export { Checkbox };
@@ -36,11 +36,20 @@ const Dialog = forwardRef(function Dialog({ asChild, children, className, closeB
36
36
  const dialogRef = useRef(null); // This local ref is used to make sure the dialog works without a DialogTriggerContext
37
37
  const Component = asChild ? Slot : 'dialog';
38
38
  const mergedRefs = useMergeRefs([contextRef, ref, dialogRef]);
39
- const showProp = modal ? 'showModal' : 'show';
40
39
  const autoId = useId();
41
40
  const usedId = id ?? autoId;
42
41
  // Toggle open based on prop
43
- useEffect(() => dialogRef.current?.[open ? showProp : 'close'](), [open]);
42
+ useEffect(() => {
43
+ if (open === undefined)
44
+ return; // Uncontrolled if open prop is not provided
45
+ const dialog = dialogRef.current;
46
+ if (dialog) {
47
+ if (open && !dialog.open)
48
+ dialog[modal ? 'showModal' : 'show']();
49
+ else
50
+ dialog.open = !!open; // Close with prop to prevent close event from firing
51
+ }
52
+ }, [open, modal]);
44
53
  return (jsxs(Component, { className: cl('ds-dialog', className), "data-placement": placement, "data-modal": modal, id: usedId, onClose: (event) => {
45
54
  if (event.target !== event.currentTarget)
46
55
  return; // Ignore close events from nested dialogs
@@ -55,11 +64,12 @@ const Dialog = forwardRef(function Dialog({ asChild, children, className, closeB
55
64
  console.log('Designsystemet: data-command="close" is deprecated. Use command="close" and commandfor="DIALOG-ID" instead.');
56
65
  }
57
66
  }, onAnimationEnd: (event) => {
58
- const { currentTarget: dialog } = event;
59
- const autofocus = dialog.querySelector('[autofocus]');
67
+ onAnimationEnd?.(event);
68
+ if (event.currentTarget !== event.target)
69
+ return; // Only run if event is from the dialog itself
70
+ const autofocus = event.currentTarget.querySelector('[autofocus]');
60
71
  if (document.activeElement !== autofocus)
61
72
  autofocus?.focus(); // Handle autofocus on open
62
- onAnimationEnd?.(event);
63
73
  }, ref: mergedRefs, ...rest, children: [closeButton !== false && (jsx(Button, { "aria-label": closeButton, "data-color": 'neutral', icon: true, variant: 'tertiary', command: 'close', commandfor: usedId })), children] }));
64
74
  });
65
75
 
@@ -10,7 +10,7 @@ import { forwardRef } from 'react';
10
10
  * @example
11
11
  * <Label data-size='lg' weight='medium'>Label</Label>
12
12
  */
13
- const Label = forwardRef(function Label({ className, weight = 'medium', asChild, ...rest }, ref) {
13
+ const Label = forwardRef(function Label({ className, weight, asChild, ...rest }, ref) {
14
14
  const Component = asChild ? Slot : 'label';
15
15
  return (jsx(Component, { ref: ref, className: cl('ds-label', className), suppressHydrationWarning // Since <ds-field> will add for attribute dynamically
16
16
  : true, "data-weight": weight, ...rest }));
@@ -12,7 +12,7 @@ import { Button } from '../button/button.js';
12
12
  * </PaginationItem>
13
13
  */
14
14
  const PaginationButton = forwardRef(function PaginationButton(rest, ref) {
15
- return jsx(Button, { "data-variant": 'tertiary', ref: ref, ...rest });
15
+ return jsx(Button, { ref: ref, ...rest });
16
16
  });
17
17
 
18
18
  export { PaginationButton };
@@ -12,8 +12,8 @@ import { ValidationMessage } from '../validation-message/validation-message.js';
12
12
  * @example
13
13
  * <Radio label="I agree" value="agree" />
14
14
  */
15
- const Radio = forwardRef(function Radio({ 'data-size': size, className, style, children, label, description, error, variant, ...rest }, ref) {
16
- return (jsxs(FieldComponent, { "data-size": size, "data-variant": variant, className: className, style: style, children: [jsx(Input, { type: 'radio', ref: ref, ...rest }), !!label && jsx(Label, { weight: 'regular', children: label }), !!description && jsx("div", { "data-field": 'description', children: description }), !!error && jsx(ValidationMessage, { children: error })] }));
15
+ const Radio = forwardRef(function Radio({ 'data-size': size, children, className, description, error, label, position, style, variant, ...rest }, ref) {
16
+ return (jsxs(FieldComponent, { "data-size": size, "data-variant": variant, "data-position": position, className: className, style: style, children: [jsx(Input, { type: 'radio', ref: ref, ...rest }), !!label && jsx(Label, { weight: 'regular', children: label }), !!description && jsx("div", { "data-field": 'description', children: description }), !!error && jsx(ValidationMessage, { children: error })] }));
17
17
  });
18
18
 
19
19
  export { Radio };
@@ -12,9 +12,7 @@ import { Context } from './tabs.js';
12
12
  */
13
13
  const TabsTab = forwardRef(function TabsTab({ value, className, onClick, onClickCapture, ...rest }, ref) {
14
14
  const { onChange, getPrefixedValue, isControlled, currentValue } = useContext(Context);
15
- return (
16
- // biome-ignore lint/a11y/noStaticElementInteractions: ds-tabs IS interactive
17
- jsx("ds-tab", { "aria-controls": rest['aria-controls'] ?? getPrefixedValue?.(value), "data-value": value, ref: ref, suppressHydrationWarning // Since <ds-tablist> adds attributes
15
+ return (jsx("ds-tab", { "aria-controls": rest['aria-controls'] ?? getPrefixedValue?.(value), "data-value": value, ref: ref, suppressHydrationWarning // Since <ds-tablist> adds attributes
18
16
  : true, onClickCapture: (e) => {
19
17
  onClickCapture?.(e);
20
18
  if (isControlled && currentValue !== value)
@@ -14,7 +14,7 @@ const ToggleGroupContext = createContext({});
14
14
  * <ToggleGroup.Item value='3'>Toggle 3</ToggleGroup.Item>
15
15
  * </ToggleGroup>
16
16
  */
17
- const ToggleGroup = forwardRef(function ToggleGroup({ children, className, defaultValue, name, onChange, value, variant = 'primary', ...rest }, ref) {
17
+ const ToggleGroup = forwardRef(function ToggleGroup({ children, className, defaultValue, name, onChange, value, variant, ...rest }, ref) {
18
18
  const nameId = useId();
19
19
  const isControlled = value !== undefined;
20
20
  const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);
@@ -61,17 +61,15 @@ const usePagination = ({ currentPage: current = 1, setCurrentPage, onChange, tot
61
61
  }
62
62
  : null),
63
63
  })),
64
- /** Properties to spread on Pagination.Button used for previous naviagation */
64
+ /** Properties to spread on Pagination.Button used for previous navigation */
65
65
  prevButtonProps: {
66
66
  'aria-hidden': !prev, // Using aria-hidden to support all HTML elements because of potential asChild
67
67
  onClick: handleClick(prev),
68
- variant: 'tertiary',
69
68
  },
70
- /** Properties to spread on Pagination.Button used for next naviagation */
69
+ /** Properties to spread on Pagination.Button used for next navigation */
71
70
  nextButtonProps: {
72
71
  'aria-hidden': !next, // Using aria-hidden to support all HTML elements because of potential asChild
73
72
  onClick: handleClick(next),
74
- variant: 'tertiary',
75
73
  },
76
74
  /** Indication if previous page action should be shown or not */
77
75
  hasPrev: !!prev,
@@ -5,14 +5,14 @@ import { BadgePosition } from './badge-position';
5
5
  * @example without children
6
6
  * <Badge count={5} maxCount={10} />
7
7
  */
8
- declare const Badge: import("react").ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & import("react").HTMLAttributes<HTMLSpanElement>, "data-color" | "children" | "variant" | "count" | "maxCount"> & {
8
+ declare const Badge: import("react").ForwardRefExoticComponent<Omit<import("../..").DefaultProps & import("react").HTMLAttributes<HTMLSpanElement>, "data-color" | "children" | "variant" | "count" | "maxCount"> & {
9
9
  count?: number;
10
10
  maxCount?: number;
11
11
  variant?: "base" | "tinted";
12
12
  'data-color'?: import("packages/types/dist/types").Color | import("packages/types/dist/types").SeverityColors;
13
13
  children?: never;
14
14
  } & import("react").RefAttributes<HTMLSpanElement>> & {
15
- Position: import("react").ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & import("react").HTMLAttributes<HTMLSpanElement>, "overlap" | "placement"> & {
15
+ Position: import("react").ForwardRefExoticComponent<Omit<import("../..").DefaultProps & import("react").HTMLAttributes<HTMLSpanElement>, "overlap" | "placement"> & {
16
16
  placement?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
17
17
  overlap?: "circle" | "rectangle";
18
18
  } & import("react").RefAttributes<HTMLSpanElement>>;
@@ -1,6 +1,6 @@
1
1
  import { type LinkProps } from '../link/link';
2
2
  export type BreadcrumbsLinkProps = LinkProps;
3
- export declare const BreadcrumbsLink: import("react").ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "asChild"> & {
3
+ export declare const BreadcrumbsLink: import("react").ForwardRefExoticComponent<Omit<import("../..").DefaultProps & import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "asChild"> & {
4
4
  children: import("react").ReactNode;
5
5
  asChild?: boolean;
6
6
  } & import("react").RefAttributes<HTMLAnchorElement>>;
@@ -1,6 +1,7 @@
1
1
  import type { ReactNode } from 'react';
2
2
  import type { DefaultProps, LabelRequired } from '../../types';
3
3
  import type { MergeRight } from '../../utilities';
4
+ import { type FieldProps } from '../field';
4
5
  import { type InputProps } from '../input/input';
5
6
  export type CheckboxProps = MergeRight<DefaultProps & Omit<InputProps, 'type' | 'role' | 'size'>, {
6
7
  /**
@@ -27,6 +28,11 @@ export type CheckboxProps = MergeRight<DefaultProps & Omit<InputProps, 'type' |
27
28
  * If outline, the checkbox will have a border.
28
29
  */
29
30
  variant?: 'outline';
31
+ /**
32
+ * Position of checkbox
33
+ * @default start
34
+ */
35
+ position?: FieldProps['position'];
30
36
  } & LabelRequired>;
31
37
  /**
32
38
  * Checkbox used to select multiple options.
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIxD,MAAM,MAAM,aAAa,GAAG,UAAU,CACpC,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,EACzD;IACE;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,GAAG,aAAa,CAClB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,4GA6BpB,CAAC"}
1
+ {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIxD,MAAM,MAAM,aAAa,GAAG,UAAU,CACpC,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,EACzD;IACE;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;CACnC,GAAG,aAAa,CAClB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,4GA+BpB,CAAC"}
@@ -12,7 +12,7 @@ export type DialogTriggerProps = ComponentPropsWithRef<typeof Button>;
12
12
  * </Dialog>
13
13
  * </Dialog.TriggerContext>
14
14
  */
15
- export declare const DialogTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("../../types").DefaultProps & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "command" | "commandfor" | "commandFor">, "type" | "data-color" | "variant" | "command" | "commandfor" | "commandFor" | "icon" | "loading" | "asChild"> & {
15
+ export declare const DialogTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("../..").DefaultProps & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "command" | "commandfor" | "commandFor">, "type" | "data-color" | "variant" | "command" | "commandfor" | "commandFor" | "icon" | "loading" | "asChild"> & {
16
16
  variant?: "primary" | "secondary" | "tertiary";
17
17
  'data-color'?: import("packages/types/dist/types").Color | Extract<import("packages/types/dist/types").SeverityColors, "danger">;
18
18
  icon?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAkB,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAKlD,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,EACtD;IACE;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC7B;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,cAAc,GAAG,KAAK,CAAC;IAC3C;;;;OAIG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC3D;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,MAAM;IApEf;;;OAGG;kBACW,MAAM,GAAG,KAAK;IAC5B;;;;;;OAMG;eACQ,MAAM,GAAG,cAAc,GAAG,KAAK;IAC1C;;;;OAIG;gBACS,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ;IAC1D;;;;;;OAMG;YACK,OAAO;IACf;;OAEG;WACI,OAAO;IACd;;OAEG;cACO,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI;IAChC;;;;;OAKG;cACO,OAAO;qDAsGpB,CAAC"}
1
+ {"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAkB,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAKlD,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,EACtD;IACE;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC7B;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,cAAc,GAAG,KAAK,CAAC;IAC3C;;;;OAIG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC3D;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,MAAM;IApEf;;;OAGG;kBACW,MAAM,GAAG,KAAK;IAC5B;;;;;;OAMG;eACQ,MAAM,GAAG,cAAc,GAAG,KAAK;IAC1C;;;;OAIG;gBACS,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ;IAC1D;;;;;;OAMG;YACK,OAAO;IACf;;OAEG;WACI,OAAO;IACd;;OAEG;cACO,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI;IAChC;;;;;OAKG;cACO,OAAO;qDA8GpB,CAAC"}
@@ -10,7 +10,7 @@ export type ErrorSummaryLinkProps = LinkProps;
10
10
  * </ErrorSummaryItem>
11
11
  * </ErrorSummary>
12
12
  */
13
- export declare const ErrorSummaryLink: import("react").ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "asChild"> & {
13
+ export declare const ErrorSummaryLink: import("react").ForwardRefExoticComponent<Omit<import("../..").DefaultProps & import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "asChild"> & {
14
14
  children: import("react").ReactNode;
15
15
  asChild?: boolean;
16
16
  } & import("react").RefAttributes<HTMLAnchorElement>>;
@@ -17,5 +17,5 @@ export type ErrorSummaryListProps = ListUnorderedProps;
17
17
  */
18
18
  export declare const ErrorSummaryList: import("react").ForwardRefExoticComponent<{
19
19
  asChild?: boolean;
20
- } & import("../../types").DefaultProps & Omit<import("react").HTMLAttributes<HTMLUListElement>, "size"> & import("react").RefAttributes<HTMLOListElement>>;
20
+ } & import("../..").DefaultProps & Omit<import("react").HTMLAttributes<HTMLUListElement>, "size"> & import("react").RefAttributes<HTMLOListElement>>;
21
21
  //# sourceMappingURL=error-summary-list.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"error-summary-list.d.ts","sourceRoot":"","sources":["../../../src/components/error-summary/error-summary-list.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAExD,MAAM,MAAM,qBAAqB,GAAG,kBAAkB,CAAC;AAEvD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,gBAAgB;;0JAK3B,CAAC"}
1
+ {"version":3,"file":"error-summary-list.d.ts","sourceRoot":"","sources":["../../../src/components/error-summary/error-summary-list.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAExD,MAAM,MAAM,qBAAqB,GAAG,kBAAkB,CAAC;AAEvD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,gBAAgB;;oJAK3B,CAAC"}
@@ -59,7 +59,7 @@ export declare const FieldCounter: import("react").ForwardRefExoticComponent<{
59
59
  * @default undefined
60
60
  **/
61
61
  limit: number;
62
- } & Omit<Omit<import("../../types").DefaultProps, "data-color"> & import("react").HTMLAttributes<HTMLParagraphElement>, "data-color" | "asChild"> & {
62
+ } & Omit<Omit<import("../..").DefaultProps, "data-color"> & import("react").HTMLAttributes<HTMLParagraphElement>, "data-color" | "asChild"> & {
63
63
  'data-color'?: import("packages/types/dist/types").SeverityColors;
64
64
  asChild?: boolean;
65
65
  } & import("react").RefAttributes<HTMLParagraphElement>>;
@@ -3,7 +3,6 @@ import type { DefaultProps } from '../../types';
3
3
  export type LabelProps = {
4
4
  /**
5
5
  * Adjusts font weight. Use this when you have a label hierarchy, such as checkboxes/radios in a fieldset
6
- * @default 'medium'
7
6
  */
8
7
  weight?: 'regular' | 'medium' | 'semibold';
9
8
  /**
@@ -21,7 +20,6 @@ export type LabelProps = {
21
20
  export declare const Label: import("react").ForwardRefExoticComponent<{
22
21
  /**
23
22
  * Adjusts font weight. Use this when you have a label hierarchy, such as checkboxes/radios in a fieldset
24
- * @default 'medium'
25
23
  */
26
24
  weight?: "regular" | "medium" | "semibold";
27
25
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/components/label/label.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC3C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GACvC,YAAY,CAAC;AAEf;;;;;GAKG;AACH,eAAO,MAAM,KAAK;IAnBhB;;;OAGG;aACM,SAAS,GAAG,QAAQ,GAAG,UAAU;IAC1C;;;OAGG;cACO,OAAO;2GAyBjB,CAAC"}
1
+ {"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/components/label/label.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC3C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GACvC,YAAY,CAAC;AAEf;;;;;GAKG;AACH,eAAO,MAAM,KAAK;IAlBhB;;OAEG;aACM,SAAS,GAAG,QAAQ,GAAG,UAAU;IAC1C;;;OAGG;cACO,OAAO;2GAyBjB,CAAC"}
@@ -1,6 +1,7 @@
1
1
  import type { ReactNode } from 'react';
2
2
  import type { DefaultProps, LabelRequired } from '../../types';
3
3
  import type { MergeRight } from '../../utilities';
4
+ import { type FieldProps } from '../field';
4
5
  import { type InputProps } from '../input/input';
5
6
  export type RadioProps = MergeRight<DefaultProps & Omit<InputProps, 'type' | 'role' | 'size'>, {
6
7
  /**
@@ -27,6 +28,11 @@ export type RadioProps = MergeRight<DefaultProps & Omit<InputProps, 'type' | 'ro
27
28
  * If outline, the radio will have a border.
28
29
  */
29
30
  variant?: 'outline';
31
+ /**
32
+ * Position of radio
33
+ * @default start
34
+ */
35
+ position?: FieldProps['position'];
30
36
  } & LabelRequired>;
31
37
  /**
32
38
  * Radio used to select multiple options.
@@ -1 +1 @@
1
- {"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/components/radio/radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIxD,MAAM,MAAM,UAAU,GAAG,UAAU,CACjC,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,EACzD;IACE;;QAEI;IACJ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,GAAG,aAAa,CAClB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,KAAK,yGA2BhB,CAAC"}
1
+ {"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/components/radio/radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIxD,MAAM,MAAM,UAAU,GAAG,UAAU,CACjC,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,EACzD;IACE;;QAEI;IACJ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;CACnC,GAAG,aAAa,CAClB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,KAAK,yGA6BhB,CAAC"}
@@ -22,7 +22,7 @@ export type SearchButtonProps = MergeRight<ButtonProps, {
22
22
  * <SearchButton>Søk</SearchButton>
23
23
  * </Search>
24
24
  */
25
- export declare const SearchButton: import("react").ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "command" | "commandfor" | "commandFor">, "type" | "data-color" | "variant" | "command" | "commandfor" | "commandFor" | "icon" | "loading" | "asChild"> & {
25
+ export declare const SearchButton: import("react").ForwardRefExoticComponent<Omit<import("../..").DefaultProps & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "command" | "commandfor" | "commandFor">, "type" | "data-color" | "variant" | "command" | "commandfor" | "commandFor" | "icon" | "loading" | "asChild"> & {
26
26
  variant?: "primary" | "secondary" | "tertiary";
27
27
  'data-color'?: import("packages/types/dist/types").Color | Extract<import("packages/types/dist/types").SeverityColors, "danger">;
28
28
  icon?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"tabs-tab.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs-tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AACxD,OAAO,4BAA4B,CAAC;AAIpC,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC,CAAC;AAEhD;;;;;GAKG;AACH,eAAO,MAAM,OAAO;IAZlB;;OAEG;WACI,MAAM;8FAqCb,CAAC"}
1
+ {"version":3,"file":"tabs-tab.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs-tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AACxD,OAAO,4BAA4B,CAAC;AAIpC,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC,CAAC;AAEhD;;;;;GAKG;AACH,eAAO,MAAM,OAAO;IAZlB;;OAEG;WACI,MAAM;8FAoCb,CAAC"}
@@ -3,7 +3,7 @@ export type {
3
3
  Size, } from '@digdir/designsystemet-types';
4
4
  export * from './components';
5
5
  export { omit } from './components/Combobox/omit/omit';
6
- export type { LabelRequired } from './types';
6
+ export type { DefaultProps, LabelRequired, Placement } from './types';
7
7
  export type {
8
8
  /** @deprecated This export is deprecated. */
9
9
  MergeRight, UseCheckboxGroupProps, UsePaginationProps, UseRadioGroupProps, } from './utilities';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY;AACV,4FAA4F;AAC5F,IAAI,GACL,MAAM,8BAA8B,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,iCAAiC,CAAC;AACvD,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,YAAY;AACV,6CAA6C;AAC7C,UAAU,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,eAAe,EACf,eAAe,EACf,gBAAgB;AAChB,wGAAwG;AACxG,mBAAmB;AACnB,wGAAwG;AACxG,yBAAyB;AACzB,wGAAwG;AACxG,aAAa,EACb,aAAa,EACb,aAAa,EACb,wBAAwB,GACzB,MAAM,aAAa,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY;AACV,4FAA4F;AAC5F,IAAI,GACL,MAAM,8BAA8B,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,iCAAiC,CAAC;AACvD,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACtE,YAAY;AACV,6CAA6C;AAC7C,UAAU,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,eAAe,EACf,eAAe,EACf,gBAAgB;AAChB,wGAAwG;AACxG,mBAAmB;AACnB,wGAAwG;AACxG,yBAAyB;AACzB,wGAAwG;AACxG,aAAa,EACb,aAAa,EACb,aAAa,EACb,wBAAwB,GACzB,MAAM,aAAa,CAAC"}
@@ -70,9 +70,9 @@ export declare const usePagination: ({ currentPage: current, setCurrentPage, onC
70
70
  */
71
71
  buttonProps: PaginationButtonProps | null;
72
72
  }[];
73
- /** Properties to spread on Pagination.Button used for previous naviagation */
73
+ /** Properties to spread on Pagination.Button used for previous navigation */
74
74
  prevButtonProps: PaginationButtonProps;
75
- /** Properties to spread on Pagination.Button used for next naviagation */
75
+ /** Properties to spread on Pagination.Button used for next navigation */
76
76
  nextButtonProps: PaginationButtonProps;
77
77
  /** Indication if previous page action should be shown or not */
78
78
  hasPrev: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"use-pagination.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/use-pagination/use-pagination.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnE,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4BI;AACJ,eAAO,MAAM,aAAa,GAAI,yFAM3B,kBAAkB;IAUf,sBAAsB;;QAEpB;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;qBAMU,qBAAqB,GAAG,IAAI;;IAE3C,8EAA8E;qBAKzE,qBAAqB;IAC1B,0EAA0E;qBAKrE,qBAAqB;IAC1B,gEAAgE;;IAEhE,4DAA4D;;CAGtC,CAAC"}
1
+ {"version":3,"file":"use-pagination.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/use-pagination/use-pagination.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnE,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4BI;AACJ,eAAO,MAAM,aAAa,GAAI,yFAM3B,kBAAkB;IAUf,sBAAsB;;QAEpB;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;qBAMU,qBAAqB,GAAG,IAAI;;IAE3C,6EAA6E;qBAIxE,qBAAqB;IAC1B,yEAAyE;qBAIpE,qBAAqB;IAC1B,gEAAgE;;IAEhE,4DAA4D;;CAGtC,CAAC"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@digdir/designsystemet-react",
3
3
  "type": "module",
4
- "version": "1.15.0",
4
+ "version": "1.16.0",
5
5
  "description": "React components for Designsystemet",
6
6
  "author": "Designsystemet team",
7
7
  "repository": {
@@ -41,8 +41,8 @@
41
41
  "@radix-ui/react-slot": "^1.2.4",
42
42
  "@tanstack/react-virtual": "^3.13.24",
43
43
  "clsx": "^2.1.1",
44
- "@digdir/designsystemet-types": "1.15.0",
45
- "@digdir/designsystemet-web": "1.15.0"
44
+ "@digdir/designsystemet-types": "1.16.0",
45
+ "@digdir/designsystemet-web": "1.16.0"
46
46
  },
47
47
  "devDependencies": {
48
48
  "@rollup/plugin-commonjs": "29.0.2",
@@ -63,7 +63,7 @@
63
63
  "storybook": "10.4.0",
64
64
  "tsx": "4.22.1",
65
65
  "typescript": "5.9.3",
66
- "@digdir/designsystemet-css": "^1.15.0"
66
+ "@digdir/designsystemet-css": "^1.16.0"
67
67
  },
68
68
  "scripts": {
69
69
  "build": "pnpm run clean && tsc -b tsconfig.lib.json --emitDeclarationOnly false && rollup -c --bundleConfigAsCjs",