@ntbjs/react-components 2.0.14 → 3.0.0-rc.2

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 (344) hide show
  1. package/README.md +34 -0
  2. package/build/data/Alert/Alert.js +18 -33
  3. package/build/data/Alert/Alert.js.map +1 -1
  4. package/build/data/Alert/Alert.styled.js +9 -47
  5. package/build/data/Alert/Alert.styled.js.map +1 -1
  6. package/build/data/Badge/Badge.js +36 -61
  7. package/build/data/Badge/Badge.js.map +1 -1
  8. package/build/data/Badge/Badge.styled.js +21 -70
  9. package/build/data/Badge/Badge.styled.js.map +1 -1
  10. package/build/data/Popover/Popover.js +125 -71
  11. package/build/data/Popover/Popover.js.map +1 -1
  12. package/build/data/Popover/Popover.styled.js +10 -140
  13. package/build/data/Popover/Popover.styled.js.map +1 -1
  14. package/build/data/SeverityBadge/SeverityBadge.js +13 -22
  15. package/build/data/SeverityBadge/SeverityBadge.js.map +1 -1
  16. package/build/data/SeverityBadge/index.js +2 -0
  17. package/build/data/SeverityBadge/index.js.map +1 -0
  18. package/build/data/Tab/Tab.js +7 -13
  19. package/build/data/Tab/Tab.js.map +1 -1
  20. package/build/data/Tab/Tab.styled.js +4 -7
  21. package/build/data/Tab/Tab.styled.js.map +1 -1
  22. package/build/data/Tabs/Tabs.js +30 -32
  23. package/build/data/Tabs/Tabs.js.map +1 -1
  24. package/build/data/Tabs/Tabs.styled.js +21 -57
  25. package/build/data/Tabs/Tabs.styled.js.map +1 -1
  26. package/build/data/Tooltip/Tooltip.js +102 -33
  27. package/build/data/Tooltip/Tooltip.js.map +1 -1
  28. package/build/data/Tooltip/Tooltip.styled.js +9 -22
  29. package/build/data/Tooltip/Tooltip.styled.js.map +1 -1
  30. package/build/data/VerificationStatusIcon/VerificationStatusIcon.js +16 -23
  31. package/build/data/VerificationStatusIcon/VerificationStatusIcon.js.map +1 -1
  32. package/build/data/VerificationStatusIcon/VerificationStatusIcon.styled.js +13 -31
  33. package/build/data/VerificationStatusIcon/VerificationStatusIcon.styled.js.map +1 -1
  34. package/build/data/VerificationStatusIcon/index.js +2 -0
  35. package/build/data/VerificationStatusIcon/index.js.map +1 -0
  36. package/build/data/_shared/FloatingArrow.styled.js +30 -0
  37. package/build/data/_shared/FloatingArrow.styled.js.map +1 -0
  38. package/build/hooks/useEventListner.js.map +1 -1
  39. package/build/hooks/useFloatingPopover.js +187 -0
  40. package/build/hooks/useFloatingPopover.js.map +1 -0
  41. package/build/hooks/useIsomorphicLayoutEffect.js.map +1 -1
  42. package/build/hooks/useOnClickOutside.js.map +1 -1
  43. package/build/hooks/useTooltipAutoShow.js.map +1 -1
  44. package/build/icons/arrow-back.svg.js +3 -3
  45. package/build/icons/arrow-back.svg.js.map +1 -1
  46. package/build/icons/arrow-forward.svg.js +4 -4
  47. package/build/icons/arrow-forward.svg.js.map +1 -1
  48. package/build/icons/check-rectangle-filled.svg.js +3 -3
  49. package/build/icons/check-rectangle-filled.svg.js.map +1 -1
  50. package/build/icons/close.svg.js +3 -3
  51. package/build/icons/close.svg.js.map +1 -1
  52. package/build/icons/edit-note.svg.js +3 -3
  53. package/build/icons/edit-note.svg.js.map +1 -1
  54. package/build/icons/expand-more.svg.js +3 -3
  55. package/build/icons/expand-more.svg.js.map +1 -1
  56. package/build/icons/headset.svg.js +3 -3
  57. package/build/icons/headset.svg.js.map +1 -1
  58. package/build/icons/layers.svg.js +3 -3
  59. package/build/icons/layers.svg.js.map +1 -1
  60. package/build/icons/link.svg.js +3 -3
  61. package/build/icons/link.svg.js.map +1 -1
  62. package/build/icons/play.svg.js +3 -3
  63. package/build/icons/play.svg.js.map +1 -1
  64. package/build/icons/search.svg.js +3 -3
  65. package/build/icons/search.svg.js.map +1 -1
  66. package/build/icons/star-filled.svg.js +3 -3
  67. package/build/icons/star-filled.svg.js.map +1 -1
  68. package/build/icons/star.svg.js +3 -3
  69. package/build/icons/star.svg.js.map +1 -1
  70. package/build/icons/triangle-right.svg.js +3 -3
  71. package/build/icons/triangle-right.svg.js.map +1 -1
  72. package/build/icons/verification.svg.js +3 -3
  73. package/build/icons/verification.svg.js.map +1 -1
  74. package/build/icons/warning-circle.svg.js +3 -3
  75. package/build/icons/warning-circle.svg.js.map +1 -1
  76. package/build/inputs/ActionButton/ActionButton.js +11 -22
  77. package/build/inputs/ActionButton/ActionButton.js.map +1 -1
  78. package/build/inputs/ActionButton/ActionButton.styled.js +5 -54
  79. package/build/inputs/ActionButton/ActionButton.styled.js.map +1 -1
  80. package/build/inputs/Button/Button.js +125 -121
  81. package/build/inputs/Button/Button.js.map +1 -1
  82. package/build/inputs/Button/Button.styled.js +42 -260
  83. package/build/inputs/Button/Button.styled.js.map +1 -1
  84. package/build/inputs/Checkbox/Checkbox.js +45 -61
  85. package/build/inputs/Checkbox/Checkbox.js.map +1 -1
  86. package/build/inputs/Checkbox/Checkbox.styled.js +24 -153
  87. package/build/inputs/Checkbox/Checkbox.styled.js.map +1 -1
  88. package/build/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.js +106 -111
  89. package/build/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.js.map +1 -1
  90. package/build/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.styled.js +88 -273
  91. package/build/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.styled.js.map +1 -1
  92. package/build/inputs/CompactStarRating/CompactStarRating.js +56 -77
  93. package/build/inputs/CompactStarRating/CompactStarRating.js.map +1 -1
  94. package/build/inputs/CompactStarRating/CompactStarRating.styled.js +32 -211
  95. package/build/inputs/CompactStarRating/CompactStarRating.styled.js.map +1 -1
  96. package/build/inputs/CompactTextInput/CompactTextInput.js +86 -105
  97. package/build/inputs/CompactTextInput/CompactTextInput.js.map +1 -1
  98. package/build/inputs/CompactTextInput/CompactTextInput.styled.js +55 -258
  99. package/build/inputs/CompactTextInput/CompactTextInput.styled.js.map +1 -1
  100. package/build/inputs/MultiLevelCheckbox/MultiLevelCheckbox.js +70 -77
  101. package/build/inputs/MultiLevelCheckbox/MultiLevelCheckbox.js.map +1 -1
  102. package/build/inputs/MultiLevelCheckbox/MultiLevelCheckbox.styled.js +28 -60
  103. package/build/inputs/MultiLevelCheckbox/MultiLevelCheckbox.styled.js.map +1 -1
  104. package/build/inputs/MultiLevelCheckbox/types.js +12 -12
  105. package/build/inputs/MultiLevelCheckbox/types.js.map +1 -1
  106. package/build/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.js +69 -73
  107. package/build/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.js.map +1 -1
  108. package/build/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.styled.js +44 -87
  109. package/build/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.styled.js.map +1 -1
  110. package/build/inputs/MultiSelect/MultiSelect.js +69 -79
  111. package/build/inputs/MultiSelect/MultiSelect.js.map +1 -1
  112. package/build/inputs/MultiSelect/MultiSelect.styled.js +70 -76
  113. package/build/inputs/MultiSelect/MultiSelect.styled.js.map +1 -1
  114. package/build/inputs/Radio/Radio.js +20 -33
  115. package/build/inputs/Radio/Radio.js.map +1 -1
  116. package/build/inputs/Radio/Radio.styled.js +15 -96
  117. package/build/inputs/Radio/Radio.styled.js.map +1 -1
  118. package/build/inputs/Switch/Switch.js +28 -40
  119. package/build/inputs/Switch/Switch.js.map +1 -1
  120. package/build/inputs/Switch/Switch.styled.js +24 -94
  121. package/build/inputs/Switch/Switch.styled.js.map +1 -1
  122. package/build/inputs/TextArea/TextArea.js +98 -123
  123. package/build/inputs/TextArea/TextArea.js.map +1 -1
  124. package/build/inputs/TextArea/TextArea.styled.js +64 -379
  125. package/build/inputs/TextArea/TextArea.styled.js.map +1 -1
  126. package/build/inputs/TextInput/TextInput.js +59 -79
  127. package/build/inputs/TextInput/TextInput.js.map +1 -1
  128. package/build/inputs/TextInput/TextInput.styled.js +33 -224
  129. package/build/inputs/TextInput/TextInput.styled.js.map +1 -1
  130. package/build/layout/InputGroup/InputGroup.js +6 -9
  131. package/build/layout/InputGroup/InputGroup.js.map +1 -1
  132. package/build/layout/InputGroup/InputGroup.styled.js +4 -3
  133. package/build/layout/InputGroup/InputGroup.styled.js.map +1 -1
  134. package/build/layout/InputGroup/index.js +2 -0
  135. package/build/layout/InputGroup/index.js.map +1 -0
  136. package/build/layout/SectionSeparator/SectionSeparator.js +5 -9
  137. package/build/layout/SectionSeparator/SectionSeparator.js.map +1 -1
  138. package/build/layout/SectionSeparator/SectionSeparator.styled.js +4 -8
  139. package/build/layout/SectionSeparator/SectionSeparator.styled.js.map +1 -1
  140. package/build/styles/utils/colors-export.d.ts +54 -0
  141. package/build/styles/utils/colors-export.js.map +1 -1
  142. package/build/utils/dateTime.js.map +1 -1
  143. package/build/utils/defaultTheme.js +14 -28
  144. package/build/utils/defaultTheme.js.map +1 -1
  145. package/build/utils/getElementRef.js +14 -0
  146. package/build/utils/getElementRef.js.map +1 -0
  147. package/build/utils/parseTrigger.js +16 -0
  148. package/build/utils/parseTrigger.js.map +1 -0
  149. package/build/widgets/AssetAction/AssetAction.js +26 -33
  150. package/build/widgets/AssetAction/AssetAction.js.map +1 -1
  151. package/build/widgets/AssetAction/AssetAction.styled.js +20 -34
  152. package/build/widgets/AssetAction/AssetAction.styled.js.map +1 -1
  153. package/build/widgets/AssetActionsBase/AssetActionsBase.js +8 -13
  154. package/build/widgets/AssetActionsBase/AssetActionsBase.js.map +1 -1
  155. package/build/widgets/AssetActionsBase/AssetActionsBase.styled.js +4 -9
  156. package/build/widgets/AssetActionsBase/AssetActionsBase.styled.js.map +1 -1
  157. package/build/widgets/AssetGallery/AssetGallery.js +15 -40
  158. package/build/widgets/AssetGallery/AssetGallery.js.map +1 -1
  159. package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.js +55 -70
  160. package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.js.map +1 -1
  161. package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.styled.js +12 -24
  162. package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.styled.js.map +1 -1
  163. package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.js +146 -122
  164. package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.js.map +1 -1
  165. package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.styled.js +99 -286
  166. package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.styled.js.map +1 -1
  167. package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.js +170 -125
  168. package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.js.map +1 -1
  169. package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.styled.js +135 -364
  170. package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.styled.js.map +1 -1
  171. package/build/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.js +20 -21
  172. package/build/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.js.map +1 -1
  173. package/build/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.styled.js +20 -71
  174. package/build/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.styled.js.map +1 -1
  175. package/build/widgets/ContextMenu/ContextMenu.js +12 -11
  176. package/build/widgets/ContextMenu/ContextMenu.js.map +1 -1
  177. package/build/widgets/ContextMenu/ContextMenu.styled.js +4 -4
  178. package/build/widgets/ContextMenu/ContextMenu.styled.js.map +1 -1
  179. package/build/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.js +17 -25
  180. package/build/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.js.map +1 -1
  181. package/build/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.styled.js +16 -71
  182. package/build/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.styled.js.map +1 -1
  183. package/build/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.js +7 -11
  184. package/build/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.js.map +1 -1
  185. package/build/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.styled.js +4 -11
  186. package/build/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.styled.js.map +1 -1
  187. package/build/widgets/InfoCard/InfoCard.js +26 -21
  188. package/build/widgets/InfoCard/InfoCard.js.map +1 -1
  189. package/build/widgets/InfoCard/InfoCard.styled.js +36 -84
  190. package/build/widgets/InfoCard/InfoCard.styled.js.map +1 -1
  191. package/build/widgets/InstructionSeverityDisplay/InstructionSeverityDisplay.js +28 -34
  192. package/build/widgets/InstructionSeverityDisplay/InstructionSeverityDisplay.js.map +1 -1
  193. package/build/widgets/InstructionSeverityDisplay/InstructionSeverityDisplay.styled.js +21 -57
  194. package/build/widgets/InstructionSeverityDisplay/InstructionSeverityDisplay.styled.js.map +1 -1
  195. package/build/widgets/InstructionSeverityDisplay/index.js +2 -0
  196. package/build/widgets/InstructionSeverityDisplay/index.js.map +1 -0
  197. package/build/widgets/Instructions/Instructions.js +53 -95
  198. package/build/widgets/Instructions/Instructions.js.map +1 -1
  199. package/build/widgets/Instructions/Instructions.styled.js +27 -26
  200. package/build/widgets/Instructions/Instructions.styled.js.map +1 -1
  201. package/build/widgets/ProgressBar/ProgressBar.js +39 -37
  202. package/build/widgets/ProgressBar/ProgressBar.js.map +1 -1
  203. package/build/widgets/ProgressBar/ProgressBar.styled.js +56 -125
  204. package/build/widgets/ProgressBar/ProgressBar.styled.js.map +1 -1
  205. package/build/widgets/SummaryCard/SummaryCard.js +55 -64
  206. package/build/widgets/SummaryCard/SummaryCard.js.map +1 -1
  207. package/build/widgets/SummaryCard/SummaryCard.styled.js +51 -106
  208. package/build/widgets/SummaryCard/SummaryCard.styled.js.map +1 -1
  209. package/package.json +84 -36
  210. package/styles/utils/colors-export.d.ts +54 -0
  211. package/types/components/data/Alert/Alert.d.ts +76 -0
  212. package/types/components/data/Alert/Alert.styled.d.ts +52 -0
  213. package/types/components/data/Alert/index.d.ts +1 -0
  214. package/types/components/data/Badge/Badge.d.ts +120 -0
  215. package/types/components/data/Badge/Badge.styled.d.ts +33 -0
  216. package/types/components/data/Badge/index.d.ts +1 -0
  217. package/types/components/data/Popover/Popover.d.ts +116 -0
  218. package/types/components/data/Popover/Popover.styled.d.ts +15 -0
  219. package/types/components/data/Popover/index.d.ts +1 -0
  220. package/types/components/data/SeverityBadge/SeverityBadge.d.ts +72 -0
  221. package/types/components/data/SeverityBadge/index.d.ts +1 -0
  222. package/types/components/data/Tab/Tab.d.ts +14 -0
  223. package/types/components/data/Tab/Tab.styled.d.ts +1 -0
  224. package/types/components/data/Tab/index.d.ts +1 -0
  225. package/types/components/data/Tabs/Tabs.d.ts +111 -0
  226. package/types/components/data/Tabs/Tabs.styled.d.ts +26 -0
  227. package/types/components/data/Tabs/index.d.ts +1 -0
  228. package/types/components/data/Tooltip/Tooltip.d.ts +88 -0
  229. package/types/components/data/Tooltip/Tooltip.styled.d.ts +8 -0
  230. package/types/components/data/Tooltip/index.d.ts +1 -0
  231. package/types/components/data/VerificationStatusIcon/VerificationStatusIcon.d.ts +35 -0
  232. package/types/components/data/VerificationStatusIcon/VerificationStatusIcon.styled.d.ts +27 -0
  233. package/types/components/data/VerificationStatusIcon/index.d.ts +1 -0
  234. package/types/components/data/_shared/FloatingArrow.styled.d.ts +29 -0
  235. package/types/components/data/index.d.ts +8 -0
  236. package/types/components/index.d.ts +3 -0
  237. package/types/components/inputs/ActionButton/ActionButton.d.ts +55 -0
  238. package/types/components/inputs/ActionButton/ActionButton.styled.d.ts +16 -0
  239. package/types/components/inputs/ActionButton/index.d.ts +1 -0
  240. package/types/components/inputs/Button/Button.d.ts +82 -0
  241. package/types/components/inputs/Button/Button.styled.d.ts +60 -0
  242. package/types/components/inputs/Button/index.d.ts +1 -0
  243. package/types/components/inputs/Checkbox/Checkbox.d.ts +83 -0
  244. package/types/components/inputs/Checkbox/Checkbox.styled.d.ts +29 -0
  245. package/types/components/inputs/Checkbox/index.d.ts +1 -0
  246. package/types/components/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.d.ts +242 -0
  247. package/types/components/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.styled.d.ts +104 -0
  248. package/types/components/inputs/CompactAutocompleteSelect/index.d.ts +1 -0
  249. package/types/components/inputs/CompactStarRating/CompactStarRating.d.ts +96 -0
  250. package/types/components/inputs/CompactStarRating/CompactStarRating.styled.d.ts +34 -0
  251. package/types/components/inputs/CompactStarRating/index.d.ts +1 -0
  252. package/types/components/inputs/CompactTextInput/CompactTextInput.d.ts +116 -0
  253. package/types/components/inputs/CompactTextInput/CompactTextInput.styled.d.ts +42 -0
  254. package/types/components/inputs/CompactTextInput/index.d.ts +1 -0
  255. package/types/components/inputs/MultiLevelCheckbox/MultiLevelCheckbox.d.ts +41 -0
  256. package/types/components/inputs/MultiLevelCheckbox/MultiLevelCheckbox.styled.d.ts +13 -0
  257. package/types/components/inputs/MultiLevelCheckbox/index.d.ts +2 -0
  258. package/types/components/inputs/MultiLevelCheckbox/types.d.ts +29 -0
  259. package/types/components/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.d.ts +44 -0
  260. package/types/components/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.styled.d.ts +11 -0
  261. package/types/components/inputs/MultiLevelCheckboxSelect/index.d.ts +1 -0
  262. package/types/components/inputs/MultiSelect/MultiSelect.d.ts +115 -0
  263. package/types/components/inputs/MultiSelect/MultiSelect.styled.d.ts +34 -0
  264. package/types/components/inputs/MultiSelect/index.d.ts +1 -0
  265. package/types/components/inputs/Radio/Radio.d.ts +65 -0
  266. package/types/components/inputs/Radio/Radio.styled.d.ts +11 -0
  267. package/types/components/inputs/Radio/index.d.ts +1 -0
  268. package/types/components/inputs/Switch/Switch.d.ts +62 -0
  269. package/types/components/inputs/Switch/Switch.styled.d.ts +16 -0
  270. package/types/components/inputs/Switch/index.d.ts +1 -0
  271. package/types/components/inputs/TextArea/TextArea.d.ts +120 -0
  272. package/types/components/inputs/TextArea/TextArea.styled.d.ts +93 -0
  273. package/types/components/inputs/TextArea/index.d.ts +1 -0
  274. package/types/components/inputs/TextInput/TextInput.d.ts +109 -0
  275. package/types/components/inputs/TextInput/TextInput.styled.d.ts +43 -0
  276. package/types/components/inputs/TextInput/index.d.ts +1 -0
  277. package/types/components/inputs/index.d.ts +13 -0
  278. package/types/components/layout/InputGroup/InputGroup.d.ts +31 -0
  279. package/types/components/layout/InputGroup/InputGroup.styled.d.ts +1 -0
  280. package/types/components/layout/InputGroup/index.d.ts +1 -0
  281. package/types/components/layout/SectionSeparator/SectionSeparator.d.ts +28 -0
  282. package/types/components/layout/SectionSeparator/SectionSeparator.styled.d.ts +7 -0
  283. package/types/components/layout/SectionSeparator/index.d.ts +1 -0
  284. package/types/components/layout/index.d.ts +2 -0
  285. package/types/components/widgets/AssetAction/AssetAction.d.ts +16 -0
  286. package/types/components/widgets/AssetAction/AssetAction.styled.d.ts +15 -0
  287. package/types/components/widgets/AssetAction/index.d.ts +1 -0
  288. package/types/components/widgets/AssetActionsBase/AssetActionsBase.d.ts +25 -0
  289. package/types/components/widgets/AssetActionsBase/AssetActionsBase.styled.d.ts +1 -0
  290. package/types/components/widgets/AssetActionsBase/index.d.ts +1 -0
  291. package/types/components/widgets/AssetGallery/AssetGallery.d.ts +170 -0
  292. package/types/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.d.ts +76 -0
  293. package/types/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.styled.d.ts +3 -0
  294. package/types/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.d.ts +3 -0
  295. package/types/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.styled.d.ts +52 -0
  296. package/types/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.d.ts +2 -0
  297. package/types/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.styled.d.ts +49 -0
  298. package/types/components/widgets/AssetGallery/asset.types.d.ts +329 -0
  299. package/types/components/widgets/AssetGallery/index.d.ts +1 -0
  300. package/types/components/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.d.ts +60 -0
  301. package/types/components/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.styled.d.ts +21 -0
  302. package/types/components/widgets/AssetPreview/AssetPreviewTopBar/index.d.ts +1 -0
  303. package/types/components/widgets/ContextMenu/ContextMenu.d.ts +118 -0
  304. package/types/components/widgets/ContextMenu/ContextMenu.styled.d.ts +1 -0
  305. package/types/components/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.d.ts +45 -0
  306. package/types/components/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.styled.d.ts +18 -0
  307. package/types/components/widgets/ContextMenu/ContextMenuItem/index.d.ts +1 -0
  308. package/types/components/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.d.ts +23 -0
  309. package/types/components/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.styled.d.ts +1 -0
  310. package/types/components/widgets/ContextMenu/ContextMenuItemsGroup/index.d.ts +1 -0
  311. package/types/components/widgets/ContextMenu/index.d.ts +1 -0
  312. package/types/components/widgets/InfoCard/InfoCard.d.ts +33 -0
  313. package/types/components/widgets/InfoCard/InfoCard.styled.d.ts +28 -0
  314. package/types/components/widgets/InfoCard/index.d.ts +1 -0
  315. package/types/components/widgets/InstructionSeverityDisplay/InstructionSeverityDisplay.d.ts +46 -0
  316. package/types/components/widgets/InstructionSeverityDisplay/InstructionSeverityDisplay.styled.d.ts +30 -0
  317. package/types/components/widgets/InstructionSeverityDisplay/index.d.ts +1 -0
  318. package/types/components/widgets/Instructions/Instructions.d.ts +156 -0
  319. package/types/components/widgets/Instructions/Instructions.styled.d.ts +14 -0
  320. package/types/components/widgets/Instructions/index.d.ts +1 -0
  321. package/types/components/widgets/ProgressBar/ProgressBar.d.ts +30 -0
  322. package/types/components/widgets/ProgressBar/ProgressBar.styled.d.ts +41 -0
  323. package/types/components/widgets/ProgressBar/index.d.ts +1 -0
  324. package/types/components/widgets/SummaryCard/SummaryCard.d.ts +83 -0
  325. package/types/components/widgets/SummaryCard/SummaryCard.styled.d.ts +29 -0
  326. package/types/components/widgets/SummaryCard/index.d.ts +1 -0
  327. package/types/components/widgets/index.d.ts +11 -0
  328. package/types/hooks/useElementSize.d.ts +14 -0
  329. package/types/hooks/useEventListner.d.ts +14 -0
  330. package/types/hooks/useFloatingPopover.d.ts +161 -0
  331. package/types/hooks/useIsomorphicLayoutEffect.d.ts +3 -0
  332. package/types/hooks/useOnClickOutside.d.ts +13 -0
  333. package/types/hooks/useTooltipAutoShow.d.ts +31 -0
  334. package/types/icons/index.d.ts +41 -0
  335. package/types/ssr/index.d.ts +1 -0
  336. package/types/styles/utils/colors-export.d.ts +54 -0
  337. package/types/utils/dateTime.d.ts +8 -0
  338. package/types/utils/defaultTheme.d.ts +95 -0
  339. package/types/utils/getElementRef.d.ts +2 -0
  340. package/types/utils/parseTrigger.d.ts +22 -0
  341. package/build/_virtual/_rollupPluginBabelHelpers.js +0 -12
  342. package/build/_virtual/_rollupPluginBabelHelpers.js.map +0 -1
  343. package/build/widgets/AssetGallery/asset.propType.js +0 -56
  344. package/build/widgets/AssetGallery/asset.propType.js.map +0 -1
