@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.
Files changed (336) hide show
  1. package/dist/TableHeader.js +1 -1
  2. package/dist/TableHeader.js.map +1 -1
  3. package/dist/components/Dropdown/Dropdown.js +34 -11
  4. package/dist/components/Dropdown/Dropdown.js.map +1 -1
  5. package/dist/esm/components/SplitButton/SplitButton.d.ts +9 -9
  6. package/dist/esm/src/components/Accordion/Accordion/Accordion.module.scss.js +1 -1
  7. package/dist/esm/src/components/AlertBanner/AlertBanner.module.scss.js +1 -1
  8. package/dist/esm/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +1 -1
  9. package/dist/esm/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +1 -1
  10. package/dist/esm/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +1 -1
  11. package/dist/esm/src/components/AttentionBox/AttentionBox.module.scss.js +1 -1
  12. package/dist/esm/src/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
  13. package/dist/esm/src/components/Avatar/Avatar.module.scss.js +1 -1
  14. package/dist/esm/src/components/Avatar/AvatarBadge.module.scss.js +1 -1
  15. package/dist/esm/src/components/Avatar/AvatarContent.module.scss.js +1 -1
  16. package/dist/esm/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
  17. package/dist/esm/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
  18. package/dist/esm/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
  19. package/dist/esm/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
  20. package/dist/esm/src/components/Badge/Badge.module.scss.js +1 -1
  21. package/dist/esm/src/components/Badge/Indicator/Indicator.module.scss.js +1 -1
  22. package/dist/esm/src/components/Box/Box.module.scss.js +1 -1
  23. package/dist/esm/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
  24. package/dist/esm/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
  25. package/dist/esm/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
  26. package/dist/esm/src/components/Button/Button.module.scss.js +1 -1
  27. package/dist/esm/src/components/ButtonGroup/ButtonGroup.module.scss.js +1 -1
  28. package/dist/esm/src/components/Checkbox/Checkbox.module.scss.js +1 -1
  29. package/dist/esm/src/components/Clickable/Clickable.module.scss.js +1 -1
  30. package/dist/esm/src/components/ColorPicker/ColorPicker.module.scss.js +1 -1
  31. package/dist/esm/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js +1 -1
  32. package/dist/esm/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js +1 -1
  33. package/dist/esm/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js +1 -1
  34. package/dist/esm/src/components/Combobox/Combobox.module.scss.js +1 -1
  35. package/dist/esm/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
  36. package/dist/esm/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
  37. package/dist/esm/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
  38. package/dist/esm/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
  39. package/dist/esm/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
  40. package/dist/esm/src/components/Comments/comments.scss.js +1 -1
  41. package/dist/esm/src/components/Counter/Counter.module.scss.js +1 -1
  42. package/dist/esm/src/components/DatePicker/DateNavigationItem/DateNavigationItem.module.scss.js +1 -1
  43. package/dist/esm/src/components/DatePicker/DatePicker.module.scss.js +1 -1
  44. package/dist/esm/src/components/DatePicker/DatePickerHeader/DatePickerHeader.module.scss.js +1 -1
  45. package/dist/esm/src/components/DatePicker/YearPicker/YearPicker.module.scss.js +1 -1
  46. package/dist/esm/src/components/Dialog/Dialog.module.scss.js +1 -1
  47. package/dist/esm/src/components/Dialog/DialogContent/DialogContent.module.scss.js +1 -1
  48. package/dist/esm/src/components/DialogContentContainer/DialogContentContainer.module.scss.js +1 -1
  49. package/dist/esm/src/components/Divider/Divider.module.scss.js +1 -1
  50. package/dist/esm/src/components/Dropdown/Dropdown.js +1 -1
  51. package/dist/esm/src/components/Dropdown/Dropdown.js.map +1 -1
  52. package/dist/esm/src/components/Dropdown/Dropdown.module.scss.js +1 -1
  53. package/dist/esm/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js +1 -1
  54. package/dist/esm/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js +1 -1
  55. package/dist/esm/src/components/Dropdown/components/menu/menu.module.scss.js +1 -1
  56. package/dist/esm/src/components/Dropdown/components/option/option.module.scss.js +1 -1
  57. package/dist/esm/src/components/Dropdown/components/singleValue/singleValue.module.scss.js +1 -1
  58. package/dist/esm/src/components/EditableHeading/EditableHeading.module.scss.js +1 -1
  59. package/dist/esm/src/components/EditableInput/EditableInput.module.scss.js +1 -1
  60. package/dist/esm/src/components/EditableText/EditableText.module.scss.js +1 -1
  61. package/dist/esm/src/components/EditableTypography/EditableTypography.module.scss.js +1 -1
  62. package/dist/esm/src/components/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
  63. package/dist/esm/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
  64. package/dist/esm/src/components/Flex/Flex.module.scss.js +1 -1
  65. package/dist/esm/src/components/FormattedNumber/FormattedNumber.module.scss.js +1 -1
  66. package/dist/esm/src/components/HeaderActions/HeaderActions.module.scss.js +1 -1
  67. package/dist/esm/src/components/Heading/Heading.module.scss.js +1 -1
  68. package/dist/esm/src/components/HiddenText/HiddenText.module.scss.js +1 -1
  69. package/dist/esm/src/components/Icon/Icon.module.scss.js +1 -1
  70. package/dist/esm/src/components/IconButton/IconButton.module.scss.js +1 -1
  71. package/dist/esm/src/components/InlineEdit/InlineEdit.module.scss.js +1 -1
  72. package/dist/esm/src/components/Label/Label.module.scss.js +1 -1
  73. package/dist/esm/src/components/LegacyEditableHeading/LegacyEditableHeading.module.scss.js +1 -1
  74. package/dist/esm/src/components/LegacyHeading/LegacyHeading.module.scss.js +1 -1
  75. package/dist/esm/src/components/Link/Link.module.scss.js +1 -1
  76. package/dist/esm/src/components/List/List.module.scss.js +1 -1
  77. package/dist/esm/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
  78. package/dist/esm/src/components/ListItem/ListItem.module.scss.js +1 -1
  79. package/dist/esm/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
  80. package/dist/esm/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
  81. package/dist/esm/src/components/ListTitle/ListTitle.module.scss.js +1 -1
  82. package/dist/esm/src/components/Loader/Loader.module.scss.js +1 -1
  83. package/dist/esm/src/components/Menu/Menu/Menu.module.scss.js +1 -1
  84. package/dist/esm/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
  85. package/dist/esm/src/components/Menu/MenuItem/MenuItem.module.scss.js +1 -1
  86. package/dist/esm/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
  87. package/dist/esm/src/components/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
  88. package/dist/esm/src/components/MenuButton/MenuButton.module.scss.js +1 -1
  89. package/dist/esm/src/components/Modal/Modal.module.scss.js +1 -1
  90. package/dist/esm/src/components/Modal/ModalContent/ModalContent.module.scss.js +1 -1
  91. package/dist/esm/src/components/Modal/ModalFooter/ModalFooter.module.scss.js +1 -1
  92. package/dist/esm/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
  93. package/dist/esm/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
  94. package/dist/esm/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
  95. package/dist/esm/src/components/NumericField/NumericField.module.scss.js +1 -1
  96. package/dist/esm/src/components/PageHeader/PageHeader.module.scss.js +1 -1
  97. package/dist/esm/src/components/Panel/Panel.module.scss.js +1 -1
  98. package/dist/esm/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js +1 -1
  99. package/dist/esm/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js +1 -1
  100. package/dist/esm/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
  101. package/dist/esm/src/components/RadioButton/RadioButton.module.scss.js +1 -1
  102. package/dist/esm/src/components/ResponsiveList/ResponsiveList.module.scss.js +1 -1
  103. package/dist/esm/src/components/Search/Search.module.scss.js +1 -1
  104. package/dist/esm/src/components/SectionHeader/SectionHeader.module.scss.js +1 -1
  105. package/dist/esm/src/components/Sidebar/Sidebar.module.scss.js +1 -1
  106. package/dist/esm/src/components/Skeleton/Skeleton.module.scss.js +1 -1
  107. package/dist/esm/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
  108. package/dist/esm/src/components/Slider/Slider.module.scss.js +1 -1
  109. package/dist/esm/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
  110. package/dist/esm/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
  111. package/dist/esm/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
  112. package/dist/esm/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
  113. package/dist/esm/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
  114. package/dist/esm/src/components/Slider/SliderInfix.module.scss.js +1 -1
  115. package/dist/esm/src/components/SplitButton/SplitButton.module.scss.js +1 -1
  116. package/dist/esm/src/components/Steps/Steps.module.scss.js +1 -1
  117. package/dist/esm/src/components/Steps/StepsCommand.module.scss.js +1 -1
  118. package/dist/esm/src/components/Steps/StepsDot.module.scss.js +1 -1
  119. package/dist/esm/src/components/Steps/StepsGalleryHeader.module.scss.js +1 -1
  120. package/dist/esm/src/components/Steps/StepsHeader.module.scss.js +1 -1
  121. package/dist/esm/src/components/Steps/StepsNumbersHeader.module.scss.js +1 -1
  122. package/dist/esm/src/components/Switch/Switch.module.scss.js +1 -1
  123. package/dist/esm/src/components/Table/TableHeader.module.scss.js +1 -1
  124. package/dist/esm/src/components/Table/styling/column-filter.scss.js +1 -1
  125. package/dist/esm/src/components/Table/styling/paginator.scss.js +1 -1
  126. package/dist/esm/src/components/Table/styling/table_base.scss.js +1 -1
  127. package/dist/esm/src/components/Table/table.scss.js +1 -1
  128. package/dist/esm/src/components/Tabs/Tab/Tab.module.scss.js +1 -1
  129. package/dist/esm/src/components/Tabs/TabList/TabList.module.scss.js +1 -1
  130. package/dist/esm/src/components/Tabs/TabPanel/TabPanel.module.scss.js +1 -1
  131. package/dist/esm/src/components/Tabs/TabPanels/TabPanels.module.scss.js +1 -1
  132. package/dist/esm/src/components/Tags/Tags.module.scss.js +1 -1
  133. package/dist/esm/src/components/Text/Text.module.scss.js +1 -1
  134. package/dist/esm/src/components/TextAreaField/TextAreaField.module.scss.js +1 -1
  135. package/dist/esm/src/components/TextField/TextField.module.scss.js +1 -1
  136. package/dist/esm/src/components/TextWithHighlight/TextWithHighlight.module.scss.js +1 -1
  137. package/dist/esm/src/components/Timeline/Timeline/Timeline.module.scss.js +1 -1
  138. package/dist/esm/src/components/Timeline/TimelineRow/TimelineRow.module.scss.js +1 -1
  139. package/dist/esm/src/components/Tipseen/Tipseen.module.scss.js +1 -1
  140. package/dist/esm/src/components/Tipseen/TipseenBasicContent.module.scss.js +1 -1
  141. package/dist/esm/src/components/Tipseen/TipseenContent.module.scss.js +1 -1
  142. package/dist/esm/src/components/Tipseen/TipseenImage.module.scss.js +1 -1
  143. package/dist/esm/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
  144. package/dist/esm/src/components/Tipseen/TipseenTitle.module.scss.js +1 -1
  145. package/dist/esm/src/components/Tipseen/TipseenWizard.module.scss.js +1 -1
  146. package/dist/esm/src/components/Toast/Toast.module.scss.js +1 -1
  147. package/dist/esm/src/components/Toast/ToastLink/ToastLink.module.scss.js +1 -1
  148. package/dist/esm/src/components/Toggle/MockToggle.module.scss.js +1 -1
  149. package/dist/esm/src/components/Toggle/Toggle.module.scss.js +1 -1
  150. package/dist/esm/src/components/Toggle/ToggleText.module.scss.js +1 -1
  151. package/dist/esm/src/components/Tooltip/Tooltip.module.scss.js +1 -1
  152. package/dist/esm/src/components/TopNavigationBar/TopNavigationBar.module.scss.js +1 -1
  153. package/dist/esm/src/components/TopNavigationBar/components/Notification/Notification.module.scss.js +1 -1
  154. package/dist/esm/src/components/TopNavigationBar/components/NotificationItem/NotificationItem.module.scss.js +1 -1
  155. package/dist/esm/src/components/Tree/components/TreeFile/TreeFile.scss.js +1 -1
  156. package/dist/esm/src/components/Tree/components/TreeFileIcon/TreeFileIcon.scss.js +1 -1
  157. package/dist/esm/src/components/Tree/components/TreeFolder/TreeFolder.scss.js +1 -1
  158. package/dist/esm/src/components/Tree/components/TreeFolderIcon/TreeFolderIcon.scss.js +1 -1
  159. package/dist/esm/src/components/Tree/components/TreeStatusIcon/TreeStatusIcon.scss.js +1 -1
  160. package/dist/esm/src/components/Tree/components/expand/expand.scss.js +1 -1
  161. package/dist/esm/src/components/Typography/Typography.module.scss.js +1 -1
  162. package/dist/esm/src/components/Uploader/Uploader.scss.js +1 -1
  163. package/dist/esm/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
  164. package/dist/esm/src/components/VirtualizedList/VirtualizedList.module.scss.js +1 -1
  165. package/dist/esm/src/components/Workflow/workflow.scss.js +1 -1
  166. package/dist/esm/style/dist/index.min.css.js +1 -1
  167. package/dist/main.js +2 -2
  168. package/dist/main.js.map +1 -1
  169. package/dist/mocked_classnames_esm/components/SplitButton/SplitButton.d.ts +9 -9
  170. package/dist/mocked_classnames_esm/src/components/Accordion/Accordion/Accordion.module.scss.js +1 -1
  171. package/dist/mocked_classnames_esm/src/components/AlertBanner/AlertBanner.module.scss.js +1 -1
  172. package/dist/mocked_classnames_esm/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +1 -1
  173. package/dist/mocked_classnames_esm/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +1 -1
  174. package/dist/mocked_classnames_esm/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +1 -1
  175. package/dist/mocked_classnames_esm/src/components/AttentionBox/AttentionBox.module.scss.js +1 -1
  176. package/dist/mocked_classnames_esm/src/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
  177. package/dist/mocked_classnames_esm/src/components/Avatar/Avatar.module.scss.js +1 -1
  178. package/dist/mocked_classnames_esm/src/components/Avatar/AvatarBadge.module.scss.js +1 -1
  179. package/dist/mocked_classnames_esm/src/components/Avatar/AvatarContent.module.scss.js +1 -1
  180. package/dist/mocked_classnames_esm/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
  181. package/dist/mocked_classnames_esm/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
  182. package/dist/mocked_classnames_esm/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
  183. package/dist/mocked_classnames_esm/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
  184. package/dist/mocked_classnames_esm/src/components/Badge/Badge.module.scss.js +1 -1
  185. package/dist/mocked_classnames_esm/src/components/Badge/Indicator/Indicator.module.scss.js +1 -1
  186. package/dist/mocked_classnames_esm/src/components/Box/Box.module.scss.js +1 -1
  187. package/dist/mocked_classnames_esm/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
  188. package/dist/mocked_classnames_esm/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
  189. package/dist/mocked_classnames_esm/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
  190. package/dist/mocked_classnames_esm/src/components/Button/Button.module.scss.js +1 -1
  191. package/dist/mocked_classnames_esm/src/components/ButtonGroup/ButtonGroup.module.scss.js +1 -1
  192. package/dist/mocked_classnames_esm/src/components/Checkbox/Checkbox.module.scss.js +1 -1
  193. package/dist/mocked_classnames_esm/src/components/Clickable/Clickable.module.scss.js +1 -1
  194. package/dist/mocked_classnames_esm/src/components/ColorPicker/ColorPicker.module.scss.js +1 -1
  195. package/dist/mocked_classnames_esm/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js +1 -1
  196. package/dist/mocked_classnames_esm/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js +1 -1
  197. package/dist/mocked_classnames_esm/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js +1 -1
  198. package/dist/mocked_classnames_esm/src/components/Combobox/Combobox.module.scss.js +1 -1
  199. package/dist/mocked_classnames_esm/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
  200. package/dist/mocked_classnames_esm/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
  201. package/dist/mocked_classnames_esm/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
  202. package/dist/mocked_classnames_esm/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
  203. package/dist/mocked_classnames_esm/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
  204. package/dist/mocked_classnames_esm/src/components/Comments/comments.scss.js +1 -1
  205. package/dist/mocked_classnames_esm/src/components/Counter/Counter.module.scss.js +1 -1
  206. package/dist/mocked_classnames_esm/src/components/DatePicker/DateNavigationItem/DateNavigationItem.module.scss.js +1 -1
  207. package/dist/mocked_classnames_esm/src/components/DatePicker/DatePicker.module.scss.js +1 -1
  208. package/dist/mocked_classnames_esm/src/components/DatePicker/DatePickerHeader/DatePickerHeader.module.scss.js +1 -1
  209. package/dist/mocked_classnames_esm/src/components/DatePicker/YearPicker/YearPicker.module.scss.js +1 -1
  210. package/dist/mocked_classnames_esm/src/components/Dialog/Dialog.module.scss.js +1 -1
  211. package/dist/mocked_classnames_esm/src/components/Dialog/DialogContent/DialogContent.module.scss.js +1 -1
  212. package/dist/mocked_classnames_esm/src/components/DialogContentContainer/DialogContentContainer.module.scss.js +1 -1
  213. package/dist/mocked_classnames_esm/src/components/Divider/Divider.module.scss.js +1 -1
  214. package/dist/mocked_classnames_esm/src/components/Dropdown/Dropdown.js +1 -1
  215. package/dist/mocked_classnames_esm/src/components/Dropdown/Dropdown.js.map +1 -1
  216. package/dist/mocked_classnames_esm/src/components/Dropdown/Dropdown.module.scss.js +1 -1
  217. package/dist/mocked_classnames_esm/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js +1 -1
  218. package/dist/mocked_classnames_esm/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js +1 -1
  219. package/dist/mocked_classnames_esm/src/components/Dropdown/components/menu/menu.module.scss.js +1 -1
  220. package/dist/mocked_classnames_esm/src/components/Dropdown/components/option/option.module.scss.js +1 -1
  221. package/dist/mocked_classnames_esm/src/components/Dropdown/components/singleValue/singleValue.module.scss.js +1 -1
  222. package/dist/mocked_classnames_esm/src/components/EditableHeading/EditableHeading.module.scss.js +1 -1
  223. package/dist/mocked_classnames_esm/src/components/EditableInput/EditableInput.module.scss.js +1 -1
  224. package/dist/mocked_classnames_esm/src/components/EditableText/EditableText.module.scss.js +1 -1
  225. package/dist/mocked_classnames_esm/src/components/EditableTypography/EditableTypography.module.scss.js +1 -1
  226. package/dist/mocked_classnames_esm/src/components/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
  227. package/dist/mocked_classnames_esm/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
  228. package/dist/mocked_classnames_esm/src/components/Flex/Flex.module.scss.js +1 -1
  229. package/dist/mocked_classnames_esm/src/components/FormattedNumber/FormattedNumber.module.scss.js +1 -1
  230. package/dist/mocked_classnames_esm/src/components/HeaderActions/HeaderActions.module.scss.js +1 -1
  231. package/dist/mocked_classnames_esm/src/components/Heading/Heading.module.scss.js +1 -1
  232. package/dist/mocked_classnames_esm/src/components/HiddenText/HiddenText.module.scss.js +1 -1
  233. package/dist/mocked_classnames_esm/src/components/Icon/Icon.module.scss.js +1 -1
  234. package/dist/mocked_classnames_esm/src/components/IconButton/IconButton.module.scss.js +1 -1
  235. package/dist/mocked_classnames_esm/src/components/InlineEdit/InlineEdit.module.scss.js +1 -1
  236. package/dist/mocked_classnames_esm/src/components/Label/Label.module.scss.js +1 -1
  237. package/dist/mocked_classnames_esm/src/components/LegacyEditableHeading/LegacyEditableHeading.module.scss.js +1 -1
  238. package/dist/mocked_classnames_esm/src/components/LegacyHeading/LegacyHeading.module.scss.js +1 -1
  239. package/dist/mocked_classnames_esm/src/components/Link/Link.module.scss.js +1 -1
  240. package/dist/mocked_classnames_esm/src/components/List/List.module.scss.js +1 -1
  241. package/dist/mocked_classnames_esm/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
  242. package/dist/mocked_classnames_esm/src/components/ListItem/ListItem.module.scss.js +1 -1
  243. package/dist/mocked_classnames_esm/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
  244. package/dist/mocked_classnames_esm/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
  245. package/dist/mocked_classnames_esm/src/components/ListTitle/ListTitle.module.scss.js +1 -1
  246. package/dist/mocked_classnames_esm/src/components/Loader/Loader.module.scss.js +1 -1
  247. package/dist/mocked_classnames_esm/src/components/Menu/Menu/Menu.module.scss.js +1 -1
  248. package/dist/mocked_classnames_esm/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
  249. package/dist/mocked_classnames_esm/src/components/Menu/MenuItem/MenuItem.module.scss.js +1 -1
  250. package/dist/mocked_classnames_esm/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
  251. package/dist/mocked_classnames_esm/src/components/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
  252. package/dist/mocked_classnames_esm/src/components/MenuButton/MenuButton.module.scss.js +1 -1
  253. package/dist/mocked_classnames_esm/src/components/Modal/Modal.module.scss.js +1 -1
  254. package/dist/mocked_classnames_esm/src/components/Modal/ModalContent/ModalContent.module.scss.js +1 -1
  255. package/dist/mocked_classnames_esm/src/components/Modal/ModalFooter/ModalFooter.module.scss.js +1 -1
  256. package/dist/mocked_classnames_esm/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
  257. package/dist/mocked_classnames_esm/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
  258. package/dist/mocked_classnames_esm/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
  259. package/dist/mocked_classnames_esm/src/components/NumericField/NumericField.module.scss.js +1 -1
  260. package/dist/mocked_classnames_esm/src/components/PageHeader/PageHeader.module.scss.js +1 -1
  261. package/dist/mocked_classnames_esm/src/components/Panel/Panel.module.scss.js +1 -1
  262. package/dist/mocked_classnames_esm/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js +1 -1
  263. package/dist/mocked_classnames_esm/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js +1 -1
  264. package/dist/mocked_classnames_esm/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
  265. package/dist/mocked_classnames_esm/src/components/RadioButton/RadioButton.module.scss.js +1 -1
  266. package/dist/mocked_classnames_esm/src/components/ResponsiveList/ResponsiveList.module.scss.js +1 -1
  267. package/dist/mocked_classnames_esm/src/components/Search/Search.module.scss.js +1 -1
  268. package/dist/mocked_classnames_esm/src/components/SectionHeader/SectionHeader.module.scss.js +1 -1
  269. package/dist/mocked_classnames_esm/src/components/Sidebar/Sidebar.module.scss.js +1 -1
  270. package/dist/mocked_classnames_esm/src/components/Skeleton/Skeleton.module.scss.js +1 -1
  271. package/dist/mocked_classnames_esm/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
  272. package/dist/mocked_classnames_esm/src/components/Slider/Slider.module.scss.js +1 -1
  273. package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
  274. package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
  275. package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
  276. package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
  277. package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
  278. package/dist/mocked_classnames_esm/src/components/Slider/SliderInfix.module.scss.js +1 -1
  279. package/dist/mocked_classnames_esm/src/components/SplitButton/SplitButton.module.scss.js +1 -1
  280. package/dist/mocked_classnames_esm/src/components/Steps/Steps.module.scss.js +1 -1
  281. package/dist/mocked_classnames_esm/src/components/Steps/StepsCommand.module.scss.js +1 -1
  282. package/dist/mocked_classnames_esm/src/components/Steps/StepsDot.module.scss.js +1 -1
  283. package/dist/mocked_classnames_esm/src/components/Steps/StepsGalleryHeader.module.scss.js +1 -1
  284. package/dist/mocked_classnames_esm/src/components/Steps/StepsHeader.module.scss.js +1 -1
  285. package/dist/mocked_classnames_esm/src/components/Steps/StepsNumbersHeader.module.scss.js +1 -1
  286. package/dist/mocked_classnames_esm/src/components/Switch/Switch.module.scss.js +1 -1
  287. package/dist/mocked_classnames_esm/src/components/Table/TableHeader.module.scss.js +1 -1
  288. package/dist/mocked_classnames_esm/src/components/Table/styling/column-filter.scss.js +1 -1
  289. package/dist/mocked_classnames_esm/src/components/Table/styling/paginator.scss.js +1 -1
  290. package/dist/mocked_classnames_esm/src/components/Table/styling/table_base.scss.js +1 -1
  291. package/dist/mocked_classnames_esm/src/components/Table/table.scss.js +1 -1
  292. package/dist/mocked_classnames_esm/src/components/Tabs/Tab/Tab.module.scss.js +1 -1
  293. package/dist/mocked_classnames_esm/src/components/Tabs/TabList/TabList.module.scss.js +1 -1
  294. package/dist/mocked_classnames_esm/src/components/Tabs/TabPanel/TabPanel.module.scss.js +1 -1
  295. package/dist/mocked_classnames_esm/src/components/Tabs/TabPanels/TabPanels.module.scss.js +1 -1
  296. package/dist/mocked_classnames_esm/src/components/Tags/Tags.module.scss.js +1 -1
  297. package/dist/mocked_classnames_esm/src/components/Text/Text.module.scss.js +1 -1
  298. package/dist/mocked_classnames_esm/src/components/TextAreaField/TextAreaField.module.scss.js +1 -1
  299. package/dist/mocked_classnames_esm/src/components/TextField/TextField.module.scss.js +1 -1
  300. package/dist/mocked_classnames_esm/src/components/TextWithHighlight/TextWithHighlight.module.scss.js +1 -1
  301. package/dist/mocked_classnames_esm/src/components/Timeline/Timeline/Timeline.module.scss.js +1 -1
  302. package/dist/mocked_classnames_esm/src/components/Timeline/TimelineRow/TimelineRow.module.scss.js +1 -1
  303. package/dist/mocked_classnames_esm/src/components/Tipseen/Tipseen.module.scss.js +1 -1
  304. package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenBasicContent.module.scss.js +1 -1
  305. package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenContent.module.scss.js +1 -1
  306. package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenImage.module.scss.js +1 -1
  307. package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
  308. package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenTitle.module.scss.js +1 -1
  309. package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenWizard.module.scss.js +1 -1
  310. package/dist/mocked_classnames_esm/src/components/Toast/Toast.module.scss.js +1 -1
  311. package/dist/mocked_classnames_esm/src/components/Toast/ToastLink/ToastLink.module.scss.js +1 -1
  312. package/dist/mocked_classnames_esm/src/components/Toggle/MockToggle.module.scss.js +1 -1
  313. package/dist/mocked_classnames_esm/src/components/Toggle/Toggle.module.scss.js +1 -1
  314. package/dist/mocked_classnames_esm/src/components/Toggle/ToggleText.module.scss.js +1 -1
  315. package/dist/mocked_classnames_esm/src/components/Tooltip/Tooltip.module.scss.js +1 -1
  316. package/dist/mocked_classnames_esm/src/components/TopNavigationBar/TopNavigationBar.module.scss.js +1 -1
  317. package/dist/mocked_classnames_esm/src/components/TopNavigationBar/components/Notification/Notification.module.scss.js +1 -1
  318. package/dist/mocked_classnames_esm/src/components/TopNavigationBar/components/NotificationItem/NotificationItem.module.scss.js +1 -1
  319. package/dist/mocked_classnames_esm/src/components/Tree/components/TreeFile/TreeFile.scss.js +1 -1
  320. package/dist/mocked_classnames_esm/src/components/Tree/components/TreeFileIcon/TreeFileIcon.scss.js +1 -1
  321. package/dist/mocked_classnames_esm/src/components/Tree/components/TreeFolder/TreeFolder.scss.js +1 -1
  322. package/dist/mocked_classnames_esm/src/components/Tree/components/TreeFolderIcon/TreeFolderIcon.scss.js +1 -1
  323. package/dist/mocked_classnames_esm/src/components/Tree/components/TreeStatusIcon/TreeStatusIcon.scss.js +1 -1
  324. package/dist/mocked_classnames_esm/src/components/Tree/components/expand/expand.scss.js +1 -1
  325. package/dist/mocked_classnames_esm/src/components/Typography/Typography.module.scss.js +1 -1
  326. package/dist/mocked_classnames_esm/src/components/Uploader/Uploader.scss.js +1 -1
  327. package/dist/mocked_classnames_esm/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
  328. package/dist/mocked_classnames_esm/src/components/VirtualizedList/VirtualizedList.module.scss.js +1 -1
  329. package/dist/mocked_classnames_esm/src/components/Workflow/workflow.scss.js +1 -1
  330. package/dist/mocked_classnames_esm/style/dist/index.min.css.js +1 -1
  331. package/dist/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  332. package/package.json +3 -3
  333. package/src/components/Dropdown/Dropdown.jsx +104 -70
  334. package/src/components/Dropdown/__stories__/dropdown.mdx +6 -0
  335. package/src/components/Dropdown/__stories__/dropdown.stories.js +18 -0
  336. 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
