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