@clickhouse/click-ui 0.6.2-rc3 → 0.8.0

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 (460) hide show
  1. package/dist/cjs/click-ui.css +3521 -236
  2. package/dist/cjs/components/Alert/index.cjs +2 -2
  3. package/dist/cjs/components/Alert/index.cjs.map +1 -1
  4. package/dist/cjs/components/Assets/Logos/Polaris.cjs +22 -0
  5. package/dist/cjs/components/Assets/Logos/Polaris.cjs.map +1 -0
  6. package/dist/cjs/components/Assets/Logos/system/LogosDark.cjs +2 -0
  7. package/dist/cjs/components/Assets/Logos/system/LogosDark.cjs.map +1 -1
  8. package/dist/cjs/components/Assets/Logos/system/LogosLight.cjs +2 -0
  9. package/dist/cjs/components/Assets/Logos/system/LogosLight.cjs.map +1 -1
  10. package/dist/cjs/components/AutoComplete/AutoComplete.css +97 -0
  11. package/dist/cjs/components/AutoComplete/AutoComplete.module.css.cjs +18 -0
  12. package/dist/cjs/components/AutoComplete/AutoComplete.module.css.cjs.map +1 -0
  13. package/dist/cjs/components/AutoComplete/index.cjs +14 -74
  14. package/dist/cjs/components/AutoComplete/index.cjs.map +1 -1
  15. package/dist/cjs/components/BigStat/BigStat.css +77 -0
  16. package/dist/cjs/components/BigStat/BigStat.module.css.cjs +22 -0
  17. package/dist/cjs/components/BigStat/BigStat.module.css.cjs.map +1 -0
  18. package/dist/cjs/components/BigStat/index.cjs +60 -52
  19. package/dist/cjs/components/BigStat/index.cjs.map +1 -1
  20. package/dist/cjs/components/Button/BaseButton.cjs +10 -31
  21. package/dist/cjs/components/Button/BaseButton.cjs.map +1 -1
  22. package/dist/cjs/components/Button/BaseButton.css +40 -0
  23. package/dist/cjs/components/Button/BaseButton.module.css.cjs +10 -0
  24. package/dist/cjs/components/Button/BaseButton.module.css.cjs.map +1 -0
  25. package/dist/cjs/components/ButtonGroup/index.cjs +1 -1
  26. package/dist/cjs/components/ButtonGroup/index.cjs.map +1 -1
  27. package/dist/cjs/components/CardPromotion/CardPromotion.css +52 -0
  28. package/dist/cjs/components/CardPromotion/CardPromotion.module.css.cjs +21 -0
  29. package/dist/cjs/components/CardPromotion/CardPromotion.module.css.cjs.map +1 -0
  30. package/dist/cjs/components/CardPromotion/index.cjs +8 -54
  31. package/dist/cjs/components/CardPromotion/index.cjs.map +1 -1
  32. package/dist/cjs/components/CardSecondary/CardSecondary.css +99 -0
  33. package/dist/cjs/components/CardSecondary/CardSecondary.module.css.cjs +39 -0
  34. package/dist/cjs/components/CardSecondary/CardSecondary.module.css.cjs.map +1 -0
  35. package/dist/cjs/components/CardSecondary/index.cjs +35 -84
  36. package/dist/cjs/components/CardSecondary/index.cjs.map +1 -1
  37. package/dist/cjs/components/CodeBlock/CodeBlock.css +48 -0
  38. package/dist/cjs/components/CodeBlock/CodeBlock.module.css.cjs +22 -0
  39. package/dist/cjs/components/CodeBlock/CodeBlock.module.css.cjs.map +1 -0
  40. package/dist/cjs/components/CodeBlock/InlineCodeBlock.cjs +7 -14
  41. package/dist/cjs/components/CodeBlock/InlineCodeBlock.cjs.map +1 -1
  42. package/dist/cjs/components/CodeBlock/InlineCodeBlock.css +10 -0
  43. package/dist/cjs/components/CodeBlock/InlineCodeBlock.module.css.cjs +12 -0
  44. package/dist/cjs/components/CodeBlock/InlineCodeBlock.module.css.cjs.map +1 -0
  45. package/dist/cjs/components/CodeBlock/index.cjs +18 -49
  46. package/dist/cjs/components/CodeBlock/index.cjs.map +1 -1
  47. package/dist/cjs/components/CodeBlock/useColorStyle.cjs +15 -0
  48. package/dist/cjs/components/CodeBlock/useColorStyle.cjs.map +1 -1
  49. package/dist/cjs/components/ConfirmationDialog/ConfirmationDialog.css +20 -0
  50. package/dist/cjs/components/ConfirmationDialog/ConfirmationDialog.module.css.cjs +15 -0
  51. package/dist/cjs/components/ConfirmationDialog/ConfirmationDialog.module.css.cjs.map +1 -0
  52. package/dist/cjs/components/ConfirmationDialog/index.cjs +6 -11
  53. package/dist/cjs/components/ConfirmationDialog/index.cjs.map +1 -1
  54. package/dist/cjs/components/ContextMenu/ContextMenu.css +40 -0
  55. package/dist/cjs/components/ContextMenu/ContextMenu.module.css.cjs +17 -0
  56. package/dist/cjs/components/ContextMenu/ContextMenu.module.css.cjs.map +1 -0
  57. package/dist/cjs/components/ContextMenu/index.cjs +33 -47
  58. package/dist/cjs/components/ContextMenu/index.cjs.map +1 -1
  59. package/dist/cjs/components/CrossButton/CrossButton.css +12 -0
  60. package/dist/cjs/components/CrossButton/CrossButton.module.css.cjs +10 -0
  61. package/dist/cjs/components/CrossButton/CrossButton.module.css.cjs.map +1 -0
  62. package/dist/cjs/components/CrossButton/index.cjs +11 -14
  63. package/dist/cjs/components/CrossButton/index.cjs.map +1 -1
  64. package/dist/cjs/components/DatePicker/Common.cjs +1 -1
  65. package/dist/cjs/components/DatePicker/Common.cjs.map +1 -1
  66. package/dist/cjs/components/DatePicker/DateTimeRangePicker.cjs +1 -1
  67. package/dist/cjs/components/DatePicker/DateTimeRangePicker.cjs.map +1 -1
  68. package/dist/cjs/components/Dropdown/Dropdown.css +36 -0
  69. package/dist/cjs/components/Dropdown/Dropdown.module.css.cjs +13 -0
  70. package/dist/cjs/components/Dropdown/Dropdown.module.css.cjs.map +1 -0
  71. package/dist/cjs/components/Dropdown/index.cjs +28 -33
  72. package/dist/cjs/components/Dropdown/index.cjs.map +1 -1
  73. package/dist/cjs/components/EllipsisContent/EllipsisContent.css +21 -0
  74. package/dist/cjs/components/EllipsisContent/EllipsisContent.module.css.cjs +10 -0
  75. package/dist/cjs/components/EllipsisContent/EllipsisContent.module.css.cjs.map +1 -0
  76. package/dist/cjs/components/EllipsisContent/index.cjs +7 -6
  77. package/dist/cjs/components/EllipsisContent/index.cjs.map +1 -1
  78. package/dist/cjs/components/EmptyButton/EmptyButton.css +21 -0
  79. package/dist/cjs/components/EmptyButton/EmptyButton.module.css.cjs +10 -0
  80. package/dist/cjs/components/EmptyButton/EmptyButton.module.css.cjs.map +1 -0
  81. package/dist/cjs/components/EmptyButton/index.cjs +10 -4
  82. package/dist/cjs/components/EmptyButton/index.cjs.map +1 -1
  83. package/dist/cjs/components/FileTabs/FileTabs.css +167 -0
  84. package/dist/cjs/components/FileTabs/FileTabs.module.css.cjs +38 -0
  85. package/dist/cjs/components/FileTabs/FileTabs.module.css.cjs.map +1 -0
  86. package/dist/cjs/components/FileTabs/index.cjs +51 -80
  87. package/dist/cjs/components/FileTabs/index.cjs.map +1 -1
  88. package/dist/cjs/components/FileUpload/FileMultiUpload.cjs +3 -9
  89. package/dist/cjs/components/FileUpload/FileMultiUpload.cjs.map +1 -1
  90. package/dist/cjs/components/FileUpload/FileMultiUpload.css +8 -0
  91. package/dist/cjs/components/FileUpload/FileMultiUpload.module.css.cjs +10 -0
  92. package/dist/cjs/components/FileUpload/FileMultiUpload.module.css.cjs.map +1 -0
  93. package/dist/cjs/components/FileUpload/FileUpload.stories-common.css +14 -0
  94. package/dist/cjs/components/FileUpload/FileUploadArea.cjs +87 -64
  95. package/dist/cjs/components/FileUpload/FileUploadArea.cjs.map +1 -1
  96. package/dist/cjs/components/FileUpload/FileUploadArea.css +130 -0
  97. package/dist/cjs/components/FileUpload/FileUploadArea.module.css.cjs +38 -0
  98. package/dist/cjs/components/FileUpload/FileUploadArea.module.css.cjs.map +1 -0
  99. package/dist/cjs/components/FileUpload/FileUploadItem.cjs +56 -64
  100. package/dist/cjs/components/FileUpload/FileUploadItem.cjs.map +1 -1
  101. package/dist/cjs/components/FileUpload/FileUploadItem.css +82 -0
  102. package/dist/cjs/components/FileUpload/FileUploadItem.module.css.cjs +27 -0
  103. package/dist/cjs/components/FileUpload/FileUploadItem.module.css.cjs.map +1 -0
  104. package/dist/cjs/components/Flyout/Flyout.css +231 -0
  105. package/dist/cjs/components/Flyout/Flyout.module.css.cjs +93 -0
  106. package/dist/cjs/components/Flyout/Flyout.module.css.cjs.map +1 -0
  107. package/dist/cjs/components/Flyout/index.cjs +148 -126
  108. package/dist/cjs/components/Flyout/index.cjs.map +1 -1
  109. package/dist/cjs/components/FormContainer/Error.cjs +8 -9
  110. package/dist/cjs/components/FormContainer/Error.cjs.map +1 -1
  111. package/dist/cjs/components/FormContainer/Error.css +4 -0
  112. package/dist/cjs/components/FormContainer/Error.module.css.cjs +12 -0
  113. package/dist/cjs/components/FormContainer/Error.module.css.cjs.map +1 -0
  114. package/dist/cjs/components/FormContainer/FormElementContainer.cjs +8 -6
  115. package/dist/cjs/components/FormContainer/FormElementContainer.cjs.map +1 -1
  116. package/dist/cjs/components/FormContainer/FormElementContainer.css +14 -0
  117. package/dist/cjs/components/FormContainer/FormElementContainer.module.css.cjs +10 -0
  118. package/dist/cjs/components/FormContainer/FormElementContainer.module.css.cjs.map +1 -0
  119. package/dist/cjs/components/FormContainer/FormRoot.cjs +32 -18
  120. package/dist/cjs/components/FormContainer/FormRoot.cjs.map +1 -1
  121. package/dist/cjs/components/FormContainer/FormRoot.css +33 -0
  122. package/dist/cjs/components/FormContainer/FormRoot.module.css.cjs +15 -0
  123. package/dist/cjs/components/FormContainer/FormRoot.module.css.cjs.map +1 -0
  124. package/dist/cjs/components/GenericMenu/GenericMenu.css +176 -0
  125. package/dist/cjs/components/GenericMenu/GenericMenu.module.css.cjs +23 -0
  126. package/dist/cjs/components/GenericMenu/GenericMenu.module.css.cjs.map +1 -0
  127. package/dist/cjs/components/GenericMenu/index.cjs +93 -99
  128. package/dist/cjs/components/GenericMenu/index.cjs.map +1 -1
  129. package/dist/cjs/components/GridCenter/GridCenter.css +6 -0
  130. package/dist/cjs/components/GridContainer/GridContainer.css +71 -0
  131. package/dist/cjs/components/GridContainer/GridContainer.module.css.cjs +12 -0
  132. package/dist/cjs/components/GridContainer/GridContainer.module.css.cjs.map +1 -0
  133. package/dist/cjs/components/GridContainer/index.cjs +64 -64
  134. package/dist/cjs/components/GridContainer/index.cjs.map +1 -1
  135. package/dist/cjs/components/HoverCard/index.cjs +1 -1
  136. package/dist/cjs/components/HoverCard/index.cjs.map +1 -1
  137. package/dist/cjs/components/IconButton/index.cjs +2 -1
  138. package/dist/cjs/components/IconButton/index.cjs.map +1 -1
  139. package/dist/cjs/components/InputWrapper/InputWrapper.css +221 -0
  140. package/dist/cjs/components/InputWrapper/InputWrapper.module.css.cjs +39 -0
  141. package/dist/cjs/components/InputWrapper/InputWrapper.module.css.cjs.map +1 -0
  142. package/dist/cjs/components/InputWrapper/index.cjs +84 -185
  143. package/dist/cjs/components/InputWrapper/index.cjs.map +1 -1
  144. package/dist/cjs/components/MiddleTruncator/MiddleTruncator.css +22 -0
  145. package/dist/cjs/components/MiddleTruncator/MiddleTruncator.module.css.cjs +18 -0
  146. package/dist/cjs/components/MiddleTruncator/MiddleTruncator.module.css.cjs.map +1 -0
  147. package/dist/cjs/components/MiddleTruncator/index.cjs +5 -17
  148. package/dist/cjs/components/MiddleTruncator/index.cjs.map +1 -1
  149. package/dist/cjs/components/Pagination/Pagination.css +7 -0
  150. package/dist/cjs/components/Pagination/Pagination.module.css.cjs +10 -0
  151. package/dist/cjs/components/Pagination/Pagination.module.css.cjs.map +1 -0
  152. package/dist/cjs/components/Pagination/index.cjs +3 -5
  153. package/dist/cjs/components/Pagination/index.cjs.map +1 -1
  154. package/dist/cjs/components/Panel/Panel.css +116 -0
  155. package/dist/cjs/components/Panel/Panel.module.css.cjs +87 -0
  156. package/dist/cjs/components/Panel/Panel.module.css.cjs.map +1 -0
  157. package/dist/cjs/components/Panel/index.cjs +85 -35
  158. package/dist/cjs/components/Panel/index.cjs.map +1 -1
  159. package/dist/cjs/components/Popover/Popover.css +32 -0
  160. package/dist/cjs/components/Popover/Popover.module.css.cjs +15 -0
  161. package/dist/cjs/components/Popover/Popover.module.css.cjs.map +1 -0
  162. package/dist/cjs/components/Popover/index.cjs +27 -36
  163. package/dist/cjs/components/Popover/index.cjs.map +1 -1
  164. package/dist/cjs/components/RadioGroup/RadioGroup.css +99 -0
  165. package/dist/cjs/components/RadioGroup/RadioGroup.module.css.cjs +18 -0
  166. package/dist/cjs/components/RadioGroup/RadioGroup.module.css.cjs.map +1 -0
  167. package/dist/cjs/components/RadioGroup/index.cjs +28 -77
  168. package/dist/cjs/components/RadioGroup/index.cjs.map +1 -1
  169. package/dist/cjs/components/Select/MultiSelectValue.cjs +4 -9
  170. package/dist/cjs/components/Select/MultiSelectValue.cjs.map +1 -1
  171. package/dist/cjs/components/Select/MultiSelectValue.css +19 -0
  172. package/dist/cjs/components/Select/MultiSelectValue.module.css.cjs +11 -0
  173. package/dist/cjs/components/Select/MultiSelectValue.module.css.cjs.map +1 -0
  174. package/dist/cjs/components/Select/SingleSelectValue.cjs +3 -5
  175. package/dist/cjs/components/Select/SingleSelectValue.cjs.map +1 -1
  176. package/dist/cjs/components/Select/SingleSelectValue.css +10 -0
  177. package/dist/cjs/components/Select/SingleSelectValue.module.css.cjs +10 -0
  178. package/dist/cjs/components/Select/SingleSelectValue.module.css.cjs.map +1 -0
  179. package/dist/cjs/components/Select/common/InternalSelect.cjs +18 -23
  180. package/dist/cjs/components/Select/common/InternalSelect.cjs.map +1 -1
  181. package/dist/cjs/components/Select/common/SelectComponents.cjs +110 -0
  182. package/dist/cjs/components/Select/common/SelectComponents.cjs.map +1 -0
  183. package/dist/cjs/components/Select/common/SelectComponents.css +296 -0
  184. package/dist/cjs/components/Select/common/SelectComponents.module.css.cjs +31 -0
  185. package/dist/cjs/components/Select/common/SelectComponents.module.css.cjs.map +1 -0
  186. package/dist/cjs/components/SplitButton/SplitButton.css +138 -0
  187. package/dist/cjs/components/SplitButton/SplitButton.module.css.cjs +19 -0
  188. package/dist/cjs/components/SplitButton/SplitButton.module.css.cjs.map +1 -0
  189. package/dist/cjs/components/SplitButton/index.cjs +43 -88
  190. package/dist/cjs/components/SplitButton/index.cjs.map +1 -1
  191. package/dist/cjs/components/Table/Table.css +375 -0
  192. package/dist/cjs/components/Table/Table.module.css.cjs +86 -0
  193. package/dist/cjs/components/Table/Table.module.css.cjs.map +1 -0
  194. package/dist/cjs/components/Table/index.cjs +132 -214
  195. package/dist/cjs/components/Table/index.cjs.map +1 -1
  196. package/dist/cjs/components/Toast/Toast.css +142 -0
  197. package/dist/cjs/components/Toast/Toast.module.css.cjs +38 -0
  198. package/dist/cjs/components/Toast/Toast.module.css.cjs.map +1 -0
  199. package/dist/cjs/components/Toast/index.cjs +43 -96
  200. package/dist/cjs/components/Toast/index.cjs.map +1 -1
  201. package/dist/cjs/components/Tooltip/Tooltip.css +17 -0
  202. package/dist/cjs/components/Tooltip/Tooltip.module.css.cjs +15 -0
  203. package/dist/cjs/components/Tooltip/Tooltip.module.css.cjs.map +1 -0
  204. package/dist/cjs/components/Tooltip/index.cjs +12 -24
  205. package/dist/cjs/components/Tooltip/index.cjs.map +1 -1
  206. package/dist/cjs/components/VerticalStepper/VerticalStepper.css +302 -0
  207. package/dist/cjs/components/VerticalStepper/VerticalStepper.module.css.cjs +84 -0
  208. package/dist/cjs/components/VerticalStepper/VerticalStepper.module.css.cjs.map +1 -0
  209. package/dist/cjs/components/VerticalStepper/index.cjs +85 -110
  210. package/dist/cjs/components/VerticalStepper/index.cjs.map +1 -1
  211. package/dist/esm/click-ui.css +3521 -236
  212. package/dist/esm/components/Alert/index.js +2 -2
  213. package/dist/esm/components/Alert/index.js.map +1 -1
  214. package/dist/esm/components/Assets/Logos/Polaris.js +18 -0
  215. package/dist/esm/components/Assets/Logos/Polaris.js.map +1 -0
  216. package/dist/esm/components/Assets/Logos/system/LogosDark.js +2 -0
  217. package/dist/esm/components/Assets/Logos/system/LogosDark.js.map +1 -1
  218. package/dist/esm/components/Assets/Logos/system/LogosLight.js +2 -0
  219. package/dist/esm/components/Assets/Logos/system/LogosLight.js.map +1 -1
  220. package/dist/esm/components/AutoComplete/AutoComplete.css +97 -0
  221. package/dist/esm/components/AutoComplete/AutoComplete.module.css.js +14 -0
  222. package/dist/esm/components/AutoComplete/AutoComplete.module.css.js.map +1 -0
  223. package/dist/esm/components/AutoComplete/index.js +15 -75
  224. package/dist/esm/components/AutoComplete/index.js.map +1 -1
  225. package/dist/esm/components/BigStat/BigStat.css +77 -0
  226. package/dist/esm/components/BigStat/BigStat.module.css.js +18 -0
  227. package/dist/esm/components/BigStat/BigStat.module.css.js.map +1 -0
  228. package/dist/esm/components/BigStat/index.js +60 -52
  229. package/dist/esm/components/BigStat/index.js.map +1 -1
  230. package/dist/esm/components/Button/BaseButton.css +40 -0
  231. package/dist/esm/components/Button/BaseButton.js +11 -32
  232. package/dist/esm/components/Button/BaseButton.js.map +1 -1
  233. package/dist/esm/components/Button/BaseButton.module.css.js +6 -0
  234. package/dist/esm/components/Button/BaseButton.module.css.js.map +1 -0
  235. package/dist/esm/components/ButtonGroup/index.js +1 -1
  236. package/dist/esm/components/ButtonGroup/index.js.map +1 -1
  237. package/dist/esm/components/CardPromotion/CardPromotion.css +52 -0
  238. package/dist/esm/components/CardPromotion/CardPromotion.module.css.js +13 -0
  239. package/dist/esm/components/CardPromotion/CardPromotion.module.css.js.map +1 -0
  240. package/dist/esm/components/CardPromotion/index.js +8 -54
  241. package/dist/esm/components/CardPromotion/index.js.map +1 -1
  242. package/dist/esm/components/CardSecondary/CardSecondary.css +99 -0
  243. package/dist/esm/components/CardSecondary/CardSecondary.module.css.js +25 -0
  244. package/dist/esm/components/CardSecondary/CardSecondary.module.css.js.map +1 -0
  245. package/dist/esm/components/CardSecondary/index.js +35 -84
  246. package/dist/esm/components/CardSecondary/index.js.map +1 -1
  247. package/dist/esm/components/CodeBlock/CodeBlock.css +48 -0
  248. package/dist/esm/components/CodeBlock/CodeBlock.module.css.js +14 -0
  249. package/dist/esm/components/CodeBlock/CodeBlock.module.css.js.map +1 -0
  250. package/dist/esm/components/CodeBlock/InlineCodeBlock.css +10 -0
  251. package/dist/esm/components/CodeBlock/InlineCodeBlock.js +7 -14
  252. package/dist/esm/components/CodeBlock/InlineCodeBlock.js.map +1 -1
  253. package/dist/esm/components/CodeBlock/InlineCodeBlock.module.css.js +7 -0
  254. package/dist/esm/components/CodeBlock/InlineCodeBlock.module.css.js.map +1 -0
  255. package/dist/esm/components/CodeBlock/index.js +20 -51
  256. package/dist/esm/components/CodeBlock/index.js.map +1 -1
  257. package/dist/esm/components/CodeBlock/useColorStyle.js +14 -1
  258. package/dist/esm/components/CodeBlock/useColorStyle.js.map +1 -1
  259. package/dist/esm/components/ConfirmationDialog/ConfirmationDialog.css +20 -0
  260. package/dist/esm/components/ConfirmationDialog/ConfirmationDialog.module.css.js +9 -0
  261. package/dist/esm/components/ConfirmationDialog/ConfirmationDialog.module.css.js.map +1 -0
  262. package/dist/esm/components/ConfirmationDialog/index.js +6 -11
  263. package/dist/esm/components/ConfirmationDialog/index.js.map +1 -1
  264. package/dist/esm/components/ContextMenu/ContextMenu.css +40 -0
  265. package/dist/esm/components/ContextMenu/ContextMenu.module.css.js +11 -0
  266. package/dist/esm/components/ContextMenu/ContextMenu.module.css.js.map +1 -0
  267. package/dist/esm/components/ContextMenu/index.js +34 -48
  268. package/dist/esm/components/ContextMenu/index.js.map +1 -1
  269. package/dist/esm/components/CrossButton/CrossButton.css +12 -0
  270. package/dist/esm/components/CrossButton/CrossButton.module.css.js +6 -0
  271. package/dist/esm/components/CrossButton/CrossButton.module.css.js.map +1 -0
  272. package/dist/esm/components/CrossButton/index.js +11 -14
  273. package/dist/esm/components/CrossButton/index.js.map +1 -1
  274. package/dist/esm/components/DatePicker/Common.js +1 -1
  275. package/dist/esm/components/DatePicker/Common.js.map +1 -1
  276. package/dist/esm/components/DatePicker/DateTimeRangePicker.js +1 -1
  277. package/dist/esm/components/DatePicker/DateTimeRangePicker.js.map +1 -1
  278. package/dist/esm/components/Dropdown/Dropdown.css +36 -0
  279. package/dist/esm/components/Dropdown/Dropdown.module.css.js +9 -0
  280. package/dist/esm/components/Dropdown/Dropdown.module.css.js.map +1 -0
  281. package/dist/esm/components/Dropdown/index.js +28 -33
  282. package/dist/esm/components/Dropdown/index.js.map +1 -1
  283. package/dist/esm/components/EllipsisContent/EllipsisContent.css +21 -0
  284. package/dist/esm/components/EllipsisContent/EllipsisContent.module.css.js +6 -0
  285. package/dist/esm/components/EllipsisContent/EllipsisContent.module.css.js.map +1 -0
  286. package/dist/esm/components/EllipsisContent/index.js +7 -6
  287. package/dist/esm/components/EllipsisContent/index.js.map +1 -1
  288. package/dist/esm/components/EmptyButton/EmptyButton.css +21 -0
  289. package/dist/esm/components/EmptyButton/EmptyButton.module.css.js +6 -0
  290. package/dist/esm/components/EmptyButton/EmptyButton.module.css.js.map +1 -0
  291. package/dist/esm/components/EmptyButton/index.js +10 -4
  292. package/dist/esm/components/EmptyButton/index.js.map +1 -1
  293. package/dist/esm/components/FileTabs/FileTabs.css +167 -0
  294. package/dist/esm/components/FileTabs/FileTabs.module.css.js +26 -0
  295. package/dist/esm/components/FileTabs/FileTabs.module.css.js.map +1 -0
  296. package/dist/esm/components/FileTabs/index.js +51 -80
  297. package/dist/esm/components/FileTabs/index.js.map +1 -1
  298. package/dist/esm/components/FileUpload/FileMultiUpload.css +8 -0
  299. package/dist/esm/components/FileUpload/FileMultiUpload.js +3 -9
  300. package/dist/esm/components/FileUpload/FileMultiUpload.js.map +1 -1
  301. package/dist/esm/components/FileUpload/FileMultiUpload.module.css.js +6 -0
  302. package/dist/esm/components/FileUpload/FileMultiUpload.module.css.js.map +1 -0
  303. package/dist/esm/components/FileUpload/FileUpload.stories-common.css +14 -0
  304. package/dist/esm/components/FileUpload/FileUploadArea.css +130 -0
  305. package/dist/esm/components/FileUpload/FileUploadArea.js +87 -64
  306. package/dist/esm/components/FileUpload/FileUploadArea.js.map +1 -1
  307. package/dist/esm/components/FileUpload/FileUploadArea.module.css.js +32 -0
  308. package/dist/esm/components/FileUpload/FileUploadArea.module.css.js.map +1 -0
  309. package/dist/esm/components/FileUpload/FileUploadItem.css +82 -0
  310. package/dist/esm/components/FileUpload/FileUploadItem.js +56 -64
  311. package/dist/esm/components/FileUpload/FileUploadItem.js.map +1 -1
  312. package/dist/esm/components/FileUpload/FileUploadItem.module.css.js +21 -0
  313. package/dist/esm/components/FileUpload/FileUploadItem.module.css.js.map +1 -0
  314. package/dist/esm/components/Flyout/Flyout.css +231 -0
  315. package/dist/esm/components/Flyout/Flyout.module.css.js +62 -0
  316. package/dist/esm/components/Flyout/Flyout.module.css.js.map +1 -0
  317. package/dist/esm/components/Flyout/index.js +149 -127
  318. package/dist/esm/components/Flyout/index.js.map +1 -1
  319. package/dist/esm/components/FormContainer/Error.css +4 -0
  320. package/dist/esm/components/FormContainer/Error.js +8 -9
  321. package/dist/esm/components/FormContainer/Error.js.map +1 -1
  322. package/dist/esm/components/FormContainer/Error.module.css.js +7 -0
  323. package/dist/esm/components/FormContainer/Error.module.css.js.map +1 -0
  324. package/dist/esm/components/FormContainer/FormElementContainer.css +14 -0
  325. package/dist/esm/components/FormContainer/FormElementContainer.js +8 -6
  326. package/dist/esm/components/FormContainer/FormElementContainer.js.map +1 -1
  327. package/dist/esm/components/FormContainer/FormElementContainer.module.css.js +6 -0
  328. package/dist/esm/components/FormContainer/FormElementContainer.module.css.js.map +1 -0
  329. package/dist/esm/components/FormContainer/FormRoot.css +33 -0
  330. package/dist/esm/components/FormContainer/FormRoot.js +32 -18
  331. package/dist/esm/components/FormContainer/FormRoot.js.map +1 -1
  332. package/dist/esm/components/FormContainer/FormRoot.module.css.js +11 -0
  333. package/dist/esm/components/FormContainer/FormRoot.module.css.js.map +1 -0
  334. package/dist/esm/components/GenericMenu/GenericMenu.css +176 -0
  335. package/dist/esm/components/GenericMenu/GenericMenu.module.css.js +18 -0
  336. package/dist/esm/components/GenericMenu/GenericMenu.module.css.js.map +1 -0
  337. package/dist/esm/components/GenericMenu/index.js +93 -99
  338. package/dist/esm/components/GenericMenu/index.js.map +1 -1
  339. package/dist/esm/components/GridCenter/GridCenter.css +6 -0
  340. package/dist/esm/components/GridContainer/GridContainer.css +71 -0
  341. package/dist/esm/components/GridContainer/GridContainer.module.css.js +8 -0
  342. package/dist/esm/components/GridContainer/GridContainer.module.css.js.map +1 -0
  343. package/dist/esm/components/GridContainer/index.js +65 -65
  344. package/dist/esm/components/GridContainer/index.js.map +1 -1
  345. package/dist/esm/components/HoverCard/index.js +1 -1
  346. package/dist/esm/components/HoverCard/index.js.map +1 -1
  347. package/dist/esm/components/IconButton/index.js +2 -1
  348. package/dist/esm/components/IconButton/index.js.map +1 -1
  349. package/dist/esm/components/InputWrapper/InputWrapper.css +221 -0
  350. package/dist/esm/components/InputWrapper/InputWrapper.module.css.js +27 -0
  351. package/dist/esm/components/InputWrapper/InputWrapper.module.css.js.map +1 -0
  352. package/dist/esm/components/InputWrapper/index.js +84 -185
  353. package/dist/esm/components/InputWrapper/index.js.map +1 -1
  354. package/dist/esm/components/MiddleTruncator/MiddleTruncator.css +22 -0
  355. package/dist/esm/components/MiddleTruncator/MiddleTruncator.module.css.js +11 -0
  356. package/dist/esm/components/MiddleTruncator/MiddleTruncator.module.css.js.map +1 -0
  357. package/dist/esm/components/MiddleTruncator/index.js +5 -17
  358. package/dist/esm/components/MiddleTruncator/index.js.map +1 -1
  359. package/dist/esm/components/Pagination/Pagination.css +7 -0
  360. package/dist/esm/components/Pagination/Pagination.module.css.js +6 -0
  361. package/dist/esm/components/Pagination/Pagination.module.css.js.map +1 -0
  362. package/dist/esm/components/Pagination/index.js +3 -5
  363. package/dist/esm/components/Pagination/index.js.map +1 -1
  364. package/dist/esm/components/Panel/Panel.css +116 -0
  365. package/dist/esm/components/Panel/Panel.module.css.js +58 -0
  366. package/dist/esm/components/Panel/Panel.module.css.js.map +1 -0
  367. package/dist/esm/components/Panel/index.js +85 -35
  368. package/dist/esm/components/Panel/index.js.map +1 -1
  369. package/dist/esm/components/Popover/Popover.css +32 -0
  370. package/dist/esm/components/Popover/Popover.module.css.js +10 -0
  371. package/dist/esm/components/Popover/Popover.module.css.js.map +1 -0
  372. package/dist/esm/components/Popover/index.js +27 -36
  373. package/dist/esm/components/Popover/index.js.map +1 -1
  374. package/dist/esm/components/RadioGroup/RadioGroup.css +99 -0
  375. package/dist/esm/components/RadioGroup/RadioGroup.module.css.js +13 -0
  376. package/dist/esm/components/RadioGroup/RadioGroup.module.css.js.map +1 -0
  377. package/dist/esm/components/RadioGroup/index.js +28 -77
  378. package/dist/esm/components/RadioGroup/index.js.map +1 -1
  379. package/dist/esm/components/Select/MultiSelectValue.css +19 -0
  380. package/dist/esm/components/Select/MultiSelectValue.js +4 -9
  381. package/dist/esm/components/Select/MultiSelectValue.js.map +1 -1
  382. package/dist/esm/components/Select/MultiSelectValue.module.css.js +7 -0
  383. package/dist/esm/components/Select/MultiSelectValue.module.css.js.map +1 -0
  384. package/dist/esm/components/Select/SingleSelectValue.css +10 -0
  385. package/dist/esm/components/Select/SingleSelectValue.js +3 -5
  386. package/dist/esm/components/Select/SingleSelectValue.js.map +1 -1
  387. package/dist/esm/components/Select/SingleSelectValue.module.css.js +6 -0
  388. package/dist/esm/components/Select/SingleSelectValue.module.css.js.map +1 -0
  389. package/dist/esm/components/Select/common/InternalSelect.js +4 -9
  390. package/dist/esm/components/Select/common/InternalSelect.js.map +1 -1
  391. package/dist/esm/components/Select/common/SelectComponents.css +296 -0
  392. package/dist/esm/components/Select/common/SelectComponents.js +92 -0
  393. package/dist/esm/components/Select/common/SelectComponents.js.map +1 -0
  394. package/dist/esm/components/Select/common/SelectComponents.module.css.js +27 -0
  395. package/dist/esm/components/Select/common/SelectComponents.module.css.js.map +1 -0
  396. package/dist/esm/components/SplitButton/SplitButton.css +138 -0
  397. package/dist/esm/components/SplitButton/SplitButton.module.css.js +15 -0
  398. package/dist/esm/components/SplitButton/SplitButton.module.css.js.map +1 -0
  399. package/dist/esm/components/SplitButton/index.js +44 -89
  400. package/dist/esm/components/SplitButton/index.js.map +1 -1
  401. package/dist/esm/components/Table/Table.css +375 -0
  402. package/dist/esm/components/Table/Table.module.css.js +63 -0
  403. package/dist/esm/components/Table/Table.module.css.js.map +1 -0
  404. package/dist/esm/components/Table/index.js +132 -214
  405. package/dist/esm/components/Table/index.js.map +1 -1
  406. package/dist/esm/components/Toast/Toast.css +142 -0
  407. package/dist/esm/components/Toast/Toast.module.css.js +26 -0
  408. package/dist/esm/components/Toast/Toast.module.css.js.map +1 -0
  409. package/dist/esm/components/Toast/index.js +43 -96
  410. package/dist/esm/components/Toast/index.js.map +1 -1
  411. package/dist/esm/components/Tooltip/Tooltip.css +17 -0
  412. package/dist/esm/components/Tooltip/Tooltip.module.css.js +9 -0
  413. package/dist/esm/components/Tooltip/Tooltip.module.css.js.map +1 -0
  414. package/dist/esm/components/Tooltip/index.js +12 -24
  415. package/dist/esm/components/Tooltip/index.js.map +1 -1
  416. package/dist/esm/components/VerticalStepper/VerticalStepper.css +302 -0
  417. package/dist/esm/components/VerticalStepper/VerticalStepper.module.css.js +55 -0
  418. package/dist/esm/components/VerticalStepper/VerticalStepper.module.css.js.map +1 -0
  419. package/dist/esm/components/VerticalStepper/index.js +85 -110
  420. package/dist/esm/components/VerticalStepper/index.js.map +1 -1
  421. package/dist/types/components/Assets/Logos/Polaris.d.ts +3 -0
  422. package/dist/types/components/Assets/Logos/system/types.d.ts +1 -1
  423. package/dist/types/components/AutoComplete/AutoComplete.d.ts +1 -1
  424. package/dist/types/components/BigStat/BigStat.d.ts +1 -1
  425. package/dist/types/components/Button/BaseButton.d.ts +2 -1
  426. package/dist/types/components/CardPromotion/CardPromotion.d.ts +1 -1
  427. package/dist/types/components/CardSecondary/CardSecondary.d.ts +1 -1
  428. package/dist/types/components/CodeBlock/CodeBlock.d.ts +1 -1
  429. package/dist/types/components/CodeBlock/InlineCodeBlock.d.ts +1 -1
  430. package/dist/types/components/CodeBlock/useColorStyle.d.ts +6 -112
  431. package/dist/types/components/ConfirmationDialog/ConfirmationDialog.d.ts +1 -1
  432. package/dist/types/components/ContextMenu/ContextMenu.d.ts +1 -1
  433. package/dist/types/components/CrossButton/CrossButton.d.ts +2 -3
  434. package/dist/types/components/Dropdown/Dropdown.d.ts +2 -2
  435. package/dist/types/components/EmptyButton/EmptyButton.d.ts +2 -1
  436. package/dist/types/components/FileTabs/FileTabs.d.ts +3 -3
  437. package/dist/types/components/FileUpload/FileUpload.stories-common.d.ts +4 -1
  438. package/dist/types/components/Flyout/Flyout.d.ts +8 -6
  439. package/dist/types/components/Flyout/Flyout.types.d.ts +3 -0
  440. package/dist/types/components/FormContainer/Error.d.ts +2 -1
  441. package/dist/types/components/FormContainer/FormElementContainer.d.ts +2 -1
  442. package/dist/types/components/FormContainer/FormRoot.d.ts +6 -4
  443. package/dist/types/components/GenericMenu/GenericMenu.d.ts +29 -12
  444. package/dist/types/components/GridCenter/GridCenter.d.ts +9 -1
  445. package/dist/types/components/IconButton/IconButton.types.d.ts +3 -0
  446. package/dist/types/components/InputWrapper/InputWrapper.d.ts +17 -13
  447. package/dist/types/components/Panel/Panel.d.ts +2 -39
  448. package/dist/types/components/RadioGroup/RadioGroup.d.ts +2 -2
  449. package/dist/types/components/Select/common/SelectComponents.d.ts +33 -0
  450. package/dist/types/components/SplitButton/SplitButton.d.ts +1 -1
  451. package/dist/types/components/SplitButton/SplitButton.types.d.ts +3 -0
  452. package/dist/types/components/Toast/Toast.d.ts +1 -1
  453. package/dist/types/components/Tooltip/Tooltip.d.ts +1 -1
  454. package/dist/types/components/VerticalStepper/VerticalStepper.d.ts +2 -2
  455. package/package.json +1 -1
  456. package/dist/cjs/components/Select/common/SelectStyled.cjs +0 -194
  457. package/dist/cjs/components/Select/common/SelectStyled.cjs.map +0 -1
  458. package/dist/esm/components/Select/common/SelectStyled.js +0 -176
  459. package/dist/esm/components/Select/common/SelectStyled.js.map +0 -1
  460. package/dist/types/components/Select/common/SelectStyled.d.ts +0 -34