- Array.isArray(selectedOptions)
134
- ? `Selected: ${selectedOptions.map((o) => o.label).join(", ")}`
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
- <DropDownComponent
426
- className={cx(styles.dropdown, className)}
427
- selectProps={customProps}
428
- components={{
429
- DropdownIndicator,
430
- Menu,
431
- ClearIndicator,
432
- Input,
433
- Option: CustomOption,
434
- Control,
435
- SingleValue,
436
- ...(multi && {
437
- MultiValue: NOOP, // We need it for react-select to behave nice with "multi"
438
- ValueContainer: MultiValueContainer,
439
- }),
440
- ...(isVirtualized && { MenuList: WindowedMenuList }),
441
- }}
442
- // When inside scroll we set the menu position by js and we can't follow the drop down location while use scrolling
443
- closeMenuOnScroll={closeMenuOnScroll}
444
- size={size}
445
- noOptionsMessage={noOptionsMessage}
446
- placeholder={placeholder}
447
- isDisabled={disabled}
448
- isClearable={!readOnly && clearable}
449
- isSearchable={!readOnly && searchable}
450
- readOnly={readOnly}
451
- withReadOnlyStyle={withReadOnlyStyle}
452
- aria-readonly={readOnly}
453
- aria-label={overrideAriaLabel}
454
- aria-details={tooltipContent}
455
- defaultValue={defaultValue}
456
- value={value}
457
- onMenuOpen={onMenuOpen}
458
- onMenuClose={onMenuClose}
459
- onFocus={onFocus}
460
- onBlur={onBlur}
461
- onChange={onChange}
462
- onKeyDown={onKeyDown}
463
- onInputChange={onInputChange}
464
- openMenuOnFocus={openMenuOnFocus}
465
- openMenuOnClick={openMenuOnClick}
466
- isRtl={rtl}
467
- styles={inlineStyles}
468
- theme={customTheme}
469
- maxMenuHeight={maxMenuHeight}
470
- menuPortalTarget={overrideMenuPortalTarget}
471
- menuPlacement={menuPlacement}
472
- menuPosition={menuPosition}
473
- menuIsOpen={!readOnly && menuIsOpen}
474
- tabIndex={tabIndex}
475
- id={id}
476
- data-testid={
477
- dataTestId || getTestId(ComponentDefaultTestId.DROPDOWN, id)
478
- }
479
- autoFocus={autoFocus}
480
- closeMenuOnSelect={closeMenuOnSelect}
481
- ref={ref}
482
- withMandatoryDefaultOptions={withMandatoryDefaultOptions}
483
- isOptionSelected={isOptionSelected}
484
- isLoading={isLoading}
485
- loadingMessage={loadingMessage}
486
- tabSelectsValue={tabSelectsValue}
487
- filterOption={filterOption}
488
- {...asyncAdditions}
489
- {...additions}
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(
@@ -3,7 +3,7 @@
3
3
  .dropdown-stories-styles {
4
4
  &_spacing {
5
5
  min-width: 250px;
6
- margin: 10px 20px 40px;
6
+ margin: 0px 20px 40px 0px;
7
7
  }
8
8
 
9
9
  &_rules-spacing {