@digdir/designsystemet-react 1.0.0-next.34 → 1.0.0-next.35
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/AccordionContent.js +1 -2
- package/dist/cjs/components/Accordion/AccordionHeading.js +4 -6
- package/dist/cjs/components/Accordion/AccordionItem.js +16 -52
- package/dist/cjs/components/Alert/Alert.js +1 -2
- package/dist/cjs/components/Avatar/Avatar.js +1 -7
- package/dist/cjs/components/Badge/Badge.js +1 -7
- package/dist/cjs/components/Breadcrumbs/Breadcrumbs.js +1 -2
- package/dist/cjs/components/Button/Button.js +4 -3
- package/dist/cjs/components/Card/Card.js +24 -6
- package/dist/cjs/components/Card/{CardMedia.js → CardBlock.js} +3 -4
- package/dist/cjs/components/Card/index.js +6 -17
- package/dist/cjs/components/Chip/Chips.js +50 -0
- package/dist/cjs/components/Chip/index.js +12 -11
- package/dist/cjs/components/Dropdown/DropdownHeading.js +2 -5
- package/dist/cjs/components/ErrorSummary/ErrorSummaryHeading.js +2 -2
- package/dist/cjs/components/{Typography/Heading → Heading}/Heading.js +2 -3
- package/dist/cjs/components/{Typography/Label → Label}/Label.js +2 -3
- package/dist/cjs/components/List/Lists.js +1 -2
- package/dist/cjs/components/Modal/Modal.js +45 -0
- package/dist/cjs/components/Modal/ModalBlock.js +14 -0
- package/dist/cjs/components/Modal/ModalContext.js +17 -0
- package/dist/cjs/components/Modal/ModalTrigger.js +4 -5
- package/dist/cjs/components/Modal/index.js +12 -22
- package/dist/cjs/components/Pagination/Pagination.js +9 -14
- package/dist/cjs/components/Pagination/PaginationButton.js +4 -4
- package/dist/cjs/components/Pagination/PaginationItem.js +1 -4
- package/dist/cjs/components/Pagination/PaginationList.js +2 -5
- package/dist/cjs/components/Pagination/index.js +5 -19
- package/dist/cjs/components/Pagination/usePagination.js +46 -51
- package/dist/cjs/components/{Typography/Paragraph → Paragraph}/Paragraph.js +2 -8
- package/dist/cjs/components/Popover/Popover.js +3 -4
- package/dist/cjs/components/SkipLink/SkipLink.js +4 -4
- package/dist/cjs/components/Table/Table.js +1 -2
- package/dist/cjs/components/Tabs/TabsPanel.js +1 -2
- package/dist/cjs/components/Tabs/TabsTab.js +1 -2
- package/dist/cjs/components/Tag/Tag.js +1 -2
- package/dist/cjs/components/Tooltip/Tooltip.js +5 -6
- package/dist/cjs/components/{Typography/ValidationMessage → ValidationMessage}/ValidationMessage.js +2 -2
- package/dist/cjs/components/form/CharacterCounter.js +1 -1
- package/dist/cjs/components/form/Checkbox/Checkbox.js +2 -2
- package/dist/cjs/components/form/Combobox/Combobox.js +1 -2
- package/dist/cjs/components/form/Combobox/Custom.js +1 -1
- package/dist/cjs/components/form/Combobox/Empty.js +1 -1
- package/dist/cjs/components/form/Combobox/Option/Option.js +1 -1
- package/dist/cjs/components/form/Combobox/internal/ComboboxChips.js +2 -2
- package/dist/cjs/components/form/Combobox/internal/ComboboxError.js +1 -1
- package/dist/cjs/components/form/Combobox/internal/ComboboxInput.js +2 -2
- package/dist/cjs/components/form/Combobox/internal/ComboboxLabel.js +2 -2
- package/dist/cjs/components/form/Fieldset/Fieldset.js +3 -3
- package/dist/cjs/components/form/Radio/Radio.js +2 -2
- package/dist/cjs/components/form/Search/Search.js +2 -2
- package/dist/cjs/components/form/Select/Select.js +3 -3
- package/dist/cjs/components/form/Switch/Switch.js +3 -3
- package/dist/cjs/components/form/Textarea/Textarea.js +3 -3
- package/dist/cjs/components/form/Textfield/Textfield.js +3 -3
- package/dist/cjs/components/loaders/Skeleton/Skeleton.js +4 -2
- package/dist/cjs/index.js +17 -39
- package/dist/esm/components/Accordion/AccordionContent.js +1 -2
- package/dist/esm/components/Accordion/AccordionHeading.js +4 -6
- package/dist/esm/components/Accordion/AccordionItem.js +17 -53
- package/dist/esm/components/Alert/Alert.js +1 -2
- package/dist/esm/components/Avatar/Avatar.js +1 -7
- package/dist/esm/components/Badge/Badge.js +1 -7
- package/dist/esm/components/Breadcrumbs/Breadcrumbs.js +1 -2
- package/dist/esm/components/Button/Button.js +5 -4
- package/dist/esm/components/Card/Card.js +25 -7
- package/dist/esm/components/Card/{CardMedia.js → CardBlock.js} +3 -4
- package/dist/esm/components/Card/index.js +6 -14
- package/dist/esm/components/Chip/Chips.js +45 -0
- package/dist/esm/components/Chip/index.js +9 -9
- package/dist/esm/components/Dropdown/DropdownHeading.js +3 -6
- package/dist/esm/components/ErrorSummary/ErrorSummaryHeading.js +2 -2
- package/dist/esm/components/{Typography/Heading → Heading}/Heading.js +2 -3
- package/dist/esm/components/Label/Label.js +18 -0
- package/dist/esm/components/List/Lists.js +1 -2
- package/dist/esm/components/Modal/Modal.js +43 -0
- package/dist/esm/components/Modal/ModalBlock.js +12 -0
- package/dist/esm/components/Modal/ModalContext.js +14 -0
- package/dist/esm/components/Modal/ModalTrigger.js +4 -5
- package/dist/esm/components/Modal/index.js +11 -18
- package/dist/esm/components/Pagination/Pagination.js +11 -17
- package/dist/esm/components/Pagination/PaginationButton.js +3 -3
- package/dist/esm/components/Pagination/PaginationItem.js +2 -5
- package/dist/esm/components/Pagination/PaginationList.js +3 -6
- package/dist/esm/components/Pagination/index.js +6 -16
- package/dist/esm/components/Pagination/usePagination.js +47 -52
- package/dist/esm/components/Paragraph/Paragraph.js +18 -0
- package/dist/esm/components/Popover/Popover.js +3 -4
- package/dist/esm/components/SkipLink/SkipLink.js +4 -4
- package/dist/esm/components/Table/Table.js +1 -2
- package/dist/esm/components/Tabs/TabsPanel.js +1 -2
- package/dist/esm/components/Tabs/TabsTab.js +1 -2
- package/dist/esm/components/Tag/Tag.js +1 -2
- package/dist/esm/components/Tooltip/Tooltip.js +5 -6
- package/dist/esm/components/{Typography/ValidationMessage → ValidationMessage}/ValidationMessage.js +2 -2
- package/dist/esm/components/form/CharacterCounter.js +1 -1
- package/dist/esm/components/form/Checkbox/Checkbox.js +2 -2
- package/dist/esm/components/form/Combobox/Combobox.js +2 -3
- package/dist/esm/components/form/Combobox/Custom.js +1 -1
- package/dist/esm/components/form/Combobox/Empty.js +1 -1
- package/dist/esm/components/form/Combobox/Option/Option.js +1 -1
- package/dist/esm/components/form/Combobox/internal/ComboboxChips.js +2 -2
- package/dist/esm/components/form/Combobox/internal/ComboboxError.js +1 -1
- package/dist/esm/components/form/Combobox/internal/ComboboxInput.js +2 -2
- package/dist/esm/components/form/Combobox/internal/ComboboxLabel.js +2 -2
- package/dist/esm/components/form/Fieldset/Fieldset.js +3 -3
- package/dist/esm/components/form/Radio/Radio.js +2 -2
- package/dist/esm/components/form/Search/Search.js +2 -2
- package/dist/esm/components/form/Select/Select.js +3 -3
- package/dist/esm/components/form/Switch/Switch.js +3 -3
- package/dist/esm/components/form/Textarea/Textarea.js +3 -3
- package/dist/esm/components/form/Textfield/Textfield.js +3 -3
- package/dist/esm/components/loaders/Skeleton/Skeleton.js +4 -2
- package/dist/esm/index.js +8 -20
- package/dist/types/components/Accordion/AccordionContent.d.ts.map +1 -1
- package/dist/types/components/Accordion/AccordionHeading.d.ts +2 -2
- package/dist/types/components/Accordion/AccordionHeading.d.ts.map +1 -1
- package/dist/types/components/Accordion/AccordionItem.d.ts +8 -8
- package/dist/types/components/Accordion/AccordionItem.d.ts.map +1 -1
- package/dist/types/components/Alert/Alert.d.ts.map +1 -1
- package/dist/types/components/Avatar/Avatar.d.ts.map +1 -1
- package/dist/types/components/Badge/Badge.d.ts.map +1 -1
- package/dist/types/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -1
- package/dist/types/components/Button/Button.d.ts.map +1 -1
- package/dist/types/components/Card/Card.d.ts +5 -15
- package/dist/types/components/Card/Card.d.ts.map +1 -1
- package/dist/types/components/Card/{CardMedia.d.ts → CardBlock.d.ts} +3 -3
- package/dist/types/components/Card/{CardMedia.d.ts.map → CardBlock.d.ts.map} +1 -1
- package/dist/types/components/Card/index.d.ts +12 -16
- package/dist/types/components/Card/index.d.ts.map +1 -1
- package/dist/types/components/Chip/Chips.d.ts +45 -0
- package/dist/types/components/Chip/Chips.d.ts.map +1 -0
- package/dist/types/components/Chip/index.d.ts +20 -21
- package/dist/types/components/Chip/index.d.ts.map +1 -1
- package/dist/types/components/Dropdown/DropdownHeading.d.ts.map +1 -1
- package/dist/types/components/ErrorSummary/ErrorSummaryHeading.d.ts +1 -2
- package/dist/types/components/ErrorSummary/ErrorSummaryHeading.d.ts.map +1 -1
- package/dist/types/components/ErrorSummary/index.d.ts +0 -1
- package/dist/types/components/ErrorSummary/index.d.ts.map +1 -1
- package/dist/types/components/{Typography/Heading → Heading}/Heading.d.ts +0 -4
- package/dist/types/components/Heading/Heading.d.ts.map +1 -0
- package/dist/types/components/Heading/index.d.ts.map +1 -0
- package/dist/types/components/{Typography/Label → Label}/Label.d.ts +0 -4
- package/dist/types/components/Label/Label.d.ts.map +1 -0
- package/dist/types/components/Label/index.d.ts.map +1 -0
- package/dist/types/components/List/Lists.d.ts.map +1 -1
- package/dist/types/components/Modal/Modal.d.ts +38 -0
- package/dist/types/components/Modal/Modal.d.ts.map +1 -0
- package/dist/types/components/{Card/CardFooter.d.ts → Modal/ModalBlock.d.ts} +3 -3
- package/dist/types/components/Modal/ModalBlock.d.ts.map +1 -0
- package/dist/types/components/Modal/ModalContext.d.ts +10 -0
- package/dist/types/components/Modal/ModalContext.d.ts.map +1 -0
- package/dist/types/components/Modal/ModalTrigger.d.ts.map +1 -1
- package/dist/types/components/Modal/index.d.ts +31 -20
- package/dist/types/components/Modal/index.d.ts.map +1 -1
- package/dist/types/components/Pagination/Pagination.d.ts +23 -36
- package/dist/types/components/Pagination/Pagination.d.ts.map +1 -1
- package/dist/types/components/Pagination/PaginationButton.d.ts +4 -3
- package/dist/types/components/Pagination/PaginationButton.d.ts.map +1 -1
- package/dist/types/components/Pagination/PaginationItem.d.ts.map +1 -1
- package/dist/types/components/Pagination/PaginationList.d.ts +1 -1
- package/dist/types/components/Pagination/PaginationList.d.ts.map +1 -1
- package/dist/types/components/Pagination/index.d.ts +16 -17
- package/dist/types/components/Pagination/index.d.ts.map +1 -1
- package/dist/types/components/Pagination/usePagination.d.ts +41 -17
- package/dist/types/components/Pagination/usePagination.d.ts.map +1 -1
- package/dist/types/components/{Typography/Paragraph → Paragraph}/Paragraph.d.ts +2 -6
- package/dist/types/components/Paragraph/Paragraph.d.ts.map +1 -0
- package/dist/types/components/Paragraph/index.d.ts.map +1 -0
- package/dist/types/components/Popover/Popover.d.ts.map +1 -1
- package/dist/types/components/SkipLink/SkipLink.d.ts +7 -5
- package/dist/types/components/SkipLink/SkipLink.d.ts.map +1 -1
- package/dist/types/components/Table/Table.d.ts.map +1 -1
- package/dist/types/components/Tabs/TabsPanel.d.ts.map +1 -1
- package/dist/types/components/Tabs/TabsTab.d.ts.map +1 -1
- package/dist/types/components/Tag/Tag.d.ts +2 -5
- package/dist/types/components/Tag/Tag.d.ts.map +1 -1
- package/dist/types/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/types/components/{Typography/ValidationMessage → ValidationMessage}/ValidationMessage.d.ts +0 -4
- package/dist/types/components/ValidationMessage/ValidationMessage.d.ts.map +1 -0
- package/dist/types/components/ValidationMessage/index.d.ts.map +1 -0
- package/dist/types/components/form/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/types/components/form/Combobox/Combobox.d.ts.map +1 -1
- package/dist/types/components/form/Combobox/internal/ComboboxLabel.d.ts.map +1 -1
- package/dist/types/components/form/Fieldset/Fieldset.d.ts.map +1 -1
- package/dist/types/components/form/Radio/Radio.d.ts.map +1 -1
- package/dist/types/components/form/Search/Search.d.ts.map +1 -1
- package/dist/types/components/form/Select/Select.d.ts.map +1 -1
- package/dist/types/components/form/Switch/Switch.d.ts.map +1 -1
- package/dist/types/components/form/Textarea/Textarea.d.ts.map +1 -1
- package/dist/types/components/form/Textfield/Textfield.d.ts.map +1 -1
- package/dist/types/components/index.d.ts +4 -1
- package/dist/types/components/index.d.ts.map +1 -1
- package/dist/types/components/loaders/Skeleton/Skeleton.d.ts +8 -17
- package/dist/types/components/loaders/Skeleton/Skeleton.d.ts.map +1 -1
- package/package.json +3 -3
- package/dist/cjs/components/Card/CardContent.js +0 -16
- package/dist/cjs/components/Card/CardFooter.js +0 -16
- package/dist/cjs/components/Card/CardHeader.js +0 -16
- package/dist/cjs/components/Chip/Group/Group.js +0 -15
- package/dist/cjs/components/Chip/Removable/Removable.js +0 -17
- package/dist/cjs/components/Chip/Toggle/Toggle.js +0 -18
- package/dist/cjs/components/Modal/ModaContent.js +0 -15
- package/dist/cjs/components/Modal/ModalDialog.js +0 -73
- package/dist/cjs/components/Modal/ModalFooter.js +0 -15
- package/dist/cjs/components/Modal/ModalHeader.js +0 -20
- package/dist/cjs/components/Modal/ModalRoot.js +0 -31
- package/dist/cjs/components/Modal/useModalState.js +0 -30
- package/dist/cjs/components/Modal/useScrollLock.js +0 -29
- package/dist/cjs/components/Pagination/PaginationEllipsis.js +0 -15
- package/dist/cjs/components/Pagination/PaginationNextPrev.js +0 -16
- package/dist/cjs/components/Pagination/PaginationRoot.js +0 -18
- package/dist/cjs/components/Typography/Ingress/Ingress.js +0 -21
- package/dist/esm/components/Card/CardContent.js +0 -14
- package/dist/esm/components/Card/CardFooter.js +0 -14
- package/dist/esm/components/Card/CardHeader.js +0 -14
- package/dist/esm/components/Chip/Group/Group.js +0 -12
- package/dist/esm/components/Chip/Removable/Removable.js +0 -15
- package/dist/esm/components/Chip/Toggle/Toggle.js +0 -16
- package/dist/esm/components/Modal/ModaContent.js +0 -13
- package/dist/esm/components/Modal/ModalDialog.js +0 -71
- package/dist/esm/components/Modal/ModalFooter.js +0 -13
- package/dist/esm/components/Modal/ModalHeader.js +0 -18
- package/dist/esm/components/Modal/ModalRoot.js +0 -28
- package/dist/esm/components/Modal/useModalState.js +0 -28
- package/dist/esm/components/Modal/useScrollLock.js +0 -27
- package/dist/esm/components/Pagination/PaginationEllipsis.js +0 -13
- package/dist/esm/components/Pagination/PaginationNextPrev.js +0 -13
- package/dist/esm/components/Pagination/PaginationRoot.js +0 -15
- package/dist/esm/components/Typography/Ingress/Ingress.js +0 -19
- package/dist/esm/components/Typography/Label/Label.js +0 -19
- package/dist/esm/components/Typography/Paragraph/Paragraph.js +0 -24
- package/dist/types/components/Card/CardContent.d.ts +0 -16
- package/dist/types/components/Card/CardContent.d.ts.map +0 -1
- package/dist/types/components/Card/CardFooter.d.ts.map +0 -1
- package/dist/types/components/Card/CardHeader.d.ts +0 -16
- package/dist/types/components/Card/CardHeader.d.ts.map +0 -1
- package/dist/types/components/Chip/Group/Group.d.ts +0 -20
- package/dist/types/components/Chip/Group/Group.d.ts.map +0 -1
- package/dist/types/components/Chip/Removable/Removable.d.ts +0 -17
- package/dist/types/components/Chip/Removable/Removable.d.ts.map +0 -1
- package/dist/types/components/Chip/Toggle/Toggle.d.ts +0 -33
- package/dist/types/components/Chip/Toggle/Toggle.d.ts.map +0 -1
- package/dist/types/components/Modal/ModaContent.d.ts +0 -16
- package/dist/types/components/Modal/ModaContent.d.ts.map +0 -1
- package/dist/types/components/Modal/ModalDialog.d.ts +0 -38
- package/dist/types/components/Modal/ModalDialog.d.ts.map +0 -1
- package/dist/types/components/Modal/ModalFooter.d.ts +0 -16
- package/dist/types/components/Modal/ModalFooter.d.ts.map +0 -1
- package/dist/types/components/Modal/ModalHeader.d.ts +0 -44
- package/dist/types/components/Modal/ModalHeader.d.ts.map +0 -1
- package/dist/types/components/Modal/ModalRoot.d.ts +0 -17
- package/dist/types/components/Modal/ModalRoot.d.ts.map +0 -1
- package/dist/types/components/Modal/useModalState.d.ts +0 -2
- package/dist/types/components/Modal/useModalState.d.ts.map +0 -1
- package/dist/types/components/Modal/useScrollLock.d.ts +0 -2
- package/dist/types/components/Modal/useScrollLock.d.ts.map +0 -1
- package/dist/types/components/Pagination/PaginationEllipsis.d.ts +0 -4
- package/dist/types/components/Pagination/PaginationEllipsis.d.ts.map +0 -1
- package/dist/types/components/Pagination/PaginationNextPrev.d.ts +0 -10
- package/dist/types/components/Pagination/PaginationNextPrev.d.ts.map +0 -1
- package/dist/types/components/Pagination/PaginationRoot.d.ts +0 -53
- package/dist/types/components/Pagination/PaginationRoot.d.ts.map +0 -1
- package/dist/types/components/Typography/Heading/Heading.d.ts.map +0 -1
- package/dist/types/components/Typography/Heading/index.d.ts.map +0 -1
- package/dist/types/components/Typography/Ingress/Ingress.d.ts +0 -34
- package/dist/types/components/Typography/Ingress/Ingress.d.ts.map +0 -1
- package/dist/types/components/Typography/Ingress/index.d.ts +0 -2
- package/dist/types/components/Typography/Ingress/index.d.ts.map +0 -1
- package/dist/types/components/Typography/Label/Label.d.ts.map +0 -1
- package/dist/types/components/Typography/Label/index.d.ts.map +0 -1
- package/dist/types/components/Typography/Paragraph/Paragraph.d.ts.map +0 -1
- package/dist/types/components/Typography/Paragraph/index.d.ts.map +0 -1
- package/dist/types/components/Typography/ValidationMessage/ValidationMessage.d.ts.map +0 -1
- package/dist/types/components/Typography/ValidationMessage/index.d.ts.map +0 -1
- package/dist/types/components/Typography/index.d.ts +0 -6
- package/dist/types/components/Typography/index.d.ts.map +0 -1
- package/dist/types/utilities/AnimateHeight/AnimateHeight.d.ts +0 -9
- package/dist/types/utilities/AnimateHeight/AnimateHeight.d.ts.map +0 -1
- package/dist/types/utilities/AnimateHeight/index.d.ts +0 -3
- package/dist/types/utilities/AnimateHeight/index.d.ts.map +0 -1
- /package/dist/types/components/{Typography/Heading → Heading}/index.d.ts +0 -0
- /package/dist/types/components/{Typography/Label → Label}/index.d.ts +0 -0
- /package/dist/types/components/{Typography/Paragraph → Paragraph}/index.d.ts +0 -0
- /package/dist/types/components/{Typography/ValidationMessage → ValidationMessage}/index.d.ts +0 -0
|
@@ -3,7 +3,7 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
|
3
3
|
import { FloatingPortal, FloatingFocusManager } from '@floating-ui/react';
|
|
4
4
|
import { useVirtualizer } from '@tanstack/react-virtual';
|
|
5
5
|
import cl from 'clsx/lite';
|
|
6
|
-
import { forwardRef, useRef,
|
|
6
|
+
import { forwardRef, useRef, useState, useEffect } from 'react';
|
|
7
7
|
import { useFormField } from '../useFormField.js';
|
|
8
8
|
import { ComboboxContext } from './ComboboxContext.js';
|
|
9
9
|
import { ComboboxIdProvider } from './ComboboxIdContext.js';
|
|
@@ -24,7 +24,6 @@ const ComboboxComponent = forwardRef(({ value, initialValue = [], onValueChange,
|
|
|
24
24
|
const inputRef = useRef(null);
|
|
25
25
|
const portalRef = useRef(null);
|
|
26
26
|
const listRef = useRef([]);
|
|
27
|
-
const listId = useId();
|
|
28
27
|
const [inputValue, setInputValue] = useState(rest.inputValue || '');
|
|
29
28
|
useEffect(() => {
|
|
30
29
|
if (typeof rest.inputValue === 'string') {
|
|
@@ -177,7 +176,7 @@ const ComboboxComponent = forwardRef(({ value, initialValue = [], onValueChange,
|
|
|
177
176
|
setListRef: (index, node) => {
|
|
178
177
|
listRef.current[index] = node;
|
|
179
178
|
},
|
|
180
|
-
}, children: [jsxs("div", { className: cl('ds-combobox', `ds-combobox--${size}`, disabled && 'ds-combobox__disabled', className), style: style, ref: portalRef, children: [name && (jsx(ComboboxNative, { name: name, selectedOptions: selectedOptions, multiple: multiple })), jsx(ComboboxLabel, { label: label, description: description, size: size, readOnly: readOnly, hideLabel: hideLabel, formFieldProps: formFieldProps }), jsx(ComboboxInput, { ...omit(['inputValue'], rest), hideClearButton: hideClearButton, listId:
|
|
179
|
+
}, children: [jsxs("div", { className: cl('ds-combobox', `ds-combobox--${size}`, disabled && 'ds-combobox__disabled', className), style: style, ref: portalRef, children: [name && (jsx(ComboboxNative, { name: name, selectedOptions: selectedOptions, multiple: multiple })), jsx(ComboboxLabel, { label: label, description: description, size: size, readOnly: readOnly, hideLabel: hideLabel, formFieldProps: formFieldProps }), jsx(ComboboxInput, { ...omit(['inputValue'], rest), hideClearButton: hideClearButton, listId: context.floatingId, error: error, hideChips: hideChips, handleKeyDown: handleKeyDown, "aria-busy": loading }), jsx(ComboboxError, { size: size, error: error, formFieldProps: formFieldProps })] }), open && (jsx(FloatingPortal, { root: portal ? null : portalRef, children: jsx(FloatingFocusManager, { context: context, initialFocus: -1, visuallyHiddenDismiss: true, children: jsxs("div", { "aria-labelledby": formFieldProps.inputProps.id, "aria-autocomplete": 'list', tabIndex: -1, ...getFloatingProps({
|
|
181
180
|
ref: refs.setFloating,
|
|
182
181
|
style: {
|
|
183
182
|
...floatingStyles,
|
|
@@ -6,7 +6,7 @@ import cl from 'clsx/lite';
|
|
|
6
6
|
import { forwardRef, useId, useContext, useMemo } from 'react';
|
|
7
7
|
import { ComboboxContext } from './ComboboxContext.js';
|
|
8
8
|
import { useComboboxId } from './ComboboxIdContext.js';
|
|
9
|
-
import { Label } from '../../
|
|
9
|
+
import { Label } from '../../Label/Label.js';
|
|
10
10
|
import { omit } from '../../../utilities/omit/omit.js';
|
|
11
11
|
|
|
12
12
|
const ComboboxCustom = forwardRef(({ asChild, interactive, id, className, ...rest }, ref) => {
|
|
@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
3
3
|
import cl from 'clsx/lite';
|
|
4
4
|
import { forwardRef, useContext } from 'react';
|
|
5
5
|
import { ComboboxContext } from './ComboboxContext.js';
|
|
6
|
-
import { Label } from '../../
|
|
6
|
+
import { Label } from '../../Label/Label.js';
|
|
7
7
|
|
|
8
8
|
const ComboboxEmpty = forwardRef(({ children, className, ...rest }, ref) => {
|
|
9
9
|
const context = useContext(ComboboxContext);
|
|
@@ -7,7 +7,7 @@ import { ComboboxContext } from '../ComboboxContext.js';
|
|
|
7
7
|
import ComboboxOptionDescription from './Description.js';
|
|
8
8
|
import { SelectedIcon } from './SelectedIcon.js';
|
|
9
9
|
import { useComboboxOption } from './useComboboxOption.js';
|
|
10
|
-
import { Label } from '../../../
|
|
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();
|
|
@@ -3,7 +3,7 @@ import { jsx, Fragment } from 'react/jsx-runtime';
|
|
|
3
3
|
import { useContext } from 'react';
|
|
4
4
|
import '../../../Chip/index.js';
|
|
5
5
|
import { ComboboxContext } from '../ComboboxContext.js';
|
|
6
|
-
import {
|
|
6
|
+
import { ChipRemovable } from '../../../Chip/Chips.js';
|
|
7
7
|
|
|
8
8
|
const ComboboxChips = () => {
|
|
9
9
|
const context = useContext(ComboboxContext);
|
|
@@ -12,7 +12,7 @@ const ComboboxChips = () => {
|
|
|
12
12
|
}
|
|
13
13
|
const { size, readOnly, disabled, selectedOptions, chipSrLabel, handleSelectOption, inputRef, } = context;
|
|
14
14
|
return (jsx(Fragment, { children: Object.keys(selectedOptions).map((value) => {
|
|
15
|
-
return (jsx(
|
|
15
|
+
return (jsx(ChipRemovable, { size: size, disabled: disabled, onKeyDown: (e) => {
|
|
16
16
|
if (readOnly)
|
|
17
17
|
return;
|
|
18
18
|
if (disabled)
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { ValidationMessage } from '../../../
|
|
3
|
+
import { ValidationMessage } from '../../../ValidationMessage/ValidationMessage.js';
|
|
4
4
|
|
|
5
5
|
const ComboboxError = ({ size, error, formFieldProps }) => {
|
|
6
6
|
return (jsx("div", { className: 'ds-combobox__error-message', id: formFieldProps.errorId, "aria-live": 'polite', "aria-relevant": 'additions removals', children: error && jsx(ValidationMessage, { size: size, children: error }) }));
|
|
@@ -9,7 +9,7 @@ import { useComboboxIdDispatch } from '../ComboboxIdContext.js';
|
|
|
9
9
|
import { prefix } from '../utilities.js';
|
|
10
10
|
import ComboboxChips from './ComboboxChips.js';
|
|
11
11
|
import ComboboxClearButton from './ComboboxClearButton.js';
|
|
12
|
-
import { Paragraph } from '../../../
|
|
12
|
+
import { Paragraph } from '../../../Paragraph/Paragraph.js';
|
|
13
13
|
import { omit } from '../../../../utilities/omit/omit.js';
|
|
14
14
|
|
|
15
15
|
const ComboboxInput = ({ hideClearButton, listId, error, hideChips, handleKeyDown, ...rest }) => {
|
|
@@ -68,7 +68,7 @@ const ComboboxInput = ({ hideClearButton, listId, error, hideChips, handleKeyDow
|
|
|
68
68
|
}
|
|
69
69
|
},
|
|
70
70
|
});
|
|
71
|
-
return (jsx(Paragraph, { size: size, asChild: true, children: jsxs("div", { ...props, "aria-disabled": disabled ? 'true' : undefined, className: cl('ds-textfield__input', 'ds-combobox__input__wrapper', readOnly && 'ds-combobox--readonly', error && 'ds-combobox--error'), children: [jsxs("div", { className: 'ds-combobox__chip-and-input', children: [multiple && !hideChips && jsx(ComboboxChips, {}), jsx(Paragraph, { size: size, asChild: true, children: jsx("input", { ref: mergedRefs, "aria-activedescendant": props['aria-activedescendant'], readOnly: readOnly, "aria-autocomplete": 'list', role: 'combobox', "aria-expanded": open, "aria-controls": listId, autoComplete: 'off', size: htmlSize, value: inputValue, ...omit(['style', 'className'], rest), ...formFieldProps.inputProps, className: 'ds-combobox__input', onChange: (e) => {
|
|
71
|
+
return (jsx(Paragraph, { size: size, asChild: true, children: jsxs("div", { ...props, "aria-disabled": disabled ? 'true' : undefined, className: cl('ds-textfield__input', 'ds-combobox__input__wrapper', readOnly && 'ds-combobox--readonly', error && 'ds-combobox--error'), children: [jsxs("div", { className: 'ds-combobox__chip-and-input', children: [multiple && !hideChips && jsx(ComboboxChips, {}), jsx(Paragraph, { size: size, asChild: true, children: jsx("input", { ref: mergedRefs, "aria-activedescendant": props['aria-activedescendant'], readOnly: readOnly, "aria-autocomplete": 'list', role: 'combobox', "aria-expanded": open, "aria-controls": open ? listId : undefined, autoComplete: 'off', size: htmlSize, value: inputValue, ...omit(['style', 'className'], rest), ...formFieldProps.inputProps, className: 'ds-combobox__input', onChange: (e) => {
|
|
72
72
|
onChange(e);
|
|
73
73
|
!open && setOpen(true);
|
|
74
74
|
rest.onChange?.(e);
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { PadlockLockedFillIcon } from '@navikt/aksel-icons';
|
|
4
4
|
import cl from 'clsx/lite';
|
|
5
|
-
import { Label } from '../../../
|
|
6
|
-
import { Paragraph } from '../../../
|
|
5
|
+
import { Label } from '../../../Label/Label.js';
|
|
6
|
+
import { Paragraph } from '../../../Paragraph/Paragraph.js';
|
|
7
7
|
|
|
8
8
|
const ComboboxLabel = ({ label, description, hideLabel, size, readOnly, formFieldProps, }) => {
|
|
9
9
|
return (jsxs(Fragment, { children: [label && (jsxs(Label, { size: size, htmlFor: formFieldProps.inputProps.id, className: cl('ds-combobox__label', hideLabel && `ds-sr-only`), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: 'ds-combobox__readonly__icon' })), label] })), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: formFieldProps.descriptionId, className: cl('ds-combobox__description', hideLabel && `ds-sr-only`), children: description }) }))] }));
|
|
@@ -4,9 +4,9 @@ import cl from 'clsx/lite';
|
|
|
4
4
|
import { forwardRef, useContext } from 'react';
|
|
5
5
|
import { useFormField } from '../useFormField.js';
|
|
6
6
|
import { FieldsetContext } from './FieldsetContext.js';
|
|
7
|
-
import { Label } from '../../
|
|
8
|
-
import { Paragraph } from '../../
|
|
9
|
-
import { ValidationMessage } from '../../
|
|
7
|
+
import { Label } from '../../Label/Label.js';
|
|
8
|
+
import { Paragraph } from '../../Paragraph/Paragraph.js';
|
|
9
|
+
import { ValidationMessage } from '../../ValidationMessage/ValidationMessage.js';
|
|
10
10
|
|
|
11
11
|
const Fieldset = forwardRef(function Fieldset(props, ref) {
|
|
12
12
|
const { children, legend, description, error, hideLegend, className, ...rest } = props;
|
|
@@ -3,9 +3,9 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
|
3
3
|
import cl from 'clsx/lite';
|
|
4
4
|
import { forwardRef } from 'react';
|
|
5
5
|
import { useRadio } from './useRadio.js';
|
|
6
|
-
import { Paragraph } from '../../
|
|
6
|
+
import { Paragraph } from '../../Paragraph/Paragraph.js';
|
|
7
7
|
import { omit } from '../../../utilities/omit/omit.js';
|
|
8
|
-
import { Label } from '../../
|
|
8
|
+
import { Label } from '../../Label/Label.js';
|
|
9
9
|
|
|
10
10
|
const Radio = forwardRef((props, ref) => {
|
|
11
11
|
const { children, description, className, style, ...rest } = props;
|
|
@@ -6,8 +6,8 @@ import cl from 'clsx/lite';
|
|
|
6
6
|
import { forwardRef, useRef, useState, useCallback } from 'react';
|
|
7
7
|
import { Button } from '../../Button/Button.js';
|
|
8
8
|
import { useSearch } from './useSearch.js';
|
|
9
|
-
import { Paragraph } from '../../
|
|
10
|
-
import { Label } from '../../
|
|
9
|
+
import { Paragraph } from '../../Paragraph/Paragraph.js';
|
|
10
|
+
import { Label } from '../../Label/Label.js';
|
|
11
11
|
import { omit } from '../../../utilities/omit/omit.js';
|
|
12
12
|
|
|
13
13
|
/** Search field
|
|
@@ -4,10 +4,10 @@ import { PadlockLockedFillIcon } from '@navikt/aksel-icons';
|
|
|
4
4
|
import cl from 'clsx/lite';
|
|
5
5
|
import { forwardRef } from 'react';
|
|
6
6
|
import { useSelect } from './useSelect.js';
|
|
7
|
-
import {
|
|
7
|
+
import { Paragraph } from '../../Paragraph/Paragraph.js';
|
|
8
|
+
import { Label } from '../../Label/Label.js';
|
|
8
9
|
import { omit } from '../../../utilities/omit/omit.js';
|
|
9
|
-
import { ValidationMessage } from '../../
|
|
10
|
-
import { Paragraph } from '../../Typography/Paragraph/Paragraph.js';
|
|
10
|
+
import { ValidationMessage } from '../../ValidationMessage/ValidationMessage.js';
|
|
11
11
|
|
|
12
12
|
const Select = forwardRef(function Select(props, ref) {
|
|
13
13
|
const { children, disabled = false, label, description, hideLabel = false, error, className, htmlSize = 0, ...rest } = props;
|
|
@@ -4,14 +4,14 @@ import { PadlockLockedFillIcon } from '@navikt/aksel-icons';
|
|
|
4
4
|
import cl from 'clsx/lite';
|
|
5
5
|
import { forwardRef } from 'react';
|
|
6
6
|
import { useSwitch } from './useSwitch.js';
|
|
7
|
-
import { Paragraph } from '../../
|
|
7
|
+
import { Paragraph } from '../../Paragraph/Paragraph.js';
|
|
8
8
|
import { omit } from '../../../utilities/omit/omit.js';
|
|
9
|
-
import { Label } from '../../
|
|
9
|
+
import { Label } from '../../Label/Label.js';
|
|
10
10
|
|
|
11
11
|
const Switch = forwardRef((props, ref) => {
|
|
12
12
|
const { children, description, position = 'left', className, ...rest } = props;
|
|
13
13
|
const { inputProps, descriptionId, size = 'md', readOnly, } = useSwitch(props);
|
|
14
|
-
return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { className: cl(`ds-switch`, `ds-switch--${size}`, inputProps.disabled && `ds-switch--disabled`, readOnly && `ds-switch--readonly`, className), children: [jsx("input", { className: `ds-switch__input`, disabled: inputProps.disabled, ref: ref, ...omit(['size', 'error'], rest), ...inputProps }), jsxs(Label, { className: cl(`ds-switch__label`, position === 'right' && `ds-switch__label--right`), htmlFor: inputProps.id, size: size, weight: 'regular', children: [jsx("span", { className: `ds-switch__track`, children: jsx("span", { className: `ds-switch__thumb` }) }), readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: `ds-switch__readonly__icon` })), children && jsx("span", { children: children })] }), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: `ds-switch__description`, children: description }) }))] }) }));
|
|
14
|
+
return (jsx(Paragraph, { asChild: true, size: size, ...(inputProps.disabled && { 'aria-disabled': true }), children: jsxs("div", { className: cl(`ds-switch`, `ds-switch--${size}`, inputProps.disabled && `ds-switch--disabled`, readOnly && `ds-switch--readonly`, className), children: [jsx("input", { className: `ds-switch__input`, disabled: inputProps.disabled, ref: ref, ...omit(['size', 'error'], rest), ...inputProps }), jsxs(Label, { className: cl(`ds-switch__label`, position === 'right' && `ds-switch__label--right`), htmlFor: inputProps.id, size: size, weight: 'regular', children: [jsx("span", { className: `ds-switch__track`, children: jsx("span", { className: `ds-switch__thumb` }) }), readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: `ds-switch__readonly__icon` })), children && jsx("span", { children: children })] }), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: `ds-switch__description`, children: description }) }))] }) }));
|
|
15
15
|
});
|
|
16
16
|
Switch.displayName = 'Switch';
|
|
17
17
|
|
|
@@ -5,10 +5,10 @@ import cl from 'clsx/lite';
|
|
|
5
5
|
import { forwardRef, useState } from 'react';
|
|
6
6
|
import { CharacterCounter } from '../CharacterCounter.js';
|
|
7
7
|
import { useTextarea } from './useTextarea.js';
|
|
8
|
-
import { Paragraph } from '../../
|
|
9
|
-
import { Label } from '../../
|
|
8
|
+
import { Paragraph } from '../../Paragraph/Paragraph.js';
|
|
9
|
+
import { Label } from '../../Label/Label.js';
|
|
10
10
|
import { omit } from '../../../utilities/omit/omit.js';
|
|
11
|
-
import { ValidationMessage } from '../../
|
|
11
|
+
import { ValidationMessage } from '../../ValidationMessage/ValidationMessage.js';
|
|
12
12
|
|
|
13
13
|
/** Textarea field
|
|
14
14
|
*
|
|
@@ -5,10 +5,10 @@ import cl from 'clsx/lite';
|
|
|
5
5
|
import { forwardRef, useState, useId } from 'react';
|
|
6
6
|
import { CharacterCounter } from '../CharacterCounter.js';
|
|
7
7
|
import { useTextfield } from './useTextfield.js';
|
|
8
|
-
import { Paragraph } from '../../
|
|
9
|
-
import { Label } from '../../
|
|
8
|
+
import { Paragraph } from '../../Paragraph/Paragraph.js';
|
|
9
|
+
import { Label } from '../../Label/Label.js';
|
|
10
10
|
import { omit } from '../../../utilities/omit/omit.js';
|
|
11
|
-
import { ValidationMessage } from '../../
|
|
11
|
+
import { ValidationMessage } from '../../ValidationMessage/ValidationMessage.js';
|
|
12
12
|
|
|
13
13
|
/** Text input field
|
|
14
14
|
*
|
|
@@ -6,11 +6,13 @@ import cl from 'clsx/lite';
|
|
|
6
6
|
import { forwardRef } from 'react';
|
|
7
7
|
import { useSynchronizedAnimation } from '../../../utilities/hooks/useSynchronizedAnimation/useSynchronizedAnimation.js';
|
|
8
8
|
|
|
9
|
-
const Skeleton = forwardRef(function Skeleton({ asChild, className, height, style, variant = 'rectangle', width, ...rest }, ref) {
|
|
9
|
+
const Skeleton = forwardRef(function Skeleton({ asChild, className, children, height, style, variant = 'rectangle', width, ...rest }, ref) {
|
|
10
10
|
const Component = asChild ? Slot : 'span';
|
|
11
|
+
const isText = variant === 'text';
|
|
12
|
+
const childrenText = isText && '-'.repeat(Number(width) || 1); // s followed by a ­ makes the most average character length
|
|
11
13
|
const animationRef = useSynchronizedAnimation('ds-skeleton-opacity-fade');
|
|
12
14
|
const mergedRefs = useMergeRefs([animationRef, ref]);
|
|
13
|
-
return (jsx(Component, { "aria-hidden": 'true', className: cl('ds-skeleton', className), "data-variant": variant, ref: mergedRefs, style: { width, height, ...style }, ...rest }));
|
|
15
|
+
return (jsx(Component, { "aria-hidden": 'true', className: cl('ds-skeleton', className), "data-variant": variant, ref: mergedRefs, style: isText ? style : { width, height, ...style }, ...rest, children: children || childrenText }));
|
|
14
16
|
});
|
|
15
17
|
|
|
16
18
|
export { Skeleton };
|
package/dist/esm/index.js
CHANGED
|
@@ -19,11 +19,10 @@ export { Link } from './components/Link/Link.js';
|
|
|
19
19
|
export { List } from './components/List/index.js';
|
|
20
20
|
export { ListOrdered, ListUnordered } from './components/List/Lists.js';
|
|
21
21
|
export { ListItem } from './components/List/ListItem.js';
|
|
22
|
-
export {
|
|
23
|
-
export { Heading } from './components/
|
|
24
|
-
export {
|
|
25
|
-
export {
|
|
26
|
-
export { ValidationMessage } from './components/Typography/ValidationMessage/ValidationMessage.js';
|
|
22
|
+
export { Label } from './components/Label/Label.js';
|
|
23
|
+
export { Heading } from './components/Heading/Heading.js';
|
|
24
|
+
export { Paragraph } from './components/Paragraph/Paragraph.js';
|
|
25
|
+
export { ValidationMessage } from './components/ValidationMessage/ValidationMessage.js';
|
|
27
26
|
export { Accordion } from './components/Accordion/index.js';
|
|
28
27
|
export { AccordionItem } from './components/Accordion/AccordionItem.js';
|
|
29
28
|
export { AccordionContent } from './components/Accordion/AccordionContent.js';
|
|
@@ -34,17 +33,12 @@ export { SelectOptgroup } from './components/form/Select/SelectOptgroup.js';
|
|
|
34
33
|
export { Alert } from './components/Alert/Alert.js';
|
|
35
34
|
export { Tag } from './components/Tag/Tag.js';
|
|
36
35
|
export { Chip } from './components/Chip/index.js';
|
|
37
|
-
export {
|
|
38
|
-
export { RemovableChip as ChipRemovable } from './components/Chip/Removable/Removable.js';
|
|
39
|
-
export { ToggleChip as ChipToggle } from './components/Chip/Toggle/Toggle.js';
|
|
36
|
+
export { ChipButton, ChipCheckbox, ChipRadio, ChipRemovable } from './components/Chip/Chips.js';
|
|
40
37
|
export { usePagination } from './components/Pagination/usePagination.js';
|
|
41
38
|
export { Pagination } from './components/Pagination/index.js';
|
|
42
|
-
export { PaginationRoot } from './components/Pagination/PaginationRoot.js';
|
|
43
39
|
export { PaginationList } from './components/Pagination/PaginationList.js';
|
|
44
40
|
export { PaginationItem } from './components/Pagination/PaginationItem.js';
|
|
45
41
|
export { PaginationButton } from './components/Pagination/PaginationButton.js';
|
|
46
|
-
export { PaginationEllipsis } from './components/Pagination/PaginationEllipsis.js';
|
|
47
|
-
export { PaginationNext, PaginationPrevious } from './components/Pagination/PaginationNextPrev.js';
|
|
48
42
|
export { SkipLink } from './components/SkipLink/SkipLink.js';
|
|
49
43
|
export { Tooltip } from './components/Tooltip/Tooltip.js';
|
|
50
44
|
export { Checkbox } from './components/form/Checkbox/index.js';
|
|
@@ -66,12 +60,9 @@ export { PopoverContext } from './components/Popover/PopoverContext.js';
|
|
|
66
60
|
export { PopoverTrigger } from './components/Popover/PopoverTrigger.js';
|
|
67
61
|
export { Divider } from './components/Divider/Divider.js';
|
|
68
62
|
export { Modal } from './components/Modal/index.js';
|
|
69
|
-
export {
|
|
70
|
-
export {
|
|
71
|
-
export { ModalFooter } from './components/Modal/ModalFooter.js';
|
|
72
|
-
export { ModalHeader } from './components/Modal/ModalHeader.js';
|
|
63
|
+
export { ModalBlock } from './components/Modal/ModalBlock.js';
|
|
64
|
+
export { ModalContext } from './components/Modal/ModalContext.js';
|
|
73
65
|
export { ModalTrigger } from './components/Modal/ModalTrigger.js';
|
|
74
|
-
export { ModalDialog } from './components/Modal/ModalDialog.js';
|
|
75
66
|
export { Dropdown } from './components/Dropdown/index.js';
|
|
76
67
|
export { DropdownContext } from './components/Dropdown/DropdownContext.js';
|
|
77
68
|
export { DropdownList } from './components/Dropdown/DropdownList.js';
|
|
@@ -80,10 +71,7 @@ export { DropdownItem } from './components/Dropdown/DropdownItem.js';
|
|
|
80
71
|
export { DropdownTrigger } from './components/Dropdown/DropdownTrigger.js';
|
|
81
72
|
export { Search } from './components/form/Search/Search.js';
|
|
82
73
|
export { Card } from './components/Card/index.js';
|
|
83
|
-
export {
|
|
84
|
-
export { CardContent } from './components/Card/CardContent.js';
|
|
85
|
-
export { CardFooter } from './components/Card/CardFooter.js';
|
|
86
|
-
export { CardMedia } from './components/Card/CardMedia.js';
|
|
74
|
+
export { CardBlock } from './components/Card/CardBlock.js';
|
|
87
75
|
export { Combobox } from './components/form/Combobox/index.js';
|
|
88
76
|
export { ComboboxOption } from './components/form/Combobox/Option/Option.js';
|
|
89
77
|
export { ComboboxEmpty } from './components/form/Combobox/Empty.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AccordionContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnE;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,8FAK3B,CAAC"}
|
|
@@ -4,9 +4,9 @@ export type AccordionHeadingProps = {
|
|
|
4
4
|
children: ReactNode;
|
|
5
5
|
} & HTMLAttributes<HTMLElement>;
|
|
6
6
|
/**
|
|
7
|
-
* Accordion
|
|
7
|
+
* Accordion heading component, contains a button to toggle the content.
|
|
8
8
|
* @example
|
|
9
|
-
* <
|
|
9
|
+
* <AccordionHeading>Heading</AccordionHeading>
|
|
10
10
|
*/
|
|
11
11
|
export declare const AccordionHeading: React.ForwardRefExoticComponent<{
|
|
12
12
|
/** Heading text */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionHeading.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionHeading.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AccordionHeading.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,qBAAqB,GAAG;IAClC,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAEhC;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;IAT3B,mBAAmB;cACT,SAAS;mEAapB,CAAC"}
|
|
@@ -14,22 +14,22 @@ export type AccordionItemProps = {
|
|
|
14
14
|
* @default false
|
|
15
15
|
*/
|
|
16
16
|
defaultOpen?: boolean;
|
|
17
|
-
/** Callback function when AccordionItem
|
|
18
|
-
|
|
19
|
-
/** Content should be one `<Accordion.
|
|
17
|
+
/** Callback function when AccordionItem toggles due to click on summary or find in page-search */
|
|
18
|
+
onToggle?: (event: Event) => void;
|
|
19
|
+
/** Content should be one `<Accordion.Heading>` and `<Accordion.Content>` */
|
|
20
20
|
children?: ReactNode;
|
|
21
|
-
} & HTMLAttributes<HTMLDetailsElement> & ({
|
|
21
|
+
} & Omit<HTMLAttributes<HTMLDetailsElement>, 'onToggle'> & ({
|
|
22
22
|
open: boolean;
|
|
23
|
-
|
|
23
|
+
onToggle: (event: Event) => void;
|
|
24
24
|
} | {
|
|
25
25
|
open?: never;
|
|
26
|
-
|
|
26
|
+
onToggle?: (event: Event) => void;
|
|
27
27
|
});
|
|
28
28
|
/**
|
|
29
|
-
* Accordion item component, contains `Accordion.
|
|
29
|
+
* Accordion item component, contains `Accordion.Heading` and `Accordion.Content` components.
|
|
30
30
|
* @example
|
|
31
31
|
* <AccordionItem>
|
|
32
|
-
* <
|
|
32
|
+
* <AccordionHeading>Header</AccordionHeading>
|
|
33
33
|
* <AccordionContent>Content</AccordionContent>
|
|
34
34
|
* </AccordionItem>
|
|
35
35
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,uBAAuB,CAAC;AAE/B,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,
|
|
1
|
+
{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,uBAAuB,CAAC;AAE/B,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kGAAkG;IAClG,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAAE,UAAU,CAAC,GACtD,CACI;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,GACnD;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,CACtD,CAAC;AAEJ;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,+FAmCzB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAClD;;;;;OAKG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;;;GAIG;AACH,eAAO,MAAM,KAAK;IAnBhB;;;OAGG;YACK,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ;IACjD;;;;;OAKG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;yEAqBzB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC9D;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,YAAY,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC9D;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,YAAY,CAAC,CAAC;AAExD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM;IA9CjB;;OAEG;kBACW,MAAM;IACpB;;;;OAIG;YACK,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ;IAC7D;;;;OAIG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;IAChC;;;;OAIG;cACO,QAAQ,GAAG,QAAQ;IAC7B;;;;OAIG;eACQ,SAAS;+FAiDpB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAExE,MAAM,MAAM,UAAU,GAAG;IACvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IACzE;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAC;IACtE;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAEpC;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,KAAK;IArDhB;;;;OAIG;YACK,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS;IACxE;;;;OAIG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;IACzB;;OAEG;YACK,MAAM;IACd;;OAEG;eACQ,MAAM;IACjB;;;;OAIG;gBACS,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa;IACrE;;;;OAIG;cACO,QAAQ,GAAG,WAAW;IAChC;;OAEG;eACQ,SAAS;2EA6CpB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAExD,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAEhC,eAAO,MAAM,WAAW;IAZtB;;;OAGG;mBACY,MAAM;IACrB;;;OAGG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;mEAgB1B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAGlD,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxC;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;CACxD,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,CAAC;AAE1D;;;;GAIG;AACH,eAAO,MAAM,MAAM;IAvCjB;;;OAGG;cACO,SAAS,GAAG,WAAW,GAAG,UAAU;IAC9C;;OAEG;YACK,QAAQ,GAAG,SAAS,GAAG,QAAQ;IACvC;;;OAGG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;IACzB;;OAEG;WACI,OAAO;IACd;;OAEG;cACO,OAAO;IACjB;;;OAGG;cACO,OAAO;IACjB;;;OAGG;WACI,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC;mGAkDvD,CAAC"}
|
|
@@ -10,21 +10,16 @@ export type CardProps = {
|
|
|
10
10
|
* @default false
|
|
11
11
|
*/
|
|
12
12
|
asChild?: boolean;
|
|
13
|
-
/**
|
|
14
|
-
* Changes styling if card is used as a link
|
|
15
|
-
* @default false
|
|
16
|
-
*/
|
|
17
|
-
isLink?: boolean;
|
|
18
|
-
/** Instances of `Card.Header`, `Card.Content`, `Card.Footer` or other React nodes like `Divider` */
|
|
13
|
+
/** Instances of `Card.Block`, `Divider` or other React nodes */
|
|
19
14
|
children: ReactNode;
|
|
20
15
|
} & HTMLAttributes<HTMLDivElement>;
|
|
21
16
|
/**
|
|
22
17
|
* Card component to present content in a structured way.
|
|
23
18
|
* @example
|
|
24
19
|
* <Card>
|
|
25
|
-
* <Card.
|
|
26
|
-
* <Card.
|
|
27
|
-
* <Card.
|
|
20
|
+
* <Card.Block>Header</Card.Block>
|
|
21
|
+
* <Card.Block>Content</Card.Block>
|
|
22
|
+
* <Card.Block>Footer</Card.Block>
|
|
28
23
|
* </Card>
|
|
29
24
|
*/
|
|
30
25
|
export declare const Card: React.ForwardRefExoticComponent<{
|
|
@@ -38,12 +33,7 @@ export declare const Card: React.ForwardRefExoticComponent<{
|
|
|
38
33
|
* @default false
|
|
39
34
|
*/
|
|
40
35
|
asChild?: boolean;
|
|
41
|
-
/**
|
|
42
|
-
* Changes styling if card is used as a link
|
|
43
|
-
* @default false
|
|
44
|
-
*/
|
|
45
|
-
isLink?: boolean;
|
|
46
|
-
/** Instances of `Card.Header`, `Card.Content`, `Card.Footer` or other React nodes like `Divider` */
|
|
36
|
+
/** Instances of `Card.Block`, `Divider` or other React nodes */
|
|
47
37
|
children: ReactNode;
|
|
48
38
|
} & HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
49
39
|
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC9D;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gEAAgE;IAChE,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;;;;;;;GAQG;AACH,eAAO,MAAM,IAAI;IAvBf;;;OAGG;YACK,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ;IAC7D;;;OAGG;cACO,OAAO;IACjB,gEAAgE;cACtD,SAAS;yEA8CnB,CAAC"}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import type { HTMLAttributes } from 'react';
|
|
2
|
-
export type
|
|
2
|
+
export type CardBlockProps = {
|
|
3
3
|
/**
|
|
4
4
|
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
5
5
|
* @default false
|
|
6
6
|
*/
|
|
7
7
|
asChild?: boolean;
|
|
8
8
|
} & HTMLAttributes<HTMLDivElement>;
|
|
9
|
-
export declare const
|
|
9
|
+
export declare const CardBlock: React.ForwardRefExoticComponent<{
|
|
10
10
|
/**
|
|
11
11
|
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
12
12
|
* @default false
|
|
13
13
|
*/
|
|
14
14
|
asChild?: boolean;
|
|
15
15
|
} & HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
16
|
-
//# sourceMappingURL=
|
|
16
|
+
//# sourceMappingURL=CardBlock.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"
|
|
1
|
+
{"version":3,"file":"CardBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardBlock.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,cAAc,GAAG;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,SAAS;IAPpB;;;OAGG;cACO,OAAO;yEAelB,CAAC"}
|
|
@@ -1,18 +1,14 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
Header: typeof CardHeader;
|
|
11
|
-
Content: typeof CardContent;
|
|
12
|
-
Footer: typeof CardFooter;
|
|
13
|
-
Media: typeof CardMedia;
|
|
1
|
+
import { CardBlock } from './CardBlock';
|
|
2
|
+
declare const Card: React.ForwardRefExoticComponent<{
|
|
3
|
+
color?: "neutral" | "subtle" | "brand1" | "brand2" | "brand3";
|
|
4
|
+
asChild?: boolean;
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>> & {
|
|
7
|
+
Block: React.ForwardRefExoticComponent<{
|
|
8
|
+
asChild?: boolean;
|
|
9
|
+
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
14
10
|
};
|
|
15
|
-
|
|
16
|
-
export type {
|
|
17
|
-
export { Card,
|
|
11
|
+
export type { CardProps } from './Card';
|
|
12
|
+
export type { CardBlockProps } from './CardBlock';
|
|
13
|
+
export { Card, CardBlock };
|
|
18
14
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAA,MAAM,IAAI;;;;;;;;CAER,CAAC;AAIH,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import type { ButtonHTMLAttributes, InputHTMLAttributes } from 'react';
|
|
2
|
+
type ChipBaseProps = {
|
|
3
|
+
/**
|
|
4
|
+
* Size
|
|
5
|
+
* @default md
|
|
6
|
+
*/
|
|
7
|
+
size?: 'sm' | 'md' | 'lg';
|
|
8
|
+
/**
|
|
9
|
+
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
10
|
+
* @default false
|
|
11
|
+
*/
|
|
12
|
+
asChild?: boolean;
|
|
13
|
+
};
|
|
14
|
+
export type ChipRemovableProps = ChipButtonProps;
|
|
15
|
+
export type ChipRadioProps = ChipCheckboxProps;
|
|
16
|
+
export type ChipButtonProps = ChipBaseProps & ButtonHTMLAttributes<HTMLButtonElement>;
|
|
17
|
+
export type ChipCheckboxProps = ChipBaseProps & Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'>;
|
|
18
|
+
/**
|
|
19
|
+
* Chip.Button used for interaction
|
|
20
|
+
* @example
|
|
21
|
+
* <Chip.Button>Click me</Chip.Button>
|
|
22
|
+
*/
|
|
23
|
+
export declare const ChipButton: React.ForwardRefExoticComponent<ChipBaseProps & ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
|
|
24
|
+
/**
|
|
25
|
+
* Chip.Removable used for interaction
|
|
26
|
+
* @example
|
|
27
|
+
* <Chip.Removable>Click to remove me</Chip.Removable>
|
|
28
|
+
*/
|
|
29
|
+
export declare const ChipRemovable: React.ForwardRefExoticComponent<ChipBaseProps & ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
|
|
30
|
+
/**
|
|
31
|
+
* Chip.Checkbox used for multiselection
|
|
32
|
+
* @example
|
|
33
|
+
* <Chip.Checkbox name="language" value="nynorsk">Nynorsk</Chip.Checkbox>
|
|
34
|
+
* <Chip.Checkbox name="language" value="bokmål">Bokmål</Chip.Checkbox>
|
|
35
|
+
*/
|
|
36
|
+
export declare const ChipCheckbox: React.ForwardRefExoticComponent<ChipBaseProps & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & React.RefAttributes<HTMLLabelElement>>;
|
|
37
|
+
/**
|
|
38
|
+
* Chip.Radio used for single selection
|
|
39
|
+
* @example
|
|
40
|
+
* <Chip.Radio name="language" value="nynorsk">Nynorsk</Chip.Radio>
|
|
41
|
+
* <Chip.Radio name="language" value="bokmål">Bokmål</Chip.Radio>
|
|
42
|
+
*/
|
|
43
|
+
export declare const ChipRadio: React.ForwardRefExoticComponent<ChipBaseProps & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & React.RefAttributes<HTMLLabelElement>>;
|
|
44
|
+
export {};
|
|
45
|
+
//# sourceMappingURL=Chips.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Chips.d.ts","sourceRoot":"","sources":["../../../../src/components/Chip/Chips.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEvE,KAAK,aAAa,GAAG;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,eAAe,CAAC;AACjD,MAAM,MAAM,cAAc,GAAG,iBAAiB,CAAC;AAC/C,MAAM,MAAM,eAAe,GAAG,aAAa,GACzC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAC1C,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAC3C,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAE/D;;;;GAIG;AACH,eAAO,MAAM,UAAU,mIActB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,aAAa,mIAIzB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,YAAY,uJAgBxB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,SAAS,uJAIrB,CAAC"}
|