@festo-ui/react 9.0.0-dev.713 → 9.0.0-dev.714

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 (525) hide show
  1. package/README.md +23 -0
  2. package/dist/components/accordion/Accordion.css +4 -0
  3. package/dist/components/accordion/Accordion.d.ts +10 -0
  4. package/dist/components/accordion/Accordion.js +41 -0
  5. package/{lib → dist}/components/accordion/AccordionContext.d.ts +2 -2
  6. package/dist/components/accordion/AccordionContext.js +3 -0
  7. package/dist/components/accordion/accordion-header/AccordionHeader.css +11 -0
  8. package/dist/components/accordion/accordion-header/AccordionHeader.d.ts +2 -0
  9. package/dist/components/accordion/accordion-header/AccordionHeader.js +11 -0
  10. package/dist/components/accordion/accordion-item/AccordionItem.css +64 -0
  11. package/dist/components/accordion/accordion-item/AccordionItem.d.ts +8 -0
  12. package/dist/components/accordion/accordion-item/AccordionItem.js +60 -0
  13. package/{lib → dist}/components/accordion/accordion-item/AccordionItemContext.d.ts +2 -2
  14. package/dist/components/accordion/accordion-item/AccordionItemContext.js +3 -0
  15. package/dist/components/accordion/accordion-item/accordion-item-body/AccordionItemBody.css +76 -0
  16. package/dist/components/accordion/accordion-item/accordion-item-body/AccordionItemBody.d.ts +2 -0
  17. package/dist/components/accordion/accordion-item/accordion-item-body/AccordionItemBody.js +61 -0
  18. package/dist/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.css +11 -0
  19. package/dist/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.d.ts +2 -0
  20. package/dist/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.js +20 -0
  21. package/dist/components/bottom-sheet/BottomSheet.css +18 -0
  22. package/dist/components/bottom-sheet/BottomSheet.d.ts +12 -0
  23. package/dist/components/bottom-sheet/BottomSheet.js +101 -0
  24. package/{lib → dist}/components/breadcrumb/Breadcrumb.d.ts +3 -4
  25. package/dist/components/breadcrumb/Breadcrumb.js +32 -0
  26. package/dist/components/button/Button.d.ts +11 -0
  27. package/dist/components/button/Button.js +36 -0
  28. package/dist/components/card/Card.d.ts +4 -0
  29. package/dist/components/card/Card.js +9 -0
  30. package/dist/components/card/CardBody.d.ts +5 -0
  31. package/dist/components/card/CardBody.js +15 -0
  32. package/dist/components/card/CardHeader.d.ts +8 -0
  33. package/dist/components/card/CardHeader.js +31 -0
  34. package/dist/components/card/CardHeader.stories.helper.js +7 -0
  35. package/dist/components/card/CardNotification.d.ts +6 -0
  36. package/dist/components/card/CardNotification.js +26 -0
  37. package/dist/components/chips/chip/Chip.d.ts +17 -0
  38. package/dist/components/chips/chip/Chip.js +38 -0
  39. package/dist/components/chips/chip-container/ChipContainer.d.ts +5 -0
  40. package/dist/components/chips/chip-container/ChipContainer.js +12 -0
  41. package/{lib → dist}/components/icon-wrapper/IconWrapper.d.ts +1 -1
  42. package/dist/components/icon-wrapper/IconWrapper.js +13 -0
  43. package/dist/components/link-button/LinkButton.d.ts +8 -0
  44. package/dist/components/link-button/LinkButton.js +26 -0
  45. package/dist/components/loading-indicator/LoadingIndicator.d.ts +5 -0
  46. package/dist/components/loading-indicator/LoadingIndicator.js +41 -0
  47. package/dist/components/mobile-flyout/MobileFlyout.d.ts +11 -0
  48. package/dist/components/mobile-flyout/MobileFlyout.js +88 -0
  49. package/{lib → dist}/components/mobile-flyout/MobileFlyoutContext.d.ts +2 -2
  50. package/dist/components/mobile-flyout/MobileFlyoutContext.js +3 -0
  51. package/dist/components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem.d.ts +17 -0
  52. package/dist/components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem.js +36 -0
  53. package/dist/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage.css +5 -0
  54. package/dist/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage.d.ts +8 -0
  55. package/dist/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage.js +35 -0
  56. package/dist/components/modals/AlertModal.d.ts +12 -0
  57. package/dist/components/modals/AlertModal.js +53 -0
  58. package/dist/components/modals/ConfirmModal.d.ts +11 -0
  59. package/dist/components/modals/ConfirmModal.js +46 -0
  60. package/dist/components/modals/CustomModal.d.ts +8 -0
  61. package/dist/components/modals/CustomModal.js +38 -0
  62. package/dist/components/modals/Modal.css +39 -0
  63. package/dist/components/modals/Modal.d.ts +8 -0
  64. package/dist/components/modals/Modal.js +31 -0
  65. package/dist/components/modals/ModalBase.d.ts +9 -0
  66. package/dist/components/modals/ModalBase.js +124 -0
  67. package/dist/components/modals/ModalFooter.d.ts +2 -0
  68. package/dist/components/modals/ModalFooter.js +12 -0
  69. package/{lib → dist}/components/modals/Prompt.d.ts +4 -5
  70. package/dist/components/modals/Prompt.js +58 -0
  71. package/dist/components/modals/image-gallery/ImageGallery.css +790 -0
  72. package/{lib → dist}/components/modals/image-gallery/ImageGallery.d.ts +6 -7
  73. package/dist/components/modals/image-gallery/ImageGallery.helper.d.ts +2 -0
  74. package/dist/components/modals/image-gallery/ImageGallery.helper.js +13 -0
  75. package/dist/components/modals/image-gallery/ImageGallery.js +75 -0
  76. package/dist/components/modals/image-gallery/ImageGallery.stories.helper.js +112 -0
  77. package/{lib → dist}/components/modals/image-gallery/ImageGalleryContent.d.ts +1 -1
  78. package/dist/components/modals/image-gallery/ImageGalleryContent.js +15 -0
  79. package/{lib → dist}/components/modals/image-gallery/ImageGalleryContext.d.ts +3 -3
  80. package/dist/components/modals/image-gallery/ImageGalleryContext.js +4 -0
  81. package/dist/components/modals/image-gallery/ImageGallerySwiper.d.ts +8 -0
  82. package/dist/components/modals/image-gallery/ImageGallerySwiper.js +29 -0
  83. package/dist/components/modals/image-gallery/ImageGalleryThumbsSwiper.d.ts +5 -0
  84. package/dist/components/modals/image-gallery/ImageGalleryThumbsSwiper.js +23 -0
  85. package/dist/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.css +10 -0
  86. package/dist/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.d.ts +11 -0
  87. package/dist/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.js +24 -0
  88. package/dist/components/modals/image-gallery/internal/BaseGallery.d.ts +17 -0
  89. package/dist/components/modals/image-gallery/internal/BaseGallery.js +50 -0
  90. package/{lib → dist}/components/modals/image-gallery/internal/CloseButton.d.ts +1 -1
  91. package/dist/components/modals/image-gallery/internal/CloseButton.js +14 -0
  92. package/dist/components/modals/image-gallery/internal/ImageGalleryContainer.d.ts +5 -0
  93. package/dist/components/modals/image-gallery/internal/ImageGalleryContainer.js +8 -0
  94. package/{lib → dist}/components/modals/image-gallery/internal/ImageGalleryPagination.d.ts +2 -3
  95. package/dist/components/modals/image-gallery/internal/ImageGalleryPagination.js +29 -0
  96. package/dist/components/modals/image-gallery/internal/ScaleButton.d.ts +4 -0
  97. package/dist/components/modals/image-gallery/internal/ScaleButton.js +17 -0
  98. package/dist/components/pagination/Pagination.css +10 -0
  99. package/dist/components/pagination/Pagination.d.ts +15 -0
  100. package/dist/components/pagination/Pagination.js +100 -0
  101. package/dist/components/popovers/legend/Legend.css +21 -0
  102. package/dist/components/popovers/legend/Legend.d.ts +11 -0
  103. package/dist/components/popovers/legend/Legend.js +24 -0
  104. package/dist/components/popovers/popover/Popover.css +56 -0
  105. package/{lib → dist}/components/popovers/popover/Popover.d.ts +5 -6
  106. package/dist/components/popovers/popover/Popover.js +107 -0
  107. package/dist/components/popovers/popover-menu/PopoverMenu.css +20 -0
  108. package/dist/components/popovers/popover-menu/PopoverMenu.d.ts +8 -0
  109. package/dist/components/popovers/popover-menu/PopoverMenu.js +37 -0
  110. package/dist/components/popovers/popover-menu/PopoverMenuContext.d.ts +3 -0
  111. package/dist/components/popovers/popover-menu/PopoverMenuContext.js +5 -0
  112. package/dist/components/popovers/popover-menu-item/PopoverMenuItem.css +35 -0
  113. package/{lib → dist}/components/popovers/popover-menu-item/PopoverMenuItem.d.ts +2 -3
  114. package/dist/components/popovers/popover-menu-item/PopoverMenuItem.js +30 -0
  115. package/dist/components/popovers/tooltip/Tooltip.d.ts +5 -0
  116. package/dist/components/popovers/tooltip/Tooltip.js +12 -0
  117. package/dist/components/progress/Progress.d.ts +7 -0
  118. package/dist/components/progress/Progress.js +26 -0
  119. package/dist/components/scroll-area/ScrollArea.d.ts +4 -0
  120. package/dist/components/scroll-area/ScrollArea.js +10 -0
  121. package/dist/components/scroll-area/ScrollArea.stories.css +9 -0
  122. package/dist/components/search-input/ClearButton.d.ts +2 -0
  123. package/dist/components/search-input/ClearButton.js +10 -0
  124. package/dist/components/search-input/SearchInput.css +13 -0
  125. package/dist/components/search-input/SearchInput.d.ts +14 -0
  126. package/dist/components/search-input/SearchInput.js +61 -0
  127. package/{lib → dist}/components/search-input/SearchSuggestion.d.ts +1 -1
  128. package/dist/components/search-input/SearchSuggestion.js +21 -0
  129. package/{lib → dist}/components/search-input/useSearchInput.d.ts +3 -3
  130. package/dist/components/search-input/useSearchInput.js +85 -0
  131. package/dist/components/snackbar/Snackbar.css +55 -0
  132. package/{lib → dist}/components/snackbar/Snackbar.d.ts +5 -6
  133. package/dist/components/snackbar/Snackbar.js +78 -0
  134. package/{lib → dist}/components/snackbar/SnackbarContext.d.ts +3 -4
  135. package/dist/components/snackbar/SnackbarContext.js +3 -0
  136. package/dist/components/snackbar/SnackbarProvider.d.ts +8 -0
  137. package/dist/components/snackbar/SnackbarProvider.js +66 -0
  138. package/dist/components/snackbar/useSnackbar.d.ts +2 -0
  139. package/dist/components/snackbar/useSnackbar.js +4 -0
  140. package/dist/components/stepper-horizontal/StepperHorizontal.css +6 -0
  141. package/dist/components/stepper-horizontal/StepperHorizontal.d.ts +7 -0
  142. package/dist/components/stepper-horizontal/StepperHorizontal.js +48 -0
  143. package/dist/components/stepper-horizontal/step-horizontal/StepHorizontal.css +24 -0
  144. package/dist/components/stepper-horizontal/step-horizontal/StepHorizontal.d.ts +6 -0
  145. package/dist/components/stepper-horizontal/step-horizontal/StepHorizontal.js +16 -0
  146. package/dist/components/stepper-vertical/StepperVertical.d.ts +6 -0
  147. package/dist/components/stepper-vertical/StepperVertical.js +26 -0
  148. package/dist/components/stepper-vertical/step-vertical/StepVertical.css +10 -0
  149. package/dist/components/stepper-vertical/step-vertical/StepVertical.d.ts +11 -0
  150. package/dist/components/stepper-vertical/step-vertical/StepVertical.js +58 -0
  151. package/dist/components/tab/Tabs.css +285 -0
  152. package/dist/components/tab/Tabs.d.ts +23 -0
  153. package/dist/components/tab/Tabs.js +194 -0
  154. package/dist/components/tab/interfaces.js +0 -0
  155. package/dist/components/tab/tab-pane/TabPane.css +8 -0
  156. package/dist/components/tab/tab-pane/TabPane.d.ts +9 -0
  157. package/dist/components/tab/tab-pane/TabPane.js +18 -0
  158. package/{lib → dist}/components/tab/useTabScroll.d.ts +4 -3
  159. package/dist/components/tab/useTabScroll.js +151 -0
  160. package/dist/components/table-header-cell/TableHeaderCell.d.ts +5 -0
  161. package/dist/components/table-header-cell/TableHeaderCell.js +21 -0
  162. package/dist/forms/checkbox/Checkbox.css +134 -0
  163. package/dist/forms/checkbox/Checkbox.d.ts +15 -0
  164. package/dist/forms/checkbox/Checkbox.js +80 -0
  165. package/{lib → dist}/forms/radio/RadioButton.d.ts +3 -4
  166. package/dist/forms/radio/RadioButton.js +61 -0
  167. package/dist/forms/radio/RadioGroup.d.ts +12 -0
  168. package/dist/forms/radio/RadioGroup.js +50 -0
  169. package/{lib → dist}/forms/radio/RadioGroupContext.d.ts +3 -3
  170. package/dist/forms/radio/RadioGroupContext.js +3 -0
  171. package/dist/forms/segment/Segment.d.ts +13 -0
  172. package/dist/forms/segment/Segment.js +59 -0
  173. package/{lib → dist}/forms/segment/segment-control/SegmentControl.d.ts +3 -4
  174. package/dist/forms/segment/segment-control/SegmentControl.js +57 -0
  175. package/dist/forms/select/Select.css +160 -0
  176. package/{lib → dist}/forms/select/Select.d.ts +8 -8
  177. package/dist/forms/select/Select.js +95 -0
  178. package/dist/forms/select/internal/HiddenInput.d.ts +8 -0
  179. package/dist/forms/select/internal/HiddenInput.js +15 -0
  180. package/{lib → dist}/forms/select/internal/ListItem.d.ts +6 -6
  181. package/dist/forms/select/internal/ListItem.js +69 -0
  182. package/{lib → dist}/forms/select/internal/SelectButton.d.ts +2 -2
  183. package/dist/forms/select/internal/SelectButton.js +49 -0
  184. package/{lib → dist}/forms/select/internal/SelectButtonContent.d.ts +1 -1
  185. package/dist/forms/select/internal/SelectButtonContent.js +31 -0
  186. package/dist/forms/select/internal/SelectCheckbox.d.ts +4 -0
  187. package/dist/forms/select/internal/SelectCheckbox.js +13 -0
  188. package/{lib → dist}/forms/select/internal/SelectLabel.d.ts +1 -1
  189. package/dist/forms/select/internal/SelectLabel.js +12 -0
  190. package/{lib → dist}/forms/select/internal/SelectOptionsContainer.d.ts +6 -6
  191. package/dist/forms/select/internal/SelectOptionsContainer.js +103 -0
  192. package/{lib → dist}/forms/select/internal/SelectScrollContainer.d.ts +2 -2
  193. package/dist/forms/select/internal/SelectScrollContainer.js +15 -0
  194. package/dist/forms/select/internal/SelectWrapper.d.ts +6 -0
  195. package/dist/forms/select/internal/SelectWrapper.js +12 -0
  196. package/dist/forms/select/internal/index.d.ts +6 -0
  197. package/dist/forms/select/internal/index.js +7 -0
  198. package/{lib → dist}/forms/select/internal/utils.d.ts +3 -3
  199. package/dist/forms/select/internal/utils.js +30 -0
  200. package/{lib → dist}/forms/select/select-option/SelectOption.d.ts +5 -5
  201. package/dist/forms/select/select-option/SelectOption.js +12 -0
  202. package/dist/forms/select/utils.d.ts +2 -0
  203. package/dist/forms/select/utils.js +12 -0
  204. package/dist/forms/slider/Slider.css +50 -0
  205. package/dist/forms/slider/Slider.d.ts +17 -0
  206. package/dist/forms/slider/Slider.js +93 -0
  207. package/dist/forms/switch/Switch.d.ts +12 -0
  208. package/dist/forms/switch/Switch.js +42 -0
  209. package/dist/forms/text-area/TextArea.css +14 -0
  210. package/{lib → dist}/forms/text-area/TextArea.d.ts +4 -5
  211. package/dist/forms/text-area/TextArea.js +99 -0
  212. package/{lib → dist}/forms/text-input/TextInput.d.ts +2 -3
  213. package/dist/forms/text-input/TextInput.js +74 -0
  214. package/dist/forms/time-picker/TimePicker.css +10 -0
  215. package/{lib → dist}/forms/time-picker/TimePicker.d.ts +6 -6
  216. package/dist/forms/time-picker/TimePicker.js +140 -0
  217. package/dist/forms/time-picker/time-picker-dropdown/TimePickerDropdown.css +4 -0
  218. package/dist/forms/time-picker/time-picker-dropdown/TimePickerDropdown.d.ts +19 -0
  219. package/dist/forms/time-picker/time-picker-dropdown/TimePickerDropdown.js +202 -0
  220. package/dist/forms/time-picker/time-picker-dropdown/TimePickerInput.d.ts +9 -0
  221. package/dist/forms/time-picker/time-picker-dropdown/TimePickerInput.js +14 -0
  222. package/dist/index.d.ts +63 -0
  223. package/dist/index.js +60 -0
  224. package/{lib/helper → dist/utils}/index.d.ts +0 -1
  225. package/dist/utils/index.js +7 -0
  226. package/dist/utils/setRef.d.ts +1 -0
  227. package/dist/utils/setRef.js +5 -0
  228. package/{lib/helper → dist/utils}/types.d.ts +4 -4
  229. package/dist/utils/types.js +0 -0
  230. package/{lib/helper → dist/utils}/useControlled.d.ts +2 -2
  231. package/dist/utils/useControlled.js +20 -0
  232. package/dist/utils/useForkRef.d.ts +2 -0
  233. package/dist/utils/useForkRef.js +15 -0
  234. package/dist/utils/useId.d.ts +1 -0
  235. package/dist/utils/useId.js +20 -0
  236. package/dist/utils/useOnClickOutside.d.ts +2 -0
  237. package/dist/utils/useOnClickOutside.js +20 -0
  238. package/package.json +64 -21
  239. package/index.css +0 -1
  240. package/index.d.ts +0 -65
  241. package/index.js +0 -60
  242. package/lib/components/accordion/Accordion.d.ts +0 -11
  243. package/lib/components/accordion/Accordion.js +0 -43
  244. package/lib/components/accordion/AccordionContext.js +0 -3
  245. package/lib/components/accordion/accordion-header/AccordionHeader.d.ts +0 -3
  246. package/lib/components/accordion/accordion-header/AccordionHeader.js +0 -17
  247. package/lib/components/accordion/accordion-item/AccordionItem.d.ts +0 -9
  248. package/lib/components/accordion/accordion-item/AccordionItem.js +0 -65
  249. package/lib/components/accordion/accordion-item/AccordionItemContext.js +0 -3
  250. package/lib/components/accordion/accordion-item/accordion-item-body/AccordionItemBody.d.ts +0 -3
  251. package/lib/components/accordion/accordion-item/accordion-item-body/AccordionItemBody.js +0 -70
  252. package/lib/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.d.ts +0 -3
  253. package/lib/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.js +0 -41
  254. package/lib/components/bottom-sheet/BottomSheet.d.ts +0 -11
  255. package/lib/components/bottom-sheet/BottomSheet.js +0 -93
  256. package/lib/components/bottom-sheet/BottomSheet.stories.d.ts +0 -9
  257. package/lib/components/bottom-sheet/BottomSheet.stories.js +0 -49
  258. package/lib/components/breadcrumb/Breadcrumb.js +0 -40
  259. package/lib/components/buttons/button/Button.d.ts +0 -12
  260. package/lib/components/buttons/button/Button.js +0 -49
  261. package/lib/components/buttons/button/Button.stories.d.ts +0 -13
  262. package/lib/components/buttons/button/Button.stories.js +0 -86
  263. package/lib/components/card/Card.d.ts +0 -3
  264. package/lib/components/card/Card.js +0 -13
  265. package/lib/components/card/CardBody.d.ts +0 -6
  266. package/lib/components/card/CardBody.js +0 -17
  267. package/lib/components/card/CardHeader.d.ts +0 -9
  268. package/lib/components/card/CardHeader.js +0 -29
  269. package/lib/components/card/CardHeader.stories.helper.d.ts +0 -3
  270. package/lib/components/card/CardHeader.stories.helper.js +0 -9
  271. package/lib/components/card/CardNotification.d.ts +0 -7
  272. package/lib/components/card/CardNotification.js +0 -25
  273. package/lib/components/chips/chip/Chip.d.ts +0 -17
  274. package/lib/components/chips/chip/Chip.js +0 -47
  275. package/lib/components/chips/chip-container/ChipContainer.d.ts +0 -6
  276. package/lib/components/chips/chip-container/ChipContainer.js +0 -17
  277. package/lib/components/icon-wrapper/IconWrapper.js +0 -17
  278. package/lib/components/link-button/LinkButton.d.ts +0 -9
  279. package/lib/components/link-button/LinkButton.js +0 -32
  280. package/lib/components/loading-indicator/LoadingIndicator.d.ts +0 -7
  281. package/lib/components/loading-indicator/LoadingIndicator.js +0 -39
  282. package/lib/components/mobile-flyout/MobileFlyout.d.ts +0 -12
  283. package/lib/components/mobile-flyout/MobileFlyout.js +0 -82
  284. package/lib/components/mobile-flyout/MobileFlyoutContext.js +0 -2
  285. package/lib/components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem.d.ts +0 -17
  286. package/lib/components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem.js +0 -53
  287. package/lib/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage.d.ts +0 -8
  288. package/lib/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage.js +0 -46
  289. package/lib/components/modals/AlertModal.d.ts +0 -13
  290. package/lib/components/modals/AlertModal.js +0 -60
  291. package/lib/components/modals/ConfirmModal.d.ts +0 -12
  292. package/lib/components/modals/ConfirmModal.js +0 -52
  293. package/lib/components/modals/CustomModal.d.ts +0 -9
  294. package/lib/components/modals/CustomModal.js +0 -41
  295. package/lib/components/modals/Modal.d.ts +0 -9
  296. package/lib/components/modals/Modal.js +0 -34
  297. package/lib/components/modals/ModalBase.d.ts +0 -10
  298. package/lib/components/modals/ModalBase.js +0 -142
  299. package/lib/components/modals/ModalFooter.d.ts +0 -3
  300. package/lib/components/modals/ModalFooter.js +0 -18
  301. package/lib/components/modals/Prompt.js +0 -64
  302. package/lib/components/modals/image-gallery/ImageGallery.helper.d.ts +0 -3
  303. package/lib/components/modals/image-gallery/ImageGallery.helper.js +0 -11
  304. package/lib/components/modals/image-gallery/ImageGallery.js +0 -81
  305. package/lib/components/modals/image-gallery/ImageGallery.stories.helper.d.ts +0 -3
  306. package/lib/components/modals/image-gallery/ImageGallery.stories.helper.js +0 -97
  307. package/lib/components/modals/image-gallery/ImageGalleryContent.js +0 -14
  308. package/lib/components/modals/image-gallery/ImageGalleryContext.js +0 -4
  309. package/lib/components/modals/image-gallery/ImageGallerySwiper.d.ts +0 -8
  310. package/lib/components/modals/image-gallery/ImageGallerySwiper.js +0 -32
  311. package/lib/components/modals/image-gallery/ImageGalleryThumbsSwiper.d.ts +0 -5
  312. package/lib/components/modals/image-gallery/ImageGalleryThumbsSwiper.js +0 -25
  313. package/lib/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.d.ts +0 -11
  314. package/lib/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.js +0 -28
  315. package/lib/components/modals/image-gallery/internal/BaseGallery.d.ts +0 -17
  316. package/lib/components/modals/image-gallery/internal/BaseGallery.js +0 -65
  317. package/lib/components/modals/image-gallery/internal/CloseButton.js +0 -17
  318. package/lib/components/modals/image-gallery/internal/ImageGalleryContainer.d.ts +0 -6
  319. package/lib/components/modals/image-gallery/internal/ImageGalleryContainer.js +0 -13
  320. package/lib/components/modals/image-gallery/internal/ImageGalleryPagination.js +0 -27
  321. package/lib/components/modals/image-gallery/internal/ScaleButton.d.ts +0 -5
  322. package/lib/components/modals/image-gallery/internal/ScaleButton.js +0 -19
  323. package/lib/components/pagination/Pagination.d.ts +0 -16
  324. package/lib/components/pagination/Pagination.js +0 -105
  325. package/lib/components/popovers/legend/Legend.d.ts +0 -11
  326. package/lib/components/popovers/legend/Legend.js +0 -24
  327. package/lib/components/popovers/popover/Popover.js +0 -123
  328. package/lib/components/popovers/popover-menu/PopoverMenu.d.ts +0 -9
  329. package/lib/components/popovers/popover-menu/PopoverMenu.js +0 -46
  330. package/lib/components/popovers/popover-menu/PopoverMenuContext.d.ts +0 -4
  331. package/lib/components/popovers/popover-menu/PopoverMenuContext.js +0 -5
  332. package/lib/components/popovers/popover-menu-item/PopoverMenuItem.js +0 -41
  333. package/lib/components/popovers/tooltip/Tooltip.d.ts +0 -6
  334. package/lib/components/popovers/tooltip/Tooltip.js +0 -16
  335. package/lib/components/progress/Progress.d.ts +0 -8
  336. package/lib/components/progress/Progress.js +0 -32
  337. package/lib/components/scroll-area/ScrollArea.d.ts +0 -5
  338. package/lib/components/scroll-area/ScrollArea.js +0 -14
  339. package/lib/components/search-input/ClearButton.d.ts +0 -2
  340. package/lib/components/search-input/ClearButton.js +0 -10
  341. package/lib/components/search-input/SearchInput.d.ts +0 -15
  342. package/lib/components/search-input/SearchInput.js +0 -77
  343. package/lib/components/search-input/SearchSuggestion.js +0 -32
  344. package/lib/components/search-input/useSearchInput.js +0 -94
  345. package/lib/components/snackbar/Snackbar.js +0 -78
  346. package/lib/components/snackbar/SnackbarContext.js +0 -2
  347. package/lib/components/snackbar/SnackbarProvider.d.ts +0 -8
  348. package/lib/components/snackbar/SnackbarProvider.js +0 -65
  349. package/lib/components/snackbar/useSnackbar.d.ts +0 -3
  350. package/lib/components/snackbar/useSnackbar.js +0 -3
  351. package/lib/components/stepper-horizontal/StepperHorizontal.d.ts +0 -7
  352. package/lib/components/stepper-horizontal/StepperHorizontal.js +0 -60
  353. package/lib/components/stepper-horizontal/step-horizontal/StepHorizontal.d.ts +0 -7
  354. package/lib/components/stepper-horizontal/step-horizontal/StepHorizontal.js +0 -23
  355. package/lib/components/stepper-vertical/StepperVertical.d.ts +0 -7
  356. package/lib/components/stepper-vertical/StepperVertical.js +0 -37
  357. package/lib/components/stepper-vertical/step-vertical/StepVertical.d.ts +0 -12
  358. package/lib/components/stepper-vertical/step-vertical/StepVertical.js +0 -76
  359. package/lib/components/tab/Tabs.d.ts +0 -23
  360. package/lib/components/tab/Tabs.js +0 -229
  361. package/lib/components/tab/interfaces.js +0 -1
  362. package/lib/components/tab/tab-pane/TabPane.d.ts +0 -10
  363. package/lib/components/tab/tab-pane/TabPane.js +0 -23
  364. package/lib/components/tab/useTabScroll.js +0 -233
  365. package/lib/components/table-header-cell/TableHeaderCell.d.ts +0 -6
  366. package/lib/components/table-header-cell/TableHeaderCell.js +0 -29
  367. package/lib/forms/checkbox/Checkbox.d.ts +0 -17
  368. package/lib/forms/checkbox/Checkbox.js +0 -86
  369. package/lib/forms/radio/RadioButton.js +0 -85
  370. package/lib/forms/radio/RadioGroup.d.ts +0 -13
  371. package/lib/forms/radio/RadioGroup.js +0 -51
  372. package/lib/forms/radio/RadioGroupContext.js +0 -3
  373. package/lib/forms/segment/Segment.d.ts +0 -14
  374. package/lib/forms/segment/Segment.js +0 -76
  375. package/lib/forms/segment/segment-control/SegmentControl.js +0 -59
  376. package/lib/forms/select/Select.js +0 -108
  377. package/lib/forms/select/internal/HiddenInput.d.ts +0 -8
  378. package/lib/forms/select/internal/HiddenInput.js +0 -26
  379. package/lib/forms/select/internal/ListItem.js +0 -84
  380. package/lib/forms/select/internal/SelectButton.js +0 -57
  381. package/lib/forms/select/internal/SelectButtonContent.js +0 -38
  382. package/lib/forms/select/internal/SelectCheckbox.d.ts +0 -4
  383. package/lib/forms/select/internal/SelectCheckbox.js +0 -19
  384. package/lib/forms/select/internal/SelectLabel.js +0 -16
  385. package/lib/forms/select/internal/SelectOptionsContainer.js +0 -102
  386. package/lib/forms/select/internal/SelectScrollContainer.js +0 -21
  387. package/lib/forms/select/internal/SelectWrapper.d.ts +0 -6
  388. package/lib/forms/select/internal/SelectWrapper.js +0 -20
  389. package/lib/forms/select/internal/index.d.ts +0 -6
  390. package/lib/forms/select/internal/index.js +0 -6
  391. package/lib/forms/select/internal/utils.js +0 -36
  392. package/lib/forms/select/select-option/SelectOption.js +0 -17
  393. package/lib/forms/select/utils.d.ts +0 -2
  394. package/lib/forms/select/utils.js +0 -17
  395. package/lib/forms/slider/Slider.d.ts +0 -18
  396. package/lib/forms/slider/Slider.js +0 -100
  397. package/lib/forms/switch/Switch.d.ts +0 -13
  398. package/lib/forms/switch/Switch.js +0 -51
  399. package/lib/forms/text-area/TextArea.js +0 -109
  400. package/lib/forms/text-input/TextInput.js +0 -91
  401. package/lib/forms/time-picker/TimePicker.js +0 -159
  402. package/lib/forms/time-picker/time-picker-dropdown/TimePickerDropdown.d.ts +0 -19
  403. package/lib/forms/time-picker/time-picker-dropdown/TimePickerDropdown.js +0 -212
  404. package/lib/forms/time-picker/time-picker-dropdown/TimePickerInput.d.ts +0 -9
  405. package/lib/forms/time-picker/time-picker-dropdown/TimePickerInput.js +0 -23
  406. package/lib/helper/index.js +0 -7
  407. package/lib/helper/setRef.d.ts +0 -1
  408. package/lib/helper/setRef.js +0 -7
  409. package/lib/helper/types.js +0 -1
  410. package/lib/helper/useControlled.js +0 -22
  411. package/lib/helper/useForkRef.d.ts +0 -2
  412. package/lib/helper/useForkRef.js +0 -18
  413. package/lib/helper/useId.d.ts +0 -1
  414. package/lib/helper/useId.js +0 -22
  415. package/lib/helper/useOnClickOutside.d.ts +0 -2
  416. package/lib/helper/useOnClickOutside.js +0 -18
  417. package/node/index.js +0 -439
  418. package/node/lib/components/accordion/Accordion.js +0 -50
  419. package/node/lib/components/accordion/AccordionContext.js +0 -9
  420. package/node/lib/components/accordion/accordion-header/AccordionHeader.js +0 -24
  421. package/node/lib/components/accordion/accordion-item/AccordionItem.js +0 -72
  422. package/node/lib/components/accordion/accordion-item/AccordionItemContext.js +0 -9
  423. package/node/lib/components/accordion/accordion-item/accordion-item-body/AccordionItemBody.js +0 -77
  424. package/node/lib/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.js +0 -48
  425. package/node/lib/components/bottom-sheet/BottomSheet.js +0 -101
  426. package/node/lib/components/bottom-sheet/BottomSheet.stories.js +0 -56
  427. package/node/lib/components/breadcrumb/Breadcrumb.js +0 -47
  428. package/node/lib/components/buttons/button/Button.js +0 -56
  429. package/node/lib/components/buttons/button/Button.stories.js +0 -93
  430. package/node/lib/components/card/Card.js +0 -20
  431. package/node/lib/components/card/CardBody.js +0 -24
  432. package/node/lib/components/card/CardHeader.js +0 -36
  433. package/node/lib/components/card/CardHeader.stories.helper.js +0 -17
  434. package/node/lib/components/card/CardNotification.js +0 -32
  435. package/node/lib/components/chips/chip/Chip.js +0 -54
  436. package/node/lib/components/chips/chip-container/ChipContainer.js +0 -24
  437. package/node/lib/components/icon-wrapper/IconWrapper.js +0 -23
  438. package/node/lib/components/link-button/LinkButton.js +0 -39
  439. package/node/lib/components/loading-indicator/LoadingIndicator.js +0 -46
  440. package/node/lib/components/mobile-flyout/MobileFlyout.js +0 -89
  441. package/node/lib/components/mobile-flyout/MobileFlyoutContext.js +0 -8
  442. package/node/lib/components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem.js +0 -61
  443. package/node/lib/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage.js +0 -53
  444. package/node/lib/components/modals/AlertModal.js +0 -67
  445. package/node/lib/components/modals/ConfirmModal.js +0 -59
  446. package/node/lib/components/modals/CustomModal.js +0 -48
  447. package/node/lib/components/modals/Modal.js +0 -43
  448. package/node/lib/components/modals/ModalBase.js +0 -149
  449. package/node/lib/components/modals/ModalFooter.js +0 -25
  450. package/node/lib/components/modals/Prompt.js +0 -73
  451. package/node/lib/components/modals/image-gallery/ImageGallery.helper.js +0 -18
  452. package/node/lib/components/modals/image-gallery/ImageGallery.js +0 -88
  453. package/node/lib/components/modals/image-gallery/ImageGallery.stories.helper.js +0 -123
  454. package/node/lib/components/modals/image-gallery/ImageGalleryContent.js +0 -20
  455. package/node/lib/components/modals/image-gallery/ImageGalleryContext.js +0 -10
  456. package/node/lib/components/modals/image-gallery/ImageGallerySwiper.js +0 -39
  457. package/node/lib/components/modals/image-gallery/ImageGalleryThumbsSwiper.js +0 -33
  458. package/node/lib/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.js +0 -35
  459. package/node/lib/components/modals/image-gallery/internal/BaseGallery.js +0 -72
  460. package/node/lib/components/modals/image-gallery/internal/CloseButton.js +0 -24
  461. package/node/lib/components/modals/image-gallery/internal/ImageGalleryContainer.js +0 -19
  462. package/node/lib/components/modals/image-gallery/internal/ImageGalleryPagination.js +0 -33
  463. package/node/lib/components/modals/image-gallery/internal/ScaleButton.js +0 -25
  464. package/node/lib/components/pagination/Pagination.js +0 -114
  465. package/node/lib/components/popovers/legend/Legend.js +0 -31
  466. package/node/lib/components/popovers/popover/Popover.js +0 -132
  467. package/node/lib/components/popovers/popover-menu/PopoverMenu.js +0 -53
  468. package/node/lib/components/popovers/popover-menu/PopoverMenuContext.js +0 -11
  469. package/node/lib/components/popovers/popover-menu-item/PopoverMenuItem.js +0 -48
  470. package/node/lib/components/popovers/tooltip/Tooltip.js +0 -23
  471. package/node/lib/components/progress/Progress.js +0 -39
  472. package/node/lib/components/scroll-area/ScrollArea.js +0 -21
  473. package/node/lib/components/search-input/ClearButton.js +0 -16
  474. package/node/lib/components/search-input/SearchInput.js +0 -84
  475. package/node/lib/components/search-input/SearchSuggestion.js +0 -39
  476. package/node/lib/components/search-input/useSearchInput.js +0 -101
  477. package/node/lib/components/snackbar/Snackbar.js +0 -85
  478. package/node/lib/components/snackbar/SnackbarContext.js +0 -9
  479. package/node/lib/components/snackbar/SnackbarProvider.js +0 -73
  480. package/node/lib/components/snackbar/useSnackbar.js +0 -11
  481. package/node/lib/components/stepper-horizontal/StepperHorizontal.js +0 -69
  482. package/node/lib/components/stepper-horizontal/step-horizontal/StepHorizontal.js +0 -30
  483. package/node/lib/components/stepper-vertical/StepperVertical.js +0 -46
  484. package/node/lib/components/stepper-vertical/step-vertical/StepVertical.js +0 -83
  485. package/node/lib/components/tab/Tabs.js +0 -240
  486. package/node/lib/components/tab/interfaces.js +0 -5
  487. package/node/lib/components/tab/tab-pane/TabPane.js +0 -30
  488. package/node/lib/components/tab/useTabScroll.js +0 -238
  489. package/node/lib/components/table-header-cell/TableHeaderCell.js +0 -36
  490. package/node/lib/forms/checkbox/Checkbox.js +0 -93
  491. package/node/lib/forms/radio/RadioButton.js +0 -92
  492. package/node/lib/forms/radio/RadioGroup.js +0 -58
  493. package/node/lib/forms/radio/RadioGroupContext.js +0 -9
  494. package/node/lib/forms/segment/Segment.js +0 -83
  495. package/node/lib/forms/segment/segment-control/SegmentControl.js +0 -68
  496. package/node/lib/forms/select/Select.js +0 -115
  497. package/node/lib/forms/select/internal/HiddenInput.js +0 -32
  498. package/node/lib/forms/select/internal/ListItem.js +0 -93
  499. package/node/lib/forms/select/internal/SelectButton.js +0 -64
  500. package/node/lib/forms/select/internal/SelectButtonContent.js +0 -44
  501. package/node/lib/forms/select/internal/SelectCheckbox.js +0 -26
  502. package/node/lib/forms/select/internal/SelectLabel.js +0 -23
  503. package/node/lib/forms/select/internal/SelectOptionsContainer.js +0 -109
  504. package/node/lib/forms/select/internal/SelectScrollContainer.js +0 -28
  505. package/node/lib/forms/select/internal/SelectWrapper.js +0 -27
  506. package/node/lib/forms/select/internal/index.js +0 -48
  507. package/node/lib/forms/select/internal/utils.js +0 -43
  508. package/node/lib/forms/select/select-option/SelectOption.js +0 -23
  509. package/node/lib/forms/select/utils.js +0 -23
  510. package/node/lib/forms/slider/Slider.js +0 -109
  511. package/node/lib/forms/switch/Switch.js +0 -58
  512. package/node/lib/forms/text-area/TextArea.js +0 -118
  513. package/node/lib/forms/text-input/TextInput.js +0 -98
  514. package/node/lib/forms/time-picker/TimePicker.js +0 -166
  515. package/node/lib/forms/time-picker/time-picker-dropdown/TimePickerDropdown.js +0 -219
  516. package/node/lib/forms/time-picker/time-picker-dropdown/TimePickerInput.js +0 -29
  517. package/node/lib/helper/index.js +0 -14
  518. package/node/lib/helper/setRef.js +0 -13
  519. package/node/lib/helper/types.js +0 -5
  520. package/node/lib/helper/useControlled.js +0 -28
  521. package/node/lib/helper/useForkRef.js +0 -26
  522. package/node/lib/helper/useId.js +0 -28
  523. package/node/lib/helper/useOnClickOutside.js +0 -24
  524. package/simplebar.min.css +0 -1
  525. /package/{lib → dist}/components/tab/interfaces.d.ts +0 -0
