@cloudoperators/juno-ui-components 6.0.0 → 6.1.1

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 (220) hide show
  1. package/README.md +1 -1
  2. package/build/components/AppBody/AppBody.component.d.ts +18 -8
  3. package/build/components/AppBody/AppBody.component.d.ts.map +1 -1
  4. package/build/components/AppBody/AppBody.stories.d.ts.map +1 -1
  5. package/build/components/AppShell/AppShell.component.d.ts +39 -15
  6. package/build/components/AppShell/AppShell.component.d.ts.map +1 -1
  7. package/build/components/AppShellProvider/AppShellProvider.component.d.ts +30 -9
  8. package/build/components/AppShellProvider/AppShellProvider.component.d.ts.map +1 -1
  9. package/build/components/Badge/Badge.component.d.ts +20 -17
  10. package/build/components/Badge/Badge.component.d.ts.map +1 -1
  11. package/build/components/Box/Box.component.d.ts +16 -10
  12. package/build/components/Box/Box.component.d.ts.map +1 -1
  13. package/build/components/Breadcrumb/Breadcrumb.component.d.ts +14 -12
  14. package/build/components/Breadcrumb/Breadcrumb.component.d.ts.map +1 -1
  15. package/build/components/Breadcrumb/Breadcrumb.stories.d.ts +1 -1
  16. package/build/components/BreadcrumbItem/BreadcrumbItem.component.d.ts +25 -15
  17. package/build/components/BreadcrumbItem/BreadcrumbItem.component.d.ts.map +1 -1
  18. package/build/components/BreadcrumbItem/BreadcrumbItem.stories.d.ts +1 -1
  19. package/build/components/Button/Button.component.d.ts +48 -16
  20. package/build/components/Button/Button.component.d.ts.map +1 -1
  21. package/build/components/ButtonRow/ButtonRow.component.d.ts +21 -7
  22. package/build/components/ButtonRow/ButtonRow.component.d.ts.map +1 -1
  23. package/build/components/Card/Card.component.d.ts +13 -7
  24. package/build/components/Card/Card.component.d.ts.map +1 -1
  25. package/build/components/Checkbox/Checkbox.component.d.ts +69 -21
  26. package/build/components/Checkbox/Checkbox.component.d.ts.map +1 -1
  27. package/build/components/CheckboxGroup/CheckboxGroup.component.d.ts +43 -16
  28. package/build/components/CheckboxGroup/CheckboxGroup.component.d.ts.map +1 -1
  29. package/build/components/Code/Code.component.d.ts +17 -6
  30. package/build/components/Code/Code.component.d.ts.map +1 -1
  31. package/build/components/CodeBlock/CodeBlock.component.d.ts +39 -13
  32. package/build/components/CodeBlock/CodeBlock.component.d.ts.map +1 -1
  33. package/build/components/ComboBox/ComboBox.component.d.ts +70 -33
  34. package/build/components/ComboBox/ComboBox.component.d.ts.map +1 -1
  35. package/build/components/ComboBoxOption/ComboBoxOption.component.d.ts +22 -8
  36. package/build/components/ComboBoxOption/ComboBoxOption.component.d.ts.map +1 -1
  37. package/build/components/Container/Container.component.d.ts +20 -8
  38. package/build/components/Container/Container.component.d.ts.map +1 -1
  39. package/build/components/ContentAreaToolbar/ContentAreaToolbar.component.d.ts +11 -8
  40. package/build/components/ContentAreaToolbar/ContentAreaToolbar.component.d.ts.map +1 -1
  41. package/build/components/ContentContainer/ContentContainer.component.d.ts +10 -11
  42. package/build/components/ContentContainer/ContentContainer.component.d.ts.map +1 -1
  43. package/build/components/ContentHeading/ContentHeading.component.d.ts +13 -11
  44. package/build/components/ContentHeading/ContentHeading.component.d.ts.map +1 -1
  45. package/build/components/DataGrid/DataGrid.component.d.ts +31 -20
  46. package/build/components/DataGrid/DataGrid.component.d.ts.map +1 -1
  47. package/build/components/DataGridCell/DataGridCell.component.d.ts +19 -7
  48. package/build/components/DataGridCell/DataGridCell.component.d.ts.map +1 -1
  49. package/build/components/DataGridCheckboxCell/DataGridCheckboxCell.component.d.ts +23 -8
  50. package/build/components/DataGridCheckboxCell/DataGridCheckboxCell.component.d.ts.map +1 -1
  51. package/build/components/DataGridFoot/DataGridFoot.component.d.ts +17 -6
  52. package/build/components/DataGridFoot/DataGridFoot.component.d.ts.map +1 -1
  53. package/build/components/DataGridHeadCell/DataGridHeadCell.component.d.ts +9 -3
  54. package/build/components/DataGridHeadCell/DataGridHeadCell.component.d.ts.map +1 -1
  55. package/build/components/DataGridRow/DataGridRow.component.d.ts +10 -4
  56. package/build/components/DataGridRow/DataGridRow.component.d.ts.map +1 -1
  57. package/build/components/DataGridToolbar/DataGridToolbar.component.d.ts +21 -9
  58. package/build/components/DataGridToolbar/DataGridToolbar.component.d.ts.map +1 -1
  59. package/build/components/DateTimePicker/DateTimePicker.component.d.ts +13 -12
  60. package/build/components/DateTimePicker/DateTimePicker.component.d.ts.map +1 -1
  61. package/build/components/DateTimePicker/DateTimePicker.mappers.d.ts +24 -0
  62. package/build/components/DateTimePicker/DateTimePicker.mappers.d.ts.map +1 -0
  63. package/build/components/DateTimePicker/DateTimePicker.types.d.ts +79 -0
  64. package/build/components/DateTimePicker/DateTimePicker.types.d.ts.map +1 -0
  65. package/build/components/Form/Form.component.d.ts +9 -4
  66. package/build/components/Form/Form.component.d.ts.map +1 -1
  67. package/build/components/FormHint/FormHint.component.d.ts +13 -4
  68. package/build/components/FormHint/FormHint.component.d.ts.map +1 -1
  69. package/build/components/FormRow/FormRow.component.d.ts +10 -6
  70. package/build/components/FormRow/FormRow.component.d.ts.map +1 -1
  71. package/build/components/FormSection/FormSection.component.d.ts +9 -4
  72. package/build/components/FormSection/FormSection.component.d.ts.map +1 -1
  73. package/build/components/FormattedText/FormattedText.component.d.ts +13 -6
  74. package/build/components/FormattedText/FormattedText.component.d.ts.map +1 -1
  75. package/build/components/Grid/Grid.component.d.ts +11 -6
  76. package/build/components/Grid/Grid.component.d.ts.map +1 -1
  77. package/build/components/GridColumn/GridColumn.component.d.ts +11 -5
  78. package/build/components/GridColumn/GridColumn.component.d.ts.map +1 -1
  79. package/build/components/GridRow/GridRow.component.d.ts +9 -6
  80. package/build/components/GridRow/GridRow.component.d.ts.map +1 -1
  81. package/build/components/HeaderContainer/HeaderContainer.component.d.ts +21 -6
  82. package/build/components/HeaderContainer/HeaderContainer.component.d.ts.map +1 -1
  83. package/build/components/Icon/Icon.component.d.ts +22 -3
  84. package/build/components/Icon/Icon.component.d.ts.map +1 -1
  85. package/build/components/InputGroup/InputGroup.component.d.ts +8 -4
  86. package/build/components/InputGroup/InputGroup.component.d.ts.map +1 -1
  87. package/build/components/IntroBox/IntroBox.component.d.ts +32 -13
  88. package/build/components/IntroBox/IntroBox.component.d.ts.map +1 -1
  89. package/build/components/JsonViewer/JsonViewer.component.d.ts +38 -11
  90. package/build/components/JsonViewer/JsonViewer.component.d.ts.map +1 -1
  91. package/build/components/Label/Label.component.d.ts +32 -10
  92. package/build/components/Label/Label.component.d.ts.map +1 -1
  93. package/build/components/LoadingIndicator/LoadingIndicator.component.d.ts +12 -8
  94. package/build/components/LoadingIndicator/LoadingIndicator.component.d.ts.map +1 -1
  95. package/build/components/MainContainer/MainContainer.component.d.ts +15 -7
  96. package/build/components/MainContainer/MainContainer.component.d.ts.map +1 -1
  97. package/build/components/MainContainerInner/MainContainerInner.component.d.ts +19 -8
  98. package/build/components/MainContainerInner/MainContainerInner.component.d.ts.map +1 -1
  99. package/build/components/MainTabs/MainTabs.component.d.ts +25 -11
  100. package/build/components/MainTabs/MainTabs.component.d.ts.map +1 -1
  101. package/build/components/Message/Message.component.d.ts +15 -8
  102. package/build/components/Message/Message.component.d.ts.map +1 -1
  103. package/build/components/Modal/Modal.component.d.ts +91 -42
  104. package/build/components/Modal/Modal.component.d.ts.map +1 -1
  105. package/build/components/ModalFooter/ModalFooter.component.d.ts +47 -21
  106. package/build/components/ModalFooter/ModalFooter.component.d.ts.map +1 -1
  107. package/build/components/NativeSelect/NativeSelect.component.d.ts +16 -6
  108. package/build/components/NativeSelect/NativeSelect.component.d.ts.map +1 -1
  109. package/build/components/NativeSelectOption/NativeSelectOption.component.d.ts +9 -5
  110. package/build/components/NativeSelectOption/NativeSelectOption.component.d.ts.map +1 -1
  111. package/build/components/NativeSelectOptionGroup/NativeSelectOptionGroup.component.d.ts +10 -6
  112. package/build/components/NativeSelectOptionGroup/NativeSelectOptionGroup.component.d.ts.map +1 -1
  113. package/build/components/Navigation/Navigation.component.d.ts +30 -10
  114. package/build/components/Navigation/Navigation.component.d.ts.map +1 -1
  115. package/build/components/NavigationItem/NavigationItem.component.d.ts +56 -17
  116. package/build/components/NavigationItem/NavigationItem.component.d.ts.map +1 -1
  117. package/build/components/PageFooter/PageFooter.component.d.ts +17 -11
  118. package/build/components/PageFooter/PageFooter.component.d.ts.map +1 -1
  119. package/build/components/PageFooter/PageFooter.stories.d.ts +1 -1
  120. package/build/components/PageHeader/PageHeader.component.d.ts +17 -12
  121. package/build/components/PageHeader/PageHeader.component.d.ts.map +1 -1
  122. package/build/components/Pagination/Pagination.component.d.ts +5 -3
  123. package/build/components/Pagination/Pagination.component.d.ts.map +1 -1
  124. package/build/components/Panel/Panel.component.d.ts +4 -2
  125. package/build/components/Panel/Panel.component.d.ts.map +1 -1
  126. package/build/components/PanelBody/PanelBody.component.d.ts +4 -2
  127. package/build/components/PanelBody/PanelBody.component.d.ts.map +1 -1
  128. package/build/components/PanelFooter/PanelFooter.component.d.ts +4 -2
  129. package/build/components/PanelFooter/PanelFooter.component.d.ts.map +1 -1
  130. package/build/components/Pill/Pill.component.d.ts +7 -5
  131. package/build/components/Pill/Pill.component.d.ts.map +1 -1
  132. package/build/components/PopupMenu/PopupMenu.component.d.ts +30 -22
  133. package/build/components/PopupMenu/PopupMenu.component.d.ts.map +1 -1
  134. package/build/components/PortalProvider/PortalProvider.Portal.component.d.ts +6 -3
  135. package/build/components/PortalProvider/PortalProvider.Portal.component.d.ts.map +1 -1
  136. package/build/components/PortalProvider/PortalProvider.component.d.ts +8 -3
  137. package/build/components/PortalProvider/PortalProvider.component.d.ts.map +1 -1
  138. package/build/components/Radio/Radio.component.d.ts +8 -4
  139. package/build/components/Radio/Radio.component.d.ts.map +1 -1
  140. package/build/components/RadioGroup/RadioGroup.component.d.ts +7 -5
  141. package/build/components/RadioGroup/RadioGroup.component.d.ts.map +1 -1
  142. package/build/components/SearchInput/SearchInput.component.d.ts +9 -7
  143. package/build/components/SearchInput/SearchInput.component.d.ts.map +1 -1
  144. package/build/components/SecretText/SecretText.component.d.ts +11 -7
  145. package/build/components/SecretText/SecretText.component.d.ts.map +1 -1
  146. package/build/components/Select/Select.component.d.ts +8 -6
  147. package/build/components/Select/Select.component.d.ts.map +1 -1
  148. package/build/components/SelectDivider/SelectDivider.component.d.ts +7 -3
  149. package/build/components/SelectDivider/SelectDivider.component.d.ts.map +1 -1
  150. package/build/components/SelectOption/SelectOption.component.d.ts +15 -3
  151. package/build/components/SelectOption/SelectOption.component.d.ts.map +1 -1
  152. package/build/components/ShadowRoot/ShadowRoot.component.d.ts +5 -3
  153. package/build/components/ShadowRoot/ShadowRoot.component.d.ts.map +1 -1
  154. package/build/components/SideNavigation/SideNavigation.component.d.ts +8 -6
  155. package/build/components/SideNavigation/SideNavigation.component.d.ts.map +1 -1
  156. package/build/components/SideNavigationGroup/SideNavigationGroup.component.d.ts +5 -2
  157. package/build/components/SideNavigationGroup/SideNavigationGroup.component.d.ts.map +1 -1
  158. package/build/components/SideNavigationItem/SideNavigationItem.component.d.ts +7 -4
  159. package/build/components/SideNavigationItem/SideNavigationItem.component.d.ts.map +1 -1
  160. package/build/components/SideNavigationList/SideNavigationList.component.d.ts +10 -2
  161. package/build/components/SideNavigationList/SideNavigationList.component.d.ts.map +1 -1
  162. package/build/components/SideNavigationList/SideNavigationList.stories.d.ts.map +1 -1
  163. package/build/components/SignInForm/SignInForm.component.d.ts +39 -0
  164. package/build/components/SignInForm/SignInForm.component.d.ts.map +1 -0
  165. package/build/components/SignInForm/SignInForm.stories.d.ts +8 -0
  166. package/build/components/SignInForm/SignInForm.stories.d.ts.map +1 -0
  167. package/build/components/SignInForm/SignInForm.test.d.ts +2 -0
  168. package/build/components/SignInForm/SignInForm.test.d.ts.map +1 -0
  169. package/build/components/SignInForm/index.d.ts +3 -0
  170. package/build/components/SignInForm/index.d.ts.map +1 -0
  171. package/build/components/SortButton/SortButton.component.d.ts +14 -3
  172. package/build/components/SortButton/SortButton.component.d.ts.map +1 -1
  173. package/build/components/SortButton/SortButton.stories.d.ts.map +1 -1
  174. package/build/components/Spinner/Spinner.component.d.ts +8 -5
  175. package/build/components/Spinner/Spinner.component.d.ts.map +1 -1
  176. package/build/components/Stack/Stack.component.d.ts +6 -4
  177. package/build/components/Stack/Stack.component.d.ts.map +1 -1
  178. package/build/components/StyleProvider/StyleProvider.component.d.ts +3 -0
  179. package/build/components/StyleProvider/StyleProvider.component.d.ts.map +1 -1
  180. package/build/components/Switch/Switch.component.d.ts +8 -5
  181. package/build/components/Switch/Switch.component.d.ts.map +1 -1
  182. package/build/components/Tab/Tab.component.d.ts +9 -11
  183. package/build/components/Tab/Tab.component.d.ts.map +1 -1
  184. package/build/components/TabList/TabList.component.d.ts +9 -6
  185. package/build/components/TabList/TabList.component.d.ts.map +1 -1
  186. package/build/components/TabNavigation/TabNavigation.component.d.ts +8 -4
  187. package/build/components/TabNavigation/TabNavigation.component.d.ts.map +1 -1
  188. package/build/components/TabNavigationItem/TabNavigationItem.component.d.ts +11 -7
  189. package/build/components/TabNavigationItem/TabNavigationItem.component.d.ts.map +1 -1
  190. package/build/components/TabPanel/TabPanel.component.d.ts +7 -10
  191. package/build/components/TabPanel/TabPanel.component.d.ts.map +1 -1
  192. package/build/components/Tabs/Tabs.component.d.ts +9 -7
  193. package/build/components/Tabs/Tabs.component.d.ts.map +1 -1
  194. package/build/components/TextInput/TextInput.component.d.ts +11 -9
  195. package/build/components/TextInput/TextInput.component.d.ts.map +1 -1
  196. package/build/components/Textarea/Textarea.component.d.ts +11 -9
  197. package/build/components/Textarea/Textarea.component.d.ts.map +1 -1
  198. package/build/components/ThemeToggle/ThemeToggle.component.d.ts +4 -2
  199. package/build/components/ThemeToggle/ThemeToggle.component.d.ts.map +1 -1
  200. package/build/components/Toast/Toast.component.d.ts +8 -6
  201. package/build/components/Toast/Toast.component.d.ts.map +1 -1
  202. package/build/components/ToggleButton/ToggleButton.component.d.ts +21 -0
  203. package/build/components/ToggleButton/ToggleButton.component.d.ts.map +1 -1
  204. package/build/components/ToggleButton/ToggleButton.stories.d.ts.map +1 -1
  205. package/build/components/Tooltip/Tooltip.component.d.ts +8 -5
  206. package/build/components/Tooltip/Tooltip.component.d.ts.map +1 -1
  207. package/build/components/TooltipContent/TooltipContent.component.d.ts +5 -3
  208. package/build/components/TooltipContent/TooltipContent.component.d.ts.map +1 -1
  209. package/build/components/TooltipTrigger/TooltipTrigger.component.d.ts +5 -3
  210. package/build/components/TooltipTrigger/TooltipTrigger.component.d.ts.map +1 -1
  211. package/build/components/TopNavigation/TopNavigation.component.d.ts +8 -6
  212. package/build/components/TopNavigation/TopNavigation.component.d.ts.map +1 -1
  213. package/build/components/TopNavigationItem/TopNavigationItem.component.d.ts +10 -8
  214. package/build/components/TopNavigationItem/TopNavigationItem.component.d.ts.map +1 -1
  215. package/build/components/withDeprecationWarning/withDeprecationWarning.component.d.ts.map +1 -1
  216. package/build/index.d.ts +3 -0
  217. package/build/index.d.ts.map +1 -1
  218. package/build/index.js +3618 -3568
  219. package/build/juno-ui-components.css +1 -1
  220. package/package.json +1 -5