@@ -8,169 +8,40 @@ const shouldForwardProp = prop => {
8
8
  };
9
9
  const Checkbox = styled.div.withConfig({
10
10
  shouldForwardProp
11
- }).attrs(applyDefaultTheme)`
12
- display: flex;
13
- flex-direction: column;
14
-
15
- ${props => props.$variant === 'black' && css`
16
- ${props.theme.themeProp('--checkbox-black-box', props.theme.getColor('white'), 'black')}
17
- ${props.theme.themeProp('--checkbox-black-check', 'black', props.theme.getColor('white'))}
18
- `}
19
- `;
11
+ }).attrs(applyDefaultTheme).withConfig({
12
+ displayName: "Checkboxstyled__Checkbox",
13
+ componentId: "sc-gbr0q7-0"
14
+ })(["display:flex;flex-direction:column;", ""], props => props.$variant === 'black' && css(["", " ", ""], props.theme.themeProp('--checkbox-black-box', props.theme.getColor('white'), 'black'), props.theme.themeProp('--checkbox-black-check', 'black', props.theme.getColor('white'))));
20
15
  const CheckIcon = styled.div.withConfig({
21
16
  shouldForwardProp
22
- }).attrs(applyDefaultTheme)`
23
- opacity: 0;
24
- transform: scale(0.1);
25
- transition: all 200ms;
26
- position: absolute;
27
- width: 12px;
28
- top: 4px;
29
- left: 3px;
30
- color: ${props => props.theme.getColor('gray-100')};
31
-
32
- svg {
33
- width: 100%;
34
- display: block;
35
- }
36
- `;
17
+ }).attrs(applyDefaultTheme).withConfig({
18
+ displayName: "Checkboxstyled__CheckIcon",
19
+ componentId: "sc-gbr0q7-1"
20
+ })(["opacity:0;transform:scale(0.1);transition:all 200ms;position:absolute;width:12px;top:4px;left:3px;color:", ";svg{width:100%;display:block;}"], props => props.theme.getColor('gray-100'));
37
21
  const IndeterminateCheckIcon = styled.div.withConfig({
38
22
  shouldForwardProp
39
- }).attrs(applyDefaultTheme)`
40
- opacity: 0;
41
- transform: scale(0.1);
42
- transition: all 200ms;
43
- position: absolute;
44
- height: 2px;
45
- top: 8px;
46
- left: 4px;
47
- background: ${props => props.theme.getColor('gray-100')};
48
- width: 10px;
49
- `;
23
+ }).attrs(applyDefaultTheme).withConfig({
24
+ displayName: "Checkboxstyled__IndeterminateCheckIcon",
25
+ componentId: "sc-gbr0q7-2"
26
+ })(["opacity:0;transform:scale(0.1);transition:all 200ms;position:absolute;height:2px;top:8px;left:4px;background:", ";width:10px;"], props => props.theme.getColor('gray-100'));
50
27
  const CheckboxLabel = styled.label.withConfig({
51
28
  shouldForwardProp
52
- }).attrs(applyDefaultTheme)`
53
- display: inline-flex;
54
- position: relative;
55
- cursor: pointer;
56
- user-select: none;
57
- min-height: ${checkboxSize};
58
- text-align: left;
59
- flex-wrap: wrap;
60
- flex: 1;
61
- line-height: ${checkboxSize};
62
- margin-right: auto;
63
-
64
- & input[type='checkbox'] {
65
- position: absolute;
66
- opacity: 0;
67
- pointer-events: none;
68
- margin: 0;
69
- }
70
-
71
- &::before {
72
- content: '';
73
- border: 2px solid ${props => props.theme.getColor('gray-300')};
74
- border-radius: 2px;
75
- transition: all 200ms;
76
- width: ${checkboxSize};
77
- height: ${checkboxSize};
78
- box-sizing: border-box;
79
- ${props => props.muted && css`
80
- opacity: 0.75;
81
- `}
82
- }
83
-
84
- &:has(input[type='checkbox']:checked) {
85
- &::before {
86
- background: ${props => props.theme.getColor('emerald-500')};
87
- border-color: ${props => props.theme.getColor('emerald-500')};
88
- }
89
- }
90
-
91
- &:has(input[type='checkbox']:not([data-indeterminate='true']):checked) {
92
- ${CheckIcon} {
93
- opacity: 1;
94
- transform: scale(1);
95
- }
96
- }
97
-
98
- &:has(input[type='checkbox'][data-indeterminate='true']:checked) {
99
- ${IndeterminateCheckIcon} {
100
- opacity: 1;
101
- transform: scale(1);
102
- }
103
- }
104
-
105
- ${props => props.readOnly && css`
106
- opacity: 0.5;
107
- cursor: default;
108
- pointer-events: none;
109
- user-select: text;
110
- `}
111
-
112
- ${props => props.disabled && css`
113
- opacity: 0.5;
114
- cursor: not-allowed;
115
- `}
116
-
117
- ${props => props.$variant === 'black' && css`
118
- min-height: ${blackVariantSize};
119
- line-height: ${blackVariantSize};
120
-
121
- &::before {
122
- width: ${blackVariantSize};
123
- height: ${blackVariantSize};
124
- border-radius: 4px;
125
- border-color: var(--checkbox-black-box);
126
- background: transparent;
127
- }
128
-
129
- &:has(input[type='checkbox']:checked) {
130
- &::before {
131
- background: var(--checkbox-black-box);
132
- border-color: var(--checkbox-black-box);
133
- }
134
- }
135
-
136
- ${CheckIcon} {
137
- width: 14px;
138
- top: 6px;
139
- left: 5px;
140
- color: var(--checkbox-black-check);
141
- }
142
-
143
- ${IndeterminateCheckIcon} {
144
- top: 11px;
145
- left: 7px;
146
- background: var(--checkbox-black-check);
147
- }
148
- `}
149
- `;
29
+ }).attrs(applyDefaultTheme).withConfig({
30
+ displayName: "Checkboxstyled__CheckboxLabel",
31
+ componentId: "sc-gbr0q7-3"
32
+ })(["display:inline-flex;position:relative;cursor:pointer;user-select:none;min-height:", ";text-align:left;flex-wrap:wrap;flex:1;line-height:", ";margin-right:auto;& input[type='checkbox']{position:absolute;opacity:0;pointer-events:none;margin:0;}&::before{content:'';border:2px solid ", ";border-radius:2px;transition:all 200ms;width:", ";height:", ";box-sizing:border-box;", "}&:has(input[type='checkbox']:checked){&::before{background:", ";border-color:", ";}}&:has(input[type='checkbox']:not([data-indeterminate='true']):checked){", "{opacity:1;transform:scale(1);}}&:has(input[type='checkbox'][data-indeterminate='true']:checked){", "{opacity:1;transform:scale(1);}}", " ", " ", ""], checkboxSize, checkboxSize, props => props.theme.getColor('gray-300'), checkboxSize, checkboxSize, props => props.muted && css(["opacity:0.75;"]), props => props.theme.getColor('emerald-500'), props => props.theme.getColor('emerald-500'), CheckIcon, IndeterminateCheckIcon, props => props.readOnly && css(["opacity:0.5;cursor:default;pointer-events:none;user-select:text;"]), props => props.disabled && css(["opacity:0.5;cursor:not-allowed;"]), props => props.$variant === 'black' && css(["min-height:", ";line-height:", ";&::before{width:", ";height:", ";border-radius:4px;border-color:var(--checkbox-black-box);background:transparent;}&:has(input[type='checkbox']:checked){&::before{background:var(--checkbox-black-box);border-color:var(--checkbox-black-box);}}", "{width:14px;top:6px;left:5px;color:var(--checkbox-black-check);}", "{top:11px;left:7px;background:var(--checkbox-black-check);}"], blackVariantSize, blackVariantSize, blackVariantSize, blackVariantSize, CheckIcon, IndeterminateCheckIcon));
150
33
  const CheckboxVisualLabel = styled.div.withConfig({
151
34
  shouldForwardProp
152
- }).attrs(applyDefaultTheme)`
153
- padding-left: 10px;
154
- font-weight: 400;
155
- font-size: 0.875rem;
156
- flex: 1;
157
-
158
- ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'))};
159
- `;
35
+ }).attrs(applyDefaultTheme).withConfig({
36
+ displayName: "Checkboxstyled__CheckboxVisualLabel",
37
+ componentId: "sc-gbr0q7-4"
38
+ })(["padding-left:10px;font-weight:400;font-size:0.875rem;flex:1;", ";"], props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600')));
160
39
  const Description = styled.p.withConfig({
161
40
  shouldForwardProp
162
- }).attrs(applyDefaultTheme)`
163
- margin: 0.375rem 0 0 0;
164
- font-size: 0.75rem;
165
- line-height: 1.333;
166
-
167
- ${props => props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'))};
168
-
169
- ${props => props.$error && css`
170
- content: 'error';
171
- ${props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500'))}
172
- `}
173
- `;
41
+ }).attrs(applyDefaultTheme).withConfig({
42
+ displayName: "Checkboxstyled__Description",
43
+ componentId: "sc-gbr0q7-5"
44
+ })(["margin:0.375rem 0 0 0;font-size:0.75rem;line-height:1.333;", ";", ""], props => props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500')), props => props.$error && css(["content:'error';", ""], props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500'))));
174
45
 