@@ -1,48 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _classnames = _interopRequireDefault(require("classnames"));
8
- var _react = require("react");
9
- var _AccordionItemContext = _interopRequireDefault(require("../AccordionItemContext.js"));
10
- var _jsxRuntime = require("react/jsx-runtime");
11
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
- const AccordionItemHeader = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
13
- let {
14
- children,
15
- className,
16
- ...props
17
- } = _ref;
18
- const {
19
- toggle,
20
- id
21
- } = (0, _react.useContext)(_AccordionItemContext.default);
22
- function handleKeyDown(event) {
23
- if (event.key === "Enter") {
24
- event.preventDefault();
25
- toggle?.(event);
26
- }
27
- }
28
- function handleKeyUp(event) {
29
- if (event.key === "Enter") {
30
- event.preventDefault();
31
- toggle?.(event);
32
- }
33
- }
34
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
35
- ref: ref,
36
- className: (0, _classnames.default)("fr-accordion-item-header", className),
37
- role: "button",
38
- tabIndex: 0,
39
- id: `${id}-header`,
40
- "aria-controls": `${id}-body`,
41
- onKeyDown: handleKeyDown,
42
- onKeyUp: handleKeyUp,
43
- onClick: toggle,
44
- ...props,
45
- children: children
46
- });
47
- });
48
- var _default = exports.default = AccordionItemHeader;
@@ -1,101 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = BottomSheet;
7
- var _classnames = _interopRequireDefault(require("classnames"));
8
- var _react = require("react");
9
- var _jsxRuntime = require("react/jsx-runtime");
10
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
11
- /* eslint-disable jsx-a11y/no-static-element-interactions */
12
- /* eslint-disable jsx-a11y/click-events-have-key-events */
13
-
14
- function BottomSheet(_ref) {
15
- let {
16
- children,
17
- open,
18
- defaultExpanded,
19
- expandFrom = "center",
20
- hasBackdrop = true,
21
- hideCloseIcon,
22
- onOpenChange
23
- } = _ref;
24
- const [expanded, setExpanded] = (0, _react.useState)(defaultExpanded);
25
- const [isClosing, setClosing] = (0, _react.useState)(false);
26
- const [startY, setStartY] = (0, _react.useState)(0);
27
- const [swiping, setSwiping] = (0, _react.useState)(false);
28
- function toggleExpand() {
29
- const newExpanded = !expanded;
30
- setExpanded(newExpanded);
31
- }
32
- function closeBottomSheet() {
33
- setClosing(true);
34
- setExpanded(defaultExpanded);
35
- setTimeout(() => {
36
- setClosing(false);
37
- onOpenChange?.(false);
38
- }, 300);
39
- }
40
- const handleTouchStart = event => {
41
- setStartY(event.touches[0].clientY);
42
- setSwiping(true);
43
- };
44
- const handleTouchMove = event => {
45
- if (!swiping) return;
46
- const currentY = event.touches[0].clientY;
47
- const deltaY = currentY - startY;
48
- if (deltaY < -50 && !expanded) {
49
- // swipe up to expand
50
- setExpanded(true);
51
- setSwiping(false);
52
- } else if (deltaY > 50 && expanded) {
53
- // swipe down to collapse
54
- setExpanded(false);
55
- setSwiping(false);
56
- } else if (deltaY > 100 && !expanded) {
57
- // swipe down to close
58
- closeBottomSheet();
59
- setSwiping(false);
60
- }
61
- };
62
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
63
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
64
- className: (0, _classnames.default)("fwe-bottom-sheet-backdrop", {
65
- "fwe-bottom-sheet-backdrop--visible": hasBackdrop && open && !isClosing
66
- }),
67
- onClick: closeBottomSheet
68
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
69
- className: (0, _classnames.default)("fwe-bottom-sheet-container", {
70
- "fwe-bottom-sheet-container--open": open,
71
- "fwe-bottom-sheet-container--expanded": expanded,
72
- "fwe-bottom-sheet-container--expand-from-center": expandFrom === "center",
73
- "fwe-bottom-sheet-container--with-backdrop": hasBackdrop,
74
- "fwe-bottom-sheet-container--closing": isClosing
75
- }),
76
- onTouchStart: handleTouchStart,
77
- onTouchMove: handleTouchMove,
78
- children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
79
- className: "fwe-bottom-sheet-header",
80
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
81
- className: "fwe-bottom-sheet-drag-handle-container",
82
- onClick: toggleExpand,
83
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
84
- className: "fwe-bottom-sheet-drag-handle"
85
- })
86
- }), !hideCloseIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
87
- type: "button",
88
- className: "fwe-bottom-sheet-close-btn",
89
- onClick: closeBottomSheet,
90
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
91
- className: "fwe-sr-only",
92
- children: "Close"
93
- })
94
- })]
95
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
96
- className: "fwe-bottom-sheet-content",
97
- children: children
98
- })]
99
- })]
100
- });
101
- }
@@ -1,56 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.WithoutCloseIcon = exports.WithoutBackdrop = exports.ExpandFromBottom = exports.Default = void 0;
7
- var _react = require("react");
8
- var _BottomSheet = _interopRequireDefault(require("./BottomSheet.js"));
9
- var _jsxRuntime = require("react/jsx-runtime");
10
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
11
- const meta = {
12
- component: _BottomSheet.default,
13
- title: "Components/Bottom Sheet",
14
- decorators: [Story => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
15
- style: {
16
- minHeight: 600
17
- },
18
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Story, {})
19
- })]
20
- };
21
- var _default = exports.default = meta;
22
- const Default = exports.Default = {
23
- render: args => {
24
- const [open, setOpen] = (0, _react.useState)(false);
25
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
26
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
27
- type: "button",
28
- className: "fwe-btn",
29
- onClick: () => setOpen(true),
30
- children: "Open"
31
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BottomSheet.default, {
32
- ...args,
33
- open: open,
34
- onOpenChange: setOpen
35
- })]
36
- });
37
- }
38
- };
39
- const WithoutBackdrop = exports.WithoutBackdrop = {
40
- args: {
41
- hasBackdrop: false
42
- },
43
- render: Default.render
44
- };
45
- const ExpandFromBottom = exports.ExpandFromBottom = {
46
- args: {
47
- expandFrom: "bottom"
48
- },
49
- render: Default.render
50
- };
51
- const WithoutCloseIcon = exports.WithoutCloseIcon = {
52
- args: {
53
- hideCloseIcon: true
54
- },
55
- render: Default.render
56
- };
@@ -1,47 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _classnames = _interopRequireDefault(require("classnames"));
9
- var _jsxRuntime = require("react/jsx-runtime");
10
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
11
- /**
12
- * Breadcrumb navigation can be used on pages with multiple navigation levels.
13
- */
14
- function Breadcrumb(_ref) {
15
- let {
16
- locations,
17
- onClick,
18
- children,
19
- className
20
- } = _ref;
21
- const childrenList = [];
22
- _react.default.Children.forEach(children, element => {
23
- if (/*#__PURE__*/_react.default.isValidElement(element)) {
24
- childrenList.push({
25
- ...element,
26
- props: {
27
- ...element.props,
28
- className: "fr-breadcrumb-location"
29
- }
30
- });
31
- }
32
- });
33
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
34
- className: (0, _classnames.default)("fwe-breadcrumb", className),
35
- children: locations ? locations.map(location => /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
36
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
37
- className: "fr-breadcrumb-location",
38
- href: location.url,
39
- onClick: e => onClick ? onClick(e) : undefined,
40
- children: location.label
41
- })
42
- }, location.url)) : childrenList.map(child => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
43
- children: [child, " "]
44
- }, child.props.children))
45
- });
46
- }
47
- var _default = exports.default = Breadcrumb;
@@ -1,56 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _classnames = _interopRequireDefault(require("classnames"));
8
- var _react = require("react");
9
- var _IconWrapper = _interopRequireDefault(require("../../icon-wrapper/IconWrapper.js"));
10
- var _jsxRuntime = require("react/jsx-runtime");
11
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
- const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
13
- let {
14
- icon,
15
- type = "button",
16
- disabled = false,
17
- iconOnly = false,
18
- large = false,
19
- floating = false,
20
- onClick,
21
- primary = false,
22
- tertiary = false,
23
- className,
24
- children,
25
- ...props
26
- } = _ref;
27
- const classes = (0, _classnames.default)("fwe-btn", "fr-button", {
28
- "fwe-btn-icon": iconOnly
29
- }, {
30
- "fwe-disabled": disabled
31
- }, {
32
- "fwe-btn-hero": primary && !tertiary
33
- }, {
34
- "fwe-btn-link": tertiary && !primary
35
- }, {
36
- "fwe-btn-lg": large
37
- }, {
38
- "fwe-btn-floating": floating
39
- }, className);
40
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
41
- // ignore here because fallback will explicitly be set to type 'button'
42
- // eslint-disable-next-line react/button-has-type
43
- type: type,
44
- onClick: onClick,
45
- className: classes,
46
- disabled: disabled,
47
- ref: ref,
48
- ...props,
49
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconWrapper.default, {
50
- icon: icon
51
- }), !iconOnly && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
52
- children: children
53
- })]
54
- });
55
- });
56
- var _default = exports.default = Button;
@@ -1,93 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.Tertiary = exports.Sizes = exports.Secondary = exports.Primary = exports.Overview = exports.IconOnly = exports.Icon = exports.Floating = void 0;
7
- var _reactIcons = require("@festo-ui/react-icons");
8
- var _Button = _interopRequireDefault(require("./Button.js"));
9
- var _jsxRuntime = require("react/jsx-runtime");
10
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
11
- const meta = {
12
- component: _Button.default,
13
- title: "Components/Buttons"
14
- };
15
- var _default = exports.default = meta;
16
- const Overview = exports.Overview = {
17
- render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
18
- children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
19
- className: "fwe-d-flex fwe-justify-content-space-between fwe-align-items-end",
20
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
21
- primary: true,
22
- children: "Hero"
23
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
24
- children: "Secondary"
25
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
26
- tertiary: true,
27
- children: "Tertiary"
28
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
29
- disabled: true,
30
- children: "Disabled"
31
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
32
- large: true,
33
- children: "Large"
34
- })]
35
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
36
- className: "fwe-mt-m fwe-mb-l fwe-d-flex fwe-justify-content-space-between fwe-align-items-end",
37
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
38
- icon: "ecommerce-core-range-product",
39
- children: "Icon from iconfont"
40
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
41
- icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcons.IconCoreRangeProduct, {}),
42
- children: "Icon from react icons"
43
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
44
- icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcons.IconCoreRangeProduct, {}),
45
- iconOnly: true
46
- })]
47
- })]
48
- })
49
- };
50
- const Primary = exports.Primary = {
51
- args: {
52
- primary: true,
53
- children: "Primary"
54
- }
55
- };
56
- const Secondary = exports.Secondary = {
57
- args: {
58
- children: "Secondary"
59
- }
60
- };
61
- const Tertiary = exports.Tertiary = {
62
- args: {
63
- tertiary: true,
64
- children: "Tertiary"
65
- }
66
- };
67
- const Sizes = exports.Sizes = {
68
- args: {
69
- children: "Large Button",
70
- large: true
71
- }
72
- };
73
- const Icon = exports.Icon = {
74
- args: {
75
- children: "With Icon",
76
- icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcons.IconCoreRangeProduct, {})
77
- }
78
- };
79
- const IconOnly = exports.IconOnly = {
80
- args: {
81
- iconOnly: true,
82
- icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcons.IconCoreRangeProduct, {})
83
- }
84
- };
85
- const Floating = exports.Floating = {
86
- args: {
87
- iconOnly: true,
88
- large: true,
89
- primary: true,
90
- floating: true,
91
- icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcons.IconCoreRangeProduct, {})
92
- }
93
- };
@@ -1,20 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _classnames = _interopRequireDefault(require("classnames"));
8
- var _jsxRuntime = require("react/jsx-runtime");
9
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
- function Card(_ref) {
11
- let {
12
- children,
13
- className
14
- } = _ref;
15
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
16
- className: (0, _classnames.default)("fwe-card", className),
17
- children: children
18
- });
19
- }
20
- var _default = exports.default = Card;
@@ -1,24 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _classnames = _interopRequireDefault(require("classnames"));
8
- var _jsxRuntime = require("react/jsx-runtime");
9
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
- function CardBody(_ref) {
11
- let {
12
- children,
13
- text,
14
- className
15
- } = _ref;
16
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
17
- className: (0, _classnames.default)("fwe-card-body", className),
18
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
19
- className: "fwe-card-text",
20
- children: text
21
- }), children]
22
- });
23
- }
24
- var _default = exports.default = CardBody;
@@ -1,36 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _classnames = _interopRequireDefault(require("classnames"));
8
- var _jsxRuntime = require("react/jsx-runtime");
9
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
- function CardHeader(_ref) {
11
- let {
12
- title,
13
- subtitle,
14
- action,
15
- image,
16
- className
17
- } = _ref;
18
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
19
- children: [image ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
20
- alt: image.alt,
21
- className: `fwe-card-img-${image.aspectRatio === "3/2" ? "32" : "169"}`,
22
- src: image.src
23
- }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
24
- className: (0, _classnames.default)("fwe-card-header", className),
25
- children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
26
- className: "fwe-card-title",
27
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h5", {
28
- children: title
29
- }), subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
30
- children: subtitle
31
- })]
32
- }), action]
33
- })]
34
- });
35
- }
36
- var _default = exports.default = CardHeader;
@@ -1,17 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _gallery01Webp = _interopRequireDefault(require("../../../../../web-essentials/stories/assets/gallery-01.webp.js"));
8
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
9
- /* eslint-disable import/no-relative-packages */
10
- // @ts-ignore
11
-
12
- const cardImage = {
13
- src: _gallery01Webp.default,
14
- alt: "Asset",
15
- aspectRatio: "16/9"
16
- };
17
- var _default = exports.default = cardImage;
@@ -1,32 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _classnames = _interopRequireDefault(require("classnames"));
8
- var _reactIcons = require("@festo-ui/react-icons");
9
- var _jsxRuntime = require("react/jsx-runtime");
10
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
11
- function CardNotification(_ref) {
12
- let {
13
- className,
14
- title,
15
- message
16
- } = _ref;
17
- const classes = (0, _classnames.default)("fwe-card-notification", className);
18
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
19
- className: classes,
20
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcons.IconWarning, {
21
- size: 24
22
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
23
- className: "fwe-card-title",
24
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h6", {
25
- children: title
26
- }), message && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
27
- children: message
28
- })]
29
- })]
30
- });
31
- }
32
- var _default = exports.default = CardNotification;
@@ -1,54 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.ChipType = void 0;
7
- var _classnames = _interopRequireDefault(require("classnames"));
8
- var _IconWrapper = _interopRequireDefault(require("../../icon-wrapper/IconWrapper.js"));
9
- var _jsxRuntime = require("react/jsx-runtime");
10
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
11
- let ChipType = exports.ChipType = /*#__PURE__*/function (ChipType) {
12
- ChipType[ChipType["Choice"] = 0] = "Choice";
13
- ChipType[ChipType["Category"] = 1] = "Category";
14
- ChipType[ChipType["Filter"] = 2] = "Filter";
15
- ChipType[ChipType["Readonly"] = 3] = "Readonly";
16
- return ChipType;
17
- }({});
18
- function Chip(_ref) {
19
- let {
20
- type = ChipType.Choice,
21
- selected = false,
22
- disabled = false,
23
- large = false,
24
- icon,
25
- children,
26
- onClick,
27
- className
28
- } = _ref;
29
- const classes = (0, _classnames.default)("fr-chip", "fwe-chip", {
30
- "fwe-selected": selected
31
- }, {
32
- "fwe-disabled": disabled
33
- }, {
34
- "fwe-chip-lg": large
35
- }, {
36
- "fwe-category": type === ChipType.Category
37
- }, {
38
- "fwe-filter": type === ChipType.Filter
39
- }, {
40
- "fwe-readonly": type === ChipType.Readonly
41
- }, className);
42
- return (
43
- /*#__PURE__*/
44
- // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
45
- (0, _jsxRuntime.jsxs)("div", {
46
- className: classes,
47
- onClick: onClick,
48
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconWrapper.default, {
49
- icon: icon
50
- }), children]
51
- })
52
- );
53
- }
54
- var _default = exports.default = Chip;
@@ -1,24 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _classnames = _interopRequireDefault(require("classnames"));
8
- var _jsxRuntime = require("react/jsx-runtime");
9
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
- function ChipContainer(_ref) {
11
- let {
12
- large = false,
13
- children,
14
- className
15
- } = _ref;
16
- const classes = (0, _classnames.default)("fwe-chip-container", {
17
- "fwe-chip-container-lg": large
18
- }, className);
19
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
20
- className: classes,
21
- children: children
22
- });
23
- }
24
- var _default = exports.default = ChipContainer;
@@ -1,23 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = IconWrapper;
7
- var _jsxRuntime = require("react/jsx-runtime");
8
- function IconWrapper(_ref) {
9
- let {
10
- icon
11
- } = _ref;
12
- if (!icon) return null;
13
- if (typeof icon === "string") {
14
- let iconName = icon;
15
- if (!icon.startsWith("fwe-icon-")) {
16
- iconName = `fwe-icon-${icon}`;
17
- }
18
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
19
- className: `fwe-icon ${iconName}`
20
- });
21
- }
22
- return icon;
23
- }
@@ -1,39 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _classnames = _interopRequireDefault(require("classnames"));
8
- var _react = require("react");
9
- var _IconWrapper = _interopRequireDefault(require("../icon-wrapper/IconWrapper.js"));
10
- var _jsxRuntime = require("react/jsx-runtime");
11
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
- const LinkButton = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
13
- let {
14
- icon,
15
- onClick,
16
- disabled = false,
17
- children,
18
- iconOnly = false,
19
- className,
20
- ...props
21
- } = _ref;
22
- const classes = (0, _classnames.default)("fwe-btn", "fwe-btn-link", {
23
- "fwe-disabled": disabled
24
- }, {
25
- "fwe-btn-icon": iconOnly
26
- }, className);
27
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
28
- onClick: onClick,
29
- type: "button",
30
- className: classes,
31
- disabled: disabled,
32
- ref: ref,
33
- ...props,
34
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconWrapper.default, {
35
- icon: icon
36
- }), !iconOnly && children]
37
- });
38
- });
39
- var _default = exports.default = LinkButton;