@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
|
@@ -48,15 +48,14 @@ exports.FormSummaryEditLink = void 0;
|
|
|
48
48
|
const react_1 = __importStar(require("react"));
|
|
49
49
|
const aksel_icons_1 = require("@navikt/aksel-icons");
|
|
50
50
|
const link_1 = require("../../link");
|
|
51
|
-
const
|
|
51
|
+
const className_1 = require("../../util/className");
|
|
52
52
|
const composition_warning_1 = require("../../util/composition-warning");
|
|
53
53
|
const i18n_hooks_1 = require("../../util/i18n/i18n.hooks");
|
|
54
54
|
exports.FormSummaryEditLink = (0, react_1.forwardRef)((_a, ref) => {
|
|
55
55
|
var { children, className, as = "a" } = _a, rest = __rest(_a, ["children", "className", "as"]);
|
|
56
|
-
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
57
56
|
const translate = (0, i18n_hooks_1.useI18n)("FormSummary");
|
|
58
57
|
return (react_1.default.createElement(composition_warning_1.CompositionWarning.Forbidden, { name: "FormSummary.Header", message: "<FormSummary.EditLink> should not be placed in <FormSummary.Header> anymore. See https://aksel.nav.no/komponenter/core/formsummary" },
|
|
59
|
-
react_1.default.createElement(link_1.Link, Object.assign({ ref: ref, as: as }, rest, { className:
|
|
58
|
+
react_1.default.createElement(link_1.Link, Object.assign({ ref: ref, as: as }, rest, { className: (0, className_1.cl)("aksel-form-summary__edit", className) }),
|
|
60
59
|
react_1.default.createElement(aksel_icons_1.PencilIcon, { "aria-hidden": true, fontSize: "1.5rem" }),
|
|
61
60
|
children || translate("editAnswer"))));
|
|
62
61
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormSummaryEditLink.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryEditLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAAiD;AACjD,qCAAkC;AAClC,
|
|
1
|
+
{"version":3,"file":"FormSummaryEditLink.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryEditLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAAiD;AACjD,qCAAkC;AAClC,oDAA0C;AAC1C,wEAAoE;AACpE,2DAAqD;AAkBxC,QAAA,mBAAmB,GAG5B,IAAA,kBAAU,EAAC,CAAC,EAA0C,EAAE,GAAG,EAAE,EAAE;QAAnD,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,GAAG,GAAG,OAAW,EAAN,IAAI,cAAxC,+BAA0C,CAAF;IACtD,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,aAAa,CAAC,CAAC;IAEzC,OAAO,CACL,8BAAC,wCAAkB,CAAC,SAAS,IAC3B,IAAI,EAAC,oBAAoB,EACzB,OAAO,EAAC,oIAAoI;QAE5I,8BAAC,WAAI,kBACH,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,IACF,IAAI,IACR,SAAS,EAAE,IAAA,cAAE,EAAC,0BAA0B,EAAE,SAAS,CAAC;YAEpD,8BAAC,wBAAU,yBAAa,QAAQ,EAAC,QAAQ,GAAG;YAC3C,QAAQ,IAAI,SAAS,CAAC,YAAY,CAAC,CAC/B,CACsB,CAChC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,2BAAmB,CAAC"}
|
|
@@ -46,11 +46,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
46
46
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
47
47
|
exports.FormSummaryFooter = void 0;
|
|
48
48
|
const react_1 = __importStar(require("react"));
|
|
49
|
-
const
|
|
49
|
+
const className_1 = require("../../util/className");
|
|
50
50
|
exports.FormSummaryFooter = (0, react_1.forwardRef)((_a, ref) => {
|
|
51
51
|
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
|
52
|
-
|
|
53
|
-
return (react_1.default.createElement("div", Object.assign({ ref: ref, "data-color": "info" }, rest, { className: cn("navds-form-summary__footer", className) }), children));
|
|
52
|
+
return (react_1.default.createElement("div", Object.assign({ ref: ref }, rest, { className: (0, className_1.cl)("aksel-form-summary__footer", className) }), children));
|
|
54
53
|
});
|
|
55
54
|
exports.default = exports.FormSummaryFooter;
|
|
56
55
|
//# sourceMappingURL=FormSummaryFooter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormSummaryFooter.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,
|
|
1
|
+
{"version":3,"file":"FormSummaryFooter.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,oDAA0C;AAa7B,QAAA,iBAAiB,GAAG,IAAA,kBAAU,EAGzC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC/B,OAAO,CACL,qDACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,IAAA,cAAE,EAAC,4BAA4B,EAAE,SAAS,CAAC,KAErD,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,yBAAiB,CAAC"}
|
|
@@ -46,13 +46,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
46
46
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
47
47
|
exports.FormSummaryHeader = void 0;
|
|
48
48
|
const react_1 = __importStar(require("react"));
|
|
49
|
-
const
|
|
49
|
+
const className_1 = require("../../util/className");
|
|
50
50
|
const composition_warning_1 = require("../../util/composition-warning");
|
|
51
51
|
exports.FormSummaryHeader = (0, react_1.forwardRef)((_a, ref) => {
|
|
52
52
|
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
|
53
|
-
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
54
53
|
return (react_1.default.createElement(composition_warning_1.CompositionWarning.Root, { name: "FormSummary.Header" },
|
|
55
|
-
react_1.default.createElement("div", Object.assign({ ref: ref }, rest, { className:
|
|
54
|
+
react_1.default.createElement("div", Object.assign({ ref: ref }, rest, { className: (0, className_1.cl)("aksel-form-summary__header", className) }), children)));
|
|
56
55
|
});
|
|
57
56
|
exports.default = exports.FormSummaryHeader;
|
|
58
57
|
//# sourceMappingURL=FormSummaryHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormSummaryHeader.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,
|
|
1
|
+
{"version":3,"file":"FormSummaryHeader.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,oDAA0C;AAC1C,wEAAoE;AAUvD,QAAA,iBAAiB,GAAG,IAAA,kBAAU,EAGzC,CAAC,EAAwD,EAAE,GAAG,EAAE,EAAE;QAAjE,EAAE,QAAQ,EAAE,SAAS,OAAmC,EAA9B,IAAI,cAA9B,yBAAgC,CAAF;IAC/B,OAAO,CACL,8BAAC,wCAAkB,CAAC,IAAI,IAAC,IAAI,EAAC,oBAAoB;QAChD,qDACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,IAAA,cAAE,EAAC,4BAA4B,EAAE,SAAS,CAAC,KAErD,QAAQ,CACL,CACkB,CAC3B,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,yBAAiB,CAAC"}
|
|
@@ -46,12 +46,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
46
46
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
47
47
|
exports.FormSummaryValue = void 0;
|
|
48
48
|
const react_1 = __importStar(require("react"));
|
|
49
|
-
const Theme_1 = require("../../theme/Theme");
|
|
50
49
|
const typography_1 = require("../../typography");
|
|
50
|
+
const className_1 = require("../../util/className");
|
|
51
51
|
exports.FormSummaryValue = (0, react_1.forwardRef)((_a, ref) => {
|
|
52
52
|
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
|
53
|
-
|
|
54
|
-
return (react_1.default.createElement(typography_1.BodyLong, Object.assign({ ref: ref }, rest, { as: "dd", className: cn("navds-form-summary__value", className) }), children));
|
|
53
|
+
return (react_1.default.createElement(typography_1.BodyLong, Object.assign({ ref: ref }, rest, { as: "dd", className: (0, className_1.cl)("aksel-form-summary__value", className) }), children));
|
|
55
54
|
});
|
|
56
55
|
exports.default = exports.FormSummaryValue;
|
|
57
56
|
//# sourceMappingURL=FormSummaryValue.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormSummaryValue.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryValue.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,
|
|
1
|
+
{"version":3,"file":"FormSummaryValue.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryValue.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,iDAA4C;AAC5C,oDAA0C;AAO7B,QAAA,gBAAgB,GAAG,IAAA,kBAAU,EAGxC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC/B,OAAO,CACL,8BAAC,qBAAQ,kBACP,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,EAAE,EAAC,IAAI,EACP,SAAS,EAAE,IAAA,cAAE,EAAC,2BAA2B,EAAE,SAAS,CAAC,KAEpD,QAAQ,CACA,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,wBAAgB,CAAC"}
|
package/cjs/form/radio/Radio.js
CHANGED
|
@@ -32,44 +32,26 @@ var __importStar = (this && this.__importStar) || (function () {
|
|
|
32
32
|
return result;
|
|
33
33
|
};
|
|
34
34
|
})();
|
|
35
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
36
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
37
|
-
};
|
|
38
35
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
39
36
|
exports.Radio = void 0;
|
|
40
|
-
const clsx_1 = __importDefault(require("clsx"));
|
|
41
37
|
const react_1 = __importStar(require("react"));
|
|
42
|
-
const Theme_1 = require("../../theme/Theme");
|
|
43
38
|
const typography_1 = require("../../typography");
|
|
44
39
|
const util_1 = require("../../util");
|
|
40
|
+
const className_1 = require("../../util/className");
|
|
45
41
|
const useRadio_1 = require("./useRadio");
|
|
46
42
|
exports.Radio = (0, react_1.forwardRef)((props, ref) => {
|
|
47
|
-
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
48
43
|
const { inputProps, size, hasError, readOnly } = (0, useRadio_1.useRadio)(props);
|
|
49
44
|
const descriptionId = (0, util_1.useId)();
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
"navds-radio--disabled": inputProps.disabled,
|
|
55
|
-
"navds-radio--readonly": readOnly,
|
|
56
|
-
}), "data-color": hasError ? "danger" : props["data-color"] },
|
|
57
|
-
react_1.default.createElement("input", Object.assign({}, (0, util_1.omit)(props, ["children", "size", "description", "readOnly"]), (0, util_1.omit)(inputProps, ["aria-invalid", "aria-describedby"]), { "aria-describedby": (0, clsx_1.default)(inputProps["aria-describedby"], {
|
|
58
|
-
[descriptionId]: props.description,
|
|
59
|
-
}) || undefined, className: cn("navds-radio__input"), ref: ref })),
|
|
60
|
-
react_1.default.createElement(typography_1.BodyShort, { as: "label", htmlFor: inputProps.id, className: cn("navds-radio__label"), size: size }, props.children),
|
|
61
|
-
props.description && (react_1.default.createElement(typography_1.BodyShort, { id: descriptionId, size: size, className: cn("navds-form-field__subdescription navds-radio__description") }, props.description))));
|
|
62
|
-
}
|
|
63
|
-
return (react_1.default.createElement("div", { className: cn(props.className, "navds-radio", `navds-radio--${size}`, {
|
|
64
|
-
"navds-radio--error": hasError,
|
|
65
|
-
"navds-radio--disabled": inputProps.disabled,
|
|
66
|
-
"navds-radio--readonly": readOnly,
|
|
45
|
+
return (react_1.default.createElement("div", { className: (0, className_1.cl)(props.className, "aksel-radio", `aksel-radio--${size}`, {
|
|
46
|
+
"aksel-radio--error": hasError,
|
|
47
|
+
"aksel-radio--disabled": inputProps.disabled,
|
|
48
|
+
"aksel-radio--readonly": readOnly,
|
|
67
49
|
}), "data-color": hasError ? "danger" : props["data-color"] },
|
|
68
|
-
react_1.default.createElement("input", Object.assign({}, (0, util_1.omit)(props, ["children", "size", "description", "readOnly"]), (0, util_1.omit)(inputProps, ["aria-invalid"]), {
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
50
|
+
react_1.default.createElement("input", Object.assign({}, (0, util_1.omit)(props, ["children", "size", "description", "readOnly"]), (0, util_1.omit)(inputProps, ["aria-invalid", "aria-describedby"]), { "aria-describedby": (0, className_1.cl)(inputProps["aria-describedby"], {
|
|
51
|
+
[descriptionId]: props.description,
|
|
52
|
+
}) || undefined, className: "aksel-radio__input", ref: ref })),
|
|
53
|
+
react_1.default.createElement(typography_1.BodyShort, { as: "label", htmlFor: inputProps.id, className: "aksel-radio__label", size: size }, props.children),
|
|
54
|
+
props.description && (react_1.default.createElement(typography_1.BodyShort, { id: descriptionId, size: size, className: "aksel-form-field__subdescription aksel-radio__description" }, props.description))));
|
|
73
55
|
});
|
|
74
56
|
exports.default = exports.Radio;
|
|
75
57
|
//# sourceMappingURL=Radio.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/form/radio/Radio.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/form/radio/Radio.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,iDAA6C;AAC7C,qCAAyC;AACzC,oDAA0C;AAE1C,yCAAsC;AAEzB,QAAA,KAAK,GAAG,IAAA,kBAAU,EAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC3E,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAA,mBAAQ,EAAC,KAAK,CAAC,CAAC;IACjE,MAAM,aAAa,GAAG,IAAA,YAAK,GAAE,CAAC;IAE9B,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,cAAE,EAAC,KAAK,CAAC,SAAS,EAAE,aAAa,EAAE,gBAAgB,IAAI,EAAE,EAAE;YACpE,oBAAoB,EAAE,QAAQ;YAC9B,uBAAuB,EAAE,UAAU,CAAC,QAAQ;YAC5C,uBAAuB,EAAE,QAAQ;SAClC,CAAC,gBACU,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC;QAErD,yDACM,IAAA,WAAI,EAAC,KAAK,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,CAAC,CAAC,EAC5D,IAAA,WAAI,EAAC,UAAU,EAAE,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC,wBAExD,IAAA,cAAE,EAAC,UAAU,CAAC,kBAAkB,CAAC,EAAE;gBACjC,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW;aACnC,CAAC,IAAI,SAAS,EAEjB,SAAS,EAAC,oBAAoB,EAC9B,GAAG,EAAE,GAAG,IACR;QACF,8BAAC,sBAAS,IACR,EAAE,EAAC,OAAO,EACV,OAAO,EAAE,UAAU,CAAC,EAAE,EACtB,SAAS,EAAC,oBAAoB,EAC9B,IAAI,EAAE,IAAI,IAET,KAAK,CAAC,QAAQ,CACL;QACX,KAAK,CAAC,WAAW,IAAI,CACpB,8BAAC,sBAAS,IACR,EAAE,EAAE,aAAa,EACjB,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,2DAA2D,IAEpE,KAAK,CAAC,WAAW,CACR,CACb,CACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,aAAK,CAAC"}
|
|
@@ -46,7 +46,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
46
46
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
47
47
|
exports.RadioGroup = exports.RadioGroupContext = void 0;
|
|
48
48
|
const react_1 = __importStar(require("react"));
|
|
49
|
-
const
|
|
49
|
+
const className_1 = require("../../util/className");
|
|
50
50
|
const hooks_1 = require("../../util/hooks");
|
|
51
51
|
const fieldset_1 = require("../fieldset");
|
|
52
52
|
const context_1 = require("../fieldset/context");
|
|
@@ -64,10 +64,9 @@ exports.RadioGroupContext = react_1.default.createContext(null);
|
|
|
64
64
|
exports.RadioGroup = (0, react_1.forwardRef)((_a, ref) => {
|
|
65
65
|
var _b, _c;
|
|
66
66
|
var { children, className, name, defaultValue, value, onChange = () => { }, required, readOnly } = _a, rest = __rest(_a, ["children", "className", "name", "defaultValue", "value", "onChange", "required", "readOnly"]);
|
|
67
|
-
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
68
67
|
const fieldset = (0, react_1.useContext)(context_1.FieldsetContext);
|
|
69
68
|
const nameId = (0, hooks_1.useId)();
|
|
70
|
-
return (react_1.default.createElement(fieldset_1.Fieldset, Object.assign({}, rest, { readOnly: readOnly, ref: ref, className:
|
|
69
|
+
return (react_1.default.createElement(fieldset_1.Fieldset, Object.assign({}, rest, { readOnly: readOnly, ref: ref, className: (0, className_1.cl)(className, "aksel-radio-group", `aksel-radio-group--${(_c = (_b = rest.size) !== null && _b !== void 0 ? _b : fieldset === null || fieldset === void 0 ? void 0 : fieldset.size) !== null && _c !== void 0 ? _c : "medium"}`), nativeReadOnly: false }),
|
|
71
70
|
react_1.default.createElement(exports.RadioGroupContext.Provider, { value: {
|
|
72
71
|
name: name !== null && name !== void 0 ? name : `radioGroupName-${nameId}`,
|
|
73
72
|
defaultValue,
|
|
@@ -75,7 +74,7 @@ exports.RadioGroup = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
75
74
|
onChange,
|
|
76
75
|
required,
|
|
77
76
|
} },
|
|
78
|
-
react_1.default.createElement("div", { className:
|
|
77
|
+
react_1.default.createElement("div", { className: "aksel-radio-buttons" }, children))));
|
|
79
78
|
});
|
|
80
79
|
exports.default = exports.RadioGroup;
|
|
81
80
|
//# sourceMappingURL=RadioGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/form/radio/RadioGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,
|
|
1
|
+
{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/form/radio/RadioGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,oDAA0C;AAC1C,4CAAyC;AACzC,0CAAsD;AACtD,iDAAsD;AAUzC,QAAA,iBAAiB,GAC5B,eAAK,CAAC,aAAa,CAAgC,IAAI,CAAC,CAAC;AAiC3D;;;;;;;;;GASG;AACU,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,CACE,EAUC,EACD,GAAG,EACH,EAAE;;QAZF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,QAAQ,EACR,QAAQ,OAET,EADI,IAAI,cATT,8FAUC,CADQ;IAIT,MAAM,QAAQ,GAAG,IAAA,kBAAU,EAAC,yBAAe,CAAC,CAAC;IAE7C,MAAM,MAAM,GAAG,IAAA,aAAK,GAAE,CAAC;IAEvB,OAAO,CACL,8BAAC,mBAAQ,oBACH,IAAI,IACR,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EACX,SAAS,EACT,mBAAmB,EACnB,sBAAsB,MAAA,MAAA,IAAI,CAAC,IAAI,mCAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,mCAAI,QAAQ,EAAE,CAChE,EACD,cAAc,EAAE,KAAK;QAErB,8BAAC,yBAAiB,CAAC,QAAQ,IACzB,KAAK,EAAE;gBACL,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,kBAAkB,MAAM,EAAE;gBACxC,YAAY;gBACZ,KAAK;gBACL,QAAQ;gBACR,QAAQ;aACT;YAED,uCAAK,SAAS,EAAC,qBAAqB,IAAE,QAAQ,CAAO,CAC1B,CACpB,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,kBAAU,CAAC"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import React, { InputHTMLAttributes } from "react";
|
|
2
|
+
import type { AkselStatusColorRole } from "@navikt/ds-tokens/types";
|
|
3
|
+
import { AkselColor } from "../../types";
|
|
2
4
|
import { FormFieldProps } from "../useFormField";
|
|
3
5
|
import { SearchButtonType } from "./SearchButton";
|
|
4
6
|
export type SearchClearEvent = {
|
|
@@ -57,6 +59,10 @@ export interface SearchProps extends Omit<FormFieldProps, "readOnly">, Omit<Inpu
|
|
|
57
59
|
* HTML size attribute. Specifies the width of the input, in characters.
|
|
58
60
|
*/
|
|
59
61
|
htmlSize?: number | string;
|
|
62
|
+
/**
|
|
63
|
+
* @private
|
|
64
|
+
*/
|
|
65
|
+
"data-color"?: Exclude<AkselColor, AkselStatusColorRole>;
|
|
60
66
|
}
|
|
61
67
|
interface SearchComponent extends React.ForwardRefExoticComponent<SearchProps & React.RefAttributes<HTMLDivElement>> {
|
|
62
68
|
Button: SearchButtonType;
|
|
@@ -52,9 +52,9 @@ exports.Search = void 0;
|
|
|
52
52
|
const react_1 = __importStar(require("react"));
|
|
53
53
|
const aksel_icons_1 = require("@navikt/aksel-icons");
|
|
54
54
|
const button_1 = require("../../button");
|
|
55
|
-
const Theme_1 = require("../../theme/Theme");
|
|
56
55
|
const typography_1 = require("../../typography");
|
|
57
56
|
const util_1 = require("../../util");
|
|
57
|
+
const className_1 = require("../../util/className");
|
|
58
58
|
const useMergeRefs_1 = require("../../util/hooks/useMergeRefs");
|
|
59
59
|
const i18n_hooks_1 = require("../../util/i18n/i18n.hooks");
|
|
60
60
|
const useFormField_1 = require("../useFormField");
|
|
@@ -76,7 +76,6 @@ const context_1 = require("./context");
|
|
|
76
76
|
exports.Search = (0, react_1.forwardRef)((props, ref) => {
|
|
77
77
|
const { inputProps, size = "medium", inputDescriptionId, errorId, showErrorMsg, hasError, } = (0, useFormField_1.useFormField)(props, "searchfield");
|
|
78
78
|
const { className, hideLabel = true, label, description, value, clearButtonLabel, onClear, clearButton = true, children, variant = "primary", defaultValue, onChange, onSearchClick, htmlSize, "data-color": dataColor } = props, rest = __rest(props, ["className", "hideLabel", "label", "description", "value", "clearButtonLabel", "onClear", "clearButton", "children", "variant", "defaultValue", "onChange", "onSearchClick", "htmlSize", "data-color"]);
|
|
79
|
-
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
80
79
|
const searchRef = (0, react_1.useRef)(null);
|
|
81
80
|
const mergedRef = (0, useMergeRefs_1.useMergeRefs)(searchRef, ref);
|
|
82
81
|
const [internalValue, setInternalValue] = (0, react_1.useState)(defaultValue !== null && defaultValue !== void 0 ? defaultValue : "");
|
|
@@ -103,21 +102,21 @@ exports.Search = (0, react_1.forwardRef)((props, ref) => {
|
|
|
103
102
|
}
|
|
104
103
|
((_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.value) && event.preventDefault();
|
|
105
104
|
handleClear({ trigger: "Escape", event });
|
|
106
|
-
}, className:
|
|
107
|
-
"
|
|
108
|
-
"
|
|
109
|
-
"
|
|
105
|
+
}, className: (0, className_1.cl)(className, "aksel-form-field", `aksel-form-field--${size}`, "aksel-search", {
|
|
106
|
+
"aksel-search--error": hasError,
|
|
107
|
+
"aksel-search--disabled": inputProps.disabled,
|
|
108
|
+
"aksel-search--with-size": htmlSize,
|
|
110
109
|
}), "data-color": dataColor },
|
|
111
|
-
react_1.default.createElement(typography_1.Label, { htmlFor: inputProps.id, size: size, className:
|
|
112
|
-
"
|
|
110
|
+
react_1.default.createElement(typography_1.Label, { htmlFor: inputProps.id, size: size, className: (0, className_1.cl)("aksel-form-field__label", {
|
|
111
|
+
"aksel-sr-only": hideLabel,
|
|
113
112
|
}) }, label),
|
|
114
|
-
!!description && (react_1.default.createElement(typography_1.BodyShort, { className:
|
|
115
|
-
"
|
|
113
|
+
!!description && (react_1.default.createElement(typography_1.BodyShort, { className: (0, className_1.cl)("aksel-form-field__description", {
|
|
114
|
+
"aksel-sr-only": hideLabel,
|
|
116
115
|
}), id: inputDescriptionId, size: size, as: "div" }, description)),
|
|
117
|
-
react_1.default.createElement("div", { className:
|
|
118
|
-
react_1.default.createElement("div", { className:
|
|
119
|
-
variant === "simple" && (react_1.default.createElement(aksel_icons_1.MagnifyingGlassIcon, { "aria-hidden": true, className:
|
|
120
|
-
react_1.default.createElement("input", Object.assign({ ref: mergedRef }, (0, util_1.omit)(rest, ["error", "errorId", "size", "readOnly"]), inputProps, { value: value !== null && value !== void 0 ? value : internalValue, onChange: (e) => handleChange(e.target.value), type: "search", className:
|
|
116
|
+
react_1.default.createElement("div", { className: "aksel-search__wrapper" },
|
|
117
|
+
react_1.default.createElement("div", { className: "aksel-search__wrapper-inner" },
|
|
118
|
+
variant === "simple" && (react_1.default.createElement(aksel_icons_1.MagnifyingGlassIcon, { "aria-hidden": true, className: "aksel-search__search-icon" })),
|
|
119
|
+
react_1.default.createElement("input", Object.assign({ ref: mergedRef }, (0, util_1.omit)(rest, ["error", "errorId", "size", "readOnly"]), inputProps, { value: value !== null && value !== void 0 ? value : internalValue, onChange: (e) => handleChange(e.target.value), type: "search", className: (0, className_1.cl)(className, "aksel-search__input", `aksel-search__input--${variant}`, "aksel-text-field__input", "aksel-body-short", `aksel-body-short--${size}`) }, (htmlSize ? { size: Number(htmlSize) } : {}))),
|
|
121
120
|
showClearButton && (react_1.default.createElement(ClearButton, { handleClear: handleClear, size: size, clearButtonLabel: clearButtonLabel }))),
|
|
122
121
|
react_1.default.createElement(context_1.SearchContext.Provider, { value: {
|
|
123
122
|
size,
|
|
@@ -127,15 +126,11 @@ exports.Search = (0, react_1.forwardRef)((props, ref) => {
|
|
|
127
126
|
} }, children
|
|
128
127
|
? children
|
|
129
128
|
: variant !== "simple" && react_1.default.createElement(SearchButton_1.default, { "data-color": dataColor }))),
|
|
130
|
-
react_1.default.createElement("div", { className:
|
|
129
|
+
react_1.default.createElement("div", { className: "aksel-form-field__error", id: errorId, "aria-relevant": "additions removals", "aria-live": "polite" }, showErrorMsg && (react_1.default.createElement(typography_1.ErrorMessage, { size: size, showIcon: true }, props.error)))));
|
|
131
130
|
});
|
|
132
131
|
function ClearButton({ size, clearButtonLabel, handleClear, }) {
|
|
133
|
-
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
134
|
-
const themeContext = (0, Theme_1.useThemeInternal)();
|
|
135
132
|
const translate = (0, i18n_hooks_1.useI18n)("Search");
|
|
136
|
-
return (
|
|
137
|
-
react_1.default.createElement("span", { className: cn("navds-sr-only") }, clearButtonLabel || translate("clear")),
|
|
138
|
-
react_1.default.createElement(aksel_icons_1.XMarkIcon, { "aria-hidden": true })));
|
|
133
|
+
return (react_1.default.createElement(button_1.Button, { className: "aksel-search__button-clear", variant: "tertiary", "data-color": "neutral", size: size === "medium" ? "small" : "xsmall", icon: react_1.default.createElement(aksel_icons_1.XMarkIcon, { "aria-hidden": true }), title: clearButtonLabel || translate("clear"), onClick: (event) => handleClear({ trigger: "Click", event }), type: "button" }));
|
|
139
134
|
}
|
|
140
135
|
exports.Search.Button = SearchButton_1.default;
|
|
141
136
|
exports.default = exports.Search;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../src/form/search/Search.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAA4D;AAC5D,+CAKe;AACf,qDAAqE;
|
|
1
|
+
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../src/form/search/Search.tsx"],"names":[],"mappings":"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"}
|
|
@@ -47,14 +47,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
47
47
|
const react_1 = __importStar(require("react"));
|
|
48
48
|
const aksel_icons_1 = require("@navikt/aksel-icons");
|
|
49
49
|
const button_1 = require("../../button");
|
|
50
|
-
const
|
|
50
|
+
const className_1 = require("../../util/className");
|
|
51
51
|
const composeEventHandlers_1 = require("../../util/composeEventHandlers");
|
|
52
52
|
const i18n_hooks_1 = require("../../util/i18n/i18n.hooks");
|
|
53
53
|
const context_1 = require("./context");
|
|
54
54
|
const SearchButton = (0, react_1.forwardRef)((_a, ref) => {
|
|
55
55
|
var _b;
|
|
56
56
|
var { className, children, disabled, onClick } = _a, rest = __rest(_a, ["className", "children", "disabled", "onClick"]);
|
|
57
|
-
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
58
57
|
const translate = (0, i18n_hooks_1.useI18n)("Search");
|
|
59
58
|
const context = (0, react_1.useContext)(context_1.SearchContext);
|
|
60
59
|
if (context === null) {
|
|
@@ -62,7 +61,7 @@ const SearchButton = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
62
61
|
return null;
|
|
63
62
|
}
|
|
64
63
|
const { size, variant, handleClick } = context;
|
|
65
|
-
return (react_1.default.createElement(button_1.Button, Object.assign({ type: "submit" }, rest, { ref: ref, size: size, variant: variant === "secondary" ? "secondary" : "primary", className:
|
|
64
|
+
return (react_1.default.createElement(button_1.Button, Object.assign({ type: "submit" }, rest, { ref: ref, size: size, variant: variant === "secondary" ? "secondary" : "primary", className: (0, className_1.cl)("aksel-search__button-search", className), disabled: (_b = context === null || context === void 0 ? void 0 : context.disabled) !== null && _b !== void 0 ? _b : disabled, onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, handleClick), icon: react_1.default.createElement(aksel_icons_1.MagnifyingGlassIcon, Object.assign({}, (children
|
|
66
65
|
? { "aria-hidden": true }
|
|
67
66
|
: { title: translate("search") }))) }), children));
|
|
68
67
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchButton.js","sourceRoot":"","sources":["../../../src/form/search/SearchButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,qDAA0D;AAC1D,yCAAmD;AACnD,
|
|
1
|
+
{"version":3,"file":"SearchButton.js","sourceRoot":"","sources":["../../../src/form/search/SearchButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,qDAA0D;AAC1D,yCAAmD;AACnD,oDAA0C;AAC1C,0EAAuE;AACvE,2DAAqD;AACrD,uCAA0C;AAc1C,MAAM,YAAY,GAAqB,IAAA,kBAAU,EAC/C,CAAC,EAAmD,EAAE,GAAG,EAAE,EAAE;;QAA5D,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,OAAW,EAAN,IAAI,cAAjD,gDAAmD,CAAF;IAChD,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,QAAQ,CAAC,CAAC;IACpC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,uBAAa,CAAC,CAAC;IAE1C,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;QACrB,OAAO,CAAC,IAAI,CAAC,iDAAiD,CAAC,CAAC;QAChE,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,OAAO,CAAC;IAE/C,OAAO,CACL,8BAAC,eAAM,kBACL,IAAI,EAAC,QAAQ,IACT,IAAI,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAC1D,SAAS,EAAE,IAAA,cAAE,EAAC,6BAA6B,EAAE,SAAS,CAAC,EACvD,QAAQ,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,mCAAI,QAAQ,EACvC,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,WAAW,CAAC,EACnD,IAAI,EACF,8BAAC,iCAAmB,oBACd,CAAC,QAAQ;YACX,CAAC,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE;YACzB,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC,EACnC,KAGH,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
|
@@ -47,9 +47,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
47
47
|
exports.Select = void 0;
|
|
48
48
|
const react_1 = __importStar(require("react"));
|
|
49
49
|
const aksel_icons_1 = require("@navikt/aksel-icons");
|
|
50
|
-
const Theme_1 = require("../../theme/Theme");
|
|
51
50
|
const typography_1 = require("../../typography");
|
|
52
51
|
const util_1 = require("../../util");
|
|
52
|
+
const className_1 = require("../../util/className");
|
|
53
53
|
const ReadOnlyIcon_1 = require("../ReadOnlyIcon");
|
|
54
54
|
const useFormField_1 = require("../useFormField");
|
|
55
55
|
/**
|
|
@@ -71,7 +71,6 @@ const useFormField_1 = require("../useFormField");
|
|
|
71
71
|
exports.Select = (0, react_1.forwardRef)((props, ref) => {
|
|
72
72
|
const { inputProps, errorId, showErrorMsg, hasError, size, inputDescriptionId, readOnly, } = (0, useFormField_1.useFormField)(props, "select");
|
|
73
73
|
const { children, label, className, description, hideLabel = false, style } = props, rest = __rest(props, ["children", "label", "className", "description", "hideLabel", "style"]);
|
|
74
|
-
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
75
74
|
const readOnlyEventHandlers = {
|
|
76
75
|
onMouseDown: (evt) => {
|
|
77
76
|
// NOTE: does not prevent click
|
|
@@ -88,24 +87,24 @@ exports.Select = (0, react_1.forwardRef)((props, ref) => {
|
|
|
88
87
|
}
|
|
89
88
|
},
|
|
90
89
|
};
|
|
91
|
-
return (react_1.default.createElement("div", { className:
|
|
92
|
-
"
|
|
93
|
-
"
|
|
94
|
-
"
|
|
95
|
-
"
|
|
90
|
+
return (react_1.default.createElement("div", { className: (0, className_1.cl)(className, "aksel-form-field", `aksel-form-field--${size}`, {
|
|
91
|
+
"aksel-form-field--disabled": !!inputProps.disabled,
|
|
92
|
+
"aksel-form-field--readonly": readOnly,
|
|
93
|
+
"aksel-select--error": hasError,
|
|
94
|
+
"aksel-select--readonly": readOnly,
|
|
96
95
|
}) },
|
|
97
|
-
react_1.default.createElement(typography_1.Label, { htmlFor: inputProps.id, size: size, className:
|
|
98
|
-
"
|
|
96
|
+
react_1.default.createElement(typography_1.Label, { htmlFor: inputProps.id, size: size, className: (0, className_1.cl)("aksel-form-field__label", {
|
|
97
|
+
"aksel-sr-only": hideLabel,
|
|
99
98
|
}) },
|
|
100
99
|
readOnly && react_1.default.createElement(ReadOnlyIcon_1.ReadOnlyIconWithTitle, null),
|
|
101
100
|
label),
|
|
102
|
-
!!description && (react_1.default.createElement(typography_1.BodyShort, { className:
|
|
103
|
-
"
|
|
101
|
+
!!description && (react_1.default.createElement(typography_1.BodyShort, { className: (0, className_1.cl)("aksel-form-field__description", {
|
|
102
|
+
"aksel-sr-only": hideLabel,
|
|
104
103
|
}), id: inputDescriptionId, size: size, as: "div" }, description)),
|
|
105
|
-
react_1.default.createElement("div", { className:
|
|
106
|
-
react_1.default.createElement("select", Object.assign({}, (0, util_1.omit)(rest, ["error", "errorId", "size", "readOnly"]), inputProps, readOnlyEventHandlers, { ref: ref, className:
|
|
107
|
-
react_1.default.createElement(aksel_icons_1.ChevronDownIcon, { className:
|
|
108
|
-
react_1.default.createElement("div", { className:
|
|
104
|
+
react_1.default.createElement("div", { className: "aksel-select__container", style: style },
|
|
105
|
+
react_1.default.createElement("select", Object.assign({}, (0, util_1.omit)(rest, ["error", "errorId", "size", "readOnly"]), inputProps, readOnlyEventHandlers, { ref: ref, className: (0, className_1.cl)("aksel-select__input", "aksel-body-short", `aksel-body-short--${size !== null && size !== void 0 ? size : "medium"}`) }), children),
|
|
106
|
+
react_1.default.createElement(aksel_icons_1.ChevronDownIcon, { className: "aksel-select__chevron", "aria-hidden": true })),
|
|
107
|
+
react_1.default.createElement("div", { className: "aksel-form-field__error", id: errorId, "aria-relevant": "additions removals", "aria-live": "polite" }, showErrorMsg && (react_1.default.createElement(typography_1.ErrorMessage, { size: size, showIcon: true }, props.error)))));
|
|
109
108
|
});
|
|
110
109
|
exports.default = exports.Select;
|
|
111
110
|
//# sourceMappingURL=Select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/form/select/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgE;AAChE,qDAAsD;AACtD,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/form/select/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -47,9 +47,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
47
47
|
exports.Switch = void 0;
|
|
48
48
|
const react_1 = __importStar(require("react"));
|
|
49
49
|
const loader_1 = require("../../loader");
|
|
50
|
-
const Theme_1 = require("../../theme/Theme");
|
|
51
50
|
const typography_1 = require("../../typography");
|
|
52
51
|
const util_1 = require("../../util");
|
|
52
|
+
const className_1 = require("../../util/className");
|
|
53
53
|
const ReadOnlyIcon_1 = require("../ReadOnlyIcon");
|
|
54
54
|
const useFormField_1 = require("../useFormField");
|
|
55
55
|
/**
|
|
@@ -67,17 +67,16 @@ exports.Switch = (0, react_1.forwardRef)((props, ref) => {
|
|
|
67
67
|
var _a, _b, _c;
|
|
68
68
|
const { inputProps, size, readOnly } = (0, useFormField_1.useFormField)(props, "switch");
|
|
69
69
|
const { children, className, description, hideLabel = false, loading, checked: checkedProp, defaultChecked, position = "left" } = props, rest = __rest(props, ["children", "className", "description", "hideLabel", "loading", "checked", "defaultChecked", "position"]);
|
|
70
|
-
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
71
70
|
const [_checked, setChecked] = (0, react_1.useState)((_a = defaultChecked !== null && defaultChecked !== void 0 ? defaultChecked : checkedProp) !== null && _a !== void 0 ? _a : false);
|
|
72
71
|
(0, react_1.useEffect)(() => {
|
|
73
72
|
checkedProp !== undefined && setChecked(checkedProp);
|
|
74
73
|
}, [checkedProp]);
|
|
75
74
|
const checked = checkedProp !== null && checkedProp !== void 0 ? checkedProp : _checked;
|
|
76
|
-
return (react_1.default.createElement("div", { className:
|
|
77
|
-
"
|
|
78
|
-
"
|
|
79
|
-
"
|
|
80
|
-
"
|
|
75
|
+
return (react_1.default.createElement("div", { className: (0, className_1.cl)("aksel-switch", props.className, `aksel-switch--${size}`, `aksel-switch--${position}`, {
|
|
76
|
+
"aksel-switch--loading": loading,
|
|
77
|
+
"aksel-switch--disabled": (_b = inputProps.disabled) !== null && _b !== void 0 ? _b : loading,
|
|
78
|
+
"aksel-switch--readonly": readOnly,
|
|
79
|
+
"aksel-switch--standalone": hideLabel,
|
|
81
80
|
}) },
|
|
82
81
|
react_1.default.createElement("input", Object.assign({}, (0, util_1.omit)(rest, ["size", "readOnly"]), (0, util_1.omit)(inputProps, ["aria-invalid", "aria-describedby"]), { disabled: (_c = inputProps.disabled) !== null && _c !== void 0 ? _c : loading, checked: checkedProp, defaultChecked: defaultChecked, ref: ref, type: "checkbox", onChange: (event) => {
|
|
83
82
|
var _a;
|
|
@@ -93,19 +92,19 @@ exports.Switch = (0, react_1.forwardRef)((props, ref) => {
|
|
|
93
92
|
return;
|
|
94
93
|
}
|
|
95
94
|
(_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, event);
|
|
96
|
-
}, className:
|
|
97
|
-
react_1.default.createElement("span", { className:
|
|
98
|
-
react_1.default.createElement("span", { className:
|
|
95
|
+
}, className: (0, className_1.cl)(className, "aksel-switch__input") })),
|
|
96
|
+
react_1.default.createElement("span", { className: "aksel-switch__track" },
|
|
97
|
+
react_1.default.createElement("span", { className: "aksel-switch__thumb" },
|
|
99
98
|
react_1.default.createElement(SwitchIcon, { size: size, checked: checked, loading: loading }))),
|
|
100
|
-
react_1.default.createElement("label", { htmlFor: inputProps.id, className:
|
|
101
|
-
react_1.default.createElement("span", { className:
|
|
102
|
-
"
|
|
103
|
-
"
|
|
99
|
+
react_1.default.createElement("label", { htmlFor: inputProps.id, className: "aksel-switch__label-wrapper" },
|
|
100
|
+
react_1.default.createElement("span", { className: (0, className_1.cl)("aksel-switch__content", {
|
|
101
|
+
"aksel-sr-only": hideLabel,
|
|
102
|
+
"aksel-switch--with-description": description && !hideLabel,
|
|
104
103
|
}) },
|
|
105
|
-
react_1.default.createElement(typography_1.BodyShort, { as: "span", size: size, className:
|
|
104
|
+
react_1.default.createElement(typography_1.BodyShort, { as: "span", size: size, className: "aksel-switch__label" },
|
|
106
105
|
readOnly && react_1.default.createElement(ReadOnlyIcon_1.ReadOnlyIconWithTitle, null),
|
|
107
106
|
children),
|
|
108
|
-
description && (react_1.default.createElement(typography_1.BodyShort, { size: size, as: "span", className:
|
|
107
|
+
description && (react_1.default.createElement(typography_1.BodyShort, { size: size, as: "span", className: "aksel-form-field__subdescription aksel-switch__description" }, description))))));
|
|
109
108
|
});
|
|
110
109
|
const SwitchIcon = ({ size, checked, loading, }) => {
|
|
111
110
|
if (loading) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/form/switch/Switch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAKe;AACf,yCAAsC;AACtC,
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/form/switch/Switch.tsx"],"names":[],"mappings":"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"}
|