@carbon/react 1.105.0 → 1.106.0-rc.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 +997 -997
- package/es/_virtual/_rolldown/runtime.js +6 -11
- package/es/components/AILabel/index.js +1 -3
- package/es/components/AISkeleton/AISkeletonIcon.js +2 -4
- package/es/components/AISkeleton/AISkeletonPlaceholder.js +3 -8
- package/es/components/AISkeleton/AISkeletonText.js +2 -4
- package/es/components/Accordion/Accordion.Skeleton.js +2 -4
- package/es/components/Accordion/Accordion.js +2 -4
- package/es/components/Accordion/AccordionItem.js +1 -3
- package/es/components/Accordion/AccordionProvider.js +2 -4
- package/es/components/AspectRatio/AspectRatio.js +2 -4
- package/es/components/BadgeIndicator/index.js +3 -13
- package/es/components/Breadcrumb/Breadcrumb.Skeleton.js +2 -4
- package/es/components/Breadcrumb/Breadcrumb.js +2 -4
- package/es/components/Breadcrumb/BreadcrumbItem.js +1 -3
- package/es/components/Button/Button.Skeleton.js +2 -4
- package/es/components/Button/Button.js +1 -3
- package/es/components/Button/ButtonBase.js +1 -3
- package/es/components/Button/index.js +3 -5
- package/es/components/ButtonSet/ButtonSet.js +1 -3
- package/es/components/ButtonSet/index.js +1 -3
- package/es/components/ChatButton/ChatButton.Skeleton.js +2 -4
- package/es/components/ChatButton/ChatButton.js +1 -3
- package/es/components/Checkbox/Checkbox.Skeleton.js +2 -4
- package/es/components/Checkbox/Checkbox.d.ts +1 -1
- package/es/components/Checkbox/Checkbox.js +19 -10
- package/es/components/Checkbox/index.js +2 -4
- package/es/components/CheckboxGroup/CheckboxGroup.d.ts +2 -1
- package/es/components/CheckboxGroup/CheckboxGroup.js +24 -13
- package/es/components/ClassPrefix/index.js +2 -4
- package/es/components/CodeSnippet/CodeSnippet.Skeleton.js +2 -4
- package/es/components/CodeSnippet/CodeSnippet.js +2 -4
- package/es/components/ComboBox/ComboBox.js +11 -13
- package/es/components/ComboBox/index.js +1 -3
- package/es/components/ComboButton/index.js +1 -3
- package/es/components/ComposedModal/ComposedModal.js +1 -3
- package/es/components/ComposedModal/ComposedModalPresence.js +2 -4
- package/es/components/ComposedModal/ModalFooter.js +1 -3
- package/es/components/ComposedModal/ModalHeader.js +1 -3
- package/es/components/ComposedModal/useComposedModalState.js +1 -3
- package/es/components/ContainedList/ContainedList.js +17 -9
- package/es/components/ContainedList/ContainedListItem/ContainedListItem.js +2 -4
- package/es/components/ContainedList/ContainedListItem/index.js +1 -3
- package/es/components/ContainedList/index.js +1 -3
- package/es/components/ContentSwitcher/ContentSwitcher.js +2 -4
- package/es/components/ContextMenu/useContextMenu.js +1 -3
- package/es/components/Copy/Copy.js +2 -4
- package/es/components/Copy/index.js +1 -3
- package/es/components/CopyButton/CopyButton.js +2 -4
- package/es/components/CopyButton/index.js +1 -3
- package/es/components/DangerButton/DangerButton.js +2 -4
- package/es/components/DataTable/DataTable.js +1 -3
- package/es/components/DataTable/Table.js +2 -4
- package/es/components/DataTable/TableActionList.js +1 -3
- package/es/components/DataTable/TableBatchAction.js +2 -4
- package/es/components/DataTable/TableBatchActions.js +1 -3
- package/es/components/DataTable/TableBody.js +2 -4
- package/es/components/DataTable/TableCell.js +2 -4
- package/es/components/DataTable/TableContainer.js +2 -4
- package/es/components/DataTable/TableContext.js +1 -3
- package/es/components/DataTable/TableDecoratorRow.js +2 -4
- package/es/components/DataTable/TableExpandHeader.js +4 -8
- package/es/components/DataTable/TableExpandRow.js +2 -4
- package/es/components/DataTable/TableExpandedRow.js +2 -4
- package/es/components/DataTable/TableHead.js +1 -3
- package/es/components/DataTable/TableHeader.js +2 -4
- package/es/components/DataTable/TableRow.js +2 -4
- package/es/components/DataTable/TableSelectAll.js +3 -6
- package/es/components/DataTable/TableSelectRow.js +2 -4
- package/es/components/DataTable/TableSlugRow.js +1 -3
- package/es/components/DataTable/TableToolbar.js +2 -4
- package/es/components/DataTable/TableToolbarAction.js +2 -4
- package/es/components/DataTable/TableToolbarContent.js +1 -3
- package/es/components/DataTable/TableToolbarMenu.js +2 -5
- package/es/components/DataTable/TableToolbarSearch.js +2 -4
- package/es/components/DataTable/state/getDerivedStateFromProps.js +1 -3
- package/es/components/DataTable/state/sortStates.js +1 -2
- package/es/components/DataTable/state/sorting.js +1 -3
- package/es/components/DataTable/tools/cells.js +1 -2
- package/es/components/DataTable/tools/denormalize.js +1 -2
- package/es/components/DataTable/tools/filter.js +1 -2
- package/es/components/DataTable/tools/normalize.js +1 -3
- package/es/components/DataTable/tools/sorting.js +1 -3
- package/es/components/DataTableSkeleton/DataTableSkeleton.js +2 -4
- package/es/components/DatePicker/DatePicker.Skeleton.js +2 -4
- package/es/components/DatePicker/DatePicker.js +3 -4
- package/es/components/DatePicker/DatePickerLocales.js +1 -2
- package/es/components/DatePicker/index.js +2 -4
- package/es/components/DatePicker/plugins/appendToPlugin.js +1 -2
- package/es/components/DatePicker/plugins/fixEventsPlugin.js +1 -3
- package/es/components/DatePicker/plugins/rangePlugin.js +1 -3
- package/es/components/DatePicker/utils.js +1 -2
- package/es/components/DatePickerInput/DatePickerInput.js +3 -5
- package/es/components/DatePickerInput/index.js +1 -3
- package/es/components/Dialog/Dialog.d.ts +15 -0
- package/es/components/Dialog/Dialog.js +50 -33
- package/es/components/Dialog/index.js +1 -3
- package/es/components/Dropdown/Dropdown.Skeleton.js +2 -4
- package/es/components/Dropdown/Dropdown.js +2 -4
- package/es/components/Dropdown/index.js +2 -4
- package/es/components/ErrorBoundary/ErrorBoundary.js +1 -3
- package/es/components/ErrorBoundary/ErrorBoundaryContext.js +1 -3
- package/es/components/ExpandableSearch/ExpandableSearch.js +2 -4
- package/es/components/ExpandableSearch/index.js +1 -3
- package/es/components/FeatureFlags/index.js +2 -4
- package/es/components/FileUploader/FileUploader.Skeleton.js +2 -4
- package/es/components/FileUploader/FileUploader.js +1 -3
- package/es/components/FileUploader/FileUploaderButton.js +2 -4
- package/es/components/FileUploader/FileUploaderDropContainer.js +2 -4
- package/es/components/FileUploader/FileUploaderItem.js +2 -4
- package/es/components/FileUploader/Filename.js +2 -4
- package/es/components/FluidComboBox/FluidComboBox.Skeleton.js +2 -4
- package/es/components/FluidComboBox/FluidComboBox.js +1 -3
- package/es/components/FluidDatePicker/FluidDatePicker.Skeleton.js +2 -4
- package/es/components/FluidDatePicker/FluidDatePicker.js +1 -3
- package/es/components/FluidDatePickerInput/FluidDatePickerInput.js +2 -4
- package/es/components/FluidDropdown/FluidDropdown.Skeleton.js +2 -4
- package/es/components/FluidDropdown/FluidDropdown.js +1 -3
- package/es/components/FluidForm/FluidForm.js +2 -4
- package/es/components/FluidForm/FormContext.js +1 -3
- package/es/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js +2 -4
- package/es/components/FluidMultiSelect/FluidMultiSelect.js +1 -3
- package/es/components/FluidNumberInput/FluidNumberInput.Skeleton.js +2 -4
- package/es/components/FluidNumberInput/FluidNumberInput.js +1 -3
- package/es/components/FluidSearch/FluidSearch.Skeleton.js +2 -4
- package/es/components/FluidSearch/FluidSearch.js +2 -4
- package/es/components/FluidSelect/FluidSelect.Skeleton.js +2 -4
- package/es/components/FluidSelect/FluidSelect.js +1 -3
- package/es/components/FluidSelect/index.js +2 -4
- package/es/components/FluidTextArea/FluidTextArea.Skeleton.js +2 -4
- package/es/components/FluidTextArea/FluidTextArea.js +2 -4
- package/es/components/FluidTextInput/FluidPasswordInput.js +2 -4
- package/es/components/FluidTextInput/FluidTextInput.Skeleton.js +2 -4
- package/es/components/FluidTextInput/FluidTextInput.js +1 -3
- package/es/components/FluidTextInput/index.js +3 -5
- package/es/components/FluidTimePicker/FluidTimePicker.Skeleton.js +2 -4
- package/es/components/FluidTimePicker/FluidTimePicker.js +1 -3
- package/es/components/FluidTimePickerSelect/FluidTimePickerSelect.js +1 -3
- package/es/components/Form/Form.js +2 -4
- package/es/components/FormGroup/FormGroup.js +2 -4
- package/es/components/FormItem/FormItem.js +2 -4
- package/es/components/FormLabel/FormLabel.js +2 -4
- package/es/components/Grid/CSSGrid.js +1 -3
- package/es/components/Grid/Column.js +1 -3
- package/es/components/Grid/ColumnHang.js +2 -4
- package/es/components/Grid/FlexGrid.js +1 -3
- package/es/components/Grid/Grid.js +2 -4
- package/es/components/Grid/GridContext.js +1 -3
- package/es/components/Grid/Row.js +2 -4
- package/es/components/Heading/index.js +1 -3
- package/es/components/Icon/Icon.Skeleton.js +2 -4
- package/es/components/IconButton/index.js +2 -4
- package/es/components/IconIndicator/index.js +1 -3
- package/es/components/IdPrefix/index.js +2 -4
- package/es/components/InlineCheckbox/InlineCheckbox.js +1 -3
- package/es/components/InlineCheckbox/index.js +1 -3
- package/es/components/InlineLoading/InlineLoading.js +2 -4
- package/es/components/InlineLoading/index.js +1 -3
- package/es/components/Layer/LayerContext.js +1 -3
- package/es/components/Layer/LayerLevel.js +1 -2
- package/es/components/Layer/index.js +1 -3
- package/es/components/Layout/index.js +1 -3
- package/es/components/LayoutDirection/LayoutDirection.js +1 -3
- package/es/components/LayoutDirection/LayoutDirectionContext.js +1 -3
- package/es/components/LayoutDirection/useLayoutDirection.js +1 -3
- package/es/components/Link/Link.js +1 -3
- package/es/components/Link/index.js +1 -3
- package/es/components/ListBox/ListBox.js +2 -4
- package/es/components/ListBox/ListBoxField.js +2 -4
- package/es/components/ListBox/ListBoxMenu.js +2 -4
- package/es/components/ListBox/ListBoxMenuIcon.js +2 -4
- package/es/components/ListBox/ListBoxMenuItem.js +2 -4
- package/es/components/ListBox/ListBoxPropTypes.js +1 -3
- package/es/components/ListBox/ListBoxSelection.js +2 -4
- package/es/components/ListBox/index.js +2 -4
- package/es/components/ListBox/next/ListBoxSelection.js +2 -4
- package/es/components/ListBox/next/ListBoxTrigger.js +1 -3
- package/es/components/ListItem/ListItem.js +2 -4
- package/es/components/Loading/Loading.js +2 -4
- package/es/components/Loading/index.js +1 -3
- package/es/components/Menu/Menu.d.ts +3 -0
- package/es/components/Menu/Menu.js +5 -6
- package/es/components/Menu/MenuContext.js +1 -3
- package/es/components/Menu/MenuItem.js +1 -3
- package/es/components/MenuButton/index.js +2 -4
- package/es/components/Modal/Modal.js +2 -5
- package/es/components/Modal/ModalPresence.js +2 -4
- package/es/components/Modal/index.js +2 -4
- package/es/components/ModalWrapper/ModalWrapper.js +1 -3
- package/es/components/MultiSelect/FilterableMultiSelect.js +3 -5
- package/es/components/MultiSelect/MultiSelect.js +2 -4
- package/es/components/MultiSelect/MultiSelectPropTypes.js +1 -3
- package/es/components/MultiSelect/filter.js +1 -2
- package/es/components/MultiSelect/tools/sorting.js +1 -2
- package/es/components/Notification/Notification.js +2 -4
- package/es/components/NumberInput/NumberFormatPropTypes.js +1 -3
- package/es/components/NumberInput/NumberInput.Skeleton.js +2 -4
- package/es/components/NumberInput/NumberInput.js +2 -4
- package/es/components/OrderedList/OrderedList.js +2 -4
- package/es/components/OverflowMenu/OverflowMenu.js +5 -7
- package/es/components/OverflowMenu/index.js +2 -4
- package/es/components/OverflowMenu/next/index.js +1 -3
- package/es/components/OverflowMenuItem/OverflowMenuItem.js +2 -4
- package/es/components/OverflowMenuItem/index.js +1 -3
- package/es/components/OverflowMenuV2/index.js +2 -4
- package/es/components/PageHeader/PageHeader.js +1 -3
- package/es/components/PageHeader/index.js +1 -3
- package/es/components/Pagination/Pagination.Skeleton.js +2 -4
- package/es/components/Pagination/Pagination.js +1 -3
- package/es/components/Pagination/experimental/PageSelector.js +2 -4
- package/es/components/Pagination/experimental/Pagination.js +2 -4
- package/es/components/PaginationNav/PaginationNav.js +1 -3
- package/es/components/Popover/index.js +2 -5
- package/es/components/PrimaryButton/PrimaryButton.js +2 -4
- package/es/components/ProgressBar/ProgressBar.js +1 -3
- package/es/components/ProgressIndicator/ProgressIndicator.Skeleton.js +2 -4
- package/es/components/ProgressIndicator/ProgressIndicator.js +1 -3
- package/es/components/RadioButton/RadioButton.Skeleton.js +2 -4
- package/es/components/RadioButton/RadioButton.js +2 -4
- package/es/components/RadioButton/index.js +1 -3
- package/es/components/RadioButtonGroup/RadioButtonGroup.js +2 -11
- package/es/components/RadioTile/RadioTile.js +1 -3
- package/es/components/RadioTile/index.js +1 -3
- package/es/components/Search/Search.Skeleton.js +2 -4
- package/es/components/Search/Search.js +7 -10
- package/es/components/Search/index.js +2 -4
- package/es/components/Search/utils.js +1 -2
- package/es/components/SecondaryButton/SecondaryButton.js +2 -4
- package/es/components/Select/Select.Skeleton.js +2 -4
- package/es/components/Select/Select.js +2 -4
- package/es/components/Select/index.js +2 -4
- package/es/components/SelectItem/SelectItem.js +2 -4
- package/es/components/SelectItem/index.js +1 -3
- package/es/components/SelectItemGroup/SelectItemGroup.js +2 -4
- package/es/components/ShapeIndicator/index.js +1 -3
- package/es/components/SkeletonIcon/SkeletonIcon.js +2 -4
- package/es/components/SkeletonPlaceholder/SkeletonPlaceholder.js +2 -4
- package/es/components/SkeletonText/SkeletonText.js +2 -4
- package/es/components/SkeletonText/index.js +1 -3
- package/es/components/Slider/Slider.Skeleton.js +2 -4
- package/es/components/Slider/Slider.js +24 -31
- package/es/components/Slider/SliderHandles.js +2 -4
- package/es/components/Stack/HStack.js +2 -4
- package/es/components/Stack/Stack.js +2 -4
- package/es/components/Stack/VStack.js +2 -4
- package/es/components/StructuredList/StructuredList.Skeleton.js +2 -4
- package/es/components/StructuredList/StructuredList.js +1 -3
- package/es/components/Switch/IconSwitch.js +2 -4
- package/es/components/Switch/Switch.js +1 -3
- package/es/components/TabContent/TabContent.js +2 -4
- package/es/components/Tabs/Tabs.Skeleton.js +2 -4
- package/es/components/Tabs/Tabs.js +2 -4
- package/es/components/Tabs/usePressable.js +1 -3
- package/es/components/Tag/DismissibleTag.js +2 -5
- package/es/components/Tag/OperationalTag.js +2 -5
- package/es/components/Tag/SelectableTag.js +2 -4
- package/es/components/Tag/Tag.Skeleton.js +2 -4
- package/es/components/Tag/Tag.js +1 -4
- package/es/components/Tag/isEllipsisActive.js +1 -2
- package/es/components/Text/Text.js +2 -4
- package/es/components/Text/TextDirection.js +2 -4
- package/es/components/Text/TextDirectionContext.js +1 -3
- package/es/components/Text/createTextComponent.js +2 -4
- package/es/components/TextArea/TextArea.Skeleton.js +2 -4
- package/es/components/TextArea/TextArea.js +2 -4
- package/es/components/TextArea/index.js +2 -4
- package/es/components/TextInput/ControlledPasswordInput.js +2 -4
- package/es/components/TextInput/PasswordInput.js +3 -5
- package/es/components/TextInput/TextInput.Skeleton.js +2 -4
- package/es/components/TextInput/TextInput.js +3 -5
- package/es/components/TextInput/index.js +2 -4
- package/es/components/TextInput/util.js +1 -2
- package/es/components/Theme/index.js +1 -3
- package/es/components/Tile/Tile.js +1 -6
- package/es/components/TileGroup/TileGroup.js +2 -4
- package/es/components/TimePicker/TimePicker.js +2 -4
- package/es/components/TimePickerSelect/TimePickerSelect.js +2 -4
- package/es/components/Toggle/Toggle.Skeleton.js +2 -4
- package/es/components/Toggle/Toggle.js +2 -4
- package/es/components/ToggleSmall/ToggleSmall.Skeleton.js +2 -4
- package/es/components/Toggletip/index.js +6 -6
- package/es/components/Tooltip/DefinitionTooltip.js +2 -4
- package/es/components/Tooltip/Tooltip.js +3 -7
- package/es/components/TreeView/TreeContext.js +1 -3
- package/es/components/TreeView/TreeNode.js +3 -4
- package/es/components/TreeView/TreeView.js +4 -5
- package/es/components/UIShell/Content.js +1 -3
- package/es/components/UIShell/Header.js +2 -4
- package/es/components/UIShell/HeaderContainer.js +2 -4
- package/es/components/UIShell/HeaderGlobalAction.js +1 -3
- package/es/components/UIShell/HeaderGlobalBar.js +1 -3
- package/es/components/UIShell/HeaderMenu.js +3 -13
- package/es/components/UIShell/HeaderMenuButton.js +2 -4
- package/es/components/UIShell/HeaderMenuItem.js +2 -4
- package/es/components/UIShell/HeaderName.js +2 -4
- package/es/components/UIShell/HeaderNavigation.js +2 -4
- package/es/components/UIShell/HeaderPanel.js +1 -3
- package/es/components/UIShell/HeaderSideNavItems.js +2 -4
- package/es/components/UIShell/Link.js +2 -4
- package/es/components/UIShell/SideNav.js +3 -5
- package/es/components/UIShell/SideNavContext.js +2 -4
- package/es/components/UIShell/SideNavDetails.js +2 -4
- package/es/components/UIShell/SideNavDivider.js +2 -4
- package/es/components/UIShell/SideNavFooter.js +2 -4
- package/es/components/UIShell/SideNavHeader.js +2 -4
- package/es/components/UIShell/SideNavIcon.js +2 -4
- package/es/components/UIShell/SideNavItem.js +2 -4
- package/es/components/UIShell/SideNavItems.js +2 -4
- package/es/components/UIShell/SideNavLink.js +2 -4
- package/es/components/UIShell/SideNavLinkText.js +2 -4
- package/es/components/UIShell/SideNavMenu.js +1 -3
- package/es/components/UIShell/SideNavMenuItem.js +2 -4
- package/es/components/UIShell/SideNavSwitcher.js +2 -4
- package/es/components/UIShell/SkipToContent.js +2 -4
- package/es/components/UIShell/Switcher.js +2 -4
- package/es/components/UIShell/SwitcherDivider.js +2 -4
- package/es/components/UIShell/SwitcherItem.js +2 -4
- package/es/components/UnorderedList/UnorderedList.js +2 -4
- package/es/feature-flags.js +1 -3
- package/es/index.js +2 -5
- package/es/internal/FloatingMenu.js +3 -6
- package/es/internal/OptimizedResize.js +1 -2
- package/es/internal/Selection.js +3 -5
- package/es/internal/clamp.js +1 -2
- package/es/internal/defaultItemToString.js +1 -2
- package/es/internal/deprecateFieldOnObject.js +1 -3
- package/es/internal/environment.js +1 -2
- package/es/internal/getAnnouncement.js +1 -2
- package/es/internal/keyboard/keys.js +1 -2
- package/es/internal/keyboard/match.js +1 -2
- package/es/internal/keyboard/navigation.js +1 -3
- package/es/internal/noopFn.js +1 -2
- package/es/internal/useAttachedMenu.js +1 -3
- package/es/internal/useControllableState.js +1 -3
- package/es/internal/useDelayedState.js +1 -3
- package/es/internal/useEvent.js +1 -3
- package/es/internal/useId.js +1 -3
- package/es/internal/useIdPrefix.js +1 -3
- package/es/internal/useIsomorphicEffect.js +1 -3
- package/es/internal/useMatchMedia.js +1 -3
- package/es/internal/useMergedRefs.js +1 -3
- package/es/internal/useNoInteractiveChildren.js +1 -3
- package/es/internal/useNormalizedInputProps.js +2 -4
- package/es/internal/useOutsideClick.js +3 -4
- package/es/internal/useOverflowItems.js +1 -3
- package/es/internal/usePrefix.js +1 -3
- package/es/internal/usePresence.js +1 -3
- package/es/internal/usePresenceContext.js +1 -3
- package/es/internal/usePreviousValue.js +1 -3
- package/es/internal/useResizeObserver.js +1 -3
- package/es/internal/useSavedCallback.js +1 -3
- package/es/internal/utils.js +1 -3
- package/es/internal/warning.js +1 -2
- package/es/internal/wrapFocus.js +1 -3
- package/es/prop-types/AriaPropTypes.js +1 -3
- package/es/prop-types/deprecate.js +1 -3
- package/es/prop-types/deprecateComponent.js +1 -3
- package/es/prop-types/deprecateValuesWithin.js +1 -3
- package/es/prop-types/isRequiredOneOf.js +1 -2
- package/es/prop-types/requiredIfGivenPropIsTruthy.js +1 -2
- package/es/tools/events.js +1 -2
- package/es/tools/mapPopoverAlign.js +1 -2
- package/es/tools/mergeRefs.js +1 -2
- package/es/tools/setupGetInstanceId.js +1 -2
- package/es/tools/toggleClass.js +1 -2
- package/es/tools/wrapComponent.js +1 -3
- package/icons/index.esm.js +1 -1
- package/icons/index.js +7 -7
- package/lib/_virtual/_rolldown/runtime.js +12 -22
- package/lib/components/AILabel/index.js +7 -9
- package/lib/components/AISkeleton/AISkeletonIcon.js +4 -6
- package/lib/components/AISkeleton/AISkeletonPlaceholder.js +5 -10
- package/lib/components/AISkeleton/AISkeletonText.js +4 -6
- package/lib/components/Accordion/Accordion.Skeleton.js +4 -6
- package/lib/components/Accordion/Accordion.js +4 -6
- package/lib/components/Accordion/AccordionItem.js +9 -11
- package/lib/components/Accordion/AccordionProvider.js +2 -4
- package/lib/components/AspectRatio/AspectRatio.js +3 -5
- package/lib/components/BadgeIndicator/index.js +3 -5
- package/lib/components/Breadcrumb/Breadcrumb.Skeleton.js +3 -5
- package/lib/components/Breadcrumb/Breadcrumb.js +3 -5
- package/lib/components/Breadcrumb/BreadcrumbItem.js +5 -7
- package/lib/components/Button/Button.Skeleton.js +3 -5
- package/lib/components/Button/Button.js +4 -6
- package/lib/components/Button/ButtonBase.js +4 -6
- package/lib/components/Button/index.js +3 -5
- package/lib/components/ButtonSet/ButtonSet.js +4 -6
- package/lib/components/ButtonSet/index.js +2 -5
- package/lib/components/ChatButton/ChatButton.Skeleton.js +3 -5
- package/lib/components/ChatButton/ChatButton.js +4 -6
- package/lib/components/Checkbox/Checkbox.Skeleton.js +3 -5
- package/lib/components/Checkbox/Checkbox.d.ts +1 -1
- package/lib/components/Checkbox/Checkbox.js +27 -18
- package/lib/components/Checkbox/index.js +3 -5
- package/lib/components/CheckboxGroup/CheckboxGroup.d.ts +2 -1
- package/lib/components/CheckboxGroup/CheckboxGroup.js +30 -19
- package/lib/components/ClassPrefix/index.js +3 -5
- package/lib/components/CodeSnippet/CodeSnippet.Skeleton.js +3 -5
- package/lib/components/CodeSnippet/CodeSnippet.js +11 -13
- package/lib/components/ComboBox/ComboBox.js +27 -29
- package/lib/components/ComboBox/index.js +2 -5
- package/lib/components/ComboButton/index.js +13 -15
- package/lib/components/ComposedModal/ComposedModal.js +23 -25
- package/lib/components/ComposedModal/ComposedModalPresence.js +4 -6
- package/lib/components/ComposedModal/ModalFooter.js +7 -9
- package/lib/components/ComposedModal/ModalHeader.js +4 -6
- package/lib/components/ComposedModal/useComposedModalState.js +2 -4
- package/lib/components/ContainedList/ContainedList.js +24 -16
- package/lib/components/ContainedList/ContainedListItem/ContainedListItem.js +4 -6
- package/lib/components/ContainedList/ContainedListItem/index.js +2 -5
- package/lib/components/ContainedList/index.js +8 -7
- package/lib/components/ContentSwitcher/ContentSwitcher.js +11 -13
- package/lib/components/ContextMenu/useContextMenu.js +2 -4
- package/lib/components/Copy/Copy.js +8 -10
- package/lib/components/Copy/index.js +2 -5
- package/lib/components/CopyButton/CopyButton.js +8 -10
- package/lib/components/CopyButton/index.js +2 -5
- package/lib/components/DangerButton/DangerButton.js +3 -5
- package/lib/components/DataTable/DataTable.js +32 -34
- package/lib/components/DataTable/Table.js +6 -8
- package/lib/components/DataTable/TableActionList.js +2 -5
- package/lib/components/DataTable/TableBatchAction.js +3 -5
- package/lib/components/DataTable/TableBatchActions.js +6 -8
- package/lib/components/DataTable/TableBody.js +2 -4
- package/lib/components/DataTable/TableCell.js +3 -5
- package/lib/components/DataTable/TableContainer.js +6 -8
- package/lib/components/DataTable/TableContext.js +3 -6
- package/lib/components/DataTable/TableDecoratorRow.js +5 -7
- package/lib/components/DataTable/TableExpandHeader.js +7 -11
- package/lib/components/DataTable/TableExpandRow.js +8 -10
- package/lib/components/DataTable/TableExpandedRow.js +4 -6
- package/lib/components/DataTable/TableHead.js +2 -5
- package/lib/components/DataTable/TableHeader.js +7 -9
- package/lib/components/DataTable/TableRow.js +7 -9
- package/lib/components/DataTable/TableSelectAll.js +6 -9
- package/lib/components/DataTable/TableSelectRow.js +7 -9
- package/lib/components/DataTable/TableSlugRow.js +4 -6
- package/lib/components/DataTable/TableToolbar.js +4 -6
- package/lib/components/DataTable/TableToolbarAction.js +3 -5
- package/lib/components/DataTable/TableToolbarContent.js +2 -5
- package/lib/components/DataTable/TableToolbarMenu.js +4 -7
- package/lib/components/DataTable/TableToolbarSearch.js +6 -8
- package/lib/components/DataTable/state/getDerivedStateFromProps.js +3 -5
- package/lib/components/DataTable/state/sortStates.js +1 -3
- package/lib/components/DataTable/state/sorting.js +3 -5
- package/lib/components/DataTable/tools/cells.js +1 -3
- package/lib/components/DataTable/tools/denormalize.js +1 -3
- package/lib/components/DataTable/tools/filter.js +1 -3
- package/lib/components/DataTable/tools/normalize.js +4 -6
- package/lib/components/DataTable/tools/sorting.js +3 -5
- package/lib/components/DataTableSkeleton/DataTableSkeleton.js +3 -5
- package/lib/components/DatePicker/DatePicker.Skeleton.js +3 -5
- package/lib/components/DatePicker/DatePicker.js +16 -17
- package/lib/components/DatePicker/DatePickerLocales.js +1 -3
- package/lib/components/DatePicker/index.js +3 -5
- package/lib/components/DatePicker/plugins/appendToPlugin.js +1 -3
- package/lib/components/DatePicker/plugins/fixEventsPlugin.js +3 -5
- package/lib/components/DatePicker/plugins/rangePlugin.js +3 -5
- package/lib/components/DatePicker/utils.js +1 -3
- package/lib/components/DatePickerInput/DatePickerInput.js +11 -13
- package/lib/components/DatePickerInput/index.js +2 -5
- package/lib/components/Dialog/Dialog.d.ts +15 -0
- package/lib/components/Dialog/Dialog.js +60 -43
- package/lib/components/Dialog/index.js +8 -10
- package/lib/components/Dropdown/Dropdown.Skeleton.js +4 -6
- package/lib/components/Dropdown/Dropdown.js +13 -15
- package/lib/components/Dropdown/index.js +3 -5
- package/lib/components/ErrorBoundary/ErrorBoundary.js +3 -5
- package/lib/components/ErrorBoundary/ErrorBoundaryContext.js +3 -6
- package/lib/components/ExpandableSearch/ExpandableSearch.js +9 -11
- package/lib/components/ExpandableSearch/index.js +2 -5
- package/lib/components/FeatureFlags/index.js +3 -5
- package/lib/components/FileUploader/FileUploader.Skeleton.js +5 -7
- package/lib/components/FileUploader/FileUploader.js +11 -13
- package/lib/components/FileUploader/FileUploaderButton.js +9 -11
- package/lib/components/FileUploader/FileUploaderDropContainer.js +9 -11
- package/lib/components/FileUploader/FileUploaderItem.js +11 -13
- package/lib/components/FileUploader/Filename.js +4 -6
- package/lib/components/FluidComboBox/FluidComboBox.Skeleton.js +3 -5
- package/lib/components/FluidComboBox/FluidComboBox.js +5 -7
- package/lib/components/FluidDatePicker/FluidDatePicker.Skeleton.js +4 -6
- package/lib/components/FluidDatePicker/FluidDatePicker.js +5 -7
- package/lib/components/FluidDatePickerInput/FluidDatePickerInput.js +4 -6
- package/lib/components/FluidDropdown/FluidDropdown.Skeleton.js +3 -5
- package/lib/components/FluidDropdown/FluidDropdown.js +5 -7
- package/lib/components/FluidForm/FluidForm.js +5 -7
- package/lib/components/FluidForm/FormContext.js +3 -6
- package/lib/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js +3 -5
- package/lib/components/FluidMultiSelect/FluidMultiSelect.js +6 -8
- package/lib/components/FluidNumberInput/FluidNumberInput.Skeleton.js +4 -6
- package/lib/components/FluidNumberInput/FluidNumberInput.js +6 -8
- package/lib/components/FluidSearch/FluidSearch.Skeleton.js +4 -6
- package/lib/components/FluidSearch/FluidSearch.js +5 -7
- package/lib/components/FluidSelect/FluidSelect.Skeleton.js +3 -5
- package/lib/components/FluidSelect/FluidSelect.js +5 -7
- package/lib/components/FluidSelect/index.js +3 -5
- package/lib/components/FluidTextArea/FluidTextArea.Skeleton.js +4 -6
- package/lib/components/FluidTextArea/FluidTextArea.js +6 -8
- package/lib/components/FluidTextInput/FluidPasswordInput.js +5 -7
- package/lib/components/FluidTextInput/FluidTextInput.Skeleton.js +4 -6
- package/lib/components/FluidTextInput/FluidTextInput.js +6 -8
- package/lib/components/FluidTextInput/index.js +4 -6
- package/lib/components/FluidTimePicker/FluidTimePicker.Skeleton.js +5 -7
- package/lib/components/FluidTimePicker/FluidTimePicker.js +4 -6
- package/lib/components/FluidTimePickerSelect/FluidTimePickerSelect.js +3 -5
- package/lib/components/Form/Form.js +3 -5
- package/lib/components/FormGroup/FormGroup.js +3 -5
- package/lib/components/FormItem/FormItem.js +3 -5
- package/lib/components/FormLabel/FormLabel.js +4 -6
- package/lib/components/Grid/CSSGrid.js +4 -6
- package/lib/components/Grid/Column.js +4 -6
- package/lib/components/Grid/ColumnHang.js +3 -5
- package/lib/components/Grid/FlexGrid.js +4 -6
- package/lib/components/Grid/Grid.js +5 -7
- package/lib/components/Grid/GridContext.js +2 -4
- package/lib/components/Grid/Row.js +3 -5
- package/lib/components/Heading/index.js +2 -4
- package/lib/components/Icon/Icon.Skeleton.js +3 -5
- package/lib/components/IconButton/index.js +9 -11
- package/lib/components/IconIndicator/index.js +3 -5
- package/lib/components/IdPrefix/index.js +3 -5
- package/lib/components/InlineCheckbox/InlineCheckbox.js +5 -7
- package/lib/components/InlineCheckbox/index.js +2 -5
- package/lib/components/InlineLoading/InlineLoading.js +4 -6
- package/lib/components/InlineLoading/index.js +2 -5
- package/lib/components/Layer/LayerContext.js +2 -4
- package/lib/components/Layer/LayerLevel.js +1 -3
- package/lib/components/Layer/index.js +6 -8
- package/lib/components/Layout/index.js +3 -5
- package/lib/components/LayoutDirection/LayoutDirection.js +3 -5
- package/lib/components/LayoutDirection/LayoutDirectionContext.js +2 -4
- package/lib/components/LayoutDirection/useLayoutDirection.js +3 -5
- package/lib/components/Link/Link.js +3 -5
- package/lib/components/Link/index.js +2 -5
- package/lib/components/ListBox/ListBox.js +6 -8
- package/lib/components/ListBox/ListBoxField.js +3 -5
- package/lib/components/ListBox/ListBoxMenu.js +4 -6
- package/lib/components/ListBox/ListBoxMenuIcon.js +3 -5
- package/lib/components/ListBox/ListBoxMenuItem.js +4 -6
- package/lib/components/ListBox/ListBoxPropTypes.js +2 -4
- package/lib/components/ListBox/ListBoxSelection.js +3 -5
- package/lib/components/ListBox/index.js +8 -10
- package/lib/components/ListBox/next/ListBoxSelection.js +3 -5
- package/lib/components/ListBox/next/ListBoxTrigger.js +3 -5
- package/lib/components/ListItem/ListItem.js +4 -6
- package/lib/components/Loading/Loading.js +4 -6
- package/lib/components/Loading/index.js +2 -5
- package/lib/components/Menu/Menu.d.ts +3 -0
- package/lib/components/Menu/Menu.js +13 -14
- package/lib/components/Menu/MenuContext.js +2 -4
- package/lib/components/Menu/MenuItem.js +13 -15
- package/lib/components/MenuButton/index.js +10 -12
- package/lib/components/Modal/Modal.js +28 -31
- package/lib/components/Modal/ModalPresence.js +3 -5
- package/lib/components/Modal/index.js +3 -6
- package/lib/components/ModalWrapper/ModalWrapper.js +9 -11
- package/lib/components/MultiSelect/FilterableMultiSelect.js +23 -25
- package/lib/components/MultiSelect/MultiSelect.js +22 -24
- package/lib/components/MultiSelect/MultiSelectPropTypes.js +2 -4
- package/lib/components/MultiSelect/filter.js +1 -3
- package/lib/components/MultiSelect/tools/sorting.js +1 -3
- package/lib/components/Notification/Notification.js +16 -18
- package/lib/components/NumberInput/NumberFormatPropTypes.js +2 -4
- package/lib/components/NumberInput/NumberInput.Skeleton.js +3 -5
- package/lib/components/NumberInput/NumberInput.js +15 -17
- package/lib/components/OrderedList/OrderedList.js +3 -5
- package/lib/components/OverflowMenu/OverflowMenu.js +17 -19
- package/lib/components/OverflowMenu/index.js +5 -7
- package/lib/components/OverflowMenu/next/index.js +11 -13
- package/lib/components/OverflowMenuItem/OverflowMenuItem.js +8 -10
- package/lib/components/OverflowMenuItem/index.js +2 -5
- package/lib/components/OverflowMenuV2/index.js +5 -7
- package/lib/components/PageHeader/PageHeader.js +17 -19
- package/lib/components/PageHeader/index.js +8 -10
- package/lib/components/Pagination/Pagination.Skeleton.js +4 -6
- package/lib/components/Pagination/Pagination.js +8 -10
- package/lib/components/Pagination/experimental/PageSelector.js +6 -8
- package/lib/components/Pagination/experimental/Pagination.js +6 -8
- package/lib/components/PaginationNav/PaginationNav.js +6 -8
- package/lib/components/Popover/index.js +10 -12
- package/lib/components/PrimaryButton/PrimaryButton.js +3 -5
- package/lib/components/ProgressBar/ProgressBar.js +5 -7
- package/lib/components/ProgressIndicator/ProgressIndicator.Skeleton.js +3 -5
- package/lib/components/ProgressIndicator/ProgressIndicator.js +6 -8
- package/lib/components/RadioButton/RadioButton.Skeleton.js +3 -5
- package/lib/components/RadioButton/RadioButton.js +10 -12
- package/lib/components/RadioButton/index.js +2 -5
- package/lib/components/RadioButtonGroup/RadioButtonGroup.js +10 -19
- package/lib/components/RadioTile/RadioTile.js +12 -14
- package/lib/components/RadioTile/index.js +2 -5
- package/lib/components/Search/Search.Skeleton.js +3 -5
- package/lib/components/Search/Search.js +19 -22
- package/lib/components/Search/index.js +3 -5
- package/lib/components/Search/utils.js +1 -3
- package/lib/components/SecondaryButton/SecondaryButton.js +3 -5
- package/lib/components/Select/Select.Skeleton.js +3 -5
- package/lib/components/Select/Select.js +10 -12
- package/lib/components/Select/index.js +3 -5
- package/lib/components/SelectItem/SelectItem.js +3 -5
- package/lib/components/SelectItem/index.js +2 -5
- package/lib/components/SelectItemGroup/SelectItemGroup.js +3 -5
- package/lib/components/ShapeIndicator/index.js +3 -5
- package/lib/components/SkeletonIcon/SkeletonIcon.js +3 -5
- package/lib/components/SkeletonPlaceholder/SkeletonPlaceholder.js +3 -5
- package/lib/components/SkeletonText/SkeletonText.js +4 -6
- package/lib/components/SkeletonText/index.js +2 -5
- package/lib/components/Slider/Slider.Skeleton.js +5 -7
- package/lib/components/Slider/Slider.js +34 -41
- package/lib/components/Slider/SliderHandles.js +3 -5
- package/lib/components/Stack/HStack.js +3 -5
- package/lib/components/Stack/Stack.js +3 -5
- package/lib/components/Stack/VStack.js +3 -5
- package/lib/components/StructuredList/StructuredList.Skeleton.js +3 -5
- package/lib/components/StructuredList/StructuredList.js +7 -9
- package/lib/components/Switch/IconSwitch.js +5 -7
- package/lib/components/Switch/Switch.js +4 -6
- package/lib/components/TabContent/TabContent.js +3 -5
- package/lib/components/Tabs/Tabs.Skeleton.js +3 -5
- package/lib/components/Tabs/Tabs.js +19 -21
- package/lib/components/Tabs/usePressable.js +2 -4
- package/lib/components/Tag/DismissibleTag.js +13 -16
- package/lib/components/Tag/OperationalTag.js +10 -13
- package/lib/components/Tag/SelectableTag.js +11 -13
- package/lib/components/Tag/Tag.Skeleton.js +3 -5
- package/lib/components/Tag/Tag.js +12 -15
- package/lib/components/Tag/isEllipsisActive.js +1 -3
- package/lib/components/Text/Text.js +3 -5
- package/lib/components/Text/TextDirection.js +3 -5
- package/lib/components/Text/TextDirectionContext.js +3 -6
- package/lib/components/Text/createTextComponent.js +3 -5
- package/lib/components/TextArea/TextArea.Skeleton.js +3 -5
- package/lib/components/TextArea/TextArea.js +13 -15
- package/lib/components/TextArea/index.js +3 -5
- package/lib/components/TextInput/ControlledPasswordInput.js +7 -9
- package/lib/components/TextInput/PasswordInput.js +8 -10
- package/lib/components/TextInput/TextInput.Skeleton.js +3 -5
- package/lib/components/TextInput/TextInput.js +12 -14
- package/lib/components/TextInput/index.js +3 -5
- package/lib/components/TextInput/util.js +1 -3
- package/lib/components/Theme/index.js +5 -7
- package/lib/components/Tile/Tile.js +16 -21
- package/lib/components/TileGroup/TileGroup.js +6 -8
- package/lib/components/TimePicker/TimePicker.js +6 -8
- package/lib/components/TimePickerSelect/TimePickerSelect.js +3 -5
- package/lib/components/Toggle/Toggle.Skeleton.js +3 -5
- package/lib/components/Toggle/Toggle.js +5 -7
- package/lib/components/ToggleSmall/ToggleSmall.Skeleton.js +3 -5
- package/lib/components/Toggletip/index.js +13 -13
- package/lib/components/Tooltip/DefinitionTooltip.js +8 -10
- package/lib/components/Tooltip/Tooltip.js +12 -16
- package/lib/components/TreeView/TreeContext.js +2 -4
- package/lib/components/TreeView/TreeNode.js +13 -14
- package/lib/components/TreeView/TreeView.js +12 -13
- package/lib/components/UIShell/Content.js +3 -5
- package/lib/components/UIShell/Header.js +3 -5
- package/lib/components/UIShell/HeaderContainer.js +5 -7
- package/lib/components/UIShell/HeaderGlobalAction.js +5 -7
- package/lib/components/UIShell/HeaderGlobalBar.js +2 -5
- package/lib/components/UIShell/HeaderMenu.js +9 -11
- package/lib/components/UIShell/HeaderMenuButton.js +4 -6
- package/lib/components/UIShell/HeaderMenuItem.js +5 -7
- package/lib/components/UIShell/HeaderName.js +4 -6
- package/lib/components/UIShell/HeaderNavigation.js +4 -6
- package/lib/components/UIShell/HeaderPanel.js +10 -12
- package/lib/components/UIShell/HeaderSideNavItems.js +3 -5
- package/lib/components/UIShell/Link.js +3 -5
- package/lib/components/UIShell/SideNav.js +11 -13
- package/lib/components/UIShell/SideNavContext.js +2 -4
- package/lib/components/UIShell/SideNavDetails.js +3 -5
- package/lib/components/UIShell/SideNavDivider.js +3 -5
- package/lib/components/UIShell/SideNavFooter.js +3 -5
- package/lib/components/UIShell/SideNavHeader.js +4 -6
- package/lib/components/UIShell/SideNavIcon.js +3 -5
- package/lib/components/UIShell/SideNavItem.js +3 -5
- package/lib/components/UIShell/SideNavItems.js +4 -6
- package/lib/components/UIShell/SideNavLink.js +8 -10
- package/lib/components/UIShell/SideNavLinkText.js +3 -5
- package/lib/components/UIShell/SideNavMenu.js +7 -9
- package/lib/components/UIShell/SideNavMenuItem.js +5 -7
- package/lib/components/UIShell/SideNavSwitcher.js +4 -6
- package/lib/components/UIShell/SkipToContent.js +3 -5
- package/lib/components/UIShell/Switcher.js +8 -10
- package/lib/components/UIShell/SwitcherDivider.js +3 -5
- package/lib/components/UIShell/SwitcherItem.js +7 -9
- package/lib/components/UnorderedList/UnorderedList.js +3 -5
- package/lib/feature-flags.js +3 -6
- package/lib/index.js +253 -256
- package/lib/internal/FloatingMenu.js +10 -14
- package/lib/internal/OptimizedResize.js +1 -3
- package/lib/internal/Selection.js +3 -5
- package/lib/internal/clamp.js +1 -3
- package/lib/internal/defaultItemToString.js +1 -3
- package/lib/internal/deprecateFieldOnObject.js +3 -5
- package/lib/internal/environment.js +1 -3
- package/lib/internal/getAnnouncement.js +1 -3
- package/lib/internal/keyboard/keys.js +1 -3
- package/lib/internal/keyboard/match.js +1 -3
- package/lib/internal/keyboard/navigation.js +3 -5
- package/lib/internal/noopFn.js +1 -3
- package/lib/internal/useAttachedMenu.js +2 -4
- package/lib/internal/useControllableState.js +3 -5
- package/lib/internal/useDelayedState.js +2 -4
- package/lib/internal/useEvent.js +2 -4
- package/lib/internal/useId.js +5 -7
- package/lib/internal/useIdPrefix.js +2 -4
- package/lib/internal/useIsomorphicEffect.js +2 -4
- package/lib/internal/useMatchMedia.js +2 -4
- package/lib/internal/useMergedRefs.js +2 -4
- package/lib/internal/useNoInteractiveChildren.js +2 -4
- package/lib/internal/useNormalizedInputProps.js +4 -6
- package/lib/internal/useOutsideClick.js +6 -7
- package/lib/internal/useOverflowItems.js +4 -6
- package/lib/internal/usePrefix.js +2 -4
- package/lib/internal/usePresence.js +4 -6
- package/lib/internal/usePresenceContext.js +3 -5
- package/lib/internal/usePreviousValue.js +2 -4
- package/lib/internal/useResizeObserver.js +3 -5
- package/lib/internal/useSavedCallback.js +2 -4
- package/lib/internal/utils.js +2 -4
- package/lib/internal/warning.js +2 -4
- package/lib/internal/wrapFocus.js +3 -5
- package/lib/prop-types/AriaPropTypes.js +3 -5
- package/lib/prop-types/deprecate.js +2 -4
- package/lib/prop-types/deprecateComponent.js +2 -4
- package/lib/prop-types/deprecateValuesWithin.js +2 -4
- package/lib/prop-types/isRequiredOneOf.js +1 -3
- package/lib/prop-types/requiredIfGivenPropIsTruthy.js +1 -3
- package/lib/tools/events.js +1 -3
- package/lib/tools/mapPopoverAlign.js +1 -3
- package/lib/tools/mergeRefs.js +1 -3
- package/lib/tools/setupGetInstanceId.js +1 -3
- package/lib/tools/toggleClass.js +1 -3
- package/lib/tools/wrapComponent.js +3 -5
- package/package.json +9 -9
- package/telemetry.yml +1 -2
|
@@ -16,12 +16,11 @@ import { useNormalizedInputProps } from "../../internal/useNormalizedInputProps.
|
|
|
16
16
|
import { clamp } from "../../internal/clamp.js";
|
|
17
17
|
import { LowerHandle, LowerHandleFocus, UpperHandle, UpperHandleFocus } from "./SliderHandles.js";
|
|
18
18
|
import classNames from "classnames";
|
|
19
|
-
import
|
|
19
|
+
import { useEffect, useMemo, useReducer, useRef } from "react";
|
|
20
20
|
import PropTypes from "prop-types";
|
|
21
21
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
22
22
|
import { WarningAltFilled, WarningFilled } from "@carbon/icons-react";
|
|
23
23
|
import { throttle } from "es-toolkit/compat";
|
|
24
|
-
|
|
25
24
|
//#region src/components/Slider/Slider.tsx
|
|
26
25
|
/**
|
|
27
26
|
* Copyright IBM Corp. 2016, 2026
|
|
@@ -68,11 +67,6 @@ const DRAG_STOP_EVENT_TYPES = new Set([
|
|
|
68
67
|
"touchend",
|
|
69
68
|
"touchcancel"
|
|
70
69
|
]);
|
|
71
|
-
var HandlePosition = /* @__PURE__ */ function(HandlePosition) {
|
|
72
|
-
HandlePosition["LOWER"] = "lower";
|
|
73
|
-
HandlePosition["UPPER"] = "upper";
|
|
74
|
-
return HandlePosition;
|
|
75
|
-
}(HandlePosition || {});
|
|
76
70
|
const Slider = (props) => {
|
|
77
71
|
const controlledValue = props.value;
|
|
78
72
|
const controlledValueUpper = props.unstable_valueUpper;
|
|
@@ -261,15 +255,15 @@ const Slider = (props) => {
|
|
|
261
255
|
const clientX = getClientXFromEvent(evt.nativeEvent);
|
|
262
256
|
let activeHandle;
|
|
263
257
|
if (twoHandles) {
|
|
264
|
-
if (evt.target == thumbRef.current) activeHandle =
|
|
265
|
-
else if (evt.target == thumbRefUpper.current) activeHandle =
|
|
266
|
-
else if (clientX) if (calcDistanceToHandle(
|
|
267
|
-
else activeHandle =
|
|
258
|
+
if (evt.target == thumbRef.current) activeHandle = "lower";
|
|
259
|
+
else if (evt.target == thumbRefUpper.current) activeHandle = "upper";
|
|
260
|
+
else if (clientX) if (calcDistanceToHandle("lower", clientX) <= calcDistanceToHandle("upper", clientX)) activeHandle = "lower";
|
|
261
|
+
else activeHandle = "upper";
|
|
268
262
|
}
|
|
269
263
|
const focusOptions = { preventScroll: true };
|
|
270
264
|
if (twoHandles) {
|
|
271
|
-
if (thumbRef.current && activeHandle ===
|
|
272
|
-
else if (thumbRefUpper.current && activeHandle ===
|
|
265
|
+
if (thumbRef.current && activeHandle === "lower") thumbRef.current.focus(focusOptions);
|
|
266
|
+
else if (thumbRefUpper.current && activeHandle === "upper") thumbRefUpper.current.focus(focusOptions);
|
|
273
267
|
} else if (thumbRef.current) thumbRef.current.focus(focusOptions);
|
|
274
268
|
setState({ activeHandle });
|
|
275
269
|
onDrag(evt.nativeEvent, activeHandle);
|
|
@@ -345,7 +339,7 @@ const Slider = (props) => {
|
|
|
345
339
|
else return;
|
|
346
340
|
if (evt.shiftKey) delta *= stepMultiplier;
|
|
347
341
|
if (twoHandles && state.activeHandle) {
|
|
348
|
-
const { value, left } = calcValue({ value: calcValueForDelta((state.activeHandle ===
|
|
342
|
+
const { value, left } = calcValue({ value: calcValueForDelta((state.activeHandle === "lower" ? state.value : state.valueUpper) ?? props.min, delta, props.step) });
|
|
349
343
|
setValueLeftForHandle(state.activeHandle, {
|
|
350
344
|
value: nearestStepValue(value),
|
|
351
345
|
left
|
|
@@ -370,7 +364,7 @@ const Slider = (props) => {
|
|
|
370
364
|
*/
|
|
371
365
|
const onChangeInput = (evt) => {
|
|
372
366
|
if (props.disabled || props.readOnly) return;
|
|
373
|
-
const activeHandle = evt.target.dataset.handlePosition ??
|
|
367
|
+
const activeHandle = evt.target.dataset.handlePosition ?? "lower";
|
|
374
368
|
const targetValue = Number.parseFloat(evt.target.value);
|
|
375
369
|
if (twoHandles) if (isNaN(targetValue)) setValueForHandle(activeHandle, evt.target.value);
|
|
376
370
|
else if (isValidValueForPosition({
|
|
@@ -412,8 +406,8 @@ const Slider = (props) => {
|
|
|
412
406
|
const targetValue = Number.parseFloat(input.value);
|
|
413
407
|
const validity = !isNaN(targetValue);
|
|
414
408
|
const handlePosition = input.dataset.handlePosition;
|
|
415
|
-
if (handlePosition ===
|
|
416
|
-
else if (handlePosition ===
|
|
409
|
+
if (handlePosition === "lower") setState({ isValid: validity });
|
|
410
|
+
else if (handlePosition === "upper") setState({ isValidUpper: validity });
|
|
417
411
|
setState({ isValid: validity });
|
|
418
412
|
if (validity) {
|
|
419
413
|
const adjustedValue = handlePosition ? getAdjustedValueForPosition({
|
|
@@ -522,7 +516,7 @@ const Slider = (props) => {
|
|
|
522
516
|
*/
|
|
523
517
|
const setValueLeftForHandle = (handle, { value: newValue, left: newLeft }) => {
|
|
524
518
|
const { value, valueUpper, left, leftUpper } = state;
|
|
525
|
-
if (handle ===
|
|
519
|
+
if (handle === "lower") setState({
|
|
526
520
|
value: valueUpper && newValue > valueUpper ? valueUpper : newValue,
|
|
527
521
|
left: valueUpper && newValue > valueUpper ? leftUpper : newLeft,
|
|
528
522
|
isValid: true
|
|
@@ -534,7 +528,7 @@ const Slider = (props) => {
|
|
|
534
528
|
});
|
|
535
529
|
};
|
|
536
530
|
const setValueForHandle = (handle, value) => {
|
|
537
|
-
if (handle ===
|
|
531
|
+
if (handle === "lower") setState({
|
|
538
532
|
value,
|
|
539
533
|
isValid: true
|
|
540
534
|
});
|
|
@@ -550,7 +544,7 @@ const Slider = (props) => {
|
|
|
550
544
|
min,
|
|
551
545
|
max
|
|
552
546
|
})) return false;
|
|
553
|
-
if (handle ===
|
|
547
|
+
if (handle === "lower") return !valueUpper || newValue <= valueUpper;
|
|
554
548
|
return !value || newValue >= value;
|
|
555
549
|
};
|
|
556
550
|
const isValidValue = ({ value, min, max }) => {
|
|
@@ -563,8 +557,8 @@ const Slider = (props) => {
|
|
|
563
557
|
min,
|
|
564
558
|
max
|
|
565
559
|
});
|
|
566
|
-
if (handle ===
|
|
567
|
-
else if (handle ===
|
|
560
|
+
if (handle === "lower" && valueUpper) newValue = newValue > valueUpper ? valueUpper : newValue;
|
|
561
|
+
else if (handle === "upper" && value) newValue = newValue < value ? value : newValue;
|
|
568
562
|
return newValue;
|
|
569
563
|
};
|
|
570
564
|
const getAdjustedValue = ({ value, min, max }) => {
|
|
@@ -579,7 +573,7 @@ const Slider = (props) => {
|
|
|
579
573
|
*/
|
|
580
574
|
const getHandleBoundingRect = (handle) => {
|
|
581
575
|
let boundingRect;
|
|
582
|
-
if (handle ===
|
|
576
|
+
if (handle === "lower") boundingRect = thumbRef.current?.getBoundingClientRect();
|
|
583
577
|
else boundingRect = thumbRefUpper.current?.getBoundingClientRect();
|
|
584
578
|
return boundingRect ?? new DOMRect();
|
|
585
579
|
};
|
|
@@ -622,8 +616,8 @@ const Slider = (props) => {
|
|
|
622
616
|
delete other.onRelease;
|
|
623
617
|
delete other.stepMultiplier;
|
|
624
618
|
delete other.unstable_valueUpper;
|
|
625
|
-
const showWarning = normalizedProps.warn || correctedPosition ===
|
|
626
|
-
const showWarningUpper = normalizedUpperProps.warn || correctedPosition === (twoHandles ?
|
|
619
|
+
const showWarning = normalizedProps.warn || correctedPosition === "lower" && isValid;
|
|
620
|
+
const showWarningUpper = normalizedUpperProps.warn || correctedPosition === (twoHandles ? "upper" : "lower") && (twoHandles ? isValidUpper : isValid);
|
|
627
621
|
const labelId = `${id}-label`;
|
|
628
622
|
const labelClasses = classNames(`${prefix}--label`, {
|
|
629
623
|
[`${prefix}--visually-hidden`]: hideLabel,
|
|
@@ -724,7 +718,7 @@ const Slider = (props) => {
|
|
|
724
718
|
onKeyUp: props.onInputKeyUp,
|
|
725
719
|
onKeyDown: onInputKeyDown,
|
|
726
720
|
"data-invalid": normalizedProps.invalid ? true : null,
|
|
727
|
-
"data-handle-position":
|
|
721
|
+
"data-handle-position": "lower",
|
|
728
722
|
"aria-invalid": normalizedProps.invalid ? true : void 0,
|
|
729
723
|
readOnly
|
|
730
724
|
}),
|
|
@@ -767,7 +761,7 @@ const Slider = (props) => {
|
|
|
767
761
|
"aria-labelledby": twoHandles ? void 0 : labelId,
|
|
768
762
|
"aria-label": twoHandles ? ariaLabelInput : void 0,
|
|
769
763
|
ref: thumbRef,
|
|
770
|
-
onFocus: () => setState({ activeHandle:
|
|
764
|
+
onFocus: () => setState({ activeHandle: "lower" }),
|
|
771
765
|
children: twoHandles && !isRtl ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(LowerHandle, { "aria-label": ariaLabelInput }), /* @__PURE__ */ jsx(LowerHandleFocus, { "aria-label": ariaLabelInput })] }) : twoHandles && isRtl ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(UpperHandle, { "aria-label": ariaLabelInputUpper }), /* @__PURE__ */ jsx(UpperHandleFocus, { "aria-label": ariaLabelInputUpper })] }) : void 0
|
|
772
766
|
})
|
|
773
767
|
}),
|
|
@@ -786,7 +780,7 @@ const Slider = (props) => {
|
|
|
786
780
|
"aria-valuenow": valueUpper,
|
|
787
781
|
"aria-label": ariaLabelInputUpper,
|
|
788
782
|
ref: thumbRefUpper,
|
|
789
|
-
onFocus: () => setState({ activeHandle:
|
|
783
|
+
onFocus: () => setState({ activeHandle: "upper" }),
|
|
790
784
|
children: !isRtl ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(UpperHandle, { "aria-label": ariaLabelInputUpper }), /* @__PURE__ */ jsx(UpperHandleFocus, { "aria-label": ariaLabelInputUpper })] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(LowerHandle, { "aria-label": ariaLabelInput }), /* @__PURE__ */ jsx(LowerHandleFocus, { "aria-label": ariaLabelInput })] })
|
|
791
785
|
})
|
|
792
786
|
}) : null,
|
|
@@ -827,7 +821,7 @@ const Slider = (props) => {
|
|
|
827
821
|
onKeyDown: onInputKeyDown,
|
|
828
822
|
onKeyUp: props.onInputKeyUp,
|
|
829
823
|
"data-invalid": (twoHandles ? normalizedUpperProps.invalid : normalizedProps.invalid) ? true : null,
|
|
830
|
-
"data-handle-position": twoHandles ?
|
|
824
|
+
"data-handle-position": twoHandles ? "upper" : null,
|
|
831
825
|
"aria-invalid": (twoHandles ? normalizedUpperProps.invalid : normalizedProps.invalid) ? true : void 0,
|
|
832
826
|
readOnly
|
|
833
827
|
}),
|
|
@@ -891,6 +885,5 @@ Slider.propTypes = {
|
|
|
891
885
|
warn: PropTypes.bool,
|
|
892
886
|
warnText: PropTypes.node
|
|
893
887
|
};
|
|
894
|
-
|
|
895
888
|
//#endregion
|
|
896
|
-
export { Slider as default };
|
|
889
|
+
export { Slider as default };
|
|
@@ -6,9 +6,8 @@
|
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
import { usePrefix } from "../../internal/usePrefix.js";
|
|
9
|
-
import
|
|
9
|
+
import "react";
|
|
10
10
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
11
|
-
|
|
12
11
|
//#region src/components/Slider/SliderHandles.tsx
|
|
13
12
|
/**
|
|
14
13
|
* Copyright IBM Corp. 2023, 2024
|
|
@@ -80,6 +79,5 @@ const UpperHandleFocus = (props) => {
|
|
|
80
79
|
]
|
|
81
80
|
});
|
|
82
81
|
};
|
|
83
|
-
|
|
84
82
|
//#endregion
|
|
85
|
-
export { LowerHandle, LowerHandleFocus, UpperHandle, UpperHandleFocus };
|
|
83
|
+
export { LowerHandle, LowerHandleFocus, UpperHandle, UpperHandleFocus };
|
|
@@ -6,9 +6,8 @@
|
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
import { Stack } from "./Stack.js";
|
|
9
|
-
import
|
|
9
|
+
import { forwardRef } from "react";
|
|
10
10
|
import { jsx } from "react/jsx-runtime";
|
|
11
|
-
|
|
12
11
|
//#region src/components/Stack/HStack.tsx
|
|
13
12
|
/**
|
|
14
13
|
* Copyright IBM Corp. 2016, 2025
|
|
@@ -24,6 +23,5 @@ const HStack = forwardRef((props, ref) => {
|
|
|
24
23
|
});
|
|
25
24
|
});
|
|
26
25
|
HStack.propTypes = Stack.propTypes;
|
|
27
|
-
|
|
28
26
|
//#endregion
|
|
29
|
-
export { HStack };
|
|
27
|
+
export { HStack };
|
|
@@ -7,11 +7,10 @@
|
|
|
7
7
|
|
|
8
8
|
import { usePrefix } from "../../internal/usePrefix.js";
|
|
9
9
|
import classNames from "classnames";
|
|
10
|
-
import
|
|
10
|
+
import { forwardRef } from "react";
|
|
11
11
|
import PropTypes from "prop-types";
|
|
12
12
|
import { jsx } from "react/jsx-runtime";
|
|
13
13
|
import { spacing } from "@carbon/layout";
|
|
14
|
-
|
|
15
14
|
//#region src/components/Stack/Stack.tsx
|
|
16
15
|
/**
|
|
17
16
|
* Copyright IBM Corp. 2016, 2025
|
|
@@ -64,6 +63,5 @@ Stack.propTypes = {
|
|
|
64
63
|
gap: PropTypes.oneOfType([PropTypes.string, PropTypes.oneOf(SPACING_STEPS)]),
|
|
65
64
|
orientation: PropTypes.oneOf(["horizontal", "vertical"])
|
|
66
65
|
};
|
|
67
|
-
|
|
68
66
|
//#endregion
|
|
69
|
-
export { Stack };
|
|
67
|
+
export { Stack };
|
|
@@ -6,9 +6,8 @@
|
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
import { Stack } from "./Stack.js";
|
|
9
|
-
import
|
|
9
|
+
import { forwardRef } from "react";
|
|
10
10
|
import { jsx } from "react/jsx-runtime";
|
|
11
|
-
|
|
12
11
|
//#region src/components/Stack/VStack.tsx
|
|
13
12
|
/**
|
|
14
13
|
* Copyright IBM Corp. 2016, 2025
|
|
@@ -24,6 +23,5 @@ const VStack = forwardRef((props, ref) => {
|
|
|
24
23
|
});
|
|
25
24
|
});
|
|
26
25
|
VStack.propTypes = Stack.propTypes;
|
|
27
|
-
|
|
28
26
|
//#endregion
|
|
29
|
-
export { VStack };
|
|
27
|
+
export { VStack };
|
|
@@ -7,10 +7,9 @@
|
|
|
7
7
|
|
|
8
8
|
import { usePrefix } from "../../internal/usePrefix.js";
|
|
9
9
|
import classNames from "classnames";
|
|
10
|
-
import
|
|
10
|
+
import "react";
|
|
11
11
|
import PropTypes from "prop-types";
|
|
12
12
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
13
|
-
|
|
14
13
|
//#region src/components/StructuredList/StructuredList.Skeleton.tsx
|
|
15
14
|
/**
|
|
16
15
|
* Copyright IBM Corp. 2016, 2023
|
|
@@ -61,6 +60,5 @@ StructuredListSkeleton.propTypes = {
|
|
|
61
60
|
className: PropTypes.string,
|
|
62
61
|
rowCount: PropTypes.number
|
|
63
62
|
};
|
|
64
|
-
|
|
65
63
|
//#endregion
|
|
66
|
-
export { StructuredListSkeleton as default };
|
|
64
|
+
export { StructuredListSkeleton as default };
|
|
@@ -15,7 +15,6 @@ import React, { useRef, useState } from "react";
|
|
|
15
15
|
import PropTypes from "prop-types";
|
|
16
16
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
17
17
|
import { RadioButton, RadioButtonChecked } from "@carbon/icons-react";
|
|
18
|
-
|
|
19
18
|
//#region src/components/StructuredList/StructuredList.tsx
|
|
20
19
|
/**
|
|
21
20
|
* Copyright IBM Corp. 2016, 2026
|
|
@@ -205,6 +204,5 @@ StructuredListCell.propTypes = {
|
|
|
205
204
|
head: PropTypes.bool,
|
|
206
205
|
noWrap: PropTypes.bool
|
|
207
206
|
};
|
|
208
|
-
|
|
209
207
|
//#endregion
|
|
210
|
-
export { StructuredListBody, StructuredListCell, StructuredListHead, StructuredListInput, StructuredListRow, StructuredListWrapper };
|
|
208
|
+
export { StructuredListBody, StructuredListCell, StructuredListHead, StructuredListInput, StructuredListRow, StructuredListWrapper };
|
|
@@ -9,10 +9,9 @@ import { usePrefix } from "../../internal/usePrefix.js";
|
|
|
9
9
|
import { noopFn } from "../../internal/noopFn.js";
|
|
10
10
|
import { IconButton } from "../IconButton/index.js";
|
|
11
11
|
import classNames from "classnames";
|
|
12
|
-
import
|
|
12
|
+
import { forwardRef, useState } from "react";
|
|
13
13
|
import PropTypes from "prop-types";
|
|
14
14
|
import { jsx } from "react/jsx-runtime";
|
|
15
|
-
|
|
16
15
|
//#region src/components/Switch/IconSwitch.tsx
|
|
17
16
|
/**
|
|
18
17
|
* Copyright IBM Corp. 2016, 2023
|
|
@@ -105,6 +104,5 @@ IconSwitch.propTypes = {
|
|
|
105
104
|
]),
|
|
106
105
|
text: PropTypes.string
|
|
107
106
|
};
|
|
108
|
-
|
|
109
107
|
//#endregion
|
|
110
|
-
export { IconSwitch as default };
|
|
108
|
+
export { IconSwitch as default };
|
|
@@ -11,7 +11,6 @@ import classNames from "classnames";
|
|
|
11
11
|
import React from "react";
|
|
12
12
|
import PropTypes from "prop-types";
|
|
13
13
|
import { jsx } from "react/jsx-runtime";
|
|
14
|
-
|
|
15
14
|
//#region src/components/Switch/Switch.tsx
|
|
16
15
|
/**
|
|
17
16
|
* Copyright IBM Corp. 2016, 2023
|
|
@@ -72,6 +71,5 @@ Switch.propTypes = {
|
|
|
72
71
|
selected: PropTypes.bool,
|
|
73
72
|
text: PropTypes.string
|
|
74
73
|
};
|
|
75
|
-
|
|
76
74
|
//#endregion
|
|
77
|
-
export { Switch as default };
|
|
75
|
+
export { Switch as default };
|
|
@@ -7,10 +7,9 @@
|
|
|
7
7
|
|
|
8
8
|
import { usePrefix } from "../../internal/usePrefix.js";
|
|
9
9
|
import classNames from "classnames";
|
|
10
|
-
import
|
|
10
|
+
import "react";
|
|
11
11
|
import PropTypes from "prop-types";
|
|
12
12
|
import { jsx } from "react/jsx-runtime";
|
|
13
|
-
|
|
14
13
|
//#region src/components/TabContent/TabContent.tsx
|
|
15
14
|
/**
|
|
16
15
|
* Copyright IBM Corp. 2016, 2023
|
|
@@ -35,6 +34,5 @@ TabContent.propTypes = {
|
|
|
35
34
|
className: PropTypes.string,
|
|
36
35
|
selected: PropTypes.bool
|
|
37
36
|
};
|
|
38
|
-
|
|
39
37
|
//#endregion
|
|
40
|
-
export { TabContent as default };
|
|
38
|
+
export { TabContent as default };
|
|
@@ -7,10 +7,9 @@
|
|
|
7
7
|
|
|
8
8
|
import { usePrefix } from "../../internal/usePrefix.js";
|
|
9
9
|
import classNames from "classnames";
|
|
10
|
-
import
|
|
10
|
+
import "react";
|
|
11
11
|
import PropTypes from "prop-types";
|
|
12
12
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
13
|
-
|
|
14
13
|
//#region src/components/Tabs/Tabs.Skeleton.tsx
|
|
15
14
|
/**
|
|
16
15
|
* Copyright IBM Corp. 2016, 2023
|
|
@@ -49,6 +48,5 @@ TabsSkeleton.propTypes = {
|
|
|
49
48
|
className: PropTypes.string,
|
|
50
49
|
contained: PropTypes.bool
|
|
51
50
|
};
|
|
52
|
-
|
|
53
51
|
//#endregion
|
|
54
|
-
export { TabsSkeleton as default };
|
|
52
|
+
export { TabsSkeleton as default };
|
|
@@ -28,7 +28,6 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
|
28
28
|
import { ChevronLeft, ChevronRight, Close } from "@carbon/icons-react";
|
|
29
29
|
import { debounce } from "es-toolkit/compat";
|
|
30
30
|
import { breakpoints } from "@carbon/layout";
|
|
31
|
-
|
|
32
31
|
//#region src/components/Tabs/Tabs.tsx
|
|
33
32
|
/**
|
|
34
33
|
* Copyright IBM Corp. 2016, 2026
|
|
@@ -36,6 +35,7 @@ import { breakpoints } from "@carbon/layout";
|
|
|
36
35
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
37
36
|
* LICENSE file in the root directory of this source tree.
|
|
38
37
|
*/
|
|
38
|
+
const buttonWidth = 44;
|
|
39
39
|
const verticalTabHeight = 64;
|
|
40
40
|
const TabsContext = React.createContext({
|
|
41
41
|
baseId: "",
|
|
@@ -165,7 +165,6 @@ function TabList({ activation = "automatic", "aria-label": label, children, clas
|
|
|
165
165
|
[`${prefix}--tabs--full-width`]: distributeWidth,
|
|
166
166
|
[`${prefix}--tabs--dismissable`]: dismissable
|
|
167
167
|
}, customClassName);
|
|
168
|
-
const buttonWidth = 44;
|
|
169
168
|
const [isNextButtonVisible, setIsNextButtonVisible] = useState(ref.current ? scrollLeft + buttonWidth + ref.current.clientWidth < ref.current.scrollWidth : false);
|
|
170
169
|
const isPreviousButtonVisible = ref.current ? isScrollable && scrollLeft > 0 : false;
|
|
171
170
|
const previousButtonClasses = classNames(`${prefix}--tab--overflow-nav-button`, `${prefix}--tab--overflow-nav-button--previous`, { [`${prefix}--tab--overflow-nav-button--hidden`]: !isPreviousButtonVisible });
|
|
@@ -771,6 +770,5 @@ function TabPanels({ children }) {
|
|
|
771
770
|
}) });
|
|
772
771
|
}
|
|
773
772
|
TabPanels.propTypes = { children: PropTypes.node };
|
|
774
|
-
|
|
775
773
|
//#endregion
|
|
776
|
-
export { IconTab, Tab, TabList, TabListVertical, TabPanel, TabPanels, Tabs, TabsVertical };
|
|
774
|
+
export { IconTab, Tab, TabList, TabListVertical, TabPanel, TabPanels, Tabs, TabsVertical };
|
|
@@ -6,7 +6,6 @@
|
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
import { useEffect, useRef, useState } from "react";
|
|
9
|
-
|
|
10
9
|
//#region src/components/Tabs/usePressable.ts
|
|
11
10
|
/**
|
|
12
11
|
* Copyright IBM Corp. 2016, 2025
|
|
@@ -101,6 +100,5 @@ const usePressable = (ref, { onPress, onPressIn, onPressOut, onLongPress, delayL
|
|
|
101
100
|
}
|
|
102
101
|
}, [longPress]);
|
|
103
102
|
};
|
|
104
|
-
|
|
105
103
|
//#endregion
|
|
106
|
-
export { usePressable };
|
|
104
|
+
export { usePressable };
|
|
@@ -17,11 +17,10 @@ import { mergeRefs } from "../../tools/mergeRefs.js";
|
|
|
17
17
|
import { isEllipsisActive } from "./isEllipsisActive.js";
|
|
18
18
|
import Tag, { SIZES, TYPES } from "./Tag.js";
|
|
19
19
|
import classNames from "classnames";
|
|
20
|
-
import
|
|
20
|
+
import { cloneElement, forwardRef, useRef, useState } from "react";
|
|
21
21
|
import PropTypes from "prop-types";
|
|
22
22
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
23
23
|
import { Close } from "@carbon/icons-react";
|
|
24
|
-
|
|
25
24
|
//#region src/components/Tag/DismissibleTag.tsx
|
|
26
25
|
/**
|
|
27
26
|
* Copyright IBM Corp. 2016, 2026
|
|
@@ -124,7 +123,5 @@ DismissibleTag.propTypes = {
|
|
|
124
123
|
title: PropTypes.string,
|
|
125
124
|
type: PropTypes.oneOf(Object.keys(TYPES))
|
|
126
125
|
};
|
|
127
|
-
const types = Object.keys(TYPES);
|
|
128
|
-
|
|
129
126
|
//#endregion
|
|
130
|
-
export { DismissibleTag as default };
|
|
127
|
+
export { DismissibleTag as default };
|
|
@@ -14,10 +14,9 @@ import { mergeRefs } from "../../tools/mergeRefs.js";
|
|
|
14
14
|
import { isEllipsisActive } from "./isEllipsisActive.js";
|
|
15
15
|
import Tag, { SIZES } from "./Tag.js";
|
|
16
16
|
import classNames from "classnames";
|
|
17
|
-
import
|
|
17
|
+
import { forwardRef, useRef, useState } from "react";
|
|
18
18
|
import PropTypes from "prop-types";
|
|
19
19
|
import { jsx } from "react/jsx-runtime";
|
|
20
|
-
|
|
21
20
|
//#region src/components/Tag/OperationalTag.tsx
|
|
22
21
|
/**
|
|
23
22
|
* Copyright IBM Corp. 2016, 2026
|
|
@@ -98,7 +97,5 @@ OperationalTag.propTypes = {
|
|
|
98
97
|
text: PropTypes.string,
|
|
99
98
|
type: PropTypes.oneOf(Object.keys(TYPES))
|
|
100
99
|
};
|
|
101
|
-
const types = Object.keys(TYPES);
|
|
102
|
-
|
|
103
100
|
//#endregion
|
|
104
|
-
export { OperationalTag as default };
|
|
101
|
+
export { OperationalTag as default };
|
|
@@ -15,10 +15,9 @@ import { useControllableState } from "../../internal/useControllableState.js";
|
|
|
15
15
|
import { isEllipsisActive } from "./isEllipsisActive.js";
|
|
16
16
|
import Tag, { SIZES } from "./Tag.js";
|
|
17
17
|
import classNames from "classnames";
|
|
18
|
-
import
|
|
18
|
+
import { forwardRef, useRef, useState } from "react";
|
|
19
19
|
import PropTypes from "prop-types";
|
|
20
20
|
import { jsx } from "react/jsx-runtime";
|
|
21
|
-
|
|
22
21
|
//#region src/components/Tag/SelectableTag.tsx
|
|
23
22
|
/**
|
|
24
23
|
* Copyright IBM Corp. 2016, 2026
|
|
@@ -100,6 +99,5 @@ SelectableTag.propTypes = {
|
|
|
100
99
|
size: PropTypes.oneOf(Object.keys(SIZES)),
|
|
101
100
|
text: PropTypes.string
|
|
102
101
|
};
|
|
103
|
-
|
|
104
102
|
//#endregion
|
|
105
|
-
export { SelectableTag as default };
|
|
103
|
+
export { SelectableTag as default };
|
|
@@ -7,10 +7,9 @@
|
|
|
7
7
|
|
|
8
8
|
import { usePrefix } from "../../internal/usePrefix.js";
|
|
9
9
|
import classNames from "classnames";
|
|
10
|
-
import
|
|
10
|
+
import "react";
|
|
11
11
|
import PropTypes from "prop-types";
|
|
12
12
|
import { jsx } from "react/jsx-runtime";
|
|
13
|
-
|
|
14
13
|
//#region src/components/Tag/Tag.Skeleton.tsx
|
|
15
14
|
/**
|
|
16
15
|
* Copyright IBM Corp. 2016, 2023
|
|
@@ -32,6 +31,5 @@ TagSkeleton.propTypes = {
|
|
|
32
31
|
className: PropTypes.string,
|
|
33
32
|
size: PropTypes.oneOf(["sm"])
|
|
34
33
|
};
|
|
35
|
-
|
|
36
34
|
//#endregion
|
|
37
|
-
export { TagSkeleton as default };
|
|
35
|
+
export { TagSkeleton as default };
|
package/es/components/Tag/Tag.js
CHANGED
|
@@ -20,7 +20,6 @@ import React, { cloneElement, useRef, useState } from "react";
|
|
|
20
20
|
import PropTypes from "prop-types";
|
|
21
21
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
22
22
|
import { Close } from "@carbon/icons-react";
|
|
23
|
-
|
|
24
23
|
//#region src/components/Tag/Tag.tsx
|
|
25
24
|
/**
|
|
26
25
|
* Copyright IBM Corp. 2016, 2026
|
|
@@ -161,7 +160,5 @@ Tag.propTypes = {
|
|
|
161
160
|
title: deprecate(PropTypes.string, "The `title` prop has been deprecated and will be removed in the next major version. Use DismissibleTag instead."),
|
|
162
161
|
type: PropTypes.oneOf(Object.keys(TYPES))
|
|
163
162
|
};
|
|
164
|
-
const types = Object.keys(TYPES);
|
|
165
|
-
|
|
166
163
|
//#endregion
|
|
167
|
-
export { SIZES, TYPES, Tag as default };
|
|
164
|
+
export { SIZES, TYPES, Tag as default };
|
|
@@ -6,10 +6,9 @@
|
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
import { TextDirectionContext } from "./TextDirectionContext.js";
|
|
9
|
-
import
|
|
9
|
+
import { Children, forwardRef, useContext } from "react";
|
|
10
10
|
import PropTypes from "prop-types";
|
|
11
11
|
import { jsx } from "react/jsx-runtime";
|
|
12
|
-
|
|
13
12
|
//#region src/components/Text/Text.tsx
|
|
14
13
|
/**
|
|
15
14
|
* Copyright IBM Corp. 2016, 2026
|
|
@@ -73,6 +72,5 @@ const getTextFromChildren = (children) => {
|
|
|
73
72
|
if (text?.length === 1) return text[0];
|
|
74
73
|
return text;
|
|
75
74
|
};
|
|
76
|
-
|
|
77
75
|
//#endregion
|
|
78
|
-
export { Text };
|
|
76
|
+
export { Text };
|
|
@@ -6,10 +6,9 @@
|
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
import { TextDirectionContext } from "./TextDirectionContext.js";
|
|
9
|
-
import
|
|
9
|
+
import { useEffect, useMemo, useRef } from "react";
|
|
10
10
|
import PropTypes from "prop-types";
|
|
11
11
|
import { jsx } from "react/jsx-runtime";
|
|
12
|
-
|
|
13
12
|
//#region src/components/Text/TextDirection.tsx
|
|
14
13
|
/**
|
|
15
14
|
* Copyright IBM Corp. 2016, 2026
|
|
@@ -42,6 +41,5 @@ TextDirection.propTypes = {
|
|
|
42
41
|
]),
|
|
43
42
|
getTextDirection: PropTypes.func
|
|
44
43
|
};
|
|
45
|
-
|
|
46
44
|
//#endregion
|
|
47
|
-
export { TextDirection };
|
|
45
|
+
export { TextDirection };
|
|
@@ -6,7 +6,6 @@
|
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
import { createContext } from "react";
|
|
9
|
-
|
|
10
9
|
//#region src/components/Text/TextDirectionContext.ts
|
|
11
10
|
/**
|
|
12
11
|
* Copyright IBM Corp. 2016, 2026
|
|
@@ -18,6 +17,5 @@ const TextDirectionContext = createContext({
|
|
|
18
17
|
direction: "auto",
|
|
19
18
|
getTextDirection: { current: void 0 }
|
|
20
19
|
});
|
|
21
|
-
|
|
22
20
|
//#endregion
|
|
23
|
-
export { TextDirectionContext };
|
|
21
|
+
export { TextDirectionContext };
|
|
@@ -6,9 +6,8 @@
|
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
import { Text } from "./Text.js";
|
|
9
|
-
import
|
|
9
|
+
import "react";
|
|
10
10
|
import { jsx } from "react/jsx-runtime";
|
|
11
|
-
|
|
12
11
|
//#region src/components/Text/createTextComponent.tsx
|
|
13
12
|
/**
|
|
14
13
|
* Create a text component wrapper for a given text node type. Useful for
|
|
@@ -27,6 +26,5 @@ const createTextComponent = (element, displayName) => {
|
|
|
27
26
|
return TextWrapper;
|
|
28
27
|
};
|
|
29
28
|
const Legend = createTextComponent("legend", "Legend");
|
|
30
|
-
|
|
31
29
|
//#endregion
|
|
32
|
-
export { Legend };
|
|
30
|
+
export { Legend };
|
|
@@ -7,10 +7,9 @@
|
|
|
7
7
|
|
|
8
8
|
import { usePrefix } from "../../internal/usePrefix.js";
|
|
9
9
|
import classNames from "classnames";
|
|
10
|
-
import
|
|
10
|
+
import "react";
|
|
11
11
|
import PropTypes from "prop-types";
|
|
12
12
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
13
|
-
|
|
14
13
|
//#region src/components/TextArea/TextArea.Skeleton.tsx
|
|
15
14
|
/**
|
|
16
15
|
* Copyright IBM Corp. 2016, 2023
|
|
@@ -31,6 +30,5 @@ TextAreaSkeleton.propTypes = {
|
|
|
31
30
|
className: PropTypes.string,
|
|
32
31
|
hideLabel: PropTypes.bool
|
|
33
32
|
};
|
|
34
|
-
|
|
35
33
|
//#endregion
|
|
36
|
-
export { TextAreaSkeleton as default };
|
|
34
|
+
export { TextAreaSkeleton as default };
|
|
@@ -17,11 +17,10 @@ import { AILabel } from "../AILabel/index.js";
|
|
|
17
17
|
import { FormContext } from "../FluidForm/FormContext.js";
|
|
18
18
|
import { getAnnouncement } from "../../internal/getAnnouncement.js";
|
|
19
19
|
import classNames from "classnames";
|
|
20
|
-
import
|
|
20
|
+
import { cloneElement, forwardRef, useContext, useEffect, useRef, useState } from "react";
|
|
21
21
|
import PropTypes from "prop-types";
|
|
22
22
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
23
23
|
import { WarningAltFilled, WarningFilled } from "@carbon/icons-react";
|
|
24
|
-
|
|
25
24
|
//#region src/components/TextArea/TextArea.tsx
|
|
26
25
|
/**
|
|
27
26
|
* Copyright IBM Corp. 2016, 2026
|
|
@@ -321,6 +320,5 @@ TextArea.propTypes = {
|
|
|
321
320
|
warn: PropTypes.bool,
|
|
322
321
|
warnText: PropTypes.node
|
|
323
322
|
};
|
|
324
|
-
|
|
325
323
|
//#endregion
|
|
326
|
-
export { TextArea as default };
|
|
324
|
+
export { TextArea as default };
|