175
46
  export { CheckIcon, Checkbox, CheckboxLabel, CheckboxVisualLabel, Description, IndeterminateCheckIcon };
176
47
  //# sourceMappingURL=Checkbox.styled.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.styled.js","sources":["../../../src/components/inputs/Checkbox/Checkbox.styled.js"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nconst checkboxSize = '18px';\nconst blackVariantSize = '24px';\n\nconst shouldForwardProp = prop => {\n return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const Checkbox = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n display: flex;\n flex-direction: column;\n\n ${props =>\n props.$variant === 'black' &&\n css`\n ${props.theme.themeProp('--checkbox-black-box', props.theme.getColor('white'), 'black')}\n ${props.theme.themeProp('--checkbox-black-check', 'black', props.theme.getColor('white'))}\n `}\n`;\n\nexport const CheckIcon = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n opacity: 0;\n transform: scale(0.1);\n transition: all 200ms;\n position: absolute;\n width: 12px;\n top: 4px;\n left: 3px;\n color: ${props => props.theme.getColor('gray-100')};\n\n svg {\n width: 100%;\n display: block;\n }\n`;\n\nexport const IndeterminateCheckIcon = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n opacity: 0;\n transform: scale(0.1);\n transition: all 200ms;\n position: absolute;\n height: 2px;\n top: 8px;\n left: 4px;\n background: ${props => props.theme.getColor('gray-100')};\n width: 10px;\n`;\n\nexport const CheckboxLabel = styled.label\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n display: inline-flex;\n position: relative;\n cursor: pointer;\n user-select: none;\n min-height: ${checkboxSize};\n text-align: left;\n flex-wrap: wrap;\n flex: 1;\n line-height: ${checkboxSize};\n margin-right: auto;\n\n & input[type='checkbox'] {\n position: absolute;\n opacity: 0;\n pointer-events: none;\n margin: 0;\n }\n\n &::before {\n content: '';\n border: 2px solid ${props => props.theme.getColor('gray-300')};\n border-radius: 2px;\n transition: all 200ms;\n width: ${checkboxSize};\n height: ${checkboxSize};\n box-sizing: border-box;\n ${props =>\n props.muted &&\n css`\n opacity: 0.75;\n `}\n }\n\n &:has(input[type='checkbox']:checked) {\n &::before {\n background: ${props => props.theme.getColor('emerald-500')};\n border-color: ${props => props.theme.getColor('emerald-500')};\n }\n }\n\n &:has(input[type='checkbox']:not([data-indeterminate='true']):checked) {\n ${CheckIcon} {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n &:has(input[type='checkbox'][data-indeterminate='true']:checked) {\n ${IndeterminateCheckIcon} {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n ${props =>\n props.readOnly &&\n css`\n opacity: 0.5;\n cursor: default;\n pointer-events: none;\n user-select: text;\n `}\n\n ${props =>\n props.disabled &&\n css`\n opacity: 0.5;\n cursor: not-allowed;\n `}\n\n ${props =>\n props.$variant === 'black' &&\n css`\n min-height: ${blackVariantSize};\n line-height: ${blackVariantSize};\n\n &::before {\n width: ${blackVariantSize};\n height: ${blackVariantSize};\n border-radius: 4px;\n border-color: var(--checkbox-black-box);\n background: transparent;\n }\n\n &:has(input[type='checkbox']:checked) {\n &::before {\n background: var(--checkbox-black-box);\n border-color: var(--checkbox-black-box);\n }\n }\n\n ${CheckIcon} {\n width: 14px;\n top: 6px;\n left: 5px;\n color: var(--checkbox-black-check);\n }\n\n ${IndeterminateCheckIcon} {\n top: 11px;\n left: 7px;\n background: var(--checkbox-black-check);\n }\n `}\n`;\n\nexport const CheckboxVisualLabel = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n padding-left: 10px;\n font-weight: 400;\n font-size: 0.875rem;\n flex: 1;\n\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-300'),\n props.theme.getColor('gray-600')\n )};\n`;\n\nexport const Description = styled.p\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n margin: 0.375rem 0 0 0;\n font-size: 0.75rem;\n line-height: 1.333;\n\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-400'),\n props.theme.getColor('gray-500')\n )};\n\n ${props =>\n props.$error &&\n css`\n content: 'error';\n ${props.theme.themeProp(\n 'color',\n props.theme.getColor('red-200'),\n props.theme.getColor('red-500')\n )}\n `}\n`;\n"],"names":["checkboxSize","blackVariantSize","shouldForwardProp","prop","startsWith","Checkbox","styled","div","withConfig","attrs","applyDefaultTheme","props","$variant","css","theme","themeProp","getColor","CheckIcon","IndeterminateCheckIcon","CheckboxLabel","label","muted","readOnly","disabled","CheckboxVisualLabel","Description","p","$error"],"mappings":"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"}
