@navikt/ds-react 7.40.0 → 8.0.1
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/cjs/accordion/Accordion.d.ts +15 -7
- package/cjs/accordion/Accordion.js +5 -6
- package/cjs/accordion/Accordion.js.map +1 -1
- package/cjs/accordion/AccordionContent.js +3 -2
- package/cjs/accordion/AccordionContent.js.map +1 -1
- package/cjs/accordion/AccordionContext.d.ts +1 -2
- package/cjs/accordion/AccordionContext.js +0 -1
- package/cjs/accordion/AccordionContext.js.map +1 -1
- package/cjs/accordion/AccordionHeader.js +5 -13
- package/cjs/accordion/AccordionHeader.js.map +1 -1
- package/cjs/accordion/AccordionItem.js +4 -6
- package/cjs/accordion/AccordionItem.js.map +1 -1
- package/cjs/alert/Alert.js +9 -10
- package/cjs/alert/Alert.js.map +1 -1
- package/cjs/alert/base-alert/close-button/BaseAlertCloseButton.js +2 -3
- package/cjs/alert/base-alert/close-button/BaseAlertCloseButton.js.map +1 -1
- package/cjs/alert/base-alert/content/BaseAlertContent.js +2 -2
- package/cjs/alert/base-alert/content/BaseAlertContent.js.map +1 -1
- package/cjs/alert/base-alert/header/BaseAlertHeader.js +3 -4
- package/cjs/alert/base-alert/header/BaseAlertHeader.js.map +1 -1
- package/cjs/alert/base-alert/root/BaseAlertRoot.d.ts +3 -1
- package/cjs/alert/base-alert/root/BaseAlertRoot.js +2 -3
- package/cjs/alert/base-alert/root/BaseAlertRoot.js.map +1 -1
- package/cjs/alert/base-alert/title/BaseAlertTitle.js +2 -7
- package/cjs/alert/base-alert/title/BaseAlertTitle.js.map +1 -1
- package/cjs/alert/global-alert/root/GlobalAlertRoot.d.ts +4 -0
- package/cjs/alert/global-alert/root/GlobalAlertRoot.js.map +1 -1
- package/cjs/alert/local-alert/root/LocalAlertRoot.d.ts +4 -0
- package/cjs/alert/local-alert/root/LocalAlertRoot.js.map +1 -1
- package/cjs/button/Button.d.ts +14 -1
- package/cjs/button/Button.js +7 -8
- package/cjs/button/Button.js.map +1 -1
- package/cjs/chat/Bubble.js +3 -4
- package/cjs/chat/Bubble.js.map +1 -1
- package/cjs/chat/Chat.d.ts +11 -3
- package/cjs/chat/Chat.js +4 -5
- package/cjs/chat/Chat.js.map +1 -1
- package/cjs/chips/Chips.d.ts +17 -17
- package/cjs/chips/Chips.js +21 -22
- package/cjs/chips/Chips.js.map +1 -1
- package/cjs/chips/Removable.d.ts +8 -2
- package/cjs/chips/Removable.js +4 -15
- package/cjs/chips/Removable.js.map +1 -1
- package/cjs/chips/Toggle.d.ts +8 -2
- package/cjs/chips/Toggle.js +6 -16
- package/cjs/chips/Toggle.js.map +1 -1
- package/cjs/collapsible/Collapsible.d.ts +1 -1
- package/cjs/collapsible/Collapsible.js +1 -1
- package/cjs/copybutton/CopyButton.d.ts +13 -2
- package/cjs/copybutton/CopyButton.js +13 -29
- package/cjs/copybutton/CopyButton.js.map +1 -1
- package/cjs/date/Date.Dialog.js +7 -8
- package/cjs/date/Date.Dialog.js.map +1 -1
- package/cjs/date/Date.Input.js +17 -18
- package/cjs/date/Date.Input.js.map +1 -1
- package/cjs/date/datepicker/DatePicker.js +2 -3
- package/cjs/date/datepicker/DatePicker.js.map +1 -1
- package/cjs/date/datepicker/DatePicker.types.d.ts +5 -0
- package/cjs/date/datepicker/parts/DatePicker.DayButton.js +2 -3
- package/cjs/date/datepicker/parts/DatePicker.DayButton.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.Months.js +7 -9
- package/cjs/date/datepicker/parts/DatePicker.Months.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.RDP.d.ts +0 -5
- package/cjs/date/datepicker/parts/DatePicker.RDP.js +2 -3
- package/cjs/date/datepicker/parts/DatePicker.RDP.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.Standalone.d.ts +0 -5
- package/cjs/date/datepicker/parts/DatePicker.Standalone.js +2 -3
- package/cjs/date/datepicker/parts/DatePicker.Standalone.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.WeekNumber.js +5 -6
- package/cjs/date/datepicker/parts/DatePicker.WeekNumber.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.WeekRow.js +4 -6
- package/cjs/date/datepicker/parts/DatePicker.WeekRow.js.map +1 -1
- package/cjs/date/monthpicker/MonthPicker.js +3 -4
- package/cjs/date/monthpicker/MonthPicker.js.map +1 -1
- package/cjs/date/monthpicker/parts/MonthPicker.Button.js +3 -4
- package/cjs/date/monthpicker/parts/MonthPicker.Button.js.map +1 -1
- package/cjs/date/monthpicker/parts/MonthPicker.Caption.js +4 -6
- package/cjs/date/monthpicker/parts/MonthPicker.Caption.js.map +1 -1
- package/cjs/date/monthpicker/parts/MonthPicker.Standalone.js +3 -4
- package/cjs/date/monthpicker/parts/MonthPicker.Standalone.js.map +1 -1
- package/cjs/dialog/backdrop/DialogBackdropInternal.js +2 -3
- package/cjs/dialog/backdrop/DialogBackdropInternal.js.map +1 -1
- package/cjs/dialog/body/DialogBody.js +2 -3
- package/cjs/dialog/body/DialogBody.js.map +1 -1
- package/cjs/dialog/description/DialogDescription.js +2 -3
- package/cjs/dialog/description/DialogDescription.js.map +1 -1
- package/cjs/dialog/footer/DialogFooter.js +2 -3
- package/cjs/dialog/footer/DialogFooter.js.map +1 -1
- package/cjs/dialog/header/DialogHeader.js +3 -4
- package/cjs/dialog/header/DialogHeader.js.map +1 -1
- package/cjs/dialog/popup/DialogPopupInternal.js +2 -3
- package/cjs/dialog/popup/DialogPopupInternal.js.map +1 -1
- package/cjs/dialog/title/DialogTitle.js +2 -3
- package/cjs/dialog/title/DialogTitle.js.map +1 -1
- package/cjs/dropdown/Menu/Divider.js +2 -3
- package/cjs/dropdown/Menu/Divider.js.map +1 -1
- package/cjs/dropdown/Menu/GroupedList/GroupedHeading.js +2 -3
- package/cjs/dropdown/Menu/GroupedList/GroupedHeading.js.map +1 -1
- package/cjs/dropdown/Menu/GroupedList/GroupedItem.js +3 -4
- package/cjs/dropdown/Menu/GroupedList/GroupedItem.js.map +1 -1
- package/cjs/dropdown/Menu/GroupedList/index.js +2 -3
- package/cjs/dropdown/Menu/GroupedList/index.js.map +1 -1
- package/cjs/dropdown/Menu/List/Item.js +3 -4
- package/cjs/dropdown/Menu/List/Item.js.map +1 -1
- package/cjs/dropdown/Menu/List/index.js +2 -3
- package/cjs/dropdown/Menu/List/index.js.map +1 -1
- package/cjs/dropdown/Menu/index.js +2 -3
- package/cjs/dropdown/Menu/index.js.map +1 -1
- package/cjs/dropdown/Toggle.js +2 -3
- package/cjs/dropdown/Toggle.js.map +1 -1
- package/cjs/expansion-card/ExpansionCard.d.ts +7 -0
- package/cjs/expansion-card/ExpansionCard.js +3 -5
- package/cjs/expansion-card/ExpansionCard.js.map +1 -1
- package/cjs/expansion-card/ExpansionCardContent.js +4 -4
- package/cjs/expansion-card/ExpansionCardContent.js.map +1 -1
- package/cjs/expansion-card/ExpansionCardDescription.js +2 -3
- package/cjs/expansion-card/ExpansionCardDescription.js.map +1 -1
- package/cjs/expansion-card/ExpansionCardHeader.js +5 -6
- package/cjs/expansion-card/ExpansionCardHeader.js.map +1 -1
- package/cjs/expansion-card/ExpansionCardTitle.js +2 -3
- package/cjs/expansion-card/ExpansionCardTitle.js.map +1 -1
- package/cjs/form/ReadOnlyIcon.js +2 -5
- package/cjs/form/ReadOnlyIcon.js.map +1 -1
- package/cjs/form/checkbox/Checkbox.js +37 -80
- package/cjs/form/checkbox/Checkbox.js.map +1 -1
- package/cjs/form/checkbox/CheckboxGroup.js +3 -4
- package/cjs/form/checkbox/CheckboxGroup.js.map +1 -1
- package/cjs/form/combobox/Combobox.js +7 -8
- package/cjs/form/combobox/Combobox.js.map +1 -1
- package/cjs/form/combobox/ComboboxWrapper.js +7 -8
- package/cjs/form/combobox/ComboboxWrapper.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/AddNewOption.js +3 -4
- package/cjs/form/combobox/FilteredOptions/AddNewOption.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/FilteredOptions.js +8 -11
- package/cjs/form/combobox/FilteredOptions/FilteredOptions.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/FilteredOptionsItem.js +4 -5
- package/cjs/form/combobox/FilteredOptions/FilteredOptionsItem.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/LoadingMessage.js +1 -3
- package/cjs/form/combobox/FilteredOptions/LoadingMessage.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/MaxSelectedMessage.js +1 -3
- package/cjs/form/combobox/FilteredOptions/MaxSelectedMessage.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/NoSearchHitsMessage.js +1 -3
- package/cjs/form/combobox/FilteredOptions/NoSearchHitsMessage.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js +2 -2
- package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js.map +1 -1
- package/cjs/form/combobox/Input/Input.js +2 -3
- package/cjs/form/combobox/Input/Input.js.map +1 -1
- package/cjs/form/combobox/Input/InputController.d.ts +1 -1
- package/cjs/form/combobox/Input/InputController.js +3 -4
- package/cjs/form/combobox/Input/InputController.js.map +1 -1
- package/cjs/form/combobox/Input/ToggleListButton.js +1 -3
- package/cjs/form/combobox/Input/ToggleListButton.js.map +1 -1
- package/cjs/form/combobox/SelectedOptions/SelectedOptions.js +3 -6
- package/cjs/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
- package/cjs/form/confirmation-panel/ConfirmationPanel.js +9 -14
- package/cjs/form/confirmation-panel/ConfirmationPanel.js.map +1 -1
- package/cjs/form/error-summary/ErrorSummary.js +4 -5
- package/cjs/form/error-summary/ErrorSummary.js.map +1 -1
- package/cjs/form/error-summary/ErrorSummaryItem.js +2 -3
- package/cjs/form/error-summary/ErrorSummaryItem.js.map +1 -1
- package/cjs/form/fieldset/Fieldset.js +13 -16
- package/cjs/form/fieldset/Fieldset.js.map +1 -1
- package/cjs/form/fieldset/useFieldset.js +2 -5
- package/cjs/form/fieldset/useFieldset.js.map +1 -1
- package/cjs/form/file-upload/FileUpload.js +2 -3
- package/cjs/form/file-upload/FileUpload.js.map +1 -1
- package/cjs/form/file-upload/parts/dropzone/Dropzone.js +16 -21
- package/cjs/form/file-upload/parts/dropzone/Dropzone.js.map +1 -1
- package/cjs/form/file-upload/parts/item/Item.js +10 -26
- package/cjs/form/file-upload/parts/item/Item.js.map +1 -1
- package/cjs/form/file-upload/parts/item/ItemActionField.d.ts +13 -0
- package/cjs/form/file-upload/parts/item/ItemActionField.js +37 -0
- package/cjs/form/file-upload/parts/item/ItemActionField.js.map +1 -0
- package/cjs/form/file-upload/parts/item/ItemButton.js +1 -3
- package/cjs/form/file-upload/parts/item/ItemButton.js.map +1 -1
- package/cjs/form/file-upload/parts/item/{ItemName.d.ts → ItemHeader.d.ts} +2 -2
- package/cjs/form/file-upload/parts/item/ItemHeader.js +46 -0
- package/cjs/form/file-upload/parts/item/ItemHeader.js.map +1 -0
- package/cjs/form/file-upload/parts/item/ItemIcon.d.ts +1 -3
- package/cjs/form/file-upload/parts/item/ItemIcon.js +2 -13
- package/cjs/form/file-upload/parts/item/ItemIcon.js.map +1 -1
- package/cjs/form/file-upload/useFileUpload.d.ts +1 -1
- package/cjs/form/form-progress/FormProgress.js +7 -9
- package/cjs/form/form-progress/FormProgress.js.map +1 -1
- package/cjs/form/form-summary/FormSummary.js +2 -3
- package/cjs/form/form-summary/FormSummary.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryAnswer.js +3 -2
- package/cjs/form/form-summary/FormSummaryAnswer.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryAnswers.js +6 -4
- package/cjs/form/form-summary/FormSummaryAnswers.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryEditLink.js +2 -3
- package/cjs/form/form-summary/FormSummaryEditLink.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryFooter.js +2 -3
- package/cjs/form/form-summary/FormSummaryFooter.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryHeader.js +2 -3
- package/cjs/form/form-summary/FormSummaryHeader.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryValue.js +2 -3
- package/cjs/form/form-summary/FormSummaryValue.js.map +1 -1
- package/cjs/form/radio/Radio.js +10 -28
- package/cjs/form/radio/Radio.js.map +1 -1
- package/cjs/form/radio/RadioGroup.js +3 -4
- package/cjs/form/radio/RadioGroup.js.map +1 -1
- package/cjs/form/search/Search.d.ts +6 -0
- package/cjs/form/search/Search.js +15 -20
- package/cjs/form/search/Search.js.map +1 -1
- package/cjs/form/search/SearchButton.js +2 -3
- package/cjs/form/search/SearchButton.js.map +1 -1
- package/cjs/form/select/Select.js +14 -15
- package/cjs/form/select/Select.js.map +1 -1
- package/cjs/form/switch/Switch.js +15 -16
- package/cjs/form/switch/Switch.js.map +1 -1
- package/cjs/form/textarea/Textarea.js +15 -17
- package/cjs/form/textarea/Textarea.js.map +1 -1
- package/cjs/form/textarea/TextareaCounter.js +5 -6
- package/cjs/form/textarea/TextareaCounter.js.map +1 -1
- package/cjs/form/textfield/TextField.js +13 -14
- package/cjs/form/textfield/TextField.js.map +1 -1
- package/cjs/form/useFormField.js +2 -5
- package/cjs/form/useFormField.js.map +1 -1
- package/cjs/guide-panel/GuidePanel.js +7 -12
- package/cjs/guide-panel/GuidePanel.js.map +1 -1
- package/cjs/guide-panel/Illustration.d.ts +1 -1
- package/cjs/guide-panel/Illustration.js +20 -15
- package/cjs/guide-panel/Illustration.js.map +1 -1
- package/cjs/help-text/HelpText.d.ts +10 -0
- package/cjs/help-text/HelpText.js +5 -7
- package/cjs/help-text/HelpText.js.map +1 -1
- package/cjs/help-text/HelpTextIcon.js +4 -7
- package/cjs/help-text/HelpTextIcon.js.map +1 -1
- package/cjs/inline-message/icon/InlineMessageIcon.js +1 -3
- package/cjs/inline-message/icon/InlineMessageIcon.js.map +1 -1
- package/cjs/inline-message/root/InlineMessage.d.ts +4 -0
- package/cjs/inline-message/root/InlineMessage.js +3 -7
- package/cjs/inline-message/root/InlineMessage.js.map +1 -1
- package/cjs/internal-header/InternalHeader.js +3 -7
- package/cjs/internal-header/InternalHeader.js.map +1 -1
- package/cjs/internal-header/InternalHeaderButton.js +2 -3
- package/cjs/internal-header/InternalHeaderButton.js.map +1 -1
- package/cjs/internal-header/InternalHeaderTitle.js +2 -3
- package/cjs/internal-header/InternalHeaderTitle.js.map +1 -1
- package/cjs/internal-header/InternalHeaderUser.js +2 -3
- package/cjs/internal-header/InternalHeaderUser.js.map +1 -1
- package/cjs/internal-header/InternalHeaderUserButton.js +2 -3
- package/cjs/internal-header/InternalHeaderUserButton.js.map +1 -1
- package/cjs/layout/base/BasePrimitive.d.ts +11 -11
- package/cjs/layout/base/BasePrimitive.js +28 -31
- package/cjs/layout/base/BasePrimitive.js.map +1 -1
- package/cjs/layout/bleed/Bleed.d.ts +7 -7
- package/cjs/layout/bleed/Bleed.js +6 -9
- package/cjs/layout/bleed/Bleed.js.map +1 -1
- package/cjs/layout/box/Box.d.ts +22 -12
- package/cjs/layout/box/Box.darkside.d.ts +16 -14
- package/cjs/layout/box/Box.darkside.js +18 -15
- package/cjs/layout/box/Box.darkside.js.map +1 -1
- package/cjs/layout/box/Box.js +20 -39
- package/cjs/layout/box/Box.js.map +1 -1
- package/cjs/layout/grid/HGrid.d.ts +4 -4
- package/cjs/layout/grid/HGrid.js +8 -11
- package/cjs/layout/grid/HGrid.js.map +1 -1
- package/cjs/layout/page/Page.d.ts +4 -8
- package/cjs/layout/page/Page.js +8 -15
- package/cjs/layout/page/Page.js.map +1 -1
- package/cjs/layout/page/parts/PageBlock.js +2 -3
- package/cjs/layout/page/parts/PageBlock.js.map +1 -1
- package/cjs/layout/responsive/Responsive.js +4 -5
- package/cjs/layout/responsive/Responsive.js.map +1 -1
- package/cjs/layout/stack/Spacer.js +1 -3
- package/cjs/layout/stack/Spacer.js.map +1 -1
- package/cjs/layout/stack/Stack.d.ts +1 -1
- package/cjs/layout/stack/Stack.js +10 -13
- package/cjs/layout/stack/Stack.js.map +1 -1
- package/cjs/layout/utilities/css.d.ts +2 -2
- package/cjs/layout/utilities/css.js +13 -53
- package/cjs/layout/utilities/css.js.map +1 -1
- package/cjs/layout/utilities/types.d.ts +3 -7
- package/cjs/link/Link.d.ts +11 -2
- package/cjs/link/Link.js +4 -18
- package/cjs/link/Link.js.map +1 -1
- package/cjs/link-card/LinkCard.d.ts +9 -0
- package/cjs/link-card/LinkCard.js +8 -14
- package/cjs/link-card/LinkCard.js.map +1 -1
- package/cjs/link-panel/LinkPanel.js +4 -5
- package/cjs/link-panel/LinkPanel.js.map +1 -1
- package/cjs/link-panel/LinkPanelDescription.js +2 -3
- package/cjs/link-panel/LinkPanelDescription.js.map +1 -1
- package/cjs/link-panel/LinkPanelTitle.js +2 -3
- package/cjs/link-panel/LinkPanelTitle.js.map +1 -1
- package/cjs/list/List.Item.js +5 -6
- package/cjs/list/List.Item.js.map +1 -1
- package/cjs/list/List.js +3 -24
- package/cjs/list/List.js.map +1 -1
- package/cjs/list/List.types.d.ts +2 -14
- package/cjs/loader/Loader.d.ts +4 -1
- package/cjs/loader/Loader.js +5 -6
- package/cjs/loader/Loader.js.map +1 -1
- package/cjs/modal/Modal.context.d.ts +1 -1
- package/cjs/modal/Modal.js +10 -16
- package/cjs/modal/Modal.js.map +1 -1
- package/cjs/modal/ModalBody.js +2 -3
- package/cjs/modal/ModalBody.js.map +1 -1
- package/cjs/modal/ModalFooter.js +2 -3
- package/cjs/modal/ModalFooter.js.map +1 -1
- package/cjs/modal/ModalHeader.js +3 -4
- package/cjs/modal/ModalHeader.js.map +1 -1
- package/cjs/modal/ModalUtils.d.ts +1 -3
- package/cjs/modal/ModalUtils.js +1 -38
- package/cjs/modal/ModalUtils.js.map +1 -1
- package/cjs/overlays/action-menu/ActionMenu.js +40 -61
- package/cjs/overlays/action-menu/ActionMenu.js.map +1 -1
- package/cjs/overlays/floating/Floating.js +5 -5
- package/cjs/overlays/floating/Floating.js.map +1 -1
- package/cjs/pagination/Pagination.d.ts +12 -5
- package/cjs/pagination/Pagination.js +9 -18
- package/cjs/pagination/Pagination.js.map +1 -1
- package/cjs/pagination/PaginationItem.js +3 -5
- package/cjs/pagination/PaginationItem.js.map +1 -1
- package/cjs/panel/Panel.d.ts +2 -2
- package/cjs/panel/Panel.js +5 -6
- package/cjs/panel/Panel.js.map +1 -1
- package/cjs/popover/Popover.d.ts +2 -3
- package/cjs/popover/Popover.js +8 -21
- package/cjs/popover/Popover.js.map +1 -1
- package/cjs/popover/PopoverContent.js +2 -3
- package/cjs/popover/PopoverContent.js.map +1 -1
- package/cjs/portal/Portal.js +2 -5
- package/cjs/portal/Portal.js.map +1 -1
- package/cjs/process/Process.js +11 -18
- package/cjs/process/Process.js.map +1 -1
- package/cjs/progress-bar/ProgressBar.d.ts +7 -0
- package/cjs/progress-bar/ProgressBar.js +6 -7
- package/cjs/progress-bar/ProgressBar.js.map +1 -1
- package/cjs/read-more/ReadMore.d.ts +11 -0
- package/cjs/read-more/ReadMore.js +7 -8
- package/cjs/read-more/ReadMore.js.map +1 -1
- package/cjs/skeleton/Skeleton.js +6 -7
- package/cjs/skeleton/Skeleton.js.map +1 -1
- package/cjs/stepper/Step.js +9 -10
- package/cjs/stepper/Step.js.map +1 -1
- package/cjs/stepper/Stepper.js +5 -11
- package/cjs/stepper/Stepper.js.map +1 -1
- package/cjs/table/AnimateHeight.js +2 -4
- package/cjs/table/AnimateHeight.js.map +1 -1
- package/cjs/table/Body.js +2 -3
- package/cjs/table/Body.js.map +1 -1
- package/cjs/table/ColumnHeader.js +3 -5
- package/cjs/table/ColumnHeader.js.map +1 -1
- package/cjs/table/DataCell.js +3 -4
- package/cjs/table/DataCell.js.map +1 -1
- package/cjs/table/ExpandableRow.js +12 -13
- package/cjs/table/ExpandableRow.js.map +1 -1
- package/cjs/table/Header.js +2 -3
- package/cjs/table/Header.js.map +1 -1
- package/cjs/table/HeaderCell.js +4 -5
- package/cjs/table/HeaderCell.js.map +1 -1
- package/cjs/table/Row.js +4 -5
- package/cjs/table/Row.js.map +1 -1
- package/cjs/table/Table.js +4 -5
- package/cjs/table/Table.js.map +1 -1
- package/cjs/tabs/Tabs.context.d.ts +1 -1
- package/cjs/tabs/Tabs.js +2 -3
- package/cjs/tabs/Tabs.js.map +1 -1
- package/cjs/tabs/parts/tab/Tab.js +5 -6
- package/cjs/tabs/parts/tab/Tab.js.map +1 -1
- package/cjs/tabs/parts/tab/useTab.d.ts +1 -1
- package/cjs/tabs/parts/tablist/ScrollButtons.js +3 -4
- package/cjs/tabs/parts/tablist/ScrollButtons.js.map +1 -1
- package/cjs/tabs/parts/tablist/TabList.js +3 -4
- package/cjs/tabs/parts/tablist/TabList.js.map +1 -1
- package/cjs/tabs/parts/tabpanel/TabPanel.js +2 -3
- package/cjs/tabs/parts/tabpanel/TabPanel.js.map +1 -1
- package/cjs/tag/Tag.d.ts +12 -1
- package/cjs/tag/Tag.js +7 -5
- package/cjs/tag/Tag.js.map +1 -1
- package/cjs/theme/Theme.d.ts +9 -18
- package/cjs/theme/Theme.js +7 -31
- package/cjs/theme/Theme.js.map +1 -1
- package/cjs/timeline/AxisLabels.js +1 -3
- package/cjs/timeline/AxisLabels.js.map +1 -1
- package/cjs/timeline/Timeline.js +1 -3
- package/cjs/timeline/Timeline.js.map +1 -1
- package/cjs/timeline/TimelineRow.js +5 -6
- package/cjs/timeline/TimelineRow.js.map +1 -1
- package/cjs/timeline/period/ClickablePeriod.js +5 -6
- package/cjs/timeline/period/ClickablePeriod.js.map +1 -1
- package/cjs/timeline/period/NonClickablePeriod.js +4 -5
- package/cjs/timeline/period/NonClickablePeriod.js.map +1 -1
- package/cjs/timeline/period/index.d.ts +8 -0
- package/cjs/timeline/period/index.js.map +1 -1
- package/cjs/timeline/pin/PinInternal.js +3 -5
- package/cjs/timeline/pin/PinInternal.js.map +1 -1
- package/cjs/timeline/utils/period.js +5 -9
- package/cjs/timeline/utils/period.js.map +1 -1
- package/cjs/timeline/zoom/ZoomButton.js +1 -3
- package/cjs/timeline/zoom/ZoomButton.js.map +1 -1
- package/cjs/timeline/zoom/index.js +2 -3
- package/cjs/timeline/zoom/index.js.map +1 -1
- package/cjs/toggle-group/ToggleGroup.context.d.ts +1 -1
- package/cjs/toggle-group/ToggleGroup.js +6 -15
- package/cjs/toggle-group/ToggleGroup.js.map +1 -1
- package/cjs/toggle-group/ToggleGroup.types.d.ts +11 -2
- package/cjs/toggle-group/parts/ToggleItem.js +3 -4
- package/cjs/toggle-group/parts/ToggleItem.js.map +1 -1
- package/cjs/toggle-group/parts/useToggleItem.d.ts +1 -1
- package/cjs/tooltip/Tooltip.js +4 -5
- package/cjs/tooltip/Tooltip.js.map +1 -1
- package/cjs/typography/BodyLong.d.ts +9 -0
- package/cjs/typography/BodyLong.js +2 -3
- package/cjs/typography/BodyLong.js.map +1 -1
- package/cjs/typography/BodyShort.d.ts +9 -0
- package/cjs/typography/BodyShort.js +2 -3
- package/cjs/typography/BodyShort.js.map +1 -1
- package/cjs/typography/Detail.d.ts +9 -0
- package/cjs/typography/Detail.js +3 -4
- package/cjs/typography/Detail.js.map +1 -1
- package/cjs/typography/ErrorMessage.js +4 -5
- package/cjs/typography/ErrorMessage.js.map +1 -1
- package/cjs/typography/Heading.d.ts +9 -0
- package/cjs/typography/Heading.js +2 -3
- package/cjs/typography/Heading.js.map +1 -1
- package/cjs/typography/Ingress.js +3 -4
- package/cjs/typography/Ingress.js.map +1 -1
- package/cjs/typography/Label.d.ts +9 -0
- package/cjs/typography/Label.js +3 -4
- package/cjs/typography/Label.js.map +1 -1
- package/cjs/typography/types.d.ts +1 -1
- package/cjs/typography/util.js +9 -13
- package/cjs/typography/util.js.map +1 -1
- package/cjs/util/TextareaAutoSize.js +1 -3
- package/cjs/util/TextareaAutoSize.js.map +1 -1
- package/cjs/util/className.d.ts +6 -0
- package/cjs/util/className.js +46 -0
- package/cjs/util/className.js.map +1 -0
- package/cjs/util/hooks/descendants/useDescendant.d.ts +1 -1
- package/cjs/util/hooks/useMergeRefs.d.ts +2 -1
- package/cjs/util/hooks/useMergeRefs.js.map +1 -1
- package/cjs/util/link-anchor/LinkAnchor.js +4 -7
- package/cjs/util/link-anchor/LinkAnchor.js.map +1 -1
- package/cjs/util/virtualfocus/Context.d.ts +1 -1
- package/esm/accordion/Accordion.d.ts +15 -7
- package/esm/accordion/Accordion.js +5 -6
- package/esm/accordion/Accordion.js.map +1 -1
- package/esm/accordion/AccordionContent.js +4 -3
- package/esm/accordion/AccordionContent.js.map +1 -1
- package/esm/accordion/AccordionContext.d.ts +1 -2
- package/esm/accordion/AccordionContext.js +0 -1
- package/esm/accordion/AccordionContext.js.map +1 -1
- package/esm/accordion/AccordionHeader.js +5 -13
- package/esm/accordion/AccordionHeader.js.map +1 -1
- package/esm/accordion/AccordionItem.js +4 -6
- package/esm/accordion/AccordionItem.js.map +1 -1
- package/esm/alert/Alert.js +9 -10
- package/esm/alert/Alert.js.map +1 -1
- package/esm/alert/base-alert/close-button/BaseAlertCloseButton.js +2 -3
- package/esm/alert/base-alert/close-button/BaseAlertCloseButton.js.map +1 -1
- package/esm/alert/base-alert/content/BaseAlertContent.js +3 -3
- package/esm/alert/base-alert/content/BaseAlertContent.js.map +1 -1
- package/esm/alert/base-alert/header/BaseAlertHeader.js +3 -4
- package/esm/alert/base-alert/header/BaseAlertHeader.js.map +1 -1
- package/esm/alert/base-alert/root/BaseAlertRoot.d.ts +3 -1
- package/esm/alert/base-alert/root/BaseAlertRoot.js +2 -3
- package/esm/alert/base-alert/root/BaseAlertRoot.js.map +1 -1
- package/esm/alert/base-alert/title/BaseAlertTitle.js +2 -4
- package/esm/alert/base-alert/title/BaseAlertTitle.js.map +1 -1
- package/esm/alert/global-alert/root/GlobalAlertRoot.d.ts +4 -0
- package/esm/alert/global-alert/root/GlobalAlertRoot.js.map +1 -1
- package/esm/alert/local-alert/root/LocalAlertRoot.d.ts +4 -0
- package/esm/alert/local-alert/root/LocalAlertRoot.js.map +1 -1
- package/esm/button/Button.d.ts +14 -1
- package/esm/button/Button.js +7 -8
- package/esm/button/Button.js.map +1 -1
- package/esm/chat/Bubble.js +3 -4
- package/esm/chat/Bubble.js.map +1 -1
- package/esm/chat/Chat.d.ts +11 -3
- package/esm/chat/Chat.js +4 -5
- package/esm/chat/Chat.js.map +1 -1
- package/esm/chips/Chips.d.ts +17 -17
- package/esm/chips/Chips.js +21 -22
- package/esm/chips/Chips.js.map +1 -1
- package/esm/chips/Removable.d.ts +8 -2
- package/esm/chips/Removable.js +4 -15
- package/esm/chips/Removable.js.map +1 -1
- package/esm/chips/Toggle.d.ts +8 -2
- package/esm/chips/Toggle.js +6 -16
- package/esm/chips/Toggle.js.map +1 -1
- package/esm/collapsible/Collapsible.d.ts +1 -1
- package/esm/collapsible/Collapsible.js +1 -1
- package/esm/copybutton/CopyButton.d.ts +13 -2
- package/esm/copybutton/CopyButton.js +13 -29
- package/esm/copybutton/CopyButton.js.map +1 -1
- package/esm/date/Date.Dialog.js +7 -8
- package/esm/date/Date.Dialog.js.map +1 -1
- package/esm/date/Date.Input.js +17 -18
- package/esm/date/Date.Input.js.map +1 -1
- package/esm/date/datepicker/DatePicker.js +2 -3
- package/esm/date/datepicker/DatePicker.js.map +1 -1
- package/esm/date/datepicker/DatePicker.types.d.ts +5 -0
- package/esm/date/datepicker/parts/DatePicker.DayButton.js +2 -3
- package/esm/date/datepicker/parts/DatePicker.DayButton.js.map +1 -1
- package/esm/date/datepicker/parts/DatePicker.Months.js +7 -9
- package/esm/date/datepicker/parts/DatePicker.Months.js.map +1 -1
- package/esm/date/datepicker/parts/DatePicker.RDP.d.ts +0 -5
- package/esm/date/datepicker/parts/DatePicker.RDP.js +2 -3
- package/esm/date/datepicker/parts/DatePicker.RDP.js.map +1 -1
- package/esm/date/datepicker/parts/DatePicker.Standalone.d.ts +0 -5
- package/esm/date/datepicker/parts/DatePicker.Standalone.js +2 -3
- package/esm/date/datepicker/parts/DatePicker.Standalone.js.map +1 -1
- package/esm/date/datepicker/parts/DatePicker.WeekNumber.js +5 -6
- package/esm/date/datepicker/parts/DatePicker.WeekNumber.js.map +1 -1
- package/esm/date/datepicker/parts/DatePicker.WeekRow.js +4 -6
- package/esm/date/datepicker/parts/DatePicker.WeekRow.js.map +1 -1
- package/esm/date/monthpicker/MonthPicker.js +3 -4
- package/esm/date/monthpicker/MonthPicker.js.map +1 -1
- package/esm/date/monthpicker/parts/MonthPicker.Button.js +3 -4
- package/esm/date/monthpicker/parts/MonthPicker.Button.js.map +1 -1
- package/esm/date/monthpicker/parts/MonthPicker.Caption.js +4 -6
- package/esm/date/monthpicker/parts/MonthPicker.Caption.js.map +1 -1
- package/esm/date/monthpicker/parts/MonthPicker.Standalone.js +3 -4
- package/esm/date/monthpicker/parts/MonthPicker.Standalone.js.map +1 -1
- package/esm/dialog/backdrop/DialogBackdropInternal.js +2 -3
- package/esm/dialog/backdrop/DialogBackdropInternal.js.map +1 -1
- package/esm/dialog/body/DialogBody.js +2 -3
- package/esm/dialog/body/DialogBody.js.map +1 -1
- package/esm/dialog/description/DialogDescription.js +2 -3
- package/esm/dialog/description/DialogDescription.js.map +1 -1
- package/esm/dialog/footer/DialogFooter.js +2 -3
- package/esm/dialog/footer/DialogFooter.js.map +1 -1
- package/esm/dialog/header/DialogHeader.js +3 -4
- package/esm/dialog/header/DialogHeader.js.map +1 -1
- package/esm/dialog/popup/DialogPopupInternal.js +2 -3
- package/esm/dialog/popup/DialogPopupInternal.js.map +1 -1
- package/esm/dialog/title/DialogTitle.js +2 -3
- package/esm/dialog/title/DialogTitle.js.map +1 -1
- package/esm/dropdown/Menu/Divider.js +2 -3
- package/esm/dropdown/Menu/Divider.js.map +1 -1
- package/esm/dropdown/Menu/GroupedList/GroupedHeading.js +2 -3
- package/esm/dropdown/Menu/GroupedList/GroupedHeading.js.map +1 -1
- package/esm/dropdown/Menu/GroupedList/GroupedItem.js +3 -4
- package/esm/dropdown/Menu/GroupedList/GroupedItem.js.map +1 -1
- package/esm/dropdown/Menu/GroupedList/index.js +2 -3
- package/esm/dropdown/Menu/GroupedList/index.js.map +1 -1
- package/esm/dropdown/Menu/List/Item.js +3 -4
- package/esm/dropdown/Menu/List/Item.js.map +1 -1
- package/esm/dropdown/Menu/List/index.js +2 -3
- package/esm/dropdown/Menu/List/index.js.map +1 -1
- package/esm/dropdown/Menu/index.js +2 -3
- package/esm/dropdown/Menu/index.js.map +1 -1
- package/esm/dropdown/Toggle.js +2 -3
- package/esm/dropdown/Toggle.js.map +1 -1
- package/esm/expansion-card/ExpansionCard.d.ts +7 -0
- package/esm/expansion-card/ExpansionCard.js +3 -5
- package/esm/expansion-card/ExpansionCard.js.map +1 -1
- package/esm/expansion-card/ExpansionCardContent.js +5 -5
- package/esm/expansion-card/ExpansionCardContent.js.map +1 -1
- package/esm/expansion-card/ExpansionCardDescription.js +2 -3
- package/esm/expansion-card/ExpansionCardDescription.js.map +1 -1
- package/esm/expansion-card/ExpansionCardHeader.js +5 -6
- package/esm/expansion-card/ExpansionCardHeader.js.map +1 -1
- package/esm/expansion-card/ExpansionCardTitle.js +2 -3
- package/esm/expansion-card/ExpansionCardTitle.js.map +1 -1
- package/esm/form/ReadOnlyIcon.js +2 -5
- package/esm/form/ReadOnlyIcon.js.map +1 -1
- package/esm/form/checkbox/Checkbox.js +37 -80
- package/esm/form/checkbox/Checkbox.js.map +1 -1
- package/esm/form/checkbox/CheckboxGroup.js +3 -4
- package/esm/form/checkbox/CheckboxGroup.js.map +1 -1
- package/esm/form/combobox/Combobox.js +7 -8
- package/esm/form/combobox/Combobox.js.map +1 -1
- package/esm/form/combobox/ComboboxWrapper.js +7 -8
- package/esm/form/combobox/ComboboxWrapper.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/AddNewOption.js +3 -4
- package/esm/form/combobox/FilteredOptions/AddNewOption.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/FilteredOptions.js +8 -11
- package/esm/form/combobox/FilteredOptions/FilteredOptions.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/FilteredOptionsItem.js +4 -5
- package/esm/form/combobox/FilteredOptions/FilteredOptionsItem.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/LoadingMessage.js +1 -3
- package/esm/form/combobox/FilteredOptions/LoadingMessage.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/MaxSelectedMessage.js +1 -3
- package/esm/form/combobox/FilteredOptions/MaxSelectedMessage.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/NoSearchHitsMessage.js +1 -3
- package/esm/form/combobox/FilteredOptions/NoSearchHitsMessage.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/filteredOptionsContext.js +1 -1
- package/esm/form/combobox/FilteredOptions/filteredOptionsContext.js.map +1 -1
- package/esm/form/combobox/Input/Input.js +2 -3
- package/esm/form/combobox/Input/Input.js.map +1 -1
- package/esm/form/combobox/Input/InputController.d.ts +1 -1
- package/esm/form/combobox/Input/InputController.js +3 -4
- package/esm/form/combobox/Input/InputController.js.map +1 -1
- package/esm/form/combobox/Input/ToggleListButton.js +1 -3
- package/esm/form/combobox/Input/ToggleListButton.js.map +1 -1
- package/esm/form/combobox/SelectedOptions/SelectedOptions.js +3 -6
- package/esm/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
- package/esm/form/confirmation-panel/ConfirmationPanel.js +8 -10
- package/esm/form/confirmation-panel/ConfirmationPanel.js.map +1 -1
- package/esm/form/error-summary/ErrorSummary.js +4 -5
- package/esm/form/error-summary/ErrorSummary.js.map +1 -1
- package/esm/form/error-summary/ErrorSummaryItem.js +2 -3
- package/esm/form/error-summary/ErrorSummaryItem.js.map +1 -1
- package/esm/form/fieldset/Fieldset.js +12 -12
- package/esm/form/fieldset/Fieldset.js.map +1 -1
- package/esm/form/fieldset/useFieldset.js +1 -1
- package/esm/form/fieldset/useFieldset.js.map +1 -1
- package/esm/form/file-upload/FileUpload.js +2 -3
- package/esm/form/file-upload/FileUpload.js.map +1 -1
- package/esm/form/file-upload/parts/dropzone/Dropzone.js +16 -18
- package/esm/form/file-upload/parts/dropzone/Dropzone.js.map +1 -1
- package/esm/form/file-upload/parts/item/Item.js +11 -24
- package/esm/form/file-upload/parts/item/Item.js.map +1 -1
- package/esm/form/file-upload/parts/item/ItemActionField.d.ts +13 -0
- package/esm/form/file-upload/parts/item/ItemActionField.js +32 -0
- package/esm/form/file-upload/parts/item/ItemActionField.js.map +1 -0
- package/esm/form/file-upload/parts/item/ItemButton.js +1 -3
- package/esm/form/file-upload/parts/item/ItemButton.js.map +1 -1
- package/esm/form/file-upload/parts/item/{ItemName.d.ts → ItemHeader.d.ts} +2 -2
- package/esm/form/file-upload/parts/item/ItemHeader.js +40 -0
- package/esm/form/file-upload/parts/item/ItemHeader.js.map +1 -0
- package/esm/form/file-upload/parts/item/ItemIcon.d.ts +1 -3
- package/esm/form/file-upload/parts/item/ItemIcon.js +3 -14
- package/esm/form/file-upload/parts/item/ItemIcon.js.map +1 -1
- package/esm/form/file-upload/useFileUpload.d.ts +1 -1
- package/esm/form/form-progress/FormProgress.js +7 -9
- package/esm/form/form-progress/FormProgress.js.map +1 -1
- package/esm/form/form-summary/FormSummary.js +2 -3
- package/esm/form/form-summary/FormSummary.js.map +1 -1
- package/esm/form/form-summary/FormSummaryAnswer.js +4 -3
- package/esm/form/form-summary/FormSummaryAnswer.js.map +1 -1
- package/esm/form/form-summary/FormSummaryAnswers.js +6 -4
- package/esm/form/form-summary/FormSummaryAnswers.js.map +1 -1
- package/esm/form/form-summary/FormSummaryEditLink.js +2 -3
- package/esm/form/form-summary/FormSummaryEditLink.js.map +1 -1
- package/esm/form/form-summary/FormSummaryFooter.js +2 -3
- package/esm/form/form-summary/FormSummaryFooter.js.map +1 -1
- package/esm/form/form-summary/FormSummaryHeader.js +2 -3
- package/esm/form/form-summary/FormSummaryHeader.js.map +1 -1
- package/esm/form/form-summary/FormSummaryValue.js +2 -3
- package/esm/form/form-summary/FormSummaryValue.js.map +1 -1
- package/esm/form/radio/Radio.js +10 -25
- package/esm/form/radio/Radio.js.map +1 -1
- package/esm/form/radio/RadioGroup.js +3 -4
- package/esm/form/radio/RadioGroup.js.map +1 -1
- package/esm/form/search/Search.d.ts +6 -0
- package/esm/form/search/Search.js +15 -20
- package/esm/form/search/Search.js.map +1 -1
- package/esm/form/search/SearchButton.js +2 -3
- package/esm/form/search/SearchButton.js.map +1 -1
- package/esm/form/select/Select.js +14 -15
- package/esm/form/select/Select.js.map +1 -1
- package/esm/form/switch/Switch.js +15 -16
- package/esm/form/switch/Switch.js.map +1 -1
- package/esm/form/textarea/Textarea.js +14 -16
- package/esm/form/textarea/Textarea.js.map +1 -1
- package/esm/form/textarea/TextareaCounter.js +5 -6
- package/esm/form/textarea/TextareaCounter.js.map +1 -1
- package/esm/form/textfield/TextField.js +13 -14
- package/esm/form/textfield/TextField.js.map +1 -1
- package/esm/form/useFormField.js +1 -1
- package/esm/form/useFormField.js.map +1 -1
- package/esm/guide-panel/GuidePanel.js +9 -14
- package/esm/guide-panel/GuidePanel.js.map +1 -1
- package/esm/guide-panel/Illustration.d.ts +1 -1
- package/esm/guide-panel/Illustration.js +18 -13
- package/esm/guide-panel/Illustration.js.map +1 -1
- package/esm/help-text/HelpText.d.ts +10 -0
- package/esm/help-text/HelpText.js +5 -7
- package/esm/help-text/HelpText.js.map +1 -1
- package/esm/help-text/HelpTextIcon.js +4 -7
- package/esm/help-text/HelpTextIcon.js.map +1 -1
- package/esm/inline-message/icon/InlineMessageIcon.js +1 -3
- package/esm/inline-message/icon/InlineMessageIcon.js.map +1 -1
- package/esm/inline-message/root/InlineMessage.d.ts +4 -0
- package/esm/inline-message/root/InlineMessage.js +3 -4
- package/esm/inline-message/root/InlineMessage.js.map +1 -1
- package/esm/internal-header/InternalHeader.js +4 -8
- package/esm/internal-header/InternalHeader.js.map +1 -1
- package/esm/internal-header/InternalHeaderButton.js +2 -3
- package/esm/internal-header/InternalHeaderButton.js.map +1 -1
- package/esm/internal-header/InternalHeaderTitle.js +2 -3
- package/esm/internal-header/InternalHeaderTitle.js.map +1 -1
- package/esm/internal-header/InternalHeaderUser.js +2 -3
- package/esm/internal-header/InternalHeaderUser.js.map +1 -1
- package/esm/internal-header/InternalHeaderUserButton.js +2 -3
- package/esm/internal-header/InternalHeaderUserButton.js.map +1 -1
- package/esm/layout/base/BasePrimitive.d.ts +11 -11
- package/esm/layout/base/BasePrimitive.js +28 -31
- package/esm/layout/base/BasePrimitive.js.map +1 -1
- package/esm/layout/bleed/Bleed.d.ts +7 -7
- package/esm/layout/bleed/Bleed.js +6 -9
- package/esm/layout/bleed/Bleed.js.map +1 -1
- package/esm/layout/box/Box.d.ts +22 -12
- package/esm/layout/box/Box.darkside.d.ts +16 -14
- package/esm/layout/box/Box.darkside.js +18 -15
- package/esm/layout/box/Box.darkside.js.map +1 -1
- package/esm/layout/box/Box.js +20 -39
- package/esm/layout/box/Box.js.map +1 -1
- package/esm/layout/grid/HGrid.d.ts +4 -4
- package/esm/layout/grid/HGrid.js +8 -11
- package/esm/layout/grid/HGrid.js.map +1 -1
- package/esm/layout/page/Page.d.ts +4 -8
- package/esm/layout/page/Page.js +8 -15
- package/esm/layout/page/Page.js.map +1 -1
- package/esm/layout/page/parts/PageBlock.js +2 -3
- package/esm/layout/page/parts/PageBlock.js.map +1 -1
- package/esm/layout/responsive/Responsive.js +4 -5
- package/esm/layout/responsive/Responsive.js.map +1 -1
- package/esm/layout/stack/Spacer.js +1 -3
- package/esm/layout/stack/Spacer.js.map +1 -1
- package/esm/layout/stack/Stack.d.ts +1 -1
- package/esm/layout/stack/Stack.js +10 -13
- package/esm/layout/stack/Stack.js.map +1 -1
- package/esm/layout/utilities/css.d.ts +2 -2
- package/esm/layout/utilities/css.js +13 -53
- package/esm/layout/utilities/css.js.map +1 -1
- package/esm/layout/utilities/types.d.ts +3 -7
- package/esm/link/Link.d.ts +11 -2
- package/esm/link/Link.js +4 -18
- package/esm/link/Link.js.map +1 -1
- package/esm/link-card/LinkCard.d.ts +9 -0
- package/esm/link-card/LinkCard.js +8 -14
- package/esm/link-card/LinkCard.js.map +1 -1
- package/esm/link-panel/LinkPanel.js +4 -5
- package/esm/link-panel/LinkPanel.js.map +1 -1
- package/esm/link-panel/LinkPanelDescription.js +2 -3
- package/esm/link-panel/LinkPanelDescription.js.map +1 -1
- package/esm/link-panel/LinkPanelTitle.js +2 -3
- package/esm/link-panel/LinkPanelTitle.js.map +1 -1
- package/esm/list/List.Item.js +5 -6
- package/esm/list/List.Item.js.map +1 -1
- package/esm/list/List.js +4 -25
- package/esm/list/List.js.map +1 -1
- package/esm/list/List.types.d.ts +2 -14
- package/esm/loader/Loader.d.ts +4 -1
- package/esm/loader/Loader.js +5 -6
- package/esm/loader/Loader.js.map +1 -1
- package/esm/modal/Modal.context.d.ts +1 -1
- package/esm/modal/Modal.js +11 -17
- package/esm/modal/Modal.js.map +1 -1
- package/esm/modal/ModalBody.js +2 -3
- package/esm/modal/ModalBody.js.map +1 -1
- package/esm/modal/ModalFooter.js +2 -3
- package/esm/modal/ModalFooter.js.map +1 -1
- package/esm/modal/ModalHeader.js +3 -4
- package/esm/modal/ModalHeader.js.map +1 -1
- package/esm/modal/ModalUtils.d.ts +1 -3
- package/esm/modal/ModalUtils.js +1 -37
- package/esm/modal/ModalUtils.js.map +1 -1
- package/esm/overlays/action-menu/ActionMenu.js +40 -61
- package/esm/overlays/action-menu/ActionMenu.js.map +1 -1
- package/esm/overlays/floating/Floating.js +5 -5
- package/esm/overlays/floating/Floating.js.map +1 -1
- package/esm/pagination/Pagination.d.ts +12 -5
- package/esm/pagination/Pagination.js +9 -18
- package/esm/pagination/Pagination.js.map +1 -1
- package/esm/pagination/PaginationItem.js +3 -5
- package/esm/pagination/PaginationItem.js.map +1 -1
- package/esm/panel/Panel.d.ts +2 -2
- package/esm/panel/Panel.js +5 -6
- package/esm/panel/Panel.js.map +1 -1
- package/esm/popover/Popover.d.ts +2 -3
- package/esm/popover/Popover.js +10 -23
- package/esm/popover/Popover.js.map +1 -1
- package/esm/popover/PopoverContent.js +2 -3
- package/esm/popover/PopoverContent.js.map +1 -1
- package/esm/portal/Portal.js +2 -5
- package/esm/portal/Portal.js.map +1 -1
- package/esm/process/Process.js +11 -18
- package/esm/process/Process.js.map +1 -1
- package/esm/progress-bar/ProgressBar.d.ts +7 -0
- package/esm/progress-bar/ProgressBar.js +6 -7
- package/esm/progress-bar/ProgressBar.js.map +1 -1
- package/esm/read-more/ReadMore.d.ts +11 -0
- package/esm/read-more/ReadMore.js +7 -8
- package/esm/read-more/ReadMore.js.map +1 -1
- package/esm/skeleton/Skeleton.js +6 -7
- package/esm/skeleton/Skeleton.js.map +1 -1
- package/esm/stepper/Step.js +9 -10
- package/esm/stepper/Step.js.map +1 -1
- package/esm/stepper/Stepper.js +5 -11
- package/esm/stepper/Stepper.js.map +1 -1
- package/esm/table/AnimateHeight.js +2 -4
- package/esm/table/AnimateHeight.js.map +1 -1
- package/esm/table/Body.js +2 -3
- package/esm/table/Body.js.map +1 -1
- package/esm/table/ColumnHeader.js +3 -5
- package/esm/table/ColumnHeader.js.map +1 -1
- package/esm/table/DataCell.js +3 -4
- package/esm/table/DataCell.js.map +1 -1
- package/esm/table/ExpandableRow.js +12 -13
- package/esm/table/ExpandableRow.js.map +1 -1
- package/esm/table/Header.js +2 -3
- package/esm/table/Header.js.map +1 -1
- package/esm/table/HeaderCell.js +4 -5
- package/esm/table/HeaderCell.js.map +1 -1
- package/esm/table/Row.js +4 -5
- package/esm/table/Row.js.map +1 -1
- package/esm/table/Table.js +4 -5
- package/esm/table/Table.js.map +1 -1
- package/esm/tabs/Tabs.context.d.ts +1 -1
- package/esm/tabs/Tabs.js +2 -3
- package/esm/tabs/Tabs.js.map +1 -1
- package/esm/tabs/parts/tab/Tab.js +5 -6
- package/esm/tabs/parts/tab/Tab.js.map +1 -1
- package/esm/tabs/parts/tab/useTab.d.ts +1 -1
- package/esm/tabs/parts/tablist/ScrollButtons.js +3 -4
- package/esm/tabs/parts/tablist/ScrollButtons.js.map +1 -1
- package/esm/tabs/parts/tablist/TabList.js +3 -4
- package/esm/tabs/parts/tablist/TabList.js.map +1 -1
- package/esm/tabs/parts/tabpanel/TabPanel.js +2 -3
- package/esm/tabs/parts/tabpanel/TabPanel.js.map +1 -1
- package/esm/tag/Tag.d.ts +12 -1
- package/esm/tag/Tag.js +7 -5
- package/esm/tag/Tag.js.map +1 -1
- package/esm/theme/Theme.d.ts +9 -18
- package/esm/theme/Theme.js +7 -26
- package/esm/theme/Theme.js.map +1 -1
- package/esm/timeline/AxisLabels.js +1 -3
- package/esm/timeline/AxisLabels.js.map +1 -1
- package/esm/timeline/Timeline.js +1 -3
- package/esm/timeline/Timeline.js.map +1 -1
- package/esm/timeline/TimelineRow.js +5 -6
- package/esm/timeline/TimelineRow.js.map +1 -1
- package/esm/timeline/period/ClickablePeriod.js +5 -6
- package/esm/timeline/period/ClickablePeriod.js.map +1 -1
- package/esm/timeline/period/NonClickablePeriod.js +4 -5
- package/esm/timeline/period/NonClickablePeriod.js.map +1 -1
- package/esm/timeline/period/index.d.ts +8 -0
- package/esm/timeline/period/index.js.map +1 -1
- package/esm/timeline/pin/PinInternal.js +3 -5
- package/esm/timeline/pin/PinInternal.js.map +1 -1
- package/esm/timeline/utils/period.js +5 -6
- package/esm/timeline/utils/period.js.map +1 -1
- package/esm/timeline/zoom/ZoomButton.js +1 -3
- package/esm/timeline/zoom/ZoomButton.js.map +1 -1
- package/esm/timeline/zoom/index.js +2 -3
- package/esm/timeline/zoom/index.js.map +1 -1
- package/esm/toggle-group/ToggleGroup.context.d.ts +1 -1
- package/esm/toggle-group/ToggleGroup.js +6 -15
- package/esm/toggle-group/ToggleGroup.js.map +1 -1
- package/esm/toggle-group/ToggleGroup.types.d.ts +11 -2
- package/esm/toggle-group/parts/ToggleItem.js +3 -4
- package/esm/toggle-group/parts/ToggleItem.js.map +1 -1
- package/esm/toggle-group/parts/useToggleItem.d.ts +1 -1
- package/esm/tooltip/Tooltip.js +4 -5
- package/esm/tooltip/Tooltip.js.map +1 -1
- package/esm/types/theme.d.ts +1 -1
- package/esm/typography/BodyLong.d.ts +9 -0
- package/esm/typography/BodyLong.js +2 -3
- package/esm/typography/BodyLong.js.map +1 -1
- package/esm/typography/BodyShort.d.ts +9 -0
- package/esm/typography/BodyShort.js +2 -3
- package/esm/typography/BodyShort.js.map +1 -1
- package/esm/typography/Detail.d.ts +9 -0
- package/esm/typography/Detail.js +3 -4
- package/esm/typography/Detail.js.map +1 -1
- package/esm/typography/ErrorMessage.js +4 -5
- package/esm/typography/ErrorMessage.js.map +1 -1
- package/esm/typography/Heading.d.ts +9 -0
- package/esm/typography/Heading.js +2 -3
- package/esm/typography/Heading.js.map +1 -1
- package/esm/typography/Ingress.js +3 -4
- package/esm/typography/Ingress.js.map +1 -1
- package/esm/typography/Label.d.ts +9 -0
- package/esm/typography/Label.js +3 -4
- package/esm/typography/Label.js.map +1 -1
- package/esm/typography/types.d.ts +1 -1
- package/esm/typography/util.js +8 -9
- package/esm/typography/util.js.map +1 -1
- package/esm/util/TextareaAutoSize.js +1 -3
- package/esm/util/TextareaAutoSize.js.map +1 -1
- package/esm/util/className.d.ts +6 -0
- package/esm/util/className.js +43 -0
- package/esm/util/className.js.map +1 -0
- package/esm/util/hooks/descendants/useDescendant.d.ts +1 -1
- package/esm/util/hooks/useMergeRefs.d.ts +2 -1
- package/esm/util/hooks/useMergeRefs.js.map +1 -1
- package/esm/util/link-anchor/LinkAnchor.js +4 -7
- package/esm/util/link-anchor/LinkAnchor.js.map +1 -1
- package/esm/util/virtualfocus/Context.d.ts +1 -1
- package/package.json +3 -4
- package/src/accordion/Accordion.tsx +24 -25
- package/src/accordion/AccordionContent.tsx +11 -10
- package/src/accordion/AccordionContext.tsx +1 -3
- package/src/accordion/AccordionHeader.tsx +8 -16
- package/src/accordion/AccordionItem.tsx +4 -6
- package/src/alert/Alert.tsx +14 -15
- package/src/alert/base-alert/close-button/BaseAlertCloseButton.tsx +2 -3
- package/src/alert/base-alert/content/BaseAlertContent.tsx +3 -3
- package/src/alert/base-alert/header/BaseAlertHeader.tsx +3 -4
- package/src/alert/base-alert/root/BaseAlertRoot.tsx +5 -5
- package/src/alert/base-alert/title/BaseAlertTitle.tsx +2 -4
- package/src/alert/global-alert/root/GlobalAlertRoot.tsx +4 -0
- package/src/alert/local-alert/root/LocalAlertRoot.tsx +4 -0
- package/src/button/Button.tsx +26 -25
- package/src/chat/Bubble.tsx +5 -7
- package/src/chat/Chat.tsx +19 -18
- package/src/chips/Chips.tsx +21 -22
- package/src/chips/Removable.tsx +13 -21
- package/src/chips/Toggle.tsx +14 -20
- package/src/collapsible/Collapsible.tsx +1 -1
- package/src/copybutton/CopyButton.tsx +51 -90
- package/src/date/Date.Dialog.tsx +7 -9
- package/src/date/Date.Input.tsx +24 -25
- package/src/date/datepicker/DatePicker.tsx +2 -3
- package/src/date/datepicker/DatePicker.types.ts +5 -0
- package/src/date/datepicker/parts/DatePicker.DayButton.tsx +2 -3
- package/src/date/datepicker/parts/DatePicker.Months.tsx +8 -14
- package/src/date/datepicker/parts/DatePicker.RDP.tsx +2 -8
- package/src/date/datepicker/parts/DatePicker.Standalone.tsx +2 -8
- package/src/date/datepicker/parts/DatePicker.WeekNumber.tsx +5 -8
- package/src/date/datepicker/parts/DatePicker.WeekRow.tsx +4 -6
- package/src/date/monthpicker/MonthPicker.tsx +3 -4
- package/src/date/monthpicker/parts/MonthPicker.Button.tsx +3 -4
- package/src/date/monthpicker/parts/MonthPicker.Caption.tsx +5 -7
- package/src/date/monthpicker/parts/MonthPicker.Standalone.tsx +3 -4
- package/src/dialog/backdrop/DialogBackdropInternal.tsx +2 -3
- package/src/dialog/body/DialogBody.tsx +2 -4
- package/src/dialog/description/DialogDescription.tsx +2 -3
- package/src/dialog/footer/DialogFooter.tsx +2 -4
- package/src/dialog/header/DialogHeader.tsx +3 -4
- package/src/dialog/popup/DialogPopupInternal.tsx +2 -3
- package/src/dialog/title/DialogTitle.tsx +2 -3
- package/src/dropdown/Menu/Divider.tsx +2 -4
- package/src/dropdown/Menu/GroupedList/GroupedHeading.tsx +5 -6
- package/src/dropdown/Menu/GroupedList/GroupedItem.tsx +6 -7
- package/src/dropdown/Menu/GroupedList/index.tsx +2 -3
- package/src/dropdown/Menu/List/Item.tsx +6 -7
- package/src/dropdown/Menu/List/index.tsx +2 -4
- package/src/dropdown/Menu/index.tsx +2 -4
- package/src/dropdown/Toggle.tsx +2 -3
- package/src/expansion-card/ExpansionCard.tsx +12 -7
- package/src/expansion-card/ExpansionCardContent.tsx +5 -5
- package/src/expansion-card/ExpansionCardDescription.tsx +2 -3
- package/src/expansion-card/ExpansionCardHeader.tsx +5 -8
- package/src/expansion-card/ExpansionCardTitle.tsx +6 -8
- package/src/form/ReadOnlyIcon.tsx +2 -5
- package/src/form/checkbox/Checkbox.tsx +71 -164
- package/src/form/checkbox/CheckboxGroup.tsx +5 -6
- package/src/form/combobox/Combobox.tsx +7 -9
- package/src/form/combobox/ComboboxWrapper.tsx +9 -10
- package/src/form/combobox/FilteredOptions/AddNewOption.tsx +4 -6
- package/src/form/combobox/FilteredOptions/FilteredOptions.tsx +8 -15
- package/src/form/combobox/FilteredOptions/FilteredOptionsItem.tsx +4 -6
- package/src/form/combobox/FilteredOptions/LoadingMessage.tsx +1 -3
- package/src/form/combobox/FilteredOptions/MaxSelectedMessage.tsx +1 -3
- package/src/form/combobox/FilteredOptions/NoSearchHitsMessage.tsx +1 -4
- package/src/form/combobox/FilteredOptions/filteredOptionsContext.tsx +1 -1
- package/src/form/combobox/Input/Input.tsx +6 -8
- package/src/form/combobox/Input/InputController.tsx +3 -5
- package/src/form/combobox/Input/ToggleListButton.tsx +1 -3
- package/src/form/combobox/SelectedOptions/SelectedOptions.tsx +3 -12
- package/src/form/confirmation-panel/ConfirmationPanel.tsx +8 -10
- package/src/form/error-summary/ErrorSummary.tsx +6 -12
- package/src/form/error-summary/ErrorSummaryItem.tsx +2 -4
- package/src/form/fieldset/Fieldset.tsx +14 -14
- package/src/form/fieldset/useFieldset.ts +1 -1
- package/src/form/file-upload/FileUpload.tsx +2 -3
- package/src/form/file-upload/parts/dropzone/Dropzone.tsx +17 -17
- package/src/form/file-upload/parts/item/Item.tsx +16 -41
- package/src/form/file-upload/parts/item/ItemActionField.tsx +86 -0
- package/src/form/file-upload/parts/item/ItemButton.tsx +1 -3
- package/src/form/file-upload/parts/item/ItemHeader.tsx +88 -0
- package/src/form/file-upload/parts/item/ItemIcon.tsx +2 -25
- package/src/form/form-progress/FormProgress.tsx +7 -11
- package/src/form/form-summary/FormSummary.tsx +2 -4
- package/src/form/form-summary/FormSummaryAnswer.tsx +5 -3
- package/src/form/form-summary/FormSummaryAnswers.tsx +12 -18
- package/src/form/form-summary/FormSummaryEditLink.tsx +2 -4
- package/src/form/form-summary/FormSummaryFooter.tsx +2 -5
- package/src/form/form-summary/FormSummaryHeader.tsx +2 -4
- package/src/form/form-summary/FormSummaryValue.tsx +2 -4
- package/src/form/radio/Radio.tsx +29 -72
- package/src/form/radio/RadioGroup.tsx +5 -6
- package/src/form/search/Search.tsx +30 -40
- package/src/form/search/SearchButton.tsx +2 -3
- package/src/form/select/Select.tsx +19 -24
- package/src/form/switch/Switch.tsx +18 -29
- package/src/form/textarea/Textarea.tsx +19 -22
- package/src/form/textarea/TextareaCounter.tsx +5 -6
- package/src/form/textfield/TextField.tsx +18 -20
- package/src/form/useFormField.ts +1 -1
- package/src/guide-panel/GuidePanel.tsx +36 -49
- package/src/guide-panel/Illustration.tsx +75 -66
- package/src/help-text/HelpText.tsx +15 -9
- package/src/help-text/HelpTextIcon.tsx +4 -10
- package/src/inline-message/icon/InlineMessageIcon.tsx +1 -4
- package/src/inline-message/root/InlineMessage.tsx +7 -4
- package/src/internal-header/InternalHeader.tsx +9 -22
- package/src/internal-header/InternalHeaderButton.tsx +2 -4
- package/src/internal-header/InternalHeaderTitle.tsx +4 -6
- package/src/internal-header/InternalHeaderUser.tsx +2 -4
- package/src/internal-header/InternalHeaderUserButton.tsx +2 -4
- package/src/layout/base/BasePrimitive.tsx +63 -67
- package/src/layout/bleed/Bleed.tsx +14 -26
- package/src/layout/box/Box.darkside.tsx +29 -30
- package/src/layout/box/Box.tsx +49 -66
- package/src/layout/grid/HGrid.tsx +11 -15
- package/src/layout/page/Page.tsx +12 -37
- package/src/layout/page/parts/PageBlock.tsx +5 -7
- package/src/layout/responsive/Responsive.tsx +4 -5
- package/src/layout/stack/Spacer.tsx +1 -3
- package/src/layout/stack/Stack.tsx +14 -18
- package/src/layout/utilities/css.ts +14 -71
- package/src/layout/utilities/types.ts +2 -15
- package/src/link/Link.tsx +15 -24
- package/src/link-card/LinkCard.tsx +19 -22
- package/src/link-panel/LinkPanel.tsx +4 -9
- package/src/link-panel/LinkPanelDescription.tsx +2 -4
- package/src/link-panel/LinkPanelTitle.tsx +5 -7
- package/src/list/List.Item.tsx +5 -6
- package/src/list/List.tsx +3 -60
- package/src/list/List.types.ts +2 -14
- package/src/loader/Loader.tsx +12 -10
- package/src/modal/Modal.context.ts +1 -1
- package/src/modal/Modal.tsx +11 -22
- package/src/modal/ModalBody.tsx +2 -3
- package/src/modal/ModalFooter.tsx +2 -3
- package/src/modal/ModalHeader.tsx +3 -4
- package/src/modal/ModalUtils.ts +1 -47
- package/src/overlays/action-menu/ActionMenu.tsx +63 -136
- package/src/overlays/floating/Floating.tsx +5 -5
- package/src/pagination/Pagination.tsx +23 -24
- package/src/pagination/PaginationItem.tsx +5 -8
- package/src/panel/Panel.tsx +5 -6
- package/src/popover/Popover.tsx +11 -40
- package/src/popover/PopoverContent.tsx +2 -3
- package/src/portal/Portal.tsx +10 -14
- package/src/process/Process.tsx +11 -29
- package/src/progress-bar/ProgressBar.tsx +15 -9
- package/src/react-css.d.ts +0 -3
- package/src/read-more/ReadMore.tsx +21 -11
- package/src/skeleton/Skeleton.tsx +8 -9
- package/src/stepper/Step.tsx +9 -14
- package/src/stepper/Stepper.tsx +6 -19
- package/src/table/AnimateHeight.tsx +2 -4
- package/src/table/Body.tsx +2 -3
- package/src/table/ColumnHeader.tsx +2 -5
- package/src/table/DataCell.tsx +3 -4
- package/src/table/ExpandableRow.tsx +15 -21
- package/src/table/Header.tsx +2 -3
- package/src/table/HeaderCell.tsx +4 -5
- package/src/table/Row.tsx +4 -6
- package/src/table/Table.tsx +4 -5
- package/src/tabs/Tabs.tsx +2 -3
- package/src/tabs/parts/tab/Tab.tsx +8 -9
- package/src/tabs/parts/tablist/ScrollButtons.tsx +3 -5
- package/src/tabs/parts/tablist/TabList.tsx +3 -4
- package/src/tabs/parts/tabpanel/TabPanel.tsx +2 -3
- package/src/tag/Tag.tsx +47 -44
- package/src/theme/Theme.tsx +22 -63
- package/src/timeline/AxisLabels.tsx +2 -5
- package/src/timeline/Timeline.tsx +1 -3
- package/src/timeline/TimelineRow.tsx +5 -6
- package/src/timeline/period/ClickablePeriod.tsx +6 -7
- package/src/timeline/period/NonClickablePeriod.tsx +4 -5
- package/src/timeline/period/index.tsx +8 -0
- package/src/timeline/pin/PinInternal.tsx +3 -5
- package/src/timeline/utils/period.ts +5 -6
- package/src/timeline/zoom/ZoomButton.tsx +1 -4
- package/src/timeline/zoom/index.tsx +2 -4
- package/src/toggle-group/ToggleGroup.tsx +8 -19
- package/src/toggle-group/ToggleGroup.types.ts +11 -2
- package/src/toggle-group/parts/ToggleItem.tsx +3 -4
- package/src/tooltip/Tooltip.tsx +7 -13
- package/src/types/theme.d.ts +1 -1
- package/src/typography/BodyLong.tsx +13 -6
- package/src/typography/BodyShort.tsx +13 -6
- package/src/typography/Detail.tsx +13 -6
- package/src/typography/ErrorMessage.tsx +6 -8
- package/src/typography/Heading.tsx +13 -5
- package/src/typography/Ingress.tsx +3 -5
- package/src/typography/Label.tsx +13 -6
- package/src/typography/types.ts +1 -1
- package/src/typography/util.ts +8 -9
- package/src/util/TextareaAutoSize.tsx +0 -3
- package/src/util/className.ts +58 -0
- package/src/util/hooks/useMergeRefs.ts +5 -3
- package/src/util/link-anchor/LinkAnchor.tsx +4 -9
- package/cjs/form/file-upload/parts/item/ItemName.js +0 -32
- package/cjs/form/file-upload/parts/item/ItemName.js.map +0 -1
- package/cjs/guide-panel/Illustration.darkside.d.ts +0 -2
- package/cjs/guide-panel/Illustration.darkside.js +0 -30
- package/cjs/guide-panel/Illustration.darkside.js.map +0 -1
- package/esm/form/file-upload/parts/item/ItemName.js +0 -27
- package/esm/form/file-upload/parts/item/ItemName.js.map +0 -1
- package/esm/guide-panel/Illustration.darkside.d.ts +0 -2
- package/esm/guide-panel/Illustration.darkside.js +0 -23
- package/esm/guide-panel/Illustration.darkside.js.map +0 -1
- package/src/form/file-upload/parts/item/ItemName.tsx +0 -58
- package/src/guide-panel/Illustration.darkside.tsx +0 -91
- package/src/theme/RenameCSS.test.ts +0 -80
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnimateHeight.js","sourceRoot":"","sources":["../../src/table/AnimateHeight.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,0EAA0E;AAC1E,OAAO,KAAK,EAAE,EAAiB,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"AnimateHeight.js","sourceRoot":"","sources":["../../src/table/AnimateHeight.tsx"],"names":[],"mappings":"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"}
|
package/esm/table/Body.js
CHANGED
|
@@ -10,11 +10,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef } from "react";
|
|
13
|
-
import {
|
|
13
|
+
import { cl } from "../util/className.js";
|
|
14
14
|
export const Body = forwardRef((_a, ref) => {
|
|
15
15
|
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
16
|
-
|
|
17
|
-
return (React.createElement("tbody", Object.assign({}, rest, { ref: ref, className: cn("navds-table__body", className) })));
|
|
16
|
+
return (React.createElement("tbody", Object.assign({}, rest, { ref: ref, className: cl("aksel-table__body", className) })));
|
|
18
17
|
});
|
|
19
18
|
export default Body;
|
|
20
19
|
//# sourceMappingURL=Body.js.map
|
package/esm/table/Body.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Body.js","sourceRoot":"","sources":["../../src/table/Body.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Body.js","sourceRoot":"","sources":["../../src/table/Body.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAQvC,MAAM,CAAC,MAAM,IAAI,GAAa,UAAU,CAAC,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IAC5D,OAAO,CACL,+CAAW,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,IAAI,CAC7E,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,IAAI,CAAC"}
|
|
@@ -11,22 +11,20 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef, useContext } from "react";
|
|
13
13
|
import { ArrowsUpDownIcon, SortDownIcon, SortUpIcon, } from "@navikt/aksel-icons";
|
|
14
|
-
import { useRenameCSS } from "../theme/Theme.js";
|
|
15
14
|
import HeaderCell from "./HeaderCell.js";
|
|
16
15
|
import { TableContext } from "./context.js";
|
|
17
16
|
export const ColumnHeader = forwardRef((_a, ref) => {
|
|
18
17
|
var _b, _c, _d, _e;
|
|
19
|
-
var {
|
|
18
|
+
var { children, sortable = false, sortKey } = _a, rest = __rest(_a, ["children", "sortable", "sortKey"]);
|
|
20
19
|
const context = useContext(TableContext);
|
|
21
|
-
const { cn } = useRenameCSS();
|
|
22
20
|
if (sortable && !sortKey) {
|
|
23
21
|
console.warn("ColumnHeader with `sortable=true` must have a sortKey.");
|
|
24
22
|
}
|
|
25
|
-
return (React.createElement(HeaderCell, Object.assign({ scope: "col", ref: ref,
|
|
23
|
+
return (React.createElement(HeaderCell, Object.assign({ scope: "col", ref: ref, "aria-sort": sortable
|
|
26
24
|
? ((_b = context === null || context === void 0 ? void 0 : context.sort) === null || _b === void 0 ? void 0 : _b.orderBy) === sortKey
|
|
27
25
|
? (_c = context === null || context === void 0 ? void 0 : context.sort) === null || _c === void 0 ? void 0 : _c.direction
|
|
28
26
|
: "none"
|
|
29
|
-
: undefined }, rest), sortable ? (React.createElement("button", { type: "button", className:
|
|
27
|
+
: undefined }, rest), sortable ? (React.createElement("button", { type: "button", className: "aksel-table__sort-button", onClick: sortable && sortKey
|
|
30
28
|
? () => { var _a; return (_a = context === null || context === void 0 ? void 0 : context.onSortChange) === null || _a === void 0 ? void 0 : _a.call(context, sortKey); }
|
|
31
29
|
: undefined },
|
|
32
30
|
children,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColumnHeader.js","sourceRoot":"","sources":["../../src/table/ColumnHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,UAAU,GACX,MAAM,qBAAqB,CAAC;AAC7B,OAAO,
|
|
1
|
+
{"version":3,"file":"ColumnHeader.js","sourceRoot":"","sources":["../../src/table/ColumnHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,UAAU,GACX,MAAM,qBAAqB,CAAC;AAC7B,OAAO,UAA+B,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAkBzC,MAAM,CAAC,MAAM,YAAY,GAAqB,UAAU,CACtD,CAAC,EAAgD,EAAE,GAAG,EAAE,EAAE;;QAAzD,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAE,OAAO,OAAW,EAAN,IAAI,cAA9C,mCAAgD,CAAF;IAC7C,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAEzC,IAAI,QAAQ,IAAI,CAAC,OAAO,EAAE,CAAC;QACzB,OAAO,CAAC,IAAI,CAAC,wDAAwD,CAAC,CAAC;IACzE,CAAC;IAED,OAAO,CACL,oBAAC,UAAU,kBACT,KAAK,EAAC,KAAK,EACX,GAAG,EAAE,GAAG,eAEN,QAAQ;YACN,CAAC,CAAC,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,OAAO,MAAK,OAAO;gBAClC,CAAC,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,SAAS;gBAC1B,CAAC,CAAC,MAAM;YACV,CAAC,CAAC,SAAS,IAEX,IAAI,GAEP,QAAQ,CAAC,CAAC,CAAC,CACV,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,0BAA0B,EACpC,OAAO,EACL,QAAQ,IAAI,OAAO;YACjB,CAAC,CAAC,GAAG,EAAE,WAAC,OAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,wDAAG,OAAO,CAAC,CAAA,EAAA;YACxC,CAAC,CAAC,SAAS;QAGd,QAAQ;QACR,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,OAAO,MAAK,OAAO,CAAC,CAAC,CAAC,CACpC,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,SAAS,MAAK,YAAY,CAAC,CAAC,CAAC,CAC1C,oBAAC,YAAY,0BAAe,CAC7B,CAAC,CAAC,CAAC,CACF,oBAAC,UAAU,0BAAe,CAC3B,CACF,CAAC,CAAC,CAAC,CACF,oBAAC,gBAAgB,0BAAe,CACjC,CACM,CACV,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
package/esm/table/DataCell.js
CHANGED
|
@@ -10,13 +10,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef } from "react";
|
|
13
|
-
import { useRenameCSS } from "../theme/Theme.js";
|
|
14
13
|
import { BodyShort } from "../typography/index.js";
|
|
14
|
+
import { cl } from "../util/className.js";
|
|
15
15
|
export const DataCell = forwardRef((_a, ref) => {
|
|
16
16
|
var { className, children = "", align, textSize } = _a, rest = __rest(_a, ["className", "children", "align", "textSize"]);
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
[`navds-table__data-cell--align-${align}`]: align,
|
|
17
|
+
return (React.createElement(BodyShort, Object.assign({ as: "td", ref: ref, className: cl("aksel-table__data-cell", className, {
|
|
18
|
+
[`aksel-table__data-cell--align-${align}`]: align,
|
|
20
19
|
}), size: textSize }, rest), children));
|
|
21
20
|
});
|
|
22
21
|
export default DataCell;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataCell.js","sourceRoot":"","sources":["../../src/table/DataCell.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"DataCell.js","sourceRoot":"","sources":["../../src/table/DataCell.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAevC,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,EAAsD,EAAE,GAAG,EAAE,EAAE;QAA/D,EAAE,SAAS,EAAE,QAAQ,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,OAAW,EAAN,IAAI,cAApD,8CAAsD,CAAF;IACnD,OAAO,CACL,oBAAC,SAAS,kBACR,EAAE,EAAC,IAAI,EACP,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,EAAE;YACjD,CAAC,iCAAiC,KAAK,EAAE,CAAC,EAAE,KAAK;SAClD,CAAC,EACF,IAAI,EAAE,QAAQ,IACV,IAAI,GAEP,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef } from "react";
|
|
13
13
|
import { ChevronDownIcon } from "@navikt/aksel-icons";
|
|
14
|
-
import {
|
|
14
|
+
import { cl } from "../util/className.js";
|
|
15
15
|
import { composeEventHandlers } from "../util/composeEventHandlers.js";
|
|
16
16
|
import { useId } from "../util/hooks/index.js";
|
|
17
17
|
import { useControllableState } from "../util/hooks/useControllableState.js";
|
|
@@ -22,7 +22,6 @@ import Row from "./Row.js";
|
|
|
22
22
|
import { isElementInteractiveTarget } from "./Table.utils.js";
|
|
23
23
|
export const ExpandableRow = forwardRef((_a, ref) => {
|
|
24
24
|
var { className, children, content, togglePlacement = "left", defaultOpen = false, open, onOpenChange, expansionDisabled = false, expandOnRowClick = false, colSpan = 999, contentGutter, onClick } = _a, rest = __rest(_a, ["className", "children", "content", "togglePlacement", "defaultOpen", "open", "onOpenChange", "expansionDisabled", "expandOnRowClick", "colSpan", "contentGutter", "onClick"]);
|
|
25
|
-
const { cn } = useRenameCSS();
|
|
26
25
|
const [_open, _setOpen] = useControllableState({
|
|
27
26
|
defaultValue: defaultOpen,
|
|
28
27
|
value: open,
|
|
@@ -41,20 +40,20 @@ export const ExpandableRow = forwardRef((_a, ref) => {
|
|
|
41
40
|
expansionHandler(event);
|
|
42
41
|
};
|
|
43
42
|
return (React.createElement(React.Fragment, null,
|
|
44
|
-
React.createElement(Row, Object.assign({}, rest, { ref: ref, className:
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
43
|
+
React.createElement(Row, Object.assign({}, rest, { ref: ref, className: cl("aksel-table__expandable-row", className, {
|
|
44
|
+
"aksel-table__expandable-row--open": _open,
|
|
45
|
+
"aksel-table__expandable-row--expansion-disabled": expansionDisabled,
|
|
46
|
+
"aksel-table__expandable-row--clickable": expandOnRowClick,
|
|
48
47
|
}), onClick: composeEventHandlers(onClick, handleRowClick) }),
|
|
49
48
|
togglePlacement === "right" && children,
|
|
50
|
-
React.createElement(DataCell, { className:
|
|
51
|
-
"
|
|
52
|
-
}), onClick: !expansionDisabled ? expansionHandler : () => null }, !expansionDisabled && (React.createElement("button", { className:
|
|
53
|
-
React.createElement(ChevronDownIcon, { className:
|
|
49
|
+
React.createElement(DataCell, { className: cl("aksel-table__toggle-expand-cell", {
|
|
50
|
+
"aksel-table__toggle-expand-cell--open": _open,
|
|
51
|
+
}), onClick: !expansionDisabled ? expansionHandler : () => null }, !expansionDisabled && (React.createElement("button", { className: "aksel-table__toggle-expand-button", type: "button", "aria-controls": id, "aria-expanded": _open, onClick: expansionHandler },
|
|
52
|
+
React.createElement(ChevronDownIcon, { className: "aksel-table__expandable-icon", title: _open ? translate("showLess") : translate("showMore") })))),
|
|
54
53
|
togglePlacement === "left" && children),
|
|
55
|
-
React.createElement("tr", { "data-state": _open ? "open" : "closed", className:
|
|
56
|
-
React.createElement("td", { colSpan: colSpan, className:
|
|
57
|
-
React.createElement(AnimateHeight, { className:
|
|
54
|
+
React.createElement("tr", { "data-state": _open ? "open" : "closed", className: "aksel-table__expanded-row", "aria-hidden": !_open, id: id },
|
|
55
|
+
React.createElement("td", { colSpan: colSpan, className: "aksel-table__expanded-row-cell" },
|
|
56
|
+
React.createElement(AnimateHeight, { className: "aksel-table__expanded-row-collapse", innerClassName: `aksel-table__expanded-row-content aksel-table__expanded-row-content--gutter-${contentGutter !== null && contentGutter !== void 0 ? contentGutter : togglePlacement}`, height: _open ? "auto" : 0, duration: 150, easing: "cubic-bezier(0.39,0.57,0.56,1)" }, content)))));
|
|
58
57
|
});
|
|
59
58
|
export default ExpandableRow;
|
|
60
59
|
//# sourceMappingURL=ExpandableRow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableRow.js","sourceRoot":"","sources":["../../src/table/ExpandableRow.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ExpandableRow.js","sourceRoot":"","sources":["../../src/table/ExpandableRow.tsx"],"names":[],"mappings":"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"}
|
package/esm/table/Header.js
CHANGED
|
@@ -10,11 +10,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef } from "react";
|
|
13
|
-
import {
|
|
13
|
+
import { cl } from "../util/className.js";
|
|
14
14
|
export const Header = forwardRef((_a, ref) => {
|
|
15
15
|
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
16
|
-
|
|
17
|
-
return (React.createElement("thead", Object.assign({}, rest, { ref: ref, className: cn("navds-table__header", className) })));
|
|
16
|
+
return (React.createElement("thead", Object.assign({}, rest, { ref: ref, className: cl("aksel-table__header", className) })));
|
|
18
17
|
});
|
|
19
18
|
export default Header;
|
|
20
19
|
//# sourceMappingURL=Header.js.map
|
package/esm/table/Header.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../src/table/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../src/table/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAQvC,MAAM,CAAC,MAAM,MAAM,GAAe,UAAU,CAAC,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IAChE,OAAO,CACL,+CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,IAC/C,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,MAAM,CAAC"}
|
package/esm/table/HeaderCell.js
CHANGED
|
@@ -10,13 +10,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef } from "react";
|
|
13
|
-
import {
|
|
13
|
+
import { cl } from "../util/className.js";
|
|
14
14
|
export const HeaderCell = forwardRef((_a, ref) => {
|
|
15
15
|
var { className, children, align, textSize } = _a, rest = __rest(_a, ["className", "children", "align", "textSize"]);
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
"navds-label--small": textSize === "small",
|
|
16
|
+
return (React.createElement("th", Object.assign({ ref: ref, className: cl("aksel-table__header-cell", "aksel-label", className, {
|
|
17
|
+
[`aksel-table__header-cell--align-${align}`]: align,
|
|
18
|
+
"aksel-label--small": textSize === "small",
|
|
20
19
|
}) }, rest), children));
|
|
21
20
|
});
|
|
22
21
|
export default HeaderCell;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderCell.js","sourceRoot":"","sources":["../../src/table/HeaderCell.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"HeaderCell.js","sourceRoot":"","sources":["../../src/table/HeaderCell.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAoBvC,MAAM,CAAC,MAAM,UAAU,GAAmB,UAAU,CAClD,CAAC,EAAiD,EAAE,GAAG,EAAE,EAAE;QAA1D,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA/C,8CAAiD,CAAF;IAC9C,OAAO,CACL,0CACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,aAAa,EAAE,SAAS,EAAE;YAClE,CAAC,mCAAmC,KAAK,EAAE,CAAC,EAAE,KAAK;YACnD,oBAAoB,EAAE,QAAQ,KAAK,OAAO;SAC3C,CAAC,IACE,IAAI,GAEP,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
package/esm/table/Row.js
CHANGED
|
@@ -10,12 +10,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef } from "react";
|
|
13
|
-
import {
|
|
13
|
+
import { cl } from "../util/className.js";
|
|
14
14
|
import { composeEventHandlers } from "../util/composeEventHandlers.js";
|
|
15
15
|
import { isElementInteractiveTarget } from "./Table.utils.js";
|
|
16
16
|
export const Row = forwardRef((_a, ref) => {
|
|
17
17
|
var { className, selected = false, shadeOnHover = true, onClick, onRowClick } = _a, rest = __rest(_a, ["className", "selected", "shadeOnHover", "onClick", "onRowClick"]);
|
|
18
|
-
const { cn } = useRenameCSS();
|
|
19
18
|
const handleRowClick = (event) => {
|
|
20
19
|
if (!onRowClick) {
|
|
21
20
|
return;
|
|
@@ -25,9 +24,9 @@ export const Row = forwardRef((_a, ref) => {
|
|
|
25
24
|
}
|
|
26
25
|
onRowClick(event);
|
|
27
26
|
};
|
|
28
|
-
return (React.createElement("tr", Object.assign({}, rest, { ref: ref, className:
|
|
29
|
-
"
|
|
30
|
-
"
|
|
27
|
+
return (React.createElement("tr", Object.assign({}, rest, { ref: ref, className: cl("aksel-table__row", className, {
|
|
28
|
+
"aksel-table__row--selected": selected,
|
|
29
|
+
"aksel-table__row--shade-on-hover": shadeOnHover,
|
|
31
30
|
}), onClick: composeEventHandlers(onClick, handleRowClick), "data-interactive": !!onRowClick })));
|
|
32
31
|
});
|
|
33
32
|
export default Row;
|
package/esm/table/Row.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../src/table/Row.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../src/table/Row.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC;AA0B3D,MAAM,CAAC,MAAM,GAAG,GAAY,UAAU,CACpC,CACE,EAOC,EACD,GAAG,EACH,EAAE;QATF,EACE,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,YAAY,GAAG,IAAI,EACnB,OAAO,EACP,UAAU,OAEX,EADI,IAAI,cANT,kEAOC,CADQ;IAIT,MAAM,cAAc,GAAG,CAAC,KAA4C,EAAE,EAAE;QACtE,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,OAAO;QACT,CAAC;QACD,IAAI,0BAA0B,CAAC,KAAK,CAAC,MAAqB,CAAC,EAAE,CAAC;YAC5D,OAAO;QACT,CAAC;QACD,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,OAAO,CACL,4CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,EAAE;YAC3C,4BAA4B,EAAE,QAAQ;YACtC,kCAAkC,EAAE,YAAY;SACjD,CAAC,EACF,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,cAAc,CAAC,sBACpC,CAAC,CAAC,UAAU,IAC9B,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,GAAG,CAAC"}
|
package/esm/table/Table.js
CHANGED
|
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef } from "react";
|
|
13
|
-
import {
|
|
13
|
+
import { cl } from "../util/className.js";
|
|
14
14
|
import Body from "./Body.js";
|
|
15
15
|
import ColumnHeader from "./ColumnHeader.js";
|
|
16
16
|
import DataCell from "./DataCell.js";
|
|
@@ -53,11 +53,10 @@ import { TableContext } from "./context.js";
|
|
|
53
53
|
*/
|
|
54
54
|
export const Table = forwardRef((_a, ref) => {
|
|
55
55
|
var { className, zebraStripes = false, size = "medium", onSortChange, sort, stickyHeader = false } = _a, rest = __rest(_a, ["className", "zebraStripes", "size", "onSortChange", "sort", "stickyHeader"]);
|
|
56
|
-
const { cn } = useRenameCSS();
|
|
57
56
|
return (React.createElement(TableContext.Provider, { value: { onSortChange, sort } },
|
|
58
|
-
React.createElement("table", Object.assign({}, rest, { ref: ref, className:
|
|
59
|
-
"
|
|
60
|
-
"
|
|
57
|
+
React.createElement("table", Object.assign({}, rest, { ref: ref, className: cl("aksel-table", `aksel-table--${size}`, className, {
|
|
58
|
+
"aksel-table--zebra-stripes": zebraStripes,
|
|
59
|
+
"aksel-table--sticky-header": stickyHeader,
|
|
61
60
|
}) }))));
|
|
62
61
|
});
|
|
63
62
|
Table.Header = Header;
|
package/esm/table/Table.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../src/table/Table.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../src/table/Table.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,GAAG,MAAM,OAAO,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AA2CzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,YAAY,GAAG,KAAK,EACpB,IAAI,GAAG,QAAQ,EACf,YAAY,EACZ,IAAI,EACJ,YAAY,GAAG,KAAK,OAErB,EADI,IAAI,cAPT,6EAQC,CADQ;IAIT,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE;QAClD,+CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,gBAAgB,IAAI,EAAE,EAAE,SAAS,EAAE;gBAC9D,4BAA4B,EAAE,YAAY;gBAC1C,4BAA4B,EAAE,YAAY;aAC3C,CAAC,IACF,CACoB,CACzB,CAAC;AACJ,CAAC,CACW,CAAC;AAEf,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;AACtB,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC;AAClB,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;AAChB,KAAK,CAAC,YAAY,GAAG,YAAY,CAAC;AAClC,KAAK,CAAC,UAAU,GAAG,UAAU,CAAC;AAC9B,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;AAC1B,KAAK,CAAC,aAAa,GAAG,aAAa,CAAC;AAEpC,eAAe,KAAK,CAAC"}
|
|
@@ -16,7 +16,7 @@ export declare const TabsDescendantsProvider: import("react").Provider<import(".
|
|
|
16
16
|
}>;
|
|
17
17
|
index: number;
|
|
18
18
|
enabledIndex: number;
|
|
19
|
-
register: ((instance: HTMLButtonElement | null) => void
|
|
19
|
+
register: ((instance: HTMLButtonElement | null) => void) | null;
|
|
20
20
|
};
|
|
21
21
|
type TabsProviderProps = ReturnType<typeof useTabs> & Pick<TabsProps, "selectionFollowsFocus" | "loop" | "size" | "iconPosition" | "fill">;
|
|
22
22
|
export declare const TabsProvider: import("react").FC<{
|
package/esm/tabs/Tabs.js
CHANGED
|
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef } from "react";
|
|
13
|
-
import {
|
|
13
|
+
import { cl } from "../util/className.js";
|
|
14
14
|
import { TabsDescendantsProvider, TabsProvider, useTabsDescendants, } from "./Tabs.context.js";
|
|
15
15
|
import Tab from "./parts/tab/Tab.js";
|
|
16
16
|
import TabList from "./parts/tablist/TabList.js";
|
|
@@ -44,7 +44,6 @@ import { useTabs } from "./useTabs.js";
|
|
|
44
44
|
*/
|
|
45
45
|
export const Tabs = forwardRef((_a, ref) => {
|
|
46
46
|
var { className, children, size = "medium", defaultValue = "", value, onChange, id, selectionFollowsFocus = false, loop = true, iconPosition = "left", fill = false } = _a, rest = __rest(_a, ["className", "children", "size", "defaultValue", "value", "onChange", "id", "selectionFollowsFocus", "loop", "iconPosition", "fill"]);
|
|
47
|
-
const { cn } = useRenameCSS();
|
|
48
47
|
const descendants = useTabsDescendants();
|
|
49
48
|
const tabsContext = useTabs({ defaultValue, value, onChange, id });
|
|
50
49
|
/**
|
|
@@ -57,7 +56,7 @@ export const Tabs = forwardRef((_a, ref) => {
|
|
|
57
56
|
fill });
|
|
58
57
|
return (React.createElement(TabsDescendantsProvider, { value: descendants },
|
|
59
58
|
React.createElement(TabsProvider, Object.assign({}, context),
|
|
60
|
-
React.createElement("div", Object.assign({ ref: ref }, rest, { id: id, className:
|
|
59
|
+
React.createElement("div", Object.assign({ ref: ref }, rest, { id: id, className: cl("aksel-tabs", className, `aksel-tabs--${size}`) }), children))));
|
|
61
60
|
});
|
|
62
61
|
Tabs.Tab = Tab;
|
|
63
62
|
Tabs.List = TabList;
|
package/esm/tabs/Tabs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/tabs/Tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/tabs/Tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,EACL,uBAAuB,EACvB,YAAY,EACZ,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AAExB,OAAO,GAAG,MAAM,iBAAiB,CAAC;AAClC,OAAO,OAAO,MAAM,yBAAyB,CAAC;AAC9C,OAAO,QAAQ,MAAM,2BAA2B,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAqBpC;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EAaC,EACD,GAAG,EACH,EAAE;QAfF,EACE,SAAS,EACT,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,YAAY,GAAG,EAAE,EACjB,KAAK,EACL,QAAQ,EACR,EAAE,EACF,qBAAqB,GAAG,KAAK,EAC7B,IAAI,GAAG,IAAI,EACX,YAAY,GAAG,MAAM,EACrB,IAAI,GAAG,KAAK,OAEb,EADI,IAAI,cAZT,qIAaC,CADQ;IAIT,MAAM,WAAW,GAAG,kBAAkB,EAAE,CAAC;IAEzC,MAAM,WAAW,GAAG,OAAO,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IAEnE;;OAEG;IACH,MAAM,OAAO,mCACR,WAAW,KACd,qBAAqB;QACrB,IAAI;QACJ,IAAI;QACJ,YAAY;QACZ,IAAI,GACL,CAAC;IAEF,OAAO,CACL,oBAAC,uBAAuB,IAAC,KAAK,EAAE,WAAW;QACzC,oBAAC,YAAY,oBAAK,OAAO;YACvB,2CACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE,eAAe,IAAI,EAAE,CAAC,KAE5D,QAAQ,CACL,CACO,CACS,CAC3B,CAAC;AACJ,CAAC,CACe,CAAC;AAEnB,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;AACf,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC;AACpB,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAe,IAAI,CAAC"}
|
|
@@ -10,25 +10,24 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef } from "react";
|
|
13
|
-
import { useRenameCSS } from "../../../theme/Theme.js";
|
|
14
13
|
import { BodyShort } from "../../../typography/index.js";
|
|
14
|
+
import { cl } from "../../../util/className.js";
|
|
15
15
|
import { useTabsContext } from "../../Tabs.context.js";
|
|
16
16
|
import { useTab } from "./useTab.js";
|
|
17
17
|
export const Tab = forwardRef((_a, ref) => {
|
|
18
18
|
var _b, _c;
|
|
19
19
|
var { className, as: Component = "button", label, icon, value, onClick, onFocus, disabled, id } = _a, rest = __rest(_a, ["className", "as", "label", "icon", "value", "onClick", "onFocus", "disabled", "id"]);
|
|
20
|
-
const { cn } = useRenameCSS();
|
|
21
20
|
const tabCtx = useTab({ value, onClick, onFocus, disabled }, ref);
|
|
22
21
|
const ctx = useTabsContext();
|
|
23
22
|
if (!label && !icon) {
|
|
24
23
|
console.error("<Tabs.Tab/> needs label and/or icon");
|
|
25
24
|
return null;
|
|
26
25
|
}
|
|
27
|
-
return (React.createElement(Component, Object.assign({ ref: tabCtx.ref }, rest, { className:
|
|
28
|
-
"
|
|
29
|
-
"
|
|
26
|
+
return (React.createElement(Component, Object.assign({ ref: tabCtx.ref }, rest, { className: cl("aksel-tabs__tab", `aksel-tabs__tab--${(_b = ctx === null || ctx === void 0 ? void 0 : ctx.size) !== null && _b !== void 0 ? _b : "medium"}`, `aksel-tabs__tab-icon--${ctx === null || ctx === void 0 ? void 0 : ctx.iconPosition}`, className, {
|
|
27
|
+
"aksel-tabs__tab--icon-only": icon && !label,
|
|
28
|
+
"aksel-tabs__tab--fill": ctx.fill,
|
|
30
29
|
}), role: "tab", type: "button", "aria-selected": tabCtx.isSelected, "data-state": tabCtx.isSelected ? "active" : "inactive", tabIndex: tabCtx.isFocused ? 0 : -1, "aria-controls": (_c = rest["aria-controls"]) !== null && _c !== void 0 ? _c : tabCtx.controlsId, id: id !== null && id !== void 0 ? id : tabCtx.id, onFocus: tabCtx.onFocus, onClick: tabCtx.onClick }),
|
|
31
|
-
React.createElement(BodyShort, { as: "span", className:
|
|
30
|
+
React.createElement(BodyShort, { as: "span", className: "aksel-tabs__tab-inner", size: ctx === null || ctx === void 0 ? void 0 : ctx.size },
|
|
32
31
|
React.createElement("span", { "aria-hidden": !!label }, icon),
|
|
33
32
|
React.createElement("span", null, label))));
|
|
34
33
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../src/tabs/parts/tab/Tab.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../src/tabs/parts/tab/Tab.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAyBlC,MAAM,CAAC,MAAM,GAAG,GACd,UAAU,CACR,CACE,EAWC,EACD,GAA0C,EAC1C,EAAE;;QAbF,EACE,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,QAAQ,EACxB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,OAAO,EACP,OAAO,EACP,QAAQ,EACR,EAAE,OAEH,EADI,IAAI,cAVT,qFAWC,CADQ;IAIT,MAAM,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,GAAG,CAAC,CAAC;IAClE,MAAM,GAAG,GAAG,cAAc,EAAE,CAAC;IAE7B,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;QACpB,OAAO,CAAC,KAAK,CAAC,qCAAqC,CAAC,CAAC;QACrD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,oBAAC,SAAS,kBACR,GAAG,EAAE,MAAM,CAAC,GAAG,IACX,IAAI,IACR,SAAS,EAAE,EAAE,CACX,iBAAiB,EACjB,oBAAoB,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,mCAAI,QAAQ,EAAE,EAC3C,yBAAyB,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,YAAY,EAAE,EAC5C,SAAS,EACT;YACE,4BAA4B,EAAE,IAAI,IAAI,CAAC,KAAK;YAC5C,uBAAuB,EAAE,GAAG,CAAC,IAAI;SAClC,CACF,EACD,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,QAAQ,mBACE,MAAM,CAAC,UAAU,gBACpB,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EACrD,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,mBACpB,MAAA,IAAI,CAAC,eAAe,CAAC,mCAAI,MAAM,CAAC,UAAU,EACzD,EAAE,EAAE,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,MAAM,CAAC,EAAE,EACnB,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,OAAO,EAAE,MAAM,CAAC,OAAO;QAEvB,oBAAC,SAAS,IACR,EAAE,EAAC,MAAM,EACT,SAAS,EAAC,uBAAuB,EACjC,IAAI,EAAE,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI;YAEf,6CAAmB,CAAC,CAAC,KAAK,IAAG,IAAI,CAAQ;YACzC,kCAAO,KAAK,CAAQ,CACV,CACF,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,eAAe,GAAG,CAAC"}
|
|
@@ -9,7 +9,7 @@ export interface UseTabProps {
|
|
|
9
9
|
value: string;
|
|
10
10
|
}
|
|
11
11
|
export declare function useTab<P extends UseTabProps>({ value, disabled, onFocus: _onFocus, onClick }: P, ref: React.ForwardedRef<HTMLButtonElement>): {
|
|
12
|
-
ref: ((instance: HTMLButtonElement | null) => void
|
|
12
|
+
ref: ((instance: HTMLButtonElement | null) => void) | null;
|
|
13
13
|
isSelected: boolean;
|
|
14
14
|
isFocused: boolean;
|
|
15
15
|
id: string;
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { ChevronLeftIcon, ChevronRightIcon } from "@navikt/aksel-icons";
|
|
3
|
-
import {
|
|
3
|
+
import { cl } from "../../../util/className.js";
|
|
4
4
|
function ScrollButton({ hidden, onClick, dir }) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
"navds-tabs__scroll-button--hidden": hidden,
|
|
5
|
+
return (React.createElement("div", { className: cl("aksel-tabs__scroll-button", {
|
|
6
|
+
"aksel-tabs__scroll-button--hidden": hidden,
|
|
8
7
|
}), onClick: onClick, "aria-hidden": true }, dir === "left" ? React.createElement(ChevronLeftIcon, null) : React.createElement(ChevronRightIcon, null)));
|
|
9
8
|
}
|
|
10
9
|
export default ScrollButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollButtons.js","sourceRoot":"","sources":["../../../../src/tabs/parts/tablist/ScrollButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ScrollButtons.js","sourceRoot":"","sources":["../../../../src/tabs/parts/tablist/ScrollButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAQ7C,SAAS,YAAY,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAqB;IAC/D,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE;YACzC,mCAAmC,EAAE,MAAM;SAC5C,CAAC,EACF,OAAO,EAAE,OAAO,yBAGf,GAAG,KAAK,MAAM,CAAC,CAAC,CAAC,oBAAC,eAAe,OAAG,CAAC,CAAC,CAAC,oBAAC,gBAAgB,OAAG,CACxD,CACP,CAAC;AACJ,CAAC;AAED,eAAe,YAAY,CAAC"}
|
|
@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
/* eslint-disable jsx-a11y/interactive-supports-focus */
|
|
13
13
|
import React, { forwardRef, useRef } from "react";
|
|
14
|
-
import {
|
|
14
|
+
import { cl } from "../../../util/className.js";
|
|
15
15
|
import { composeEventHandlers } from "../../../util/composeEventHandlers.js";
|
|
16
16
|
import { useMergeRefs } from "../../../util/hooks/useMergeRefs.js";
|
|
17
17
|
import ScrollButton from "./ScrollButtons.js";
|
|
@@ -19,14 +19,13 @@ import { useScrollButtons } from "./useScrollButtons.js";
|
|
|
19
19
|
import { useTabList } from "./useTabList.js";
|
|
20
20
|
export const TabList = forwardRef((_a, ref) => {
|
|
21
21
|
var { className, onKeyDown } = _a, rest = __rest(_a, ["className", "onKeyDown"]);
|
|
22
|
-
const { cn } = useRenameCSS();
|
|
23
22
|
const { onKeyDown: _onKeyDown } = useTabList();
|
|
24
23
|
const listRef = useRef(null);
|
|
25
24
|
const mergedRef = useMergeRefs(listRef, ref);
|
|
26
25
|
const scrollCtx = useScrollButtons(listRef);
|
|
27
|
-
return (React.createElement("div", { className:
|
|
26
|
+
return (React.createElement("div", { className: "aksel-tabs__tablist-wrapper" },
|
|
28
27
|
scrollCtx.show && (React.createElement(ScrollButton, { dir: "left", hidden: !scrollCtx.start, onClick: scrollCtx.scrollLeft })),
|
|
29
|
-
React.createElement("div", Object.assign({ ref: mergedRef }, rest, { onScroll: scrollCtx.update, className:
|
|
28
|
+
React.createElement("div", Object.assign({ ref: mergedRef }, rest, { onScroll: scrollCtx.update, className: cl("aksel-tabs__tablist", className), role: "tablist", "aria-orientation": "horizontal", onKeyDown: composeEventHandlers(onKeyDown, _onKeyDown) })),
|
|
30
29
|
scrollCtx.show && (React.createElement(ScrollButton, { dir: "right", hidden: !scrollCtx.end, onClick: scrollCtx.scrollRight }))));
|
|
31
30
|
});
|
|
32
31
|
export default TabList;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabList.js","sourceRoot":"","sources":["../../../../src/tabs/parts/tablist/TabList.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,wDAAwD;AACxD,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"TabList.js","sourceRoot":"","sources":["../../../../src/tabs/parts/tablist/TabList.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,wDAAwD;AACxD,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAS1C,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAC/B,CAAC,EAAiC,EAAE,GAAG,EAAE,EAAE;QAA1C,EAAE,SAAS,EAAE,SAAS,OAAW,EAAN,IAAI,cAA/B,0BAAiC,CAAF;IAC9B,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,UAAU,EAAE,CAAC;IAE/C,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;IAE7C,MAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAE5C,OAAO,CACL,6BAAK,SAAS,EAAC,6BAA6B;QACzC,SAAS,CAAC,IAAI,IAAI,CACjB,oBAAC,YAAY,IACX,GAAG,EAAC,MAAM,EACV,MAAM,EAAE,CAAC,SAAS,CAAC,KAAK,EACxB,OAAO,EAAE,SAAS,CAAC,UAAU,GAC7B,CACH;QACD,2CACE,GAAG,EAAE,SAAS,IACV,IAAI,IACR,QAAQ,EAAE,SAAS,CAAC,MAAM,EAC1B,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAC/C,IAAI,EAAC,SAAS,sBACG,YAAY,EAC7B,SAAS,EAAE,oBAAoB,CAAC,SAAS,EAAE,UAAU,CAAC,IACtD;QACD,SAAS,CAAC,IAAI,IAAI,CACjB,oBAAC,YAAY,IACX,GAAG,EAAC,OAAO,EACX,MAAM,EAAE,CAAC,SAAS,CAAC,GAAG,EACtB,OAAO,EAAE,SAAS,CAAC,WAAW,GAC9B,CACH,CACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -10,14 +10,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef } from "react";
|
|
13
|
-
import {
|
|
13
|
+
import { cl } from "../../../util/className.js";
|
|
14
14
|
import { useTabPanel } from "./useTabPanel.js";
|
|
15
15
|
const TabPanel = forwardRef((_a, ref) => {
|
|
16
16
|
var _b;
|
|
17
17
|
var { className, value, children, lazy = true, id } = _a, rest = __rest(_a, ["className", "value", "children", "lazy", "id"]);
|
|
18
18
|
const ctx = useTabPanel({ value });
|
|
19
|
-
|
|
20
|
-
return (React.createElement("div", Object.assign({ ref: ref }, rest, { className: cn("navds-tabs__tabpanel", className), role: "tabpanel", tabIndex: 0, "aria-labelledby": (_b = rest["aria-labelledby"]) !== null && _b !== void 0 ? _b : ctx.labelledbyId, id: id !== null && id !== void 0 ? id : ctx.id, hidden: ctx.hidden, "data-state": !ctx.hidden ? "active" : "inactive" }), lazy && ctx.hidden ? null : children));
|
|
19
|
+
return (React.createElement("div", Object.assign({ ref: ref }, rest, { className: cl("aksel-tabs__tabpanel", className), role: "tabpanel", tabIndex: 0, "aria-labelledby": (_b = rest["aria-labelledby"]) !== null && _b !== void 0 ? _b : ctx.labelledbyId, id: id !== null && id !== void 0 ? id : ctx.id, hidden: ctx.hidden, "data-state": !ctx.hidden ? "active" : "inactive" }), lazy && ctx.hidden ? null : children));
|
|
21
20
|
});
|
|
22
21
|
export default TabPanel;
|
|
23
22
|
//# sourceMappingURL=TabPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabPanel.js","sourceRoot":"","sources":["../../../../src/tabs/parts/tabpanel/TabPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"TabPanel.js","sourceRoot":"","sources":["../../../../src/tabs/parts/tabpanel/TabPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAyB5C,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,EAAwD,EAAE,GAAG,EAAE,EAAE;;QAAjE,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,IAAI,EAAE,EAAE,OAAW,EAAN,IAAI,cAAtD,gDAAwD,CAAF;IACrD,MAAM,GAAG,GAAG,WAAW,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAEnC,OAAO,CACL,2CACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,EAChD,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,qBACM,MAAA,IAAI,CAAC,iBAAiB,CAAC,mCAAI,GAAG,CAAC,YAAY,EAC5D,EAAE,EAAE,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,GAAG,CAAC,EAAE,EAChB,MAAM,EAAE,GAAG,CAAC,MAAM,gBACN,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,KAE9C,IAAI,IAAI,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CACjC,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
package/esm/tag/Tag.d.ts
CHANGED
|
@@ -1,10 +1,16 @@
|
|
|
1
1
|
import React, { HTMLAttributes } from "react";
|
|
2
|
+
import { AkselColor } from "../types/index.js";
|
|
3
|
+
type legacyVariants = "warning" | "warning-filled" | "warning-moderate" | "error" | "error-filled" | "error-moderate" | "info" | "info-filled" | "info-moderate" | "success" | "success-filled" | "success-moderate" | "neutral" | "neutral-filled" | "neutral-moderate" | "alt1" | "alt1-filled" | "alt1-moderate" | "alt2" | "alt2-filled" | "alt2-moderate" | "alt3" | "alt3-filled" | "alt3-moderate";
|
|
4
|
+
type HiddenVariant = legacyVariants & {
|
|
5
|
+
__brand?: never;
|
|
6
|
+
};
|
|
2
7
|
export interface TagProps extends HTMLAttributes<HTMLSpanElement> {
|
|
3
8
|
children: React.ReactNode;
|
|
4
9
|
/**
|
|
5
10
|
* Changes visual profile of tag
|
|
11
|
+
* @default "outline"
|
|
6
12
|
*/
|
|
7
|
-
variant
|
|
13
|
+
variant?: "outline" | "moderate" | "strong" | HiddenVariant;
|
|
8
14
|
/**
|
|
9
15
|
* @default "medium"
|
|
10
16
|
*/
|
|
@@ -13,6 +19,11 @@ export interface TagProps extends HTMLAttributes<HTMLSpanElement> {
|
|
|
13
19
|
* Tag Icon
|
|
14
20
|
*/
|
|
15
21
|
icon?: React.ReactNode;
|
|
22
|
+
/**
|
|
23
|
+
* Tag color
|
|
24
|
+
* @default "neutral"
|
|
25
|
+
*/
|
|
26
|
+
"data-color"?: AkselColor;
|
|
16
27
|
}
|
|
17
28
|
/**
|
|
18
29
|
* A component that displays a small label with a text and a background color.
|
package/esm/tag/Tag.js
CHANGED
|
@@ -10,8 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef } from "react";
|
|
13
|
-
import { useRenameCSS } from "../theme/Theme.js";
|
|
14
13
|
import { BodyShort } from "../typography/index.js";
|
|
14
|
+
import { cl } from "../util/className.js";
|
|
15
15
|
/**
|
|
16
16
|
* A component that displays a small label with a text and a background color.
|
|
17
17
|
*
|
|
@@ -24,12 +24,14 @@ import { BodyShort } from "../typography/index.js";
|
|
|
24
24
|
* ```
|
|
25
25
|
*/
|
|
26
26
|
export const Tag = forwardRef((_a, ref) => {
|
|
27
|
-
var { children, className, variant, size = "medium", icon, "data-color": color } = _a, rest = __rest(_a, ["children", "className", "variant", "size", "icon", "data-color"]);
|
|
28
|
-
const { cn } = useRenameCSS();
|
|
27
|
+
var { children, className, variant = "outline", size = "medium", icon, "data-color": color } = _a, rest = __rest(_a, ["children", "className", "variant", "size", "icon", "data-color"]);
|
|
29
28
|
const filledVariant = (variant === null || variant === void 0 ? void 0 : variant.endsWith("-filled")) && "strong";
|
|
30
29
|
const moderateVariant = (variant === null || variant === void 0 ? void 0 : variant.endsWith("-moderate")) && "moderate";
|
|
31
|
-
|
|
32
|
-
|
|
30
|
+
const updatedVariant = variant === "moderate" || variant === "strong" || variant === "outline";
|
|
31
|
+
return (React.createElement(BodyShort, Object.assign({ "data-color": color !== null && color !== void 0 ? color : variantToColor(variant), "data-variant": updatedVariant
|
|
32
|
+
? variant
|
|
33
|
+
: filledVariant || moderateVariant || "outline" }, rest, { ref: ref, as: "span", size: size === "medium" ? "medium" : "small", className: cl("aksel-tag", className, `aksel-tag--${size}`) }),
|
|
34
|
+
icon && React.createElement("span", { className: "aksel-tag__icon--left" }, icon),
|
|
33
35
|
children));
|
|
34
36
|
});
|
|
35
37
|
function variantToColor(variant) {
|
package/esm/tag/Tag.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAoDvC;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CAC3B,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,QAAQ,EACf,IAAI,EACJ,YAAY,EAAE,KAAK,OAEpB,EADI,IAAI,cAPT,kEAQC,CADQ;IAIT,MAAM,aAAa,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC,SAAS,CAAC,KAAI,QAAQ,CAAC;IAC/D,MAAM,eAAe,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC,WAAW,CAAC,KAAI,UAAU,CAAC;IAErE,MAAM,cAAc,GAClB,OAAO,KAAK,UAAU,IAAI,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,SAAS,CAAC;IAE1E,OAAO,CACL,oBAAC,SAAS,gCACI,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,CAAC,OAAO,CAAC,kBAE1C,cAAc;YACZ,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,aAAa,IAAI,eAAe,IAAI,SAAS,IAE/C,IAAI,IACR,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,MAAM,EACT,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAC5C,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,EAAE,cAAc,IAAI,EAAE,CAAC;QAE1D,IAAI,IAAI,8BAAM,SAAS,EAAC,uBAAuB,IAAE,IAAI,CAAQ;QAC7D,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,cAAc,CAAC,OAA4B;IAClD,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS,CAAC;QACf,KAAK,gBAAgB,CAAC;QACtB,KAAK,kBAAkB;YACrB,OAAO,SAAS,CAAC;QACnB,KAAK,OAAO,CAAC;QACb,KAAK,cAAc,CAAC;QACpB,KAAK,gBAAgB;YACnB,OAAO,QAAQ,CAAC;QAClB,KAAK,MAAM,CAAC;QACZ,KAAK,aAAa,CAAC;QACnB,KAAK,eAAe,CAAC;QACrB,KAAK,MAAM,CAAC;QACZ,KAAK,aAAa,CAAC;QACnB,KAAK,eAAe;YAClB,OAAO,MAAM,CAAC;QAChB,KAAK,SAAS,CAAC;QACf,KAAK,gBAAgB,CAAC;QACtB,KAAK,kBAAkB;YACrB,OAAO,SAAS,CAAC;QACnB,KAAK,SAAS,CAAC;QACf,KAAK,gBAAgB,CAAC;QACtB,KAAK,kBAAkB;YACrB,OAAO,SAAS,CAAC;QACnB,KAAK,MAAM,CAAC;QACZ,KAAK,aAAa,CAAC;QACnB,KAAK,eAAe;YAClB,OAAO,aAAa,CAAC;QACvB,KAAK,MAAM,CAAC;QACZ,KAAK,aAAa,CAAC;QACnB,KAAK,eAAe;YAClB,OAAO,WAAW,CAAC;QACrB;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC;AAED,eAAe,GAAG,CAAC"}
|