@digdir/designsystemet-react 0.61.0 → 0.62.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/Accordion/Accordion.js +2 -2
- package/dist/cjs/components/Accordion/AccordionContent/AccordionContent.js +2 -2
- package/dist/cjs/components/Accordion/AccordionHeader/AccordionHeader.js +2 -2
- package/dist/cjs/components/Accordion/AccordionItem/AccordionItem.js +2 -2
- package/dist/cjs/components/Alert/Alert.js +5 -3
- package/dist/cjs/components/Box/Box.js +4 -1
- package/dist/cjs/components/Chip/Group/Group.js +5 -1
- package/dist/cjs/components/Chip/Removable/Removable.js +3 -1
- package/dist/cjs/components/Chip/Toggle/Toggle.js +3 -1
- package/dist/cjs/components/Divider/Divider.js +2 -2
- package/dist/cjs/components/DropdownMenu/DropdownMenu.js +4 -2
- package/dist/cjs/components/DropdownMenu/DropdownMenuContent.js +3 -3
- package/dist/cjs/components/DropdownMenu/DropdownMenuItem.js +2 -2
- package/dist/cjs/components/DropdownMenu/DropdownMenuTrigger.js +1 -1
- package/dist/cjs/components/HelpText/HelpText.js +5 -3
- package/dist/cjs/components/List/ListHeading.js +3 -3
- package/dist/cjs/components/List/ListItem.js +2 -2
- package/dist/cjs/components/List/ListRoot.js +4 -2
- package/dist/cjs/components/List/Lists.js +3 -3
- package/dist/cjs/components/Modal/ModalDialog.js +1 -1
- package/dist/cjs/components/Modal/ModalHeader.js +1 -1
- package/dist/cjs/components/Pagination/Pagination.js +6 -4
- package/dist/cjs/components/Pagination/PaginationRoot.js +4 -2
- package/dist/cjs/components/Popover/Popover.js +4 -2
- package/dist/cjs/components/Popover/PopoverContent.js +6 -6
- package/dist/cjs/components/Popover/PopoverTrigger.js +1 -1
- package/dist/cjs/components/Skeleton/Circle/Circle.js +2 -2
- package/dist/cjs/components/Skeleton/Rectangle/Rectangle.js +2 -2
- package/dist/cjs/components/Skeleton/Text/Text.js +2 -2
- package/dist/cjs/components/SkipLink/SkipLink.js +2 -2
- package/dist/cjs/components/Spinner/Spinner.js +9 -7
- package/dist/cjs/components/Table/Table.js +3 -1
- package/dist/cjs/components/Tabs/Tab/Tab.js +3 -3
- package/dist/cjs/components/Tabs/Tab/useTab.js +1 -3
- package/dist/cjs/components/Tabs/TabList/TabList.js +2 -2
- package/dist/cjs/components/Tabs/Tabs.js +5 -2
- package/dist/cjs/components/Tag/Tag.js +3 -1
- package/dist/cjs/components/ToggleGroup/ToggleGroup.js +3 -1
- package/dist/cjs/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.js +3 -3
- package/dist/cjs/components/Tooltip/Tooltip.js +9 -9
- package/dist/cjs/components/Typography/ErrorMessage/ErrorMessage.js +5 -3
- package/dist/cjs/components/Typography/Heading/Heading.js +5 -3
- package/dist/cjs/components/Typography/Ingress/Ingress.js +5 -3
- package/dist/cjs/components/Typography/Label/Label.js +5 -3
- package/dist/cjs/components/Typography/Paragraph/Paragraph.js +5 -3
- package/dist/cjs/components/form/Checkbox/Checkbox.js +2 -2
- package/dist/cjs/components/form/Checkbox/Group/Group.js +1 -1
- package/dist/cjs/components/form/Combobox/Combobox.js +6 -4
- package/dist/cjs/components/form/Combobox/Custom.js +1 -1
- package/dist/cjs/components/form/Combobox/Option/useComboboxOption.js +1 -1
- package/dist/cjs/components/form/Combobox/internal/ComboboxInput.js +1 -1
- package/dist/cjs/components/form/Combobox/useFloatingCombobox.js +2 -2
- package/dist/cjs/components/form/Fieldset/Fieldset.js +2 -2
- package/dist/cjs/components/form/NativeSelect/NativeSelect.js +3 -3
- package/dist/cjs/components/form/NativeSelect/useNativeSelect.js +3 -1
- package/dist/cjs/components/form/Radio/Group/Group.js +3 -3
- package/dist/cjs/components/form/Radio/Radio.js +3 -3
- package/dist/cjs/components/form/Search/Search.js +5 -5
- package/dist/cjs/components/form/Search/useSearch.js +3 -7
- package/dist/cjs/components/form/Switch/Switch.js +1 -1
- package/dist/cjs/components/form/Textarea/Textarea.js +4 -4
- package/dist/cjs/components/form/Textarea/useTextarea.js +3 -1
- package/dist/cjs/components/form/Textfield/Textfield.js +6 -6
- package/dist/cjs/components/form/Textfield/useTextfield.js +3 -1
- package/dist/cjs/components/form/useFormField.js +5 -7
- package/dist/cjs/{packages/react/node_modules → node_modules}/@floating-ui/dom/dist/floating-ui.dom.js +3 -3
- package/dist/cjs/{packages/react/node_modules → node_modules}/@floating-ui/react/dist/floating-ui.react.js +2 -2
- package/dist/cjs/{packages/react/node_modules → node_modules}/@floating-ui/react/dist/floating-ui.react.utils.js +1 -1
- package/dist/cjs/utilities/AnimateHeight/AnimateHeight.js +2 -2
- package/dist/cjs/utilities/RovingTabIndex/RovingTabindexItem.js +1 -1
- package/dist/cjs/utilities/RovingTabIndex/RovingTabindexRoot.js +1 -1
- package/dist/esm/components/Accordion/Accordion.js +1 -1
- package/dist/esm/components/Accordion/AccordionContent/AccordionContent.js +2 -2
- package/dist/esm/components/Accordion/AccordionHeader/AccordionHeader.js +2 -2
- package/dist/esm/components/Accordion/AccordionItem/AccordionItem.js +1 -1
- package/dist/esm/components/Alert/Alert.js +4 -2
- package/dist/esm/components/Box/Box.js +4 -1
- package/dist/esm/components/Chip/Group/Group.js +5 -1
- package/dist/esm/components/Chip/Removable/Removable.js +3 -1
- package/dist/esm/components/Chip/Toggle/Toggle.js +3 -1
- package/dist/esm/components/Divider/Divider.js +1 -1
- package/dist/esm/components/DropdownMenu/DropdownMenu.js +4 -2
- package/dist/esm/components/DropdownMenu/DropdownMenuContent.js +3 -3
- package/dist/esm/components/DropdownMenu/DropdownMenuItem.js +2 -2
- package/dist/esm/components/DropdownMenu/DropdownMenuTrigger.js +1 -1
- package/dist/esm/components/HelpText/HelpText.js +4 -2
- package/dist/esm/components/List/ListHeading.js +3 -3
- package/dist/esm/components/List/ListItem.js +1 -1
- package/dist/esm/components/List/ListRoot.js +4 -2
- package/dist/esm/components/List/Lists.js +1 -1
- package/dist/esm/components/Modal/ModalDialog.js +1 -1
- package/dist/esm/components/Modal/ModalHeader.js +1 -1
- package/dist/esm/components/Pagination/Pagination.js +6 -4
- package/dist/esm/components/Pagination/PaginationRoot.js +4 -2
- package/dist/esm/components/Popover/Popover.js +4 -2
- package/dist/esm/components/Popover/PopoverContent.js +4 -4
- package/dist/esm/components/Popover/PopoverTrigger.js +1 -1
- package/dist/esm/components/Skeleton/Circle/Circle.js +1 -1
- package/dist/esm/components/Skeleton/Rectangle/Rectangle.js +1 -1
- package/dist/esm/components/Skeleton/Text/Text.js +1 -1
- package/dist/esm/components/SkipLink/SkipLink.js +1 -1
- package/dist/esm/components/Spinner/Spinner.js +9 -7
- package/dist/esm/components/Table/Table.js +3 -1
- package/dist/esm/components/Tabs/Tab/Tab.js +3 -3
- package/dist/esm/components/Tabs/Tab/useTab.js +1 -3
- package/dist/esm/components/Tabs/TabList/TabList.js +1 -1
- package/dist/esm/components/Tabs/Tabs.js +5 -2
- package/dist/esm/components/Tag/Tag.js +3 -1
- package/dist/esm/components/ToggleGroup/ToggleGroup.js +3 -1
- package/dist/esm/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.js +2 -2
- package/dist/esm/components/Tooltip/Tooltip.js +9 -9
- package/dist/esm/components/Typography/ErrorMessage/ErrorMessage.js +4 -2
- package/dist/esm/components/Typography/Heading/Heading.js +4 -2
- package/dist/esm/components/Typography/Ingress/Ingress.js +4 -2
- package/dist/esm/components/Typography/Label/Label.js +4 -2
- package/dist/esm/components/Typography/Paragraph/Paragraph.js +4 -2
- package/dist/esm/components/form/Checkbox/Checkbox.js +2 -2
- package/dist/esm/components/form/Checkbox/Group/Group.js +1 -1
- package/dist/esm/components/form/Combobox/Combobox.js +6 -4
- package/dist/esm/components/form/Combobox/Custom.js +1 -1
- package/dist/esm/components/form/Combobox/Option/useComboboxOption.js +1 -1
- package/dist/esm/components/form/Combobox/internal/ComboboxInput.js +1 -1
- package/dist/esm/components/form/Combobox/useFloatingCombobox.js +2 -2
- package/dist/esm/components/form/Fieldset/Fieldset.js +1 -1
- package/dist/esm/components/form/NativeSelect/NativeSelect.js +2 -2
- package/dist/esm/components/form/NativeSelect/useNativeSelect.js +3 -1
- package/dist/esm/components/form/Radio/Group/Group.js +2 -2
- package/dist/esm/components/form/Radio/Radio.js +2 -2
- package/dist/esm/components/form/Search/Search.js +3 -3
- package/dist/esm/components/form/Search/useSearch.js +3 -7
- package/dist/esm/components/form/Switch/Switch.js +1 -1
- package/dist/esm/components/form/Textarea/Textarea.js +2 -2
- package/dist/esm/components/form/Textarea/useTextarea.js +3 -1
- package/dist/esm/components/form/Textfield/Textfield.js +3 -3
- package/dist/esm/components/form/Textfield/useTextfield.js +3 -1
- package/dist/esm/components/form/useFormField.js +5 -7
- package/dist/esm/{packages/react/node_modules → node_modules}/@floating-ui/dom/dist/floating-ui.dom.js +4 -4
- package/dist/esm/{packages/react/node_modules → node_modules}/@floating-ui/react/dist/floating-ui.react.js +2 -2
- package/dist/esm/{packages/react/node_modules → node_modules}/@floating-ui/react/dist/floating-ui.react.utils.js +1 -1
- package/dist/esm/utilities/AnimateHeight/AnimateHeight.js +1 -1
- package/dist/esm/utilities/RovingTabIndex/RovingTabindexItem.js +1 -1
- package/dist/esm/utilities/RovingTabIndex/RovingTabindexRoot.js +1 -1
- package/dist/types/components/Alert/Alert.d.ts +13 -6
- package/dist/types/components/Alert/Alert.d.ts.map +1 -1
- package/dist/types/components/Box/Box.d.ts +7 -4
- package/dist/types/components/Box/Box.d.ts.map +1 -1
- package/dist/types/components/Chip/Group/Group.d.ts +9 -3
- package/dist/types/components/Chip/Group/Group.d.ts.map +1 -1
- package/dist/types/components/Chip/Removable/Removable.d.ts +9 -6
- package/dist/types/components/Chip/Removable/Removable.d.ts.map +1 -1
- package/dist/types/components/Chip/Toggle/Toggle.d.ts +9 -6
- package/dist/types/components/Chip/Toggle/Toggle.d.ts.map +1 -1
- package/dist/types/components/DropdownMenu/DropdownMenu.d.ts +7 -4
- package/dist/types/components/DropdownMenu/DropdownMenu.d.ts.map +1 -1
- package/dist/types/components/HelpText/HelpText.d.ts +4 -3
- package/dist/types/components/HelpText/HelpText.d.ts.map +1 -1
- package/dist/types/components/List/ListHeading.d.ts +1 -1
- package/dist/types/components/List/ListRoot.d.ts +15 -9
- package/dist/types/components/List/ListRoot.d.ts.map +1 -1
- package/dist/types/components/Pagination/Pagination.d.ts +12 -4
- package/dist/types/components/Pagination/Pagination.d.ts.map +1 -1
- package/dist/types/components/Pagination/PaginationNextPrev.d.ts +2 -2
- package/dist/types/components/Pagination/PaginationNextPrev.d.ts.map +1 -1
- package/dist/types/components/Pagination/PaginationRoot.d.ts +7 -4
- package/dist/types/components/Pagination/PaginationRoot.d.ts.map +1 -1
- package/dist/types/components/Popover/Popover.d.ts +8 -4
- package/dist/types/components/Popover/Popover.d.ts.map +1 -1
- package/dist/types/components/Spinner/Spinner.d.ts +10 -3
- package/dist/types/components/Spinner/Spinner.d.ts.map +1 -1
- package/dist/types/components/Table/Table.d.ts +8 -4
- package/dist/types/components/Table/Table.d.ts.map +1 -1
- package/dist/types/components/Tabs/Tab/Tab.d.ts.map +1 -1
- package/dist/types/components/Tabs/Tab/useTab.d.ts +1 -3
- package/dist/types/components/Tabs/Tab/useTab.d.ts.map +1 -1
- package/dist/types/components/Tabs/Tabs.d.ts +14 -4
- package/dist/types/components/Tabs/Tabs.d.ts.map +1 -1
- package/dist/types/components/Tag/Tag.d.ts +9 -5
- package/dist/types/components/Tag/Tag.d.ts.map +1 -1
- package/dist/types/components/ToggleGroup/ToggleGroup.d.ts +14 -5
- package/dist/types/components/ToggleGroup/ToggleGroup.d.ts.map +1 -1
- package/dist/types/components/ToggleGroup/ToggleGroupItem/useToggleGroupitem.d.ts +2 -1
- package/dist/types/components/ToggleGroup/ToggleGroupItem/useToggleGroupitem.d.ts.map +1 -1
- package/dist/types/components/Tooltip/Tooltip.d.ts +14 -3
- package/dist/types/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/types/components/Typography/ErrorMessage/ErrorMessage.d.ts +14 -4
- package/dist/types/components/Typography/ErrorMessage/ErrorMessage.d.ts.map +1 -1
- package/dist/types/components/Typography/Heading/Heading.d.ts +10 -4
- package/dist/types/components/Typography/Heading/Heading.d.ts.map +1 -1
- package/dist/types/components/Typography/Ingress/Ingress.d.ts +8 -4
- package/dist/types/components/Typography/Ingress/Ingress.d.ts.map +1 -1
- package/dist/types/components/Typography/Label/Label.d.ts +15 -4
- package/dist/types/components/Typography/Label/Label.d.ts.map +1 -1
- package/dist/types/components/Typography/Paragraph/Paragraph.d.ts +18 -4
- package/dist/types/components/Typography/Paragraph/Paragraph.d.ts.map +1 -1
- package/dist/types/components/form/CharacterCounter.d.ts +2 -1
- package/dist/types/components/form/CharacterCounter.d.ts.map +1 -1
- package/dist/types/components/form/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/types/components/form/Checkbox/Group/Group.d.ts.map +1 -1
- package/dist/types/components/form/Combobox/Combobox.d.ts +2 -2
- package/dist/types/components/form/Combobox/Combobox.d.ts.map +1 -1
- package/dist/types/components/form/Combobox/Option/useComboboxOption.d.ts +1 -1
- package/dist/types/components/form/Fieldset/useFieldset.d.ts +1 -1
- package/dist/types/components/form/NativeSelect/NativeSelect.d.ts +10 -6
- package/dist/types/components/form/NativeSelect/NativeSelect.d.ts.map +1 -1
- package/dist/types/components/form/NativeSelect/useNativeSelect.d.ts.map +1 -1
- package/dist/types/components/form/Search/Search.d.ts +12 -6
- package/dist/types/components/form/Search/Search.d.ts.map +1 -1
- package/dist/types/components/form/Search/useSearch.d.ts +1 -3
- package/dist/types/components/form/Search/useSearch.d.ts.map +1 -1
- package/dist/types/components/form/Textarea/Textarea.d.ts +10 -10
- package/dist/types/components/form/Textarea/Textarea.d.ts.map +1 -1
- package/dist/types/components/form/Textarea/useTextarea.d.ts.map +1 -1
- package/dist/types/components/form/Textfield/Textfield.d.ts +14 -4
- package/dist/types/components/form/Textfield/Textfield.d.ts.map +1 -1
- package/dist/types/components/form/Textfield/useTextfield.d.ts.map +1 -1
- package/dist/types/components/form/useFormField.d.ts +8 -2
- package/dist/types/components/form/useFormField.d.ts.map +1 -1
- package/package.json +2 -2
- package/dist/cjs/node_modules/clsx/dist/clsx.js +0 -9
- package/dist/esm/node_modules/clsx/dist/clsx.js +0 -4
- /package/dist/cjs/{packages/react/node_modules → node_modules}/@floating-ui/react-dom/dist/floating-ui.react-dom.js +0 -0
- /package/dist/cjs/{packages/react/node_modules → node_modules}/tabbable/dist/index.esm.js +0 -0
- /package/dist/esm/{packages/react/node_modules → node_modules}/@floating-ui/react-dom/dist/floating-ui.react-dom.js +0 -0
- /package/dist/esm/{packages/react/node_modules → node_modules}/tabbable/dist/index.esm.js +0 -0
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
3
|
import { forwardRef, useRef, useState, useCallback } from 'react';
|
|
4
|
-
import { clsx } from '../../../node_modules/clsx/dist/
|
|
4
|
+
import { clsx } from '../../../node_modules/clsx/dist/lite.js';
|
|
5
5
|
import { MagnifyingGlassIcon, XMarkIcon } from '@navikt/aksel-icons';
|
|
6
|
-
import { useMergeRefs } from '../../../
|
|
6
|
+
import { useMergeRefs } from '../../../node_modules/@floating-ui/react/dist/floating-ui.react.js';
|
|
7
7
|
import { useSearch } from './useSearch.js';
|
|
8
8
|
import { Button } from '../../Button/Button.js';
|
|
9
9
|
import { Paragraph } from '../../Typography/Paragraph/Paragraph.js';
|
|
@@ -20,7 +20,7 @@ import { ErrorMessage } from '../../Typography/ErrorMessage/ErrorMessage.js';
|
|
|
20
20
|
*/
|
|
21
21
|
const Search = forwardRef((props, ref) => {
|
|
22
22
|
const { label, style, hideLabel = true, variant = 'simple', searchButtonLabel = 'Søk', clearButtonLabel = 'Tøm', defaultValue, value, onChange, onClear, disabled, onSearchClick, htmlSize = 27, className, ...rest } = props;
|
|
23
|
-
const { inputProps, hasError, errorId, size = '
|
|
23
|
+
const { inputProps, hasError, errorId, size = 'md' } = useSearch(props);
|
|
24
24
|
const inputRef = useRef();
|
|
25
25
|
const mergedRef = useMergeRefs([ref, inputRef]);
|
|
26
26
|
const [internalValue, setInternalValue] = useState(defaultValue ?? '');
|
|
@@ -2,21 +2,17 @@
|
|
|
2
2
|
import { useContext } from 'react';
|
|
3
3
|
import { useFormField } from '../useFormField.js';
|
|
4
4
|
import { FieldsetContext } from '../Fieldset/FieldsetContext.js';
|
|
5
|
+
import { getSize } from '../../../utilities/getSize.js';
|
|
5
6
|
|
|
6
|
-
const sizeMap = {
|
|
7
|
-
small: 'small',
|
|
8
|
-
medium: 'medium',
|
|
9
|
-
large: 'large',
|
|
10
|
-
};
|
|
11
7
|
/** Handles props for `Search` in context with `Fieldset` */
|
|
12
8
|
const useSearch = (props) => {
|
|
13
9
|
const fieldset = useContext(FieldsetContext);
|
|
14
10
|
const { inputProps, readOnly, ...rest } = useFormField(props, 'search');
|
|
15
|
-
const
|
|
11
|
+
const size = fieldset?.size ?? getSize(props.size || 'md');
|
|
16
12
|
return {
|
|
17
13
|
...rest,
|
|
18
14
|
readOnly,
|
|
19
|
-
size
|
|
15
|
+
size,
|
|
20
16
|
inputProps: {
|
|
21
17
|
...inputProps,
|
|
22
18
|
type: 'search',
|
|
@@ -10,7 +10,7 @@ import { Label } from '../../Typography/Label/Label.js';
|
|
|
10
10
|
|
|
11
11
|
const Switch = forwardRef((props, ref) => {
|
|
12
12
|
const { children, description, position = 'left', className, ...rest } = props;
|
|
13
|
-
const { inputProps, descriptionId, size = '
|
|
13
|
+
const { inputProps, descriptionId, size = 'md', readOnly, } = useSwitch(props);
|
|
14
14
|
return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { className: clsx(`fds-switch`, `fds-switch--${size}`, inputProps.disabled && `fds-switch--disabled`, readOnly && `fds-switch--readonly`, className), children: [jsx("input", { className: `fds-switch__input`, ref: ref, ...omit(['size', 'error'], rest), ...inputProps }), jsxs(Label, { className: clsx(`fds-switch__label`, position === 'right' && `fds-switch__label--right`), htmlFor: inputProps.id, size: size, weight: 'regular', children: [jsx("span", { className: `fds-switch__track`, children: jsx("span", { className: `fds-switch__thumb` }) }), readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: `fds-switch__readonly__icon` })), children && jsx("span", { children: children })] }), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: `fds-switch__description`, children: description }) }))] }) }));
|
|
15
15
|
});
|
|
16
16
|
Switch.displayName = 'Switch';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
3
|
import { forwardRef, useState } from 'react';
|
|
4
|
-
import { clsx } from '../../../node_modules/clsx/dist/
|
|
4
|
+
import { clsx } from '../../../node_modules/clsx/dist/lite.js';
|
|
5
5
|
import { PadlockLockedFillIcon } from '@navikt/aksel-icons';
|
|
6
6
|
import { CharacterCounter } from '../CharacterCounter.js';
|
|
7
7
|
import { useTextarea } from './useTextarea.js';
|
|
@@ -19,7 +19,7 @@ import { ErrorMessage } from '../../Typography/ErrorMessage/ErrorMessage.js';
|
|
|
19
19
|
*/
|
|
20
20
|
const Textarea = forwardRef((props, ref) => {
|
|
21
21
|
const { label, description, style, characterLimit, hideLabel, className, ...rest } = props;
|
|
22
|
-
const { textareaProps, descriptionId, hasError, errorId, size = '
|
|
22
|
+
const { textareaProps, descriptionId, hasError, errorId, size = 'md', readOnly, } = useTextarea(props);
|
|
23
23
|
const [value, setValue] = useState(props.defaultValue);
|
|
24
24
|
const characterLimitId = `${textareaProps.id}-charactercount}`;
|
|
25
25
|
const hasCharacterLimit = characterLimit != null;
|
|
@@ -2,15 +2,17 @@
|
|
|
2
2
|
import { useContext } from 'react';
|
|
3
3
|
import { useFormField } from '../useFormField.js';
|
|
4
4
|
import { FieldsetContext } from '../Fieldset/FieldsetContext.js';
|
|
5
|
+
import { getSize } from '../../../utilities/getSize.js';
|
|
5
6
|
|
|
6
7
|
/** Handles props for `Textarea` in context with `Fieldset` */
|
|
7
8
|
const useTextarea = (props) => {
|
|
8
9
|
const fieldset = useContext(FieldsetContext);
|
|
9
10
|
const { inputProps, readOnly, ...rest } = useFormField(props, 'textarea');
|
|
11
|
+
const size = fieldset?.size ?? getSize(props.size ?? 'md');
|
|
10
12
|
return {
|
|
11
13
|
...rest,
|
|
12
14
|
readOnly,
|
|
13
|
-
size
|
|
15
|
+
size,
|
|
14
16
|
textareaProps: {
|
|
15
17
|
...inputProps,
|
|
16
18
|
readOnly,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
3
|
import { forwardRef, useState, useId } from 'react';
|
|
4
|
-
import { clsx } from '../../../node_modules/clsx/dist/
|
|
4
|
+
import { clsx } from '../../../node_modules/clsx/dist/lite.js';
|
|
5
5
|
import { PadlockLockedFillIcon } from '@navikt/aksel-icons';
|
|
6
6
|
import { CharacterCounter } from '../CharacterCounter.js';
|
|
7
7
|
import { useTextfield } from './useTextfield.js';
|
|
@@ -19,8 +19,8 @@ import { ErrorMessage } from '../../Typography/ErrorMessage/ErrorMessage.js';
|
|
|
19
19
|
*/
|
|
20
20
|
const Textfield = forwardRef((props, ref) => {
|
|
21
21
|
const { label, description, suffix, prefix, style, characterLimit, hideLabel, type = 'text', htmlSize = 20, className, ...rest } = props;
|
|
22
|
-
const { inputProps, descriptionId, hasError, errorId, size = '
|
|
23
|
-
const [inputValue, setInputValue] = useState(props.defaultValue);
|
|
22
|
+
const { inputProps, descriptionId, hasError, errorId, size = 'md', readOnly, } = useTextfield(props);
|
|
23
|
+
const [inputValue, setInputValue] = useState(props.value || props.defaultValue);
|
|
24
24
|
const characterLimitId = `textfield-charactercount-${useId()}`;
|
|
25
25
|
const hasCharacterLimit = characterLimit != null;
|
|
26
26
|
const describedBy = clsx(inputProps['aria-describedby'], hasCharacterLimit && characterLimitId) || undefined;
|
|
@@ -2,15 +2,17 @@
|
|
|
2
2
|
import { useContext } from 'react';
|
|
3
3
|
import { useFormField } from '../useFormField.js';
|
|
4
4
|
import { FieldsetContext } from '../Fieldset/FieldsetContext.js';
|
|
5
|
+
import { getSize } from '../../../utilities/getSize.js';
|
|
5
6
|
|
|
6
7
|
/** Handles props for `Textfield` in context with `Fieldset` */
|
|
7
8
|
const useTextfield = (props) => {
|
|
8
9
|
const fieldset = useContext(FieldsetContext);
|
|
9
10
|
const { inputProps, readOnly, ...rest } = useFormField(props, 'textfield');
|
|
11
|
+
const size = getSize(fieldset?.size ?? props.size ?? 'md');
|
|
10
12
|
return {
|
|
11
13
|
...rest,
|
|
12
14
|
readOnly,
|
|
13
|
-
size
|
|
15
|
+
size,
|
|
14
16
|
inputProps: {
|
|
15
17
|
...inputProps,
|
|
16
18
|
readOnly,
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { useContext, useId } from 'react';
|
|
3
|
-
import { clsx } from '../../node_modules/clsx/dist/
|
|
3
|
+
import { clsx } from '../../node_modules/clsx/dist/lite.js';
|
|
4
|
+
import { getSize } from '../../utilities/getSize.js';
|
|
4
5
|
import { FieldsetContext } from './Fieldset/FieldsetContext.js';
|
|
5
6
|
|
|
6
7
|
/**
|
|
@@ -15,21 +16,18 @@ const useFormField = (props, prefix) => {
|
|
|
15
16
|
const disabled = fieldset?.disabled || props?.disabled;
|
|
16
17
|
const readOnly = ((fieldset?.readOnly || props?.readOnly) && !disabled) || undefined;
|
|
17
18
|
const hasError = !disabled && !readOnly && !!(props.error || fieldset?.error);
|
|
19
|
+
const size = getSize(props.size || fieldset?.size || 'md');
|
|
18
20
|
return {
|
|
19
21
|
readOnly,
|
|
20
22
|
hasError,
|
|
21
23
|
errorId,
|
|
22
24
|
descriptionId,
|
|
23
|
-
size
|
|
25
|
+
size,
|
|
24
26
|
inputProps: {
|
|
25
27
|
id,
|
|
26
28
|
disabled,
|
|
27
29
|
'aria-invalid': hasError ? true : undefined,
|
|
28
|
-
'aria-describedby': clsx(props['aria-describedby'],
|
|
29
|
-
[descriptionId]: !!props?.description && typeof props?.description === 'string',
|
|
30
|
-
[errorId]: hasError && !fieldset?.error,
|
|
31
|
-
[fieldset?.errorId ?? '']: hasError && !!fieldset?.error,
|
|
32
|
-
}) || undefined,
|
|
30
|
+
'aria-describedby': clsx(props['aria-describedby'], (!!props?.description && typeof props?.description === 'string') && descriptionId, (hasError && !fieldset?.error) && errorId, (hasError && !!fieldset?.error) && fieldset?.errorId) || undefined,
|
|
33
31
|
},
|
|
34
32
|
};
|
|
35
33
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import { shift as shift$1, flip as flip$1, arrow as arrow$1, size as size$1, computePosition as computePosition$1 } from '
|
|
3
|
-
export { detectOverflow, offset } from '
|
|
4
|
-
import { createCoords, rectToClientRect, round, max, min, floor } from '
|
|
5
|
-
import { getOverflowAncestors, isElement, getWindow, getComputedStyle, getDocumentElement, isHTMLElement, isWebKit, getNodeName, isOverflowElement, getNodeScroll, isTableElement, isContainingBlock, getContainingBlock, getParentNode, isLastTraversableNode } from '
|
|
2
|
+
import { shift as shift$1, flip as flip$1, arrow as arrow$1, size as size$1, computePosition as computePosition$1 } from '../../core/dist/floating-ui.core.js';
|
|
3
|
+
export { detectOverflow, offset } from '../../core/dist/floating-ui.core.js';
|
|
4
|
+
import { createCoords, rectToClientRect, round, max, min, floor } from '../../utils/dist/floating-ui.utils.js';
|
|
5
|
+
import { getOverflowAncestors, isElement, getWindow, getComputedStyle, getDocumentElement, isHTMLElement, isWebKit, getNodeName, isOverflowElement, getNodeScroll, isTableElement, isContainingBlock, getContainingBlock, getParentNode, isLastTraversableNode } from '../../utils/dist/floating-ui.utils.dom.js';
|
|
6
6
|
|
|
7
7
|
function getCssDimensions(element) {
|
|
8
8
|
const css = getComputedStyle(element);
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { useLayoutEffect, useEffect, useRef } from 'react';
|
|
4
4
|
import { getDocument, isMouseLikePointerType, isTypeableCombobox, activeElement, contains, isVirtualClick, isVirtualPointerEvent, getTarget, isSafari, isMac, isTypeableElement, stopEvent, isReactEvent, isRootElement, isEventTargetWithin } from './floating-ui.react.utils.js';
|
|
5
|
-
import { floor } from '
|
|
5
|
+
import { floor } from '../../utils/dist/floating-ui.utils.js';
|
|
6
6
|
import { useFloating as useFloating$1 } from '../../react-dom/dist/floating-ui.react-dom.js';
|
|
7
7
|
export { arrow } from '../../react-dom/dist/floating-ui.react-dom.js';
|
|
8
|
-
import { isElement, isHTMLElement, getOverflowAncestors, getWindow, getNodeName, isLastTraversableNode, getParentNode, getComputedStyle } from '
|
|
8
|
+
import { isElement, isHTMLElement, getOverflowAncestors, getWindow, getNodeName, isLastTraversableNode, getParentNode, getComputedStyle } from '../../utils/dist/floating-ui.utils.dom.js';
|
|
9
9
|
import { tabbable, isTabbable } from '../../../tabbable/dist/index.esm.js';
|
|
10
10
|
import { createPortal } from 'react-dom';
|
|
11
11
|
import { platform } from '../../dom/dist/floating-ui.dom.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import { isShadowRoot, isHTMLElement } from '
|
|
2
|
+
import { isShadowRoot, isHTMLElement } from '../../utils/dist/floating-ui.utils.dom.js';
|
|
3
3
|
|
|
4
4
|
function activeElement(doc) {
|
|
5
5
|
let activeElement = doc.activeElement;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { useState, useRef, useCallback } from 'react';
|
|
4
|
-
import { clsx } from '../../node_modules/clsx/dist/
|
|
4
|
+
import { clsx } from '../../node_modules/clsx/dist/lite.js';
|
|
5
5
|
import { usePrevious } from '../../hooks/usePrevious.js';
|
|
6
6
|
import { useMediaQuery } from '../../hooks/useMediaQuery.js';
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
|
-
import { useMergeRefs } from '../../
|
|
4
|
+
import { useMergeRefs } from '../../node_modules/@floating-ui/react/dist/floating-ui.react.js';
|
|
5
5
|
import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_modules/@radix-ui/react-slot/dist/index.js';
|
|
6
6
|
import { useRovingTabindex } from './useRovingTabindex.js';
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { createContext, forwardRef, useState, useRef } from 'react';
|
|
4
|
-
import { useMergeRefs } from '../../
|
|
4
|
+
import { useMergeRefs } from '../../node_modules/@floating-ui/react/dist/floating-ui.react.js';
|
|
5
5
|
import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_modules/@radix-ui/react-slot/dist/index.js';
|
|
6
6
|
|
|
7
7
|
const RovingTabindexContext = createContext({
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { HTMLAttributes } from 'react';
|
|
2
2
|
type Severity = 'info' | 'warning' | 'success' | 'danger';
|
|
3
|
+
type OldAlertSizes = 'small' | 'medium' | 'large';
|
|
3
4
|
export type AlertProps = {
|
|
4
5
|
/** Sets color & icon according to severity */
|
|
5
6
|
severity?: Severity;
|
|
@@ -10,12 +11,15 @@ export type AlertProps = {
|
|
|
10
11
|
* Use this to inform screenreaders of severity.
|
|
11
12
|
* Defaults to Norwegian. */
|
|
12
13
|
iconTitle?: string;
|
|
13
|
-
/**
|
|
14
|
+
/**
|
|
15
|
+
* Sets the size of the alert.
|
|
14
16
|
* Does not affect font size.
|
|
15
17
|
*
|
|
16
|
-
* @default
|
|
18
|
+
* @default md
|
|
19
|
+
*
|
|
20
|
+
* @note `small`, `medium`, `large` is deprecated
|
|
17
21
|
*/
|
|
18
|
-
size?: '
|
|
22
|
+
size?: 'sm' | 'md' | 'lg' | OldAlertSizes;
|
|
19
23
|
} & HTMLAttributes<HTMLDivElement>;
|
|
20
24
|
export declare const Alert: import("react").ForwardRefExoticComponent<{
|
|
21
25
|
/** Sets color & icon according to severity */
|
|
@@ -27,12 +31,15 @@ export declare const Alert: import("react").ForwardRefExoticComponent<{
|
|
|
27
31
|
* Use this to inform screenreaders of severity.
|
|
28
32
|
* Defaults to Norwegian. */
|
|
29
33
|
iconTitle?: string | undefined;
|
|
30
|
-
/**
|
|
34
|
+
/**
|
|
35
|
+
* Sets the size of the alert.
|
|
31
36
|
* Does not affect font size.
|
|
32
37
|
*
|
|
33
|
-
* @default
|
|
38
|
+
* @default md
|
|
39
|
+
*
|
|
40
|
+
* @note `small`, `medium`, `large` is deprecated
|
|
34
41
|
*/
|
|
35
|
-
size?: "
|
|
42
|
+
size?: "sm" | "md" | "lg" | OldAlertSizes | undefined;
|
|
36
43
|
} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
37
44
|
export {};
|
|
38
45
|
//# sourceMappingURL=Alert.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AA6B5C,KAAK,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE1D,KAAK,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAElD,MAAM,MAAM,UAAU,GAAG;IACvB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;iCAG6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,aAAa,CAAC;CAC3C,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AACnC,eAAO,MAAM,KAAK;IAnBhB,8CAA8C;;IAE9C,6CAA6C;;IAE7C;;;iCAG6B;;IAE7B;;;;;;;OAOG;;mFAuCJ,CAAC"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import type { HTMLAttributes } from 'react';
|
|
2
|
+
type OldShadowSizes = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
|
|
3
|
+
type OldBorderRadii = 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge' | 'xxxxlarge';
|
|
2
4
|
export type BoxProps = {
|
|
3
5
|
/**
|
|
4
6
|
* Shadow size of the box
|
|
5
7
|
* @default undefined
|
|
6
8
|
*/
|
|
7
|
-
shadow?: '
|
|
9
|
+
shadow?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | OldShadowSizes;
|
|
8
10
|
/**
|
|
9
11
|
* Border color of the box
|
|
10
12
|
* @default undefined
|
|
@@ -14,7 +16,7 @@ export type BoxProps = {
|
|
|
14
16
|
* Border radius of the box
|
|
15
17
|
* @default undefined
|
|
16
18
|
*/
|
|
17
|
-
borderRadius?: '
|
|
19
|
+
borderRadius?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full' | OldBorderRadii;
|
|
18
20
|
/**
|
|
19
21
|
* Background color of the box
|
|
20
22
|
* @default 'default'
|
|
@@ -31,7 +33,7 @@ export declare const Box: import("react").ForwardRefExoticComponent<{
|
|
|
31
33
|
* Shadow size of the box
|
|
32
34
|
* @default undefined
|
|
33
35
|
*/
|
|
34
|
-
shadow?: "
|
|
36
|
+
shadow?: "xs" | "sm" | "md" | "lg" | "xl" | OldShadowSizes | undefined;
|
|
35
37
|
/**
|
|
36
38
|
* Border color of the box
|
|
37
39
|
* @default undefined
|
|
@@ -41,7 +43,7 @@ export declare const Box: import("react").ForwardRefExoticComponent<{
|
|
|
41
43
|
* Border radius of the box
|
|
42
44
|
* @default undefined
|
|
43
45
|
*/
|
|
44
|
-
borderRadius?: "
|
|
46
|
+
borderRadius?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | OldBorderRadii | "full" | undefined;
|
|
45
47
|
/**
|
|
46
48
|
* Background color of the box
|
|
47
49
|
* @default 'default'
|
|
@@ -53,4 +55,5 @@ export declare const Box: import("react").ForwardRefExoticComponent<{
|
|
|
53
55
|
*/
|
|
54
56
|
asChild?: boolean | undefined;
|
|
55
57
|
} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
58
|
+
export {};
|
|
56
59
|
//# sourceMappingURL=Box.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO5C,KAAK,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AACzE,KAAK,cAAc,GACf,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,SAAS,GACT,UAAU,GACV,WAAW,CAAC;AAEhB,MAAM,MAAM,QAAQ,GAAG;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,cAAc,CAAC;IAC3D;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC9C;;;OAGG;IACH,YAAY,CAAC,EACT,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,MAAM,GACN,cAAc,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAClC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,GAAG;IApCd;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAWH;;;OAGG;;IAEH;;;OAGG;;mFAsCJ,CAAC"}
|
|
@@ -1,18 +1,24 @@
|
|
|
1
1
|
import type { HTMLAttributes } from 'react';
|
|
2
|
+
type OldChipSizes = 'small' | 'medium' | 'large';
|
|
2
3
|
export type ChipGroupContext = {
|
|
3
|
-
size?: '
|
|
4
|
+
size?: 'sm' | 'md' | 'lg' | OldChipSizes;
|
|
4
5
|
};
|
|
5
6
|
export declare const ChipGroupContext: import("react").Context<ChipGroupContext | null>;
|
|
6
7
|
export type ChipGroupProps = {
|
|
7
8
|
/**
|
|
8
9
|
* Changes Chip size and gap between chips.
|
|
10
|
+
* @default md
|
|
11
|
+
* @note `small`, `medium`, `large` is deprecated
|
|
9
12
|
*/
|
|
10
|
-
size?: '
|
|
13
|
+
size?: ChipGroupContext['size'];
|
|
11
14
|
} & HTMLAttributes<HTMLUListElement>;
|
|
12
15
|
export declare const Group: import("react").ForwardRefExoticComponent<{
|
|
13
16
|
/**
|
|
14
17
|
* Changes Chip size and gap between chips.
|
|
18
|
+
* @default md
|
|
19
|
+
* @note `small`, `medium`, `large` is deprecated
|
|
15
20
|
*/
|
|
16
|
-
size?:
|
|
21
|
+
size?: ChipGroupContext['size'];
|
|
17
22
|
} & HTMLAttributes<HTMLUListElement> & import("react").RefAttributes<HTMLUListElement>>;
|
|
23
|
+
export {};
|
|
18
24
|
//# sourceMappingURL=Group.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/Group/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/Group/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM5C,KAAK,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEjD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,YAAY,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,gBAAgB,kDAA+C,CAAC;AAE7E,MAAM,MAAM,cAAc,GAAG;IAC3B;;;;OAIG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;CACjC,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAErC,eAAO,MAAM,KAAK;IARhB;;;;OAIG;WACI,gBAAgB,CAAC,MAAM,CAAC;uFA2BhC,CAAC"}
|
|
@@ -1,16 +1,19 @@
|
|
|
1
1
|
import type { ButtonHTMLAttributes } from 'react';
|
|
2
|
+
import { ChipGroupContext } from '../Group/Group';
|
|
2
3
|
export type RemovableChipProps = {
|
|
3
4
|
/**
|
|
4
|
-
* Changes
|
|
5
|
-
* @default
|
|
5
|
+
* Changes Chip size and gap between chips.
|
|
6
|
+
* @default 'md'
|
|
7
|
+
* @note `small`, `medium`, `large` is deprecated
|
|
6
8
|
*/
|
|
7
|
-
size?: '
|
|
9
|
+
size?: ChipGroupContext['size'];
|
|
8
10
|
} & ButtonHTMLAttributes<HTMLButtonElement>;
|
|
9
11
|
export declare const RemovableChip: import("react").ForwardRefExoticComponent<{
|
|
10
12
|
/**
|
|
11
|
-
* Changes
|
|
12
|
-
* @default
|
|
13
|
+
* Changes Chip size and gap between chips.
|
|
14
|
+
* @default 'md'
|
|
15
|
+
* @note `small`, `medium`, `large` is deprecated
|
|
13
16
|
*/
|
|
14
|
-
size?:
|
|
17
|
+
size?: ChipGroupContext['size'];
|
|
15
18
|
} & ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
16
19
|
//# sourceMappingURL=Removable.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Removable.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/Removable/Removable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Removable.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/Removable/Removable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAMlD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGlD,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;OAIG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;CACjC,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,eAAO,MAAM,aAAa;IARxB;;;;OAIG;WACI,gBAAgB,CAAC,MAAM,CAAC;+FAuChC,CAAC"}
|
|
@@ -1,14 +1,16 @@
|
|
|
1
1
|
import type { ButtonHTMLAttributes } from 'react';
|
|
2
|
+
import { ChipGroupContext } from '../Group/Group';
|
|
2
3
|
export type ToggleChipProps = {
|
|
3
4
|
/**
|
|
4
5
|
* Enables check mark icon
|
|
5
6
|
*/
|
|
6
7
|
checkmark?: boolean;
|
|
7
8
|
/**
|
|
8
|
-
* Changes
|
|
9
|
-
* @default
|
|
9
|
+
* Changes Chip size and gap between chips.
|
|
10
|
+
* @default 'md'
|
|
11
|
+
* @note `small`, `medium`, `large` is deprecated
|
|
10
12
|
*/
|
|
11
|
-
size?: '
|
|
13
|
+
size?: ChipGroupContext['size'];
|
|
12
14
|
/**
|
|
13
15
|
* Toggles `aria-pressed` and visual-changes
|
|
14
16
|
* */
|
|
@@ -20,10 +22,11 @@ export declare const ToggleChip: import("react").ForwardRefExoticComponent<{
|
|
|
20
22
|
*/
|
|
21
23
|
checkmark?: boolean | undefined;
|
|
22
24
|
/**
|
|
23
|
-
* Changes
|
|
24
|
-
* @default
|
|
25
|
+
* Changes Chip size and gap between chips.
|
|
26
|
+
* @default 'md'
|
|
27
|
+
* @note `small`, `medium`, `large` is deprecated
|
|
25
28
|
*/
|
|
26
|
-
size?:
|
|
29
|
+
size?: ChipGroupContext['size'];
|
|
27
30
|
/**
|
|
28
31
|
* Toggles `aria-pressed` and visual-changes
|
|
29
32
|
* */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAMlD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGlD,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAChC;;SAEK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,eAAO,MAAM,UAAU;IAhBrB;;OAEG;;IAEH;;;;OAIG;WACI,gBAAgB,CAAC,MAAM,CAAC;IAC/B;;SAEK;;+FAmDN,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type * as React from 'react';
|
|
2
2
|
import type { Placement } from '@floating-ui/react';
|
|
3
3
|
import type { PortalProps } from '../../types/Portal';
|
|
4
|
+
type OldDropdownMenuSizes = 'small' | 'medium' | 'large';
|
|
4
5
|
export type DropdownMenuProps = {
|
|
5
6
|
/** Whether the dropdown is open or not.
|
|
6
7
|
* @default false
|
|
@@ -12,14 +13,16 @@ export type DropdownMenuProps = {
|
|
|
12
13
|
* @default bottom-end
|
|
13
14
|
*/
|
|
14
15
|
placement?: Placement;
|
|
15
|
-
/**
|
|
16
|
-
*
|
|
16
|
+
/**
|
|
17
|
+
* The size of the dropdown
|
|
18
|
+
* @default md
|
|
19
|
+
* @note `small`, `medium`, `large` is deprecated
|
|
17
20
|
**/
|
|
18
|
-
size?: '
|
|
21
|
+
size?: 'sm' | 'md' | 'lg' | OldDropdownMenuSizes;
|
|
19
22
|
children: React.ReactNode;
|
|
20
23
|
} & PortalProps;
|
|
21
24
|
export declare const DropdownMenu: {
|
|
22
|
-
({ open, onClose, placement,
|
|
25
|
+
({ open, onClose, placement, portal, children, ...rest }: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
|
|
23
26
|
displayName: string;
|
|
24
27
|
};
|
|
25
28
|
type DropdownMenuContextType = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGtD,KAAK,oBAAoB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzD,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;QAII;IACJ,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,oBAAoB,CAAC;IACjD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,WAAW,CAAC;AAEhB,eAAO,MAAM,YAAY;8DAOtB,iBAAiB;;CA+BnB,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;IACzB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IACrC,IAAI,EAAE,WAAW,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;IAC7C,MAAM,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC3C,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,mBAAmB,wCAM9B,CAAC"}
|
|
@@ -8,8 +8,9 @@ export type HelpTextProps = {
|
|
|
8
8
|
**/
|
|
9
9
|
title: string;
|
|
10
10
|
/**
|
|
11
|
-
* Size of the
|
|
12
|
-
* @default
|
|
11
|
+
* Size of the helptext
|
|
12
|
+
* @default md
|
|
13
|
+
* @note `small`, `medium`, `large` is deprecated
|
|
13
14
|
*/
|
|
14
15
|
size?: PopoverProps['size'];
|
|
15
16
|
/**
|
|
@@ -19,7 +20,7 @@ export type HelpTextProps = {
|
|
|
19
20
|
placement?: Placement;
|
|
20
21
|
} & PortalProps & ButtonHTMLAttributes<HTMLButtonElement>;
|
|
21
22
|
declare const HelpText: {
|
|
22
|
-
({ title, placement,
|
|
23
|
+
({ title, placement, portal, className, children, ...rest }: HelpTextProps): import("react/jsx-runtime").JSX.Element;
|
|
23
24
|
displayName: string;
|
|
24
25
|
};
|
|
25
26
|
export { HelpText };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HelpText.d.ts","sourceRoot":"","sources":["../../../../src/components/HelpText/HelpText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"HelpText.d.ts","sourceRoot":"","sources":["../../../../src/components/HelpText/HelpText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAKtD,MAAM,MAAM,aAAa,GAAG;IAC1B;;QAEI;IACJ,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,GAAG,WAAW,GACb,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE1C,QAAA,MAAM,QAAQ;iEAOX,aAAa;;CAoDf,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { type HeadingProps } from '../Typography';
|
|
|
2
2
|
export type ListHeadingProps = HeadingProps;
|
|
3
3
|
export declare const ListHeading: import("react").ForwardRefExoticComponent<{
|
|
4
4
|
level?: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
|
|
5
|
-
size?: "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "3xlarge" | undefined;
|
|
5
|
+
size?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | ("xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "3xlarge") | undefined;
|
|
6
6
|
spacing?: boolean | undefined;
|
|
7
7
|
asChild?: boolean | undefined;
|
|
8
8
|
} & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
@@ -1,15 +1,19 @@
|
|
|
1
1
|
import type { HTMLAttributes } from 'react';
|
|
2
|
-
type ListContextType = {
|
|
3
|
-
size:
|
|
2
|
+
export type ListContextType = {
|
|
3
|
+
size: 'sm' | 'md' | 'lg';
|
|
4
4
|
headingId?: string;
|
|
5
5
|
setHeadingId: (id: string) => void;
|
|
6
6
|
};
|
|
7
|
+
export type OldListSizes = 'small' | 'medium' | 'large';
|
|
7
8
|
export declare const ListContext: import("react").Context<ListContextType>;
|
|
8
9
|
export type ListProps = {
|
|
9
|
-
/**
|
|
10
|
-
*
|
|
10
|
+
/**
|
|
11
|
+
* Changes text sizing
|
|
12
|
+
* @default md
|
|
13
|
+
*
|
|
14
|
+
* @note `small`, `medium` and `large` are deprecated
|
|
11
15
|
*/
|
|
12
|
-
size?: '
|
|
16
|
+
size?: ListContextType['size'] | OldListSizes;
|
|
13
17
|
/**
|
|
14
18
|
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
15
19
|
* @default false
|
|
@@ -17,15 +21,17 @@ export type ListProps = {
|
|
|
17
21
|
asChild?: boolean;
|
|
18
22
|
} & HTMLAttributes<HTMLDivElement>;
|
|
19
23
|
export declare const ListRoot: import("react").ForwardRefExoticComponent<{
|
|
20
|
-
/**
|
|
21
|
-
*
|
|
24
|
+
/**
|
|
25
|
+
* Changes text sizing
|
|
26
|
+
* @default md
|
|
27
|
+
*
|
|
28
|
+
* @note `small`, `medium` and `large` are deprecated
|
|
22
29
|
*/
|
|
23
|
-
size?: "
|
|
30
|
+
size?: "sm" | "md" | "lg" | OldListSizes | undefined;
|
|
24
31
|
/**
|
|
25
32
|
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
26
33
|
* @default false
|
|
27
34
|
*/
|
|
28
35
|
asChild?: boolean | undefined;
|
|
29
36
|
} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
30
|
-
export {};
|
|
31
37
|
//# sourceMappingURL=ListRoot.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ListRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ListRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ListRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,eAAO,MAAM,WAAW,0CAItB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG;IACtB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,GAAG,YAAY,CAAC;IAC9C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ;IAdnB;;;;;OAKG;;IAEH;;;OAGG;;mFAmBJ,CAAC"}
|