1
+ {"version":3,"file":"Checkbox.styled.js","sources":["../../../src/components/inputs/Checkbox/Checkbox.styled.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nconst checkboxSize = '18px';\nconst blackVariantSize = '24px';\n\n// Single-argument only — styled-components v5.1+ and v6 disagree on the second parameter.\nconst shouldForwardProp = (prop: string): boolean => {\n return prop !== 'theme' && !prop.startsWith('$');\n};\n\n/**\n * `variant` — `PropTypes.oneOf(['green', 'black'])`, carried as `$variant` by both\n * `Checkbox` and `CheckboxLabel`. Closed on purpose: both templates compare\n * `=== 'black'`, and with a closed union a mistyped variant name is TS2367 rather\n * than a branch that silently never fires.\n */\ntype CheckboxVariant = 'green' | 'black';\n\n// Dead pass: disabled/readOnly are forwarded to <div> but not read; defect in render baseline.\nexport const Checkbox = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs<{ $variant?: CheckboxVariant }>(applyDefaultTheme)`\n display: flex;\n flex-direction: column;\n\n ${props =>\n props.$variant === 'black' &&\n css`\n ${props.theme.themeProp('--checkbox-black-box', props.theme.getColor('white'), 'black')}\n ${props.theme.themeProp('--checkbox-black-check', 'black', props.theme.getColor('white'))}\n `}\n`;\n\nexport const CheckIcon = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n opacity: 0;\n transform: scale(0.1);\n transition: all 200ms;\n position: absolute;\n width: 12px;\n top: 4px;\n left: 3px;\n color: ${props => props.theme.getColor('gray-100')};\n\n svg {\n width: 100%;\n display: block;\n }\n`;\n\nexport const IndeterminateCheckIcon = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n opacity: 0;\n transform: scale(0.1);\n transition: all 200ms;\n position: absolute;\n height: 2px;\n top: 8px;\n left: 4px;\n background: ${props => props.theme.getColor('gray-100')};\n width: 10px;\n`;\n\n// Three of four props lack `$`: disabled/muted/readOnly leak to <label> DOM; defect in baseline.\ninterface CheckboxLabelStyleProps {\n /** `muted` — fades the checkbox box. Leaks to DOM. */\n muted?: boolean;\n /** `readOnly` — leaks to DOM. */\n readOnly?: boolean;\n /** `disabled` — leaks to DOM. */\n disabled?: boolean;\n /** `variant` — closed union, properly transient. */\n $variant?: CheckboxVariant;\n}\n\nexport const CheckboxLabel = styled.label\n .withConfig({\n shouldForwardProp\n })\n .attrs<CheckboxLabelStyleProps>(applyDefaultTheme)`\n display: inline-flex;\n position: relative;\n cursor: pointer;\n user-select: none;\n min-height: ${checkboxSize};\n text-align: left;\n flex-wrap: wrap;\n flex: 1;\n line-height: ${checkboxSize};\n margin-right: auto;\n\n & input[type='checkbox'] {\n position: absolute;\n opacity: 0;\n pointer-events: none;\n margin: 0;\n }\n\n &::before {\n content: '';\n border: 2px solid ${props => props.theme.getColor('gray-300')};\n border-radius: 2px;\n transition: all 200ms;\n width: ${checkboxSize};\n height: ${checkboxSize};\n box-sizing: border-box;\n ${props =>\n props.muted &&\n css`\n opacity: 0.75;\n `}\n }\n\n &:has(input[type='checkbox']:checked) {\n &::before {\n background: ${props => props.theme.getColor('emerald-500')};\n border-color: ${props => props.theme.getColor('emerald-500')};\n }\n }\n\n &:has(input[type='checkbox']:not([data-indeterminate='true']):checked) {\n ${CheckIcon} {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n &:has(input[type='checkbox'][data-indeterminate='true']:checked) {\n ${IndeterminateCheckIcon} {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n ${props =>\n props.readOnly &&\n css`\n opacity: 0.5;\n cursor: default;\n pointer-events: none;\n user-select: text;\n `}\n\n ${props =>\n props.disabled &&\n css`\n opacity: 0.5;\n cursor: not-allowed;\n `}\n\n ${props =>\n props.$variant === 'black' &&\n css`\n min-height: ${blackVariantSize};\n line-height: ${blackVariantSize};\n\n &::before {\n width: ${blackVariantSize};\n height: ${blackVariantSize};\n border-radius: 4px;\n border-color: var(--checkbox-black-box);\n background: transparent;\n }\n\n &:has(input[type='checkbox']:checked) {\n &::before {\n background: var(--checkbox-black-box);\n border-color: var(--checkbox-black-box);\n }\n }\n\n ${CheckIcon} {\n width: 14px;\n top: 6px;\n left: 5px;\n color: var(--checkbox-black-check);\n }\n\n ${IndeterminateCheckIcon} {\n top: 11px;\n left: 7px;\n background: var(--checkbox-black-check);\n }\n `}\n`;\n\nexport const CheckboxVisualLabel = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n padding-left: 10px;\n font-weight: 400;\n font-size: 0.875rem;\n flex: 1;\n\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-300'),\n props.theme.getColor('gray-600')\n )};\n`;\n\nexport const Description = styled.p\n .withConfig({\n shouldForwardProp\n })\n .attrs<{\n /** `error` — narrowed to `boolean` after `hasError` derivation. */\n $error?: boolean;\n }>(applyDefaultTheme)`\n margin: 0.375rem 0 0 0;\n font-size: 0.75rem;\n line-height: 1.333;\n\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-400'),\n props.theme.getColor('gray-500')\n )};\n\n ${props =>\n props.$error &&\n css`\n content: 'error';\n ${props.theme.themeProp(\n 'color',\n props.theme.getColor('red-200'),\n props.theme.getColor('red-500')\n )}\n `}\n`;\n"],"names":["checkboxSize","blackVariantSize","shouldForwardProp","prop","startsWith","Checkbox","styled","div","withConfig","attrs","applyDefaultTheme","displayName","componentId","props","$variant","css","theme","themeProp","getColor","CheckIcon","IndeterminateCheckIcon","CheckboxLabel","label","muted","readOnly","disabled","CheckboxVisualLabel","Description","p","$error"],"mappings":"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"}
@@ -1,7 +1,5 @@
1
- import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
2
1
  import { isEmpty } from 'lodash';