@@ -1,194 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
-
5
- const RadixPopover = require('@radix-ui/react-popover');
6
- const styledComponents = require('styled-components');
7
-
8
- const SelectPopoverRoot = styledComponents.styled(RadixPopover.Root).withConfig({
9
- componentId: "sc-oudbwg-0"
10
- })(["width:100%;"]);
11
- const SelectValue = styledComponents.styled.div.withConfig({
12
- componentId: "sc-oudbwg-1"
13
- })(["text-align:left;flex:1;gap:inherit;color:inherit;font:inherit;overflow:hidden;"]);
14
- const StyledSelectTrigger = styledComponents.styled(RadixPopover.Trigger).withConfig({
15
- componentId: "sc-oudbwg-2"
16
- })(["width:100%;display:flex;align-items:center;justify-content:space-between;align-items:center;cursor:pointer;min-height:", ";span:first-of-type{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}", " [data-hide-in-trigger]{display:none;}"], ({
17
- theme
18
- }) => theme.click.genericMenu.panel.size.height, ({
19
- theme,
20
- $error
21
- }) => `
22
- border-radius: ${theme.click.field.radii.all};
23
- padding: ${theme.click.field.space.y} ${theme.click.field.space.x};
24
- gap: ${theme.click.field.space.gap};
25
- font: ${theme.click.field.typography.fieldText.default};
26
- color: ${theme.click.field.color.text.default};
27
- border: 1px solid ${theme.click.field.color.stroke.default};
28
- background: ${theme.click.field.color.background.default};
29
- &:hover {
30
- border: 1px solid ${theme.click.field.color.stroke.hover};
31
- background: ${theme.click.field.color.background.hover};
32
- color: ${theme.click.field.color.text.hover};
33
- }
34
- ${$error ? `
35
- font: ${theme.click.field.typography.fieldText.error};
36
- border: 1px solid ${theme.click.field.color.stroke.error};
37
- background: ${theme.click.field.color.background.active};
38
- color: ${theme.click.field.color.text.error};
39
- &:hover {
40
- border: 1px solid ${theme.click.field.color.stroke.error};
41
- color: ${theme.click.field.color.text.error};
42
- }
43
- ` : `
44
- &:focus,
45
- &[data-state="open"] {
46
- font: ${theme.click.field.typography.fieldText.active};
47
- border: 1px solid ${theme.click.field.color.stroke.active};
48
- background: ${theme.click.field.color.background.active};
49
- color: ${theme.click.field.color.text.active};
50
- & ~ label {
51
- color: ${theme.click.field.color.label.active};
52
- font: ${theme.click.field.typography.label.active};;
53
- }
54
- }
55
- `};
56
- &:focus-visible {
57
- outline: 2px solid ${theme.click.global.color.outline.default};
58
- outline-offset: 2px;
59
- }
60
- &:disabled {
61
- font: ${theme.click.field.typography.fieldText.disabled};
62
- border: 1px solid ${theme.click.field.color.stroke.disabled};
63
- background: ${theme.click.field.color.background.disabled};
64
- color: ${theme.click.field.color.text.disabled};
65
- cursor: not-allowed;
66
- }
67
- `);
68
- const SelectPopoverContent = styledComponents.styled(RadixPopover.Content).withConfig({
69
- componentId: "sc-oudbwg-3"
70
- })(["width:var(--radix-popover-trigger-width);max-height:var(--radix-popover-content-available-height);border-radius:0.25rem;pointer-events:auto;", " ", " overflow:hidden;display:flex;padding:0.5rem 0rem;align-items:flex-start;gap:0.625rem;"], ({
71
- $useFullWidthItems,
72
- $itemCharacterLimit
73
- }) => `
74
- ${$useFullWidthItems ? `
75
- max-width: ${$itemCharacterLimit};
76
- min-width: var(--radix-popover-trigger-width);
77
- width: 100%;
78
- ` : "width: var(--radix-popover-trigger-width)"};
79
- `, ({
80
- theme
81
- }) => `
82
- border: 1px solid ${theme.click.genericMenu.item.color.default.stroke.default};
83
- background: ${theme.click.genericMenu.item.color.default.background.default};
84
- box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),
85
- 0px 1px 2px 0px rgba(16, 24, 40, 0.06);
86
- border-radius: 0.25rem;
87
- `);
88
- const SearchBarContainer = styledComponents.styled.div.withConfig({
89
- componentId: "sc-oudbwg-4"
90
- })(["width:auto;position:relative;display:flex;justify-content:flex-start;align-items:center;", ""], ({
91
- theme,
92
- $showSearch
93
- }) => `
94
- padding: ${$showSearch ? `${theme.click.genericMenu.item.space.y} ${theme.click.genericMenu.item.space.x}` : 0};
95
- color: ${theme.click.genericMenu.autocomplete.color.searchTerm.default};
96
- font: ${theme.click.genericMenu.autocomplete.typography.search.term.default};
97
- height: ${$showSearch ? "auto" : " 0"};
98
- `);
99
- const SearchBar = styledComponents.styled.input.withConfig({
100
- componentId: "sc-oudbwg-5"
101
- })(["background:transparent;border:none;width:100%;outline:none;", ""], ({
102
- theme,
103
- $showSearch
104
- }) => `
105
- min-height: ${$showSearch ? "21px" : 0};
106
- height: ${$showSearch ? "initial" : 0};
107
- ${$showSearch ? "padding-right: 24px" : "padding:0"};
108
-
109
- gap: ${theme.click.genericMenu.item.space.gap};
110
- font: ${theme.click.genericMenu.autocomplete.typography.search.term.default};
111
- border-bottom: ${$showSearch ? `2px solid ${theme.click.genericMenu.button.color.stroke.default}` : 0};
112
- color: ${theme.click.genericMenu.autocomplete.color.searchTerm.default};
113
- &::placeholder {
114
- color: ${theme.click.genericMenu.autocomplete.color.placeholder.default};
115
- font: ${theme.click.genericMenu.autocomplete.typography.search.placeholder.default};
116
- }
117
- `);
118
- const SearchClose = styledComponents.styled.button.withConfig({
119
- componentId: "sc-oudbwg-6"
120
- })(["position:absolute;", " visibility:", ";"], ({
121
- theme
122
- }) => `
123
- top: ${theme.click.genericMenu.item.space.y};
124
- right: ${theme.click.genericMenu.item.space.x};
125
- `, ({
126
- $showClose
127
- }) => $showClose ? "visible" : "hidden");
128
- const SelectList = styledComponents.styled.div.withConfig({
129
- componentId: "sc-oudbwg-7"
130
- })(["display:flex;flex-direction:column;width:inherit;max-height:calc(var(--radix-popover-content-available-height) - 1rem);"]);
131
- const SelectListContent = styledComponents.styled.div.withConfig({
132
- componentId: "sc-oudbwg-8"
133
- })(["width:inherit;overflow:auto;flex:1;", ""], ({
134
- $maxHeight
135
- }) => $maxHeight && `
136
- max-height: ${$maxHeight};
137
- `);
138
- const HiddenSelectElement = styledComponents.styled.select.withConfig({
139
- componentId: "sc-oudbwg-9"
140
- })(["visibility:hidden;position:absolute;z-index:-1;height:0;"]);
141
- const SelectGroupContainer = styledComponents.styled.div.withConfig({
142
- componentId: "sc-oudbwg-10"
143
- })(["display:flex;flex-direction:column;justify-content:center;width:-webkit-fill-available;width:fill-available;width:stretch;overflow:hidden;background:transparent;&[aria-selected]{outline:none;}", ";&[hidden]{display:none;}"], ({
144
- theme
145
- }) => `
146
- font: ${theme.click.genericMenu.item.typography.sectionHeader.default};
147
- color: ${theme.click.genericMenu.item.color.default.text.muted};
148
- `);
149
- const SelectGroupName = styledComponents.styled.div.withConfig({
150
- componentId: "sc-oudbwg-11"
151
- })(["display:flex;width:100%;flex-direction:column;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;", ""], ({
152
- theme
153
- }) => `
154
- font: ${theme.click.genericMenu.item.typography.sectionHeader.default};
155
- color: ${theme.click.genericMenu.item.color.default.text.muted};
156
- padding: ${theme.click.genericMenu.sectionHeader.space.top} ${theme.click.genericMenu.item.space.x} ${theme.click.genericMenu.sectionHeader.space.bottom};
157
- gap: ${theme.click.genericMenu.item.space.gap};
158
- border-bottom: 1px solid ${theme.click.genericMenu.item.color.default.stroke.default};
159
- `);
160
- const SelectGroupContent = styledComponents.styled.div.withConfig({
161
- componentId: "sc-oudbwg-12"
162
- })(["width:inherit;"]);
163
- const SelectNoDataContainer = styledComponents.styled.div.withConfig({
164
- componentId: "sc-oudbwg-13"
165
- })(["border:none;display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;&[hidden='true']{display:none;}", ""], ({
166
- theme,
167
- $clickable
168
- }) => `
169
- font: ${theme.click.genericMenu.button.typography.label.default}
170
- padding: ${theme.click.genericMenu.button.space.y} ${theme.click.genericMenu.item.space.x};
171
- background: ${theme.click.genericMenu.button.color.background.default};
172
- color: ${theme.click.genericMenu.button.color.label.default};
173
- cursor: ${$clickable ? "pointer" : "default"}
174
- `);
175
- const SelectItemDescriptionText = styledComponents.styled.div.withConfig({
176
- componentId: "sc-oudbwg-14"
177
- })(["white-space:normal;[data-disabled] &,[disabled] &{color:inherit;}", " &{display:none;}"], StyledSelectTrigger);
178
-
179
- exports.HiddenSelectElement = HiddenSelectElement;
180
- exports.SearchBar = SearchBar;
181
- exports.SearchBarContainer = SearchBarContainer;
182
- exports.SearchClose = SearchClose;
183
- exports.SelectGroupContainer = SelectGroupContainer;
184
- exports.SelectGroupContent = SelectGroupContent;
185
- exports.SelectGroupName = SelectGroupName;
186
- exports.SelectItemDescriptionText = SelectItemDescriptionText;
187
- exports.SelectList = SelectList;
188
- exports.SelectListContent = SelectListContent;
189
- exports.SelectNoDataContainer = SelectNoDataContainer;
190
- exports.SelectPopoverContent = SelectPopoverContent;
191
- exports.SelectPopoverRoot = SelectPopoverRoot;
192
- exports.SelectValue = SelectValue;
193
- exports.StyledSelectTrigger = StyledSelectTrigger;
194
- //# sourceMappingURL=SelectStyled.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SelectStyled.cjs","sources":["../../../../../src/components/Select/common/SelectStyled.tsx"],"sourcesContent":["import { Content, Root, Trigger } from '@radix-ui/react-popover';\nimport { styled } from 'styled-components';\n\nexport const SelectPopoverRoot = styled(Root)`\n width: 100%;\n`;\n\nexport const SelectValue = styled.div`\n text-align: left;\n flex: 1;\n gap: inherit;\n color: inherit;\n font: inherit;\n overflow: hidden;\n`;\n\nexport const StyledSelectTrigger = styled(Trigger)<{ $error: boolean }>`\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n min-height: ${({ theme }) => theme.click.genericMenu.panel.size.height};\n\n span:first-of-type {\n max-width: 100%;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n ${({ theme, $error }) => `\n border-radius: ${theme.click.field.radii.all};\n padding: ${theme.click.field.space.y} ${theme.click.field.space.x};\n gap: ${theme.click.field.space.gap};\n font: ${theme.click.field.typography.fieldText.default};\n color: ${theme.click.field.color.text.default};\n border: 1px solid ${theme.click.field.color.stroke.default};\n background: ${theme.click.field.color.background.default};\n &:hover {\n border: 1px solid ${theme.click.field.color.stroke.hover};\n background: ${theme.click.field.color.background.hover};\n color: ${theme.click.field.color.text.hover};\n }\n ${\n $error\n ? `\n font: ${theme.click.field.typography.fieldText.error};\n border: 1px solid ${theme.click.field.color.stroke.error};\n background: ${theme.click.field.color.background.active};\n color: ${theme.click.field.color.text.error};\n &:hover {\n border: 1px solid ${theme.click.field.color.stroke.error};\n color: ${theme.click.field.color.text.error};\n }\n `\n : `\n &:focus,\n &[data-state=\"open\"] {\n font: ${theme.click.field.typography.fieldText.active};\n border: 1px solid ${theme.click.field.color.stroke.active};\n background: ${theme.click.field.color.background.active};\n color: ${theme.click.field.color.text.active};\n & ~ label {\n color: ${theme.click.field.color.label.active};\n font: ${theme.click.field.typography.label.active};;\n }\n }\n `\n };\n &:focus-visible {\n outline: 2px solid ${theme.click.global.color.outline.default};\n outline-offset: 2px;\n }\n &:disabled {\n font: ${theme.click.field.typography.fieldText.disabled};\n border: 1px solid ${theme.click.field.color.stroke.disabled};\n background: ${theme.click.field.color.background.disabled};\n color: ${theme.click.field.color.text.disabled};\n cursor: not-allowed;\n }\n `}\n [data-hide-in-trigger] {\n display: none;\n }\n`;\n\nexport const SelectPopoverContent = styled(Content)<{\n $useFullWidthItems: boolean;\n $itemCharacterLimit?: string;\n}>`\n width: var(--radix-popover-trigger-width);\n max-height: var(--radix-popover-content-available-height);\n border-radius: 0.25rem;\n pointer-events: auto;\n\n ${({ $useFullWidthItems, $itemCharacterLimit }) => `\n ${\n $useFullWidthItems\n ? `\n max-width: ${$itemCharacterLimit};\n min-width: var(--radix-popover-trigger-width);\n width: 100%;\n `\n : 'width: var(--radix-popover-trigger-width)'\n };\n `}\n\n ${({ theme }) => `\n border: 1px solid ${theme.click.genericMenu.item.color.default.stroke.default};\n background: ${theme.click.genericMenu.item.color.default.background.default};\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),\n 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\n border-radius: 0.25rem;\n `}\n overflow: hidden;\n display: flex;\n padding: 0.5rem 0rem;\n align-items: flex-start;\n gap: 0.625rem;\n`;\n\nexport const SearchBarContainer = styled.div<{ $showSearch: boolean }>`\n width: auto;\n position: relative;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n ${({ theme, $showSearch }) => `\n padding: ${\n $showSearch\n ? `${theme.click.genericMenu.item.space.y} ${theme.click.genericMenu.item.space.x}`\n : 0\n };\n color: ${theme.click.genericMenu.autocomplete.color.searchTerm.default};\n font: ${theme.click.genericMenu.autocomplete.typography.search.term.default};\n height: ${$showSearch ? 'auto' : ' 0'};\n `}\n`;\n\nexport const SearchBar = styled.input<{ $showSearch: boolean }>`\n background: transparent;\n border: none;\n width: 100%;\n outline: none;\n ${({ theme, $showSearch }) => `\n min-height: ${$showSearch ? '21px' : 0};\n height: ${$showSearch ? 'initial' : 0};\n ${$showSearch ? 'padding-right: 24px' : 'padding:0'};\n\n gap: ${theme.click.genericMenu.item.space.gap};\n font: ${theme.click.genericMenu.autocomplete.typography.search.term.default};\n border-bottom: ${\n $showSearch ? `2px solid ${theme.click.genericMenu.button.color.stroke.default}` : 0\n };\n color: ${theme.click.genericMenu.autocomplete.color.searchTerm.default};\n &::placeholder {\n color: ${theme.click.genericMenu.autocomplete.color.placeholder.default};\n font: ${theme.click.genericMenu.autocomplete.typography.search.placeholder.default};\n }\n `}\n`;\n\nexport const SearchClose = styled.button<{ $showClose: boolean }>`\n position: absolute;\n ${({ theme }) => `\n top: ${theme.click.genericMenu.item.space.y};\n right: ${theme.click.genericMenu.item.space.x};\n `}\n visibility: ${({ $showClose }) => ($showClose ? 'visible' : 'hidden')};\n`;\n\n/*\n Added the max-height with calc as the content should always be fit inside SelectPopoverContent\n SelectPopoverContent has hardcoded padding and thats why we are using 1 rem instead of tokens\n This makes sure that the content is always visible with the scrolling\n*/\nexport const SelectList = styled.div`\n display: flex;\n flex-direction: column;\n width: inherit;\n max-height: calc(var(--radix-popover-content-available-height) - 1rem);\n`;\nexport const SelectListContent = styled.div<{ $maxHeight?: string }>`\n width: inherit;\n overflow: auto;\n flex: 1;\n\n ${({ $maxHeight }) =>\n $maxHeight &&\n `\n max-height: ${$maxHeight};\n `}\n`;\n\nexport const HiddenSelectElement = styled.select`\n visibility: hidden;\n position: absolute;\n z-index: -1;\n height: 0;\n`;\n\nexport const SelectGroupContainer = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: center;\n width: -webkit-fill-available;\n width: fill-available;\n width: stretch;\n overflow: hidden;\n background: transparent;\n &[aria-selected] {\n outline: none;\n }\n\n ${({ theme }) => `\n font: ${theme.click.genericMenu.item.typography.sectionHeader.default};\n color: ${theme.click.genericMenu.item.color.default.text.muted};\n `};\n &[hidden] {\n display: none;\n }\n`;\n\nexport const SelectGroupName = styled.div`\n display: flex;\n width: 100%;\n flex-direction: column;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n ${({ theme }) => `\n font: ${theme.click.genericMenu.item.typography.sectionHeader.default};\n color: ${theme.click.genericMenu.item.color.default.text.muted};\n padding: ${theme.click.genericMenu.sectionHeader.space.top} ${theme.click.genericMenu.item.space.x} ${theme.click.genericMenu.sectionHeader.space.bottom};\n gap: ${theme.click.genericMenu.item.space.gap};\n border-bottom: 1px solid ${theme.click.genericMenu.item.color.default.stroke.default};\n `}\n`;\n\nexport const SelectGroupContent = styled.div`\n width: inherit;\n`;\n\nexport const SelectNoDataContainer = styled.div<{ $clickable: boolean }>`\n border: none;\n display: block;\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: left;\n\n &[hidden='true'] {\n display: none;\n }\n ${({ theme, $clickable }) => `\n font: ${theme.click.genericMenu.button.typography.label.default}\n padding: ${theme.click.genericMenu.button.space.y} ${\n theme.click.genericMenu.item.space.x\n };\n background: ${theme.click.genericMenu.button.color.background.default};\n color: ${theme.click.genericMenu.button.color.label.default};\n cursor: ${$clickable ? 'pointer' : 'default'}\n `}\n`;\n\nexport const SelectItemDescriptionText = styled.div`\n white-space: normal;\n\n [data-disabled] &,\n [disabled] & {\n color: inherit;\n }\n\n // don't show description when item is rendered in the trigger\n ${StyledSelectTrigger} & {\n display: none;\n }\n`;\n"],"names":["SelectPopoverRoot","styled","Root","withConfig","componentId","SelectValue","div","StyledSelectTrigger","Trigger","theme","click","genericMenu","panel","size","height","$error","field","radii","all","space","y","x","gap","typography","fieldText","default","color","text","stroke","background","hover","error","active","label","global","outline","disabled","SelectPopoverContent","Content","$useFullWidthItems","$itemCharacterLimit","item","SearchBarContainer","$showSearch","autocomplete","searchTerm","search","term","SearchBar","input","button","placeholder","SearchClose","$showClose","SelectList","SelectListContent","$maxHeight","HiddenSelectElement","select","SelectGroupContainer","sectionHeader","muted","SelectGroupName","top","bottom","SelectGroupContent","SelectNoDataContainer","$clickable","SelectItemDescriptionText"],"mappings":"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"}
@@ -1,176 +0,0 @@
1
- import { Root, Trigger, Content } from '@radix-ui/react-popover';
2
- import { styled } from 'styled-components';
3
-
4
- const SelectPopoverRoot = styled(Root).withConfig({
5
- componentId: "sc-oudbwg-0"
6
- })(["width:100%;"]);
7
- const SelectValue = styled.div.withConfig({
8
- componentId: "sc-oudbwg-1"
9
- })(["text-align:left;flex:1;gap:inherit;color:inherit;font:inherit;overflow:hidden;"]);
10
- const StyledSelectTrigger = styled(Trigger).withConfig({
11
- componentId: "sc-oudbwg-2"
12
- })(["width:100%;display:flex;align-items:center;justify-content:space-between;align-items:center;cursor:pointer;min-height:", ";span:first-of-type{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}", " [data-hide-in-trigger]{display:none;}"], ({
13
- theme
14
- }) => theme.click.genericMenu.panel.size.height, ({
15
- theme,
16
- $error
17
- }) => `
18
- border-radius: ${theme.click.field.radii.all};
19
- padding: ${theme.click.field.space.y} ${theme.click.field.space.x};
20
- gap: ${theme.click.field.space.gap};
21
- font: ${theme.click.field.typography.fieldText.default};
22
- color: ${theme.click.field.color.text.default};
23
- border: 1px solid ${theme.click.field.color.stroke.default};
24
- background: ${theme.click.field.color.background.default};
25
- &:hover {
26
- border: 1px solid ${theme.click.field.color.stroke.hover};
27
- background: ${theme.click.field.color.background.hover};
28
- color: ${theme.click.field.color.text.hover};
29
- }
30
- ${$error ? `
31
- font: ${theme.click.field.typography.fieldText.error};
32
- border: 1px solid ${theme.click.field.color.stroke.error};
33
- background: ${theme.click.field.color.background.active};
34
- color: ${theme.click.field.color.text.error};
35
- &:hover {
36
- border: 1px solid ${theme.click.field.color.stroke.error};
37
- color: ${theme.click.field.color.text.error};
38
- }
39
- ` : `
40
- &:focus,
41
- &[data-state="open"] {
42
- font: ${theme.click.field.typography.fieldText.active};
43
- border: 1px solid ${theme.click.field.color.stroke.active};
44
- background: ${theme.click.field.color.background.active};
45
- color: ${theme.click.field.color.text.active};
46
- & ~ label {
47
- color: ${theme.click.field.color.label.active};
48
- font: ${theme.click.field.typography.label.active};;
49
- }
50
- }
51
- `};
52
- &:focus-visible {
53
- outline: 2px solid ${theme.click.global.color.outline.default};
54
- outline-offset: 2px;
55
- }
56
- &:disabled {
57
- font: ${theme.click.field.typography.fieldText.disabled};
58
- border: 1px solid ${theme.click.field.color.stroke.disabled};
59
- background: ${theme.click.field.color.background.disabled};
60
- color: ${theme.click.field.color.text.disabled};
61
- cursor: not-allowed;
62
- }
63
- `);
64
- const SelectPopoverContent = styled(Content).withConfig({
65
- componentId: "sc-oudbwg-3"
66
- })(["width:var(--radix-popover-trigger-width);max-height:var(--radix-popover-content-available-height);border-radius:0.25rem;pointer-events:auto;", " ", " overflow:hidden;display:flex;padding:0.5rem 0rem;align-items:flex-start;gap:0.625rem;"], ({
67
- $useFullWidthItems,
68
- $itemCharacterLimit
69
- }) => `
70
- ${$useFullWidthItems ? `
71
- max-width: ${$itemCharacterLimit};
72
- min-width: var(--radix-popover-trigger-width);
73
- width: 100%;
74
- ` : "width: var(--radix-popover-trigger-width)"};
75
- `, ({
76
- theme
77
- }) => `
78
- border: 1px solid ${theme.click.genericMenu.item.color.default.stroke.default};
79
- background: ${theme.click.genericMenu.item.color.default.background.default};
80
- box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),
81
- 0px 1px 2px 0px rgba(16, 24, 40, 0.06);
82
- border-radius: 0.25rem;
83
- `);
84
- const SearchBarContainer = styled.div.withConfig({
85
- componentId: "sc-oudbwg-4"
86
- })(["width:auto;position:relative;display:flex;justify-content:flex-start;align-items:center;", ""], ({
87
- theme,
88
- $showSearch
89
- }) => `
90
- padding: ${$showSearch ? `${theme.click.genericMenu.item.space.y} ${theme.click.genericMenu.item.space.x}` : 0};
91
- color: ${theme.click.genericMenu.autocomplete.color.searchTerm.default};
92
- font: ${theme.click.genericMenu.autocomplete.typography.search.term.default};
93
- height: ${$showSearch ? "auto" : " 0"};
94
- `);
95
- const SearchBar = styled.input.withConfig({
96
- componentId: "sc-oudbwg-5"
97
- })(["background:transparent;border:none;width:100%;outline:none;", ""], ({
98
- theme,
99
- $showSearch
100
- }) => `
101
- min-height: ${$showSearch ? "21px" : 0};
102
- height: ${$showSearch ? "initial" : 0};
103
- ${$showSearch ? "padding-right: 24px" : "padding:0"};
104
-
105
- gap: ${theme.click.genericMenu.item.space.gap};
106
- font: ${theme.click.genericMenu.autocomplete.typography.search.term.default};
107
- border-bottom: ${$showSearch ? `2px solid ${theme.click.genericMenu.button.color.stroke.default}` : 0};
108
- color: ${theme.click.genericMenu.autocomplete.color.searchTerm.default};
109
- &::placeholder {
110
- color: ${theme.click.genericMenu.autocomplete.color.placeholder.default};
111
- font: ${theme.click.genericMenu.autocomplete.typography.search.placeholder.default};
112
- }
113
- `);
114
- const SearchClose = styled.button.withConfig({
115
- componentId: "sc-oudbwg-6"
116
- })(["position:absolute;", " visibility:", ";"], ({
117
- theme
118
- }) => `
119
- top: ${theme.click.genericMenu.item.space.y};
120
- right: ${theme.click.genericMenu.item.space.x};
121
- `, ({
122
- $showClose
123
- }) => $showClose ? "visible" : "hidden");
124
- const SelectList = styled.div.withConfig({
125
- componentId: "sc-oudbwg-7"
126
- })(["display:flex;flex-direction:column;width:inherit;max-height:calc(var(--radix-popover-content-available-height) - 1rem);"]);
127
- const SelectListContent = styled.div.withConfig({
128
- componentId: "sc-oudbwg-8"
129
- })(["width:inherit;overflow:auto;flex:1;", ""], ({
130
- $maxHeight
131
- }) => $maxHeight && `
132
- max-height: ${$maxHeight};
133
- `);
134
- const HiddenSelectElement = styled.select.withConfig({
135
- componentId: "sc-oudbwg-9"
136
- })(["visibility:hidden;position:absolute;z-index:-1;height:0;"]);
137
- const SelectGroupContainer = styled.div.withConfig({
138
- componentId: "sc-oudbwg-10"
139
- })(["display:flex;flex-direction:column;justify-content:center;width:-webkit-fill-available;width:fill-available;width:stretch;overflow:hidden;background:transparent;&[aria-selected]{outline:none;}", ";&[hidden]{display:none;}"], ({
140
- theme
141
- }) => `
142
- font: ${theme.click.genericMenu.item.typography.sectionHeader.default};
143
- color: ${theme.click.genericMenu.item.color.default.text.muted};
144
- `);
145
- const SelectGroupName = styled.div.withConfig({
146
- componentId: "sc-oudbwg-11"
147
- })(["display:flex;width:100%;flex-direction:column;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;", ""], ({
148
- theme
149
- }) => `
150
- font: ${theme.click.genericMenu.item.typography.sectionHeader.default};
151
- color: ${theme.click.genericMenu.item.color.default.text.muted};
152
- padding: ${theme.click.genericMenu.sectionHeader.space.top} ${theme.click.genericMenu.item.space.x} ${theme.click.genericMenu.sectionHeader.space.bottom};
153
- gap: ${theme.click.genericMenu.item.space.gap};
154
- border-bottom: 1px solid ${theme.click.genericMenu.item.color.default.stroke.default};
155
- `);
156
- const SelectGroupContent = styled.div.withConfig({
157
- componentId: "sc-oudbwg-12"
158
- })(["width:inherit;"]);
159
- const SelectNoDataContainer = styled.div.withConfig({
160
- componentId: "sc-oudbwg-13"
161
- })(["border:none;display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;&[hidden='true']{display:none;}", ""], ({
162
- theme,
163
- $clickable
164
- }) => `
165
- font: ${theme.click.genericMenu.button.typography.label.default}
166
- padding: ${theme.click.genericMenu.button.space.y} ${theme.click.genericMenu.item.space.x};
167
- background: ${theme.click.genericMenu.button.color.background.default};
168
- color: ${theme.click.genericMenu.button.color.label.default};
169
- cursor: ${$clickable ? "pointer" : "default"}
170
- `);
171
- const SelectItemDescriptionText = styled.div.withConfig({
172
- componentId: "sc-oudbwg-14"
173
- })(["white-space:normal;[data-disabled] &,[disabled] &{color:inherit;}", " &{display:none;}"], StyledSelectTrigger);
174
-
175
- export { HiddenSelectElement, SearchBar, SearchBarContainer, SearchClose, SelectGroupContainer, SelectGroupContent, SelectGroupName, SelectItemDescriptionText, SelectList, SelectListContent, SelectNoDataContainer, SelectPopoverContent, SelectPopoverRoot, SelectValue, StyledSelectTrigger };
176
- //# sourceMappingURL=SelectStyled.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SelectStyled.js","sources":["../../../../../src/components/Select/common/SelectStyled.tsx"],"sourcesContent":["import { Content, Root, Trigger } from '@radix-ui/react-popover';\nimport { styled } from 'styled-components';\n\nexport const SelectPopoverRoot = styled(Root)`\n width: 100%;\n`;\n\nexport const SelectValue = styled.div`\n text-align: left;\n flex: 1;\n gap: inherit;\n color: inherit;\n font: inherit;\n overflow: hidden;\n`;\n\nexport const StyledSelectTrigger = styled(Trigger)<{ $error: boolean }>`\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n min-height: ${({ theme }) => theme.click.genericMenu.panel.size.height};\n\n span:first-of-type {\n max-width: 100%;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n ${({ theme, $error }) => `\n border-radius: ${theme.click.field.radii.all};\n padding: ${theme.click.field.space.y} ${theme.click.field.space.x};\n gap: ${theme.click.field.space.gap};\n font: ${theme.click.field.typography.fieldText.default};\n color: ${theme.click.field.color.text.default};\n border: 1px solid ${theme.click.field.color.stroke.default};\n background: ${theme.click.field.color.background.default};\n &:hover {\n border: 1px solid ${theme.click.field.color.stroke.hover};\n background: ${theme.click.field.color.background.hover};\n color: ${theme.click.field.color.text.hover};\n }\n ${\n $error\n ? `\n font: ${theme.click.field.typography.fieldText.error};\n border: 1px solid ${theme.click.field.color.stroke.error};\n background: ${theme.click.field.color.background.active};\n color: ${theme.click.field.color.text.error};\n &:hover {\n border: 1px solid ${theme.click.field.color.stroke.error};\n color: ${theme.click.field.color.text.error};\n }\n `\n : `\n &:focus,\n &[data-state=\"open\"] {\n font: ${theme.click.field.typography.fieldText.active};\n border: 1px solid ${theme.click.field.color.stroke.active};\n background: ${theme.click.field.color.background.active};\n color: ${theme.click.field.color.text.active};\n & ~ label {\n color: ${theme.click.field.color.label.active};\n font: ${theme.click.field.typography.label.active};;\n }\n }\n `\n };\n &:focus-visible {\n outline: 2px solid ${theme.click.global.color.outline.default};\n outline-offset: 2px;\n }\n &:disabled {\n font: ${theme.click.field.typography.fieldText.disabled};\n border: 1px solid ${theme.click.field.color.stroke.disabled};\n background: ${theme.click.field.color.background.disabled};\n color: ${theme.click.field.color.text.disabled};\n cursor: not-allowed;\n }\n `}\n [data-hide-in-trigger] {\n display: none;\n }\n`;\n\nexport const SelectPopoverContent = styled(Content)<{\n $useFullWidthItems: boolean;\n $itemCharacterLimit?: string;\n}>`\n width: var(--radix-popover-trigger-width);\n max-height: var(--radix-popover-content-available-height);\n border-radius: 0.25rem;\n pointer-events: auto;\n\n ${({ $useFullWidthItems, $itemCharacterLimit }) => `\n ${\n $useFullWidthItems\n ? `\n max-width: ${$itemCharacterLimit};\n min-width: var(--radix-popover-trigger-width);\n width: 100%;\n `\n : 'width: var(--radix-popover-trigger-width)'\n };\n `}\n\n ${({ theme }) => `\n border: 1px solid ${theme.click.genericMenu.item.color.default.stroke.default};\n background: ${theme.click.genericMenu.item.color.default.background.default};\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),\n 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\n border-radius: 0.25rem;\n `}\n overflow: hidden;\n display: flex;\n padding: 0.5rem 0rem;\n align-items: flex-start;\n gap: 0.625rem;\n`;\n\nexport const SearchBarContainer = styled.div<{ $showSearch: boolean }>`\n width: auto;\n position: relative;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n ${({ theme, $showSearch }) => `\n padding: ${\n $showSearch\n ? `${theme.click.genericMenu.item.space.y} ${theme.click.genericMenu.item.space.x}`\n : 0\n };\n color: ${theme.click.genericMenu.autocomplete.color.searchTerm.default};\n font: ${theme.click.genericMenu.autocomplete.typography.search.term.default};\n height: ${$showSearch ? 'auto' : ' 0'};\n `}\n`;\n\nexport const SearchBar = styled.input<{ $showSearch: boolean }>`\n background: transparent;\n border: none;\n width: 100%;\n outline: none;\n ${({ theme, $showSearch }) => `\n min-height: ${$showSearch ? '21px' : 0};\n height: ${$showSearch ? 'initial' : 0};\n ${$showSearch ? 'padding-right: 24px' : 'padding:0'};\n\n gap: ${theme.click.genericMenu.item.space.gap};\n font: ${theme.click.genericMenu.autocomplete.typography.search.term.default};\n border-bottom: ${\n $showSearch ? `2px solid ${theme.click.genericMenu.button.color.stroke.default}` : 0\n };\n color: ${theme.click.genericMenu.autocomplete.color.searchTerm.default};\n &::placeholder {\n color: ${theme.click.genericMenu.autocomplete.color.placeholder.default};\n font: ${theme.click.genericMenu.autocomplete.typography.search.placeholder.default};\n }\n `}\n`;\n\nexport const SearchClose = styled.button<{ $showClose: boolean }>`\n position: absolute;\n ${({ theme }) => `\n top: ${theme.click.genericMenu.item.space.y};\n right: ${theme.click.genericMenu.item.space.x};\n `}\n visibility: ${({ $showClose }) => ($showClose ? 'visible' : 'hidden')};\n`;\n\n/*\n Added the max-height with calc as the content should always be fit inside SelectPopoverContent\n SelectPopoverContent has hardcoded padding and thats why we are using 1 rem instead of tokens\n This makes sure that the content is always visible with the scrolling\n*/\nexport const SelectList = styled.div`\n display: flex;\n flex-direction: column;\n width: inherit;\n max-height: calc(var(--radix-popover-content-available-height) - 1rem);\n`;\nexport const SelectListContent = styled.div<{ $maxHeight?: string }>`\n width: inherit;\n overflow: auto;\n flex: 1;\n\n ${({ $maxHeight }) =>\n $maxHeight &&\n `\n max-height: ${$maxHeight};\n `}\n`;\n\nexport const HiddenSelectElement = styled.select`\n visibility: hidden;\n position: absolute;\n z-index: -1;\n height: 0;\n`;\n\nexport const SelectGroupContainer = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: center;\n width: -webkit-fill-available;\n width: fill-available;\n width: stretch;\n overflow: hidden;\n background: transparent;\n &[aria-selected] {\n outline: none;\n }\n\n ${({ theme }) => `\n font: ${theme.click.genericMenu.item.typography.sectionHeader.default};\n color: ${theme.click.genericMenu.item.color.default.text.muted};\n `};\n &[hidden] {\n display: none;\n }\n`;\n\nexport const SelectGroupName = styled.div`\n display: flex;\n width: 100%;\n flex-direction: column;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n ${({ theme }) => `\n font: ${theme.click.genericMenu.item.typography.sectionHeader.default};\n color: ${theme.click.genericMenu.item.color.default.text.muted};\n padding: ${theme.click.genericMenu.sectionHeader.space.top} ${theme.click.genericMenu.item.space.x} ${theme.click.genericMenu.sectionHeader.space.bottom};\n gap: ${theme.click.genericMenu.item.space.gap};\n border-bottom: 1px solid ${theme.click.genericMenu.item.color.default.stroke.default};\n `}\n`;\n\nexport const SelectGroupContent = styled.div`\n width: inherit;\n`;\n\nexport const SelectNoDataContainer = styled.div<{ $clickable: boolean }>`\n border: none;\n display: block;\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: left;\n\n &[hidden='true'] {\n display: none;\n }\n ${({ theme, $clickable }) => `\n font: ${theme.click.genericMenu.button.typography.label.default}\n padding: ${theme.click.genericMenu.button.space.y} ${\n theme.click.genericMenu.item.space.x\n };\n background: ${theme.click.genericMenu.button.color.background.default};\n color: ${theme.click.genericMenu.button.color.label.default};\n cursor: ${$clickable ? 'pointer' : 'default'}\n `}\n`;\n\nexport const SelectItemDescriptionText = styled.div`\n white-space: normal;\n\n [data-disabled] &,\n [disabled] & {\n color: inherit;\n }\n\n // don't show description when item is rendered in the trigger\n ${StyledSelectTrigger} & {\n display: none;\n }\n`;\n"],"names":["SelectPopoverRoot","styled","Root","withConfig","componentId","SelectValue","div","StyledSelectTrigger","Trigger","theme","click","genericMenu","panel","size","height","$error","field","radii","all","space","y","x","gap","typography","fieldText","default","color","text","stroke","background","hover","error","active","label","global","outline","disabled","SelectPopoverContent","Content","$useFullWidthItems","$itemCharacterLimit","item","SearchBarContainer","$showSearch","autocomplete","searchTerm","search","term","SearchBar","input","button","placeholder","SearchClose","$showClose","SelectList","SelectListContent","$maxHeight","HiddenSelectElement","select","SelectGroupContainer","sectionHeader","muted","SelectGroupName","top","bottom","SelectGroupContent","SelectNoDataContainer","$clickable","SelectItemDescriptionText"],"mappings":"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"}
@@ -1,34 +0,0 @@
1
- export declare const SelectPopoverRoot: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('@radix-ui/react-popover').PopoverProps, never>> & string & Omit<import('react').FC<import('@radix-ui/react-popover').PopoverProps>, keyof import('react').Component<any, {}, any>>;
2
- export declare const SelectValue: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
3
- export declare const StyledSelectTrigger: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('@radix-ui/react-popover').PopoverTriggerProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
4
- ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
5
- }, {
6
- $error: boolean;
7
- }>> & string & Omit<import('react').ForwardRefExoticComponent<import('@radix-ui/react-popover').PopoverTriggerProps & import('react').RefAttributes<HTMLButtonElement>>, keyof import('react').Component<any, {}, any>>;
8
- export declare const SelectPopoverContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('@radix-ui/react-popover').PopoverContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
9
- ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
10
- }, {
11
- $useFullWidthItems: boolean;
12
- $itemCharacterLimit?: string;
13
- }>> & string & Omit<import('react').ForwardRefExoticComponent<import('@radix-ui/react-popover').PopoverContentProps & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
14
- export declare const SearchBarContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
15
- $showSearch: boolean;
16
- }>> & string;
17
- export declare const SearchBar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
18
- $showSearch: boolean;
19
- }>> & string;
20
- export declare const SearchClose: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
21
- $showClose: boolean;
22
- }>> & string;
23
- export declare const SelectList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
24
- export declare const SelectListContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
25
- $maxHeight?: string;
26
- }>> & string;
27
- export declare const HiddenSelectElement: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, never>> & string;
28
- export declare const SelectGroupContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
29
- export declare const SelectGroupName: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
30
- export declare const SelectGroupContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
31
- export declare const SelectNoDataContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
32
- $clickable: boolean;
33
- }>> & string;
34
- export declare const SelectItemDescriptionText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;