@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
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var cl = require('clsx/lite');
|
|
6
|
-
var react = require('react');
|
|
7
|
-
var PaginationRoot = require('./PaginationRoot.js');
|
|
8
|
-
var Paragraph = require('../Typography/Paragraph/Paragraph.js');
|
|
9
|
-
|
|
10
|
-
const PaginationEllipsis = react.forwardRef(function PaginationEllipsis({ className, ...rest }, ref) {
|
|
11
|
-
const { size } = react.useContext(PaginationRoot.PaginationContext);
|
|
12
|
-
return (jsxRuntime.jsx(Paragraph.Paragraph, { ref: ref, className: cl('ds-pagination__ellipsis', className), size: size, ...rest, children: "\u2026" }));
|
|
13
|
-
});
|
|
14
|
-
|
|
15
|
-
exports.PaginationEllipsis = PaginationEllipsis;
|
|
@@ -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 PaginationButton = require('./PaginationButton.js');
|
|
7
|
-
|
|
8
|
-
const PaginationNext = react.forwardRef(function PaginationNext({ ...rest }, ref) {
|
|
9
|
-
return (jsxRuntime.jsx(PaginationButton.PaginationButton, { "aria-label": rest.children != null ? undefined : 'Neste side', ref: ref, ...rest }));
|
|
10
|
-
});
|
|
11
|
-
const PaginationPrevious = react.forwardRef(function PaginationPrevious({ ...rest }, ref) {
|
|
12
|
-
return (jsxRuntime.jsx(PaginationButton.PaginationButton, { "aria-label": rest.children != null ? undefined : 'Forrige side', ref: ref, ...rest }));
|
|
13
|
-
});
|
|
14
|
-
|
|
15
|
-
exports.PaginationNext = PaginationNext;
|
|
16
|
-
exports.PaginationPrevious = PaginationPrevious;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var reactSlot = require('@radix-ui/react-slot');
|
|
6
|
-
var react = require('react');
|
|
7
|
-
|
|
8
|
-
const PaginationContext = react.createContext({
|
|
9
|
-
size: 'md',
|
|
10
|
-
compact: false,
|
|
11
|
-
});
|
|
12
|
-
const PaginationRoot = react.forwardRef(function PaginationRoot({ 'aria-label': ariaLabel = 'Sidenavigering', asChild, compact = false, size = 'md', ...rest }, ref) {
|
|
13
|
-
const Component = asChild ? reactSlot.Slot : 'nav';
|
|
14
|
-
return (jsxRuntime.jsx(PaginationContext.Provider, { value: { size, compact }, children: jsxRuntime.jsx(Component, { "aria-label": ariaLabel, ref: ref, ...rest }) }));
|
|
15
|
-
});
|
|
16
|
-
|
|
17
|
-
exports.PaginationContext = PaginationContext;
|
|
18
|
-
exports.PaginationRoot = PaginationRoot;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var reactSlot = require('@radix-ui/react-slot');
|
|
6
|
-
var cl = require('clsx/lite');
|
|
7
|
-
var react = require('react');
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* Use `Ingress` to display text as ingress.
|
|
11
|
-
*
|
|
12
|
-
* @example
|
|
13
|
-
* <Ingress size='lg'>Ingress</Ingress>
|
|
14
|
-
*/
|
|
15
|
-
const Ingress = react.forwardRef(({ size = 'md', className, spacing, asChild, ...rest }, ref) => {
|
|
16
|
-
const Component = asChild ? reactSlot.Slot : 'p';
|
|
17
|
-
return (jsxRuntime.jsx(Component, { ref: ref, className: cl(`ds-ingress`, `ds-ingress--${size}`, spacing && 'ds-ingress--spacing', className), ...rest }));
|
|
18
|
-
});
|
|
19
|
-
Ingress.displayName = 'Ingress';
|
|
20
|
-
|
|
21
|
-
exports.Ingress = Ingress;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { Slot } from '@radix-ui/react-slot';
|
|
4
|
-
import cl from 'clsx/lite';
|
|
5
|
-
import { forwardRef } from 'react';
|
|
6
|
-
import { Paragraph } from '../Typography/Paragraph/Paragraph.js';
|
|
7
|
-
|
|
8
|
-
const CardContent = forwardRef(({ asChild, className, ...rest }, ref) => {
|
|
9
|
-
const Component = asChild ? Slot : 'div';
|
|
10
|
-
return (jsx(Paragraph, { size: 'md', asChild: true, children: jsx(Component, { className: cl(`ds-card__content`, className), ref: ref, ...rest }) }));
|
|
11
|
-
});
|
|
12
|
-
CardContent.displayName = 'CardContent';
|
|
13
|
-
|
|
14
|
-
export { CardContent };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { Slot } from '@radix-ui/react-slot';
|
|
4
|
-
import cl from 'clsx/lite';
|
|
5
|
-
import { forwardRef } from 'react';
|
|
6
|
-
import { Paragraph } from '../Typography/Paragraph/Paragraph.js';
|
|
7
|
-
|
|
8
|
-
const CardFooter = forwardRef(({ asChild, className, ...rest }, ref) => {
|
|
9
|
-
const Component = asChild ? Slot : 'div';
|
|
10
|
-
return (jsx(Paragraph, { size: 'md', asChild: true, children: jsx(Component, { className: cl(`ds-card__footer`, className), ref: ref, ...rest }) }));
|
|
11
|
-
});
|
|
12
|
-
CardFooter.displayName = 'CardFooter';
|
|
13
|
-
|
|
14
|
-
export { CardFooter };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { Slot } from '@radix-ui/react-slot';
|
|
4
|
-
import cl from 'clsx/lite';
|
|
5
|
-
import { forwardRef } from 'react';
|
|
6
|
-
import { Heading } from '../Typography/Heading/Heading.js';
|
|
7
|
-
|
|
8
|
-
const CardHeader = forwardRef(({ asChild, className, ...rest }, ref) => {
|
|
9
|
-
const Component = asChild ? Slot : 'div';
|
|
10
|
-
return (jsx(Heading, { size: 'md', asChild: true, children: jsx(Component, { className: cl(`ds-card__header`, className), ref: ref, ...rest }) }));
|
|
11
|
-
});
|
|
12
|
-
CardHeader.displayName = 'CardHeader';
|
|
13
|
-
|
|
14
|
-
export { CardHeader };
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import cl from 'clsx/lite';
|
|
4
|
-
import { createContext, forwardRef, Children, isValidElement } from 'react';
|
|
5
|
-
|
|
6
|
-
const ChipGroupContext = createContext(null);
|
|
7
|
-
const Group = forwardRef(({ size = 'md', children, className, ...rest }, ref) => {
|
|
8
|
-
return (jsx("ul", { ref: ref, className: cl(`ds-chip--group-container`, `ds-chip--${size}`, className), ...rest, children: jsx(ChipGroupContext.Provider, { value: { size }, children: Children.toArray(children).map((child, index) => isValidElement(child) ? (jsx("li", { children: child }, `chip-${index}`)) : null) }) }));
|
|
9
|
-
});
|
|
10
|
-
Group.displayName = 'ChipGroup';
|
|
11
|
-
|
|
12
|
-
export { ChipGroupContext, Group };
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
|
-
import { XMarkIcon } from '@navikt/aksel-icons';
|
|
4
|
-
import cl from 'clsx/lite';
|
|
5
|
-
import { forwardRef, useContext } from 'react';
|
|
6
|
-
import { ChipGroupContext } from '../Group/Group.js';
|
|
7
|
-
import { Paragraph } from '../../Typography/Paragraph/Paragraph.js';
|
|
8
|
-
|
|
9
|
-
const RemovableChip = forwardRef(({ size = 'md', children, className, ...rest }, ref) => {
|
|
10
|
-
const group = useContext(ChipGroupContext);
|
|
11
|
-
return (jsx("button", { type: 'button', ref: ref, className: cl(`ds-focus`, `ds-chip--button`, `ds-chip--removable`, `ds-chip--${group?.size || size}`, className), ...rest, children: jsx(Paragraph, { asChild: true, size: group?.size || size, variant: 'short', children: jsxs("span", { className: `ds-chip__label`, children: [jsx("span", { children: children }), jsx("span", { className: `ds-chip__x-mark`, "aria-hidden": true, children: jsx(XMarkIcon, { className: `ds-chip__icon` }) })] }) }) }));
|
|
12
|
-
});
|
|
13
|
-
RemovableChip.displayName = 'ChipRemovable';
|
|
14
|
-
|
|
15
|
-
export { RemovableChip };
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
|
-
import { CheckmarkIcon } from '@navikt/aksel-icons';
|
|
4
|
-
import cl from 'clsx/lite';
|
|
5
|
-
import { forwardRef, useContext } from 'react';
|
|
6
|
-
import { ChipGroupContext } from '../Group/Group.js';
|
|
7
|
-
import { Paragraph } from '../../Typography/Paragraph/Paragraph.js';
|
|
8
|
-
|
|
9
|
-
const ToggleChip = forwardRef(({ children, selected = false, checkmark = true, size = 'md', className, ...rest }, ref) => {
|
|
10
|
-
const shouldDisplayCheckmark = checkmark && selected;
|
|
11
|
-
const group = useContext(ChipGroupContext);
|
|
12
|
-
return (jsx("button", { ref: ref, type: 'button', "aria-pressed": selected, className: cl(`ds-focus`, `ds-chip--button`, `ds-chip--${group?.size || size}`, shouldDisplayCheckmark && `ds-chip--spacing`, className), ...rest, children: jsx(Paragraph, { asChild: true, size: group?.size || size, variant: 'short', children: jsxs("span", { className: `ds-chip__label`, children: [shouldDisplayCheckmark && (jsx(CheckmarkIcon, { className: `ds-chip__checkmark-icon`, "aria-hidden": true })), jsx("span", { children: children })] }) }) }));
|
|
13
|
-
});
|
|
14
|
-
ToggleChip.displayName = 'ChipToggle';
|
|
15
|
-
|
|
16
|
-
export { ToggleChip };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { Slot } from '@radix-ui/react-slot';
|
|
4
|
-
import cl from 'clsx/lite';
|
|
5
|
-
import { forwardRef } from 'react';
|
|
6
|
-
|
|
7
|
-
const ModalContent = forwardRef(({ asChild, className, ...rest }, ref) => {
|
|
8
|
-
const Component = asChild ? Slot : 'div';
|
|
9
|
-
return (jsx(Component, { ref: ref, className: cl('ds-modal__content', className), ...rest }));
|
|
10
|
-
});
|
|
11
|
-
ModalContent.displayName = 'ModalContent';
|
|
12
|
-
|
|
13
|
-
export { ModalContent };
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { useMergeRefs } from '@floating-ui/react';
|
|
4
|
-
import { Slot } from '@radix-ui/react-slot';
|
|
5
|
-
import cl from 'clsx/lite';
|
|
6
|
-
import { forwardRef, useRef, useContext, useEffect } from 'react';
|
|
7
|
-
import { ModalContext } from './ModalRoot.js';
|
|
8
|
-
import { useModalState } from './useModalState.js';
|
|
9
|
-
import { useScrollLock } from './useScrollLock.js';
|
|
10
|
-
|
|
11
|
-
const ModalDialog = forwardRef(({ onInteractOutside, onClose, onBeforeClose, asChild, className, children, ...rest }, ref) => {
|
|
12
|
-
const Component = asChild ? Slot : 'dialog';
|
|
13
|
-
// This local ref is used to make sure the modal works without a ModalRoot
|
|
14
|
-
const modalDialogRef = useRef(null);
|
|
15
|
-
const { modalRef, setOpen, setCloseModal } = useContext(ModalContext);
|
|
16
|
-
const open = useModalState(modalDialogRef);
|
|
17
|
-
useEffect(() => {
|
|
18
|
-
setCloseModal?.(() => {
|
|
19
|
-
if (onBeforeClose && onBeforeClose() === false)
|
|
20
|
-
return;
|
|
21
|
-
modalDialogRef.current?.close();
|
|
22
|
-
});
|
|
23
|
-
}, [onBeforeClose, setCloseModal]);
|
|
24
|
-
const mergedRefs = useMergeRefs([modalRef, ref, modalDialogRef]);
|
|
25
|
-
useScrollLock(modalDialogRef, 'ds-modal--lock-scroll');
|
|
26
|
-
useEffect(() => {
|
|
27
|
-
setOpen(open);
|
|
28
|
-
}, [open, setOpen]);
|
|
29
|
-
useEffect(() => {
|
|
30
|
-
const modalEl = modalRef.current;
|
|
31
|
-
const handleBackdropClick = (e) => {
|
|
32
|
-
if (e.target === modalEl && onInteractOutside) {
|
|
33
|
-
// Fix bug where if you select text spanning two divs it thinks you clicked outside
|
|
34
|
-
if (window.getSelection()?.toString())
|
|
35
|
-
return;
|
|
36
|
-
onInteractOutside?.();
|
|
37
|
-
}
|
|
38
|
-
};
|
|
39
|
-
if (modalEl)
|
|
40
|
-
modalEl.addEventListener('click', handleBackdropClick);
|
|
41
|
-
return () => {
|
|
42
|
-
if (modalEl) {
|
|
43
|
-
modalEl.removeEventListener('click', handleBackdropClick);
|
|
44
|
-
}
|
|
45
|
-
};
|
|
46
|
-
}, [onInteractOutside, modalRef, onBeforeClose, ref]);
|
|
47
|
-
useEffect(() => {
|
|
48
|
-
const modalEl = modalRef.current;
|
|
49
|
-
const handleModalClose = () => {
|
|
50
|
-
onClose?.();
|
|
51
|
-
};
|
|
52
|
-
if (modalEl)
|
|
53
|
-
modalEl.addEventListener('close', handleModalClose);
|
|
54
|
-
return () => {
|
|
55
|
-
if (modalEl) {
|
|
56
|
-
modalEl.removeEventListener('close', handleModalClose);
|
|
57
|
-
}
|
|
58
|
-
};
|
|
59
|
-
}, [modalRef, onClose]);
|
|
60
|
-
const onCancel = (e) => {
|
|
61
|
-
if (onBeforeClose && onBeforeClose() === false) {
|
|
62
|
-
e.preventDefault();
|
|
63
|
-
return;
|
|
64
|
-
}
|
|
65
|
-
modalRef.current?.close();
|
|
66
|
-
};
|
|
67
|
-
return (jsx(Component, { ref: mergedRefs, className: cl('ds-modal', className), onCancel: onCancel, ...rest, children: children }));
|
|
68
|
-
});
|
|
69
|
-
ModalDialog.displayName = 'ModalDialog';
|
|
70
|
-
|
|
71
|
-
export { ModalDialog };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { Slot } from '@radix-ui/react-slot';
|
|
4
|
-
import cl from 'clsx/lite';
|
|
5
|
-
import { forwardRef } from 'react';
|
|
6
|
-
|
|
7
|
-
const ModalFooter = forwardRef(({ asChild, className, ...rest }, ref) => {
|
|
8
|
-
const Component = asChild ? Slot : 'footer';
|
|
9
|
-
return (jsx(Component, { ref: ref, className: cl('ds-modal__footer', className), ...rest }));
|
|
10
|
-
});
|
|
11
|
-
ModalFooter.displayName = 'ModalFooter';
|
|
12
|
-
|
|
13
|
-
export { ModalFooter };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { Slot } from '@radix-ui/react-slot';
|
|
4
|
-
import cl from 'clsx/lite';
|
|
5
|
-
import { forwardRef, useContext } from 'react';
|
|
6
|
-
import { Button } from '../Button/Button.js';
|
|
7
|
-
import { ModalContext } from './ModalRoot.js';
|
|
8
|
-
import { Heading } from '../Typography/Heading/Heading.js';
|
|
9
|
-
import { Paragraph } from '../Typography/Paragraph/Paragraph.js';
|
|
10
|
-
|
|
11
|
-
const ModalHeader = forwardRef(({ closeButton = true, closeButtonTitle = 'close modal', children, subtitle, asChild, className, ...rest }, ref) => {
|
|
12
|
-
const Component = asChild ? Slot : 'div';
|
|
13
|
-
const { closeModal } = useContext(ModalContext);
|
|
14
|
-
return (jsxs(Component, { ref: ref, className: cl('ds-modal__header', className), ...rest, children: [subtitle && (jsx(Paragraph, { size: 'sm', variant: 'short', children: subtitle })), jsx(Heading, { level: 2, size: 'xs', children: children }), closeButton && (jsx(Button, { name: 'close', variant: 'tertiary', color: 'neutral', size: 'md', onClick: () => closeModal?.(), autoFocus: true, icon: true, className: 'ds-modal__header__button', title: closeButtonTitle }))] }));
|
|
15
|
-
});
|
|
16
|
-
ModalHeader.displayName = 'ModalHeader';
|
|
17
|
-
|
|
18
|
-
export { ModalHeader };
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { createContext, useRef, useState, useCallback } from 'react';
|
|
4
|
-
|
|
5
|
-
const ModalContext = createContext({
|
|
6
|
-
setCloseModal: () => { },
|
|
7
|
-
modalRef: { current: null },
|
|
8
|
-
open: false,
|
|
9
|
-
setOpen: () => { },
|
|
10
|
-
});
|
|
11
|
-
const ModalRoot = ({ children }) => {
|
|
12
|
-
const modalRef = useRef(null);
|
|
13
|
-
const [open, setOpen] = useState(false);
|
|
14
|
-
const [closeModal, setCloseModal] = useState();
|
|
15
|
-
const setCloseModalInContext = useCallback((fn) => {
|
|
16
|
-
setCloseModal(() => fn);
|
|
17
|
-
}, []);
|
|
18
|
-
return (jsx(ModalContext.Provider, { value: {
|
|
19
|
-
setCloseModal: setCloseModalInContext,
|
|
20
|
-
closeModal,
|
|
21
|
-
modalRef,
|
|
22
|
-
open,
|
|
23
|
-
setOpen,
|
|
24
|
-
}, children: children }));
|
|
25
|
-
};
|
|
26
|
-
ModalRoot.displayName = 'ModalRoot';
|
|
27
|
-
|
|
28
|
-
export { ModalContext, ModalRoot };
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { useState, useEffect } from 'react';
|
|
3
|
-
|
|
4
|
-
const useModalState = (modalRef) => {
|
|
5
|
-
const [isOpen, setIsOpen] = useState(false);
|
|
6
|
-
useEffect(() => {
|
|
7
|
-
if (!modalRef?.current)
|
|
8
|
-
return;
|
|
9
|
-
if (modalRef.current?.open)
|
|
10
|
-
setIsOpen(true);
|
|
11
|
-
const observer = new MutationObserver(() => {
|
|
12
|
-
if (modalRef.current?.open)
|
|
13
|
-
setIsOpen(true);
|
|
14
|
-
else
|
|
15
|
-
setIsOpen(false);
|
|
16
|
-
});
|
|
17
|
-
observer.observe(modalRef.current, {
|
|
18
|
-
attributes: true,
|
|
19
|
-
attributeFilter: ['open'],
|
|
20
|
-
});
|
|
21
|
-
return () => {
|
|
22
|
-
observer.disconnect();
|
|
23
|
-
};
|
|
24
|
-
}, [modalRef]);
|
|
25
|
-
return isOpen;
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
export { useModalState };
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { useEffect } from 'react';
|
|
3
|
-
|
|
4
|
-
function useScrollLock(modalRef, bodyClass) {
|
|
5
|
-
useEffect(() => {
|
|
6
|
-
if (!modalRef.current)
|
|
7
|
-
return;
|
|
8
|
-
if (modalRef.current.open)
|
|
9
|
-
document.body.classList.add(bodyClass);
|
|
10
|
-
const observer = new MutationObserver(() => {
|
|
11
|
-
if (modalRef.current?.open)
|
|
12
|
-
document.body.classList.add(bodyClass);
|
|
13
|
-
else
|
|
14
|
-
document.body.classList.remove(bodyClass);
|
|
15
|
-
});
|
|
16
|
-
observer.observe(modalRef.current, {
|
|
17
|
-
attributes: true,
|
|
18
|
-
attributeFilter: ['open'],
|
|
19
|
-
});
|
|
20
|
-
return () => {
|
|
21
|
-
observer.disconnect();
|
|
22
|
-
document.body.classList.remove(bodyClass);
|
|
23
|
-
};
|
|
24
|
-
}, [bodyClass, modalRef]);
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
export { useScrollLock };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import cl from 'clsx/lite';
|
|
4
|
-
import { forwardRef, useContext } from 'react';
|
|
5
|
-
import { PaginationContext } from './PaginationRoot.js';
|
|
6
|
-
import { Paragraph } from '../Typography/Paragraph/Paragraph.js';
|
|
7
|
-
|
|
8
|
-
const PaginationEllipsis = forwardRef(function PaginationEllipsis({ className, ...rest }, ref) {
|
|
9
|
-
const { size } = useContext(PaginationContext);
|
|
10
|
-
return (jsx(Paragraph, { ref: ref, className: cl('ds-pagination__ellipsis', className), size: size, ...rest, children: "\u2026" }));
|
|
11
|
-
});
|
|
12
|
-
|
|
13
|
-
export { PaginationEllipsis };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { forwardRef } from 'react';
|
|
4
|
-
import { PaginationButton } from './PaginationButton.js';
|
|
5
|
-
|
|
6
|
-
const PaginationNext = forwardRef(function PaginationNext({ ...rest }, ref) {
|
|
7
|
-
return (jsx(PaginationButton, { "aria-label": rest.children != null ? undefined : 'Neste side', ref: ref, ...rest }));
|
|
8
|
-
});
|
|
9
|
-
const PaginationPrevious = forwardRef(function PaginationPrevious({ ...rest }, ref) {
|
|
10
|
-
return (jsx(PaginationButton, { "aria-label": rest.children != null ? undefined : 'Forrige side', ref: ref, ...rest }));
|
|
11
|
-
});
|
|
12
|
-
|
|
13
|
-
export { PaginationNext, PaginationPrevious };
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { Slot } from '@radix-ui/react-slot';
|
|
4
|
-
import { createContext, forwardRef } from 'react';
|
|
5
|
-
|
|
6
|
-
const PaginationContext = createContext({
|
|
7
|
-
size: 'md',
|
|
8
|
-
compact: false,
|
|
9
|
-
});
|
|
10
|
-
const PaginationRoot = forwardRef(function PaginationRoot({ 'aria-label': ariaLabel = 'Sidenavigering', asChild, compact = false, size = 'md', ...rest }, ref) {
|
|
11
|
-
const Component = asChild ? Slot : 'nav';
|
|
12
|
-
return (jsx(PaginationContext.Provider, { value: { size, compact }, children: jsx(Component, { "aria-label": ariaLabel, ref: ref, ...rest }) }));
|
|
13
|
-
});
|
|
14
|
-
|
|
15
|
-
export { PaginationContext, PaginationRoot };
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { Slot } from '@radix-ui/react-slot';
|
|
4
|
-
import cl from 'clsx/lite';
|
|
5
|
-
import { forwardRef } from 'react';
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* Use `Ingress` to display text as ingress.
|
|
9
|
-
*
|
|
10
|
-
* @example
|
|
11
|
-
* <Ingress size='lg'>Ingress</Ingress>
|
|
12
|
-
*/
|
|
13
|
-
const Ingress = forwardRef(({ size = 'md', className, spacing, asChild, ...rest }, ref) => {
|
|
14
|
-
const Component = asChild ? Slot : 'p';
|
|
15
|
-
return (jsx(Component, { ref: ref, className: cl(`ds-ingress`, `ds-ingress--${size}`, spacing && 'ds-ingress--spacing', className), ...rest }));
|
|
16
|
-
});
|
|
17
|
-
Ingress.displayName = 'Ingress';
|
|
18
|
-
|
|
19
|
-
export { Ingress };
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { Slot } from '@radix-ui/react-slot';
|
|
4
|
-
import cl from 'clsx/lite';
|
|
5
|
-
import { forwardRef } from 'react';
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* Use `Label` for labels.
|
|
9
|
-
*
|
|
10
|
-
* @example
|
|
11
|
-
* <Label size='lg'>Label</Label>
|
|
12
|
-
*/
|
|
13
|
-
const Label = forwardRef(({ className, spacing, size = 'md', weight = 'medium', asChild, ...rest }, ref) => {
|
|
14
|
-
const Component = asChild ? Slot : 'label';
|
|
15
|
-
return (jsx(Component, { ref: ref, className: cl('ds-label', `ds-label--${size}`, spacing && 'ds-label--spacing', weight && `ds-font-weight--${weight}`, className), ...rest }));
|
|
16
|
-
});
|
|
17
|
-
Label.displayName = 'Label';
|
|
18
|
-
|
|
19
|
-
export { Label };
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { Slot } from '@radix-ui/react-slot';
|
|
4
|
-
import cl from 'clsx/lite';
|
|
5
|
-
import { forwardRef } from 'react';
|
|
6
|
-
|
|
7
|
-
const lineHeightMap = {
|
|
8
|
-
short: 'ds-line-height--sm',
|
|
9
|
-
default: 'ds-line-height--md',
|
|
10
|
-
long: 'ds-line-height--lg',
|
|
11
|
-
};
|
|
12
|
-
/**
|
|
13
|
-
* Use `Paragraph` to display text with paragraph text styles.
|
|
14
|
-
*
|
|
15
|
-
* @example
|
|
16
|
-
* <Paragraph size='lg'>Paragraph</Paragraph>
|
|
17
|
-
*/
|
|
18
|
-
const Paragraph = forwardRef(({ className, spacing, size = 'md', asChild, variant, ...rest }, ref) => {
|
|
19
|
-
const Component = asChild ? Slot : 'p';
|
|
20
|
-
return (jsx(Component, { ref: ref, className: cl('ds-paragraph', spacing && 'ds-paragraph--spacing', `ds-paragraph--${size}`, lineHeightMap[variant ?? 'default'], className), ...rest }));
|
|
21
|
-
});
|
|
22
|
-
Paragraph.displayName = 'Paragraph';
|
|
23
|
-
|
|
24
|
-
export { Paragraph };
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import type { HTMLAttributes } from 'react';
|
|
2
|
-
export type CardContentProps = {
|
|
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
|
-
} & HTMLAttributes<HTMLDivElement>;
|
|
9
|
-
export declare const CardContent: React.ForwardRefExoticComponent<{
|
|
10
|
-
/**
|
|
11
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
12
|
-
* @default false
|
|
13
|
-
*/
|
|
14
|
-
asChild?: boolean;
|
|
15
|
-
} & HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
16
|
-
//# sourceMappingURL=CardContent.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,WAAW;IAPtB;;;OAGG;cACO,OAAO;yEAiBlB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CardFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,UAAU;IAPrB;;;OAGG;cACO,OAAO;yEAiBlB,CAAC"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import type { HTMLAttributes } from 'react';
|
|
2
|
-
export type CardHeaderProps = {
|
|
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
|
-
} & HTMLAttributes<HTMLDivElement>;
|
|
9
|
-
export declare const CardHeader: React.ForwardRefExoticComponent<{
|
|
10
|
-
/**
|
|
11
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
12
|
-
* @default false
|
|
13
|
-
*/
|
|
14
|
-
asChild?: boolean;
|
|
15
|
-
} & HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
16
|
-
//# sourceMappingURL=CardHeader.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CardHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,UAAU;IAPrB;;;OAGG;cACO,OAAO;yEAiBlB,CAAC"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import type { HTMLAttributes } from 'react';
|
|
2
|
-
export type ChipGroupContext = {
|
|
3
|
-
size?: 'sm' | 'md' | 'lg';
|
|
4
|
-
};
|
|
5
|
-
export declare const ChipGroupContext: React.Context<ChipGroupContext | null>;
|
|
6
|
-
export type ChipGroupProps = {
|
|
7
|
-
/**
|
|
8
|
-
* Changes Chip size and gap between chips.
|
|
9
|
-
* @default md
|
|
10
|
-
*/
|
|
11
|
-
size?: ChipGroupContext['size'];
|
|
12
|
-
} & HTMLAttributes<HTMLUListElement>;
|
|
13
|
-
export declare const Group: React.ForwardRefExoticComponent<{
|
|
14
|
-
/**
|
|
15
|
-
* Changes Chip size and gap between chips.
|
|
16
|
-
* @default md
|
|
17
|
-
*/
|
|
18
|
-
size?: ChipGroupContext["size"];
|
|
19
|
-
} & HTMLAttributes<HTMLUListElement> & React.RefAttributes<HTMLUListElement>>;
|
|
20
|
-
//# sourceMappingURL=Group.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/Group/Group.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,wCAA+C,CAAC;AAE7E,MAAM,MAAM,cAAc,GAAG;IAC3B;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;CACjC,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAErC,eAAO,MAAM,KAAK;IAPhB;;;OAGG;WACI,gBAAgB,CAAC,MAAM,CAAC;6EAyBhC,CAAC"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import type { ButtonHTMLAttributes } from 'react';
|
|
2
|
-
import { ChipGroupContext } from '../Group/Group';
|
|
3
|
-
export type RemovableChipProps = {
|
|
4
|
-
/**
|
|
5
|
-
* Changes Chip size and gap between chips.
|
|
6
|
-
* @default 'md'
|
|
7
|
-
*/
|
|
8
|
-
size?: ChipGroupContext['size'];
|
|
9
|
-
} & ButtonHTMLAttributes<HTMLButtonElement>;
|
|
10
|
-
export declare const RemovableChip: React.ForwardRefExoticComponent<{
|
|
11
|
-
/**
|
|
12
|
-
* Changes Chip size and gap between chips.
|
|
13
|
-
* @default 'md'
|
|
14
|
-
*/
|
|
15
|
-
size?: ChipGroupContext["size"];
|
|
16
|
-
} & ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
|
|
17
|
-
//# sourceMappingURL=Removable.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Removable.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/Removable/Removable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAIlD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;CACjC,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,eAAO,MAAM,aAAa;IAPxB;;;OAGG;WACI,gBAAgB,CAAC,MAAM,CAAC;qFA+BhC,CAAC"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import type { ButtonHTMLAttributes } from 'react';
|
|
2
|
-
import { ChipGroupContext } from '../Group/Group';
|
|
3
|
-
export type ToggleChipProps = {
|
|
4
|
-
/**
|
|
5
|
-
* Enables check mark icon
|
|
6
|
-
*/
|
|
7
|
-
checkmark?: boolean;
|
|
8
|
-
/**
|
|
9
|
-
* Changes Chip size and gap between chips.
|
|
10
|
-
* @default 'md'
|
|
11
|
-
*/
|
|
12
|
-
size?: ChipGroupContext['size'];
|
|
13
|
-
/**
|
|
14
|
-
* Toggles `aria-pressed` and visual-changes
|
|
15
|
-
* */
|
|
16
|
-
selected?: boolean;
|
|
17
|
-
} & ButtonHTMLAttributes<HTMLButtonElement>;
|
|
18
|
-
export declare const ToggleChip: React.ForwardRefExoticComponent<{
|
|
19
|
-
/**
|
|
20
|
-
* Enables check mark icon
|
|
21
|
-
*/
|
|
22
|
-
checkmark?: boolean;
|
|
23
|
-
/**
|
|
24
|
-
* Changes Chip size and gap between chips.
|
|
25
|
-
* @default 'md'
|
|
26
|
-
*/
|
|
27
|
-
size?: ChipGroupContext["size"];
|
|
28
|
-
/**
|
|
29
|
-
* Toggles `aria-pressed` and visual-changes
|
|
30
|
-
* */
|
|
31
|
-
selected?: boolean;
|
|
32
|
-
} & ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
|
|
33
|
-
//# sourceMappingURL=Toggle.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/Toggle/Toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAIlD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAChC;;SAEK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,eAAO,MAAM,UAAU;IAfrB;;OAEG;gBACS,OAAO;IACnB;;;OAGG;WACI,gBAAgB,CAAC,MAAM,CAAC;IAC/B;;SAEK;eACM,OAAO;qFA8CnB,CAAC"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import type { HTMLAttributes } from 'react';
|
|
2
|
-
export type ModalContentProps = {
|
|
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
|
-
} & HTMLAttributes<HTMLElement>;
|
|
9
|
-
export declare const ModalContent: React.ForwardRefExoticComponent<{
|
|
10
|
-
/**
|
|
11
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
12
|
-
* @default false
|
|
13
|
-
*/
|
|
14
|
-
asChild?: boolean;
|
|
15
|
-
} & HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLDivElement>>;
|
|
16
|
-
//# sourceMappingURL=ModaContent.d.ts.map
|