3
2
  import { nanoid } from 'nanoid';
4
- import PropTypes from 'prop-types';
5
3
  import React__default, { useState, useMemo } from 'react';
6
4
  import '../../data/Alert/Alert.js';
7
5
  import '../../data/Badge/Badge.js';
@@ -11,25 +9,33 @@ import '../../data/Tab/Tab.js';
11
9
  import '../../data/Tabs/Tabs.js';
12
10
  import Tooltip from '../../data/Tooltip/Tooltip.js';
13
11
  import '../../data/VerificationStatusIcon/VerificationStatusIcon.js';
14
- import { ValueContainer, Input, Menu, CompactAutocompleteSelect as CompactAutocompleteSelect$1, InputContainer, Label, SuccessContainer, AsyncCreatableAutocompleteSelect, AsyncAutocompleteSelect, AutocompletCreatableSelect, AutocompletSelect, Option, Control, Placeholder, SingleValue, DropdownIndicator, DropdownIndicatorIcon, ClearIndicator, ClearIndicatorIcon, IndicatorSeparator } from './CompactAutocompleteSelect.styled.js';
12
+ import { ValueContainer, Input, Menu, CompactAutocompleteSelect as CompactAutocompleteSelect$1, InputContainer, Label, SuccessContainer, AsyncCreatableAutocompleteSelect, AsyncAutocompleteSelect, AutocompletCreatableSelect, AutocompletSelect, Control, Placeholder, Option, SingleValue, DropdownIndicator, DropdownIndicatorIcon, ClearIndicator, ClearIndicatorIcon, IndicatorSeparator } from './CompactAutocompleteSelect.styled.js';
13
+ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
15
14
 
