@digdir/designsystemet-react 0.0.0-test-20250710055256 → 0.0.0-test-20250710064944
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/Combobox.js +2 -2
- package/dist/cjs/components/Combobox/Custom.js +2 -2
- package/dist/cjs/components/Combobox/Empty.js +1 -1
- package/dist/cjs/components/Combobox/Option/Option.js +1 -1
- package/dist/cjs/components/Combobox/internal/ComboboxInput.js +2 -2
- package/dist/cjs/components/avatar/avatar.js +2 -1
- package/dist/cjs/components/dialog/dialog.js +1 -1
- package/dist/cjs/components/dropdown/dropdown-trigger-context.js +0 -1
- package/dist/cjs/components/dropdown/dropdown-trigger.js +0 -1
- package/dist/cjs/components/dropdown/dropdown.js +2 -2
- package/dist/cjs/components/error-summary/error-summary-heading.js +1 -1
- package/dist/cjs/components/field/field-counter.js +2 -2
- package/dist/cjs/components/popover/popover-trigger.js +1 -1
- package/dist/cjs/components/search/search-clear.js +1 -1
- package/dist/cjs/components/suggestion/suggestion-input.js +1 -1
- package/dist/cjs/components/tabs/tabs-list.js +1 -1
- package/dist/cjs/components/textfield/textfield.js +3 -3
- package/dist/cjs/index.js +44 -50
- package/dist/esm/components/Combobox/Combobox.js +2 -2
- package/dist/esm/components/Combobox/Custom.js +2 -2
- package/dist/esm/components/Combobox/Empty.js +1 -1
- package/dist/esm/components/Combobox/Option/Option.js +1 -1
- package/dist/esm/components/Combobox/internal/ComboboxInput.js +2 -2
- package/dist/esm/components/avatar/avatar.js +2 -1
- package/dist/esm/components/dialog/dialog-trigger-context.js +1 -1
- package/dist/esm/components/dialog/dialog.js +1 -1
- package/dist/esm/components/dropdown/dropdown-trigger-context.js +0 -1
- package/dist/esm/components/dropdown/dropdown-trigger.js +0 -1
- package/dist/esm/components/dropdown/dropdown.js +1 -1
- package/dist/esm/components/error-summary/error-summary-heading.js +1 -1
- package/dist/esm/components/error-summary/error-summary.js +1 -1
- package/dist/esm/components/field/field-counter.js +2 -2
- package/dist/esm/components/popover/popover-trigger-context.js +1 -1
- package/dist/esm/components/popover/popover-trigger.js +1 -1
- package/dist/esm/components/search/search-clear.js +1 -1
- package/dist/esm/components/suggestion/suggestion-input.js +1 -1
- package/dist/esm/components/tabs/tabs-list.js +1 -1
- package/dist/esm/components/textfield/textfield.js +3 -3
- package/dist/esm/index.js +22 -25
- package/dist/types/colors.d.ts +9 -7
- package/dist/types/colors.d.ts.map +1 -1
- package/dist/types/components/Combobox/Combobox.d.ts.map +1 -1
- package/dist/types/components/Combobox/Custom.d.ts.map +1 -1
- package/dist/types/components/Combobox/Empty.d.ts.map +1 -1
- package/dist/types/components/Combobox/Option/Option.d.ts.map +1 -1
- package/dist/types/components/Combobox/internal/ComboboxInput.d.ts.map +1 -1
- package/dist/types/components/Combobox/internal/ComboboxLabel.d.ts.map +1 -1
- package/dist/types/components/alert/alert.d.ts +1 -1
- package/dist/types/components/alert/alert.d.ts.map +1 -1
- package/dist/types/components/avatar/avatar.d.ts.map +1 -1
- package/dist/types/components/breadcrumbs/breadcrumbs-link.d.ts +1 -1
- package/dist/types/components/breadcrumbs/breadcrumbs-link.d.ts.map +1 -1
- package/dist/types/components/button/button.d.ts +3 -3
- package/dist/types/components/button/button.d.ts.map +1 -1
- package/dist/types/components/checkbox/checkbox.d.ts +1 -1
- package/dist/types/components/checkbox/checkbox.d.ts.map +1 -1
- package/dist/types/components/dialog/dialog-trigger.d.ts +1 -1
- package/dist/types/components/dialog/index.d.ts +1 -1
- package/dist/types/components/dropdown/dropdown-heading.d.ts +1 -1
- package/dist/types/components/dropdown/dropdown-heading.d.ts.map +1 -1
- package/dist/types/components/dropdown/dropdown-trigger-context.d.ts.map +1 -1
- package/dist/types/components/dropdown/dropdown-trigger.d.ts +1 -1
- package/dist/types/components/dropdown/dropdown-trigger.d.ts.map +1 -1
- package/dist/types/components/dropdown/dropdown.d.ts +1 -1
- package/dist/types/components/dropdown/dropdown.d.ts.map +1 -1
- package/dist/types/components/error-summary/error-summary-heading.d.ts +1 -1
- package/dist/types/components/error-summary/error-summary-heading.d.ts.map +1 -1
- package/dist/types/components/error-summary/error-summary-link.d.ts +1 -1
- package/dist/types/components/error-summary/error-summary-link.d.ts.map +1 -1
- package/dist/types/components/field/field-counter.d.ts +1 -1
- package/dist/types/components/field/field-counter.d.ts.map +1 -1
- package/dist/types/components/fieldset/fieldset-description.d.ts +1 -1
- package/dist/types/components/fieldset/fieldset-description.d.ts.map +1 -1
- package/dist/types/components/fieldset/fieldset-legend.d.ts.map +1 -1
- package/dist/types/components/index.d.ts +80 -40
- package/dist/types/components/index.d.ts.map +1 -1
- package/dist/types/components/pagination/pagination-button.d.ts +1 -1
- package/dist/types/components/pagination/pagination-button.d.ts.map +1 -1
- package/dist/types/components/popover/popover-trigger.d.ts +1 -1
- package/dist/types/components/popover/popover-trigger.d.ts.map +1 -1
- package/dist/types/components/radio/radio.d.ts +1 -1
- package/dist/types/components/radio/radio.d.ts.map +1 -1
- package/dist/types/components/search/index.d.ts +1 -1
- package/dist/types/components/search/search-button.d.ts +2 -2
- package/dist/types/components/search/search-button.d.ts.map +1 -1
- package/dist/types/components/search/search-clear.d.ts +1 -1
- package/dist/types/components/search/search-clear.d.ts.map +1 -1
- package/dist/types/components/suggestion/suggestion-clear.d.ts +1 -1
- package/dist/types/components/suggestion/suggestion-clear.d.ts.map +1 -1
- package/dist/types/components/suggestion/suggestion-input.d.ts +1 -1
- package/dist/types/components/suggestion/suggestion-input.d.ts.map +1 -1
- package/dist/types/components/switch/switch.d.ts +1 -1
- package/dist/types/components/switch/switch.d.ts.map +1 -1
- package/dist/types/components/tabs/tabs-list.d.ts.map +1 -1
- package/dist/types/components/tabs/tabs-tab.d.ts.map +1 -1
- package/dist/types/components/textfield/textfield.d.ts +2 -2
- package/dist/types/components/textfield/textfield.d.ts.map +1 -1
- package/dist/types/components/toggle-group/toggle-group-item.d.ts.map +1 -1
- package/dist/types/components/toggle-group/use-toggle-groupitem.d.ts +1 -1
- package/dist/types/components/toggle-group/use-toggle-groupitem.d.ts.map +1 -1
- package/dist/types/components/validation-message/validation-message.d.ts +1 -1
- package/dist/types/components/validation-message/validation-message.d.ts.map +1 -1
- package/package.json +2 -2
- package/dist/types/components/alert/index.d.ts +0 -3
- package/dist/types/components/alert/index.d.ts.map +0 -1
- package/dist/types/components/avatar/index.d.ts +0 -3
- package/dist/types/components/avatar/index.d.ts.map +0 -1
- package/dist/types/components/button/index.d.ts +0 -3
- package/dist/types/components/button/index.d.ts.map +0 -1
- package/dist/types/components/checkbox/index.d.ts +0 -3
- package/dist/types/components/checkbox/index.d.ts.map +0 -1
- package/dist/types/components/divider/index.d.ts +0 -3
- package/dist/types/components/divider/index.d.ts.map +0 -1
- package/dist/types/components/heading/index.d.ts +0 -3
- package/dist/types/components/heading/index.d.ts.map +0 -1
- package/dist/types/components/input/index.d.ts +0 -3
- package/dist/types/components/input/index.d.ts.map +0 -1
- package/dist/types/components/label/index.d.ts +0 -3
- package/dist/types/components/label/index.d.ts.map +0 -1
- package/dist/types/components/link/index.d.ts +0 -3
- package/dist/types/components/link/index.d.ts.map +0 -1
- package/dist/types/components/paragraph/index.d.ts +0 -3
- package/dist/types/components/paragraph/index.d.ts.map +0 -1
- package/dist/types/components/radio/index.d.ts +0 -3
- package/dist/types/components/radio/index.d.ts.map +0 -1
- package/dist/types/components/skeleton/index.d.ts +0 -3
- package/dist/types/components/skeleton/index.d.ts.map +0 -1
- package/dist/types/components/skip-link/index.d.ts +0 -3
- package/dist/types/components/skip-link/index.d.ts.map +0 -1
- package/dist/types/components/spinner/index.d.ts +0 -3
- package/dist/types/components/spinner/index.d.ts.map +0 -1
- package/dist/types/components/switch/index.d.ts +0 -3
- package/dist/types/components/switch/index.d.ts.map +0 -1
- package/dist/types/components/tag/index.d.ts +0 -3
- package/dist/types/components/tag/index.d.ts.map +0 -1
- package/dist/types/components/textarea/index.d.ts +0 -3
- package/dist/types/components/textarea/index.d.ts.map +0 -1
- package/dist/types/components/textfield/index.d.ts +0 -3
- package/dist/types/components/textfield/index.d.ts.map +0 -1
- package/dist/types/components/tooltip/index.d.ts +0 -3
- package/dist/types/components/tooltip/index.d.ts.map +0 -1
- package/dist/types/components/validation-message/index.d.ts +0 -3
- package/dist/types/components/validation-message/index.d.ts.map +0 -1
|
@@ -6,6 +6,8 @@ var react$1 = require('@floating-ui/react');
|
|
|
6
6
|
var reactVirtual = require('@tanstack/react-virtual');
|
|
7
7
|
var cl = require('clsx/lite');
|
|
8
8
|
var react = require('react');
|
|
9
|
+
var omit = require('../../utilities/omit/omit.js');
|
|
10
|
+
var spinner = require('../spinner/spinner.js');
|
|
9
11
|
var ComboboxContext = require('./ComboboxContext.js');
|
|
10
12
|
var ComboboxIdContext = require('./ComboboxIdContext.js');
|
|
11
13
|
var Custom = require('./Custom.js');
|
|
@@ -19,8 +21,6 @@ var useFloatingCombobox = require('./useFloatingCombobox.js');
|
|
|
19
21
|
var useFormField = require('./useFormField/useFormField.js');
|
|
20
22
|
var utilities = require('./utilities.js');
|
|
21
23
|
var useDebounceCallback = require('../../utilities/hooks/use-debounce-callback/use-debounce-callback.js');
|
|
22
|
-
var spinner = require('../spinner/spinner.js');
|
|
23
|
-
var omit = require('../../utilities/omit/omit.js');
|
|
24
24
|
|
|
25
25
|
/**
|
|
26
26
|
* @deprecated Use `Suggestion` instead
|
|
@@ -6,10 +6,10 @@ var react$1 = require('@floating-ui/react');
|
|
|
6
6
|
var reactSlot = require('@radix-ui/react-slot');
|
|
7
7
|
var cl = require('clsx/lite');
|
|
8
8
|
var react = require('react');
|
|
9
|
+
var omit = require('../../utilities/omit/omit.js');
|
|
10
|
+
var label = require('../label/label.js');
|
|
9
11
|
var ComboboxContext = require('./ComboboxContext.js');
|
|
10
12
|
var ComboboxIdContext = require('./ComboboxIdContext.js');
|
|
11
|
-
var label = require('../label/label.js');
|
|
12
|
-
var omit = require('../../utilities/omit/omit.js');
|
|
13
13
|
|
|
14
14
|
const ComboboxCustom = react.forwardRef(({ asChild, interactive, id, className, ...rest }, ref) => {
|
|
15
15
|
if (interactive && !id) {
|
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var cl = require('clsx/lite');
|
|
6
6
|
var react = require('react');
|
|
7
|
-
var ComboboxContext = require('./ComboboxContext.js');
|
|
8
7
|
var label = require('../label/label.js');
|
|
8
|
+
var ComboboxContext = require('./ComboboxContext.js');
|
|
9
9
|
|
|
10
10
|
const ComboboxEmpty = react.forwardRef(({ children, className, ...rest }, ref) => {
|
|
11
11
|
const context = react.useContext(ComboboxContext.ComboboxContext);
|
|
@@ -5,11 +5,11 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
5
5
|
var cl = require('clsx/lite');
|
|
6
6
|
var react = require('react');
|
|
7
7
|
var omit = require('../../../utilities/omit/omit.js');
|
|
8
|
+
var label = require('../../label/label.js');
|
|
8
9
|
var ComboboxContext = require('../ComboboxContext.js');
|
|
9
10
|
var Description = require('./Description.js');
|
|
10
11
|
var SelectedIcon = require('./SelectedIcon.js');
|
|
11
12
|
var useComboboxOption = require('./useComboboxOption.js');
|
|
12
|
-
var label = require('../../label/label.js');
|
|
13
13
|
|
|
14
14
|
const ComboboxOption = react.memo(react.forwardRef(({ value, description, children, className, ...rest }, forwardedRef) => {
|
|
15
15
|
const labelId = react.useId();
|
|
@@ -6,13 +6,13 @@ var react$1 = require('@floating-ui/react');
|
|
|
6
6
|
var akselIcons = require('@navikt/aksel-icons');
|
|
7
7
|
var cl = require('clsx/lite');
|
|
8
8
|
var react = require('react');
|
|
9
|
+
var omit = require('../../../utilities/omit/omit.js');
|
|
10
|
+
var paragraph = require('../../paragraph/paragraph.js');
|
|
9
11
|
var ComboboxContext = require('../ComboboxContext.js');
|
|
10
12
|
var ComboboxIdContext = require('../ComboboxIdContext.js');
|
|
11
13
|
var utilities = require('../utilities.js');
|
|
12
14
|
var ComboboxChips = require('./ComboboxChips.js');
|
|
13
15
|
var ComboboxClearButton = require('./ComboboxClearButton.js');
|
|
14
|
-
var paragraph = require('../../paragraph/paragraph.js');
|
|
15
|
-
var omit = require('../../../utilities/omit/omit.js');
|
|
16
16
|
|
|
17
17
|
const ComboboxInput = ({ hideClearButton, listId, error, hideChips, handleKeyDown, ...rest }) => {
|
|
18
18
|
const context = react.useContext(ComboboxContext.ComboboxContext);
|
|
@@ -24,8 +24,9 @@ var react = require('react');
|
|
|
24
24
|
*/
|
|
25
25
|
const Avatar = react.forwardRef(function Avatar({ 'aria-label': ariaLabel, variant = 'circle', className, children, initials, ...rest }, ref) {
|
|
26
26
|
const useSlot = children && typeof children !== 'string';
|
|
27
|
+
const textChild = children && typeof children === 'string';
|
|
27
28
|
const Component = useSlot ? reactSlot.Slot : react.Fragment;
|
|
28
|
-
return (jsxRuntime.jsx("span", { ref: ref, className: cl('ds-avatar', className), "data-variant": variant, "data-initials": initials, role: 'img', "aria-label": ariaLabel, ...rest, children: jsxRuntime.jsx(Component, { ...(useSlot ? { 'aria-hidden': true } : {}), children: children }) }));
|
|
29
|
+
return (jsxRuntime.jsx("span", { ref: ref, className: cl('ds-avatar', className), "data-variant": variant, "data-initials": initials, role: 'img', "aria-label": ariaLabel, ...rest, children: jsxRuntime.jsx(Component, { ...(useSlot ? { 'aria-hidden': true } : {}), children: textChild ? jsxRuntime.jsx("span", { children: children }) : children }) }));
|
|
29
30
|
});
|
|
30
31
|
|
|
31
32
|
exports.Avatar = Avatar;
|
|
@@ -5,9 +5,9 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
5
5
|
var reactSlot = require('@radix-ui/react-slot');
|
|
6
6
|
var cl = require('clsx/lite');
|
|
7
7
|
var react = require('react');
|
|
8
|
+
var button = require('../button/button.js');
|
|
8
9
|
var dialogTriggerContext = require('./dialog-trigger-context.js');
|
|
9
10
|
var useMergeRefs = require('../../utilities/hooks/use-merge-refs/use-merge-refs.js');
|
|
10
|
-
var button = require('../button/button.js');
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* Dialog component, used to display a dialog dialog.
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var react = require('react');
|
|
6
|
-
require('../popover/index.js');
|
|
7
6
|
var popoverTrigger = require('../popover/popover-trigger.js');
|
|
8
7
|
|
|
9
8
|
const DropdownTrigger = react.forwardRef(function DropdownTrigger({ asChild, ...rest }, ref) {
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var cl = require('clsx/lite');
|
|
6
6
|
var react = require('react');
|
|
7
|
-
var
|
|
7
|
+
var popover = require('../popover/popover.js');
|
|
8
8
|
|
|
9
9
|
/**
|
|
10
10
|
* Dropdown component, used to display a list of options.
|
|
@@ -34,7 +34,7 @@ var index = require('../popover/index.js');
|
|
|
34
34
|
* </Dropdown>
|
|
35
35
|
*/
|
|
36
36
|
const Dropdown = react.forwardRef(function DropdownContent({ placement = 'bottom-end', className, ...rest }, ref) {
|
|
37
|
-
return (jsxRuntime.jsx(
|
|
37
|
+
return (jsxRuntime.jsx(popover.Popover, { className: cl('ds-dropdown', className), placement: placement, ref: ref, ...rest }));
|
|
38
38
|
});
|
|
39
39
|
|
|
40
40
|
exports.Dropdown = Dropdown;
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var react = require('react');
|
|
6
|
-
var errorSummary = require('./error-summary.js');
|
|
7
6
|
var heading = require('../heading/heading.js');
|
|
7
|
+
var errorSummary = require('./error-summary.js');
|
|
8
8
|
|
|
9
9
|
const ErrorSummaryHeading = react.forwardRef(function ErrorSummaryHeading({ className, id, ...rest }, ref) {
|
|
10
10
|
const { headingId, setHeadingId } = react.useContext(errorSummary.ErrorSummaryContext);
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var react = require('react');
|
|
6
|
-
var fieldObserver = require('./field-observer.js');
|
|
7
|
-
var validationMessage = require('../validation-message/validation-message.js');
|
|
8
6
|
var paragraph = require('../paragraph/paragraph.js');
|
|
7
|
+
var validationMessage = require('../validation-message/validation-message.js');
|
|
8
|
+
var fieldObserver = require('./field-observer.js');
|
|
9
9
|
|
|
10
10
|
const label = (text, count) => text.replace('%d', Math.abs(count).toString());
|
|
11
11
|
/**
|
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var reactSlot = require('@radix-ui/react-slot');
|
|
6
6
|
var react = require('react');
|
|
7
|
-
var popoverTriggerContext = require('./popover-trigger-context.js');
|
|
8
7
|
var button = require('../button/button.js');
|
|
8
|
+
var popoverTriggerContext = require('./popover-trigger-context.js');
|
|
9
9
|
|
|
10
10
|
/**
|
|
11
11
|
* PopoverTrigger component, used to trigger a popover.
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var react = require('react');
|
|
6
|
-
var utilities = require('../Combobox/utilities.js');
|
|
7
6
|
var button = require('../button/button.js');
|
|
7
|
+
var utilities = require('../Combobox/utilities.js');
|
|
8
8
|
|
|
9
9
|
/**
|
|
10
10
|
* SearchClear component, used to display a clear button when the search input is not empty.
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var react = require('react');
|
|
6
|
-
var suggestion = require('./suggestion.js');
|
|
7
6
|
var input = require('../input/input.js');
|
|
7
|
+
var suggestion = require('./suggestion.js');
|
|
8
8
|
|
|
9
9
|
/**
|
|
10
10
|
* Component that provides an input field for the Suggestion list.
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var react = require('react');
|
|
6
|
-
var tabs = require('./tabs.js');
|
|
7
6
|
var rovingFocusRoot = require('../../utilities/roving-focus/roving-focus-root.js');
|
|
7
|
+
var tabs = require('./tabs.js');
|
|
8
8
|
|
|
9
9
|
/**
|
|
10
10
|
* The container for all `Tab` components.
|
|
@@ -4,12 +4,12 @@
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var react = require('react');
|
|
6
6
|
var index = require('../field/index.js');
|
|
7
|
+
var input = require('../input/input.js');
|
|
7
8
|
var label = require('../label/label.js');
|
|
8
|
-
var fieldDescription = require('../field/field-description.js');
|
|
9
|
-
var fieldAffix = require('../field/field-affix.js');
|
|
10
9
|
var textarea = require('../textarea/textarea.js');
|
|
11
|
-
var input = require('../input/input.js');
|
|
12
10
|
var validationMessage = require('../validation-message/validation-message.js');
|
|
11
|
+
var fieldDescription = require('../field/field-description.js');
|
|
12
|
+
var fieldAffix = require('../field/field-affix.js');
|
|
13
13
|
|
|
14
14
|
/**
|
|
15
15
|
* Composed text input component using `Field`
|
package/dist/cjs/index.js
CHANGED
|
@@ -6,13 +6,13 @@ var avatar = require('./components/avatar/avatar.js');
|
|
|
6
6
|
var index = require('./components/badge/index.js');
|
|
7
7
|
var badgePosition = require('./components/badge/badge-position.js');
|
|
8
8
|
var index$1 = require('./components/breadcrumbs/index.js');
|
|
9
|
-
var breadcrumbsList = require('./components/breadcrumbs/breadcrumbs-list.js');
|
|
10
9
|
var breadcrumbsItem = require('./components/breadcrumbs/breadcrumbs-item.js');
|
|
11
10
|
var breadcrumbsLink = require('./components/breadcrumbs/breadcrumbs-link.js');
|
|
11
|
+
var breadcrumbsList = require('./components/breadcrumbs/breadcrumbs-list.js');
|
|
12
12
|
var button = require('./components/button/button.js');
|
|
13
13
|
var index$2 = require('./components/Combobox/index.js');
|
|
14
|
-
var Option = require('./components/Combobox/Option/Option.js');
|
|
15
14
|
var Empty = require('./components/Combobox/Empty.js');
|
|
15
|
+
var Option = require('./components/Combobox/Option/Option.js');
|
|
16
16
|
var index$3 = require('./components/card/index.js');
|
|
17
17
|
var cardBlock = require('./components/card/card-block.js');
|
|
18
18
|
var checkbox = require('./components/checkbox/checkbox.js');
|
|
@@ -23,73 +23,70 @@ var detailsContent = require('./components/details/details-content.js');
|
|
|
23
23
|
var detailsSummary = require('./components/details/details-summary.js');
|
|
24
24
|
var index$6 = require('./components/dialog/index.js');
|
|
25
25
|
var dialogBlock = require('./components/dialog/dialog-block.js');
|
|
26
|
-
var dialogTriggerContext = require('./components/dialog/dialog-trigger-context.js');
|
|
27
26
|
var dialogTrigger = require('./components/dialog/dialog-trigger.js');
|
|
27
|
+
var dialogTriggerContext = require('./components/dialog/dialog-trigger-context.js');
|
|
28
28
|
var divider = require('./components/divider/divider.js');
|
|
29
29
|
var index$7 = require('./components/dropdown/index.js');
|
|
30
|
-
var
|
|
31
|
-
var dropdownList = require('./components/dropdown/dropdown-list.js');
|
|
30
|
+
var dropdownButton = require('./components/dropdown/dropdown-button.js');
|
|
32
31
|
var dropdownHeading = require('./components/dropdown/dropdown-heading.js');
|
|
33
32
|
var dropdownItem = require('./components/dropdown/dropdown-item.js');
|
|
34
|
-
var
|
|
33
|
+
var dropdownList = require('./components/dropdown/dropdown-list.js');
|
|
35
34
|
var dropdownTrigger = require('./components/dropdown/dropdown-trigger.js');
|
|
35
|
+
var dropdownTriggerContext = require('./components/dropdown/dropdown-trigger-context.js');
|
|
36
36
|
var index$8 = require('./components/error-summary/index.js');
|
|
37
37
|
var errorSummaryItem = require('./components/error-summary/error-summary-item.js');
|
|
38
|
-
var errorSummaryHeading = require('./components/error-summary/error-summary-heading.js');
|
|
39
|
-
var errorSummaryList = require('./components/error-summary/error-summary-list.js');
|
|
40
|
-
var errorSummaryLink = require('./components/error-summary/error-summary-link.js');
|
|
41
38
|
var index$9 = require('./components/field/index.js');
|
|
42
|
-
var fieldDescription = require('./components/field/field-description.js');
|
|
43
39
|
var fieldAffix = require('./components/field/field-affix.js');
|
|
44
40
|
var fieldCounter = require('./components/field/field-counter.js');
|
|
41
|
+
var fieldDescription = require('./components/field/field-description.js');
|
|
45
42
|
var index$a = require('./components/fieldset/index.js');
|
|
46
|
-
var fieldsetLegend = require('./components/fieldset/fieldset-legend.js');
|
|
47
43
|
var fieldsetDescription = require('./components/fieldset/fieldset-description.js');
|
|
44
|
+
var fieldsetLegend = require('./components/fieldset/fieldset-legend.js');
|
|
48
45
|
var heading = require('./components/heading/heading.js');
|
|
49
46
|
var input = require('./components/input/input.js');
|
|
50
47
|
var label = require('./components/label/label.js');
|
|
51
48
|
var link = require('./components/link/link.js');
|
|
52
49
|
var index$b = require('./components/list/index.js');
|
|
53
|
-
var lists = require('./components/list/lists.js');
|
|
54
50
|
var listItem = require('./components/list/list-item.js');
|
|
51
|
+
var lists = require('./components/list/lists.js');
|
|
55
52
|
var index$c = require('./components/pagination/index.js');
|
|
56
|
-
var paginationList = require('./components/pagination/pagination-list.js');
|
|
57
|
-
var paginationItem = require('./components/pagination/pagination-item.js');
|
|
58
53
|
var paginationButton = require('./components/pagination/pagination-button.js');
|
|
54
|
+
var paginationItem = require('./components/pagination/pagination-item.js');
|
|
55
|
+
var paginationList = require('./components/pagination/pagination-list.js');
|
|
59
56
|
var paragraph = require('./components/paragraph/paragraph.js');
|
|
60
57
|
var index$d = require('./components/popover/index.js');
|
|
61
|
-
var popoverTriggerContext = require('./components/popover/popover-trigger-context.js');
|
|
62
58
|
var popoverTrigger = require('./components/popover/popover-trigger.js');
|
|
59
|
+
var popoverTriggerContext = require('./components/popover/popover-trigger-context.js');
|
|
63
60
|
var radio = require('./components/radio/radio.js');
|
|
64
|
-
var
|
|
61
|
+
var index$e = require('./components/search/index.js');
|
|
65
62
|
var searchButton = require('./components/search/search-button.js');
|
|
63
|
+
var searchClear = require('./components/search/search-clear.js');
|
|
66
64
|
var searchInput = require('./components/search/search-input.js');
|
|
67
|
-
var index$e = require('./components/search/index.js');
|
|
68
65
|
var index$f = require('./components/select/index.js');
|
|
69
|
-
var selectOption = require('./components/select/select-option.js');
|
|
70
66
|
var selectOptgroup = require('./components/select/select-optgroup.js');
|
|
67
|
+
var selectOption = require('./components/select/select-option.js');
|
|
71
68
|
var skeleton = require('./components/skeleton/skeleton.js');
|
|
72
69
|
var skipLink = require('./components/skip-link/skip-link.js');
|
|
73
70
|
var spinner = require('./components/spinner/spinner.js');
|
|
74
71
|
var index$g = require('./components/suggestion/index.js');
|
|
75
72
|
var suggestionChips = require('./components/suggestion/suggestion-chips.js');
|
|
76
|
-
var
|
|
77
|
-
var suggestionInput = require('./components/suggestion/suggestion-input.js');
|
|
73
|
+
var suggestionClear = require('./components/suggestion/suggestion-clear.js');
|
|
78
74
|
var suggestionEmpty = require('./components/suggestion/suggestion-empty.js');
|
|
75
|
+
var suggestionInput = require('./components/suggestion/suggestion-input.js');
|
|
76
|
+
var suggestionList = require('./components/suggestion/suggestion-list.js');
|
|
79
77
|
var suggestionOption = require('./components/suggestion/suggestion-option.js');
|
|
80
|
-
var suggestionClear = require('./components/suggestion/suggestion-clear.js');
|
|
81
78
|
var _switch = require('./components/switch/switch.js');
|
|
82
79
|
var index$h = require('./components/table/index.js');
|
|
83
|
-
var tableHead = require('./components/table/table-head.js');
|
|
84
80
|
var tableBody = require('./components/table/table-body.js');
|
|
85
|
-
var tableRow = require('./components/table/table-row.js');
|
|
86
81
|
var tableCell = require('./components/table/table-cell.js');
|
|
87
|
-
var tableHeaderCell = require('./components/table/table-header-cell.js');
|
|
88
82
|
var tableFoot = require('./components/table/table-foot.js');
|
|
83
|
+
var tableHead = require('./components/table/table-head.js');
|
|
84
|
+
var tableHeaderCell = require('./components/table/table-header-cell.js');
|
|
85
|
+
var tableRow = require('./components/table/table-row.js');
|
|
89
86
|
var index$i = require('./components/tabs/index.js');
|
|
90
|
-
var tabsTab = require('./components/tabs/tabs-tab.js');
|
|
91
87
|
var tabsList = require('./components/tabs/tabs-list.js');
|
|
92
88
|
var tabsPanel = require('./components/tabs/tabs-panel.js');
|
|
89
|
+
var tabsTab = require('./components/tabs/tabs-tab.js');
|
|
93
90
|
var tag = require('./components/tag/tag.js');
|
|
94
91
|
var textarea = require('./components/textarea/textarea.js');
|
|
95
92
|
var textfield = require('./components/textfield/textfield.js');
|
|
@@ -116,13 +113,13 @@ exports.Avatar = avatar.Avatar;
|
|
|
116
113
|
exports.Badge = index.Badge;
|
|
117
114
|
exports.BadgePosition = badgePosition.BadgePosition;
|
|
118
115
|
exports.Breadcrumbs = index$1.Breadcrumbs;
|
|
119
|
-
exports.BreadcrumbsList = breadcrumbsList.BreadcrumbsList;
|
|
120
116
|
exports.BreadcrumbsItem = breadcrumbsItem.BreadcrumbsItem;
|
|
121
117
|
exports.BreadcrumbsLink = breadcrumbsLink.BreadcrumbsLink;
|
|
118
|
+
exports.BreadcrumbsList = breadcrumbsList.BreadcrumbsList;
|
|
122
119
|
exports.Button = button.Button;
|
|
123
120
|
exports.Combobox = index$2.Combobox;
|
|
124
|
-
exports.ComboboxOption = Option.ComboboxOption;
|
|
125
121
|
exports.ComboboxEmpty = Empty.ComboboxEmpty;
|
|
122
|
+
exports.ComboboxOption = Option.ComboboxOption;
|
|
126
123
|
exports.Card = index$3.Card;
|
|
127
124
|
exports.CardBlock = cardBlock.CardBlock;
|
|
128
125
|
exports.Checkbox = checkbox.Checkbox;
|
|
@@ -136,75 +133,72 @@ exports.DetailsContent = detailsContent.DetailsContent;
|
|
|
136
133
|
exports.DetailsSummary = detailsSummary.DetailsSummary;
|
|
137
134
|
exports.Dialog = index$6.Dialog;
|
|
138
135
|
exports.DialogBlock = dialogBlock.DialogBlock;
|
|
139
|
-
exports.DialogTriggerContext = dialogTriggerContext.DialogTriggerContext;
|
|
140
136
|
exports.DialogTrigger = dialogTrigger.DialogTrigger;
|
|
137
|
+
exports.DialogTriggerContext = dialogTriggerContext.DialogTriggerContext;
|
|
141
138
|
exports.Divider = divider.Divider;
|
|
142
139
|
exports.Dropdown = index$7.Dropdown;
|
|
143
|
-
exports.
|
|
144
|
-
exports.DropdownList = dropdownList.DropdownList;
|
|
140
|
+
exports.DropdownButton = dropdownButton.DropdownButton;
|
|
145
141
|
exports.DropdownHeading = dropdownHeading.DropdownHeading;
|
|
146
142
|
exports.DropdownItem = dropdownItem.DropdownItem;
|
|
147
|
-
exports.
|
|
143
|
+
exports.DropdownList = dropdownList.DropdownList;
|
|
148
144
|
exports.DropdownTrigger = dropdownTrigger.DropdownTrigger;
|
|
145
|
+
exports.DropdownTriggerContext = dropdownTriggerContext.DropdownTriggerContext;
|
|
149
146
|
exports.ErrorSummary = index$8.ErrorSummary;
|
|
150
147
|
exports.ErrorSummaryItem = errorSummaryItem.ErrorSummaryItem;
|
|
151
|
-
exports.ErrorSummaryHeading = errorSummaryHeading.ErrorSummaryHeading;
|
|
152
|
-
exports.ErrorSummaryList = errorSummaryList.ErrorSummaryList;
|
|
153
|
-
exports.ErrorSummaryLink = errorSummaryLink.ErrorSummaryLink;
|
|
154
148
|
exports.Field = index$9.Field;
|
|
155
|
-
exports.FieldDescription = fieldDescription.FieldDescription;
|
|
156
149
|
exports.FieldAffix = fieldAffix.FieldAffix;
|
|
157
150
|
exports.FieldAffixes = fieldAffix.FieldAffixes;
|
|
158
151
|
exports.FieldCounter = fieldCounter.FieldCounter;
|
|
152
|
+
exports.FieldDescription = fieldDescription.FieldDescription;
|
|
159
153
|
exports.Fieldset = index$a.Fieldset;
|
|
160
|
-
exports.FieldsetLegend = fieldsetLegend.FieldsetLegend;
|
|
161
154
|
exports.FieldsetDescription = fieldsetDescription.FieldsetDescription;
|
|
155
|
+
exports.FieldsetLegend = fieldsetLegend.FieldsetLegend;
|
|
162
156
|
exports.Heading = heading.Heading;
|
|
163
157
|
exports.Input = input.Input;
|
|
164
158
|
exports.Label = label.Label;
|
|
165
159
|
exports.Link = link.Link;
|
|
166
160
|
exports.List = index$b.List;
|
|
161
|
+
exports.ListItem = listItem.ListItem;
|
|
167
162
|
exports.ListOrdered = lists.ListOrdered;
|
|
168
163
|
exports.ListUnordered = lists.ListUnordered;
|
|
169
|
-
exports.ListItem = listItem.ListItem;
|
|
170
164
|
exports.Pagination = index$c.Pagination;
|
|
171
|
-
exports.PaginationList = paginationList.PaginationList;
|
|
172
|
-
exports.PaginationItem = paginationItem.PaginationItem;
|
|
173
165
|
exports.PaginationButton = paginationButton.PaginationButton;
|
|
166
|
+
exports.PaginationItem = paginationItem.PaginationItem;
|
|
167
|
+
exports.PaginationList = paginationList.PaginationList;
|
|
174
168
|
exports.Paragraph = paragraph.Paragraph;
|
|
175
169
|
exports.Popover = index$d.Popover;
|
|
176
|
-
exports.PopoverTriggerContext = popoverTriggerContext.PopoverTriggerContext;
|
|
177
170
|
exports.PopoverTrigger = popoverTrigger.PopoverTrigger;
|
|
171
|
+
exports.PopoverTriggerContext = popoverTriggerContext.PopoverTriggerContext;
|
|
178
172
|
exports.Radio = radio.Radio;
|
|
179
|
-
exports.
|
|
173
|
+
exports.Search = index$e.Search;
|
|
180
174
|
exports.SearchButton = searchButton.SearchButton;
|
|
175
|
+
exports.SearchClear = searchClear.SearchClear;
|
|
181
176
|
exports.SearchInput = searchInput.SearchInput;
|
|
182
|
-
exports.Search = index$e.Search;
|
|
183
177
|
exports.Select = index$f.Select;
|
|
184
|
-
exports.SelectOption = selectOption.SelectOption;
|
|
185
178
|
exports.SelectOptgroup = selectOptgroup.SelectOptgroup;
|
|
179
|
+
exports.SelectOption = selectOption.SelectOption;
|
|
186
180
|
exports.Skeleton = skeleton.Skeleton;
|
|
187
181
|
exports.SkipLink = skipLink.SkipLink;
|
|
188
182
|
exports.Spinner = spinner.Spinner;
|
|
189
183
|
exports.EXPERIMENTAL_Suggestion = index$g.EXPERIMENTAL_Suggestion;
|
|
190
184
|
exports.EXPERIMENTAL_SuggestionChips = suggestionChips.SuggestionChips;
|
|
191
|
-
exports.
|
|
192
|
-
exports.EXPERIMENTAL_SuggestionInput = suggestionInput.SuggestionInput;
|
|
185
|
+
exports.EXPERIMENTAL_SuggestionClear = suggestionClear.SuggestionClear;
|
|
193
186
|
exports.EXPERIMENTAL_SuggestionEmpty = suggestionEmpty.SuggestionEmpty;
|
|
187
|
+
exports.EXPERIMENTAL_SuggestionInput = suggestionInput.SuggestionInput;
|
|
188
|
+
exports.EXPERIMENTAL_SuggestionList = suggestionList.SuggestionList;
|
|
194
189
|
exports.EXPERIMENTAL_SuggestionOption = suggestionOption.SuggestionOption;
|
|
195
|
-
exports.EXPERIMENTAL_SuggestionClear = suggestionClear.SuggestionClear;
|
|
196
190
|
exports.Switch = _switch.Switch;
|
|
197
191
|
exports.Table = index$h.Table;
|
|
198
|
-
exports.TableHead = tableHead.TableHead;
|
|
199
192
|
exports.TableBody = tableBody.TableBody;
|
|
200
|
-
exports.TableRow = tableRow.TableRow;
|
|
201
193
|
exports.TableCell = tableCell.TableCell;
|
|
202
|
-
exports.TableHeaderCell = tableHeaderCell.TableHeaderCell;
|
|
203
194
|
exports.TableFoot = tableFoot.TableFoot;
|
|
195
|
+
exports.TableHead = tableHead.TableHead;
|
|
196
|
+
exports.TableHeaderCell = tableHeaderCell.TableHeaderCell;
|
|
197
|
+
exports.TableRow = tableRow.TableRow;
|
|
204
198
|
exports.Tabs = index$i.Tabs;
|
|
205
|
-
exports.TabsTab = tabsTab.TabsTab;
|
|
206
199
|
exports.TabsList = tabsList.TabsList;
|
|
207
200
|
exports.TabsPanel = tabsPanel.TabsPanel;
|
|
201
|
+
exports.TabsTab = tabsTab.TabsTab;
|
|
208
202
|
exports.Tag = tag.Tag;
|
|
209
203
|
exports.Textarea = textarea.Textarea;
|
|
210
204
|
exports.Textfield = textfield.Textfield;
|
|
@@ -4,6 +4,8 @@ import { FloatingPortal, FloatingFocusManager } from '@floating-ui/react';
|
|
|
4
4
|
import { useVirtualizer } from '@tanstack/react-virtual';
|
|
5
5
|
import cl from 'clsx/lite';
|
|
6
6
|
import { forwardRef, useRef, useState, useEffect } from 'react';
|
|
7
|
+
import { omit } from '../../utilities/omit/omit.js';
|
|
8
|
+
import { Spinner } from '../spinner/spinner.js';
|
|
7
9
|
import { ComboboxContext } from './ComboboxContext.js';
|
|
8
10
|
import { ComboboxIdProvider } from './ComboboxIdContext.js';
|
|
9
11
|
import { ComboboxCustom } from './Custom.js';
|
|
@@ -17,8 +19,6 @@ import { useFloatingCombobox } from './useFloatingCombobox.js';
|
|
|
17
19
|
import { useFormField } from './useFormField/useFormField.js';
|
|
18
20
|
import { prefix, setReactInputValue, removePrefix } from './utilities.js';
|
|
19
21
|
import { useDebounceCallback } from '../../utilities/hooks/use-debounce-callback/use-debounce-callback.js';
|
|
20
|
-
import { Spinner } from '../spinner/spinner.js';
|
|
21
|
-
import { omit } from '../../utilities/omit/omit.js';
|
|
22
22
|
|
|
23
23
|
/**
|
|
24
24
|
* @deprecated Use `Suggestion` instead
|
|
@@ -4,10 +4,10 @@ import { useMergeRefs } from '@floating-ui/react';
|
|
|
4
4
|
import { Slot } from '@radix-ui/react-slot';
|
|
5
5
|
import cl from 'clsx/lite';
|
|
6
6
|
import { forwardRef, useId, useContext, useMemo } from 'react';
|
|
7
|
+
import { omit } from '../../utilities/omit/omit.js';
|
|
8
|
+
import { Label } from '../label/label.js';
|
|
7
9
|
import { ComboboxContext } from './ComboboxContext.js';
|
|
8
10
|
import { useComboboxId } from './ComboboxIdContext.js';
|
|
9
|
-
import { Label } from '../label/label.js';
|
|
10
|
-
import { omit } from '../../utilities/omit/omit.js';
|
|
11
11
|
|
|
12
12
|
const ComboboxCustom = forwardRef(({ asChild, interactive, id, className, ...rest }, ref) => {
|
|
13
13
|
if (interactive && !id) {
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import cl from 'clsx/lite';
|
|
4
4
|
import { forwardRef, useContext } from 'react';
|
|
5
|
-
import { ComboboxContext } from './ComboboxContext.js';
|
|
6
5
|
import { Label } from '../label/label.js';
|
|
6
|
+
import { ComboboxContext } from './ComboboxContext.js';
|
|
7
7
|
|
|
8
8
|
const ComboboxEmpty = forwardRef(({ children, className, ...rest }, ref) => {
|
|
9
9
|
const context = useContext(ComboboxContext);
|
|
@@ -3,11 +3,11 @@ import { jsx, jsxs } from 'react/jsx-runtime';
|
|
|
3
3
|
import cl from 'clsx/lite';
|
|
4
4
|
import { memo, forwardRef, useId, useContext, isValidElement } from 'react';
|
|
5
5
|
import { omit } from '../../../utilities/omit/omit.js';
|
|
6
|
+
import { Label } from '../../label/label.js';
|
|
6
7
|
import { ComboboxContext } from '../ComboboxContext.js';
|
|
7
8
|
import ComboboxOptionDescription from './Description.js';
|
|
8
9
|
import { SelectedIcon } from './SelectedIcon.js';
|
|
9
10
|
import { useComboboxOption } from './useComboboxOption.js';
|
|
10
|
-
import { Label } from '../../label/label.js';
|
|
11
11
|
|
|
12
12
|
const ComboboxOption = memo(forwardRef(({ value, description, children, className, ...rest }, forwardedRef) => {
|
|
13
13
|
const labelId = useId();
|
|
@@ -4,13 +4,13 @@ import { useMergeRefs } from '@floating-ui/react';
|
|
|
4
4
|
import { ChevronUpIcon, ChevronDownIcon } from '@navikt/aksel-icons';
|
|
5
5
|
import cl from 'clsx/lite';
|
|
6
6
|
import { useContext, useRef } from 'react';
|
|
7
|
+
import { omit } from '../../../utilities/omit/omit.js';
|
|
8
|
+
import { Paragraph } from '../../paragraph/paragraph.js';
|
|
7
9
|
import { ComboboxContext } from '../ComboboxContext.js';
|
|
8
10
|
import { useComboboxIdDispatch } from '../ComboboxIdContext.js';
|
|
9
11
|
import { prefix } from '../utilities.js';
|
|
10
12
|
import ComboboxChips from './ComboboxChips.js';
|
|
11
13
|
import ComboboxClearButton from './ComboboxClearButton.js';
|
|
12
|
-
import { Paragraph } from '../../paragraph/paragraph.js';
|
|
13
|
-
import { omit } from '../../../utilities/omit/omit.js';
|
|
14
14
|
|
|
15
15
|
const ComboboxInput = ({ hideClearButton, listId, error, hideChips, handleKeyDown, ...rest }) => {
|
|
16
16
|
const context = useContext(ComboboxContext);
|
|
@@ -22,8 +22,9 @@ import { forwardRef, Fragment } from 'react';
|
|
|
22
22
|
*/
|
|
23
23
|
const Avatar = forwardRef(function Avatar({ 'aria-label': ariaLabel, variant = 'circle', className, children, initials, ...rest }, ref) {
|
|
24
24
|
const useSlot = children && typeof children !== 'string';
|
|
25
|
+
const textChild = children && typeof children === 'string';
|
|
25
26
|
const Component = useSlot ? Slot : Fragment;
|
|
26
|
-
return (jsx("span", { ref: ref, className: cl('ds-avatar', className), "data-variant": variant, "data-initials": initials, role: 'img', "aria-label": ariaLabel, ...rest, children: jsx(Component, { ...(useSlot ? { 'aria-hidden': true } : {}), children: children }) }));
|
|
27
|
+
return (jsx("span", { ref: ref, className: cl('ds-avatar', className), "data-variant": variant, "data-initials": initials, role: 'img', "aria-label": ariaLabel, ...rest, children: jsx(Component, { ...(useSlot ? { 'aria-hidden': true } : {}), children: textChild ? jsx("span", { children: children }) : children }) }));
|
|
27
28
|
});
|
|
28
29
|
|
|
29
30
|
export { Avatar };
|
|
@@ -3,9 +3,9 @@ import { jsxs, jsx } from 'react/jsx-runtime';
|
|
|
3
3
|
import { Slot } from '@radix-ui/react-slot';
|
|
4
4
|
import cl from 'clsx/lite';
|
|
5
5
|
import { forwardRef, useContext, useRef, useEffect } from 'react';
|
|
6
|
+
import { Button } from '../button/button.js';
|
|
6
7
|
import { Context } from './dialog-trigger-context.js';
|
|
7
8
|
import { useMergeRefs } from '../../utilities/hooks/use-merge-refs/use-merge-refs.js';
|
|
8
|
-
import { Button } from '../button/button.js';
|
|
9
9
|
|
|
10
10
|
/**
|
|
11
11
|
* Dialog component, used to display a dialog dialog.
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
|
-
import '../popover/index.js';
|
|
5
4
|
import { PopoverTrigger } from '../popover/popover-trigger.js';
|
|
6
5
|
|
|
7
6
|
const DropdownTrigger = forwardRef(function DropdownTrigger({ asChild, ...rest }, ref) {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import cl from 'clsx/lite';
|
|
4
4
|
import { forwardRef } from 'react';
|
|
5
|
-
import { Popover } from '../popover/
|
|
5
|
+
import { Popover } from '../popover/popover.js';
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* Dropdown component, used to display a list of options.
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { forwardRef, useContext, useEffect } from 'react';
|
|
4
|
-
import { ErrorSummaryContext } from './error-summary.js';
|
|
5
4
|
import { Heading } from '../heading/heading.js';
|
|
5
|
+
import { ErrorSummaryContext } from './error-summary.js';
|
|
6
6
|
|
|
7
7
|
const ErrorSummaryHeading = forwardRef(function ErrorSummaryHeading({ className, id, ...rest }, ref) {
|
|
8
8
|
const { headingId, setHeadingId } = useContext(ErrorSummaryContext);
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { Slot } from '@radix-ui/react-slot';
|
|
4
4
|
import cl from 'clsx/lite';
|
|
5
|
-
import { forwardRef,
|
|
5
|
+
import { forwardRef, useId, useState, createContext } from 'react';
|
|
6
6
|
|
|
7
7
|
const ErrorSummaryContext = createContext({
|
|
8
8
|
headingId: 'heading',
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { forwardRef, useState, useRef, useEffect } from 'react';
|
|
4
|
-
import { isInputLike } from './field-observer.js';
|
|
5
|
-
import { ValidationMessage } from '../validation-message/validation-message.js';
|
|
6
4
|
import { Paragraph } from '../paragraph/paragraph.js';
|
|
5
|
+
import { ValidationMessage } from '../validation-message/validation-message.js';
|
|
6
|
+
import { isInputLike } from './field-observer.js';
|
|
7
7
|
|
|
8
8
|
const label = (text, count) => text.replace('%d', Math.abs(count).toString());
|
|
9
9
|
/**
|