@heliux-org/design-system-core 0.0.56 → 0.0.58
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/TableHeader.js +1 -1
- package/dist/TableHeader.js.map +1 -1
- package/dist/components/Dropdown/Dropdown.js +34 -11
- package/dist/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/esm/components/SplitButton/SplitButton.d.ts +9 -9
- package/dist/esm/src/components/Accordion/Accordion/Accordion.module.scss.js +1 -1
- package/dist/esm/src/components/AlertBanner/AlertBanner.module.scss.js +1 -1
- package/dist/esm/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +1 -1
- package/dist/esm/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +1 -1
- package/dist/esm/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +1 -1
- package/dist/esm/src/components/AttentionBox/AttentionBox.module.scss.js +1 -1
- package/dist/esm/src/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
- package/dist/esm/src/components/Avatar/Avatar.module.scss.js +1 -1
- package/dist/esm/src/components/Avatar/AvatarBadge.module.scss.js +1 -1
- package/dist/esm/src/components/Avatar/AvatarContent.module.scss.js +1 -1
- package/dist/esm/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
- package/dist/esm/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
- package/dist/esm/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
- package/dist/esm/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
- package/dist/esm/src/components/Badge/Badge.module.scss.js +1 -1
- package/dist/esm/src/components/Badge/Indicator/Indicator.module.scss.js +1 -1
- package/dist/esm/src/components/Box/Box.module.scss.js +1 -1
- package/dist/esm/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
- package/dist/esm/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
- package/dist/esm/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/esm/src/components/Button/Button.module.scss.js +1 -1
- package/dist/esm/src/components/ButtonGroup/ButtonGroup.module.scss.js +1 -1
- package/dist/esm/src/components/Checkbox/Checkbox.module.scss.js +1 -1
- package/dist/esm/src/components/Clickable/Clickable.module.scss.js +1 -1
- package/dist/esm/src/components/ColorPicker/ColorPicker.module.scss.js +1 -1
- package/dist/esm/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js +1 -1
- package/dist/esm/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js +1 -1
- package/dist/esm/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js +1 -1
- package/dist/esm/src/components/Combobox/Combobox.module.scss.js +1 -1
- package/dist/esm/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
- package/dist/esm/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
- package/dist/esm/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
- package/dist/esm/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
- package/dist/esm/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
- package/dist/esm/src/components/Comments/comments.scss.js +1 -1
- package/dist/esm/src/components/Counter/Counter.module.scss.js +1 -1
- package/dist/esm/src/components/DatePicker/DateNavigationItem/DateNavigationItem.module.scss.js +1 -1
- package/dist/esm/src/components/DatePicker/DatePicker.module.scss.js +1 -1
- package/dist/esm/src/components/DatePicker/DatePickerHeader/DatePickerHeader.module.scss.js +1 -1
- package/dist/esm/src/components/DatePicker/YearPicker/YearPicker.module.scss.js +1 -1
- package/dist/esm/src/components/Dialog/Dialog.module.scss.js +1 -1
- package/dist/esm/src/components/Dialog/DialogContent/DialogContent.module.scss.js +1 -1
- package/dist/esm/src/components/DialogContentContainer/DialogContentContainer.module.scss.js +1 -1
- package/dist/esm/src/components/Divider/Divider.module.scss.js +1 -1
- package/dist/esm/src/components/Dropdown/Dropdown.js +1 -1
- package/dist/esm/src/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/esm/src/components/Dropdown/Dropdown.module.scss.js +1 -1
- package/dist/esm/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js +1 -1
- package/dist/esm/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js +1 -1
- package/dist/esm/src/components/Dropdown/components/menu/menu.module.scss.js +1 -1
- package/dist/esm/src/components/Dropdown/components/option/option.module.scss.js +1 -1
- package/dist/esm/src/components/Dropdown/components/singleValue/singleValue.module.scss.js +1 -1
- package/dist/esm/src/components/EditableHeading/EditableHeading.module.scss.js +1 -1
- package/dist/esm/src/components/EditableInput/EditableInput.module.scss.js +1 -1
- package/dist/esm/src/components/EditableText/EditableText.module.scss.js +1 -1
- package/dist/esm/src/components/EditableTypography/EditableTypography.module.scss.js +1 -1
- package/dist/esm/src/components/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
- package/dist/esm/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
- package/dist/esm/src/components/Flex/Flex.module.scss.js +1 -1
- package/dist/esm/src/components/FormattedNumber/FormattedNumber.module.scss.js +1 -1
- package/dist/esm/src/components/HeaderActions/HeaderActions.module.scss.js +1 -1
- package/dist/esm/src/components/Heading/Heading.module.scss.js +1 -1
- package/dist/esm/src/components/HiddenText/HiddenText.module.scss.js +1 -1
- package/dist/esm/src/components/Icon/Icon.module.scss.js +1 -1
- package/dist/esm/src/components/IconButton/IconButton.module.scss.js +1 -1
- package/dist/esm/src/components/InlineEdit/InlineEdit.module.scss.js +1 -1
- package/dist/esm/src/components/Label/Label.module.scss.js +1 -1
- package/dist/esm/src/components/LegacyEditableHeading/LegacyEditableHeading.module.scss.js +1 -1
- package/dist/esm/src/components/LegacyHeading/LegacyHeading.module.scss.js +1 -1
- package/dist/esm/src/components/Link/Link.module.scss.js +1 -1
- package/dist/esm/src/components/List/List.module.scss.js +1 -1
- package/dist/esm/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
- package/dist/esm/src/components/ListItem/ListItem.module.scss.js +1 -1
- package/dist/esm/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
- package/dist/esm/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
- package/dist/esm/src/components/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/esm/src/components/Loader/Loader.module.scss.js +1 -1
- package/dist/esm/src/components/Menu/Menu/Menu.module.scss.js +1 -1
- package/dist/esm/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
- package/dist/esm/src/components/Menu/MenuItem/MenuItem.module.scss.js +1 -1
- package/dist/esm/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
- package/dist/esm/src/components/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
- package/dist/esm/src/components/MenuButton/MenuButton.module.scss.js +1 -1
- package/dist/esm/src/components/Modal/Modal.module.scss.js +1 -1
- package/dist/esm/src/components/Modal/ModalContent/ModalContent.module.scss.js +1 -1
- package/dist/esm/src/components/Modal/ModalFooter/ModalFooter.module.scss.js +1 -1
- package/dist/esm/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
- package/dist/esm/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
- package/dist/esm/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
- package/dist/esm/src/components/NumericField/NumericField.module.scss.js +1 -1
- package/dist/esm/src/components/PageHeader/PageHeader.module.scss.js +1 -1
- package/dist/esm/src/components/Panel/Panel.module.scss.js +1 -1
- package/dist/esm/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js +1 -1
- package/dist/esm/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js +1 -1
- package/dist/esm/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
- package/dist/esm/src/components/RadioButton/RadioButton.module.scss.js +1 -1
- package/dist/esm/src/components/ResponsiveList/ResponsiveList.module.scss.js +1 -1
- package/dist/esm/src/components/Search/Search.module.scss.js +1 -1
- package/dist/esm/src/components/SectionHeader/SectionHeader.module.scss.js +1 -1
- package/dist/esm/src/components/Sidebar/Sidebar.module.scss.js +1 -1
- package/dist/esm/src/components/Skeleton/Skeleton.module.scss.js +1 -1
- package/dist/esm/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
- package/dist/esm/src/components/Slider/Slider.module.scss.js +1 -1
- package/dist/esm/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
- package/dist/esm/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
- package/dist/esm/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
- package/dist/esm/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
- package/dist/esm/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
- package/dist/esm/src/components/Slider/SliderInfix.module.scss.js +1 -1
- package/dist/esm/src/components/SplitButton/SplitButton.module.scss.js +1 -1
- package/dist/esm/src/components/Steps/Steps.module.scss.js +1 -1
- package/dist/esm/src/components/Steps/StepsCommand.module.scss.js +1 -1
- package/dist/esm/src/components/Steps/StepsDot.module.scss.js +1 -1
- package/dist/esm/src/components/Steps/StepsGalleryHeader.module.scss.js +1 -1
- package/dist/esm/src/components/Steps/StepsHeader.module.scss.js +1 -1
- package/dist/esm/src/components/Steps/StepsNumbersHeader.module.scss.js +1 -1
- package/dist/esm/src/components/Switch/Switch.module.scss.js +1 -1
- package/dist/esm/src/components/Table/TableHeader.module.scss.js +1 -1
- package/dist/esm/src/components/Table/styling/column-filter.scss.js +1 -1
- package/dist/esm/src/components/Table/styling/paginator.scss.js +1 -1
- package/dist/esm/src/components/Table/styling/table_base.scss.js +1 -1
- package/dist/esm/src/components/Table/table.scss.js +1 -1
- package/dist/esm/src/components/Tabs/Tab/Tab.module.scss.js +1 -1
- package/dist/esm/src/components/Tabs/TabList/TabList.module.scss.js +1 -1
- package/dist/esm/src/components/Tabs/TabPanel/TabPanel.module.scss.js +1 -1
- package/dist/esm/src/components/Tabs/TabPanels/TabPanels.module.scss.js +1 -1
- package/dist/esm/src/components/Tags/Tags.module.scss.js +1 -1
- package/dist/esm/src/components/Text/Text.module.scss.js +1 -1
- package/dist/esm/src/components/TextAreaField/TextAreaField.module.scss.js +1 -1
- package/dist/esm/src/components/TextField/TextField.module.scss.js +1 -1
- package/dist/esm/src/components/TextWithHighlight/TextWithHighlight.module.scss.js +1 -1
- package/dist/esm/src/components/Timeline/Timeline/Timeline.module.scss.js +1 -1
- package/dist/esm/src/components/Timeline/TimelineRow/TimelineRow.module.scss.js +1 -1
- package/dist/esm/src/components/Tipseen/Tipseen.module.scss.js +1 -1
- package/dist/esm/src/components/Tipseen/TipseenBasicContent.module.scss.js +1 -1
- package/dist/esm/src/components/Tipseen/TipseenContent.module.scss.js +1 -1
- package/dist/esm/src/components/Tipseen/TipseenImage.module.scss.js +1 -1
- package/dist/esm/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
- package/dist/esm/src/components/Tipseen/TipseenTitle.module.scss.js +1 -1
- package/dist/esm/src/components/Tipseen/TipseenWizard.module.scss.js +1 -1
- package/dist/esm/src/components/Toast/Toast.module.scss.js +1 -1
- package/dist/esm/src/components/Toast/ToastLink/ToastLink.module.scss.js +1 -1
- package/dist/esm/src/components/Toggle/MockToggle.module.scss.js +1 -1
- package/dist/esm/src/components/Toggle/Toggle.module.scss.js +1 -1
- package/dist/esm/src/components/Toggle/ToggleText.module.scss.js +1 -1
- package/dist/esm/src/components/Tooltip/Tooltip.module.scss.js +1 -1
- package/dist/esm/src/components/TopNavigationBar/TopNavigationBar.module.scss.js +1 -1
- package/dist/esm/src/components/TopNavigationBar/components/Notification/Notification.module.scss.js +1 -1
- package/dist/esm/src/components/TopNavigationBar/components/NotificationItem/NotificationItem.module.scss.js +1 -1
- package/dist/esm/src/components/Tree/components/TreeFile/TreeFile.scss.js +1 -1
- package/dist/esm/src/components/Tree/components/TreeFileIcon/TreeFileIcon.scss.js +1 -1
- package/dist/esm/src/components/Tree/components/TreeFolder/TreeFolder.scss.js +1 -1
- package/dist/esm/src/components/Tree/components/TreeFolderIcon/TreeFolderIcon.scss.js +1 -1
- package/dist/esm/src/components/Tree/components/TreeStatusIcon/TreeStatusIcon.scss.js +1 -1
- package/dist/esm/src/components/Tree/components/expand/expand.scss.js +1 -1
- package/dist/esm/src/components/Typography/Typography.module.scss.js +1 -1
- package/dist/esm/src/components/Uploader/Uploader.scss.js +1 -1
- package/dist/esm/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
- package/dist/esm/src/components/VirtualizedList/VirtualizedList.module.scss.js +1 -1
- package/dist/esm/src/components/Workflow/workflow.scss.js +1 -1
- package/dist/esm/style/dist/index.min.css.js +1 -1
- package/dist/main.js +2 -2
- package/dist/main.js.map +1 -1
- package/dist/mocked_classnames_esm/components/SplitButton/SplitButton.d.ts +9 -9
- package/dist/mocked_classnames_esm/src/components/Accordion/Accordion/Accordion.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/AlertBanner/AlertBanner.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/AttentionBox/AttentionBox.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Avatar/Avatar.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Avatar/AvatarBadge.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Avatar/AvatarContent.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Badge/Badge.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Badge/Indicator/Indicator.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Box/Box.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Button/Button.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/ButtonGroup/ButtonGroup.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Checkbox/Checkbox.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Clickable/Clickable.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/ColorPicker/ColorPicker.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Combobox/Combobox.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Comments/comments.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Counter/Counter.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/DatePicker/DateNavigationItem/DateNavigationItem.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/DatePicker/DatePicker.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/DatePicker/DatePickerHeader/DatePickerHeader.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/DatePicker/YearPicker/YearPicker.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Dialog/Dialog.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Dialog/DialogContent/DialogContent.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/DialogContentContainer/DialogContentContainer.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Divider/Divider.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Dropdown/Dropdown.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/mocked_classnames_esm/src/components/Dropdown/Dropdown.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Dropdown/components/menu/menu.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Dropdown/components/option/option.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Dropdown/components/singleValue/singleValue.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/EditableHeading/EditableHeading.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/EditableInput/EditableInput.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/EditableText/EditableText.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/EditableTypography/EditableTypography.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Flex/Flex.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/FormattedNumber/FormattedNumber.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/HeaderActions/HeaderActions.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Heading/Heading.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/HiddenText/HiddenText.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Icon/Icon.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/IconButton/IconButton.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/InlineEdit/InlineEdit.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Label/Label.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/LegacyEditableHeading/LegacyEditableHeading.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/LegacyHeading/LegacyHeading.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Link/Link.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/List/List.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/ListItem/ListItem.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Loader/Loader.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Menu/Menu/Menu.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Menu/MenuItem/MenuItem.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/MenuButton/MenuButton.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Modal/Modal.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Modal/ModalContent/ModalContent.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Modal/ModalFooter/ModalFooter.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/NumericField/NumericField.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/PageHeader/PageHeader.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Panel/Panel.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/RadioButton/RadioButton.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/ResponsiveList/ResponsiveList.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Search/Search.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/SectionHeader/SectionHeader.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Sidebar/Sidebar.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Skeleton/Skeleton.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Slider/Slider.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Slider/SliderInfix.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/SplitButton/SplitButton.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Steps/Steps.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Steps/StepsCommand.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Steps/StepsDot.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Steps/StepsGalleryHeader.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Steps/StepsHeader.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Steps/StepsNumbersHeader.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Switch/Switch.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Table/TableHeader.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Table/styling/column-filter.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Table/styling/paginator.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Table/styling/table_base.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Table/table.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tabs/Tab/Tab.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tabs/TabList/TabList.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tabs/TabPanel/TabPanel.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tabs/TabPanels/TabPanels.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tags/Tags.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Text/Text.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/TextAreaField/TextAreaField.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/TextField/TextField.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/TextWithHighlight/TextWithHighlight.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Timeline/Timeline/Timeline.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Timeline/TimelineRow/TimelineRow.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tipseen/Tipseen.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenBasicContent.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenContent.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenImage.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenTitle.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenWizard.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Toast/Toast.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Toast/ToastLink/ToastLink.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Toggle/MockToggle.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Toggle/Toggle.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Toggle/ToggleText.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tooltip/Tooltip.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/TopNavigationBar/TopNavigationBar.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/TopNavigationBar/components/Notification/Notification.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/TopNavigationBar/components/NotificationItem/NotificationItem.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tree/components/TreeFile/TreeFile.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tree/components/TreeFileIcon/TreeFileIcon.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tree/components/TreeFolder/TreeFolder.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tree/components/TreeFolderIcon/TreeFolderIcon.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tree/components/TreeStatusIcon/TreeStatusIcon.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tree/components/expand/expand.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Typography/Typography.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Uploader/Uploader.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/VirtualizedList/VirtualizedList.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Workflow/workflow.scss.js +1 -1
- package/dist/mocked_classnames_esm/style/dist/index.min.css.js +1 -1
- package/dist/types/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/components/Dropdown/Dropdown.jsx +104 -70
- package/src/components/Dropdown/__stories__/dropdown.mdx +6 -0
- package/src/components/Dropdown/__stories__/dropdown.stories.js +18 -0
- package/src/components/Dropdown/__stories__/dropdown.stories.scss +1 -1
@@ -26,6 +26,25 @@ import generateBaseStyles, { customTheme } from "./Dropdown.styles";
|
|
26
26
|
import Control from "./components/Control/Control";
|
27
27
|
import menuStyles from "./components/menu/menu.module.scss";
|
28
28
|
import styles from "./Dropdown.module.scss";
|
29
|
+
import { LabelPosition } from "../../constants/positions";
|
30
|
+
import FieldLabel from "../FieldLabel/FieldLabel";
|
31
|
+
|
32
|
+
const rowStyle = {
|
33
|
+
display: "flex",
|
34
|
+
flexDirection: "row",
|
35
|
+
alignItems: "baseline",
|
36
|
+
gap: "7px",
|
37
|
+
}
|
38
|
+
const columnStyle = {
|
39
|
+
display: "flex",
|
40
|
+
flexDirection: "column",
|
41
|
+
}
|
42
|
+
const labelStyle = {
|
43
|
+
paddingBottom: 0,
|
44
|
+
fontSize: "14px",
|
45
|
+
fontWeight: "700",
|
46
|
+
lineHeight: "22px",
|
47
|
+
}
|
29
48
|
|
30
49
|
const Dropdown = forwardRef(
|
31
50
|
(
|
@@ -93,6 +112,8 @@ const Dropdown = forwardRef(
|
|
93
112
|
filterOption,
|
94
113
|
menuPosition,
|
95
114
|
"data-testid": dataTestId,
|
115
|
+
labelPosition,
|
116
|
+
labelText
|
96
117
|
},
|
97
118
|
ref
|
98
119
|
) => {
|
@@ -126,13 +147,14 @@ const Dropdown = forwardRef(
|
|
126
147
|
return {};
|
127
148
|
}, [selectedOptions]);
|
128
149
|
|
150
|
+
const divStyle = labelPosition && labelPosition === LabelPosition.LEFT ? rowStyle : columnStyle;
|
151
|
+
|
129
152
|
const overrideAriaLabel = useMemo(() => {
|
130
153
|
return (
|
131
154
|
ariaLabel ||
|
132
|
-
`${readOnly ? "Readonly " : ""} ${tooltipContent} ${
|
133
|
-
|
134
|
-
|
135
|
-
: "Select"
|
155
|
+
`${readOnly ? "Readonly " : ""} ${tooltipContent} ${Array.isArray(selectedOptions)
|
156
|
+
? `Selected: ${selectedOptions.map((o) => o.label).join(", ")}`
|
157
|
+
: "Select"
|
136
158
|
}`
|
137
159
|
);
|
138
160
|
}, [ariaLabel, readOnly, selectedOptions, tooltipContent]);
|
@@ -422,72 +444,78 @@ const Dropdown = forwardRef(
|
|
422
444
|
);
|
423
445
|
|
424
446
|
return (
|
425
|
-
<
|
426
|
-
|
427
|
-
|
428
|
-
|
429
|
-
|
430
|
-
|
431
|
-
|
432
|
-
|
433
|
-
|
434
|
-
|
435
|
-
|
436
|
-
|
437
|
-
|
438
|
-
|
439
|
-
|
440
|
-
|
441
|
-
|
442
|
-
|
443
|
-
|
444
|
-
|
445
|
-
|
446
|
-
|
447
|
-
|
448
|
-
|
449
|
-
|
450
|
-
|
451
|
-
|
452
|
-
|
453
|
-
|
454
|
-
|
455
|
-
|
456
|
-
|
457
|
-
|
458
|
-
|
459
|
-
|
460
|
-
|
461
|
-
|
462
|
-
|
463
|
-
|
464
|
-
|
465
|
-
|
466
|
-
|
467
|
-
|
468
|
-
|
469
|
-
|
470
|
-
|
471
|
-
|
472
|
-
|
473
|
-
|
474
|
-
|
475
|
-
|
476
|
-
|
477
|
-
|
478
|
-
|
479
|
-
|
480
|
-
|
481
|
-
|
482
|
-
|
483
|
-
|
484
|
-
|
485
|
-
|
486
|
-
|
487
|
-
|
488
|
-
|
489
|
-
|
490
|
-
|
447
|
+
<div style={divStyle} >
|
448
|
+
<FieldLabel
|
449
|
+
labelText={labelText}
|
450
|
+
labelStyle={labelStyle}
|
451
|
+
/>
|
452
|
+
<DropDownComponent
|
453
|
+
className={cx(styles.dropdown, className)}
|
454
|
+
selectProps={customProps}
|
455
|
+
components={{
|
456
|
+
DropdownIndicator,
|
457
|
+
Menu,
|
458
|
+
ClearIndicator,
|
459
|
+
Input,
|
460
|
+
Option: CustomOption,
|
461
|
+
Control,
|
462
|
+
SingleValue,
|
463
|
+
...(multi && {
|
464
|
+
MultiValue: NOOP, // We need it for react-select to behave nice with "multi"
|
465
|
+
ValueContainer: MultiValueContainer,
|
466
|
+
}),
|
467
|
+
...(isVirtualized && { MenuList: WindowedMenuList }),
|
468
|
+
}}
|
469
|
+
// When inside scroll we set the menu position by js and we can't follow the drop down location while use scrolling
|
470
|
+
closeMenuOnScroll={closeMenuOnScroll}
|
471
|
+
size={size}
|
472
|
+
noOptionsMessage={noOptionsMessage}
|
473
|
+
placeholder={placeholder}
|
474
|
+
isDisabled={disabled}
|
475
|
+
isClearable={!readOnly && clearable}
|
476
|
+
isSearchable={!readOnly && searchable}
|
477
|
+
readOnly={readOnly}
|
478
|
+
withReadOnlyStyle={withReadOnlyStyle}
|
479
|
+
aria-readonly={readOnly}
|
480
|
+
aria-label={overrideAriaLabel}
|
481
|
+
aria-details={tooltipContent}
|
482
|
+
defaultValue={defaultValue}
|
483
|
+
value={value}
|
484
|
+
onMenuOpen={onMenuOpen}
|
485
|
+
onMenuClose={onMenuClose}
|
486
|
+
onFocus={onFocus}
|
487
|
+
onBlur={onBlur}
|
488
|
+
onChange={onChange}
|
489
|
+
onKeyDown={onKeyDown}
|
490
|
+
onInputChange={onInputChange}
|
491
|
+
openMenuOnFocus={openMenuOnFocus}
|
492
|
+
openMenuOnClick={openMenuOnClick}
|
493
|
+
isRtl={rtl}
|
494
|
+
styles={inlineStyles}
|
495
|
+
theme={customTheme}
|
496
|
+
maxMenuHeight={maxMenuHeight}
|
497
|
+
menuPortalTarget={overrideMenuPortalTarget}
|
498
|
+
menuPlacement={menuPlacement}
|
499
|
+
menuPosition={menuPosition}
|
500
|
+
menuIsOpen={!readOnly && menuIsOpen}
|
501
|
+
tabIndex={tabIndex}
|
502
|
+
id={id}
|
503
|
+
data-testid={
|
504
|
+
dataTestId || getTestId(ComponentDefaultTestId.DROPDOWN, id)
|
505
|
+
}
|
506
|
+
autoFocus={autoFocus}
|
507
|
+
closeMenuOnSelect={closeMenuOnSelect}
|
508
|
+
ref={ref}
|
509
|
+
withMandatoryDefaultOptions={withMandatoryDefaultOptions}
|
510
|
+
isOptionSelected={isOptionSelected}
|
511
|
+
isLoading={isLoading}
|
512
|
+
loadingMessage={loadingMessage}
|
513
|
+
tabSelectsValue={tabSelectsValue}
|
514
|
+
filterOption={filterOption}
|
515
|
+
{...asyncAdditions}
|
516
|
+
{...additions}
|
517
|
+
/>
|
518
|
+
</div>
|
491
519
|
);
|
492
520
|
}
|
493
521
|
);
|
@@ -541,6 +569,8 @@ Dropdown.defaultProps = {
|
|
541
569
|
loadingMessage: undefined,
|
542
570
|
ariaLabel: undefined,
|
543
571
|
filterOption: undefined,
|
572
|
+
labelPosition: LabelPosition.TOP,
|
573
|
+
labelText: "Label",
|
544
574
|
};
|
545
575
|
|
546
576
|
Dropdown.propTypes = {
|
@@ -797,6 +827,10 @@ Dropdown.propTypes = {
|
|
797
827
|
* createFilter function is available at Dropdown.createFilter
|
798
828
|
*/
|
799
829
|
filterOption: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
|
830
|
+
|
831
|
+
labelPosition: PropTypes.LabelPosition,
|
832
|
+
|
833
|
+
labelText: PropTypes.string,
|
800
834
|
};
|
801
835
|
|
802
836
|
export default Dropdown;
|
@@ -152,6 +152,12 @@ The Dropdown component supports multiple options selection in two different stat
|
|
152
152
|
|
153
153
|
## Use cases and examples
|
154
154
|
|
155
|
+
### Label Positions
|
156
|
+
|
157
|
+
<Canvas>
|
158
|
+
<Story of={DropdownStories.LabelPositions} />
|
159
|
+
</Canvas>
|
160
|
+
|
155
161
|
### Multiple dropdown with renderers as options
|
156
162
|
|
157
163
|
Inside the advanced filters, a user can select multiple people from the dropdown menu, and they will be shown as Tags.
|
@@ -105,6 +105,24 @@ export const Sizes = {
|
|
105
105
|
name: "Sizes",
|
106
106
|
};
|
107
107
|
|
108
|
+
export const LabelPositions = {
|
109
|
+
render: () => (
|
110
|
+
<div>
|
111
|
+
<Dropdown
|
112
|
+
placeholder="Label on top"
|
113
|
+
className="dropdown-stories-styles_spacing"
|
114
|
+
/>
|
115
|
+
<Dropdown
|
116
|
+
placeholder="Label on left"
|
117
|
+
className="dropdown-stories-styles_spacing"
|
118
|
+
labelPosition="left"
|
119
|
+
/>
|
120
|
+
</div>
|
121
|
+
),
|
122
|
+
|
123
|
+
name: "Label Positions",
|
124
|
+
};
|
125
|
+
|
108
126
|
export const Disabled = {
|
109
127
|
render: () => {
|
110
128
|
const options = useMemo(
|