@digdir/designsystemet-react 1.0.0-next.33 → 1.0.0-next.34
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 +4 -4
- package/dist/cjs/components/Accordion/AccordionContent.js +2 -2
- package/dist/cjs/components/Accordion/AccordionHeading.js +4 -4
- package/dist/cjs/components/Accordion/AccordionItem.js +13 -13
- package/dist/cjs/components/Alert/Alert.js +4 -4
- package/dist/cjs/components/Avatar/Avatar.js +6 -6
- package/dist/cjs/components/Badge/Badge.js +4 -10
- package/dist/cjs/components/Breadcrumbs/Breadcrumbs.js +11 -0
- package/dist/cjs/components/Breadcrumbs/BreadcrumbsItem.js +4 -4
- package/dist/cjs/components/Breadcrumbs/BreadcrumbsLink.js +4 -4
- package/dist/cjs/components/Breadcrumbs/BreadcrumbsList.js +8 -10
- package/dist/cjs/components/Breadcrumbs/index.js +11 -20
- package/dist/cjs/components/Button/Button.js +7 -7
- package/dist/cjs/components/Card/Card.js +6 -6
- package/dist/cjs/components/Card/CardContent.js +6 -6
- package/dist/cjs/components/Card/CardFooter.js +6 -6
- package/dist/cjs/components/Card/CardHeader.js +6 -6
- package/dist/cjs/components/Card/CardMedia.js +6 -6
- package/dist/cjs/components/Chip/Group/Group.js +5 -5
- package/dist/cjs/components/Chip/Removable/Removable.js +5 -5
- package/dist/cjs/components/Chip/Toggle/Toggle.js +5 -5
- package/dist/cjs/components/Divider/Divider.js +4 -4
- package/dist/cjs/components/Dropdown/Dropdown.js +23 -0
- package/dist/cjs/components/Dropdown/DropdownContext.js +26 -0
- package/dist/cjs/components/Dropdown/DropdownHeading.js +15 -0
- package/dist/cjs/components/Dropdown/DropdownItem.js +14 -0
- package/dist/cjs/components/Dropdown/DropdownList.js +12 -0
- package/dist/cjs/components/Dropdown/DropdownTrigger.js +13 -0
- package/dist/cjs/components/Dropdown/index.js +41 -0
- package/dist/cjs/components/ErrorSummary/ErrorSummary.js +20 -0
- package/dist/cjs/components/ErrorSummary/ErrorSummaryHeading.js +6 -7
- package/dist/cjs/components/ErrorSummary/ErrorSummaryItem.js +2 -2
- package/dist/cjs/components/ErrorSummary/ErrorSummaryList.js +4 -4
- package/dist/cjs/components/ErrorSummary/index.js +8 -10
- package/dist/cjs/components/HelpText/HelpText.js +4 -10
- package/dist/cjs/components/Link/Link.js +6 -6
- package/dist/cjs/components/List/ListItem.js +4 -4
- package/dist/cjs/components/List/Lists.js +7 -7
- package/dist/cjs/components/Modal/ModaContent.js +6 -6
- package/dist/cjs/components/Modal/ModalDialog.js +14 -14
- package/dist/cjs/components/Modal/ModalFooter.js +6 -6
- package/dist/cjs/components/Modal/ModalHeader.js +8 -9
- package/dist/cjs/components/Modal/ModalRoot.js +6 -6
- package/dist/cjs/components/Modal/ModalTrigger.js +6 -6
- package/dist/cjs/components/Modal/useModalState.js +3 -3
- package/dist/cjs/components/Modal/useScrollLock.js +2 -2
- package/dist/cjs/components/Pagination/Pagination.js +2 -2
- package/dist/cjs/components/Pagination/PaginationButton.js +4 -4
- package/dist/cjs/components/Pagination/PaginationEllipsis.js +5 -5
- package/dist/cjs/components/Pagination/PaginationItem.js +7 -7
- package/dist/cjs/components/Pagination/PaginationList.js +7 -7
- package/dist/cjs/components/Pagination/PaginationNextPrev.js +3 -3
- package/dist/cjs/components/Pagination/PaginationRoot.js +5 -5
- package/dist/cjs/components/Pagination/usePagination.js +3 -3
- package/dist/cjs/components/Popover/Popover.js +20 -18
- package/dist/cjs/components/Popover/PopoverContext.js +4 -4
- package/dist/cjs/components/Popover/PopoverTrigger.js +6 -6
- package/dist/cjs/components/SkipLink/SkipLink.js +2 -2
- package/dist/cjs/components/Table/Table.js +4 -4
- package/dist/cjs/components/Table/TableBody.js +2 -2
- package/dist/cjs/components/Table/TableCell.js +2 -2
- package/dist/cjs/components/Table/TableHead.js +2 -2
- package/dist/cjs/components/Table/TableHeaderCell.js +2 -2
- package/dist/cjs/components/Table/TableRow.js +2 -2
- package/dist/cjs/components/Tabs/Tabs.js +45 -0
- package/dist/cjs/components/Tabs/TabsList.js +25 -0
- package/dist/cjs/components/Tabs/TabsPanel.js +23 -0
- package/dist/cjs/components/Tabs/TabsTab.js +22 -0
- package/dist/cjs/components/Tabs/index.js +18 -20
- package/dist/cjs/components/Tag/Tag.js +4 -4
- package/dist/cjs/components/ToggleGroup/ToggleGroup.js +41 -0
- package/dist/cjs/components/ToggleGroup/{ToggleGroupItem/ToggleGroupItem.js → ToggleGroupItem.js} +5 -6
- package/dist/cjs/components/ToggleGroup/index.js +5 -8
- package/dist/cjs/components/ToggleGroup/{ToggleGroupItem/useToggleGroupitem.js → useToggleGroupitem.js} +5 -5
- package/dist/cjs/components/Tooltip/Tooltip.js +26 -28
- package/dist/cjs/components/Typography/Heading/Heading.js +6 -6
- package/dist/cjs/components/Typography/Ingress/Ingress.js +6 -6
- package/dist/cjs/components/Typography/Label/Label.js +6 -6
- package/dist/cjs/components/Typography/Paragraph/Paragraph.js +6 -6
- package/dist/cjs/components/Typography/ValidationMessage/ValidationMessage.js +15 -0
- package/dist/cjs/components/form/CharacterCounter.js +2 -2
- package/dist/cjs/components/form/Checkbox/Checkbox.js +6 -6
- package/dist/cjs/components/form/Checkbox/CheckboxGroup.js +6 -6
- package/dist/cjs/components/form/Checkbox/useCheckbox.js +2 -2
- package/dist/cjs/components/form/Combobox/Combobox.js +17 -17
- package/dist/cjs/components/form/Combobox/ComboboxContext.js +2 -2
- package/dist/cjs/components/form/Combobox/ComboboxIdContext.js +6 -6
- package/dist/cjs/components/form/Combobox/Custom.js +12 -12
- package/dist/cjs/components/form/Combobox/Empty.js +5 -5
- package/dist/cjs/components/form/Combobox/Option/Description.js +4 -4
- package/dist/cjs/components/form/Combobox/Option/Option.js +11 -7
- package/dist/cjs/components/form/Combobox/Option/SelectedIcon.js +2 -2
- package/dist/cjs/components/form/Combobox/Option/useComboboxOption.js +8 -8
- package/dist/cjs/components/form/Combobox/internal/ComboboxChips.js +2 -2
- package/dist/cjs/components/form/Combobox/internal/ComboboxClearButton.js +5 -5
- package/dist/cjs/components/form/Combobox/internal/ComboboxError.js +2 -2
- package/dist/cjs/components/form/Combobox/internal/ComboboxInput.js +7 -7
- package/dist/cjs/components/form/Combobox/internal/ComboboxLabel.js +2 -2
- package/dist/cjs/components/form/Combobox/useCombobox.js +11 -10
- package/dist/cjs/components/form/Combobox/useFloatingCombobox.js +14 -16
- package/dist/cjs/components/form/Combobox/utilities.js +2 -7
- package/dist/cjs/components/form/Fieldset/Fieldset.js +10 -12
- package/dist/cjs/components/form/Fieldset/FieldsetContext.js +2 -2
- package/dist/cjs/components/form/Radio/Radio.js +4 -4
- package/dist/cjs/components/form/Radio/RadioGroup.js +6 -6
- package/dist/cjs/components/form/Radio/useRadio.js +2 -2
- package/dist/cjs/components/form/Search/Search.js +11 -11
- package/dist/cjs/components/form/Search/useSearch.js +2 -2
- package/dist/cjs/components/form/Select/Select.js +5 -5
- package/dist/cjs/components/form/Select/SelectOptgroup.js +4 -4
- package/dist/cjs/components/form/Select/SelectOption.js +4 -4
- package/dist/cjs/components/form/Select/useSelect.js +2 -2
- package/dist/cjs/components/form/Switch/Switch.js +4 -4
- package/dist/cjs/components/form/Switch/useSwitch.js +2 -2
- package/dist/cjs/components/form/Textarea/Textarea.js +8 -8
- package/dist/cjs/components/form/Textarea/useTextarea.js +2 -2
- package/dist/cjs/components/form/Textfield/Textfield.js +9 -9
- package/dist/cjs/components/form/Textfield/useTextfield.js +2 -2
- package/dist/cjs/components/form/useFormField.js +5 -5
- package/dist/cjs/components/loaders/Skeleton/Skeleton.js +18 -0
- package/dist/cjs/components/loaders/Spinner/Spinner.js +2 -2
- package/dist/cjs/index.js +53 -69
- package/dist/cjs/utilities/RovingFocus/RovingFocusItem.js +6 -6
- package/dist/cjs/utilities/RovingFocus/RovingFocusRoot.js +12 -12
- package/dist/cjs/utilities/RovingFocus/useRovingFocus.js +2 -2
- package/dist/cjs/utilities/hooks/useDebounceCallback/useDebounceCallback.js +3 -3
- package/dist/cjs/utilities/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js +2 -2
- package/dist/cjs/utilities/hooks/useSynchronizedAnimation/useSynchronizedAnimation.js +2 -2
- package/dist/esm/components/Accordion/Accordion.js +2 -2
- package/dist/esm/components/Accordion/AccordionHeading.js +2 -2
- package/dist/esm/components/Accordion/AccordionItem.js +4 -4
- package/dist/esm/components/Alert/Alert.js +2 -2
- package/dist/esm/components/Avatar/Avatar.js +3 -3
- package/dist/esm/components/Badge/Badge.js +4 -10
- package/dist/esm/components/Breadcrumbs/Breadcrumbs.js +9 -0
- package/dist/esm/components/Breadcrumbs/BreadcrumbsItem.js +3 -3
- package/dist/esm/components/Breadcrumbs/BreadcrumbsLink.js +3 -3
- package/dist/esm/components/Breadcrumbs/BreadcrumbsList.js +4 -6
- package/dist/esm/components/Breadcrumbs/index.js +12 -19
- package/dist/esm/components/Button/Button.js +4 -4
- package/dist/esm/components/Card/Card.js +3 -3
- package/dist/esm/components/Card/CardContent.js +3 -3
- package/dist/esm/components/Card/CardFooter.js +3 -3
- package/dist/esm/components/Card/CardHeader.js +3 -3
- package/dist/esm/components/Card/CardMedia.js +3 -3
- package/dist/esm/components/Chip/Group/Group.js +2 -2
- package/dist/esm/components/Chip/Removable/Removable.js +2 -2
- package/dist/esm/components/Chip/Toggle/Toggle.js +2 -2
- package/dist/esm/components/Divider/Divider.js +2 -2
- package/dist/esm/components/Dropdown/Dropdown.js +20 -0
- package/dist/esm/components/Dropdown/DropdownContext.js +24 -0
- package/dist/esm/components/Dropdown/DropdownHeading.js +13 -0
- package/dist/esm/components/Dropdown/DropdownItem.js +12 -0
- package/dist/esm/components/Dropdown/DropdownList.js +10 -0
- package/dist/esm/components/Dropdown/DropdownTrigger.js +11 -0
- package/dist/esm/components/Dropdown/index.js +34 -0
- package/dist/esm/components/ErrorSummary/ErrorSummary.js +17 -0
- package/dist/esm/components/ErrorSummary/ErrorSummaryHeading.js +2 -3
- package/dist/esm/components/ErrorSummary/ErrorSummaryList.js +1 -1
- package/dist/esm/components/ErrorSummary/index.js +9 -10
- package/dist/esm/components/HelpText/HelpText.js +5 -11
- package/dist/esm/components/Link/Link.js +3 -3
- package/dist/esm/components/List/ListItem.js +1 -1
- package/dist/esm/components/List/Lists.js +3 -3
- package/dist/esm/components/Modal/ModaContent.js +3 -3
- package/dist/esm/components/Modal/ModalDialog.js +4 -4
- package/dist/esm/components/Modal/ModalFooter.js +3 -3
- package/dist/esm/components/Modal/ModalHeader.js +4 -5
- package/dist/esm/components/Modal/ModalTrigger.js +2 -2
- package/dist/esm/components/Pagination/PaginationButton.js +1 -1
- package/dist/esm/components/Pagination/PaginationEllipsis.js +2 -2
- package/dist/esm/components/Pagination/PaginationItem.js +3 -3
- package/dist/esm/components/Pagination/PaginationList.js +3 -3
- package/dist/esm/components/Pagination/PaginationRoot.js +1 -1
- package/dist/esm/components/Popover/Popover.js +7 -5
- package/dist/esm/components/Popover/PopoverTrigger.js +2 -2
- package/dist/esm/components/SkipLink/SkipLink.js +2 -2
- package/dist/esm/components/Table/Table.js +2 -2
- package/dist/esm/components/Tabs/{TabsRoot.js → Tabs.js} +11 -12
- package/dist/esm/components/Tabs/{TabList.js → TabsList.js} +6 -7
- package/dist/esm/components/Tabs/TabsPanel.js +21 -0
- package/dist/esm/components/Tabs/TabsTab.js +20 -0
- package/dist/esm/components/Tabs/index.js +16 -17
- package/dist/esm/components/Tag/Tag.js +2 -2
- package/dist/esm/components/ToggleGroup/ToggleGroup.js +38 -0
- package/dist/esm/components/ToggleGroup/ToggleGroupItem.js +18 -0
- package/dist/esm/components/ToggleGroup/index.js +6 -8
- package/dist/esm/components/ToggleGroup/{ToggleGroupItem/useToggleGroupitem.js → useToggleGroupitem.js} +1 -1
- package/dist/esm/components/Tooltip/Tooltip.js +3 -5
- package/dist/esm/components/Typography/Heading/Heading.js +3 -3
- package/dist/esm/components/Typography/Ingress/Ingress.js +3 -3
- package/dist/esm/components/Typography/Label/Label.js +3 -3
- package/dist/esm/components/Typography/Paragraph/Paragraph.js +3 -3
- package/dist/esm/components/Typography/ValidationMessage/ValidationMessage.js +13 -0
- package/dist/esm/components/form/CharacterCounter.js +2 -2
- package/dist/esm/components/form/Checkbox/Checkbox.js +3 -3
- package/dist/esm/components/form/Checkbox/CheckboxGroup.js +2 -2
- package/dist/esm/components/form/Combobox/Combobox.js +5 -5
- package/dist/esm/components/form/Combobox/Custom.js +4 -4
- package/dist/esm/components/form/Combobox/Empty.js +2 -2
- package/dist/esm/components/form/Combobox/Option/Description.js +2 -2
- package/dist/esm/components/form/Combobox/Option/Option.js +8 -5
- package/dist/esm/components/form/Combobox/Option/SelectedIcon.js +2 -2
- package/dist/esm/components/form/Combobox/Option/useComboboxOption.js +2 -2
- package/dist/esm/components/form/Combobox/internal/ComboboxClearButton.js +2 -2
- package/dist/esm/components/form/Combobox/internal/ComboboxError.js +2 -2
- package/dist/esm/components/form/Combobox/internal/ComboboxInput.js +3 -3
- package/dist/esm/components/form/Combobox/internal/ComboboxLabel.js +2 -2
- package/dist/esm/components/form/Combobox/useCombobox.js +2 -1
- package/dist/esm/components/form/Combobox/useFloatingCombobox.js +1 -3
- package/dist/esm/components/form/Combobox/utilities.js +1 -5
- package/dist/esm/components/form/Fieldset/Fieldset.js +8 -10
- package/dist/esm/components/form/Radio/Radio.js +2 -2
- package/dist/esm/components/form/Radio/RadioGroup.js +2 -2
- package/dist/esm/components/form/Search/Search.js +5 -5
- package/dist/esm/components/form/Select/Select.js +3 -3
- package/dist/esm/components/form/Select/SelectOptgroup.js +1 -1
- package/dist/esm/components/form/Select/SelectOption.js +1 -1
- package/dist/esm/components/form/Switch/Switch.js +2 -2
- package/dist/esm/components/form/Textarea/Textarea.js +5 -5
- package/dist/esm/components/form/Textfield/Textfield.js +5 -5
- package/dist/esm/components/form/useFormField.js +2 -2
- package/dist/esm/components/loaders/Skeleton/Skeleton.js +16 -0
- package/dist/esm/components/loaders/Spinner/Spinner.js +2 -2
- package/dist/esm/index.js +12 -20
- package/dist/esm/utilities/RovingFocus/RovingFocusItem.js +2 -2
- package/dist/esm/utilities/RovingFocus/RovingFocusRoot.js +2 -2
- package/dist/types/components/Badge/Badge.d.ts.map +1 -1
- package/dist/types/components/Breadcrumbs/{BreadcrumbsNav.d.ts → Breadcrumbs.d.ts} +13 -3
- package/dist/types/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -0
- package/dist/types/components/Breadcrumbs/BreadcrumbsItem.d.ts.map +1 -1
- package/dist/types/components/Breadcrumbs/BreadcrumbsLink.d.ts.map +1 -1
- package/dist/types/components/Breadcrumbs/BreadcrumbsList.d.ts.map +1 -1
- package/dist/types/components/Breadcrumbs/index.d.ts +17 -25
- package/dist/types/components/Breadcrumbs/index.d.ts.map +1 -1
- package/dist/types/components/Button/Button.d.ts +12 -2
- package/dist/types/components/Button/Button.d.ts.map +1 -1
- package/dist/types/components/Dropdown/Dropdown.d.ts +23 -0
- package/dist/types/components/Dropdown/Dropdown.d.ts.map +1 -0
- package/dist/types/components/Dropdown/DropdownContext.d.ts +22 -0
- package/dist/types/components/Dropdown/DropdownContext.d.ts.map +1 -0
- package/dist/types/components/Dropdown/DropdownHeading.d.ts +4 -0
- package/dist/types/components/Dropdown/DropdownHeading.d.ts.map +1 -0
- package/dist/types/components/Dropdown/DropdownItem.d.ts +4 -0
- package/dist/types/components/Dropdown/DropdownItem.d.ts.map +1 -0
- package/dist/types/components/Dropdown/DropdownList.d.ts +4 -0
- package/dist/types/components/Dropdown/DropdownList.d.ts.map +1 -0
- package/dist/types/components/Dropdown/DropdownTrigger.d.ts +17 -0
- package/dist/types/components/Dropdown/DropdownTrigger.d.ts.map +1 -0
- package/dist/types/components/Dropdown/index.d.ts +49 -0
- package/dist/types/components/Dropdown/index.d.ts.map +1 -0
- package/dist/types/components/ErrorSummary/{ErrorSummaryRoot.d.ts → ErrorSummary.d.ts} +2 -2
- package/dist/types/components/ErrorSummary/ErrorSummary.d.ts.map +1 -0
- package/dist/types/components/ErrorSummary/ErrorSummaryHeading.d.ts.map +1 -1
- package/dist/types/components/ErrorSummary/index.d.ts +19 -12
- package/dist/types/components/ErrorSummary/index.d.ts.map +1 -1
- package/dist/types/components/HelpText/HelpText.d.ts +6 -6
- package/dist/types/components/HelpText/HelpText.d.ts.map +1 -1
- package/dist/types/components/Modal/ModalHeader.d.ts.map +1 -1
- package/dist/types/components/Modal/ModalTrigger.d.ts +3 -2
- package/dist/types/components/Modal/ModalTrigger.d.ts.map +1 -1
- package/dist/types/components/Popover/Popover.d.ts +2 -0
- package/dist/types/components/Popover/Popover.d.ts.map +1 -1
- package/dist/types/components/Popover/PopoverTrigger.d.ts +3 -2
- package/dist/types/components/Popover/PopoverTrigger.d.ts.map +1 -1
- package/dist/types/components/Tabs/{TabsRoot.d.ts → Tabs.d.ts} +9 -9
- package/dist/types/components/Tabs/Tabs.d.ts.map +1 -0
- package/dist/types/components/Tabs/{TabList.d.ts → TabsList.d.ts} +3 -2
- package/dist/types/components/Tabs/TabsList.d.ts.map +1 -0
- package/dist/types/components/Tabs/{TabContent.d.ts → TabsPanel.d.ts} +6 -6
- package/dist/types/components/Tabs/TabsPanel.d.ts.map +1 -0
- package/dist/types/components/Tabs/{Tab.d.ts → TabsTab.d.ts} +3 -3
- package/dist/types/components/Tabs/TabsTab.d.ts.map +1 -0
- package/dist/types/components/Tabs/index.d.ts +27 -20
- package/dist/types/components/Tabs/index.d.ts.map +1 -1
- package/dist/types/components/ToggleGroup/{ToggleGroupRoot.d.ts → ToggleGroup.d.ts} +4 -4
- package/dist/types/components/ToggleGroup/ToggleGroup.d.ts.map +1 -0
- package/dist/types/components/ToggleGroup/{ToggleGroupItem/ToggleGroupItem.d.ts → ToggleGroupItem.d.ts} +2 -2
- package/dist/types/components/ToggleGroup/ToggleGroupItem.d.ts.map +1 -0
- package/dist/types/components/ToggleGroup/index.d.ts +8 -9
- package/dist/types/components/ToggleGroup/index.d.ts.map +1 -1
- package/dist/types/components/ToggleGroup/{ToggleGroupItem/useToggleGroupitem.d.ts → useToggleGroupitem.d.ts} +2 -2
- package/dist/types/components/ToggleGroup/useToggleGroupitem.d.ts.map +1 -0
- package/dist/types/components/Typography/{ErrorMessage/ErrorMessage.d.ts → ValidationMessage/ValidationMessage.d.ts} +4 -4
- package/dist/types/components/Typography/ValidationMessage/ValidationMessage.d.ts.map +1 -0
- package/dist/types/components/Typography/ValidationMessage/index.d.ts +2 -0
- package/dist/types/components/Typography/ValidationMessage/index.d.ts.map +1 -0
- package/dist/types/components/Typography/index.d.ts +1 -1
- package/dist/types/components/Typography/index.d.ts.map +1 -1
- package/dist/types/components/form/Combobox/Option/Option.d.ts +2 -1
- package/dist/types/components/form/Combobox/Option/Option.d.ts.map +1 -1
- package/dist/types/components/form/Combobox/useCombobox.d.ts +1 -1
- package/dist/types/components/form/Combobox/useCombobox.d.ts.map +1 -1
- package/dist/types/components/form/Combobox/utilities.d.ts +0 -2
- package/dist/types/components/form/Combobox/utilities.d.ts.map +1 -1
- package/dist/types/components/form/Fieldset/Fieldset.d.ts +1 -1
- package/dist/types/components/form/Fieldset/Fieldset.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 +1 -1
- package/dist/types/components/index.d.ts.map +1 -1
- package/dist/types/components/loaders/Skeleton/Skeleton.d.ts +34 -0
- package/dist/types/components/loaders/Skeleton/Skeleton.d.ts.map +1 -0
- package/dist/types/components/loaders/Skeleton/index.d.ts +7 -19
- package/dist/types/components/loaders/Skeleton/index.d.ts.map +1 -1
- package/package.json +3 -3
- package/dist/cjs/components/Breadcrumbs/BreadcrumbsNav.js +0 -11
- package/dist/cjs/components/Breadcrumbs/BreadcrumbsRoot.js +0 -11
- package/dist/cjs/components/DropdownMenu/DropdownMenuContent.js +0 -55
- package/dist/cjs/components/DropdownMenu/DropdownMenuGroup.js +0 -16
- package/dist/cjs/components/DropdownMenu/DropdownMenuItem.js +0 -15
- package/dist/cjs/components/DropdownMenu/DropdownMenuRoot.js +0 -49
- package/dist/cjs/components/DropdownMenu/DropdownMenuTrigger.js +0 -22
- package/dist/cjs/components/DropdownMenu/index.js +0 -38
- package/dist/cjs/components/ErrorSummary/ErrorSummaryRoot.js +0 -21
- package/dist/cjs/components/HelpText/HelpTextIcon.js +0 -14
- package/dist/cjs/components/Tabs/Tab.js +0 -23
- package/dist/cjs/components/Tabs/TabContent.js +0 -24
- package/dist/cjs/components/Tabs/TabList.js +0 -26
- package/dist/cjs/components/Tabs/TabsRoot.js +0 -46
- package/dist/cjs/components/Tabs/useTab.js +0 -24
- package/dist/cjs/components/ToggleGroup/ToggleGroupRoot.js +0 -42
- package/dist/cjs/components/Typography/ErrorMessage/ErrorMessage.js +0 -16
- package/dist/cjs/components/form/Fieldset/useFieldset.js +0 -19
- package/dist/cjs/components/loaders/Skeleton/Circle/Circle.js +0 -15
- package/dist/cjs/components/loaders/Skeleton/Rectangle/Rectangle.js +0 -15
- package/dist/cjs/components/loaders/Skeleton/Text/Text.js +0 -15
- package/dist/cjs/components/loaders/Skeleton/index.js +0 -20
- package/dist/cjs/node_modules/@floating-ui/core/dist/floating-ui.core.js +0 -674
- package/dist/cjs/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +0 -661
- package/dist/cjs/node_modules/@floating-ui/dom/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +0 -164
- package/dist/cjs/node_modules/@floating-ui/dom/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +0 -22
- package/dist/cjs/node_modules/@floating-ui/react/dist/floating-ui.react.js +0 -3302
- package/dist/cjs/node_modules/@floating-ui/react/dist/floating-ui.react.utils.js +0 -165
- package/dist/cjs/node_modules/@floating-ui/react/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +0 -68
- package/dist/cjs/node_modules/@floating-ui/react/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +0 -11
- package/dist/cjs/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js +0 -353
- package/dist/cjs/node_modules/@floating-ui/react-dom/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +0 -677
- package/dist/cjs/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +0 -159
- package/dist/cjs/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +0 -158
- package/dist/cjs/node_modules/@radix-ui/react-compose-refs/dist/index.js +0 -18
- package/dist/cjs/node_modules/@radix-ui/react-slot/dist/index.js +0 -104
- package/dist/cjs/node_modules/@tanstack/react-virtual/dist/esm/index.js +0 -70
- package/dist/cjs/node_modules/@tanstack/virtual-core/dist/esm/index.js +0 -676
- package/dist/cjs/node_modules/@tanstack/virtual-core/dist/esm/utils.js +0 -66
- package/dist/cjs/node_modules/@u-elements/u-details/dist/u-details.js +0 -117
- package/dist/cjs/node_modules/clsx/dist/lite.js +0 -9
- package/dist/cjs/node_modules/tabbable/dist/index.esm.js +0 -550
- package/dist/esm/components/Breadcrumbs/BreadcrumbsNav.js +0 -9
- package/dist/esm/components/Breadcrumbs/BreadcrumbsRoot.js +0 -9
- package/dist/esm/components/DropdownMenu/DropdownMenuContent.js +0 -53
- package/dist/esm/components/DropdownMenu/DropdownMenuGroup.js +0 -14
- package/dist/esm/components/DropdownMenu/DropdownMenuItem.js +0 -13
- package/dist/esm/components/DropdownMenu/DropdownMenuRoot.js +0 -46
- package/dist/esm/components/DropdownMenu/DropdownMenuTrigger.js +0 -20
- package/dist/esm/components/DropdownMenu/index.js +0 -31
- package/dist/esm/components/ErrorSummary/ErrorSummaryRoot.js +0 -18
- package/dist/esm/components/HelpText/HelpTextIcon.js +0 -12
- package/dist/esm/components/Tabs/Tab.js +0 -21
- package/dist/esm/components/Tabs/TabContent.js +0 -22
- package/dist/esm/components/Tabs/useTab.js +0 -22
- package/dist/esm/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.js +0 -19
- package/dist/esm/components/ToggleGroup/ToggleGroupRoot.js +0 -39
- package/dist/esm/components/Typography/ErrorMessage/ErrorMessage.js +0 -14
- package/dist/esm/components/form/Fieldset/useFieldset.js +0 -17
- package/dist/esm/components/loaders/Skeleton/Circle/Circle.js +0 -13
- package/dist/esm/components/loaders/Skeleton/Rectangle/Rectangle.js +0 -13
- package/dist/esm/components/loaders/Skeleton/Text/Text.js +0 -13
- package/dist/esm/components/loaders/Skeleton/index.js +0 -15
- package/dist/esm/node_modules/@floating-ui/core/dist/floating-ui.core.js +0 -665
- package/dist/esm/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +0 -653
- package/dist/esm/node_modules/@floating-ui/dom/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +0 -143
- package/dist/esm/node_modules/@floating-ui/dom/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +0 -16
- package/dist/esm/node_modules/@floating-ui/react/dist/floating-ui.react.js +0 -3258
- package/dist/esm/node_modules/@floating-ui/react/dist/floating-ui.react.utils.js +0 -144
- package/dist/esm/node_modules/@floating-ui/react/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +0 -57
- package/dist/esm/node_modules/@floating-ui/react/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +0 -9
- package/dist/esm/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js +0 -325
- package/dist/esm/node_modules/@floating-ui/react-dom/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +0 -667
- package/dist/esm/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +0 -139
- package/dist/esm/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +0 -136
- package/dist/esm/node_modules/@radix-ui/react-compose-refs/dist/index.js +0 -16
- package/dist/esm/node_modules/@radix-ui/react-slot/dist/index.js +0 -82
- package/dist/esm/node_modules/@tanstack/react-virtual/dist/esm/index.js +0 -43
- package/dist/esm/node_modules/@tanstack/virtual-core/dist/esm/index.js +0 -664
- package/dist/esm/node_modules/@tanstack/virtual-core/dist/esm/utils.js +0 -61
- package/dist/esm/node_modules/@u-elements/u-details/dist/u-details.js +0 -114
- package/dist/esm/node_modules/clsx/dist/lite.js +0 -4
- package/dist/esm/node_modules/tabbable/dist/index.esm.js +0 -546
- package/dist/types/components/Breadcrumbs/BreadcrumbsNav.d.ts.map +0 -1
- package/dist/types/components/Breadcrumbs/BreadcrumbsRoot.d.ts +0 -16
- package/dist/types/components/Breadcrumbs/BreadcrumbsRoot.d.ts.map +0 -1
- package/dist/types/components/DropdownMenu/DropdownMenuContent.d.ts +0 -8
- package/dist/types/components/DropdownMenu/DropdownMenuContent.d.ts.map +0 -1
- package/dist/types/components/DropdownMenu/DropdownMenuGroup.d.ts +0 -14
- package/dist/types/components/DropdownMenu/DropdownMenuGroup.d.ts.map +0 -1
- package/dist/types/components/DropdownMenu/DropdownMenuItem.d.ts +0 -4
- package/dist/types/components/DropdownMenu/DropdownMenuItem.d.ts.map +0 -1
- package/dist/types/components/DropdownMenu/DropdownMenuRoot.d.ts +0 -51
- package/dist/types/components/DropdownMenu/DropdownMenuRoot.d.ts.map +0 -1
- package/dist/types/components/DropdownMenu/DropdownMenuTrigger.d.ts +0 -14
- package/dist/types/components/DropdownMenu/DropdownMenuTrigger.d.ts.map +0 -1
- package/dist/types/components/DropdownMenu/index.d.ts +0 -30
- package/dist/types/components/DropdownMenu/index.d.ts.map +0 -1
- package/dist/types/components/ErrorSummary/ErrorSummaryRoot.d.ts.map +0 -1
- package/dist/types/components/HelpText/HelpTextIcon.d.ts +0 -10
- package/dist/types/components/HelpText/HelpTextIcon.d.ts.map +0 -1
- package/dist/types/components/Tabs/Tab.d.ts.map +0 -1
- package/dist/types/components/Tabs/TabContent.d.ts.map +0 -1
- package/dist/types/components/Tabs/TabList.d.ts.map +0 -1
- package/dist/types/components/Tabs/TabsRoot.d.ts.map +0 -1
- package/dist/types/components/Tabs/useTab.d.ts +0 -10
- package/dist/types/components/Tabs/useTab.d.ts.map +0 -1
- package/dist/types/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.d.ts.map +0 -1
- package/dist/types/components/ToggleGroup/ToggleGroupItem/useToggleGroupitem.d.ts.map +0 -1
- package/dist/types/components/ToggleGroup/ToggleGroupRoot.d.ts.map +0 -1
- package/dist/types/components/Typography/ErrorMessage/ErrorMessage.d.ts.map +0 -1
- package/dist/types/components/Typography/ErrorMessage/index.d.ts +0 -2
- package/dist/types/components/Typography/ErrorMessage/index.d.ts.map +0 -1
- package/dist/types/components/form/Fieldset/useFieldset.d.ts +0 -17
- package/dist/types/components/form/Fieldset/useFieldset.d.ts.map +0 -1
- package/dist/types/components/loaders/Skeleton/Circle/Circle.d.ts +0 -13
- package/dist/types/components/loaders/Skeleton/Circle/Circle.d.ts.map +0 -1
- package/dist/types/components/loaders/Skeleton/Rectangle/Rectangle.d.ts +0 -13
- package/dist/types/components/loaders/Skeleton/Rectangle/Rectangle.d.ts.map +0 -1
- package/dist/types/components/loaders/Skeleton/Text/Text.d.ts +0 -13
- package/dist/types/components/loaders/Skeleton/Text/Text.d.ts.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/Option/Option.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/Option/Option.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAU3E,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,QAAA,MAAM,cAAc;IAflB;;OAEG;WACI,MAAM;IACb;;OAEG;kBACW,MAAM;IACpB;;;OAGG;mBACY,MAAM;sFAmEtB,CAAC;AAIF,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { ReactElement, ReactNode } from 'react';
|
|
2
2
|
import type { ComboboxProps } from './Combobox';
|
|
3
3
|
import type { ComboboxCustomProps } from './Custom';
|
|
4
|
-
import type
|
|
4
|
+
import { type ComboboxOptionProps } from './Option/Option';
|
|
5
5
|
export type UseComboboxProps = {
|
|
6
6
|
children: ReactNode;
|
|
7
7
|
inputValue: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCombobox.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/useCombobox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"useCombobox.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/useCombobox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,KAAK,mBAAmB,EAAoB,MAAM,iBAAiB,CAAC;AAG7E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC9C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAIF,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,MAEC,EACD,YAAY,GACb,EAAE,gBAAgB;;;;;;;;;;;;;;;EA0JlB"}
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
import type { ReactElement, ReactNode } from 'react';
|
|
2
2
|
import type { ComboboxCustomProps } from './Custom';
|
|
3
|
-
import type { ComboboxOptionProps } from './Option/Option';
|
|
4
|
-
export declare function isComboboxOption(child: ReactNode): child is ReactElement<ComboboxOptionProps>;
|
|
5
3
|
export declare function isComboboxCustom(child: ReactNode): child is ReactElement<ComboboxCustomProps>;
|
|
6
4
|
export declare function isInteractiveComboboxCustom(child: ReactNode): child is ReactElement<ComboboxCustomProps>;
|
|
7
5
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/utilities.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,
|
|
1
|
+
{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/utilities.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAED,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAID;;;;GAIG;AACH,eAAO,MAAM,MAAM,WAAY,MAAM,KAAG,MAEvC,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,MAAM,KAAG,MAE5C,CAAC;AAIF,KAAK,iBAAiB,GAAG;IAAE,aAAa,CAAC,EAAE;QAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,CAAA;CAAE,CAAC;AAE/E,eAAO,MAAM,kBAAkB,UACtB,gBAAgB,GAAG,iBAAiB,SACpC,MAAM,KACZ,IAaF,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { FieldsetHTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
import type
|
|
2
|
+
import { type FormFieldProps } from '../useFormField';
|
|
3
3
|
export type FieldsetProps = {
|
|
4
4
|
/** A description of the fieldset. This will appear below the legend. */
|
|
5
5
|
description?: ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Fieldset.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Fieldset/Fieldset.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Fieldset.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Fieldset/Fieldset.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI/D,OAAO,EAAE,KAAK,cAAc,EAAgB,MAAM,iBAAiB,CAAC;AAIpE,MAAM,MAAM,aAAa,GAAG;IAC1B,wEAAwE;IACxE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kCAAkC;IAClC,MAAM,EAAE,SAAS,CAAC;IAClB;yEACqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qFAAqF;IACrF,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,GAC9B,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;AAE9C,eAAO,MAAM,QAAQ;IAhBnB,wEAAwE;kBAC1D,SAAS;IACvB,8DAA8D;eACnD,OAAO;IAClB,+EAA+E;YACvE,SAAS;IACjB,kCAAkC;YAC1B,SAAS;IACjB;yEACqE;eAC1D,OAAO;IAClB,qFAAqF;iBACxE,OAAO;0HA8DrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Textarea/Textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAK/D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAItD,MAAM,MAAM,aAAa,GAAG;IAC1B,YAAY;IACZ,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;;OAQG;IACH,cAAc,CAAC,EAAE,mBAAmB,CAAC;CACtC,GAAG,cAAc,GAChB,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;AAE9C;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ;IAxBnB,YAAY;YACJ,SAAS;IACjB,qFAAqF;gBACzE,OAAO;IACnB;;;;;;;;OAQG;qBACc,mBAAmB;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Textarea/Textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAK/D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAItD,MAAM,MAAM,aAAa,GAAG;IAC1B,YAAY;IACZ,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;;OAQG;IACH,cAAc,CAAC,EAAE,mBAAmB,CAAC;CACtC,GAAG,cAAc,GAChB,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;AAE9C;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ;IAxBnB,YAAY;YACJ,SAAS;IACjB,qFAAqF;gBACzE,OAAO;IACnB;;;;;;;;OAQG;qBACc,mBAAmB;;;;;;;;;yJAqHrC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textfield.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Textfield/Textfield.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAItD,MAAM,MAAM,cAAc,GAAG;IAC3B,YAAY;IACZ,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,wBAAwB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wBAAwB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8BAA8B;IAC9B,IAAI,CAAC,EACD,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,MAAM,GACN,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,KAAK,GACL,MAAM,GACN,MAAM,GACN,KAAK,GACL,MAAM,CAAC;IACX;;;;;;;;OAQG;IACH,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,GAC9B,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAEtD;;;;;;GAMG;AACH,eAAO,MAAM,SAAS;IApDpB,YAAY;YACJ,SAAS;IACjB,qFAAqF;gBACzE,OAAO;IACnB;;;OAGG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;IACzB,wBAAwB;aACf,MAAM;IACf,wBAAwB;aACf,MAAM;IACf,8BAA8B;WAE1B,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,MAAM,GACN,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,KAAK,GACL,MAAM,GACN,MAAM,GACN,KAAK,GACL,MAAM;IACV;;;;;;;;OAQG;qBACc,mBAAmB;IACpC;;OAEG;eACQ,MAAM;+
|
|
1
|
+
{"version":3,"file":"Textfield.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Textfield/Textfield.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAItD,MAAM,MAAM,cAAc,GAAG;IAC3B,YAAY;IACZ,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,wBAAwB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wBAAwB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8BAA8B;IAC9B,IAAI,CAAC,EACD,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,MAAM,GACN,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,KAAK,GACL,MAAM,GACN,MAAM,GACN,KAAK,GACL,MAAM,CAAC;IACX;;;;;;;;OAQG;IACH,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,GAC9B,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAEtD;;;;;;GAMG;AACH,eAAO,MAAM,SAAS;IApDpB,YAAY;YACJ,SAAS;IACjB,qFAAqF;gBACzE,OAAO;IACnB;;;OAGG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;IACzB,wBAAwB;aACf,MAAM;IACf,wBAAwB;aACf,MAAM;IACf,8BAA8B;WAE1B,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,MAAM,GACN,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,KAAK,GACL,MAAM,GACN,MAAM,GACN,KAAK,GACL,MAAM;IACV;;;;;;;;OAQG;qBACc,mBAAmB;IACpC;;OAEG;eACQ,MAAM;+HA8JlB,CAAC"}
|
|
@@ -27,7 +27,7 @@ export * from './ToggleGroup';
|
|
|
27
27
|
export * from './Popover';
|
|
28
28
|
export * from './Divider';
|
|
29
29
|
export * from './Modal';
|
|
30
|
-
export * from './
|
|
30
|
+
export * from './Dropdown';
|
|
31
31
|
export * from './form/Search';
|
|
32
32
|
export * from './Card';
|
|
33
33
|
export * from './form/Combobox';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { type HTMLAttributes } from 'react';
|
|
2
|
+
export type SkeletonProps = {
|
|
3
|
+
/**
|
|
4
|
+
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
5
|
+
* @default false
|
|
6
|
+
*/
|
|
7
|
+
asChild?: boolean;
|
|
8
|
+
/** The width of the component */
|
|
9
|
+
width?: string | number;
|
|
10
|
+
/** The height of the component */
|
|
11
|
+
height?: string | number;
|
|
12
|
+
/**
|
|
13
|
+
* The shape variant
|
|
14
|
+
* @default 'rectangle'
|
|
15
|
+
* */
|
|
16
|
+
variant?: 'rectangle' | 'circle' | 'text';
|
|
17
|
+
} & HTMLAttributes<HTMLSpanElement>;
|
|
18
|
+
export declare const Skeleton: React.ForwardRefExoticComponent<{
|
|
19
|
+
/**
|
|
20
|
+
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
21
|
+
* @default false
|
|
22
|
+
*/
|
|
23
|
+
asChild?: boolean;
|
|
24
|
+
/** The width of the component */
|
|
25
|
+
width?: string | number;
|
|
26
|
+
/** The height of the component */
|
|
27
|
+
height?: string | number;
|
|
28
|
+
/**
|
|
29
|
+
* The shape variant
|
|
30
|
+
* @default 'rectangle'
|
|
31
|
+
* */
|
|
32
|
+
variant?: "rectangle" | "circle" | "text";
|
|
33
|
+
} & HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
|
|
34
|
+
//# sourceMappingURL=Skeleton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/loaders/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAIxD,MAAM,MAAM,aAAa,GAAG;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;SAGK;IACL,OAAO,CAAC,EAAE,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;CAC3C,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAEpC,eAAO,MAAM,QAAQ;IAhBnB;;;OAGG;cACO,OAAO;IACjB,iCAAiC;YACzB,MAAM,GAAG,MAAM;IACvB,kCAAkC;aACzB,MAAM,GAAG,MAAM;IACxB;;;SAGK;cACK,WAAW,GAAG,QAAQ,GAAG,MAAM;2EAiC1C,CAAC"}
|
|
@@ -1,24 +1,12 @@
|
|
|
1
|
-
import { Circle as SkeletonCircle, type CircleProps as SkeletonCircleProps } from './Circle/Circle';
|
|
2
|
-
import { Rectangle as SkeletonRectangle, type RectangleProps as SkeletonRectangleProps } from './Rectangle/Rectangle';
|
|
3
|
-
import { Text as SkeletonText, type TextProps as SkeletonTextProps } from './Text/Text';
|
|
4
1
|
/**
|
|
5
2
|
* Represent a draft of page while the content loads. Mix different skeleton components to create your layout.
|
|
6
3
|
* @example
|
|
7
|
-
* <Skeleton
|
|
8
|
-
* <Skeleton
|
|
9
|
-
* <Skeleton
|
|
10
|
-
* <Skeleton
|
|
11
|
-
* <Skeleton
|
|
4
|
+
* <Skeleton variant="circle" />
|
|
5
|
+
* <Skeleton variant="text" />
|
|
6
|
+
* <Skeleton variant="text" />
|
|
7
|
+
* <Skeleton variant="text" />
|
|
8
|
+
* <Skeleton variant="rectangle" />
|
|
12
9
|
*/
|
|
13
|
-
type
|
|
14
|
-
|
|
15
|
-
Circle: typeof SkeletonCircle;
|
|
16
|
-
/** Skeleton component used for indicating loading elements of rectangle shape */
|
|
17
|
-
Rectangle: typeof SkeletonRectangle;
|
|
18
|
-
/** Skeleton component used for indicating loading elements of text */
|
|
19
|
-
Text: typeof SkeletonText;
|
|
20
|
-
};
|
|
21
|
-
declare const Skeleton: SkeletonComponent;
|
|
22
|
-
export type { SkeletonCircleProps, SkeletonRectangleProps, SkeletonTextProps };
|
|
23
|
-
export { Skeleton, SkeletonCircle, SkeletonRectangle, SkeletonText };
|
|
10
|
+
export type { SkeletonProps } from './Skeleton';
|
|
11
|
+
export { Skeleton } from './Skeleton';
|
|
24
12
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/loaders/Skeleton/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/loaders/Skeleton/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@digdir/designsystemet-react",
|
|
3
|
-
"version": "1.0.0-next.
|
|
3
|
+
"version": "1.0.0-next.34",
|
|
4
4
|
"description": "React components for Designsystemet",
|
|
5
5
|
"author": "Designsystemet team",
|
|
6
6
|
"repository": {
|
|
@@ -40,7 +40,8 @@
|
|
|
40
40
|
"@navikt/aksel-icons": "^6.14.0",
|
|
41
41
|
"@radix-ui/react-slot": "^1.1.0",
|
|
42
42
|
"@tanstack/react-virtual": "^3.10.7",
|
|
43
|
-
"@u-elements/u-details": "^0.0.5"
|
|
43
|
+
"@u-elements/u-details": "^0.0.5",
|
|
44
|
+
"clsx": "^2.1.1"
|
|
44
45
|
},
|
|
45
46
|
"devDependencies": {
|
|
46
47
|
"@rollup/plugin-commonjs": "^26.0.1",
|
|
@@ -55,7 +56,6 @@
|
|
|
55
56
|
"react-dom": "^18.3.1",
|
|
56
57
|
"rimraf": "^6.0.1",
|
|
57
58
|
"rollup": "^4.20.0",
|
|
58
|
-
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
59
59
|
"typescript": "^5.5.4"
|
|
60
60
|
}
|
|
61
61
|
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var lite = require('../../node_modules/clsx/dist/lite.js');
|
|
6
|
-
var React = require('react');
|
|
7
|
-
|
|
8
|
-
const BreadcrumbsNav = React.forwardRef(({ 'aria-label': ariaLabel = 'Du er her:', className, ...rest }, ref) => (jsxRuntime.jsx("nav", { "aria-label": ariaLabel, ref: ref, className: lite.clsx('ds-breadcrumbs__nav', className), ...rest })));
|
|
9
|
-
BreadcrumbsNav.displayName = 'BreadcrumbsNav';
|
|
10
|
-
|
|
11
|
-
exports.BreadcrumbsNav = BreadcrumbsNav;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var lite = require('../../node_modules/clsx/dist/lite.js');
|
|
6
|
-
var React = require('react');
|
|
7
|
-
|
|
8
|
-
const BreadcrumbsRoot = React.forwardRef(({ className, size = 'md', ...rest }, ref) => (jsxRuntime.jsx("div", { ref: ref, className: lite.clsx('ds-breadcrumbs', `ds-breadcrumbs--${size}`, className), ...rest })));
|
|
9
|
-
BreadcrumbsRoot.displayName = 'BreadcrumbsRoot';
|
|
10
|
-
|
|
11
|
-
exports.BreadcrumbsRoot = BreadcrumbsRoot;
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var floatingUi_react = require('../../node_modules/@floating-ui/react/dist/floating-ui.react.js');
|
|
6
|
-
var lite = require('../../node_modules/clsx/dist/lite.js');
|
|
7
|
-
var React = require('react');
|
|
8
|
-
var DropdownMenuRoot = require('./DropdownMenuRoot.js');
|
|
9
|
-
var floatingUi_dom = require('../../node_modules/@floating-ui/react-dom/node_modules/@floating-ui/dom/dist/floating-ui.dom.js');
|
|
10
|
-
var floatingUi_reactDom = require('../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js');
|
|
11
|
-
var useIsomorphicLayoutEffect = require('../../utilities/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js');
|
|
12
|
-
|
|
13
|
-
const GAP = 4;
|
|
14
|
-
const DropdownMenuContent = React.forwardRef(({ className, children, ...rest }, ref) => {
|
|
15
|
-
const { size, placement, portal, anchorEl, isControlled, internalOpen, setInternalOpen, onClose, } = React.useContext(DropdownMenuRoot.DropdownMenuContext);
|
|
16
|
-
const Container = portal ? floatingUi_react.FloatingPortal : React.Fragment;
|
|
17
|
-
const floatingEl = React.useRef(null);
|
|
18
|
-
const { context, update, refs, placement: flPlacement, floatingStyles, } = floatingUi_react.useFloating({
|
|
19
|
-
placement,
|
|
20
|
-
open: internalOpen,
|
|
21
|
-
onOpenChange: (localOpen) => {
|
|
22
|
-
if (!localOpen)
|
|
23
|
-
onClose?.();
|
|
24
|
-
if (!isControlled)
|
|
25
|
-
setInternalOpen(localOpen);
|
|
26
|
-
},
|
|
27
|
-
elements: {
|
|
28
|
-
reference: anchorEl,
|
|
29
|
-
floating: floatingEl.current,
|
|
30
|
-
},
|
|
31
|
-
whileElementsMounted: floatingUi_dom.autoUpdate,
|
|
32
|
-
middleware: [floatingUi_reactDom.offset(GAP), floatingUi_reactDom.shift()],
|
|
33
|
-
});
|
|
34
|
-
const { getFloatingProps } = floatingUi_react.useInteractions([
|
|
35
|
-
floatingUi_react.useFocus(context),
|
|
36
|
-
floatingUi_react.useClick(context),
|
|
37
|
-
floatingUi_react.useDismiss(context),
|
|
38
|
-
floatingUi_react.useRole(context),
|
|
39
|
-
]);
|
|
40
|
-
useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(() => {
|
|
41
|
-
refs.setReference(anchorEl);
|
|
42
|
-
if (!refs.reference.current || !refs.floating.current || !internalOpen)
|
|
43
|
-
return;
|
|
44
|
-
const cleanup = floatingUi_dom.autoUpdate(refs.reference.current, refs.floating.current, update);
|
|
45
|
-
return () => cleanup();
|
|
46
|
-
}, [refs.floating, refs.reference, update, anchorEl, refs, internalOpen]);
|
|
47
|
-
const floatingRef = floatingUi_react.useMergeRefs([refs.setFloating, ref]);
|
|
48
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: internalOpen && (jsxRuntime.jsx(floatingUi_react.FloatingFocusManager, { context: context, guards: false, modal: false, children: jsxRuntime.jsx(Container, { children: jsxRuntime.jsx("ul", { role: 'menu', "aria-hidden": !internalOpen, "data-placement": flPlacement, ref: floatingRef, style: floatingStyles, ...getFloatingProps({
|
|
49
|
-
ref: floatingRef,
|
|
50
|
-
tabIndex: undefined,
|
|
51
|
-
}), className: lite.clsx('ds-dropdownmenu', className), "data-size": size, ...rest, children: children }) }) })) }));
|
|
52
|
-
});
|
|
53
|
-
DropdownMenuContent.displayName = 'DropdownMenuContent';
|
|
54
|
-
|
|
55
|
-
exports.DropdownMenuContent = DropdownMenuContent;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var DropdownMenuRoot = require('./DropdownMenuRoot.js');
|
|
7
|
-
var Paragraph = require('../Typography/Paragraph/Paragraph.js');
|
|
8
|
-
|
|
9
|
-
const DropdownMenuGroup = React.forwardRef(({ children, heading, className, style, ...rest }, ref) => {
|
|
10
|
-
const { size } = React.useContext(DropdownMenuRoot.DropdownMenuContext);
|
|
11
|
-
const headingId = React.useId();
|
|
12
|
-
return (jsxRuntime.jsx("li", { className: className, style: style, children: jsxRuntime.jsxs("ul", { ...(heading ? { 'aria-labelledby': headingId } : {}), ref: ref, role: 'group', className: 'ds-dropdownmenu__group', ...rest, children: [heading && (jsxRuntime.jsx(Paragraph.Paragraph, { asChild: true, size: size, children: jsxRuntime.jsx("h2", { id: headingId, className: 'ds-dropdownmenu__heading', children: heading }) })), children] }) }));
|
|
13
|
-
});
|
|
14
|
-
DropdownMenuGroup.displayName = 'DropdownMenuGroup';
|
|
15
|
-
|
|
16
|
-
exports.DropdownMenuGroup = DropdownMenuGroup;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var DropdownMenuRoot = require('./DropdownMenuRoot.js');
|
|
7
|
-
var Button = require('../Button/Button.js');
|
|
8
|
-
|
|
9
|
-
const DropdownMenuItem = React.forwardRef(({ children, className, style, ...rest }, ref) => {
|
|
10
|
-
const { size } = React.useContext(DropdownMenuRoot.DropdownMenuContext);
|
|
11
|
-
return (jsxRuntime.jsx("li", { className: className, style: style, children: jsxRuntime.jsx(Button.Button, { ref: ref, variant: 'tertiary', size: size, className: 'ds-dropdownmenu__item', role: 'menuitem', ...rest, children: children }) }));
|
|
12
|
-
});
|
|
13
|
-
DropdownMenuItem.displayName = 'DropdownMenuItem';
|
|
14
|
-
|
|
15
|
-
exports.DropdownMenuItem = DropdownMenuItem;
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var React = require('react');
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* DropdownMenuRoot is the root component for the DropdownMenu component.
|
|
9
|
-
* @example
|
|
10
|
-
* <DropdownMenu.Root>
|
|
11
|
-
* <DropdownMenu.Trigger>Dropdown</DropdownMenu.Trigger>
|
|
12
|
-
* <DropdownMenu.Content>
|
|
13
|
-
* <DropdownMenu.Group heading='Heading'>
|
|
14
|
-
* <DropdownMenu.Item>Button 1</DropdownMenu.Item>
|
|
15
|
-
* </DropdownMenu.Group>
|
|
16
|
-
* </DropdownMenu.Content>
|
|
17
|
-
* </DropdownMenu.Root>
|
|
18
|
-
*/
|
|
19
|
-
const DropdownMenuRoot = ({ open, onClose, placement = 'bottom-end', portal, size = 'md', children, }) => {
|
|
20
|
-
const triggerRef = React.useRef(null);
|
|
21
|
-
const [internalOpen, setInternalOpen] = React.useState(open ?? false);
|
|
22
|
-
const anchorEl = triggerRef.current;
|
|
23
|
-
const isControlled = typeof open === 'boolean';
|
|
24
|
-
React.useEffect(() => {
|
|
25
|
-
setInternalOpen(open ?? false);
|
|
26
|
-
}, [open]);
|
|
27
|
-
return (jsxRuntime.jsx(DropdownMenuContext.Provider, { value: {
|
|
28
|
-
anchorEl,
|
|
29
|
-
triggerRef,
|
|
30
|
-
size,
|
|
31
|
-
portal,
|
|
32
|
-
placement,
|
|
33
|
-
internalOpen,
|
|
34
|
-
isControlled,
|
|
35
|
-
onClose,
|
|
36
|
-
setInternalOpen,
|
|
37
|
-
}, children: children }));
|
|
38
|
-
};
|
|
39
|
-
const DropdownMenuContext = React.createContext({
|
|
40
|
-
triggerRef: { current: null },
|
|
41
|
-
size: 'md',
|
|
42
|
-
anchorEl: null,
|
|
43
|
-
internalOpen: false,
|
|
44
|
-
setInternalOpen: () => { },
|
|
45
|
-
});
|
|
46
|
-
DropdownMenuRoot.displayName = 'DropdownMenuRoot';
|
|
47
|
-
|
|
48
|
-
exports.DropdownMenuContext = DropdownMenuContext;
|
|
49
|
-
exports.DropdownMenuRoot = DropdownMenuRoot;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var floatingUi_react = require('../../node_modules/@floating-ui/react/dist/floating-ui.react.js');
|
|
6
|
-
var index = require('../../node_modules/@radix-ui/react-slot/dist/index.js');
|
|
7
|
-
var React = require('react');
|
|
8
|
-
var DropdownMenuRoot = require('./DropdownMenuRoot.js');
|
|
9
|
-
var Button = require('../Button/Button.js');
|
|
10
|
-
|
|
11
|
-
const DropdownMenuTrigger = React.forwardRef(({ asChild, ...rest }, ref) => {
|
|
12
|
-
const { triggerRef, internalOpen, setInternalOpen, isControlled } = React.useContext(DropdownMenuRoot.DropdownMenuContext);
|
|
13
|
-
const mergedRefs = floatingUi_react.useMergeRefs([ref, triggerRef]);
|
|
14
|
-
const Component = asChild ? index.Slot : Button.Button;
|
|
15
|
-
return (jsxRuntime.jsx(Component, { ref: mergedRefs, onClick: () => {
|
|
16
|
-
if (!isControlled)
|
|
17
|
-
setInternalOpen(!internalOpen);
|
|
18
|
-
}, "aria-haspopup": 'menu', "aria-expanded": internalOpen, ...rest }));
|
|
19
|
-
});
|
|
20
|
-
DropdownMenuTrigger.displayName = 'DropdownMenuTrigger';
|
|
21
|
-
|
|
22
|
-
exports.DropdownMenuTrigger = DropdownMenuTrigger;
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var DropdownMenuContent = require('./DropdownMenuContent.js');
|
|
5
|
-
var DropdownMenuGroup = require('./DropdownMenuGroup.js');
|
|
6
|
-
var DropdownMenuItem = require('./DropdownMenuItem.js');
|
|
7
|
-
var DropdownMenuRoot = require('./DropdownMenuRoot.js');
|
|
8
|
-
var DropdownMenuTrigger = require('./DropdownMenuTrigger.js');
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
* @example
|
|
12
|
-
* <DropdownMenu.Root>
|
|
13
|
-
* <DropdownMenu.Trigger>Dropdown</DropdownMenu.Trigger>
|
|
14
|
-
* <DropdownMenu.Content>
|
|
15
|
-
* <DropdownMenu.Group heading='Heading'>
|
|
16
|
-
* <DropdownMenu.Item>Button 1</DropdownMenu.Item>
|
|
17
|
-
* </DropdownMenu.Group>
|
|
18
|
-
* </DropdownMenu.Content>
|
|
19
|
-
* </DropdownMenu.Root>
|
|
20
|
-
*/
|
|
21
|
-
const DropdownMenu = {};
|
|
22
|
-
DropdownMenu.Root = DropdownMenuRoot.DropdownMenuRoot;
|
|
23
|
-
DropdownMenu.Content = DropdownMenuContent.DropdownMenuContent;
|
|
24
|
-
DropdownMenu.Group = DropdownMenuGroup.DropdownMenuGroup;
|
|
25
|
-
DropdownMenu.Item = DropdownMenuItem.DropdownMenuItem;
|
|
26
|
-
DropdownMenu.Trigger = DropdownMenuTrigger.DropdownMenuTrigger;
|
|
27
|
-
DropdownMenu.Root.displayName = 'DropdownMenu.Root';
|
|
28
|
-
DropdownMenu.Content.displayName = 'DropdownMenu.Content';
|
|
29
|
-
DropdownMenu.Group.displayName = 'DropdownMenu.Group';
|
|
30
|
-
DropdownMenu.Item.displayName = 'DropdownMenu.Item';
|
|
31
|
-
DropdownMenu.Trigger.displayName = 'DropdownMenu.Trigger';
|
|
32
|
-
|
|
33
|
-
exports.DropdownMenuContent = DropdownMenuContent.DropdownMenuContent;
|
|
34
|
-
exports.DropdownMenuGroup = DropdownMenuGroup.DropdownMenuGroup;
|
|
35
|
-
exports.DropdownMenuItem = DropdownMenuItem.DropdownMenuItem;
|
|
36
|
-
exports.DropdownMenuRoot = DropdownMenuRoot.DropdownMenuRoot;
|
|
37
|
-
exports.DropdownMenuTrigger = DropdownMenuTrigger.DropdownMenuTrigger;
|
|
38
|
-
exports.DropdownMenu = DropdownMenu;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var lite = require('../../node_modules/clsx/dist/lite.js');
|
|
6
|
-
var React = require('react');
|
|
7
|
-
|
|
8
|
-
const ErrorSummaryContext = React.createContext({
|
|
9
|
-
size: 'md',
|
|
10
|
-
headingId: 'heading',
|
|
11
|
-
setHeadingId: () => { },
|
|
12
|
-
});
|
|
13
|
-
const ErrorSummaryRoot = React.forwardRef(({ className, size = 'md', role = 'alert', 'aria-live': ariaLive = 'polite', 'aria-relevant': ariaRelevant = 'all', ...rest }, ref) => {
|
|
14
|
-
const randomId = React.useId();
|
|
15
|
-
const [headingId, setHeadingId] = React.useState(randomId);
|
|
16
|
-
return (jsxRuntime.jsx(ErrorSummaryContext.Provider, { value: { size, headingId, setHeadingId }, children: jsxRuntime.jsx("div", { className: lite.clsx('ds-error-summary', className), ref: ref, role: role, "aria-live": ariaLive, "aria-relevant": ariaRelevant, "aria-labelledby": headingId, ...rest }) }));
|
|
17
|
-
});
|
|
18
|
-
ErrorSummaryRoot.displayName = 'ErrorSummaryRoot';
|
|
19
|
-
|
|
20
|
-
exports.ErrorSummaryContext = ErrorSummaryContext;
|
|
21
|
-
exports.ErrorSummaryRoot = ErrorSummaryRoot;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
|
|
6
|
-
const HelpTextIcon = ({ className, filled = false, openState, }) => {
|
|
7
|
-
const d = filled
|
|
8
|
-
? 'M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0Zm0 16a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm0-11c2.205 0 4 1.657 4 3.693 0 .986-.416 1.914-1.172 2.612l-.593.54-.294.28c-.477.466-.869.94-.936 1.417l-.01.144v.814h-1.991v-.814c0-1.254.84-2.214 1.675-3.002l.74-.68c.38-.35.59-.816.59-1.31 0-1.024-.901-1.856-2.01-1.856-1.054 0-1.922.755-2.002 1.71l-.006.145H8C8 6.657 9.794 5 12 5Z'
|
|
9
|
-
: 'M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0Zm0 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm0 14a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm0-11c2.205 0 4 1.657 4 3.693 0 .986-.416 1.914-1.172 2.612l-.593.54-.294.28c-.477.466-.869.94-.936 1.417l-.01.144v.814h-1.991v-.814c0-1.254.84-2.214 1.675-3.002l.74-.68c.38-.35.59-.816.59-1.31 0-1.024-.901-1.856-2.01-1.856-1.054 0-1.922.755-2.002 1.71l-.006.145H8C8 6.657 9.794 5 12 5Z';
|
|
10
|
-
return (jsxRuntime.jsx("svg", { "aria-hidden": true, className: className, "data-state": openState ? 'open' : 'closed', fill: 'none', role: 'img', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', children: jsxRuntime.jsx("path", { clipRule: 'evenodd', d: d, fill: 'currentColor', fillRule: 'evenodd' }) }));
|
|
11
|
-
};
|
|
12
|
-
HelpTextIcon.displayName = 'HelpText.Icon';
|
|
13
|
-
|
|
14
|
-
exports.HelpTextIcon = HelpTextIcon;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var lite = require('../../node_modules/clsx/dist/lite.js');
|
|
6
|
-
var React = require('react');
|
|
7
|
-
var RovingFocusItem = require('../../utilities/RovingFocus/RovingFocusItem.js');
|
|
8
|
-
var useTab = require('./useTab.js');
|
|
9
|
-
var Paragraph = require('../Typography/Paragraph/Paragraph.js');
|
|
10
|
-
|
|
11
|
-
/**
|
|
12
|
-
* A single item in a Tabs component.
|
|
13
|
-
* @example
|
|
14
|
-
* <Tabs.Tab value='1'>Tab 1</Tabs.Tab>
|
|
15
|
-
*/
|
|
16
|
-
const Tab = React.forwardRef((props, ref) => {
|
|
17
|
-
const { children, className, ...rest } = props;
|
|
18
|
-
const { size, ...useTabRest } = useTab.useTabItem(props);
|
|
19
|
-
return (jsxRuntime.jsx(RovingFocusItem.RovingFocusItem, { ...rest, asChild: true, children: jsxRuntime.jsx(Paragraph.Paragraph, { asChild: true, variant: 'short', size: size, children: jsxRuntime.jsx("button", { ...useTabRest, type: 'button', className: lite.clsx('ds-tabs__tab', 'ds-focus', className), ref: ref, children: children }) }) }));
|
|
20
|
-
});
|
|
21
|
-
Tab.displayName = 'Tab';
|
|
22
|
-
|
|
23
|
-
exports.Tab = Tab;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var lite = require('../../node_modules/clsx/dist/lite.js');
|
|
6
|
-
var React = require('react');
|
|
7
|
-
var TabsRoot = require('./TabsRoot.js');
|
|
8
|
-
var Paragraph = require('../Typography/Paragraph/Paragraph.js');
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
* A single content item in a Tabs component.
|
|
12
|
-
* @example
|
|
13
|
-
* ```tsx
|
|
14
|
-
* <Tabs.Content value='1'>content 1</Tabs.Content>
|
|
15
|
-
* ```
|
|
16
|
-
*/
|
|
17
|
-
const TabContent = React.forwardRef(({ children, value, className, ...rest }, ref) => {
|
|
18
|
-
const { value: tabsValue, size } = React.useContext(TabsRoot.TabsContext);
|
|
19
|
-
const active = value === tabsValue;
|
|
20
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: active && (jsxRuntime.jsx(Paragraph.Paragraph, { asChild: true, variant: 'short', size: size, children: jsxRuntime.jsx("div", { className: lite.clsx('ds-tabs__content', className), ref: ref, ...rest, children: children }) })) }));
|
|
21
|
-
});
|
|
22
|
-
TabContent.displayName = 'TabContent';
|
|
23
|
-
|
|
24
|
-
exports.TabContent = TabContent;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var lite = require('../../node_modules/clsx/dist/lite.js');
|
|
6
|
-
var React = require('react');
|
|
7
|
-
var TabsRoot = require('./TabsRoot.js');
|
|
8
|
-
var RovingFocusRoot = require('../../utilities/RovingFocus/RovingFocusRoot.js');
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
* The container for all `Tab` components.
|
|
12
|
-
* @example
|
|
13
|
-
* ```tsx
|
|
14
|
-
* <Tabs.List>
|
|
15
|
-
* <Tabs.Tab value='1'>Tab 1</Tabs.Tab>
|
|
16
|
-
* <Tabs.Tab value='2'>Tab 2</Tabs.Tab>
|
|
17
|
-
* </Tabs.List>
|
|
18
|
-
* ```
|
|
19
|
-
*/
|
|
20
|
-
const TabList = React.forwardRef(({ children, className, ...rest }, ref) => {
|
|
21
|
-
const { value } = React.useContext(TabsRoot.TabsContext);
|
|
22
|
-
return (jsxRuntime.jsx(RovingFocusRoot.RovingFocusRoot, { role: 'tablist', activeValue: value, className: lite.clsx('ds-tabs__tablist', className), orientation: 'ambiguous', ref: ref, ...rest, children: children }));
|
|
23
|
-
});
|
|
24
|
-
TabList.displayName = 'TabList';
|
|
25
|
-
|
|
26
|
-
exports.TabList = TabList;
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var lite = require('../../node_modules/clsx/dist/lite.js');
|
|
6
|
-
var React = require('react');
|
|
7
|
-
|
|
8
|
-
const TabsContext = React.createContext({});
|
|
9
|
-
/**
|
|
10
|
-
* Display a group of tabs that can be toggled between.
|
|
11
|
-
* @example
|
|
12
|
-
* ```tsx
|
|
13
|
-
* <Tabs.Root onChange={(value) => console.log(value)}>
|
|
14
|
-
* <Tabs.List>
|
|
15
|
-
* <Tabs.Tab value='1'>Tab 1</Tabs.Tab>
|
|
16
|
-
* <Tabs.Tab value='2'>Tab 2</Tabs.Tab>
|
|
17
|
-
* <Tabs.Tab value='3'>Tab 3</Tabs.Tab>
|
|
18
|
-
* </Tabs.List>
|
|
19
|
-
* <Tabs.Content value='1'>content 1</Tabs.Content>
|
|
20
|
-
* <Tabs.Content value='2'>content 2</Tabs.Content>
|
|
21
|
-
* <Tabs.Content value='3'>content 3</Tabs.Content>
|
|
22
|
-
* </Tabs.Root>
|
|
23
|
-
* ```
|
|
24
|
-
*/
|
|
25
|
-
const TabsRoot = React.forwardRef(({ size = 'md', children, value, defaultValue, className, onChange, ...rest }, ref) => {
|
|
26
|
-
const isControlled = value !== undefined;
|
|
27
|
-
const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
|
|
28
|
-
let onValueChange = onChange;
|
|
29
|
-
if (!isControlled) {
|
|
30
|
-
onValueChange = (newValue) => {
|
|
31
|
-
setUncontrolledValue(newValue);
|
|
32
|
-
onChange?.(newValue);
|
|
33
|
-
};
|
|
34
|
-
value = uncontrolledValue;
|
|
35
|
-
}
|
|
36
|
-
return (jsxRuntime.jsx(TabsContext.Provider, { value: {
|
|
37
|
-
value,
|
|
38
|
-
defaultValue,
|
|
39
|
-
onChange: onValueChange,
|
|
40
|
-
size,
|
|
41
|
-
}, children: jsxRuntime.jsx("div", { className: lite.clsx('ds-tabs', `ds-tabs--${size}`, className), ref: ref, ...rest, children: children }) }));
|
|
42
|
-
});
|
|
43
|
-
TabsRoot.displayName = 'TabsRoot';
|
|
44
|
-
|
|
45
|
-
exports.TabsContext = TabsContext;
|
|
46
|
-
exports.TabsRoot = TabsRoot;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var React = require('react');
|
|
5
|
-
var TabsRoot = require('./TabsRoot.js');
|
|
6
|
-
|
|
7
|
-
/** Handles props for `Tab` in context with `Tabs` */
|
|
8
|
-
const useTabItem = (props) => {
|
|
9
|
-
const { value, ...rest } = props;
|
|
10
|
-
const tabs = React.useContext(TabsRoot.TabsContext);
|
|
11
|
-
const buttonId = `tab-${React.useId()}`;
|
|
12
|
-
return {
|
|
13
|
-
...rest,
|
|
14
|
-
id: buttonId,
|
|
15
|
-
'aria-selected': tabs.value === value,
|
|
16
|
-
role: 'tab',
|
|
17
|
-
size: tabs.size,
|
|
18
|
-
onClick: () => {
|
|
19
|
-
tabs.onChange?.(value);
|
|
20
|
-
},
|
|
21
|
-
};
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
exports.useTabItem = useTabItem;
|