15
+ const DEFAULT_NO_OPTIONS_MESSAGE_FUNC = inputValue => {
16
+ if (inputValue) {
17
+ return `No matches for "${inputValue}"`;
18
+ } else {
19
+ return 'No available options';
20
+ }
21
+ };
16
22
  const CompactAutocompleteSelect = React__default.forwardRef(function CompactAutocompleteSelect({
17
23
  label,
18
24
  availableOptions,
19
25
  placeholder,
20
26
  selectedOption,
21
27
  loadOptions,
22
- noOptionsMessageFunc,
28
+ noOptionsMessageFunc = DEFAULT_NO_OPTIONS_MESSAGE_FUNC,
23
29
  createNewOptionMessageFunc,
24
30
  onUpdateCallback,
25
31
  loadingMessageFunc,
26
- creatable,
27
- readOnly,
28
- edit,
29
- disabled,
30
- hidden,
31
- type,
32
- descriptionToolTip,
32
+ creatable = true,
33
+ readOnly = false,
34
+ edit = false,
35
+ disabled = false,
36
+ hidden = false,
37
+ type = '',
38
+ descriptionToolTip = '',
33
39
  loadingIcon,
34
40
  successIcon,
35
41
  ...props
@@ -42,78 +48,89 @@ const CompactAutocompleteSelect = React__default.forwardRef(function CompactAuto
42
48
  return descriptionToolTip;
43
49
  }, [descriptionToolTip]);
44
50
  const Control$1 = props => {
45
- return React__default.createElement(Control, _extends({
51
+ return jsx(Control, {
46
52
  className: "select-control",
47
53
  edit: edit,
48
- type: type
49
- }, props));
54
+ type: type,
55
+ ...props
56
+ });
50
57
  };
51
58
  const ValueContainer$1 = useMemo(() => {
52
59
  const valueContainer = props => {
53
- return React__default.createElement(React__default.Fragment, null, React__default.createElement(ValueContainer, _extends({
54
- type: type
55
- }, props)));
60
+ return jsx(Fragment, {
61
+ children: jsx(ValueContainer, {
62
+ type: type,
63
+ ...props
64
+ })
65
+ });
56
66
  };
57
67
  valueContainer.displayName = 'ValueContainerWrapper';
58
68
  return valueContainer;
59
69
  }, [type]);
60
70
  const Input$1 = useMemo(() => {
61
71
  const selectInput = props => {
62
- return React__default.createElement(Input, _extends({
63
- className: "select-input"
64
- }, props));
72
+ return jsx(Input, {
73
+ className: "select-input",
74
+ ...props
75
+ });
65
76
  };
66
77
  selectInput.displayName = 'InputWrapper';
67
78
  return selectInput;
68
79
  }, []);
69
80
  const Menu$1 = useMemo(() => {
70
81
  const menu = props => {
71
- return React__default.createElement(Menu, _extends({
72
- className: "select-menu"
73
- }, props));
82
+ return jsx(Menu, {
83
+ className: "select-menu",
84
+ ...props
85
+ });
74
86
  };
75
87
  menu.displayName = 'MenuWrapper';
76
88
  return menu;
77
89
  }, []);
78
90
  const Placeholder$1 = props => {
79
- return React__default.createElement(Placeholder, _extends({
91
+ return jsx(Placeholder, {
80
92
  className: "select-placeholder",
81
- type: type
82
- }, props));
93
+ type: type,
94
+ ...props
95
+ });
83
96
  };
84
97
  const Option$1 = props => {
85
- return !props.data.link ? React__default.createElement(Option, _extends({
86
- className: "menu-item"
87
- }, props)) : React__default.createElement(Option, props, React__default.createElement("a", {
88
- href: props.data.link
89
- }, props.data.icon, props.label));
98
+ return !props.data.link ? jsx(Option, {
99
+ className: "menu-item",
100
+ ...props
101
+ }) : jsx(Option, {
102
+ ...props,
103
+ children: jsxs("a", {
104
+ href: props.data.link,
105
+ children: [props.data.icon, props.label]
106
+ })
107
+ });
90
108
  };
91
109
  const SingleValue$1 = props => {
92
- return React__default.createElement(SingleValue, _extends({
93
- className: "menu-value"
94
- }, props));
110
+ return jsx(SingleValue, {
111
+ className: "menu-value",
112
+ ...props
113
+ });
95
114
  };
96
- Option$1.propTypes = process.env.NODE_ENV !== "production" ? {
97
- data: PropTypes.shape({
98
- icon: PropTypes.node,
99
- link: PropTypes.string
100
- }),
101
- label: PropTypes.string
102
- } : {};
103
115
  const DropdownIndicator$1 = props => {
104
- return React__default.createElement(DropdownIndicator, _extends({
105
- className: "dropdown-indicator"
106
- }, props), React__default.createElement(DropdownIndicatorIcon, null));
116
+ return jsx(DropdownIndicator, {
117
+ className: "dropdown-indicator",
118
+ ...props,
119
+ children: jsx(DropdownIndicatorIcon, {})
120
+ });
107
121
  };
108
122
  const ClearIndicator$1 = props => {
109
- return React__default.createElement(ClearIndicator, _extends({
110
- className: "clear-indicator"
111
- }, props), React__default.createElement(ClearIndicatorIcon, null));
123
+ return jsx(ClearIndicator, {
124
+ className: "clear-indicator",
125
+ ...props,
126
+ children: jsx(ClearIndicatorIcon, {})
127
+ });
112
128
  };
113
129
  const IndicatorSeparator$1 = props => {
114
- return React__default.createElement(IndicatorSeparator, _extends({
115
- className: "indicator-separator"
116
- }, props));
130
+ return jsx(IndicatorSeparator, {
131
+ className: "indicator-separator",
132
+ ...props
133
+ });
117
134
  };
118
135
  const innerComponents = {
119
136
  Control: Control$1,
@@ -200,69 +217,47 @@ const CompactAutocompleteSelect = React__default.forwardRef(function CompactAuto
200
217
  };
201
218
  if (hidden) return null;
202
219
  const input = () => {
203
- return React__default.createElement(CompactAutocompleteSelect$1, {
204
- disabled: disabled
205
- }, React__default.createElement(InputContainer, null, label && React__default.createElement(Label, {
206
- htmlFor: uniqueId,
207
- disabled: disabled
208
- }, label, React__default.createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon)), loadOptions ? creatable ? React__default.createElement(AsyncCreatableAutocompleteSelect, _extends({
209
- $hasLabel: !isEmpty(label)
210
- }, sharedSelectProps, props)) : React__default.createElement(AsyncAutocompleteSelect, _extends({
211
- $hasLabel: !isEmpty(label)
212
- }, sharedSelectProps, props)) : creatable ? React__default.createElement(AutocompletCreatableSelect, _extends({
213
- $hasLabel: !isEmpty(label)
214
- }, sharedSelectProps, props)) : React__default.createElement(AutocompletSelect, _extends({
215
- $hasLabel: !isEmpty(label)
216
- }, sharedSelectProps, props))));
220
+ return jsx(CompactAutocompleteSelect$1, {
221
+ disabled: disabled,
222
+ children: jsxs(InputContainer, {
223
+ children: [label && jsxs(Label, {
224
+ htmlFor: uniqueId,
225
+ disabled: disabled,
226
+ children: [label, jsxs(SuccessContainer, {
227
+ children: [type === 'loading' && loadingIcon, type === 'success' && successIcon]
228
+ })]
229
+ }), loadOptions ? creatable ? jsx(AsyncCreatableAutocompleteSelect, {
230
+ $hasLabel: !isEmpty(label),
231
+ ...sharedSelectProps,
232
+ ...props
233
+ }) : jsx(AsyncAutocompleteSelect, {
234
+ $hasLabel: !isEmpty(label),
235
+ ...sharedSelectProps,
236
+ ...props
237
+ }) : creatable ? jsx(AutocompletCreatableSelect, {
238
+ $hasLabel: !isEmpty(label),
239
+ ...sharedSelectProps,
240
+ ...props
241
+ }) : jsx(AutocompletSelect, {
242
+ $hasLabel: !isEmpty(label),
243
+ ...sharedSelectProps,
244
+ ...props
245
+ })]
246
+ })
247
+ });
217
248
  };
218
- return React__default.createElement(React__default.Fragment, null, !memoizedDescriptionToolTip && input(), memoizedDescriptionToolTip && React__default.createElement("div", null, React__default.createElement(Tooltip, {
219
- content: memoizedDescriptionToolTip,
220
- key: "tooltipTextArea1",
221
- placement: "bottom-end",
222
- trigger: 'mouseenter',
223
- zIndex: 999999
224
- }, input())));
249
+ return jsxs(Fragment, {
250
+ children: [!memoizedDescriptionToolTip && input(), memoizedDescriptionToolTip && jsx("div", {
251
+ children: jsx(Tooltip, {
252
+ content: memoizedDescriptionToolTip,
253
+ placement: "bottom-end",
254
+ trigger: 'mouseenter',
255
+ zIndex: 999999,
256
+ children: input()
257
+ }, "tooltipTextArea1")
258
+ })]
259
+ });
225
260
  });
