@digdir/designsystemet-react 1.12.0 → 1.13.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.
- package/dist/cjs/components/Combobox/internal/ComboboxClearButton.js +1 -1
- package/dist/cjs/components/Combobox/internal/ComboboxInput.js +1 -1
- package/dist/cjs/components/avatar/avatar.js +1 -1
- package/dist/cjs/components/avatar-stack/avatar-stack.js +1 -1
- package/dist/cjs/components/dialog/dialog-trigger.js +1 -1
- package/dist/cjs/components/toggle-group/toggle-group-item.js +14 -1
- package/dist/esm/components/Combobox/internal/ComboboxClearButton.js +1 -1
- package/dist/esm/components/Combobox/internal/ComboboxInput.js +1 -1
- package/dist/esm/components/avatar/avatar.js +1 -1
- package/dist/esm/components/avatar-stack/avatar-stack.js +1 -1
- package/dist/esm/components/dialog/dialog-trigger.js +1 -1
- package/dist/esm/components/toggle-group/toggle-group-item.js +14 -1
- package/dist/react-types.d.ts +0 -1
- package/dist/types/components/avatar/avatar.d.ts.map +1 -1
- package/dist/types/components/avatar-stack/avatar-stack.d.ts +2 -2
- package/dist/types/components/avatar-stack/avatar-stack.d.ts.map +1 -1
- package/dist/types/components/details/details.d.ts +2 -2
- package/dist/types/components/details/details.d.ts.map +1 -1
- package/dist/types/components/dialog/dialog.d.ts.map +1 -1
- package/dist/types/components/error-summary/error-summary.d.ts +3 -3
- package/dist/types/components/error-summary/error-summary.d.ts.map +1 -1
- package/dist/types/components/popover/popover-trigger.d.ts +2 -2
- package/dist/types/components/popover/popover-trigger.d.ts.map +1 -1
- package/dist/types/components/search/search-clear.d.ts.map +1 -1
- package/dist/types/components/search/search-input.d.ts +3 -2
- package/dist/types/components/search/search-input.d.ts.map +1 -1
- package/dist/types/components/search/search.d.ts +3 -2
- package/dist/types/components/search/search.d.ts.map +1 -1
- package/dist/types/components/suggestion/suggestion-input.d.ts.map +1 -1
- package/dist/types/components/suggestion/suggestion.d.ts +2 -2
- package/dist/types/components/suggestion/suggestion.d.ts.map +1 -1
- package/dist/types/components/tabs/tabs-tab.d.ts.map +1 -1
- package/dist/types/components/toggle-group/toggle-group-item.d.ts +3 -3
- package/dist/types/components/toggle-group/toggle-group-item.d.ts.map +1 -1
- package/dist/types/utilities/hooks/use-checkbox-group/use-checkbox-group.d.ts +3 -3
- package/dist/types/utilities/hooks/use-checkbox-group/use-checkbox-group.d.ts.map +1 -1
- package/dist/types/utilities/hooks/use-radio-group/use-radio-group.d.ts +3 -3
- package/dist/types/utilities/hooks/use-radio-group/use-radio-group.d.ts.map +1 -1
- package/dist/types/utilities/roving-focus/use-roving-focus.d.ts +3 -3
- package/dist/types/utilities/roving-focus/use-roving-focus.d.ts.map +1 -1
- package/package.json +13 -13
|
@@ -28,7 +28,7 @@ const ComboboxClearButton = react.forwardRef((props, ref) => {
|
|
|
28
28
|
e.stopPropagation();
|
|
29
29
|
handleSelectOption({ option: null, clear: true });
|
|
30
30
|
}
|
|
31
|
-
}, type: 'button', "aria-label": clearButtonLabel, children: jsxRuntime.jsx(akselIcons.XMarkIcon, {
|
|
31
|
+
}, type: 'button', "aria-label": clearButtonLabel, children: jsxRuntime.jsx(akselIcons.XMarkIcon, { height: '1.5em', width: '1.5em', title: 'Clear selection' }) }));
|
|
32
32
|
});
|
|
33
33
|
ComboboxClearButton.displayName = 'ComboboxClearButton';
|
|
34
34
|
|
|
@@ -74,7 +74,7 @@ const ComboboxInput = ({ hideClearButton, listId, error, hideChips, handleKeyDow
|
|
|
74
74
|
onChange(e);
|
|
75
75
|
!open && setOpen(true);
|
|
76
76
|
rest.onChange?.(e);
|
|
77
|
-
} }) })] }), showClearButton && jsxRuntime.jsx(ComboboxClearButton, { ref: clearButtonRef }), jsxRuntime.jsx("div", { className: 'ds-combobox__arrow', children: open ? (jsxRuntime.jsx(akselIcons.ChevronUpIcon, { title: 'arrow up',
|
|
77
|
+
} }) })] }), showClearButton && jsxRuntime.jsx(ComboboxClearButton, { ref: clearButtonRef }), jsxRuntime.jsx("div", { className: 'ds-combobox__arrow', children: open ? (jsxRuntime.jsx(akselIcons.ChevronUpIcon, { title: 'arrow up', height: '1.5em', width: '1.5em' })) : (jsxRuntime.jsx(akselIcons.ChevronDownIcon, { title: 'arrow down', height: '1.5em', width: '1.5em' })) })] }) }));
|
|
78
78
|
};
|
|
79
79
|
ComboboxInput.displayName = 'ComboboxInput';
|
|
80
80
|
|
|
@@ -27,7 +27,7 @@ const Avatar = react.forwardRef(function Avatar({ 'aria-label': ariaLabel, 'data
|
|
|
27
27
|
const useSlot = children && typeof children !== 'string';
|
|
28
28
|
const textChild = children && typeof children === 'string';
|
|
29
29
|
const Component = useSlot ? reactSlot.Slot : react.Fragment;
|
|
30
|
-
return (jsxRuntime.jsx(OuterComponent, { ref: ref, className: cl('ds-avatar', className), "data-variant": variant, "data-initials": initials, role: asChild ? undefined : 'img', "aria-label": ariaLabel || dataTooltip, tabIndex: dataTooltip ? 0 : undefined, ...rest, children: jsxRuntime.jsx(Component, { ...(useSlot && !asChild ? { 'aria-hidden': true } : {}), children: textChild ? jsxRuntime.jsx("span", { children: children }) : children }) }));
|
|
30
|
+
return (jsxRuntime.jsx(OuterComponent, { ref: ref, className: cl('ds-avatar', className), "data-variant": variant, "data-initials": initials, role: asChild ? undefined : 'img', "aria-label": ariaLabel || dataTooltip, "data-tooltip": dataTooltip, tabIndex: dataTooltip ? 0 : undefined, ...rest, children: jsxRuntime.jsx(Component, { ...(useSlot && !asChild ? { 'aria-hidden': true } : {}), children: textChild ? jsxRuntime.jsx("span", { children: children }) : children }) }));
|
|
31
31
|
});
|
|
32
32
|
|
|
33
33
|
exports.Avatar = Avatar;
|
|
@@ -27,7 +27,7 @@ const EXPERIMENTAL_AvatarStack = react.forwardRef(function AvatarStack({ classNa
|
|
|
27
27
|
'--dsc-avatar-stack-overlap': overlap !== undefined ? `${overlap}` : undefined,
|
|
28
28
|
'--dsc-avatar-count': expandable === 'fixed' ? react.Children.count(children) : undefined,
|
|
29
29
|
};
|
|
30
|
-
return (jsxRuntime.jsx("
|
|
30
|
+
return (jsxRuntime.jsx("span", { tabIndex: rest.tabIndex !== undefined ? rest.tabIndex : expandable ? 0 : undefined, ref: ref, className: cl(`ds-avatar-stack`, className), style: style, "data-expandable": expandable, "data-suffix": suffix, ...rest, children: children }));
|
|
31
31
|
});
|
|
32
32
|
|
|
33
33
|
exports.EXPERIMENTAL_AvatarStack = EXPERIMENTAL_AvatarStack;
|
|
@@ -22,7 +22,7 @@ const DialogTrigger = react.forwardRef(function DialogTrigger({ asChild, ...rest
|
|
|
22
22
|
const { id, modal } = react.useContext(dialogTriggerContext.Context);
|
|
23
23
|
const Component = asChild ? reactSlot.Slot : button.Button;
|
|
24
24
|
return (jsxRuntime.jsx(Component, { suppressHydrationWarning // Might get augmented through designsystemet-web with aria-haspopup
|
|
25
|
-
: true, command: modal ? 'show-modal' : 'show', commandfor: id, ref: ref, ...rest }));
|
|
25
|
+
: true, command: modal ? 'show-modal' : '--show-non-modal', commandfor: id, ref: ref, ...rest }));
|
|
26
26
|
});
|
|
27
27
|
|
|
28
28
|
exports.DialogTrigger = DialogTrigger;
|
|
@@ -16,7 +16,20 @@ const ToggleGroupItem = react.forwardRef(function ToggleGroupItem({ className, c
|
|
|
16
16
|
const toggleGroup$1 = react.useContext(toggleGroup.ToggleGroupContext);
|
|
17
17
|
const value = rawValue ?? genValue;
|
|
18
18
|
const active = toggleGroup$1.value === value;
|
|
19
|
-
|
|
19
|
+
const { form, formAction, formEncType, formMethod, formNoValidate, formTarget, required, disabled, 'aria-disabled': ariaDisabled, ...labelProps } = rest;
|
|
20
|
+
/** Add backwards compatibility for `button` props that were previously allowed on `ToggleGroupItem` but are passeable to `input`*/
|
|
21
|
+
const inputProps = {
|
|
22
|
+
form,
|
|
23
|
+
formAction,
|
|
24
|
+
formEncType,
|
|
25
|
+
formMethod,
|
|
26
|
+
formNoValidate,
|
|
27
|
+
formTarget,
|
|
28
|
+
required,
|
|
29
|
+
disabled,
|
|
30
|
+
'aria-disabled': ariaDisabled,
|
|
31
|
+
};
|
|
32
|
+
return (jsxRuntime.jsxs("label", { ref: ref, ...labelProps, className: cl('ds-button', className), "data-variant": 'tertiary', "aria-disabled": ariaDisabled ?? disabled, children: [jsxRuntime.jsx("input", { ...inputProps, checked: active, name: toggleGroup$1.name, onChange: () => toggleGroup$1.onChange?.(value), type: 'radio', value: value, disabled: disabled, "aria-disabled": ariaDisabled }), children] }));
|
|
20
33
|
});
|
|
21
34
|
|
|
22
35
|
exports.ToggleGroupItem = ToggleGroupItem;
|
|
@@ -26,7 +26,7 @@ const ComboboxClearButton = forwardRef((props, ref) => {
|
|
|
26
26
|
e.stopPropagation();
|
|
27
27
|
handleSelectOption({ option: null, clear: true });
|
|
28
28
|
}
|
|
29
|
-
}, type: 'button', "aria-label": clearButtonLabel, children: jsx(XMarkIcon, {
|
|
29
|
+
}, type: 'button', "aria-label": clearButtonLabel, children: jsx(XMarkIcon, { height: '1.5em', width: '1.5em', title: 'Clear selection' }) }));
|
|
30
30
|
});
|
|
31
31
|
ComboboxClearButton.displayName = 'ComboboxClearButton';
|
|
32
32
|
|
|
@@ -72,7 +72,7 @@ const ComboboxInput = ({ hideClearButton, listId, error, hideChips, handleKeyDow
|
|
|
72
72
|
onChange(e);
|
|
73
73
|
!open && setOpen(true);
|
|
74
74
|
rest.onChange?.(e);
|
|
75
|
-
} }) })] }), showClearButton && jsx(ComboboxClearButton, { ref: clearButtonRef }), jsx("div", { className: 'ds-combobox__arrow', children: open ? (jsx(ChevronUpIcon, { title: 'arrow up',
|
|
75
|
+
} }) })] }), showClearButton && jsx(ComboboxClearButton, { ref: clearButtonRef }), jsx("div", { className: 'ds-combobox__arrow', children: open ? (jsx(ChevronUpIcon, { title: 'arrow up', height: '1.5em', width: '1.5em' })) : (jsx(ChevronDownIcon, { title: 'arrow down', height: '1.5em', width: '1.5em' })) })] }) }));
|
|
76
76
|
};
|
|
77
77
|
ComboboxInput.displayName = 'ComboboxInput';
|
|
78
78
|
|
|
@@ -25,7 +25,7 @@ const Avatar = forwardRef(function Avatar({ 'aria-label': ariaLabel, 'data-toolt
|
|
|
25
25
|
const useSlot = children && typeof children !== 'string';
|
|
26
26
|
const textChild = children && typeof children === 'string';
|
|
27
27
|
const Component = useSlot ? Slot : Fragment;
|
|
28
|
-
return (jsx(OuterComponent, { ref: ref, className: cl('ds-avatar', className), "data-variant": variant, "data-initials": initials, role: asChild ? undefined : 'img', "aria-label": ariaLabel || dataTooltip, tabIndex: dataTooltip ? 0 : undefined, ...rest, children: jsx(Component, { ...(useSlot && !asChild ? { 'aria-hidden': true } : {}), children: textChild ? jsx("span", { children: children }) : children }) }));
|
|
28
|
+
return (jsx(OuterComponent, { ref: ref, className: cl('ds-avatar', className), "data-variant": variant, "data-initials": initials, role: asChild ? undefined : 'img', "aria-label": ariaLabel || dataTooltip, "data-tooltip": dataTooltip, tabIndex: dataTooltip ? 0 : undefined, ...rest, children: jsx(Component, { ...(useSlot && !asChild ? { 'aria-hidden': true } : {}), children: textChild ? jsx("span", { children: children }) : children }) }));
|
|
29
29
|
});
|
|
30
30
|
|
|
31
31
|
export { Avatar };
|
|
@@ -25,7 +25,7 @@ const EXPERIMENTAL_AvatarStack = forwardRef(function AvatarStack({ className, ga
|
|
|
25
25
|
'--dsc-avatar-stack-overlap': overlap !== undefined ? `${overlap}` : undefined,
|
|
26
26
|
'--dsc-avatar-count': expandable === 'fixed' ? Children.count(children) : undefined,
|
|
27
27
|
};
|
|
28
|
-
return (jsx("
|
|
28
|
+
return (jsx("span", { tabIndex: rest.tabIndex !== undefined ? rest.tabIndex : expandable ? 0 : undefined, ref: ref, className: cl(`ds-avatar-stack`, className), style: style, "data-expandable": expandable, "data-suffix": suffix, ...rest, children: children }));
|
|
29
29
|
});
|
|
30
30
|
|
|
31
31
|
export { EXPERIMENTAL_AvatarStack };
|
|
@@ -20,7 +20,7 @@ const DialogTrigger = forwardRef(function DialogTrigger({ asChild, ...rest }, re
|
|
|
20
20
|
const { id, modal } = useContext(Context);
|
|
21
21
|
const Component = asChild ? Slot : Button;
|
|
22
22
|
return (jsx(Component, { suppressHydrationWarning // Might get augmented through designsystemet-web with aria-haspopup
|
|
23
|
-
: true, command: modal ? 'show-modal' : 'show', commandfor: id, ref: ref, ...rest }));
|
|
23
|
+
: true, command: modal ? 'show-modal' : '--show-non-modal', commandfor: id, ref: ref, ...rest }));
|
|
24
24
|
});
|
|
25
25
|
|
|
26
26
|
export { DialogTrigger };
|
|
@@ -14,7 +14,20 @@ const ToggleGroupItem = forwardRef(function ToggleGroupItem({ className, childre
|
|
|
14
14
|
const toggleGroup = useContext(ToggleGroupContext);
|
|
15
15
|
const value = rawValue ?? genValue;
|
|
16
16
|
const active = toggleGroup.value === value;
|
|
17
|
-
|
|
17
|
+
const { form, formAction, formEncType, formMethod, formNoValidate, formTarget, required, disabled, 'aria-disabled': ariaDisabled, ...labelProps } = rest;
|
|
18
|
+
/** Add backwards compatibility for `button` props that were previously allowed on `ToggleGroupItem` but are passeable to `input`*/
|
|
19
|
+
const inputProps = {
|
|
20
|
+
form,
|
|
21
|
+
formAction,
|
|
22
|
+
formEncType,
|
|
23
|
+
formMethod,
|
|
24
|
+
formNoValidate,
|
|
25
|
+
formTarget,
|
|
26
|
+
required,
|
|
27
|
+
disabled,
|
|
28
|
+
'aria-disabled': ariaDisabled,
|
|
29
|
+
};
|
|
30
|
+
return (jsxs("label", { ref: ref, ...labelProps, className: cl('ds-button', className), "data-variant": 'tertiary', "aria-disabled": ariaDisabled ?? disabled, children: [jsx("input", { ...inputProps, checked: active, name: toggleGroup.name, onChange: () => toggleGroup.onChange?.(value), type: 'radio', value: value, disabled: disabled, "aria-disabled": ariaDisabled }), children] }));
|
|
18
31
|
});
|
|
19
32
|
|
|
20
33
|
export { ToggleGroupItem };
|
package/dist/react-types.d.ts
CHANGED
|
@@ -2,7 +2,6 @@ import type { Color, ColorScheme, Size } from '@digdir/designsystemet-types';
|
|
|
2
2
|
|
|
3
3
|
declare global {
|
|
4
4
|
namespace React {
|
|
5
|
-
// biome-ignore lint/correctness/noUnusedVariables: we overwrite React's HTMLAttributes to add custom attributes
|
|
6
5
|
interface HTMLAttributes<T> {
|
|
7
6
|
/**
|
|
8
7
|
* Represents the recommended size options for the Designsystemet variables.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAGzD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,KAAK,UAAU,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC,aAAa,CAAC,CAAC;AACjE,KAAK,cAAc,GACf;IACE,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,KAAK,CAAC;IACvB,aAAa,CAAC,EAAE,UAAU,CAAC;CAC5B,GACD;IACE,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,UAAU,CAAC;CAC5B,GACD;IACE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,IAAI,GAAG,MAAM,CAAC;CAC9B,CAAC;AAEN,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,YAAY,GAAG,cAAc,CAAC,eAAe,CAAC,EAC9C,cAAc,GAAG;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAGzD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,KAAK,UAAU,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC,aAAa,CAAC,CAAC;AACjE,KAAK,cAAc,GACf;IACE,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,KAAK,CAAC;IACvB,aAAa,CAAC,EAAE,UAAU,CAAC;CAC5B,GACD;IACE,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,UAAU,CAAC;CAC5B,GACD;IACE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,IAAI,GAAG,MAAM,CAAC;CAC9B,CAAC;AAEN,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,YAAY,GAAG,cAAc,CAAC,eAAe,CAAC,EAC9C,cAAc,GAAG;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM,yGAmCjB,CAAC"}
|
|
@@ -25,7 +25,7 @@ export type AvatarStackProps = {
|
|
|
25
25
|
* @default undefined
|
|
26
26
|
*/
|
|
27
27
|
expandable?: 'fixed' | true;
|
|
28
|
-
} & HTMLAttributes<
|
|
28
|
+
} & HTMLAttributes<HTMLSpanElement>;
|
|
29
29
|
/**
|
|
30
30
|
* Use `AvatarStack` to constrain Avatars into a stack.
|
|
31
31
|
*
|
|
@@ -66,5 +66,5 @@ export declare const EXPERIMENTAL_AvatarStack: import("react").ForwardRefExoticC
|
|
|
66
66
|
* @default undefined
|
|
67
67
|
*/
|
|
68
68
|
expandable?: "fixed" | true;
|
|
69
|
-
} & HTMLAttributes<
|
|
69
|
+
} & HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
|
|
70
70
|
//# sourceMappingURL=avatar-stack.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar-stack.d.ts","sourceRoot":"","sources":["../../../src/components/avatar-stack/avatar-stack.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"avatar-stack.d.ts","sourceRoot":"","sources":["../../../src/components/avatar-stack/avatar-stack.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,cAAc,EAAE,MAAM,OAAO,CAAC;AAG3D,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAC7B,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAEpC;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,wBAAwB;IAzCnC;;;OAGG;UACG,MAAM;IACZ;;;OAGG;iBACU,MAAM;IACnB;;;OAGG;cACO,MAAM;IAChB;;OAEG;aACM,MAAM;IACf;;;;OAIG;iBACU,OAAO,GAAG,IAAI;qFAyD3B,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { DetailsHTMLAttributes, ReactNode } from 'react';
|
|
2
2
|
import '@digdir/designsystemet-web';
|
|
3
3
|
import type { DefaultProps } from '../../types';
|
|
4
4
|
import type { MergeRight } from '../../utilities';
|
|
5
|
-
export type DetailsProps = MergeRight<DefaultProps &
|
|
5
|
+
export type DetailsProps = MergeRight<DefaultProps & DetailsHTMLAttributes<HTMLDetailsElement>, {
|
|
6
6
|
/**
|
|
7
7
|
* Change the background color of the details.
|
|
8
8
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../../../src/components/details/details.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../../../src/components/details/details.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9D,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,YAAY,GAAG,qBAAqB,CAAC,kBAAkB,CAAC,EACxD;IACE;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CACF,GACC,CACI;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,GACnD;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,CACtD,CAAC;AAEJ;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,6GA2CnB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,
|
|
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;qDAmGpB,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import type { HTMLAttributes } from 'react';
|
|
1
|
+
import type { HTMLAttributes, ReactNode } from 'react';
|
|
2
2
|
import type { DefaultProps } from '../../types';
|
|
3
3
|
export type ErrorSummaryProps = {
|
|
4
4
|
/**
|
|
5
5
|
* @deprecated This is not supported anymore, as the element needs to be `ds-error-summary`
|
|
6
6
|
*/
|
|
7
|
-
asChild?:
|
|
7
|
+
asChild?: ReactNode;
|
|
8
8
|
} & Omit<HTMLAttributes<HTMLDivElement> & DefaultProps, 'data-color'>;
|
|
9
9
|
/**
|
|
10
10
|
* ErrorSummary component, used to display a list of errors.
|
|
@@ -26,6 +26,6 @@ export declare const ErrorSummary: import("react").ForwardRefExoticComponent<{
|
|
|
26
26
|
/**
|
|
27
27
|
* @deprecated This is not supported anymore, as the element needs to be `ds-error-summary`
|
|
28
28
|
*/
|
|
29
|
-
asChild?:
|
|
29
|
+
asChild?: ReactNode;
|
|
30
30
|
} & Omit<HTMLAttributes<HTMLDivElement> & DefaultProps, "data-color"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
31
31
|
//# sourceMappingURL=error-summary.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"error-summary.d.ts","sourceRoot":"","sources":["../../../src/components/error-summary/error-summary.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"error-summary.d.ts","sourceRoot":"","sources":["../../../src/components/error-summary/error-summary.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,YAAY,EAAE,YAAY,CAAC,CAAC;AAEtE;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,YAAY;IAtBvB;;OAEG;cACO,SAAS;sHAkCpB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type
|
|
1
|
+
import { type ButtonHTMLAttributes } from 'react';
|
|
2
2
|
import type { DefaultProps } from '../../types';
|
|
3
3
|
import { type ButtonProps } from '../button/button';
|
|
4
4
|
export type PopoverTriggerProps = ({
|
|
@@ -12,7 +12,7 @@ export type PopoverTriggerProps = ({
|
|
|
12
12
|
* @default false
|
|
13
13
|
*/
|
|
14
14
|
asChild?: boolean;
|
|
15
|
-
} &
|
|
15
|
+
} & ButtonHTMLAttributes<HTMLButtonElement> & DefaultProps) | ({
|
|
16
16
|
/**
|
|
17
17
|
* Will render the trigger as inline text.
|
|
18
18
|
* @default false
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover-trigger.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover-trigger.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"popover-trigger.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover-trigger.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,oBAAoB,EAI1B,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAG5D,MAAM,MAAM,mBAAmB,GAC3B,CAAC;IACC;;;OAGG;IACH,MAAM,CAAC,EAAE,IAAI,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GACzC,YAAY,CAAC,GACf,CAAC;IACC;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC;CAChB,GAAG,WAAW,CAAC,CAAC;AAErB;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,cAAc,mHAqBzB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search-clear.d.ts","sourceRoot":"","sources":["../../../src/components/search/search-clear.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAI5D,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,UAAU,CAAC,GAAG;IACzE;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW;IAhBtB;;;OAGG;mBACY,MAAM;
|
|
1
|
+
{"version":3,"file":"search-clear.d.ts","sourceRoot":"","sources":["../../../src/components/search/search-clear.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAI5D,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,UAAU,CAAC,GAAG;IACzE;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW;IAhBtB;;;OAGG;mBACY,MAAM;qDA4CtB,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { type InputHTMLAttributes } from 'react';
|
|
1
2
|
import type { DefaultProps } from '../../types';
|
|
2
|
-
export type SearchInputProps = DefaultProps & Omit<
|
|
3
|
+
export type SearchInputProps = DefaultProps & Omit<InputHTMLAttributes<HTMLInputElement>, 'readOnly' | 'type'>;
|
|
3
4
|
/**
|
|
4
5
|
* SearchInput component, used to display a search input within the Search component.
|
|
5
6
|
*
|
|
@@ -8,5 +9,5 @@ export type SearchInputProps = DefaultProps & Omit<React.InputHTMLAttributes<HTM
|
|
|
8
9
|
* <SearchInput aria-label='Søk' />
|
|
9
10
|
* </Search>
|
|
10
11
|
*/
|
|
11
|
-
export declare const SearchInput: import("react").ForwardRefExoticComponent<DefaultProps & Omit<
|
|
12
|
+
export declare const SearchInput: import("react").ForwardRefExoticComponent<DefaultProps & Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "readOnly"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
12
13
|
//# sourceMappingURL=search-input.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../../src/components/search/search-input.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../../src/components/search/search-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,MAAM,MAAM,gBAAgB,GAAG,YAAY,GACzC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC;AAEnE;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,8KAYvB,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { type HTMLAttributes } from 'react';
|
|
1
2
|
import type { DefaultProps } from '../../types';
|
|
2
|
-
export type SearchProps = DefaultProps &
|
|
3
|
+
export type SearchProps = DefaultProps & HTMLAttributes<HTMLDivElement>;
|
|
3
4
|
/**
|
|
4
5
|
* Search component, use to display different variations of a search input
|
|
5
6
|
*
|
|
@@ -16,5 +17,5 @@ export type SearchProps = DefaultProps & React.HTMLAttributes<HTMLDivElement>;
|
|
|
16
17
|
* <Search.Clear />
|
|
17
18
|
* </Search>
|
|
18
19
|
*/
|
|
19
|
-
export declare const Search: import("react").ForwardRefExoticComponent<DefaultProps &
|
|
20
|
+
export declare const Search: import("react").ForwardRefExoticComponent<DefaultProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
20
21
|
//# sourceMappingURL=search.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../src/components/search/search.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../src/components/search/search.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAExE;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM,0IAKjB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"suggestion-input.d.ts","sourceRoot":"","sources":["../../../src/components/suggestion/suggestion-input.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGxD,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC;AAI9C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,KAAK,CAAC,GAAG,CAAC;QAClB,UAAU,mBAAmB;YAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;IACD,UAAU,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"suggestion-input.d.ts","sourceRoot":"","sources":["../../../src/components/suggestion/suggestion-input.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGxD,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC;AAI9C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,KAAK,CAAC,GAAG,CAAC;QAClB,UAAU,mBAAmB;YAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;IACD,UAAU,KAAK,CAAC;QACd,UAAU,cAAc,CAAC,CAAC;YACxB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;CACF;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,eAAe;;;;;;;oDA4B1B,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { DSSuggestionElement } from '@digdir/designsystemet-web';
|
|
2
|
-
import { type HTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
import { type HTMLAttributes, type ReactNode, type RefObject } from 'react';
|
|
3
3
|
export type SuggestionItem = {
|
|
4
4
|
label: string;
|
|
5
5
|
value: string;
|
|
@@ -36,7 +36,7 @@ type Filter = (args: {
|
|
|
36
36
|
type SuggestionContextType = {
|
|
37
37
|
handleFilter: (input?: HTMLInputElement | null) => void;
|
|
38
38
|
isEmpty?: boolean;
|
|
39
|
-
dsSuggestionRef?:
|
|
39
|
+
dsSuggestionRef?: RefObject<DSSuggestionElement | null>;
|
|
40
40
|
};
|
|
41
41
|
type SuggestionValue<T extends {
|
|
42
42
|
multiple: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"suggestion.d.ts","sourceRoot":"","sources":["../../../src/components/suggestion/suggestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,cAAc,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9D,KAAK,gBAAgB,GAAG,IAAI,CAC1B,WAAW,CAAC,iBAAiB,GAAG,SAAS,CAAC,EAC1C,eAAe,CAChB,GAAG;IACF,aAAa,EAAE,mBAAmB,CAAC;CACpC,CAAC;AAEF,KAAK,MAAM,GAAG,CAAC,IAAI,EAAE;IACnB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,aAAa,EAAE,iBAAiB,CAAC;IACjC;;OAEG;IACH,KAAK,EAAE,gBAAgB,CAAC;CACzB,KAAK,OAAO,CAAC;AAEd,KAAK,qBAAqB,GAAG;IAC3B,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"suggestion.d.ts","sourceRoot":"","sources":["../../../src/components/suggestion/suggestion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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,
|
|
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;8FAgCb,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type LabelHTMLAttributes } from 'react';
|
|
1
|
+
import { type InputHTMLAttributes, type LabelHTMLAttributes } from 'react';
|
|
2
2
|
import type { DefaultProps } from '../../types';
|
|
3
3
|
export type ToggleGroupItemProps = {
|
|
4
4
|
/**
|
|
@@ -10,7 +10,7 @@ export type ToggleGroupItemProps = {
|
|
|
10
10
|
* @deprecated Icon prop is deprecated
|
|
11
11
|
**/
|
|
12
12
|
icon?: boolean;
|
|
13
|
-
} & DefaultProps & LabelHTMLAttributes<HTMLLabelElement>;
|
|
13
|
+
} & DefaultProps & LabelHTMLAttributes<HTMLLabelElement> & Pick<InputHTMLAttributes<HTMLInputElement>, 'formAction' | 'formEncType' | 'formTarget' | 'formMethod' | 'required' | 'formNoValidate' | 'value' | 'disabled'>;
|
|
14
14
|
/**
|
|
15
15
|
* A single item in a ToggleGroup.
|
|
16
16
|
* @example
|
|
@@ -26,5 +26,5 @@ export declare const ToggleGroupItem: import("react").ForwardRefExoticComponent<
|
|
|
26
26
|
* @deprecated Icon prop is deprecated
|
|
27
27
|
**/
|
|
28
28
|
icon?: boolean;
|
|
29
|
-
} & DefaultProps & LabelHTMLAttributes<HTMLLabelElement> & import("react").RefAttributes<HTMLLabelElement>>;
|
|
29
|
+
} & DefaultProps & LabelHTMLAttributes<HTMLLabelElement> & Pick<InputHTMLAttributes<HTMLInputElement>, "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "required" | "value"> & import("react").RefAttributes<HTMLLabelElement>>;
|
|
30
30
|
//# sourceMappingURL=toggle-group-item.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-group-item.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-group/toggle-group-item.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"toggle-group-item.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-group/toggle-group-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EAGzB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;QAGI;IACJ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;QAEI;IACJ,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,GAAG,YAAY,GACd,mBAAmB,CAAC,gBAAgB,CAAC,GACrC,IAAI,CACF,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,gBAAgB,GAChB,OAAO,GACP,UAAU,CACb,CAAC;AAEJ;;;;GAIG;AACH,eAAO,MAAM,eAAe;IA5B1B;;;QAGI;YACI,MAAM;IACd;;QAEI;WACG,OAAO;4QA+Ed,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
1
|
+
import type { Dispatch, ForwardedRef, ReactNode, SetStateAction } from 'react';
|
|
2
2
|
import type { CheckboxProps } from '../../../components';
|
|
3
3
|
export type UseCheckboxGroupProps = {
|
|
4
4
|
/**
|
|
@@ -45,13 +45,13 @@ export type UseCheckboxGroupProps = {
|
|
|
45
45
|
export type GetCheckboxProps = Omit<CheckboxProps, 'prefix' | 'role' | 'type' | 'size' | 'aria-label' | 'aria-labelledby' | 'label' | 'checked' | 'value'> & {
|
|
46
46
|
/** Enables indeterminate handling for this `Checkbox` and `CheckboxGroup` */
|
|
47
47
|
allowIndeterminate?: boolean;
|
|
48
|
-
ref?:
|
|
48
|
+
ref?: ForwardedRef<HTMLInputElement>;
|
|
49
49
|
checked?: boolean;
|
|
50
50
|
value?: string;
|
|
51
51
|
};
|
|
52
52
|
type useCheckboxGroupReturn = {
|
|
53
53
|
value: string[];
|
|
54
|
-
setValue:
|
|
54
|
+
setValue: Dispatch<SetStateAction<string[]>>;
|
|
55
55
|
getCheckboxProps: (propsOrValue?: string | GetCheckboxProps) => GetCheckboxProps;
|
|
56
56
|
validationMessageProps: {
|
|
57
57
|
children: ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-checkbox-group.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/use-checkbox-group/use-checkbox-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"use-checkbox-group.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/use-checkbox-group/use-checkbox-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,cAAc,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAClE,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,aAAa,EACX,QAAQ,GACR,MAAM,GACN,MAAM,GACN,MAAM,GACN,YAAY,GACZ,iBAAiB,GACjB,OAAO,GACP,SAAS,GACT,OAAO,CACV,GAAG;IACF,6EAA6E;IAC7E,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,GAAG,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAgBF,KAAK,sBAAsB,GAAG;IAC5B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAC7C,gBAAgB,EAAE,CAChB,YAAY,CAAC,EAAE,MAAM,GAAG,gBAAgB,KACrC,gBAAgB,CAAC;IACtB,sBAAsB,EAAE;QACtB,QAAQ,EAAE,SAAS,CAAC;QACpB,MAAM,EAAE,OAAO,CAAC;QAChB,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;CACH,CAAC;AAEF,wBAAgB,gBAAgB,CAC9B,KAAK,CAAC,EAAE,qBAAqB,GAC5B,sBAAsB,CA8IxB"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
1
|
+
import type { Dispatch, ForwardedRef, ReactNode, SetStateAction } from 'react';
|
|
2
2
|
import type { RadioProps } from '../../../components';
|
|
3
3
|
export type UseRadioGroupProps = {
|
|
4
4
|
/** Set disabled state of all radios */
|
|
@@ -25,12 +25,12 @@ export type UseRadioGroupProps = {
|
|
|
25
25
|
* remove anything that comes from the group itself.
|
|
26
26
|
*/
|
|
27
27
|
export type GetRadioProps = Omit<RadioProps, 'prefix' | 'role' | 'type' | 'size' | 'aria-label' | 'aria-labelledby' | 'label' | 'name' | 'checked' | 'value'> & {
|
|
28
|
-
ref?:
|
|
28
|
+
ref?: ForwardedRef<HTMLInputElement>;
|
|
29
29
|
value?: string;
|
|
30
30
|
};
|
|
31
31
|
type useRadioGroupReturn = {
|
|
32
32
|
value: string;
|
|
33
|
-
setValue:
|
|
33
|
+
setValue: Dispatch<SetStateAction<string>>;
|
|
34
34
|
getRadioProps: (propsOrValue: string | GetRadioProps) => GetRadioProps;
|
|
35
35
|
validationMessageProps: {
|
|
36
36
|
children: ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-radio-group.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/use-radio-group/use-radio-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"use-radio-group.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/use-radio-group/use-radio-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,cAAc,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3D,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,UAAU,EACR,QAAQ,GACR,MAAM,GACN,MAAM,GACN,MAAM,GACN,YAAY,GACZ,iBAAiB,GACjB,OAAO,GACP,MAAM,GACN,SAAS,GACT,OAAO,CACV,GAAG;IACF,GAAG,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3C,aAAa,EAAE,CAAC,YAAY,EAAE,MAAM,GAAG,aAAa,KAAK,aAAa,CAAC;IACvE,sBAAsB,EAAE;QACtB,QAAQ,EAAE,SAAS,CAAC;QACpB,MAAM,EAAE,OAAO,CAAC;QAChB,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;CACH,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,KAAK,EAAE,WAAgB,GACxB,GAAE,kBAAuB,GAAG,mBAAmB,CAsF/C"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { HTMLAttributes } from 'react';
|
|
1
|
+
import type { FocusEvent, HTMLAttributes, KeyboardEvent } from 'react';
|
|
2
2
|
/**
|
|
3
3
|
@deprecated useRovingFocus is deprecated.
|
|
4
4
|
Handles props for `RovingFocus` in context with `RovingFocusRoot` */
|
|
@@ -8,8 +8,8 @@ export declare const useRovingFocus: (value: string) => {
|
|
|
8
8
|
orientation: "horizontal" | "vertical" | "ambiguous";
|
|
9
9
|
getRovingProps: <T extends HTMLElement>(props: HTMLAttributes<T>) => {
|
|
10
10
|
ref: (element: HTMLElement | null) => void;
|
|
11
|
-
onKeyDown: (e:
|
|
12
|
-
onFocus: (e:
|
|
11
|
+
onKeyDown: (e: KeyboardEvent<T>) => void;
|
|
12
|
+
onFocus: (e: FocusEvent<T>) => void;
|
|
13
13
|
'data-roving-tabindex-item': boolean;
|
|
14
14
|
tabIndex: number;
|
|
15
15
|
defaultChecked?: boolean | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-roving-focus.d.ts","sourceRoot":"","sources":["../../../src/utilities/roving-focus/use-roving-focus.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"use-roving-focus.d.ts","sourceRoot":"","sources":["../../../src/utilities/roving-focus/use-roving-focus.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAKvE;;oEAEoE;AACpE,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM;;;;qBAcvB,CAAC,SAAS,WAAW,SAAS,cAAc,CAAC,CAAC,CAAC;uBAE/C,WAAW,GAAG,IAAI;uBAOlB,aAAa,CAAC,CAAC,CAAC;qBAOlB,UAAU,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQ/B,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@digdir/designsystemet-react",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "1.
|
|
4
|
+
"version": "1.13.0",
|
|
5
5
|
"description": "React components for Designsystemet",
|
|
6
6
|
"author": "Designsystemet team",
|
|
7
7
|
"repository": {
|
|
@@ -35,21 +35,21 @@
|
|
|
35
35
|
"access": "public"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@floating-ui/dom": "^1.7.
|
|
38
|
+
"@floating-ui/dom": "^1.7.6",
|
|
39
39
|
"@floating-ui/react": "0.26.23",
|
|
40
|
-
"@navikt/aksel-icons": "^8.
|
|
40
|
+
"@navikt/aksel-icons": "^8.6.0",
|
|
41
41
|
"@radix-ui/react-slot": "^1.2.4",
|
|
42
|
-
"@tanstack/react-virtual": "^3.13.
|
|
42
|
+
"@tanstack/react-virtual": "^3.13.21",
|
|
43
43
|
"clsx": "^2.1.1",
|
|
44
|
-
"@digdir/designsystemet-types": "^1.
|
|
45
|
-
"@digdir/designsystemet-web": "^1.
|
|
44
|
+
"@digdir/designsystemet-types": "^1.13.0",
|
|
45
|
+
"@digdir/designsystemet-web": "^1.13.0"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
|
-
"@rollup/plugin-commonjs": "^29.0.
|
|
48
|
+
"@rollup/plugin-commonjs": "^29.0.2",
|
|
49
49
|
"@rollup/plugin-node-resolve": "^16.0.3",
|
|
50
|
-
"@storybook/addon-docs": "^10.2.
|
|
51
|
-
"@storybook/addon-vitest": "^10.2.
|
|
52
|
-
"@storybook/react-vite": "^10.2.
|
|
50
|
+
"@storybook/addon-docs": "^10.2.16",
|
|
51
|
+
"@storybook/addon-vitest": "^10.2.16",
|
|
52
|
+
"@storybook/react-vite": "^10.2.16",
|
|
53
53
|
"@testing-library/jest-dom": "^6.9.1",
|
|
54
54
|
"@testing-library/react": "^16.3.2",
|
|
55
55
|
"@testing-library/user-event": "^14.6.1",
|
|
@@ -58,12 +58,12 @@
|
|
|
58
58
|
"react": "^19.2.4",
|
|
59
59
|
"react-dom": "^19.2.4",
|
|
60
60
|
"rimraf": "^6.1.3",
|
|
61
|
-
"rollup": "^4.
|
|
61
|
+
"rollup": "^4.59.0",
|
|
62
62
|
"rollup-plugin-copy": "^3.5.0",
|
|
63
|
-
"storybook": "^10.2.
|
|
63
|
+
"storybook": "^10.2.16",
|
|
64
64
|
"tsx": "4.21.0",
|
|
65
65
|
"typescript": "^5.9.3",
|
|
66
|
-
"@digdir/designsystemet-css": "^1.
|
|
66
|
+
"@digdir/designsystemet-css": "^1.13.0"
|
|
67
67
|
},
|
|
68
68
|
"scripts": {
|
|
69
69
|
"build": "pnpm run clean && tsc -b tsconfig.lib.json --emitDeclarationOnly false && rollup -c --bundleConfigAsCjs",
|