@carbon/react 1.86.0 → 1.87.0
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/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +871 -871
- package/es/_virtual/_rollupPluginBabelHelpers.js +4 -4
- package/es/components/Button/Button.Skeleton.js +2 -1
- package/es/components/Button/Button.d.ts +1 -1
- package/es/components/Button/Button.js +3 -3
- package/es/components/Button/ButtonBase.js +2 -0
- package/es/components/Button/index.js +5 -1
- package/es/components/ButtonSet/index.js +4 -1
- package/es/components/Checkbox/index.js +4 -1
- package/es/components/CodeSnippet/CodeSnippet.js +1 -0
- package/es/components/ComboBox/ComboBox.d.ts +7 -0
- package/es/components/ComboBox/ComboBox.js +11 -2
- package/es/components/ComboBox/index.js +4 -1
- package/es/components/ComposedModal/ComposedModal.js +18 -8
- package/es/components/ContainedList/ContainedList.d.ts +1 -1
- package/es/components/ContainedList/ContainedList.js +3 -3
- package/es/components/ContainedList/ContainedListItem/index.js +4 -1
- package/es/components/ContainedList/index.js +2 -2
- package/es/components/Copy/Copy.js +1 -1
- package/es/components/Copy/index.js +4 -1
- package/es/components/CopyButton/index.js +4 -1
- package/es/components/DataTable/Table.js +1 -1
- package/es/components/DataTable/state/getDerivedStateFromProps.d.ts +19 -0
- package/es/components/DataTable/state/getDerivedStateFromProps.js +1 -2
- package/es/components/DataTable/state/sorting.d.ts +15 -0
- package/es/components/DataTable/state/sorting.js +1 -2
- package/es/components/DataTable/tools/denormalize.d.ts +22 -0
- package/es/components/DataTable/tools/denormalize.js +1 -2
- package/es/components/DataTable/tools/normalize.d.ts +9 -0
- package/es/components/DataTable/tools/normalize.js +1 -2
- package/es/components/DatePicker/DatePicker.js +18 -11
- package/es/components/DatePicker/index.js +4 -1
- package/es/components/DatePicker/plugins/fixEventsPlugin.d.ts +2 -0
- package/es/components/DatePicker/plugins/rangePlugin.d.ts +2 -0
- package/es/components/DatePickerInput/DatePickerInput.js +6 -0
- package/es/components/DatePickerInput/index.js +4 -1
- package/es/components/Dialog/index.js +2 -2
- package/es/components/Dropdown/Dropdown.Skeleton.js +4 -4
- package/es/components/Dropdown/Dropdown.js +2 -2
- package/es/components/Dropdown/index.js +4 -1
- package/es/components/FeatureFlags/index.js +2 -2
- package/es/components/FluidNumberInput/FluidNumberInput.d.ts +3 -2
- package/es/components/FluidNumberInput/FluidNumberInput.js +3 -2
- package/es/components/FluidSelect/index.js +4 -1
- package/es/components/FluidTextInput/index.js +4 -1
- package/es/components/IconButton/index.d.ts +1 -1
- package/es/components/IconIndicator/index.js +1 -1
- package/es/components/InlineCheckbox/index.js +4 -1
- package/es/components/InlineLoading/index.js +4 -1
- package/es/components/LayoutDirection/LayoutDirection.js +1 -2
- package/es/components/Link/index.js +4 -1
- package/es/components/ListBox/ListBox.js +1 -1
- package/es/components/Loading/index.js +4 -1
- package/es/components/Menu/Menu.d.ts +3 -1
- package/es/components/Menu/Menu.js +3 -1
- package/es/components/Menu/MenuItem.js +1 -1
- package/es/components/Modal/Modal.js +16 -5
- package/es/components/Modal/index.js +4 -1
- package/es/components/MultiSelect/FilterableMultiSelect.d.ts +7 -0
- package/es/components/MultiSelect/FilterableMultiSelect.js +20 -10
- package/es/components/MultiSelect/MultiSelect.js +2 -2
- package/es/components/MultiSelect/filter.js +0 -4
- package/es/components/MultiSelect/tools/itemToString.d.ts +1 -0
- package/es/components/MultiSelect/tools/sorting.d.ts +9 -0
- package/es/components/Notification/Notification.js +2 -2
- package/es/components/NumberInput/NumberInput.d.ts +3 -2
- package/es/components/NumberInput/NumberInput.js +5 -4
- package/es/components/OverflowMenu/next/index.js +1 -1
- package/es/components/OverflowMenuItem/index.js +4 -1
- package/es/components/OverflowMenuV2/index.d.ts +1 -0
- package/es/components/PageHeader/PageHeader.js +1 -1
- package/es/components/Pagination/experimental/PageSelector.d.ts +19 -0
- package/es/components/Pagination/experimental/Pagination.d.ts +43 -0
- package/es/components/Pagination/experimental/index.d.ts +3 -0
- package/es/components/Popover/index.js +26 -8
- package/es/components/RadioButton/index.js +4 -1
- package/es/components/RadioTile/index.js +4 -1
- package/es/components/Search/Search.js +1 -1
- package/es/components/Search/index.js +4 -1
- package/es/components/Select/index.js +4 -1
- package/es/components/SelectItem/index.js +4 -1
- package/es/components/ShapeIndicator/index.js +1 -1
- package/es/components/SkeletonText/index.js +4 -1
- package/es/components/Slider/Slider.js +1 -1
- package/es/components/Switch/IconSwitch.d.ts +3 -0
- package/es/components/Switch/IconSwitch.js +1 -2
- package/es/components/TabContent/TabContent.js +2 -22
- package/es/components/Tabs/Tabs.js +5 -5
- package/es/components/Tag/DismissibleTag.js +1 -1
- package/es/components/TextArea/TextArea.js +1 -1
- package/es/components/TextArea/index.js +4 -1
- package/es/components/TextInput/index.js +4 -1
- package/es/components/TextInput/util.d.ts +9 -0
- package/es/components/Toggletip/index.d.ts +1 -1
- package/es/components/Toggletip/index.js +3 -3
- package/es/components/UIShell/HeaderMenu.js +2 -2
- package/es/components/UIShell/SideNav.js +1 -1
- package/es/components/UIShell/_utils.d.ts +7 -0
- package/es/feature-flags.d.ts +1 -0
- package/es/internal/FloatingMenu.js +1 -1
- package/es/internal/deprecateFieldOnObject.js +1 -1
- package/es/internal/useEvent.d.ts +2 -2
- package/es/internal/useEvent.js +4 -3
- package/es/internal/useId.d.ts +21 -0
- package/es/internal/useId.js +27 -1
- package/es/internal/useOverflowItems.js +0 -6
- package/es/node_modules/es-toolkit/dist/compat/function/{debounce.mjs.js → debounce.js} +1 -1
- package/es/node_modules/es-toolkit/dist/compat/function/{throttle.mjs.js → throttle.js} +1 -1
- package/es/prop-types/deprecateComponent.d.ts +1 -0
- package/es/prop-types/deprecateComponent.js +1 -4
- package/es/prop-types/deprecateValuesWithin.d.ts +1 -0
- package/es/prop-types/requiredIfGivenPropIsTruthy.d.ts +14 -0
- package/es/tools/mergeRefs.d.ts +12 -0
- package/es/tools/mergeRefs.js +1 -2
- package/icons/index.js +1 -3
- package/lib/_virtual/_rollupPluginBabelHelpers.js +5 -7
- package/lib/components/AILabel/index.js +35 -43
- package/lib/components/AISkeleton/AISkeletonIcon.js +5 -11
- package/lib/components/AISkeleton/AISkeletonPlaceholder.js +4 -10
- package/lib/components/AISkeleton/AISkeletonText.js +8 -14
- package/lib/components/Accordion/Accordion.Skeleton.js +21 -27
- package/lib/components/Accordion/Accordion.js +11 -17
- package/lib/components/Accordion/AccordionItem.js +19 -25
- package/lib/components/Accordion/AccordionProvider.js +1 -7
- package/lib/components/AspectRatio/AspectRatio.js +7 -13
- package/lib/components/BadgeIndicator/index.js +7 -13
- package/lib/components/Breadcrumb/Breadcrumb.Skeleton.js +7 -13
- package/lib/components/Breadcrumb/Breadcrumb.js +9 -15
- package/lib/components/Breadcrumb/BreadcrumbItem.js +16 -22
- package/lib/components/Button/Button.Skeleton.js +9 -14
- package/lib/components/Button/Button.d.ts +1 -1
- package/lib/components/Button/Button.js +32 -37
- package/lib/components/Button/ButtonBase.js +8 -11
- package/lib/components/Button/index.js +3 -3
- package/lib/components/ButtonSet/ButtonSet.js +6 -12
- package/lib/components/ButtonSet/index.js +2 -2
- package/lib/components/ChatButton/ChatButton.Skeleton.js +5 -11
- package/lib/components/ChatButton/ChatButton.js +12 -18
- package/lib/components/Checkbox/Checkbox.Skeleton.js +6 -12
- package/lib/components/Checkbox/Checkbox.js +33 -39
- package/lib/components/Checkbox/index.js +3 -3
- package/lib/components/CheckboxGroup/CheckboxGroup.js +24 -30
- package/lib/components/ClassPrefix/index.js +3 -10
- package/lib/components/CodeSnippet/CodeSnippet.Skeleton.js +10 -16
- package/lib/components/CodeSnippet/CodeSnippet.js +40 -46
- package/lib/components/ComboBox/ComboBox.d.ts +7 -0
- package/lib/components/ComboBox/ComboBox.js +65 -63
- package/lib/components/ComboBox/index.js +2 -2
- package/lib/components/ComboButton/index.js +20 -28
- package/lib/components/ComposedModal/ComposedModal.js +61 -57
- package/lib/components/ComposedModal/ModalFooter.js +37 -45
- package/lib/components/ComposedModal/ModalHeader.js +23 -31
- package/lib/components/ContainedList/ContainedList.d.ts +1 -1
- package/lib/components/ContainedList/ContainedList.js +19 -25
- package/lib/components/ContainedList/ContainedListItem/ContainedListItem.js +14 -20
- package/lib/components/ContainedList/ContainedListItem/index.js +2 -2
- package/lib/components/ContainedList/index.js +5 -5
- package/lib/components/ContentSwitcher/ContentSwitcher.js +11 -19
- package/lib/components/ContextMenu/useContextMenu.js +1 -1
- package/lib/components/Copy/Copy.js +12 -18
- package/lib/components/Copy/index.js +2 -2
- package/lib/components/CopyButton/CopyButton.js +12 -18
- package/lib/components/CopyButton/index.js +2 -2
- package/lib/components/DangerButton/DangerButton.js +2 -6
- package/lib/components/DataTable/DataTable.js +48 -55
- package/lib/components/DataTable/Table.js +18 -24
- package/lib/components/DataTable/TableActionList.js +2 -2
- package/lib/components/DataTable/TableBatchAction.js +4 -9
- package/lib/components/DataTable/TableBatchActions.js +19 -25
- package/lib/components/DataTable/TableBody.js +5 -10
- package/lib/components/DataTable/TableCell.js +8 -14
- package/lib/components/DataTable/TableContainer.js +14 -20
- package/lib/components/DataTable/TableContext.js +0 -2
- package/lib/components/DataTable/TableDecoratorRow.js +5 -11
- package/lib/components/DataTable/TableExpandHeader.js +16 -22
- package/lib/components/DataTable/TableExpandRow.js +20 -26
- package/lib/components/DataTable/TableExpandedRow.js +8 -14
- package/lib/components/DataTable/TableHead.js +2 -2
- package/lib/components/DataTable/TableHeader.js +26 -32
- package/lib/components/DataTable/TableRow.js +8 -14
- package/lib/components/DataTable/TableSelectAll.js +13 -19
- package/lib/components/DataTable/TableSelectRow.js +15 -21
- package/lib/components/DataTable/TableSlugRow.js +7 -13
- package/lib/components/DataTable/TableToolbar.js +7 -13
- package/lib/components/DataTable/TableToolbarAction.js +5 -10
- package/lib/components/DataTable/TableToolbarContent.js +2 -2
- package/lib/components/DataTable/TableToolbarMenu.js +9 -15
- package/lib/components/DataTable/TableToolbarSearch.js +22 -28
- package/lib/components/DataTable/state/getDerivedStateFromProps.d.ts +19 -0
- package/lib/components/DataTable/state/getDerivedStateFromProps.js +2 -3
- package/lib/components/DataTable/state/sortStates.js +0 -2
- package/lib/components/DataTable/state/sorting.d.ts +15 -0
- package/lib/components/DataTable/state/sorting.js +0 -2
- package/lib/components/DataTable/tools/cells.js +0 -2
- package/lib/components/DataTable/tools/denormalize.d.ts +22 -0
- package/lib/components/DataTable/tools/denormalize.js +1 -2
- package/lib/components/DataTable/tools/filter.js +0 -2
- package/lib/components/DataTable/tools/normalize.d.ts +9 -0
- package/lib/components/DataTable/tools/normalize.js +1 -2
- package/lib/components/DataTable/tools/sorting.js +0 -2
- package/lib/components/DataTableSkeleton/DataTableSkeleton.js +25 -31
- package/lib/components/DatePicker/DatePicker.Skeleton.js +14 -20
- package/lib/components/DatePicker/DatePicker.js +65 -66
- package/lib/components/DatePicker/index.js +3 -3
- package/lib/components/DatePicker/plugins/appendToPlugin.js +0 -2
- package/lib/components/DatePicker/plugins/fixEventsPlugin.d.ts +2 -0
- package/lib/components/DatePicker/plugins/fixEventsPlugin.js +1 -1
- package/lib/components/DatePicker/plugins/rangePlugin.d.ts +2 -0
- package/lib/components/DatePicker/plugins/rangePlugin.js +2 -6
- package/lib/components/DatePickerInput/DatePickerInput.js +49 -49
- package/lib/components/DatePickerInput/index.js +2 -2
- package/lib/components/Dialog/index.js +72 -80
- package/lib/components/Dropdown/Dropdown.Skeleton.js +10 -16
- package/lib/components/Dropdown/Dropdown.js +49 -55
- package/lib/components/Dropdown/index.js +3 -3
- package/lib/components/ErrorBoundary/ErrorBoundary.js +4 -9
- package/lib/components/ErrorBoundary/ErrorBoundaryContext.js +0 -2
- package/lib/components/ExpandableSearch/ExpandableSearch.js +6 -11
- package/lib/components/FeatureFlags/index.js +10 -17
- package/lib/components/FileUploader/FileUploader.Skeleton.js +7 -13
- package/lib/components/FileUploader/FileUploader.js +30 -36
- package/lib/components/FileUploader/FileUploaderButton.js +19 -25
- package/lib/components/FileUploader/FileUploaderDropContainer.js +18 -24
- package/lib/components/FileUploader/FileUploaderItem.js +23 -29
- package/lib/components/FileUploader/Filename.js +13 -18
- package/lib/components/FluidComboBox/FluidComboBox.Skeleton.js +7 -13
- package/lib/components/FluidComboBox/FluidComboBox.js +24 -30
- package/lib/components/FluidDatePicker/FluidDatePicker.Skeleton.js +14 -20
- package/lib/components/FluidDatePicker/FluidDatePicker.js +12 -18
- package/lib/components/FluidDatePickerInput/FluidDatePickerInput.js +4 -8
- package/lib/components/FluidDropdown/FluidDropdown.Skeleton.js +7 -13
- package/lib/components/FluidDropdown/FluidDropdown.js +24 -30
- package/lib/components/FluidForm/FluidForm.js +6 -12
- package/lib/components/FluidForm/FormContext.js +0 -2
- package/lib/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js +7 -13
- package/lib/components/FluidMultiSelect/FluidMultiSelect.js +36 -42
- package/lib/components/FluidNumberInput/FluidNumberInput.Skeleton.js +7 -13
- package/lib/components/FluidNumberInput/FluidNumberInput.d.ts +3 -2
- package/lib/components/FluidNumberInput/FluidNumberInput.js +33 -38
- package/lib/components/FluidSearch/FluidSearch.Skeleton.js +7 -13
- package/lib/components/FluidSearch/FluidSearch.js +19 -25
- package/lib/components/FluidSelect/FluidSelect.Skeleton.js +7 -13
- package/lib/components/FluidSelect/FluidSelect.js +17 -23
- package/lib/components/FluidSelect/index.js +3 -3
- package/lib/components/FluidTextArea/FluidTextArea.Skeleton.js +7 -13
- package/lib/components/FluidTextArea/FluidTextArea.js +25 -31
- package/lib/components/FluidTextInput/FluidPasswordInput.js +18 -22
- package/lib/components/FluidTextInput/FluidTextInput.Skeleton.js +7 -13
- package/lib/components/FluidTextInput/FluidTextInput.js +23 -29
- package/lib/components/FluidTextInput/index.js +3 -3
- package/lib/components/FluidTimePicker/FluidTimePicker.Skeleton.js +6 -12
- package/lib/components/FluidTimePicker/FluidTimePicker.js +23 -29
- package/lib/components/FluidTimePickerSelect/FluidTimePickerSelect.js +10 -15
- package/lib/components/Form/Form.js +5 -11
- package/lib/components/FormGroup/FormGroup.js +13 -19
- package/lib/components/FormItem/FormItem.js +5 -11
- package/lib/components/FormLabel/FormLabel.js +6 -12
- package/lib/components/Grid/CSSGrid.js +20 -28
- package/lib/components/Grid/Column.js +31 -37
- package/lib/components/Grid/ColumnHang.js +5 -13
- package/lib/components/Grid/FlexGrid.js +10 -18
- package/lib/components/Grid/Grid.js +9 -16
- package/lib/components/Grid/GridContext.js +7 -14
- package/lib/components/Grid/Row.js +8 -14
- package/lib/components/Heading/index.js +14 -21
- package/lib/components/Icon/Icon.Skeleton.js +4 -10
- package/lib/components/IconButton/index.d.ts +1 -1
- package/lib/components/IconButton/index.js +25 -33
- package/lib/components/IconIndicator/index.js +9 -15
- package/lib/components/IdPrefix/index.js +3 -10
- package/lib/components/InlineCheckbox/InlineCheckbox.js +17 -22
- package/lib/components/InlineCheckbox/index.js +2 -2
- package/lib/components/InlineLoading/InlineLoading.js +17 -23
- package/lib/components/InlineLoading/index.js +2 -2
- package/lib/components/Layer/LayerContext.js +1 -7
- package/lib/components/Layer/LayerLevel.js +0 -2
- package/lib/components/Layer/index.js +11 -19
- package/lib/components/Layout/index.js +22 -30
- package/lib/components/LayoutDirection/LayoutDirection.js +6 -13
- package/lib/components/LayoutDirection/LayoutDirectionContext.js +1 -7
- package/lib/components/LayoutDirection/useLayoutDirection.js +0 -2
- package/lib/components/Link/Link.js +15 -21
- package/lib/components/Link/index.js +2 -2
- package/lib/components/ListBox/ListBox.js +17 -23
- package/lib/components/ListBox/ListBoxField.js +7 -12
- package/lib/components/ListBox/ListBoxMenu.js +7 -12
- package/lib/components/ListBox/ListBoxMenuIcon.js +7 -13
- package/lib/components/ListBox/ListBoxMenuItem.js +9 -15
- package/lib/components/ListBox/ListBoxPropTypes.js +2 -8
- package/lib/components/ListBox/ListBoxSelection.js +14 -20
- package/lib/components/ListBox/index.js +7 -7
- package/lib/components/ListBox/next/ListBoxSelection.js +18 -24
- package/lib/components/ListBox/next/ListBoxTrigger.js +7 -13
- package/lib/components/ListItem/ListItem.js +5 -11
- package/lib/components/Loading/Loading.js +14 -20
- package/lib/components/Loading/index.js +2 -2
- package/lib/components/Menu/Menu.d.ts +3 -1
- package/lib/components/Menu/Menu.js +18 -24
- package/lib/components/Menu/MenuContext.js +0 -2
- package/lib/components/Menu/MenuItem.js +44 -52
- package/lib/components/MenuButton/index.js +16 -24
- package/lib/components/Modal/Modal.js +91 -86
- package/lib/components/Modal/index.js +2 -2
- package/lib/components/ModalWrapper/ModalWrapper.js +30 -35
- package/lib/components/MultiSelect/FilterableMultiSelect.d.ts +7 -0
- package/lib/components/MultiSelect/FilterableMultiSelect.js +71 -71
- package/lib/components/MultiSelect/MultiSelect.js +61 -70
- package/lib/components/MultiSelect/MultiSelectPropTypes.js +2 -8
- package/lib/components/MultiSelect/filter.js +0 -6
- package/lib/components/MultiSelect/tools/itemToString.d.ts +1 -0
- package/lib/components/MultiSelect/tools/itemToString.js +1 -7
- package/lib/components/MultiSelect/tools/sorting.d.ts +9 -0
- package/lib/components/MultiSelect/tools/sorting.js +0 -2
- package/lib/components/Notification/Notification.js +118 -126
- package/lib/components/NumberInput/NumberFormatPropTypes.js +21 -27
- package/lib/components/NumberInput/NumberInput.Skeleton.js +8 -14
- package/lib/components/NumberInput/NumberInput.d.ts +3 -2
- package/lib/components/NumberInput/NumberInput.js +70 -77
- package/lib/components/OrderedList/OrderedList.js +8 -14
- package/lib/components/OverflowMenu/OverflowMenu.js +42 -49
- package/lib/components/OverflowMenu/index.js +3 -7
- package/lib/components/OverflowMenu/next/index.js +18 -26
- package/lib/components/OverflowMenuItem/OverflowMenuItem.js +27 -33
- package/lib/components/OverflowMenuItem/index.js +2 -2
- package/lib/components/OverflowMenuV2/index.d.ts +1 -0
- package/lib/components/OverflowMenuV2/index.js +2 -8
- package/lib/components/PageHeader/PageHeader.js +70 -78
- package/lib/components/PageHeader/index.js +0 -2
- package/lib/components/Pagination/Pagination.Skeleton.js +10 -16
- package/lib/components/Pagination/Pagination.js +44 -51
- package/lib/components/Pagination/experimental/PageSelector.d.ts +19 -0
- package/lib/components/Pagination/experimental/PageSelector.js +9 -15
- package/lib/components/Pagination/experimental/Pagination.d.ts +43 -0
- package/lib/components/Pagination/experimental/Pagination.js +34 -40
- package/lib/components/Pagination/experimental/index.d.ts +3 -0
- package/lib/components/PaginationNav/PaginationNav.js +54 -60
- package/lib/components/Popover/index.js +60 -50
- package/lib/components/PrimaryButton/PrimaryButton.js +2 -6
- package/lib/components/ProgressBar/ProgressBar.js +25 -31
- package/lib/components/ProgressIndicator/ProgressIndicator.Skeleton.js +10 -16
- package/lib/components/ProgressIndicator/ProgressIndicator.js +41 -49
- package/lib/components/RadioButton/RadioButton.Skeleton.js +6 -12
- package/lib/components/RadioButton/RadioButton.js +26 -32
- package/lib/components/RadioButton/index.js +2 -2
- package/lib/components/RadioButtonGroup/RadioButtonGroup.js +37 -43
- package/lib/components/RadioTile/RadioTile.js +25 -31
- package/lib/components/RadioTile/index.js +2 -2
- package/lib/components/Search/Search.Skeleton.js +7 -13
- package/lib/components/Search/Search.js +33 -39
- package/lib/components/Search/index.js +3 -3
- package/lib/components/SecondaryButton/SecondaryButton.js +2 -6
- package/lib/components/Select/Select.Skeleton.js +8 -14
- package/lib/components/Select/Select.js +42 -48
- package/lib/components/Select/index.js +3 -3
- package/lib/components/SelectItem/SelectItem.js +8 -14
- package/lib/components/SelectItem/index.js +2 -2
- package/lib/components/SelectItemGroup/SelectItemGroup.js +7 -13
- package/lib/components/ShapeIndicator/index.js +12 -18
- package/lib/components/SkeletonIcon/SkeletonIcon.js +4 -10
- package/lib/components/SkeletonPlaceholder/SkeletonPlaceholder.js +4 -10
- package/lib/components/SkeletonText/SkeletonText.js +11 -17
- package/lib/components/SkeletonText/index.js +2 -2
- package/lib/components/Slider/Slider.Skeleton.js +29 -35
- package/lib/components/Slider/Slider.js +84 -90
- package/lib/components/Slider/SliderHandles.js +18 -24
- package/lib/components/Slider/index.js +3 -3
- package/lib/components/Stack/HStack.js +1 -7
- package/lib/components/Stack/Stack.js +7 -15
- package/lib/components/Stack/VStack.js +1 -7
- package/lib/components/StructuredList/StructuredList.Skeleton.js +15 -21
- package/lib/components/StructuredList/StructuredList.js +60 -68
- package/lib/components/Switch/IconSwitch.d.ts +3 -0
- package/lib/components/Switch/IconSwitch.js +18 -25
- package/lib/components/Switch/Switch.js +14 -20
- package/lib/components/TabContent/TabContent.js +7 -33
- package/lib/components/Tabs/Tabs.Skeleton.js +10 -16
- package/lib/components/Tabs/Tabs.js +121 -129
- package/lib/components/Tabs/usePressable.js +0 -2
- package/lib/components/Tag/DismissibleTag.js +24 -30
- package/lib/components/Tag/OperationalTag.js +16 -22
- package/lib/components/Tag/SelectableTag.js +19 -25
- package/lib/components/Tag/Tag.Skeleton.js +5 -11
- package/lib/components/Tag/Tag.js +28 -34
- package/lib/components/Tag/isEllipsisActive.js +0 -2
- package/lib/components/Text/Text.js +6 -13
- package/lib/components/Text/TextDirection.js +4 -11
- package/lib/components/Text/TextDirectionContext.js +0 -2
- package/lib/components/Text/createTextComponent.js +1 -7
- package/lib/components/Text/index.js +0 -2
- package/lib/components/TextArea/TextArea.Skeleton.js +7 -13
- package/lib/components/TextArea/TextArea.js +49 -55
- package/lib/components/TextArea/index.js +3 -3
- package/lib/components/TextInput/ControlledPasswordInput.js +36 -42
- package/lib/components/TextInput/PasswordInput.js +48 -54
- package/lib/components/TextInput/TextInput.Skeleton.js +7 -13
- package/lib/components/TextInput/TextInput.js +47 -53
- package/lib/components/TextInput/index.js +3 -3
- package/lib/components/TextInput/util.d.ts +9 -0
- package/lib/components/TextInput/util.js +0 -2
- package/lib/components/Theme/index.js +16 -24
- package/lib/components/Tile/Tile.js +92 -100
- package/lib/components/TileGroup/TileGroup.js +15 -22
- package/lib/components/TimePicker/TimePicker.js +39 -45
- package/lib/components/TimePickerSelect/TimePickerSelect.js +10 -16
- package/lib/components/Toggle/Toggle.Skeleton.js +7 -13
- package/lib/components/Toggle/Toggle.js +28 -34
- package/lib/components/ToggleSmall/ToggleSmall.Skeleton.js +12 -20
- package/lib/components/Toggletip/index.d.ts +1 -1
- package/lib/components/Toggletip/index.js +33 -41
- package/lib/components/Tooltip/DefinitionTooltip.js +14 -22
- package/lib/components/Tooltip/Tooltip.js +19 -27
- package/lib/components/TreeView/TreeContext.js +0 -2
- package/lib/components/TreeView/TreeNode.js +41 -47
- package/lib/components/TreeView/TreeView.js +17 -23
- package/lib/components/UIShell/Content.js +6 -12
- package/lib/components/UIShell/Header.js +4 -10
- package/lib/components/UIShell/HeaderContainer.js +4 -9
- package/lib/components/UIShell/HeaderGlobalAction.js +11 -17
- package/lib/components/UIShell/HeaderGlobalBar.js +2 -2
- package/lib/components/UIShell/HeaderMenu.js +17 -23
- package/lib/components/UIShell/HeaderMenuButton.js +9 -15
- package/lib/components/UIShell/HeaderMenuItem.js +11 -17
- package/lib/components/UIShell/HeaderName.js +8 -14
- package/lib/components/UIShell/HeaderNavigation.js +6 -12
- package/lib/components/UIShell/HeaderPanel.js +11 -17
- package/lib/components/UIShell/HeaderSideNavItems.js +6 -12
- package/lib/components/UIShell/Link.js +6 -11
- package/lib/components/UIShell/SideNav.js +23 -29
- package/lib/components/UIShell/SideNavDetails.js +7 -13
- package/lib/components/UIShell/SideNavDivider.js +5 -11
- package/lib/components/UIShell/SideNavFooter.js +12 -18
- package/lib/components/UIShell/SideNavHeader.js +8 -14
- package/lib/components/UIShell/SideNavIcon.js +6 -12
- package/lib/components/UIShell/SideNavItem.js +6 -12
- package/lib/components/UIShell/SideNavItems.js +9 -15
- package/lib/components/UIShell/SideNavLink.js +13 -19
- package/lib/components/UIShell/SideNavLinkText.js +5 -11
- package/lib/components/UIShell/SideNavMenu.js +20 -26
- package/lib/components/UIShell/SideNavMenuItem.js +13 -19
- package/lib/components/UIShell/SideNavSwitcher.js +13 -19
- package/lib/components/UIShell/SkipToContent.js +7 -13
- package/lib/components/UIShell/Switcher.js +9 -15
- package/lib/components/UIShell/SwitcherDivider.js +4 -10
- package/lib/components/UIShell/SwitcherItem.js +15 -21
- package/lib/components/UIShell/_utils.d.ts +7 -0
- package/lib/components/UIShell/_utils.js +0 -2
- package/lib/components/UnorderedList/UnorderedList.js +7 -13
- package/lib/feature-flags.d.ts +1 -0
- package/lib/feature-flags.js +3 -4
- package/lib/index.js +180 -182
- package/lib/internal/FloatingMenu.js +10 -18
- package/lib/internal/OptimizedResize.js +2 -8
- package/lib/internal/Selection.js +1 -7
- package/lib/internal/clamp.js +0 -2
- package/lib/internal/createClassWrapper.js +1 -7
- package/lib/internal/deprecateFieldOnObject.js +1 -3
- package/lib/internal/environment.js +0 -2
- package/lib/internal/getAnnouncement.js +0 -2
- package/lib/internal/keyboard/keys.js +0 -2
- package/lib/internal/keyboard/match.js +0 -2
- package/lib/internal/keyboard/navigation.js +0 -2
- package/lib/internal/noopFn.js +0 -2
- package/lib/internal/useAttachedMenu.js +0 -2
- package/lib/internal/useControllableState.js +0 -2
- package/lib/internal/useDelayedState.js +0 -2
- package/lib/internal/useEvent.d.ts +2 -2
- package/lib/internal/useEvent.js +4 -5
- package/lib/internal/useId.d.ts +21 -0
- package/lib/internal/useId.js +27 -7
- package/lib/internal/useIdPrefix.js +2 -8
- package/lib/internal/useIsomorphicEffect.js +1 -1
- package/lib/internal/useMatchMedia.js +0 -2
- package/lib/internal/useMergedRefs.js +0 -2
- package/lib/internal/useNoInteractiveChildren.js +0 -2
- package/lib/internal/useNormalizedInputProps.js +2 -8
- package/lib/internal/useOutsideClick.js +0 -2
- package/lib/internal/useOverflowItems.js +1 -7
- package/lib/internal/usePrefix.js +2 -8
- package/lib/internal/usePreviousValue.js +0 -2
- package/lib/internal/useResizeObserver.js +0 -2
- package/lib/internal/useSavedCallback.js +0 -2
- package/lib/internal/utils.js +0 -2
- package/lib/internal/warning.js +0 -2
- package/lib/internal/wrapFocus.js +0 -2
- package/lib/node_modules/es-toolkit/dist/compat/function/{debounce.mjs.js → debounce.js} +1 -3
- package/lib/node_modules/es-toolkit/dist/compat/function/{throttle.mjs.js → throttle.js} +1 -3
- package/lib/node_modules/es-toolkit/dist/function/{debounce.mjs.js → debounce.js} +0 -2
- package/lib/prop-types/AriaPropTypes.js +2 -8
- package/lib/prop-types/deprecate.js +0 -2
- package/lib/prop-types/deprecateComponent.d.ts +1 -0
- package/lib/prop-types/deprecateComponent.js +2 -5
- package/lib/prop-types/deprecateValuesWithin.d.ts +1 -0
- package/lib/prop-types/deprecateValuesWithin.js +1 -1
- package/lib/prop-types/isRequiredOneOf.js +0 -2
- package/lib/prop-types/requiredIfGivenPropIsTruthy.d.ts +14 -0
- package/lib/prop-types/requiredIfGivenPropIsTruthy.js +1 -1
- package/lib/tools/events.js +0 -2
- package/lib/tools/mapPopoverAlign.js +0 -2
- package/lib/tools/mergeRefs.d.ts +12 -0
- package/lib/tools/mergeRefs.js +1 -2
- package/lib/tools/setupGetInstanceId.js +0 -2
- package/lib/tools/toggleClass.js +0 -2
- package/lib/tools/wrapComponent.js +4 -10
- package/package.json +12 -12
- package/telemetry.yml +1 -0
- /package/es/node_modules/es-toolkit/dist/function/{debounce.mjs.js → debounce.js} +0 -0
|
@@ -14,12 +14,7 @@ var cx = require('classnames');
|
|
|
14
14
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
15
15
|
var useId = require('../../internal/useId.js');
|
|
16
16
|
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
20
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
21
|
-
|
|
22
|
-
const ButtonBase = /*#__PURE__*/React__default["default"].forwardRef(function ButtonBase({
|
|
17
|
+
const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase({
|
|
23
18
|
as,
|
|
24
19
|
children,
|
|
25
20
|
className,
|
|
@@ -43,8 +38,10 @@ const ButtonBase = /*#__PURE__*/React__default["default"].forwardRef(function Bu
|
|
|
43
38
|
...rest
|
|
44
39
|
}, ref) {
|
|
45
40
|
const prefix = usePrefix.usePrefix();
|
|
46
|
-
const buttonClasses =
|
|
41
|
+
const buttonClasses = cx(className, {
|
|
47
42
|
[`${prefix}--btn`]: true,
|
|
43
|
+
[`${prefix}--btn--xs`]: size === 'xs' && !isExpressive,
|
|
44
|
+
// TODO: V12 - Remove this class
|
|
48
45
|
[`${prefix}--btn--sm`]: size === 'sm' && !isExpressive,
|
|
49
46
|
// TODO: V12 - Remove this class
|
|
50
47
|
[`${prefix}--btn--md`]: size === 'md' && !isExpressive,
|
|
@@ -67,7 +64,7 @@ const ButtonBase = /*#__PURE__*/React__default["default"].forwardRef(function Bu
|
|
|
67
64
|
className: buttonClasses,
|
|
68
65
|
ref
|
|
69
66
|
};
|
|
70
|
-
const buttonImage = !ButtonImageElement ? null : /*#__PURE__*/
|
|
67
|
+
const buttonImage = !ButtonImageElement ? null : /*#__PURE__*/React.createElement(ButtonImageElement, {
|
|
71
68
|
"aria-label": iconDescription,
|
|
72
69
|
className: `${prefix}--btn__icon`,
|
|
73
70
|
"aria-hidden": "true"
|
|
@@ -90,7 +87,7 @@ const ButtonBase = /*#__PURE__*/React__default["default"].forwardRef(function Bu
|
|
|
90
87
|
};
|
|
91
88
|
let assistiveText = null;
|
|
92
89
|
if (dangerButtonVariants.includes(kind)) {
|
|
93
|
-
assistiveText = /*#__PURE__*/
|
|
90
|
+
assistiveText = /*#__PURE__*/React.createElement("span", {
|
|
94
91
|
id: assistiveId,
|
|
95
92
|
className: `${prefix}--visually-hidden`
|
|
96
93
|
}, dangerDescription);
|
|
@@ -105,7 +102,7 @@ const ButtonBase = /*#__PURE__*/React__default["default"].forwardRef(function Bu
|
|
|
105
102
|
component = 'a';
|
|
106
103
|
otherProps = anchorProps;
|
|
107
104
|
}
|
|
108
|
-
return /*#__PURE__*/
|
|
105
|
+
return /*#__PURE__*/React.createElement(component, {
|
|
109
106
|
onMouseEnter,
|
|
110
107
|
onMouseLeave,
|
|
111
108
|
onFocus,
|
|
@@ -117,4 +114,4 @@ const ButtonBase = /*#__PURE__*/React__default["default"].forwardRef(function Bu
|
|
|
117
114
|
}, assistiveText, children, buttonImage);
|
|
118
115
|
});
|
|
119
116
|
|
|
120
|
-
exports
|
|
117
|
+
exports.default = ButtonBase;
|
|
@@ -14,10 +14,10 @@ var Button_Skeleton = require('./Button.Skeleton.js');
|
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
17
|
-
exports.Button = Button
|
|
17
|
+
exports.Button = Button.default;
|
|
18
18
|
exports.ButtonKinds = Button.ButtonKinds;
|
|
19
19
|
exports.ButtonSizes = Button.ButtonSizes;
|
|
20
20
|
exports.ButtonTooltipAlignments = Button.ButtonTooltipAlignments;
|
|
21
21
|
exports.ButtonTooltipPositions = Button.ButtonTooltipPositions;
|
|
22
|
-
exports
|
|
23
|
-
exports.ButtonSkeleton = Button_Skeleton
|
|
22
|
+
exports.default = Button.default;
|
|
23
|
+
exports.ButtonSkeleton = Button_Skeleton.default;
|
|
@@ -15,12 +15,6 @@ var PropTypes = require('prop-types');
|
|
|
15
15
|
var cx = require('classnames');
|
|
16
16
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
17
17
|
|
|
18
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
19
|
-
|
|
20
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
21
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
22
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
23
|
-
|
|
24
18
|
const ButtonSet = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
25
19
|
const {
|
|
26
20
|
children,
|
|
@@ -29,10 +23,10 @@ const ButtonSet = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
29
23
|
...rest
|
|
30
24
|
} = props;
|
|
31
25
|
const prefix = usePrefix.usePrefix();
|
|
32
|
-
const buttonSetClasses =
|
|
26
|
+
const buttonSetClasses = cx(className, `${prefix}--btn-set`, {
|
|
33
27
|
[`${prefix}--btn-set--stacked`]: stacked
|
|
34
28
|
});
|
|
35
|
-
return /*#__PURE__*/
|
|
29
|
+
return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
|
|
36
30
|
className: buttonSetClasses,
|
|
37
31
|
ref: ref
|
|
38
32
|
}), children);
|
|
@@ -42,16 +36,16 @@ ButtonSet.propTypes = {
|
|
|
42
36
|
/**
|
|
43
37
|
* Specify the content of your ButtonSet
|
|
44
38
|
*/
|
|
45
|
-
children:
|
|
39
|
+
children: PropTypes.node,
|
|
46
40
|
/**
|
|
47
41
|
* Specify an optional className to be added to your ButtonSet
|
|
48
42
|
*/
|
|
49
|
-
className:
|
|
43
|
+
className: PropTypes.string,
|
|
50
44
|
/**
|
|
51
45
|
* Specify the button arrangement of the set (vertically stacked or
|
|
52
46
|
* horizontal)
|
|
53
47
|
*/
|
|
54
|
-
stacked:
|
|
48
|
+
stacked: PropTypes.bool
|
|
55
49
|
};
|
|
56
50
|
|
|
57
|
-
exports
|
|
51
|
+
exports.default = ButtonSet;
|
|
@@ -15,22 +15,16 @@ var React = require('react');
|
|
|
15
15
|
var cx = require('classnames');
|
|
16
16
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
17
17
|
|
|
18
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
19
|
-
|
|
20
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
21
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
22
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
23
|
-
|
|
24
18
|
const ChatButtonSkeleton = ({
|
|
25
19
|
className,
|
|
26
20
|
size,
|
|
27
21
|
...rest
|
|
28
22
|
}) => {
|
|
29
23
|
const prefix = usePrefix.usePrefix();
|
|
30
|
-
const skeletonClasses =
|
|
24
|
+
const skeletonClasses = cx(className, `${prefix}--skeleton`, `${prefix}--btn`, `${prefix}--chat-btn`, {
|
|
31
25
|
[`${prefix}--layout--size-${size}`]: size
|
|
32
26
|
});
|
|
33
|
-
return /*#__PURE__*/
|
|
27
|
+
return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
|
|
34
28
|
className: skeletonClasses
|
|
35
29
|
}, rest));
|
|
36
30
|
};
|
|
@@ -38,11 +32,11 @@ ChatButtonSkeleton.propTypes = {
|
|
|
38
32
|
/**
|
|
39
33
|
* Specify an optional className to add.
|
|
40
34
|
*/
|
|
41
|
-
className:
|
|
35
|
+
className: PropTypes.string,
|
|
42
36
|
/**
|
|
43
37
|
* Specify the size of the `ChatButtonSkeleton`, from the following list of sizes:
|
|
44
38
|
*/
|
|
45
|
-
size:
|
|
39
|
+
size: PropTypes.oneOf(['sm', 'md', 'lg'])
|
|
46
40
|
};
|
|
47
41
|
|
|
48
|
-
exports
|
|
42
|
+
exports.default = ChatButtonSkeleton;
|
|
@@ -17,13 +17,7 @@ var Button = require('../Button/Button.js');
|
|
|
17
17
|
require('../Button/Button.Skeleton.js');
|
|
18
18
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
19
19
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
23
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
24
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
25
|
-
|
|
26
|
-
const ChatButton = /*#__PURE__*/React__default["default"].forwardRef(function ChatButton({
|
|
20
|
+
const ChatButton = /*#__PURE__*/React.forwardRef(function ChatButton({
|
|
27
21
|
className,
|
|
28
22
|
children,
|
|
29
23
|
disabled,
|
|
@@ -35,7 +29,7 @@ const ChatButton = /*#__PURE__*/React__default["default"].forwardRef(function Ch
|
|
|
35
29
|
...other
|
|
36
30
|
}, ref) {
|
|
37
31
|
const prefix = usePrefix.usePrefix();
|
|
38
|
-
const classNames =
|
|
32
|
+
const classNames = cx(className, {
|
|
39
33
|
[`${prefix}--chat-btn`]: true,
|
|
40
34
|
[`${prefix}--chat-btn--with-icon`]: renderIcon,
|
|
41
35
|
[`${prefix}--chat-btn--quick-action`]: isQuickAction,
|
|
@@ -52,7 +46,7 @@ const ChatButton = /*#__PURE__*/React__default["default"].forwardRef(function Ch
|
|
|
52
46
|
size = 'lg';
|
|
53
47
|
}
|
|
54
48
|
}
|
|
55
|
-
return /*#__PURE__*/
|
|
49
|
+
return /*#__PURE__*/React.createElement(Button.default, _rollupPluginBabelHelpers.extends({
|
|
56
50
|
disabled: disabled,
|
|
57
51
|
className: classNames,
|
|
58
52
|
kind: kind,
|
|
@@ -65,35 +59,35 @@ ChatButton.propTypes = {
|
|
|
65
59
|
/**
|
|
66
60
|
* Provide the contents of your Select
|
|
67
61
|
*/
|
|
68
|
-
children:
|
|
62
|
+
children: PropTypes.node,
|
|
69
63
|
/**
|
|
70
64
|
* Specify an optional className to be applied to the node containing the label and the select box
|
|
71
65
|
*/
|
|
72
|
-
className:
|
|
66
|
+
className: PropTypes.string,
|
|
73
67
|
/**
|
|
74
68
|
* Specify whether the `ChatButton` should be disabled
|
|
75
69
|
*/
|
|
76
|
-
disabled:
|
|
70
|
+
disabled: PropTypes.bool,
|
|
77
71
|
/**
|
|
78
72
|
* Specify whether the `ChatButton` should be rendered as a quick action button
|
|
79
73
|
*/
|
|
80
|
-
isQuickAction:
|
|
74
|
+
isQuickAction: PropTypes.bool,
|
|
81
75
|
/**
|
|
82
76
|
* Specify whether the quick action `ChatButton` should be rendered as selected. This disables the input
|
|
83
77
|
*/
|
|
84
|
-
isSelected:
|
|
78
|
+
isSelected: PropTypes.bool,
|
|
85
79
|
/**
|
|
86
80
|
* Specify the kind of `ChatButton` you want to create
|
|
87
81
|
*/
|
|
88
|
-
kind:
|
|
82
|
+
kind: PropTypes.oneOf(['primary', 'secondary', 'danger', 'ghost', 'tertiary']),
|
|
89
83
|
/**
|
|
90
84
|
* A component used to render an icon.
|
|
91
85
|
*/
|
|
92
|
-
renderIcon:
|
|
86
|
+
renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
|
|
93
87
|
/**
|
|
94
88
|
* Specify the size of the `ChatButton`, from the following list of sizes:
|
|
95
89
|
*/
|
|
96
|
-
size:
|
|
90
|
+
size: PropTypes.oneOf(['sm', 'md', 'lg'])
|
|
97
91
|
};
|
|
98
92
|
|
|
99
|
-
exports
|
|
93
|
+
exports.default = ChatButton;
|
|
@@ -15,22 +15,16 @@ var React = require('react');
|
|
|
15
15
|
var cx = require('classnames');
|
|
16
16
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
17
17
|
|
|
18
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
19
|
-
|
|
20
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
21
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
22
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
23
|
-
|
|
24
18
|
const CheckboxSkeleton = ({
|
|
25
19
|
className,
|
|
26
20
|
...rest
|
|
27
21
|
}) => {
|
|
28
22
|
const prefix = usePrefix.usePrefix();
|
|
29
|
-
return /*#__PURE__*/
|
|
30
|
-
className:
|
|
31
|
-
}, rest), /*#__PURE__*/
|
|
23
|
+
return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
|
|
24
|
+
className: cx(`${prefix}--form-item`, `${prefix}--checkbox-wrapper`, `${prefix}--checkbox-skeleton`, className)
|
|
25
|
+
}, rest), /*#__PURE__*/React.createElement("div", {
|
|
32
26
|
className: `${prefix}--checkbox-label`
|
|
33
|
-
}, /*#__PURE__*/
|
|
27
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
34
28
|
className: `${prefix}--checkbox-label-text ${prefix}--skeleton`
|
|
35
29
|
})));
|
|
36
30
|
};
|
|
@@ -38,8 +32,8 @@ CheckboxSkeleton.propTypes = {
|
|
|
38
32
|
/**
|
|
39
33
|
* Specify an optional className to add.
|
|
40
34
|
*/
|
|
41
|
-
className:
|
|
35
|
+
className: PropTypes.string
|
|
42
36
|
};
|
|
43
37
|
|
|
44
38
|
exports.CheckboxSkeleton = CheckboxSkeleton;
|
|
45
|
-
exports
|
|
39
|
+
exports.default = CheckboxSkeleton;
|
|
@@ -23,13 +23,7 @@ var index = require('../AILabel/index.js');
|
|
|
23
23
|
var utils = require('../../internal/utils.js');
|
|
24
24
|
var Text = require('../Text/Text.js');
|
|
25
25
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
29
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
30
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
31
|
-
|
|
32
|
-
const Checkbox = /*#__PURE__*/React__default["default"].forwardRef(({
|
|
26
|
+
const Checkbox = /*#__PURE__*/React.forwardRef(({
|
|
33
27
|
className,
|
|
34
28
|
decorator,
|
|
35
29
|
helperText,
|
|
@@ -53,18 +47,18 @@ const Checkbox = /*#__PURE__*/React__default["default"].forwardRef(({
|
|
|
53
47
|
const showHelper = !invalid && !warn;
|
|
54
48
|
const checkboxGroupInstanceId = useId.useId();
|
|
55
49
|
const helperId = !helperText ? undefined : `checkbox-helper-text-${checkboxGroupInstanceId}`;
|
|
56
|
-
const helper = helperText ? /*#__PURE__*/
|
|
50
|
+
const helper = helperText ? /*#__PURE__*/React.createElement("div", {
|
|
57
51
|
id: helperId,
|
|
58
52
|
className: `${prefix}--form__helper-text`
|
|
59
53
|
}, helperText) : null;
|
|
60
|
-
const wrapperClasses =
|
|
54
|
+
const wrapperClasses = cx(`${prefix}--form-item`, `${prefix}--checkbox-wrapper`, className, {
|
|
61
55
|
[`${prefix}--checkbox-wrapper--readonly`]: readOnly,
|
|
62
56
|
[`${prefix}--checkbox-wrapper--invalid`]: !readOnly && invalid,
|
|
63
57
|
[`${prefix}--checkbox-wrapper--warning`]: showWarning,
|
|
64
58
|
[`${prefix}--checkbox-wrapper--slug`]: slug,
|
|
65
59
|
[`${prefix}--checkbox-wrapper--decorator`]: decorator
|
|
66
60
|
});
|
|
67
|
-
const innerLabelClasses =
|
|
61
|
+
const innerLabelClasses = cx(`${prefix}--checkbox-label-text`, {
|
|
68
62
|
[`${prefix}--visually-hidden`]: hideLabel
|
|
69
63
|
});
|
|
70
64
|
const candidate = slug ?? decorator;
|
|
@@ -72,9 +66,9 @@ const Checkbox = /*#__PURE__*/React__default["default"].forwardRef(({
|
|
|
72
66
|
const normalizedDecorator = candidateIsAILabel ? /*#__PURE__*/React.cloneElement(candidate, {
|
|
73
67
|
size: candidate.props.kind === 'inline' ? 'md' : 'mini'
|
|
74
68
|
}) : null;
|
|
75
|
-
return /*#__PURE__*/
|
|
69
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
76
70
|
className: wrapperClasses
|
|
77
|
-
}, /*#__PURE__*/
|
|
71
|
+
}, /*#__PURE__*/React.createElement("input", _rollupPluginBabelHelpers.extends({}, other, {
|
|
78
72
|
type: "checkbox",
|
|
79
73
|
"data-invalid": invalid ? true : undefined,
|
|
80
74
|
onChange: evt => {
|
|
@@ -111,23 +105,23 @@ const Checkbox = /*#__PURE__*/React__default["default"].forwardRef(({
|
|
|
111
105
|
onClick(evt);
|
|
112
106
|
}
|
|
113
107
|
}
|
|
114
|
-
})), /*#__PURE__*/
|
|
108
|
+
})), /*#__PURE__*/React.createElement("label", {
|
|
115
109
|
htmlFor: id,
|
|
116
110
|
className: `${prefix}--checkbox-label`,
|
|
117
111
|
title: title
|
|
118
|
-
}, /*#__PURE__*/
|
|
112
|
+
}, /*#__PURE__*/React.createElement(Text.Text, {
|
|
119
113
|
className: innerLabelClasses
|
|
120
|
-
}, labelText, slug ? normalizedDecorator : decorator ? /*#__PURE__*/
|
|
114
|
+
}, labelText, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
|
|
121
115
|
className: `${prefix}--checkbox-wrapper-inner--decorator`
|
|
122
|
-
}, normalizedDecorator) : '')), /*#__PURE__*/
|
|
116
|
+
}, normalizedDecorator) : '')), /*#__PURE__*/React.createElement("div", {
|
|
123
117
|
className: `${prefix}--checkbox__validation-msg`
|
|
124
|
-
}, !readOnly && invalid && /*#__PURE__*/
|
|
118
|
+
}, !readOnly && invalid && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(iconsReact.WarningFilled, {
|
|
125
119
|
className: `${prefix}--checkbox__invalid-icon`
|
|
126
|
-
}), /*#__PURE__*/
|
|
120
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
127
121
|
className: `${prefix}--form-requirement`
|
|
128
|
-
}, invalidText)), showWarning && /*#__PURE__*/
|
|
122
|
+
}, invalidText)), showWarning && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(iconsReact.WarningAltFilled, {
|
|
129
123
|
className: `${prefix}--checkbox__invalid-icon ${prefix}--checkbox__invalid-icon--warning`
|
|
130
|
-
}), /*#__PURE__*/
|
|
124
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
131
125
|
className: `${prefix}--form-requirement`
|
|
132
126
|
}, warnText))), showHelper && helper);
|
|
133
127
|
});
|
|
@@ -135,79 +129,79 @@ Checkbox.propTypes = {
|
|
|
135
129
|
/**
|
|
136
130
|
* Specify whether the underlying input should be checked
|
|
137
131
|
*/
|
|
138
|
-
checked:
|
|
132
|
+
checked: PropTypes.bool,
|
|
139
133
|
/**
|
|
140
134
|
* Specify an optional className to be applied to the <label> node
|
|
141
135
|
*/
|
|
142
|
-
className:
|
|
136
|
+
className: PropTypes.string,
|
|
143
137
|
/**
|
|
144
138
|
* **Experimental**: Provide a decorator component to be rendered inside the `Checkbox` component
|
|
145
139
|
*/
|
|
146
|
-
decorator:
|
|
140
|
+
decorator: PropTypes.node,
|
|
147
141
|
/**
|
|
148
142
|
* Specify whether the underlying input should be checked by default
|
|
149
143
|
*/
|
|
150
|
-
defaultChecked:
|
|
144
|
+
defaultChecked: PropTypes.bool,
|
|
151
145
|
/**
|
|
152
146
|
* Specify whether the Checkbox should be disabled
|
|
153
147
|
*/
|
|
154
|
-
disabled:
|
|
148
|
+
disabled: PropTypes.bool,
|
|
155
149
|
/**
|
|
156
150
|
* Provide text for the form group for additional help
|
|
157
151
|
*/
|
|
158
|
-
helperText:
|
|
152
|
+
helperText: PropTypes.node,
|
|
159
153
|
/**
|
|
160
154
|
* Specify whether the label should be hidden, or not
|
|
161
155
|
*/
|
|
162
|
-
hideLabel:
|
|
156
|
+
hideLabel: PropTypes.bool,
|
|
163
157
|
/**
|
|
164
158
|
* Provide an `id` to uniquely identify the Checkbox input
|
|
165
159
|
*/
|
|
166
|
-
id:
|
|
160
|
+
id: PropTypes.string.isRequired,
|
|
167
161
|
/**
|
|
168
162
|
* Specify whether the Checkbox is in an indeterminate state
|
|
169
163
|
*/
|
|
170
|
-
indeterminate:
|
|
164
|
+
indeterminate: PropTypes.bool,
|
|
171
165
|
/**
|
|
172
166
|
* Specify whether the Checkbox is currently invalid
|
|
173
167
|
*/
|
|
174
|
-
invalid:
|
|
168
|
+
invalid: PropTypes.bool,
|
|
175
169
|
/**
|
|
176
170
|
* Provide the text that is displayed when the Checkbox is in an invalid state
|
|
177
171
|
*/
|
|
178
|
-
invalidText:
|
|
172
|
+
invalidText: PropTypes.node,
|
|
179
173
|
/**
|
|
180
174
|
* Provide a label to provide a description of the Checkbox input that you are
|
|
181
175
|
* exposing to the user
|
|
182
176
|
*/
|
|
183
|
-
labelText:
|
|
177
|
+
labelText: PropTypes.node.isRequired,
|
|
184
178
|
/**
|
|
185
179
|
* Provide an optional handler that is called when the internal state of
|
|
186
180
|
* Checkbox changes. This handler is called with event and state info.
|
|
187
181
|
* `(event, { checked, id }) => void`
|
|
188
182
|
*/
|
|
189
|
-
onChange:
|
|
183
|
+
onChange: PropTypes.func,
|
|
190
184
|
/**
|
|
191
185
|
* Specify whether the Checkbox is read-only
|
|
192
186
|
*/
|
|
193
|
-
readOnly:
|
|
187
|
+
readOnly: PropTypes.bool,
|
|
194
188
|
/**
|
|
195
189
|
* **Experimental**: Provide a `Slug` component to be rendered inside the `Checkbox` component
|
|
196
190
|
*/
|
|
197
|
-
slug: deprecate.deprecate(
|
|
191
|
+
slug: deprecate.deprecate(PropTypes.node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
|
|
198
192
|
/**
|
|
199
193
|
* Specify a title for the <label> node for the Checkbox
|
|
200
194
|
*/
|
|
201
|
-
title:
|
|
195
|
+
title: PropTypes.string,
|
|
202
196
|
/**
|
|
203
197
|
* Specify whether the Checkbox is currently in warning state
|
|
204
198
|
*/
|
|
205
|
-
warn:
|
|
199
|
+
warn: PropTypes.bool,
|
|
206
200
|
/**
|
|
207
201
|
* Provide the text that is displayed when the Checkbox is in warning state
|
|
208
202
|
*/
|
|
209
|
-
warnText:
|
|
203
|
+
warnText: PropTypes.node
|
|
210
204
|
};
|
|
211
205
|
Checkbox.displayName = 'Checkbox';
|
|
212
206
|
|
|
213
|
-
exports
|
|
207
|
+
exports.default = Checkbox;
|
|
@@ -14,6 +14,6 @@ var Checkbox_Skeleton = require('./Checkbox.Skeleton.js');
|
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
17
|
-
exports.Checkbox = Checkbox
|
|
18
|
-
exports
|
|
19
|
-
exports.CheckboxSkeleton = Checkbox_Skeleton
|
|
17
|
+
exports.Checkbox = Checkbox.default;
|
|
18
|
+
exports.default = Checkbox.default;
|
|
19
|
+
exports.CheckboxSkeleton = Checkbox_Skeleton.default;
|
|
@@ -20,12 +20,6 @@ var useId = require('../../internal/useId.js');
|
|
|
20
20
|
var index = require('../AILabel/index.js');
|
|
21
21
|
var utils = require('../../internal/utils.js');
|
|
22
22
|
|
|
23
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
24
|
-
|
|
25
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
26
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
27
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
28
|
-
|
|
29
23
|
const CheckboxGroup = ({
|
|
30
24
|
children,
|
|
31
25
|
className,
|
|
@@ -47,11 +41,11 @@ const CheckboxGroup = ({
|
|
|
47
41
|
const showHelper = !invalid && !warn;
|
|
48
42
|
const checkboxGroupInstanceId = useId.useId();
|
|
49
43
|
const helperId = !helperText ? undefined : `checkbox-group-helper-text-${checkboxGroupInstanceId}`;
|
|
50
|
-
const helper = helperText ? /*#__PURE__*/
|
|
44
|
+
const helper = helperText ? /*#__PURE__*/React.createElement("div", {
|
|
51
45
|
id: helperId,
|
|
52
46
|
className: `${prefix}--form__helper-text`
|
|
53
47
|
}, helperText) : null;
|
|
54
|
-
const fieldsetClasses =
|
|
48
|
+
const fieldsetClasses = cx(`${prefix}--checkbox-group`, className, {
|
|
55
49
|
[`${prefix}--checkbox-group--${orientation}`]: orientation === 'horizontal',
|
|
56
50
|
[`${prefix}--checkbox-group--readonly`]: readOnly,
|
|
57
51
|
[`${prefix}--checkbox-group--invalid`]: !readOnly && invalid,
|
|
@@ -67,26 +61,26 @@ const CheckboxGroup = ({
|
|
|
67
61
|
size: 'mini',
|
|
68
62
|
kind: 'default'
|
|
69
63
|
}) : null;
|
|
70
|
-
return /*#__PURE__*/
|
|
64
|
+
return /*#__PURE__*/React.createElement("fieldset", _rollupPluginBabelHelpers.extends({
|
|
71
65
|
className: fieldsetClasses,
|
|
72
66
|
"data-invalid": invalid ? true : undefined,
|
|
73
67
|
"aria-labelledby": rest['aria-labelledby'] || legendId,
|
|
74
68
|
"aria-readonly": readOnly,
|
|
75
69
|
"aria-describedby": !invalid && !warn && helper ? helperId : undefined
|
|
76
|
-
}, rest), /*#__PURE__*/
|
|
70
|
+
}, rest), /*#__PURE__*/React.createElement("legend", {
|
|
77
71
|
className: `${prefix}--label`,
|
|
78
72
|
id: legendId || rest['aria-labelledby']
|
|
79
|
-
}, legendText, slug ? normalizedDecorator : decorator ? /*#__PURE__*/
|
|
73
|
+
}, legendText, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
|
|
80
74
|
className: `${prefix}--checkbox-group-inner--decorator`
|
|
81
|
-
}, normalizedDecorator) : ''), children, /*#__PURE__*/
|
|
75
|
+
}, normalizedDecorator) : ''), children, /*#__PURE__*/React.createElement("div", {
|
|
82
76
|
className: `${prefix}--checkbox-group__validation-msg`
|
|
83
|
-
}, !readOnly && invalid && /*#__PURE__*/
|
|
77
|
+
}, !readOnly && invalid && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(iconsReact.WarningFilled, {
|
|
84
78
|
className: `${prefix}--checkbox__invalid-icon`
|
|
85
|
-
}), /*#__PURE__*/
|
|
79
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
86
80
|
className: `${prefix}--form-requirement`
|
|
87
|
-
}, invalidText)), showWarning && /*#__PURE__*/
|
|
81
|
+
}, invalidText)), showWarning && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(iconsReact.WarningAltFilled, {
|
|
88
82
|
className: `${prefix}--checkbox__invalid-icon ${prefix}--checkbox__invalid-icon--warning`
|
|
89
|
-
}), /*#__PURE__*/
|
|
83
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
90
84
|
className: `${prefix}--form-requirement`
|
|
91
85
|
}, warnText))), showHelper && helper);
|
|
92
86
|
};
|
|
@@ -94,56 +88,56 @@ CheckboxGroup.propTypes = {
|
|
|
94
88
|
/**
|
|
95
89
|
* Provide the children form elements to be rendered inside of the <fieldset>
|
|
96
90
|
*/
|
|
97
|
-
children:
|
|
91
|
+
children: PropTypes.node,
|
|
98
92
|
/**
|
|
99
93
|
* Provide a custom className to be applied to the containing <fieldset> node
|
|
100
94
|
*/
|
|
101
|
-
className:
|
|
95
|
+
className: PropTypes.string,
|
|
102
96
|
/**
|
|
103
97
|
* **Experimental**: Provide a decorator component to be rendered inside the `CheckboxGroup` component
|
|
104
98
|
*/
|
|
105
|
-
decorator:
|
|
99
|
+
decorator: PropTypes.node,
|
|
106
100
|
/**
|
|
107
101
|
* Provide text for the form group for additional help
|
|
108
102
|
*/
|
|
109
|
-
helperText:
|
|
103
|
+
helperText: PropTypes.node,
|
|
110
104
|
/**
|
|
111
105
|
* Specify whether the form group is currently invalid
|
|
112
106
|
*/
|
|
113
|
-
invalid:
|
|
107
|
+
invalid: PropTypes.bool,
|
|
114
108
|
/**
|
|
115
109
|
* Provide the text that is displayed when the form group is in an invalid state
|
|
116
110
|
*/
|
|
117
|
-
invalidText:
|
|
111
|
+
invalidText: PropTypes.node,
|
|
118
112
|
/**
|
|
119
113
|
* Provide id for the fieldset <legend> which corresponds to the fieldset
|
|
120
114
|
* `aria-labelledby`
|
|
121
115
|
*/
|
|
122
|
-
legendId:
|
|
116
|
+
legendId: PropTypes.node,
|
|
123
117
|
/**
|
|
124
118
|
* Provide the text to be rendered inside of the fieldset <legend>
|
|
125
119
|
*/
|
|
126
|
-
legendText:
|
|
120
|
+
legendText: PropTypes.node.isRequired,
|
|
127
121
|
/**
|
|
128
122
|
* Provide the orientation for how the checkbox should be displayed
|
|
129
123
|
*/
|
|
130
|
-
orientation:
|
|
124
|
+
orientation: PropTypes.oneOf(['horizontal', 'vertical']),
|
|
131
125
|
/**
|
|
132
126
|
* Whether the CheckboxGroup should be read-only
|
|
133
127
|
*/
|
|
134
|
-
readOnly:
|
|
128
|
+
readOnly: PropTypes.bool,
|
|
135
129
|
/**
|
|
136
130
|
* **Experimental**: Provide a `Slug` component to be rendered inside the `CheckboxGroup` component
|
|
137
131
|
*/
|
|
138
|
-
slug: deprecate.deprecate(
|
|
132
|
+
slug: deprecate.deprecate(PropTypes.node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
|
|
139
133
|
/**
|
|
140
134
|
* Specify whether the form group is currently in warning state
|
|
141
135
|
*/
|
|
142
|
-
warn:
|
|
136
|
+
warn: PropTypes.bool,
|
|
143
137
|
/**
|
|
144
138
|
* Provide the text that is displayed when the form group is in warning state
|
|
145
139
|
*/
|
|
146
|
-
warnText:
|
|
140
|
+
warnText: PropTypes.node
|
|
147
141
|
};
|
|
148
142
|
|
|
149
|
-
exports
|
|
143
|
+
exports.default = CheckboxGroup;
|
|
@@ -7,31 +7,24 @@
|
|
|
7
7
|
|
|
8
8
|
'use strict';
|
|
9
9
|
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
|
-
|
|
12
10
|
var PropTypes = require('prop-types');
|
|
13
11
|
var React = require('react');
|
|
14
12
|
var usePrefix = require('../../internal/usePrefix.js');
|
|
15
13
|
|
|
16
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
17
|
-
|
|
18
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
19
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
20
|
-
|
|
21
14
|
function ClassPrefix({
|
|
22
15
|
children,
|
|
23
16
|
prefix
|
|
24
17
|
}) {
|
|
25
|
-
return /*#__PURE__*/
|
|
18
|
+
return /*#__PURE__*/React.createElement(usePrefix.PrefixContext.Provider, {
|
|
26
19
|
value: prefix
|
|
27
20
|
}, children);
|
|
28
21
|
}
|
|
29
22
|
ClassPrefix.propTypes = {
|
|
30
|
-
children:
|
|
23
|
+
children: PropTypes.node,
|
|
31
24
|
/**
|
|
32
25
|
* The value used to prefix the CSS selectors used by Carbon components
|
|
33
26
|
*/
|
|
34
|
-
prefix:
|
|
27
|
+
prefix: PropTypes.string.isRequired
|
|
35
28
|
};
|
|
36
29
|
|
|
37
30
|
exports.ClassPrefix = ClassPrefix;
|