226
- CompactAutocompleteSelect.propTypes = process.env.NODE_ENV !== "production" ? {
227
- label: PropTypes.string,
228
- placeholder: PropTypes.string,
229
- availableOptions: PropTypes.arrayOf(PropTypes.object),
230
- selectedOption: PropTypes.object,
231
- loadOptions: PropTypes.func,
232
- loadingMessageFunc: PropTypes.func,
233
- createNewOptionMessageFunc: PropTypes.func,
234
- noOptionsMessageFunc: PropTypes.func,
235
- readOnly: PropTypes.bool,
236
- edit: PropTypes.bool,
237
- hidden: PropTypes.bool,
238
- error: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
239
- warning: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
240
- onUpdateCallback: PropTypes.func,
241
- creatable: PropTypes.bool,
242
- disabled: PropTypes.bool,
243
- type: PropTypes.oneOf(['', 'error', 'warning', 'instructions-warning', 'loading', 'success']),
244
- descriptionToolTip: PropTypes.string,
245
- loadingIcon: PropTypes.element,
246
- successIcon: PropTypes.element
247
- } : {};
248
- CompactAutocompleteSelect.defaultProps = {
249
- noOptionsMessageFunc: inputValue => {
250
- if (inputValue) {
251
- return `No matches for "${inputValue}"`;
252
- } else {
253
- return 'No available options';
254
- }
255
- },
256
- readOnly: false,
257
- disabled: false,
258
- creatable: true,
259
- edit: false,
260
- error: false,
261
- warning: false,
262
- hidden: false,
263
- type: '',
264
- descriptionToolTip: ''
265
- };
266
261
 
267
262
  export { CompactAutocompleteSelect as default };
268
263
  //# sourceMappingURL=CompactAutocompleteSelect.js.map