@@ -1 +1 @@
1
- {"version":3,"file":"SortButton.component.d.ts","sourceRoot":"","sources":["../../../src/components/SortButton/SortButton.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAEvC,KAAK,SAAS,GAAG,KAAK,GAAG,MAAM,CAAA;AAE/B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,UAAU,CAAC;IAC9E,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAA;IACtC;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAA;IAC3C,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,EAAE,CAAA;CACzD;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAchD,CAAA"}
1
+ {"version":3,"file":"SortButton.component.d.ts","sourceRoot":"","sources":["../../../src/components/SortButton/SortButton.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGxC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAEvC,KAAK,SAAS,GAAG,KAAK,GAAG,MAAM,CAAA;AAE/B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,UAAU,CAAC;IAC9E,8MAA8M;IAC9M,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,2LAA2L;IAC3L,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAA;IACtC;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAA;IAC3C,yPAAyP;IACzP,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,SAAS,CAAA;KAAE,EAAE,CAAA;CACnD;AAED;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,GAAI,wCAQxB,eAAe,KAAG,SAMpB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"SortButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SortButton/SortButton.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAGnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAoBjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAiB3B,CAAA"}
1
+ {"version":3,"file":"SortButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SortButton/SortButton.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAGnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAiBjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAiB3B,CAAA"}
@@ -1,10 +1,13 @@
1
- import { default as React } from 'react';
1
+ import { HTMLProps, ReactNode } from 'react';
2
2
  /**
3
- A generic Spinner component to indicate an individual component or portion of the UI is busy processing or awaiting data.
4
- To indicate full views, panels, or other larger parts of an interface are busy or waiting for data, use LoadingIndicator instead.*/
5
- export declare const Spinner: React.FC<SpinnerProps>;
3
+ * A generic Spinner component to indicate an individual component or portion of the UI is busy processing or awaiting data.
4
+ * To indicate full views, panels, or other larger parts of an interface are busy or waiting for data, use LoadingIndicator instead.
5
+ * @see https://cloudoperators.github.io/juno/?path=/docs/components-spinner--docs
6
+ * @see {@link SpinnerProps}
7
+ */
8
+ export declare const Spinner: ({ variant, size, className, color, ...props }: SpinnerProps) => ReactNode;
6
9
  type SpinnerVariant = "primary" | "danger" | "default" | "success" | "warning";
7
- export interface SpinnerProps extends Omit<React.HTMLProps<SVGSVGElement>, "size"> {
10
+ export interface SpinnerProps extends Omit<HTMLProps<SVGSVGElement>, "size"> {
8
11
  /** The semantic color variant of the Spinner */
9
12
  variant?: SpinnerVariant;
10
13
  /** The size of the spinner: `small`, `large`, or any valid CSS length like `1.5rem`*/
@@ -1 +1 @@
1
- {"version":3,"file":"Spinner.component.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AA6BzB;;mIAEmI;AACnI,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAqD1C,CAAA;AAED,KAAK,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAA;AAE9E,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChF,gDAAgD;IAChD,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,sFAAsF;IACtF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oMAAoM;IACpM,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
1
+ {"version":3,"file":"Spinner.component.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AA6BnD;;;;;GAKG;AACH,eAAO,MAAM,OAAO,GAAI,+CAMrB,YAAY,KAAG,SA+CjB,CAAA;AAED,KAAK,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAA;AAE9E,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAC1E,gDAAgD;IAChD,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,sFAAsF;IACtF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oMAAoM;IACpM,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
@@ -1,15 +1,17 @@
1
- import { default as React } from 'react';
1
+ import { HTMLProps, ReactNode } from 'react';
2
2
  /**
3
3
  * A Stack is a layout primitive that ensures its children are stacked either horizontally next to each other or vertically, one below the other.
4
4
  * In addition a gap can be defined which the Stack injects between its children so they have some margin from one another.
5
+ * @see https://cloudoperators.github.io/juno/?path=/docs/layout-stack--docs
6
+ * @see {@link StackProps}
5
7
  */
6
- export declare const Stack: React.FC<StackProps>;
8
+ export declare const Stack: ({ direction, gap, alignment, distribution, wrap, className, children, ...props }: StackProps) => ReactNode;
7
9
  export type StackDirection = "horizontal" | "vertical";
8
10
  export type StackAlignment = "start" | "end" | "center" | "baseline" | "stretch";
9
11
  export type StackDistribution = "start" | "end" | "center" | "between" | "around" | "evenly";
10
12
  export type StackGap = "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96";
11
- export interface StackProps extends Omit<React.HTMLProps<HTMLDivElement>, "wrap"> {
12
- children?: React.ReactNode;
13
+ export interface StackProps extends Omit<HTMLProps<HTMLDivElement>, "wrap"> {
14
+ children?: ReactNode;
13
15
  /** Pass css class names */
14
16
  className?: string;
15
17
  /** Stack items horizontally or vertically */
@@ -1 +1 @@
1
- {"version":3,"file":"Stack.component.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AA+HzB;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAkBtC,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,UAAU,CAAA;AACtD,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAA;AAChF,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAC5F,MAAM,MAAM,QAAQ,GAChB,GAAG,GACH,IAAI,GACJ,KAAK,GACL,GAAG,GACH,KAAK,GACL,GAAG,GACH,KAAK,GACL,GAAG,GACH,KAAK,GACL,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAA;AAER,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IAC/E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,uKAAuK;IACvK,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,gLAAgL;IAChL,YAAY,CAAC,EAAE,iBAAiB,CAAA;IAChC,0EAA0E;IAC1E,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,0HAA0H;IAC1H,GAAG,CAAC,EAAE,QAAQ,CAAA;CACf"}
1
+ {"version":3,"file":"Stack.component.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AA+HnD;;;;;GAKG;AACH,eAAO,MAAM,KAAK,GAAI,kFASnB,UAAU,KAAG,SASf,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,UAAU,CAAA;AACtD,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAA;AAChF,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAC5F,MAAM,MAAM,QAAQ,GAChB,GAAG,GACH,IAAI,GACJ,KAAK,GACL,GAAG,GACH,KAAK,GACL,GAAG,GACH,KAAK,GACL,GAAG,GACH,KAAK,GACL,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAA;AAER,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IACzE,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,uKAAuK;IACvK,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,gLAAgL;IAChL,YAAY,CAAC,EAAE,iBAAiB,CAAA;IAChC,0EAA0E;IAC1E,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,0HAA0H;IAC1H,GAAG,CAAC,EAAE,QAAQ,CAAA;CACf"}
@@ -27,6 +27,9 @@ export declare const DEFAULT_THEME_NAME = "theme-dark";
27
27
  * styles and fonts are added inline
28
28
  * ShadowRoot:
29
29
  * <ShadowRoot><StyleProvider>Content</StyleProvider></ShadowRoot>
30
+ *
31
+ * @see https://cloudoperators.github.io/juno/?path=/docs/layout-styleprovider--docs
32
+ * @see {@link StyleProviderProps}
30
33
  */
31
34
  export declare const StyleProvider: {
32
35
  ({ stylesWrapper, theme: themeProp, children, shadowRootMode, }: StyleProviderProps): React.JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"StyleProvider.component.d.ts","sourceRoot":"","sources":["../../../src/components/StyleProvider/StyleProvider.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAA0D,SAAS,EAAE,MAAM,OAAO,CAAA;AAChG,OAAO,EAAc,cAAc,EAAE,MAAM,oCAAoC,CAAA;AAO/E,KAAK,iBAAiB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAEhD,KAAK,YAAY,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAE3C,KAAK,kBAAkB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAEjD,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,MAAM,CAAA;IAEd,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,iBAAiB,CAAA;IAChC,WAAW,EAAE,YAAY,CAAA;IACzB,cAAc,EAAE,kBAAkB,CAAA;CACnC;AAKD,eAAO,MAAM,kBAAkB,eAAe,CAAA;AAE9C;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,aAAa;qEAKvB,kBAAkB;;CAwFpB,CAAA;AAED,KAAK,0BAA0B,GAAG,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAA;AAIlE,MAAM,WAAW,kBAAkB;IACjC,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,4FAA4F;IAC5F,aAAa,CAAC,EAAE,0BAA0B,CAAA;IAC1C,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mFAAmF;IACnF,cAAc,CAAC,EAAE,cAAc,CAAA;CAChC"}
1
+ {"version":3,"file":"StyleProvider.component.d.ts","sourceRoot":"","sources":["../../../src/components/StyleProvider/StyleProvider.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAA0D,SAAS,EAAc,MAAM,OAAO,CAAA;AAC5G,OAAO,EAAc,cAAc,EAAE,MAAM,oCAAoC,CAAA;AAO/E,KAAK,iBAAiB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAEhD,KAAK,YAAY,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAE3C,KAAK,kBAAkB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAEjD,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,MAAM,CAAA;IAEd,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,iBAAiB,CAAA;IAChC,WAAW,EAAE,YAAY,CAAA;IACzB,cAAc,EAAE,kBAAkB,CAAA;CACnC;AAKD,eAAO,MAAM,kBAAkB,eAAe,CAAA;AAE9C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,aAAa;qEAKvB,kBAAkB;;CAwFpB,CAAA;AAED,KAAK,0BAA0B,GAAG,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAA;AAIlE,MAAM,WAAW,kBAAkB;IACjC,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,4FAA4F;IAC5F,aAAa,CAAC,EAAE,0BAA0B,CAAA;IAC1C,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mFAAmF;IACnF,cAAc,CAAC,EAAE,cAAc,CAAA;CAChC"}
@@ -1,6 +1,6 @@
1
- import { default as React, ReactNode } from 'react';
1
+ import { ReactNode, ButtonHTMLAttributes, ChangeEvent, MouseEvent } from 'react';
2
2
  type SwitchSize = "small" | "default" | "large";
3
- export interface SwitchProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "ref"> {
3
+ export interface SwitchProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "ref"> {
4
4
  /**
5
5
  * HTML name attribute for the switch button
6
6
  */
@@ -56,11 +56,11 @@ export interface SwitchProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonE
56
56
  /**
57
57
  * Callback function to handle changes to the switch state
58
58
  */
59
- onChange?: (event: React.ChangeEvent<HTMLButtonElement>) => void;
59
+ onChange?: (event: ChangeEvent<HTMLButtonElement>) => void;
60
60
  /**
61
61
  * Callback function to handle click events on the switch
62
62
  */
63
- onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
63
+ onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
64
64
  /**
65
65
  * Custom class name to apply to the wrapper element
66
66
  * Useful for styling and positioning the outermost element of the component
@@ -71,7 +71,10 @@ export interface SwitchProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonE
71
71
  * A basic switch component for toggling between two options.
72
72
  * Use this component for interactions that produce immediate results.
73
73
  * For form scenarios requiring submission, use checkboxes instead.
74
+ *
75
+ * @see https://cloudoperators.github.io/juno/?path=/docs/forms-switch--docs
76
+ * @see {@link SwitchProps}
74
77
  */
75
- export declare const Switch: React.FC<SwitchProps>;
78
+ export declare const Switch: ({ name, id, label, required, size, on, disabled, invalid, valid, helptext, errortext, successtext, className, onChange, onClick, wrapperClassName, ...props }: SwitchProps) => ReactNode;
76
79
  export {};
77
80
  //# sourceMappingURL=Switch.component.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.component.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAuC,SAAS,EAAE,MAAM,OAAO,CAAA;AAmE7E,KAAK,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;AAE/C,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC7F;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB;;OAEG;IACH,EAAE,CAAC,EAAE,OAAO,CAAA;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IAEH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAChE;;OAEG;IAEH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAC9D;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAsDD;;;;GAIG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAiGxC,CAAA"}
1
+ {"version":3,"file":"Switch.component.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAKZ,SAAS,EACT,oBAAoB,EACpB,WAAW,EACX,UAAU,EACX,MAAM,OAAO,CAAA;AAmEd,KAAK,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;AAE/C,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC;IACvF;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB;;OAEG;IACH,EAAE,CAAC,EAAE,OAAO,CAAA;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IAEH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAC1D;;OAEG;IAEH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IACxD;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAsDD;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM,GAAI,+JAkBpB,WAAW,KAAG,SA+EhB,CAAA"}
@@ -1,24 +1,22 @@
1
- import { default as React } from 'react';
2
- import { TabProps as ReactTabProps } from 'react-tabs';
1
+ import { HTMLProps, ReactNode } from 'react';
3
2
  import { KnownIcons } from '../Icon/Icon.component';
4
- /** A Tab Component representing an individual Tab inside a wrapping TabList inside a wrapping Tabs component. Not to be used standalone outside of the mentioned parent components.
5
-
6
-
7
- */
3
+ /**
4
+ * A Tab Component representing an individual Tab inside a wrapping TabList inside a wrapping Tabs component. Not to be used standalone outside of the mentioned parent components.
5
+ * @see https://cloudoperators.github.io/juno/?path=/docs/layout-tabs-tab--docs
6
+ * @see {@link TabProps}
7
+ */
8
8
  export declare const Tab: {
9
- ({ children, label, icon, disabled, className, ...props }: TabProps): React.JSX.Element;
9
+ ({ children, label, icon, disabled, className, ...props }: TabProps): ReactNode;
10
10
  tabsRole: string;
11
11
  };
12
- export interface TabProps extends ReactTabProps {
12
+ export interface TabProps extends Omit<HTMLProps<HTMLLIElement>, "tabIndex"> {
13
13
  /** The children to render inside the Tab (-button) */
14
- children?: React.ReactNode;
14
+ children?: ReactNode;
15
15
  /** The Tab label (only rendered when no children are supplied) */
16
16
  label?: string;
17
17
  /** Pass the name of an icon to render in the Tab. Can be any icon included with Juno. */
18
18
  icon?: KnownIcons;
19
19
  /** Whether the Tab is disabled */
20
20
  disabled?: boolean;
21
- /** Add custom classNames to the Tab */
22
- className?: string;
23
21
  }
24
22
  //# sourceMappingURL=Tab.component.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tab.component.d.ts","sourceRoot":"","sources":["../../../src/components/Tab/Tab.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAmB,QAAQ,IAAI,aAAa,EAAE,MAAM,YAAY,CAAA;AAEvE,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAyBnD;;;EAGE;AACF,eAAO,MAAM,GAAG;+DAAgF,QAAQ;;CAavG,CAAA;AAID,MAAM,WAAW,QAAS,SAAQ,aAAa;IAC7C,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yFAAyF;IACzF,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
1
+ {"version":3,"file":"Tab.component.d.ts","sourceRoot":"","sources":["../../../src/components/Tab/Tab.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGnD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAyBnD;;;;GAIG;AACH,eAAO,MAAM,GAAG;+DAOb,QAAQ,GAAG,SAAS;;CAatB,CAAA;AAID,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC;IAC1E,sDAAsD;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yFAAyF;IACzF,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}
@@ -1,15 +1,18 @@
1
- import { default as React } from 'react';
2
- import { TabListProps as ReactTabListProps } from 'react-tabs';
1
+ import { HTMLAttributes, ReactNode } from 'react';
3
2
  import { TabsVariant } from '../Tabs/Tabs.component';
4
- /** A tabList component wraps all individual Tabs inside a parent Tabs component */
3
+ /**
4
+ * A tabList component wraps all individual Tabs inside a parent Tabs component
5
+ * @see https://cloudoperators.github.io/juno/?path=/docs/layout-tabs-tablist--docs
6
+ * @see {@link TabListProps}
7
+ */
5
8
  export declare const TabList: {
6
- ({ variant, children, ...props }: TabListProps): React.JSX.Element;
9
+ ({ variant, children, ...props }: TabListProps): ReactNode;
7
10
  tabsRole: string;
8
11
  };
9
- export interface TabListProps extends ReactTabListProps {
12
+ export interface TabListProps extends HTMLAttributes<HTMLUListElement> {
10
13
  /** Pick the TabList style */
11
14
  variant?: TabsVariant;
12
15
  /** The individual child Tabs to render */
13
- children?: React.ReactNode;
16
+ children?: ReactNode;
14
17
  }
15
18
  //# sourceMappingURL=TabList.component.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TabList.component.d.ts","sourceRoot":"","sources":["../../../src/components/TabList/TabList.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAA2B,YAAY,IAAI,iBAAiB,EAAE,MAAM,YAAY,CAAA;AACvF,OAAO,EAAE,WAAW,EAAkB,MAAM,wBAAwB,CAAA;AA0BpE,mFAAmF;AAEnF,eAAO,MAAM,OAAO;sCAAiD,YAAY;;CAYhF,CAAA;AAID,MAAM,WAAW,YAAa,SAAQ,iBAAiB;IACrD,6BAA6B;IAC7B,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B"}
1
+ {"version":3,"file":"TabList.component.d.ts","sourceRoot":"","sources":["../../../src/components/TabList/TabList.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,EAAE,WAAW,EAAkB,MAAM,wBAAwB,CAAA;AA0BpE;;;;GAIG;AAEH,eAAO,MAAM,OAAO;sCAAiD,YAAY,GAAG,SAAS;;CAY5F,CAAA;AAID,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IACpE,6BAA6B;IAC7B,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB"}
@@ -1,12 +1,16 @@
1
- import { default as React, ReactNode } from 'react';
1
+ import { default as React, HTMLAttributes, ReactNode } from 'react';
2
2
  export interface TabNavigationContextType {
3
3
  tabStyle: TabStyle;
4
4
  }
5
5
  export declare const TabNavigationContext: React.Context<TabNavigationContextType | undefined>;
6
- /** A Tab Navigation parent component. Use to wrap `<TabNavigationItem>` elements inside. For tabs with corresponding tab panels, use `<Tabs>` instead. */
7
- export declare const TabNavigation: React.FC<TabNavigationProps>;
6
+ /**
7
+ * A TabNavigation parent component. Use to wrap `<TabNavigationItem>` elements inside. For tabs with corresponding tab panels, use `<Tabs>` instead.
8
+ * @see https://cloudoperators.github.io/juno/?path=/docs/navigation-tabnavigation-tabnavigation--docs
9
+ * @see {@link TabNavigationProps}
10
+ */
11
+ export declare const TabNavigation: ({ activeItem, ariaLabel, children, className, disabled, onActiveItemChange, tabStyle, ...props }: TabNavigationProps) => ReactNode;
8
12
  export type TabStyle = "main" | "content";
9
- export interface TabNavigationProps extends React.HTMLAttributes<HTMLElement> {
13
+ export interface TabNavigationProps extends HTMLAttributes<HTMLElement> {
10
14
  /** The label of the selected tab. The `activeItem` prop set on the parent will override / take precedence over any `active` prop that may be set on a child. */
11
15
  activeItem?: ReactNode;
12
16
  /** The aria-label of the navigation. Specify when there are more than one elements with an implicit or explicit `role="navigation"` on a page/view. */
@@ -1 +1 @@
1
- {"version":3,"file":"TabNavigation.component.d.ts","sourceRoot":"","sources":["../../../src/components/TabNavigation/TabNavigation.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAQvD,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,QAAQ,CAAA;CACnB;AAED,eAAO,MAAM,oBAAoB,qDAAiE,CAAA;AAElG,0JAA0J;AAC1J,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkCtD,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAA;AAEzC,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC3E,gKAAgK;IAChK,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,uJAAuJ;IACvJ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yHAAyH;IACzH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uDAAuD;IAEvD,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,KAAK,IAAI,CAAA;IACpD,0UAA0U;IAC1U,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB"}
1
+ {"version":3,"file":"TabNavigation.component.d.ts","sourceRoot":"","sources":["../../../src/components/TabNavigation/TabNavigation.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAiB,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQvE,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,QAAQ,CAAA;CACnB;AAED,eAAO,MAAM,oBAAoB,qDAAiE,CAAA;AAElG;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,kGAS3B,kBAAkB,KAAG,SAyBvB,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAA;AAEzC,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACrE,gKAAgK;IAChK,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,uJAAuJ;IACvJ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yHAAyH;IACzH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uDAAuD;IAEvD,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,KAAK,IAAI,CAAA;IACpD,0UAA0U;IAC1U,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB"}
@@ -1,14 +1,18 @@
1
- import { default as React } from 'react';
1
+ import { HTMLAttributes, MouseEventHandler, ReactNode } from 'react';
2
2
  import { KnownIcons } from '../Icon/Icon.component.js';
3
- /** An individual Tab Navigation Item. Use wrapped in a `<TabNavigation>` parent component. */
4
- export declare const TabNavigationItem: React.FC<TabNavigationItemProps>;
5
- export interface TabNavigationItemProps extends React.HTMLAttributes<HTMLElement> {
3
+ /**
4
+ * An individual Tab Navigation Item. Use wrapped in a `<TabNavigation>` parent component.
5
+ * @see https://cloudoperators.github.io/juno/?path=/docs/navigation-tabnavigation-tabnavigationitem--docs
6
+ * @see {@link TabProps}
7
+ */
8
+ export declare const TabNavigationItem: ({ active, ariaLabel, children, className, disabled, href, icon, label, onClick, value, ...props }: TabNavigationItemProps) => ReactNode;
9
+ export interface TabNavigationItemProps extends HTMLAttributes<HTMLElement> {
6
10
  /** Whether the tab navigation item is active */
7
11
  active?: boolean;
8
12
  /** The aria label of the item */
9
13
  ariaLabel?: string;
10
14
  /** The children to render. In order to make the navigation work, you also need to pass a `value` or `label` prop, or both. */
11
- children?: React.ReactNode;
15
+ children?: ReactNode;
12
16
  /** Pass a custom className */
13
17
  className?: string;
14
18
  /** Whether the tab navigation item is disabled */
@@ -19,8 +23,8 @@ export interface TabNavigationItemProps extends React.HTMLAttributes<HTMLElement
19
23
  /** The label of the tab navigation item. Must be unique within any given `<TabNavigation>` group. */
20
24
  label?: string;
21
25
  /** Pass a custom handler to execute when the tab is clicked */
22
- onClick?: React.MouseEventHandler<HTMLElement>;
23
- /** An optional technical identifier fort the tab. If not passed, the label will be used to identify the tab. NOTE: If value is passed, the value of the active tab MUST be used when setting the activeItem prop on the parent TabNavigation.*/
26
+ onClick?: MouseEventHandler<HTMLElement>;
27
+ /** An optional technical identifier for the tab. If not passed, the label will be used to identify the tab. NOTE: If value is passed, the value of the active tab MUST be used when setting the activeItem prop on the parent TabNavigation.*/
24
28
  value?: string;
25
29
  }
26
30
  //# sourceMappingURL=TabNavigationItem.component.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TabNavigationItem.component.d.ts","sourceRoot":"","sources":["../../../src/components/TabNavigationItem/TabNavigationItem.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAGzC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAsBtD,8FAA8F;AAC9F,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAwC9D,CAAA;AAED,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC/E,gDAAgD;IAChD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,8HAA8H;IAC9H,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yFAAyF;IACzF,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,qGAAqG;IACrG,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+DAA+D;IAC/D,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC9C,gPAAgP;IAChP,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
1
+ {"version":3,"file":"TabNavigationItem.component.d.ts","sourceRoot":"","sources":["../../../src/components/TabNavigationItem/TabNavigationItem.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAc,MAAM,OAAO,CAAA;AAGvF,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAsBtD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,mGAY/B,sBAAsB,KAAG,SA4B3B,CAAA;AAED,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACzE,gDAAgD;IAChD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,8HAA8H;IAC9H,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yFAAyF;IACzF,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,qGAAqG;IACrG,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+DAA+D;IAC/D,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IACxC,+OAA+O;IAC/O,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
@@ -1,16 +1,13 @@
1
- import { default as React } from 'react';
2
- import { TabPanelProps as ReactTabPanelProps } from 'react-tabs';
1
+ import { HTMLAttributes, ReactNode } from 'react';
3
2
  /**
4
- The TabPanel holds content related to a Tab in a TabList in a wrapping Tab component. Not to be used standalone / outside a Tabs wrapper.
5
- */
3
+ * The TabPanel holds content related to a Tab in a TabList in a wrapping Tab component. Not to be used standalone / outside a Tabs wrapper.
4
+ * * @see https://cloudoperators.github.io/juno/?path=/docs/layout-tabs-tabpanel--docs
5
+ * @see {@link TabPanelProps}
6
+ */
6
7
  export declare const TabPanel: {
7
- ({ children, className, ...props }: TabPanelProps): React.JSX.Element;
8
+ ({ children, className, ...props }: TabPanelProps): ReactNode;
8
9
  tabsRole: string;
9
10
  };
10
- export interface TabPanelProps extends ReactTabPanelProps {
11
- /** The content to show/render when the associated Tab is selected */
12
- children?: React.ReactNode;
13
- /** Add a custom classList to the TabPanel */
14
- className?: string;
11
+ export interface TabPanelProps extends HTMLAttributes<HTMLDivElement> {
15
12
  }
16
13
  //# sourceMappingURL=TabPanel.component.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TabPanel.component.d.ts","sourceRoot":"","sources":["../../../src/components/TabPanel/TabPanel.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAA6B,aAAa,IAAI,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAE3F;;EAEE;AAEF,eAAO,MAAM,QAAQ;wCAA4C,aAAa;;CAM7E,CAAA;AAID,MAAM,WAAW,aAAc,SAAQ,kBAAkB;IACvD,qEAAqE;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
1
+ {"version":3,"file":"TabPanel.component.d.ts","sourceRoot":"","sources":["../../../src/components/TabPanel/TabPanel.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGxD;;;;GAIG;AAEH,eAAO,MAAM,QAAQ;wCAA4C,aAAa,GAAG,SAAS;;CAMzF,CAAA;AAID,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;CAEpE"}
@@ -1,14 +1,16 @@
1
- import { default as React } from 'react';
1
+ import { default as React, ReactNode } from 'react';
2
2
  export interface TabsContextType {
3
3
  variant?: TabsVariant;
4
4
  }
5
5
  export declare const useTabsContext: () => TabsContextType;
6
6
  /**
7
- A Tabs component.
8
- The parent wrapping TabList, Tab, and TabPanel subcomponents.
9
- For a navigation that looks like tabs, but runs onClick handlers or contains hrefs, use TabNavigation instead.
10
- Tabs are used to provide a tabbed section within the content area when combining static content and tabbed content on the same page. You will probably want to use a 'Container' (px=false) inside the TabPanels to get nice padding.
11
- */
7
+ * A Tabs component.
8
+ * The parent wrapping TabList, Tab, and TabPanel subcomponents.
9
+ * For a navigation that looks like tabs, but runs onClick handlers or contains hrefs, use TabNavigation instead.
10
+ * Tabs are used to provide a tabbed section within the content area when combining static content and tabbed content on the same page. You will probably want to use a 'Container' (px=false) inside the TabPanels to get nice padding.
11
+ * @see https://cloudoperators.github.io/juno/?path=/docs/layout-tabs-tabs--docs
12
+ * @see {@link TabsProps}
13
+ */
12
14
  export declare const Tabs: {
13
15
  ({ children, defaultIndex, selectedIndex, onSelect, variant, className, ...props }: TabsProps): React.JSX.Element;
14
16
  tabsRole: string;
@@ -16,7 +18,7 @@ export declare const Tabs: {
16
18
  export type TabsVariant = "main" | "content" | "codeblocks";
17
19
  export interface TabsProps {
18
20
  /** All the child elements of the Tabs: Tab(s) inside a TabList and TabPanel(s) */
19
- children?: React.ReactNode;
21
+ children?: ReactNode;
20
22
  /** The index of the Tab to be selected by default in "Uncontrolled Mode" (default) where Tabs handle their state internally. Do not use in "Controlled Mode".*/
21
23
  defaultIndex?: number;
22
24
  /** The index of the Tab to be selected by default. This enables "Controlled Mode" where the developer takes over control of the Tabs state and behaviour. Requires onSelect to be set.*/
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.component.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAGlD,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,WAAW,CAAA;CACtB;AAGD,eAAO,MAAM,cAAc,uBAAsC,CAAA;AAEjE;;;;;EAKE;AAEF,eAAO,MAAM,IAAI;wFAWd,SAAS;;CA6BX,CAAA;AAID,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,YAAY,CAAA;AAE3D,MAAM,WAAW,SAAS;IACxB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,gKAAgK;IAChK,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,yLAAyL;IACzL,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,4CAA4C;IAE5C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,sDAAsD;IACtD,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
1
+ {"version":3,"file":"Tabs.component.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAiB,SAAS,EAAmC,MAAM,OAAO,CAAA;AAGxF,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,WAAW,CAAA;CACtB;AAGD,eAAO,MAAM,cAAc,uBAAgC,CAAA;AAE3D;;;;;;;GAOG;AAEH,eAAO,MAAM,IAAI;wFAWd,SAAS;;CA6BX,CAAA;AAID,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,YAAY,CAAA;AAE3D,MAAM,WAAW,SAAS;IACxB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,gKAAgK;IAChK,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,yLAAyL;IACzL,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,4CAA4C;IAE5C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,sDAAsD;IACtD,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
@@ -1,12 +1,14 @@
1
- import { default as React, ReactNode } from 'react';
1
+ import { ReactNode, ChangeEventHandler, FocusEventHandler, InputHTMLAttributes } from 'react';
2
2
  /**
3
- A controlled Text Input.
4
- Also covers email, telephone, password, url derivates.
5
- */
6
- export declare const TextInput: React.FC<TextInputProps>;
3
+ * A controlled Text Input.
4
+ * Also covers email, telephone, password, URL derivatives.
5
+ * @see https://cloudoperators.github.io/juno/?path=/docs/forms-textinput--docs
6
+ * @see {@link TextInputProps}
7
+ */
8
+ export declare const TextInput: ({ value, id, name, placeholder, disabled, readOnly, required, invalid, valid, autoFocus, className, autoComplete, helptext, successtext, errortext, onChange, onFocus, onBlur, type, label, width, wrapperClassName, ...props }: TextInputProps) => ReactNode;
7
9
  type TextInputType = "text" | "email" | "password" | "tel" | "url" | "number";
8
10
  type TextInputWidth = "full" | "auto";
9
- export interface TextInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
11
+ export interface TextInputProps extends InputHTMLAttributes<HTMLInputElement> {
10
12
  /** Pass a name attribute */
11
13
  name?: string;
12
14
  /** Pass a value */
@@ -32,11 +34,11 @@ export interface TextInputProps extends React.InputHTMLAttributes<HTMLInputEleme
32
34
  /** Pass a valid autocomplete value. We do not police validity. */
33
35
  autoComplete?: string;
34
36
  /** Pass a change handler */
35
- onChange?: React.ChangeEventHandler<HTMLInputElement>;
37
+ onChange?: ChangeEventHandler<HTMLInputElement>;
36
38
  /** Pass a focus handler */
37
- onFocus?: React.FocusEventHandler<HTMLInputElement>;
39
+ onFocus?: FocusEventHandler<HTMLInputElement>;
38
40
  /** Pass a blur handler */
39
- onBlur?: React.FocusEventHandler<HTMLInputElement>;
41
+ onBlur?: FocusEventHandler<HTMLInputElement>;
40
42
  /** Specify the type attribute. Defaults to an input with no type attribute, which in turn will be treateas as type="text" by browsers. */
41
43
  type?: TextInputType;
42
44
  /** The label of the input */
@@ -1 +1 @@
1
- {"version":3,"file":"TextInput.component.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/TextInput.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAA+C,SAAS,EAAE,MAAM,OAAO,CAAA;AAIrF,OAAO,iBAAiB,CAAA;AAoExB;;;EAGE;AACF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiK9C,CAAA;AAED,KAAK,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAA;AAC7E,KAAK,cAAc,GAAG,MAAM,GAAG,MAAM,CAAA;AAErC,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACjF,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,iBAAiB;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iCAAiC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IACrD,2BAA2B;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IACnD,0BAA0B;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAClD,0IAA0I;IAC1I,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gFAAgF;IAChF,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qEAAqE;IACrE,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,iFAAiF;IACjF,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,sEAAsE;IACtE,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,6KAA6K;IAC7K,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B"}
1
+ {"version":3,"file":"TextInput.component.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/TextInput.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAMZ,SAAS,EACT,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EAGpB,MAAM,OAAO,CAAA;AAId,OAAO,iBAAiB,CAAA;AAoExB;;;;;GAKG;AACH,eAAO,MAAM,SAAS,GAAI,iOAwBvB,cAAc,KAAG,SAyInB,CAAA;AAED,KAAK,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAA;AAC7E,KAAK,cAAc,GAAG,MAAM,GAAG,MAAM,CAAA;AAErC,MAAM,WAAW,cAAe,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAC3E,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,iBAAiB;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iCAAiC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IAC/C,2BAA2B;IAC3B,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC7C,0BAA0B;IAC1B,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC5C,0IAA0I;IAC1I,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gFAAgF;IAChF,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qEAAqE;IACrE,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,iFAAiF;IACjF,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,sEAAsE;IACtE,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,6KAA6K;IAC7K,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B"}
@@ -1,11 +1,13 @@
1
- import { default as React, ReactNode } from 'react';
1
+ import { ReactNode, HTMLProps, ChangeEventHandler, FocusEventHandler } from 'react';
2
2
  /**
3
- A controlled Text Input.
4
- Also covers email, telephone, password, url derivates.
5
- */
6
- export declare const Textarea: React.FC<TextareaProps>;
3
+ * A controlled Text Input.
4
+ * Also covers email, telephone, password, URL derivatives.
5
+ * @see https://cloudoperators.github.io/juno/?path=/docs/forms-textarea--docs
6
+ * @see {@link TextareaProps}
7
+ */
8
+ export declare const Textarea: ({ name, value, id, placeholder, disabled, readOnly, required, invalid, valid, autoFocus, className, autoComplete, helptext, successtext, errortext, onChange, onFocus, onBlur, label, width, wrapperClassName, ...props }: TextareaProps) => ReactNode;
7
9
  type WidthType = "full" | "auto";
8
- export interface TextareaProps extends React.HTMLProps<HTMLTextAreaElement> {
10
+ export interface TextareaProps extends HTMLProps<HTMLTextAreaElement> {
9
11
  /** Pass a name attribute */
10
12
  name?: string;
11
13
  /** The label of the textarea */
@@ -33,11 +35,11 @@ export interface TextareaProps extends React.HTMLProps<HTMLTextAreaElement> {
33
35
  /** Pass a valid autocomplete value. We do not police validity. */
34
36
  autoComplete?: string;
35
37
  /** Pass a change handler */
36
- onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
38
+ onChange?: ChangeEventHandler<HTMLTextAreaElement>;
37
39
  /** Pass a focus handler */
38
- onFocus?: React.FocusEventHandler<HTMLTextAreaElement>;
40
+ onFocus?: FocusEventHandler<HTMLTextAreaElement>;
39
41
  /** Pass a blur handler */
40
- onBlur?: React.FocusEventHandler<HTMLTextAreaElement>;
42
+ onBlur?: FocusEventHandler<HTMLTextAreaElement>;
41
43
  /** A helptext to render to explain meaning and significance of the Textarea */
42
44
  helptext?: ReactNode;
43
45
  /** A text to render when the Textarea was successfully validated */
@@ -1 +1 @@
1
- {"version":3,"file":"Textarea.component.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAA+C,SAAS,EAAE,MAAM,OAAO,CAAA;AA0ErF;;;EAGE;AACF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA+J5C,CAAA;AAED,KAAK,SAAS,GAAG,MAAM,GAAG,MAAM,CAAA;AAEhC,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC;IACzE,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,iBAAiB;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iCAAiC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAA;IACxD,2BAA2B;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IACtD,0BAA0B;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IACrD,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,oEAAoE;IACpE,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,gFAAgF;IAChF,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,oEAAoE;IACpE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,6KAA6K;IAC7K,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B"}
1
+ {"version":3,"file":"Textarea.component.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAMZ,SAAS,EAET,SAAS,EACT,kBAAkB,EAClB,iBAAiB,EAElB,MAAM,OAAO,CAAA;AA0Ed;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,GAAI,2NAuBtB,aAAa,KAAG,SAwIlB,CAAA;AAED,KAAK,SAAS,GAAG,MAAM,GAAG,MAAM,CAAA;AAEhC,MAAM,WAAW,aAAc,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACnE,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,iBAAiB;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iCAAiC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,CAAA;IAClD,2BAA2B;IAC3B,OAAO,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IAChD,0BAA0B;IAC1B,MAAM,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IAC/C,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,oEAAoE;IACpE,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,gFAAgF;IAChF,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,oEAAoE;IACpE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,6KAA6K;IAC7K,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B"}
@@ -1,4 +1,4 @@
1
- import { default as React } from 'react';
1
+ import { ReactNode } from 'react';
2
2
  export interface ThemeToggleProps {
3
3
  /**
4
4
  * Additional CSS classes for custom styling.
@@ -25,6 +25,8 @@ export interface ThemeToggleProps {
25
25
  * ThemeToggle is a button component that toggles between Light and Dark UI Themes.
26
26
  * This component requires a StyleProvider context to function, which is automatically provided by the Juno AppShell.
27
27
  * If not using the AppShell, include a StyleProvider manually.
28
+ * @see https://cloudoperators.github.io/juno/?path=/docs/wip-themetoggle--docs
29
+ * @see {@link ThemeToggleProps}
28
30
  */
29
- export declare const ThemeToggle: React.FC<ThemeToggleProps>;
31
+ export declare const ThemeToggle: ({ className, disabled, id, name, onToggleTheme, ...props }: ThemeToggleProps) => ReactNode;
30
32
  //# sourceMappingURL=ThemeToggle.component.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ThemeToggle.component.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeToggle/ThemeToggle.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,mBAAmB,CAAA;AAoB1B,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IAEH,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3C;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsClD,CAAA"}
1
+ {"version":3,"file":"ThemeToggle.component.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeToggle/ThemeToggle.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKxC,OAAO,mBAAmB,CAAA;AAoB1B,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IAEH,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3C;AAED;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,4DAOzB,gBAAgB,KAAG,SA+BrB,CAAA"}
@@ -1,10 +1,10 @@
1
- import { default as React } from 'react';
1
+ import { HTMLAttributes, ReactNode } from 'react';
2
2
  type IconType = "info" | "warning" | "danger" | "error" | "success";
3
- export interface ToastProps extends React.HTMLAttributes<HTMLDivElement> {
3
+ export interface ToastProps extends HTMLAttributes<HTMLDivElement> {
4
4
  /** Specify a semantic variant */
5
5
  variant?: IconType;
6
6
  /** Pass child nodes to be rendered as contents */
7
- children?: React.ReactNode;
7
+ children?: ReactNode;
8
8
  /** Pass an optional text */
9
9
  text?: string;
10
10
  /** Optional. If set to 'true', the message will be automatically dismissed after 10 seconds by default or after the specified autoDismissTimeout */
@@ -17,8 +17,10 @@ export interface ToastProps extends React.HTMLAttributes<HTMLDivElement> {
17
17
  className?: string;
18
18
  }
19
19
  /**
20
- A Toast component. Use for short-lived, temporary/transient messaging to users relating to their current usage context, e.g. 'Edits changed successfully'. For more general, persistent messaging, e.g. 'Our servers will be down for maintenance all weekend', use Message instead.
21
- */
22
- export declare const Toast: React.FC<ToastProps>;
20
+ * A Toast component. Use for short-lived, temporary/transient messaging to users relating to their current usage context, e.g. 'Edits changed successfully'. For more general, persistent messaging, e.g. 'Our servers will be down for maintenance all weekend', use Message instead.
21
+ * @see https://cloudoperators.github.io/juno/?path=/docs/wip-toast--docs
22
+ * @see {@link ToastProps}
23
+ */
24
+ export declare const Toast: ({ variant, children, text, autoDismiss, autoDismissTimeout, onDismiss, className, ...props }: ToastProps) => ReactNode;
23
25
  export {};
24
26
  //# sourceMappingURL=Toast.component.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Toast.component.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8B,MAAM,OAAO,CAAA;AA0BlD,KAAK,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;AACnE,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,iCAAiC;IACjC,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,oJAAoJ;IACpJ,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kHAAkH;IAClH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;EAEE;AAEF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAgDtC,CAAA"}
1
+ {"version":3,"file":"Toast.component.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAA;AA0BrF,KAAK,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;AACnE,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,iCAAiC;IACjC,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,oJAAoJ;IACpJ,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kHAAkH;IAClH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;GAIG;AAEH,eAAO,MAAM,KAAK,GAAI,8FASnB,UAAU,KAAG,SAuCf,CAAA"}
@@ -5,11 +5,32 @@ type Option<T> = T | {
5
5
  label?: ReactNode;
6
6
  };
7
7
  export interface ToggleButtonProps<T extends string | number> extends Omit<ButtonProps, "onChange" | "value"> {
8
+ /** An array of options available for toggling.
9
+ * Each option can be a simple value or an object with a value and an optional label.
10
+ * This setup allows for both simple and descriptive options, accommodating diverse design needs.
11
+ */
8
12
  options: Option<T>[];
13
+ /** Represents the currently selected value among the available toggle options.
14
+ * It allows controlled usage, ensuring the component reflects the designated state as part of a larger system or control framework.
15
+ */
9
16
  value?: T;
17
+ /**
18
+ * A callback function called when the toggle button's value changes.
19
+ * It receives the updated value as an argument, enabling custom behaviors or state updates to react to user interactions.
20
+ */
10
21
  onChange?: (_value: T) => void;
22
+ /**
23
+ * Provides a custom rendering function for the display label of the current value, offering flexibility for advanced label designs, such as incorporating icons or complex text formatting.
24
+ */
11
25
  renderLabel?: (_value: T) => ReactNode;
12
26
  }
27
+ /**
28
+ * The `ToggleButton` component is a versatile toggle switch designed to cycle through a set of predefined options.
29
+ * It provides a button-based mechanism to iterate over values, ideal for use cases requiring simple toggle actions between discrete states (e.g., settings or modes).
30
+ * The component offers flexibility through customizable labels and dynamically handles option transitions, enhancing user interaction by providing visual feedback with each toggle.
31
+ * @see https://cloudoperators.github.io/juno/?path=/docs/components-togglebutton--docs
32
+ * @see {@link ToggleButtonProps}
33
+ */
13
34
  export declare const ToggleButton: <T extends string | number>({ options, value, onChange, renderLabel, ...props }: ToggleButtonProps<T>) => React.JSX.Element;
14
35
  export {};
15
36
  //# sourceMappingURL=ToggleButton.component.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ToggleButton.component.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleButton/ToggleButton.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAY,SAAS,EAAa,MAAM,OAAO,CAAA;AAC7D,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAA;AAE/C,KAAK,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,KAAK,EAAE,CAAC,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,CAAA;AAEpD,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,OAAO,CAAC;IAC3G,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAA;IACpB,KAAK,CAAC,EAAE,CAAC,CAAA;IACT,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAA;IAC9B,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,SAAS,CAAA;CACvC;AAED,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,qDAMrD,iBAAiB,CAAC,CAAC,CAAC,sBAgCtB,CAAA"}
1
+ {"version":3,"file":"ToggleButton.component.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleButton/ToggleButton.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAY,SAAS,EAAa,MAAM,OAAO,CAAA;AAC7D,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAA;AAE/C,KAAK,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,KAAK,EAAE,CAAC,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,CAAA;AAEpD,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,OAAO,CAAC;IAC3G;;;OAGG;IACH,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAA;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,CAAC,CAAA;IACT;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAA;IAC9B;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,SAAS,CAAA;CACvC;AAED;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,qDAMrD,iBAAiB,CAAC,CAAC,CAAC,sBAgCtB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"ToggleButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleButton/ToggleButton.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAoCnC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAiB/B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAiB3B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KActB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAc5B,CAAA"}
1
+ {"version":3,"file":"ToggleButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleButton/ToggleButton.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAgCnC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAiB/B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAiB3B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KActB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAc5B,CAAA"}