intergalactic 15.102.1-prerelease.0 → 15.103.0-prerelease.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 (423) hide show
  1. package/CHANGELOG.md +49 -0
  2. package/accordion/lib/cjs/Accordion.js +9 -9
  3. package/accordion/lib/es6/Accordion.js +9 -9
  4. package/accordion/package.json +1 -1
  5. package/animation/lib/cjs/Animation.js +11 -11
  6. package/animation/lib/cjs/Collapse.js +28 -28
  7. package/animation/lib/cjs/FadeInOut.js +28 -28
  8. package/animation/lib/cjs/Scale.js +28 -28
  9. package/animation/lib/cjs/Slide.js +28 -28
  10. package/animation/lib/cjs/Transform.js +28 -28
  11. package/animation/lib/es6/Animation.js +11 -11
  12. package/animation/lib/es6/Collapse.js +28 -28
  13. package/animation/lib/es6/FadeInOut.js +28 -28
  14. package/animation/lib/es6/Scale.js +28 -28
  15. package/animation/lib/es6/Slide.js +28 -28
  16. package/animation/lib/es6/Transform.js +28 -28
  17. package/animation/package.json +1 -1
  18. package/badge/lib/cjs/Badge.js +6 -6
  19. package/badge/lib/es6/Badge.js +6 -6
  20. package/badge/package.json +1 -1
  21. package/base-trigger/lib/cjs/BaseTrigger.js +18 -18
  22. package/base-trigger/lib/cjs/ButtonTrigger.js +3 -3
  23. package/base-trigger/lib/cjs/FilterTrigger.js +7 -7
  24. package/base-trigger/lib/cjs/LinkTrigger.js +12 -12
  25. package/base-trigger/lib/es6/BaseTrigger.js +18 -18
  26. package/base-trigger/lib/es6/ButtonTrigger.js +3 -3
  27. package/base-trigger/lib/es6/FilterTrigger.js +7 -7
  28. package/base-trigger/lib/es6/LinkTrigger.js +12 -12
  29. package/base-trigger/package.json +1 -1
  30. package/breadcrumbs/lib/cjs/Breadcrumbs.js +8 -8
  31. package/breadcrumbs/lib/es6/Breadcrumbs.js +8 -8
  32. package/breadcrumbs/package.json +1 -1
  33. package/breakpoints/package.json +1 -1
  34. package/button/lib/cjs/Button.js +26 -26
  35. package/button/lib/cjs/SpinButton.js +2 -14
  36. package/button/lib/cjs/SpinButton.js.map +1 -1
  37. package/button/lib/es6/Button.js +26 -26
  38. package/button/lib/es6/SpinButton.js +1 -12
  39. package/button/lib/es6/SpinButton.js.map +1 -1
  40. package/button/package.json +1 -1
  41. package/card/lib/cjs/Card.js +8 -8
  42. package/card/lib/es6/Card.js +8 -8
  43. package/card/package.json +1 -1
  44. package/carousel/lib/cjs/Carousel.js +23 -50
  45. package/carousel/lib/cjs/Carousel.js.map +1 -1
  46. package/carousel/lib/es6/Carousel.js +23 -50
  47. package/carousel/lib/es6/Carousel.js.map +1 -1
  48. package/carousel/package.json +1 -1
  49. package/checkbox/lib/cjs/Checkbox.js +18 -18
  50. package/checkbox/lib/es6/Checkbox.js +18 -18
  51. package/checkbox/package.json +1 -1
  52. package/color-picker/index.d.ts +2 -1
  53. package/color-picker/lib/cjs/ColorPicker.js +23 -23
  54. package/color-picker/lib/cjs/PaletteManager.js +23 -23
  55. package/color-picker/lib/cjs/components/InputColor.js +23 -23
  56. package/color-picker/lib/cjs/index.d.js.map +1 -1
  57. package/color-picker/lib/es6/ColorPicker.js +23 -23
  58. package/color-picker/lib/es6/PaletteManager.js +23 -23
  59. package/color-picker/lib/es6/components/InputColor.js +23 -23
  60. package/color-picker/lib/es6/index.d.js.map +1 -1
  61. package/color-picker/lib/types/index.d.ts +2 -1
  62. package/color-picker/package.json +1 -1
  63. package/components.json +73 -73
  64. package/core/package.json +1 -1
  65. package/counter/lib/cjs/Counter.js +11 -11
  66. package/counter/lib/es6/Counter.js +11 -11
  67. package/counter/package.json +1 -1
  68. package/d3-chart/lib/cjs/Area.js +11 -11
  69. package/d3-chart/lib/cjs/Axis.js +14 -14
  70. package/d3-chart/lib/cjs/Bar.js +16 -16
  71. package/d3-chart/lib/cjs/Bubble.js +12 -12
  72. package/d3-chart/lib/cjs/CompactHorizontalBar.js +16 -16
  73. package/d3-chart/lib/cjs/Donut.js +9 -9
  74. package/d3-chart/lib/cjs/Dots.js +8 -8
  75. package/d3-chart/lib/cjs/HorizontalBar.js +16 -16
  76. package/d3-chart/lib/cjs/Hover.js +3 -3
  77. package/d3-chart/lib/cjs/Line.js +9 -9
  78. package/d3-chart/lib/cjs/Plot.js +3 -3
  79. package/d3-chart/lib/cjs/Radar.js +19 -19
  80. package/d3-chart/lib/cjs/RadialTree.js +11 -11
  81. package/d3-chart/lib/cjs/Reference.js +12 -12
  82. package/d3-chart/lib/cjs/ScatterPlot.js +9 -9
  83. package/d3-chart/lib/cjs/Tooltip.js +9 -9
  84. package/d3-chart/lib/cjs/Venn.js +9 -9
  85. package/d3-chart/lib/cjs/a11y/PlotA11yModule.js +2 -2
  86. package/d3-chart/lib/cjs/a11y/PlotA11yView.js +2 -2
  87. package/d3-chart/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  88. package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +17 -17
  89. package/d3-chart/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
  90. package/d3-chart/lib/es6/Area.js +11 -11
  91. package/d3-chart/lib/es6/Axis.js +14 -14
  92. package/d3-chart/lib/es6/Bar.js +16 -16
  93. package/d3-chart/lib/es6/Bubble.js +12 -12
  94. package/d3-chart/lib/es6/CompactHorizontalBar.js +16 -16
  95. package/d3-chart/lib/es6/Donut.js +9 -9
  96. package/d3-chart/lib/es6/Dots.js +8 -8
  97. package/d3-chart/lib/es6/HorizontalBar.js +16 -16
  98. package/d3-chart/lib/es6/Hover.js +3 -3
  99. package/d3-chart/lib/es6/Line.js +9 -9
  100. package/d3-chart/lib/es6/Plot.js +3 -3
  101. package/d3-chart/lib/es6/Radar.js +19 -19
  102. package/d3-chart/lib/es6/RadialTree.js +11 -11
  103. package/d3-chart/lib/es6/Reference.js +12 -12
  104. package/d3-chart/lib/es6/ScatterPlot.js +9 -9
  105. package/d3-chart/lib/es6/Tooltip.js +9 -9
  106. package/d3-chart/lib/es6/Venn.js +9 -9
  107. package/d3-chart/lib/es6/a11y/PlotA11yModule.js +2 -2
  108. package/d3-chart/lib/es6/a11y/PlotA11yView.js +2 -2
  109. package/d3-chart/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  110. package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +17 -17
  111. package/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
  112. package/d3-chart/package.json +1 -1
  113. package/data-table/lib/cjs/Body.js +3 -3
  114. package/data-table/lib/cjs/DataTable.js +37 -37
  115. package/data-table/lib/es6/Body.js +3 -3
  116. package/data-table/lib/es6/DataTable.js +37 -37
  117. package/data-table/package.json +1 -1
  118. package/date-picker/index.d.ts +7 -6
  119. package/date-picker/lib/cjs/components/Calendar.js +21 -21
  120. package/date-picker/lib/cjs/components/DateRangeComparatorAbstract.js +29 -29
  121. package/date-picker/lib/cjs/components/InputTrigger.js +29 -29
  122. package/date-picker/lib/cjs/components/PickerAbstract.js +29 -29
  123. package/date-picker/lib/cjs/components/RangePickerAbstract.js +29 -29
  124. package/date-picker/lib/cjs/index.d.js.map +1 -1
  125. package/date-picker/lib/es6/components/Calendar.js +21 -21
  126. package/date-picker/lib/es6/components/DateRangeComparatorAbstract.js +29 -29
  127. package/date-picker/lib/es6/components/InputTrigger.js +29 -29
  128. package/date-picker/lib/es6/components/PickerAbstract.js +29 -29
  129. package/date-picker/lib/es6/components/RangePickerAbstract.js +29 -29
  130. package/date-picker/lib/es6/index.d.js.map +1 -1
  131. package/date-picker/lib/types/index.d.ts +7 -6
  132. package/date-picker/package.json +1 -1
  133. package/divider/lib/cjs/Divider.js +10 -10
  134. package/divider/lib/es6/Divider.js +10 -10
  135. package/divider/package.json +1 -1
  136. package/dot/lib/cjs/Dot.js +10 -10
  137. package/dot/lib/es6/Dot.js +10 -10
  138. package/dot/package.json +1 -1
  139. package/drag-and-drop/lib/cjs/DragAndDrop.js +16 -16
  140. package/drag-and-drop/lib/es6/DragAndDrop.js +16 -16
  141. package/drag-and-drop/package.json +1 -1
  142. package/dropdown/index.d.ts +26 -2
  143. package/dropdown/lib/cjs/Dropdown.js +3 -2
  144. package/dropdown/lib/cjs/Dropdown.js.map +1 -1
  145. package/dropdown/lib/cjs/index.d.js.map +1 -1
  146. package/dropdown/lib/es6/Dropdown.js +3 -2
  147. package/dropdown/lib/es6/Dropdown.js.map +1 -1
  148. package/dropdown/lib/es6/index.d.js.map +1 -1
  149. package/dropdown/lib/types/index.d.ts +26 -2
  150. package/dropdown/package.json +1 -1
  151. package/dropdown-menu/lib/cjs/DropdownMenu.js +48 -41
  152. package/dropdown-menu/lib/cjs/DropdownMenu.js.map +1 -1
  153. package/dropdown-menu/lib/es6/DropdownMenu.js +48 -41
  154. package/dropdown-menu/lib/es6/DropdownMenu.js.map +1 -1
  155. package/dropdown-menu/package.json +1 -1
  156. package/ellipsis/lib/cjs/Ellipsis.js +10 -10
  157. package/ellipsis/lib/es6/Ellipsis.js +10 -10
  158. package/ellipsis/package.json +1 -1
  159. package/errors/lib/cjs/Error.js +9 -9
  160. package/errors/lib/es6/Error.js +9 -9
  161. package/errors/package.json +1 -1
  162. package/feature-popover/lib/cjs/FeaturePopover.js +10 -10
  163. package/feature-popover/lib/es6/FeaturePopover.js +10 -10
  164. package/feature-popover/package.json +1 -1
  165. package/feedback-form/lib/cjs/FeedbackForm.js +7 -7
  166. package/feedback-form/lib/cjs/component/checkbox-button/CheckboxButton.js +3 -3
  167. package/feedback-form/lib/cjs/component/feedback-item/FeedbackItem.js +2 -1
  168. package/feedback-form/lib/cjs/component/feedback-item/FeedbackItem.js.map +1 -1
  169. package/feedback-form/lib/cjs/component/feedback-rating/FeedbackRating.js +5 -4
  170. package/feedback-form/lib/cjs/component/feedback-rating/FeedbackRating.js.map +1 -1
  171. package/feedback-form/lib/cjs/component/slider-rating/SliderRating.js +6 -6
  172. package/feedback-form/lib/es6/FeedbackForm.js +7 -7
  173. package/feedback-form/lib/es6/component/checkbox-button/CheckboxButton.js +3 -3
  174. package/feedback-form/lib/es6/component/feedback-item/FeedbackItem.js +2 -1
  175. package/feedback-form/lib/es6/component/feedback-item/FeedbackItem.js.map +1 -1
  176. package/feedback-form/lib/es6/component/feedback-rating/FeedbackRating.js +5 -4
  177. package/feedback-form/lib/es6/component/feedback-rating/FeedbackRating.js.map +1 -1
  178. package/feedback-form/lib/es6/component/slider-rating/SliderRating.js +6 -6
  179. package/feedback-form/package.json +1 -1
  180. package/flags/lib/cjs/Flags.js +3 -3
  181. package/flags/lib/es6/Flags.js +3 -3
  182. package/flags/lib/sprites/sprite@1x.css +256 -256
  183. package/flags/lib/sprites/sprite@2x.css +257 -257
  184. package/flags/package.json +1 -1
  185. package/flex-box/lib/cjs/Box/useBox.js +3 -3
  186. package/flex-box/lib/cjs/Flex/useFlex.js +3 -3
  187. package/flex-box/lib/cjs/invalid-state-box/InvalidStateBox.js +2 -2
  188. package/flex-box/lib/es6/Box/useBox.js +3 -3
  189. package/flex-box/lib/es6/Flex/useFlex.js +3 -3
  190. package/flex-box/lib/es6/invalid-state-box/InvalidStateBox.js +2 -2
  191. package/flex-box/package.json +1 -1
  192. package/format-text/lib/cjs/FormatText.js +5 -5
  193. package/format-text/lib/es6/FormatText.js +5 -5
  194. package/format-text/package.json +1 -1
  195. package/fullscreen-modal/lib/cjs/FullscreenModal.js +13 -13
  196. package/fullscreen-modal/lib/es6/FullscreenModal.js +13 -13
  197. package/fullscreen-modal/package.json +1 -1
  198. package/grid/lib/cjs/Grid.js +114 -114
  199. package/grid/lib/es6/Grid.js +114 -114
  200. package/grid/package.json +1 -1
  201. package/i18n-unplugin/package.json +1 -1
  202. package/icon/color/Confluence/l/index.js +4 -4
  203. package/icon/color/Confluence/l/index.mjs +4 -4
  204. package/icon/color/Confluence/m/index.js +4 -4
  205. package/icon/color/Confluence/m/index.mjs +4 -4
  206. package/icon/color/MicrosoftOffice/l/index.js +10 -10
  207. package/icon/color/MicrosoftOffice/l/index.mjs +10 -10
  208. package/icon/color/MicrosoftOffice/m/index.js +10 -10
  209. package/icon/color/MicrosoftOffice/m/index.mjs +10 -10
  210. package/icon/lib/cjs/Icon.js +5 -5
  211. package/icon/lib/es6/Icon.js +5 -5
  212. package/icon/package.json +1 -1
  213. package/icon/pay/Discover/l/index.js +1 -1
  214. package/icon/pay/Discover/l/index.mjs +1 -1
  215. package/icon/pay/Discover/m/index.js +1 -1
  216. package/icon/pay/Discover/m/index.mjs +1 -1
  217. package/icon/pay/JCB/l/index.js +10 -10
  218. package/icon/pay/JCB/l/index.mjs +10 -10
  219. package/icon/pay/JCB/m/index.js +10 -10
  220. package/icon/pay/JCB/m/index.mjs +10 -10
  221. package/icon/pay/Visa/l/index.js +2 -2
  222. package/icon/pay/Visa/l/index.mjs +2 -2
  223. package/icon/pay/Visa/m/index.js +2 -2
  224. package/icon/pay/Visa/m/index.mjs +2 -2
  225. package/illustration/lib/cjs/index.js +1 -1
  226. package/illustration/lib/es6/index.js +1 -1
  227. package/illustration/package.json +1 -1
  228. package/inline-edit/lib/cjs/InlineEdit.js +4 -4
  229. package/inline-edit/lib/es6/InlineEdit.js +4 -4
  230. package/inline-edit/package.json +1 -1
  231. package/inline-input/lib/cjs/InlineInput.js +14 -14
  232. package/inline-input/lib/es6/InlineInput.js +14 -14
  233. package/inline-input/package.json +1 -1
  234. package/input/lib/cjs/Input.js +17 -17
  235. package/input/lib/es6/Input.js +17 -17
  236. package/input/package.json +1 -1
  237. package/input-mask/lib/cjs/InputMask.js +6 -6
  238. package/input-mask/lib/es6/InputMask.js +6 -6
  239. package/input-mask/package.json +1 -1
  240. package/input-number/lib/cjs/InputNumber.js +9 -9
  241. package/input-number/lib/es6/InputNumber.js +9 -9
  242. package/input-number/package.json +1 -1
  243. package/input-tags/lib/cjs/InputTags.js +12 -12
  244. package/input-tags/lib/es6/InputTags.js +12 -12
  245. package/input-tags/package.json +1 -1
  246. package/link/lib/cjs/Link.js +12 -12
  247. package/link/lib/es6/Link.js +12 -12
  248. package/link/package.json +1 -1
  249. package/mini-chart/lib/cjs/component/score/Donut.js +9 -9
  250. package/mini-chart/lib/cjs/component/score/Line.js +17 -17
  251. package/mini-chart/lib/cjs/component/trend/Bar.js +7 -7
  252. package/mini-chart/lib/cjs/component/trend/Line.js +7 -7
  253. package/mini-chart/lib/es6/component/score/Donut.js +9 -9
  254. package/mini-chart/lib/es6/component/score/Line.js +17 -17
  255. package/mini-chart/lib/es6/component/trend/Bar.js +7 -7
  256. package/mini-chart/lib/es6/component/trend/Line.js +7 -7
  257. package/mini-chart/package.json +1 -1
  258. package/modal/lib/cjs/Modal.js +20 -16
  259. package/modal/lib/cjs/Modal.js.map +1 -1
  260. package/modal/lib/cjs/style/modal.shadow.css +6 -25
  261. package/modal/lib/es6/Modal.js +20 -16
  262. package/modal/lib/es6/Modal.js.map +1 -1
  263. package/modal/lib/es6/style/modal.shadow.css +6 -25
  264. package/modal/package.json +1 -1
  265. package/neighbor-location/package.json +1 -1
  266. package/notice/lib/cjs/Notice.js +14 -14
  267. package/notice/lib/es6/Notice.js +14 -14
  268. package/notice/package.json +1 -1
  269. package/notice-bubble/lib/cjs/NoticeBubble.js +15 -15
  270. package/notice-bubble/lib/es6/NoticeBubble.js +15 -15
  271. package/notice-bubble/package.json +1 -1
  272. package/notice-global/lib/cjs/NoticeGlobal.js +11 -11
  273. package/notice-global/lib/es6/NoticeGlobal.js +11 -11
  274. package/notice-global/package.json +1 -1
  275. package/outside-click/package.json +1 -1
  276. package/package.json +1 -1
  277. package/pagination/lib/cjs/Pagination.js +10 -10
  278. package/pagination/lib/es6/Pagination.js +10 -10
  279. package/pagination/package.json +1 -1
  280. package/pills/lib/cjs/Pills.js +13 -13
  281. package/pills/lib/es6/Pills.js +13 -13
  282. package/pills/package.json +1 -1
  283. package/popper/lib/cjs/Popper.js +20 -7
  284. package/popper/lib/cjs/Popper.js.map +1 -1
  285. package/popper/lib/es6/Popper.js +20 -7
  286. package/popper/lib/es6/Popper.js.map +1 -1
  287. package/popper/package.json +1 -1
  288. package/portal/package.json +1 -1
  289. package/product-head/lib/cjs/Info.js +4 -4
  290. package/product-head/lib/cjs/ProductHead.js +5 -5
  291. package/product-head/lib/cjs/Title.js +4 -4
  292. package/product-head/lib/es6/Info.js +4 -4
  293. package/product-head/lib/es6/ProductHead.js +5 -5
  294. package/product-head/lib/es6/Title.js +4 -4
  295. package/product-head/package.json +1 -1
  296. package/progress-bar/lib/cjs/ProgressBar.js +15 -15
  297. package/progress-bar/lib/es6/ProgressBar.js +15 -15
  298. package/progress-bar/package.json +1 -1
  299. package/radio/lib/cjs/Radio.js +16 -16
  300. package/radio/lib/es6/Radio.js +16 -16
  301. package/radio/package.json +1 -1
  302. package/scroll-area/index.d.ts +3 -1
  303. package/scroll-area/lib/cjs/ScrollArea.js +21 -21
  304. package/scroll-area/lib/cjs/ScrollBar.js +18 -12
  305. package/scroll-area/lib/cjs/ScrollBar.js.map +1 -1
  306. package/scroll-area/lib/cjs/index.d.js.map +1 -1
  307. package/scroll-area/lib/cjs/index.js +10 -1
  308. package/scroll-area/lib/cjs/index.js.map +1 -1
  309. package/scroll-area/lib/es6/ScrollArea.js +21 -21
  310. package/scroll-area/lib/es6/ScrollBar.js +16 -11
  311. package/scroll-area/lib/es6/ScrollBar.js.map +1 -1
  312. package/scroll-area/lib/es6/index.d.js.map +1 -1
  313. package/scroll-area/lib/es6/index.js +1 -0
  314. package/scroll-area/lib/es6/index.js.map +1 -1
  315. package/scroll-area/lib/types/index.d.ts +3 -1
  316. package/scroll-area/package.json +1 -1
  317. package/select/lib/cjs/InputSearch.js +6 -6
  318. package/select/lib/cjs/Select.js +8 -9
  319. package/select/lib/cjs/Select.js.map +1 -1
  320. package/select/lib/cjs/style/input-search.shadow.css +1 -0
  321. package/select/lib/es6/InputSearch.js +6 -6
  322. package/select/lib/es6/Select.js +8 -9
  323. package/select/lib/es6/Select.js.map +1 -1
  324. package/select/lib/es6/style/input-search.shadow.css +1 -0
  325. package/select/package.json +1 -1
  326. package/side-panel/lib/cjs/SidePanel.js +20 -20
  327. package/side-panel/lib/es6/SidePanel.js +20 -20
  328. package/side-panel/package.json +1 -1
  329. package/skeleton/lib/cjs/Charts/Area.js +9 -9
  330. package/skeleton/lib/cjs/Charts/Bar.js +9 -9
  331. package/skeleton/lib/cjs/Charts/Bubble.js +9 -9
  332. package/skeleton/lib/cjs/Charts/CompactHorizontalBar.js +9 -9
  333. package/skeleton/lib/cjs/Charts/Donut.js +9 -9
  334. package/skeleton/lib/cjs/Charts/Histogram.js +9 -9
  335. package/skeleton/lib/cjs/Charts/Line.js +9 -9
  336. package/skeleton/lib/cjs/Charts/RadialTree.js +9 -9
  337. package/skeleton/lib/cjs/Charts/ScatterPlot.js +9 -9
  338. package/skeleton/lib/cjs/Charts/Venn.js +9 -9
  339. package/skeleton/lib/cjs/Skeleton.js +8 -8
  340. package/skeleton/lib/es6/Charts/Area.js +9 -9
  341. package/skeleton/lib/es6/Charts/Bar.js +9 -9
  342. package/skeleton/lib/es6/Charts/Bubble.js +9 -9
  343. package/skeleton/lib/es6/Charts/CompactHorizontalBar.js +9 -9
  344. package/skeleton/lib/es6/Charts/Donut.js +9 -9
  345. package/skeleton/lib/es6/Charts/Histogram.js +9 -9
  346. package/skeleton/lib/es6/Charts/Line.js +9 -9
  347. package/skeleton/lib/es6/Charts/RadialTree.js +9 -9
  348. package/skeleton/lib/es6/Charts/ScatterPlot.js +9 -9
  349. package/skeleton/lib/es6/Charts/Venn.js +9 -9
  350. package/skeleton/lib/es6/Skeleton.js +8 -8
  351. package/skeleton/package.json +1 -1
  352. package/slider/lib/cjs/Slider.js +8 -8
  353. package/slider/lib/es6/Slider.js +8 -8
  354. package/slider/package.json +1 -1
  355. package/spin/lib/cjs/Spin.js +13 -13
  356. package/spin/lib/es6/Spin.js +13 -13
  357. package/spin/package.json +1 -1
  358. package/spin-container/lib/cjs/SpinContainer.js +8 -8
  359. package/spin-container/lib/es6/SpinContainer.js +8 -8
  360. package/spin-container/package.json +1 -1
  361. package/sticky/lib/cjs/Sticky.js +2 -2
  362. package/sticky/lib/es6/Sticky.js +2 -2
  363. package/sticky/package.json +1 -1
  364. package/switch/lib/cjs/Switch.js +21 -21
  365. package/switch/lib/es6/Switch.js +21 -21
  366. package/switch/package.json +1 -1
  367. package/tab-line/lib/cjs/TabLine.js +13 -13
  368. package/tab-line/lib/es6/TabLine.js +13 -13
  369. package/tab-line/package.json +1 -1
  370. package/tab-panel/lib/cjs/TabPanel.js +8 -8
  371. package/tab-panel/lib/es6/TabPanel.js +8 -8
  372. package/tab-panel/package.json +1 -1
  373. package/tag/lib/cjs/Tag.js +23 -23
  374. package/tag/lib/es6/Tag.js +23 -23
  375. package/tag/package.json +1 -1
  376. package/textarea/lib/cjs/Textarea.js +8 -8
  377. package/textarea/lib/es6/Textarea.js +8 -8
  378. package/textarea/package.json +1 -1
  379. package/time-picker/lib/cjs/PickerFormat.js +47 -16
  380. package/time-picker/lib/cjs/PickerFormat.js.map +1 -1
  381. package/time-picker/lib/cjs/PickerInput.js +1 -15
  382. package/time-picker/lib/cjs/PickerInput.js.map +1 -1
  383. package/time-picker/lib/cjs/TimePicker.js +61 -42
  384. package/time-picker/lib/cjs/TimePicker.js.map +1 -1
  385. package/time-picker/lib/cjs/style/time-picker.shadow.css +5 -0
  386. package/time-picker/lib/cjs/translations/en.json +6 -5
  387. package/time-picker/lib/es6/PickerFormat.js +47 -16
  388. package/time-picker/lib/es6/PickerFormat.js.map +1 -1
  389. package/time-picker/lib/es6/PickerInput.js +1 -15
  390. package/time-picker/lib/es6/PickerInput.js.map +1 -1
  391. package/time-picker/lib/es6/TimePicker.js +61 -42
  392. package/time-picker/lib/es6/TimePicker.js.map +1 -1
  393. package/time-picker/lib/es6/style/time-picker.shadow.css +5 -0
  394. package/time-picker/lib/es6/translations/en.json +6 -5
  395. package/time-picker/package.json +1 -1
  396. package/tooltip/lib/cjs/Tooltip.js +10 -23
  397. package/tooltip/lib/cjs/Tooltip.js.map +1 -1
  398. package/tooltip/lib/es6/Tooltip.js +10 -23
  399. package/tooltip/lib/es6/Tooltip.js.map +1 -1
  400. package/tooltip/package.json +1 -1
  401. package/typography/lib/cjs/Blockquote.js +4 -4
  402. package/typography/lib/cjs/Hint.js +7 -7
  403. package/typography/lib/cjs/List.js +5 -5
  404. package/typography/lib/cjs/Text.js +34 -34
  405. package/typography/lib/es6/Blockquote.js +4 -4
  406. package/typography/lib/es6/Hint.js +7 -7
  407. package/typography/lib/es6/List.js +5 -5
  408. package/typography/lib/es6/Text.js +34 -34
  409. package/typography/package.json +1 -1
  410. package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.js +2 -2
  411. package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.mjs +2 -2
  412. package/utils/lib/focus-lock/focusBorders.js +25 -3
  413. package/utils/lib/focus-lock/focusBorders.js.map +1 -1
  414. package/utils/lib/focus-lock/focusBorders.mjs +25 -3
  415. package/utils/lib/focus-lock/focusBorders.mjs.map +1 -1
  416. package/utils/lib/injectStyle.js +1 -1
  417. package/utils/lib/injectStyle.mjs +1 -1
  418. package/widget-empty/lib/cjs/WidgetEmpty.js +5 -5
  419. package/widget-empty/lib/es6/WidgetEmpty.js +5 -5
  420. package/widget-empty/package.json +1 -1
  421. package/wizard/lib/cjs/Wizard.js +11 -11
  422. package/wizard/lib/es6/Wizard.js +11 -11
  423. package/wizard/package.json +1 -1
@@ -28,29 +28,29 @@ var _components = require("./components");
28
28
  var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
29
29
  var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
30
30
  /*__reshadow-styles__:"./style/color-picker.shadow.css"*/
31
- var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1tcs0_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1tcs0_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_1tcs0_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1tcs0_gg_::after{content:\"\";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_1tcs0)}@media (hover:hover){.___SItemContainer_1tcs0_gg_:hover>.___SCloseIcon_1tcs0_gg_{opacity:1}}.___SItemContainer_1tcs0_gg_.__keyboardFocused_1tcs0_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1tcs0_gg_.__selected_1tcs0_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1tcs0_gg_.__displayLabel_1tcs0_gg_::after{background:var(--value_1tcs0);opacity:.15}.___SItemContainer_1tcs0_gg_:not(.__value_1tcs0_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_1tcs0_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1tcs0_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1tcs0_gg_,.___SPaletteManager_1tcs0_gg_,.___SPlusButton_1tcs0_gg_{display:flex;align-items:center}.___SPlusButton_1tcs0_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1tcs0_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1tcs0_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1tcs0_gg_.__keyboardFocused_1tcs0_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1tcs0_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1tcs0);border:1px solid transparent}.___STriggerCircle_1tcs0_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1tcs0_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1tcs0_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_1tcs0_gg_{position:absolute}.___SLabel_1tcs0_gg_{z-index:1;color:var(--data-value_1tcs0);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1tcs0_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1tcs0)}.___SClearConfirm_1tcs0_gg_.__hidden_1tcs0_gg_,.___SConfirmColor_1tcs0_gg_.__hidden_1tcs0_gg_{display:none}" /*__inner_css_end__*/, "1tcs0_gg_") /*__reshadow_css_end__*/, {
32
- "__SColorPickerPopper": "___SColorPickerPopper_1tcs0_gg_",
33
- "__SItemContainer": "___SItemContainer_1tcs0_gg_",
34
- "__SCloseIcon": "___SCloseIcon_1tcs0_gg_",
35
- "_keyboardFocused": "__keyboardFocused_1tcs0_gg_",
36
- "_selected": "__selected_1tcs0_gg_",
37
- "__SColors": "___SColors_1tcs0_gg_",
38
- "__SPaletteManager": "___SPaletteManager_1tcs0_gg_",
39
- "__SInputContainer": "___SInputContainer_1tcs0_gg_",
40
- "__SDefaultTrigger": "___SDefaultTrigger_1tcs0_gg_",
41
- "__STriggerCircle": "___STriggerCircle_1tcs0_gg_",
42
- "--data-value": "--data-value_1tcs0",
43
- "__STriggerCircleLine": "___STriggerCircleLine_1tcs0_gg_",
44
- "__SLine": "___SLine_1tcs0_gg_",
45
- "__SLabel": "___SLabel_1tcs0_gg_",
46
- "__SItemColor": "___SItemColor_1tcs0_gg_",
47
- "__SConfirmColor": "___SConfirmColor_1tcs0_gg_",
48
- "_hidden": "__hidden_1tcs0_gg_",
49
- "__SClearConfirm": "___SClearConfirm_1tcs0_gg_",
50
- "--value": "--value_1tcs0",
51
- "_displayLabel": "__displayLabel_1tcs0_gg_",
52
- "_value": "__value_1tcs0_gg_",
53
- "__SPlusButton": "___SPlusButton_1tcs0_gg_"
31
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1o1ei_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1o1ei_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_1o1ei_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1o1ei_gg_::after{content:\"\";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_1o1ei)}@media (hover:hover){.___SItemContainer_1o1ei_gg_:hover>.___SCloseIcon_1o1ei_gg_{opacity:1}}.___SItemContainer_1o1ei_gg_.__keyboardFocused_1o1ei_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1o1ei_gg_.__selected_1o1ei_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1o1ei_gg_.__displayLabel_1o1ei_gg_::after{background:var(--value_1o1ei);opacity:.15}.___SItemContainer_1o1ei_gg_:not(.__value_1o1ei_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_1o1ei_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1o1ei_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1o1ei_gg_,.___SPaletteManager_1o1ei_gg_,.___SPlusButton_1o1ei_gg_{display:flex;align-items:center}.___SPlusButton_1o1ei_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1o1ei_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1o1ei_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1o1ei_gg_.__keyboardFocused_1o1ei_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1o1ei_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1o1ei);border:1px solid transparent}.___STriggerCircle_1o1ei_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1o1ei_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1o1ei_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_1o1ei_gg_{position:absolute}.___SLabel_1o1ei_gg_{z-index:1;color:var(--data-value_1o1ei);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1o1ei_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1o1ei)}.___SClearConfirm_1o1ei_gg_.__hidden_1o1ei_gg_,.___SConfirmColor_1o1ei_gg_.__hidden_1o1ei_gg_{display:none}" /*__inner_css_end__*/, "1o1ei_gg_") /*__reshadow_css_end__*/, {
32
+ "__SColorPickerPopper": "___SColorPickerPopper_1o1ei_gg_",
33
+ "__SItemContainer": "___SItemContainer_1o1ei_gg_",
34
+ "__SCloseIcon": "___SCloseIcon_1o1ei_gg_",
35
+ "_keyboardFocused": "__keyboardFocused_1o1ei_gg_",
36
+ "_selected": "__selected_1o1ei_gg_",
37
+ "__SColors": "___SColors_1o1ei_gg_",
38
+ "__SPaletteManager": "___SPaletteManager_1o1ei_gg_",
39
+ "__SInputContainer": "___SInputContainer_1o1ei_gg_",
40
+ "__SDefaultTrigger": "___SDefaultTrigger_1o1ei_gg_",
41
+ "__STriggerCircle": "___STriggerCircle_1o1ei_gg_",
42
+ "--data-value": "--data-value_1o1ei",
43
+ "__STriggerCircleLine": "___STriggerCircleLine_1o1ei_gg_",
44
+ "__SLine": "___SLine_1o1ei_gg_",
45
+ "__SLabel": "___SLabel_1o1ei_gg_",
46
+ "__SItemColor": "___SItemColor_1o1ei_gg_",
47
+ "__SConfirmColor": "___SConfirmColor_1o1ei_gg_",
48
+ "_hidden": "__hidden_1o1ei_gg_",
49
+ "__SClearConfirm": "___SClearConfirm_1o1ei_gg_",
50
+ "--value": "--value_1o1ei",
51
+ "_displayLabel": "__displayLabel_1o1ei_gg_",
52
+ "_value": "__value_1o1ei_gg_",
53
+ "__SPlusButton": "___SPlusButton_1o1ei_gg_"
54
54
  });
55
55
  var defaultColors = [null, '#2BB3FF', '#8649E1', '#C695FF', '#F67CF2', '#FFA9FA', '#FF8786', '#FF8C43', '#FDC23C', '#66C030', '#9BD85D', '#C7EE96'];
56
56
  exports.defaultColors = defaultColors;
@@ -18,29 +18,29 @@ var _divider = _interopRequireDefault(require("intergalactic/divider"));
18
18
  var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
19
19
  var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
20
20
  /*__reshadow-styles__:"./style/color-picker.shadow.css"*/
21
- var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1tcs0_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1tcs0_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_1tcs0_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1tcs0_gg_::after{content:\"\";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_1tcs0)}@media (hover:hover){.___SItemContainer_1tcs0_gg_:hover>.___SCloseIcon_1tcs0_gg_{opacity:1}}.___SItemContainer_1tcs0_gg_.__keyboardFocused_1tcs0_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1tcs0_gg_.__selected_1tcs0_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1tcs0_gg_.__displayLabel_1tcs0_gg_::after{background:var(--value_1tcs0);opacity:.15}.___SItemContainer_1tcs0_gg_:not(.__value_1tcs0_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_1tcs0_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1tcs0_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1tcs0_gg_,.___SPaletteManager_1tcs0_gg_,.___SPlusButton_1tcs0_gg_{display:flex;align-items:center}.___SPlusButton_1tcs0_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1tcs0_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1tcs0_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1tcs0_gg_.__keyboardFocused_1tcs0_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1tcs0_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1tcs0);border:1px solid transparent}.___STriggerCircle_1tcs0_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1tcs0_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1tcs0_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_1tcs0_gg_{position:absolute}.___SLabel_1tcs0_gg_{z-index:1;color:var(--data-value_1tcs0);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1tcs0_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1tcs0)}.___SClearConfirm_1tcs0_gg_.__hidden_1tcs0_gg_,.___SConfirmColor_1tcs0_gg_.__hidden_1tcs0_gg_{display:none}" /*__inner_css_end__*/, "1tcs0_gg_") /*__reshadow_css_end__*/, {
22
- "__SColorPickerPopper": "___SColorPickerPopper_1tcs0_gg_",
23
- "__SItemContainer": "___SItemContainer_1tcs0_gg_",
24
- "__SCloseIcon": "___SCloseIcon_1tcs0_gg_",
25
- "_keyboardFocused": "__keyboardFocused_1tcs0_gg_",
26
- "_selected": "__selected_1tcs0_gg_",
27
- "__SColors": "___SColors_1tcs0_gg_",
28
- "__SPaletteManager": "___SPaletteManager_1tcs0_gg_",
29
- "__SInputContainer": "___SInputContainer_1tcs0_gg_",
30
- "__SDefaultTrigger": "___SDefaultTrigger_1tcs0_gg_",
31
- "__STriggerCircle": "___STriggerCircle_1tcs0_gg_",
32
- "--data-value": "--data-value_1tcs0",
33
- "__STriggerCircleLine": "___STriggerCircleLine_1tcs0_gg_",
34
- "__SLine": "___SLine_1tcs0_gg_",
35
- "__SLabel": "___SLabel_1tcs0_gg_",
36
- "__SItemColor": "___SItemColor_1tcs0_gg_",
37
- "__SConfirmColor": "___SConfirmColor_1tcs0_gg_",
38
- "_hidden": "__hidden_1tcs0_gg_",
39
- "__SClearConfirm": "___SClearConfirm_1tcs0_gg_",
40
- "--value": "--value_1tcs0",
41
- "_displayLabel": "__displayLabel_1tcs0_gg_",
42
- "_value": "__value_1tcs0_gg_",
43
- "__SPlusButton": "___SPlusButton_1tcs0_gg_"
21
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1o1ei_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1o1ei_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_1o1ei_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1o1ei_gg_::after{content:\"\";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_1o1ei)}@media (hover:hover){.___SItemContainer_1o1ei_gg_:hover>.___SCloseIcon_1o1ei_gg_{opacity:1}}.___SItemContainer_1o1ei_gg_.__keyboardFocused_1o1ei_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1o1ei_gg_.__selected_1o1ei_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1o1ei_gg_.__displayLabel_1o1ei_gg_::after{background:var(--value_1o1ei);opacity:.15}.___SItemContainer_1o1ei_gg_:not(.__value_1o1ei_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_1o1ei_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1o1ei_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1o1ei_gg_,.___SPaletteManager_1o1ei_gg_,.___SPlusButton_1o1ei_gg_{display:flex;align-items:center}.___SPlusButton_1o1ei_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1o1ei_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1o1ei_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1o1ei_gg_.__keyboardFocused_1o1ei_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1o1ei_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1o1ei);border:1px solid transparent}.___STriggerCircle_1o1ei_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1o1ei_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1o1ei_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_1o1ei_gg_{position:absolute}.___SLabel_1o1ei_gg_{z-index:1;color:var(--data-value_1o1ei);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1o1ei_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1o1ei)}.___SClearConfirm_1o1ei_gg_.__hidden_1o1ei_gg_,.___SConfirmColor_1o1ei_gg_.__hidden_1o1ei_gg_{display:none}" /*__inner_css_end__*/, "1o1ei_gg_") /*__reshadow_css_end__*/, {
22
+ "__SColorPickerPopper": "___SColorPickerPopper_1o1ei_gg_",
23
+ "__SItemContainer": "___SItemContainer_1o1ei_gg_",
24
+ "__SCloseIcon": "___SCloseIcon_1o1ei_gg_",
25
+ "_keyboardFocused": "__keyboardFocused_1o1ei_gg_",
26
+ "_selected": "__selected_1o1ei_gg_",
27
+ "__SColors": "___SColors_1o1ei_gg_",
28
+ "__SPaletteManager": "___SPaletteManager_1o1ei_gg_",
29
+ "__SInputContainer": "___SInputContainer_1o1ei_gg_",
30
+ "__SDefaultTrigger": "___SDefaultTrigger_1o1ei_gg_",
31
+ "__STriggerCircle": "___STriggerCircle_1o1ei_gg_",
32
+ "--data-value": "--data-value_1o1ei",
33
+ "__STriggerCircleLine": "___STriggerCircleLine_1o1ei_gg_",
34
+ "__SLine": "___SLine_1o1ei_gg_",
35
+ "__SLabel": "___SLabel_1o1ei_gg_",
36
+ "__SItemColor": "___SItemColor_1o1ei_gg_",
37
+ "__SConfirmColor": "___SConfirmColor_1o1ei_gg_",
38
+ "_hidden": "__hidden_1o1ei_gg_",
39
+ "__SClearConfirm": "___SClearConfirm_1o1ei_gg_",
40
+ "--value": "--value_1o1ei",
41
+ "_displayLabel": "__displayLabel_1o1ei_gg_",
42
+ "_value": "__value_1o1ei_gg_",
43
+ "__SPlusButton": "___SPlusButton_1o1ei_gg_"
44
44
  });
45
45
  var PaletteManagerRoot = /*#__PURE__*/function (_Component) {
46
46
  (0, _inherits2["default"])(PaletteManagerRoot, _Component);
@@ -21,29 +21,29 @@ var _input = _interopRequireDefault(require("intergalactic/input"));
21
21
  var _m = _interopRequireDefault(require("intergalactic/icon/Check/m"));
22
22
  var _m2 = _interopRequireDefault(require("intergalactic/icon/Close/m"));
23
23
  /*__reshadow-styles__:"../style/color-picker.shadow.css"*/
24
- var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1tcs0_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1tcs0_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_1tcs0_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1tcs0_gg_::after{content:\"\";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_1tcs0)}@media (hover:hover){.___SItemContainer_1tcs0_gg_:hover>.___SCloseIcon_1tcs0_gg_{opacity:1}}.___SItemContainer_1tcs0_gg_.__keyboardFocused_1tcs0_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1tcs0_gg_.__selected_1tcs0_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1tcs0_gg_.__displayLabel_1tcs0_gg_::after{background:var(--value_1tcs0);opacity:.15}.___SItemContainer_1tcs0_gg_:not(.__value_1tcs0_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_1tcs0_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1tcs0_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1tcs0_gg_,.___SPaletteManager_1tcs0_gg_,.___SPlusButton_1tcs0_gg_{display:flex;align-items:center}.___SPlusButton_1tcs0_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1tcs0_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1tcs0_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1tcs0_gg_.__keyboardFocused_1tcs0_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1tcs0_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1tcs0);border:1px solid transparent}.___STriggerCircle_1tcs0_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1tcs0_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1tcs0_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_1tcs0_gg_{position:absolute}.___SLabel_1tcs0_gg_{z-index:1;color:var(--data-value_1tcs0);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1tcs0_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1tcs0)}.___SClearConfirm_1tcs0_gg_.__hidden_1tcs0_gg_,.___SConfirmColor_1tcs0_gg_.__hidden_1tcs0_gg_{display:none}" /*__inner_css_end__*/, "1tcs0_gg_") /*__reshadow_css_end__*/, {
25
- "__SColorPickerPopper": "___SColorPickerPopper_1tcs0_gg_",
26
- "__SItemContainer": "___SItemContainer_1tcs0_gg_",
27
- "__SCloseIcon": "___SCloseIcon_1tcs0_gg_",
28
- "_keyboardFocused": "__keyboardFocused_1tcs0_gg_",
29
- "_selected": "__selected_1tcs0_gg_",
30
- "__SColors": "___SColors_1tcs0_gg_",
31
- "__SPaletteManager": "___SPaletteManager_1tcs0_gg_",
32
- "__SInputContainer": "___SInputContainer_1tcs0_gg_",
33
- "__SDefaultTrigger": "___SDefaultTrigger_1tcs0_gg_",
34
- "__STriggerCircle": "___STriggerCircle_1tcs0_gg_",
35
- "--data-value": "--data-value_1tcs0",
36
- "__STriggerCircleLine": "___STriggerCircleLine_1tcs0_gg_",
37
- "__SLine": "___SLine_1tcs0_gg_",
38
- "__SLabel": "___SLabel_1tcs0_gg_",
39
- "__SItemColor": "___SItemColor_1tcs0_gg_",
40
- "__SConfirmColor": "___SConfirmColor_1tcs0_gg_",
41
- "_hidden": "__hidden_1tcs0_gg_",
42
- "__SClearConfirm": "___SClearConfirm_1tcs0_gg_",
43
- "--value": "--value_1tcs0",
44
- "_displayLabel": "__displayLabel_1tcs0_gg_",
45
- "_value": "__value_1tcs0_gg_",
46
- "__SPlusButton": "___SPlusButton_1tcs0_gg_"
24
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1o1ei_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1o1ei_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_1o1ei_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1o1ei_gg_::after{content:\"\";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_1o1ei)}@media (hover:hover){.___SItemContainer_1o1ei_gg_:hover>.___SCloseIcon_1o1ei_gg_{opacity:1}}.___SItemContainer_1o1ei_gg_.__keyboardFocused_1o1ei_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1o1ei_gg_.__selected_1o1ei_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1o1ei_gg_.__displayLabel_1o1ei_gg_::after{background:var(--value_1o1ei);opacity:.15}.___SItemContainer_1o1ei_gg_:not(.__value_1o1ei_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_1o1ei_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1o1ei_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1o1ei_gg_,.___SPaletteManager_1o1ei_gg_,.___SPlusButton_1o1ei_gg_{display:flex;align-items:center}.___SPlusButton_1o1ei_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1o1ei_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1o1ei_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1o1ei_gg_.__keyboardFocused_1o1ei_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1o1ei_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1o1ei);border:1px solid transparent}.___STriggerCircle_1o1ei_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1o1ei_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1o1ei_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_1o1ei_gg_{position:absolute}.___SLabel_1o1ei_gg_{z-index:1;color:var(--data-value_1o1ei);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1o1ei_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1o1ei)}.___SClearConfirm_1o1ei_gg_.__hidden_1o1ei_gg_,.___SConfirmColor_1o1ei_gg_.__hidden_1o1ei_gg_{display:none}" /*__inner_css_end__*/, "1o1ei_gg_") /*__reshadow_css_end__*/, {
25
+ "__SColorPickerPopper": "___SColorPickerPopper_1o1ei_gg_",
26
+ "__SItemContainer": "___SItemContainer_1o1ei_gg_",
27
+ "__SCloseIcon": "___SCloseIcon_1o1ei_gg_",
28
+ "_keyboardFocused": "__keyboardFocused_1o1ei_gg_",
29
+ "_selected": "__selected_1o1ei_gg_",
30
+ "__SColors": "___SColors_1o1ei_gg_",
31
+ "__SPaletteManager": "___SPaletteManager_1o1ei_gg_",
32
+ "__SInputContainer": "___SInputContainer_1o1ei_gg_",
33
+ "__SDefaultTrigger": "___SDefaultTrigger_1o1ei_gg_",
34
+ "__STriggerCircle": "___STriggerCircle_1o1ei_gg_",
35
+ "--data-value": "--data-value_1o1ei",
36
+ "__STriggerCircleLine": "___STriggerCircleLine_1o1ei_gg_",
37
+ "__SLine": "___SLine_1o1ei_gg_",
38
+ "__SLabel": "___SLabel_1o1ei_gg_",
39
+ "__SItemColor": "___SItemColor_1o1ei_gg_",
40
+ "__SConfirmColor": "___SConfirmColor_1o1ei_gg_",
41
+ "_hidden": "__hidden_1o1ei_gg_",
42
+ "__SClearConfirm": "___SClearConfirm_1o1ei_gg_",
43
+ "--value": "--value_1o1ei",
44
+ "_displayLabel": "__displayLabel_1o1ei_gg_",
45
+ "_value": "__value_1o1ei_gg_",
46
+ "__SPlusButton": "___SPlusButton_1o1ei_gg_"
47
47
  });
48
48
  function isValidHex(hex) {
49
49
  if (hex[0] !== '#' && hex.length === 7) return false;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\nimport Dropdown, { DropdownProps, DropdownHandlers } from '@semcore/dropdown';\nimport { InputProps } from '@semcore/input';\n\n/** @deprecated */\nexport interface IItemProps extends ItemProps, UnknownProperties {}\nexport type ItemProps = BoxProps & {\n /**\n * Color item in hexadecimal format.\n */\n value?: string;\n /**\n * Shows label `A` as text color icon inside all color items\n */\n displayLabel?: boolean;\n /**\n * Property enabling the ability to remove a color item on click\n */\n editable?: boolean;\n /**\n * Shows if color item is selected\n */\n selected?: boolean;\n /**\n * Fired with color item when user clicks on the close icon\n */\n onRemove?: React.MouseEventHandler;\n};\n\n/** @deprecated */\nexport interface IColorsProps extends ColorsProps, UnknownProperties {}\nexport type ColorsProps = BoxProps & {\n /**\n * Array of color items\n */\n colors?: string[];\n};\n\n/** @deprecated */\nexport interface IColorsCustomProps extends ColorsCustomProps, UnknownProperties {}\nexport type ColorsCustomProps = ColorsProps &\n BoxProps & {\n /**\n * Fired when user clicks on the plus icon in Palette Manager - focuses the input component\n */\n onPlusButtonClick?: React.MouseEventHandler;\n };\n\n/** @deprecated */\nexport interface IInputColorProps extends InputColorProps, UnknownProperties {}\nexport type InputColorProps = InputProps & {\n /**\n * Text value of input\n */\n value?: string;\n /**\n * Default value if `value` property is not provided\n * @default null\n */\n defaultValue?: string | null;\n /**\n * Uncontrolled visual state of input\n * @default normal\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * Array of color items\n */\n colors?: string[];\n /**\n * Fired with entered value when user clicks on the check icon or hits `Enter` or `Space`\n */\n onAdd?: (value: string, event: React.MouseEvent | React.KeyboardEvent) => void;\n};\n\n/** @deprecated */\nexport interface IColorPickerProps extends ColorPickerProps, UnknownProperties {}\nexport type ColorPickerProps = DropdownProps & {\n /**\n * Selected color item. Should be used with `onChange` property together\n */\n value?: string | null;\n /**\n * Fired when user selects color item. Should be used with `value` property together\n */\n onChange?: (value: string, event: React.ChangeEvent) => void;\n /**\n * Default value if `value` property is not provided\n * @default null\n */\n defaultValue?: string | null;\n /**\n * Array of color items. Should be used with `onColorsChange` property together\n * @default defaultColors\n */\n colors?: string[];\n /**\n * Fired when user changes color items. Should be used with `colors` property together\n */\n onColorsChange?: (value: string[], event: React.ChangeEvent) => void;\n /**\n * Shows label `A` as text color icon inside all color items\n * @default false\n */\n displayLabel?: boolean;\n};\n\n/** @deprecated */\nexport interface IPaletteManagerProps extends PaletteManagerProps, UnknownProperties {}\nexport type PaletteManagerProps = BoxProps & {\n /**\n * Array of color items. Should be used with `onColorsChange` property together\n * @default []\n */\n colors?: string[];\n /**\n * Default value if `colors` property is not provided\n * @default []\n */\n defaultColors?: string[];\n /**\n * Fired when user adds or removes color items. Should be used with `colors` property together\n */\n onColorsChange?: (value: string[], event: React.ChangeEvent) => void;\n};\n\n/** @deprecated */\nexport interface IColorPickerHandlers extends ColorPickerHandlers, UnknownProperties {}\nexport type ColorPickerHandlers = DropdownHandlers & {};\n\n/** @deprecated */\nexport interface IPaletteManagerHandlers extends PaletteManagerHandlers, UnknownProperties {}\nexport type PaletteManagerHandlers = DropdownHandlers & {};\n\ntype ColorPickerContext = {\n getTriggerProps: PropGetterFn;\n getColorsProps: PropGetterFn;\n getItemProps: PropGetterFn;\n};\n\ntype PaletteManagerContext = {\n getInputColorProps: PropGetterFn;\n getColorsProps: PropGetterFn;\n getItemProps: PropGetterFn;\n};\n\ndeclare const defaultColors: string[];\n\ndeclare const PaletteManager: Intergalactic.Component<\n 'div',\n PaletteManagerProps,\n PaletteManagerContext,\n [handlers: PaletteManagerHandlers]\n> & {\n Item: Intergalactic.Component<'div', ItemProps>;\n Colors: Intergalactic.Component<'div', ColorsCustomProps>;\n InputColor: Intergalactic.Component<'div', InputColorProps>;\n};\n\ndeclare const ColorPicker: Intergalactic.Component<\n 'div',\n ColorPickerProps,\n ColorPickerContext,\n [handlers: ColorPickerHandlers]\n> & {\n Trigger: typeof Dropdown.Trigger;\n Popper: typeof Dropdown.Popper;\n Item: Intergalactic.Component<'div', ItemProps>;\n Colors: Intergalactic.Component<'div', ColorsProps>;\n};\n\nexport { PaletteManager, defaultColors };\nexport default ColorPicker;\n"],"mappings":""}
1
+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\nimport Dropdown, { DropdownProps, DropdownHandlers } from '@semcore/dropdown';\nimport Popper from '@semcore/popper';\nimport { InputProps } from '@semcore/input';\n\n/** @deprecated */\nexport interface IItemProps extends ItemProps, UnknownProperties {}\nexport type ItemProps = BoxProps & {\n /**\n * Color item in hexadecimal format.\n */\n value?: string;\n /**\n * Shows label `A` as text color icon inside all color items\n */\n displayLabel?: boolean;\n /**\n * Property enabling the ability to remove a color item on click\n */\n editable?: boolean;\n /**\n * Shows if color item is selected\n */\n selected?: boolean;\n /**\n * Fired with color item when user clicks on the close icon\n */\n onRemove?: React.MouseEventHandler;\n};\n\n/** @deprecated */\nexport interface IColorsProps extends ColorsProps, UnknownProperties {}\nexport type ColorsProps = BoxProps & {\n /**\n * Array of color items\n */\n colors?: string[];\n};\n\n/** @deprecated */\nexport interface IColorsCustomProps extends ColorsCustomProps, UnknownProperties {}\nexport type ColorsCustomProps = ColorsProps &\n BoxProps & {\n /**\n * Fired when user clicks on the plus icon in Palette Manager - focuses the input component\n */\n onPlusButtonClick?: React.MouseEventHandler;\n };\n\n/** @deprecated */\nexport interface IInputColorProps extends InputColorProps, UnknownProperties {}\nexport type InputColorProps = InputProps & {\n /**\n * Text value of input\n */\n value?: string;\n /**\n * Default value if `value` property is not provided\n * @default null\n */\n defaultValue?: string | null;\n /**\n * Uncontrolled visual state of input\n * @default normal\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * Array of color items\n */\n colors?: string[];\n /**\n * Fired with entered value when user clicks on the check icon or hits `Enter` or `Space`\n */\n onAdd?: (value: string, event: React.MouseEvent | React.KeyboardEvent) => void;\n};\n\n/** @deprecated */\nexport interface IColorPickerProps extends ColorPickerProps, UnknownProperties {}\nexport type ColorPickerProps = DropdownProps & {\n /**\n * Selected color item. Should be used with `onChange` property together\n */\n value?: string | null;\n /**\n * Fired when user selects color item. Should be used with `value` property together\n */\n onChange?: (value: string, event: React.ChangeEvent) => void;\n /**\n * Default value if `value` property is not provided\n * @default null\n */\n defaultValue?: string | null;\n /**\n * Array of color items. Should be used with `onColorsChange` property together\n * @default defaultColors\n */\n colors?: string[];\n /**\n * Fired when user changes color items. Should be used with `colors` property together\n */\n onColorsChange?: (value: string[], event: React.ChangeEvent) => void;\n /**\n * Shows label `A` as text color icon inside all color items\n * @default false\n */\n displayLabel?: boolean;\n};\n\n/** @deprecated */\nexport interface IPaletteManagerProps extends PaletteManagerProps, UnknownProperties {}\nexport type PaletteManagerProps = BoxProps & {\n /**\n * Array of color items. Should be used with `onColorsChange` property together\n * @default []\n */\n colors?: string[];\n /**\n * Default value if `colors` property is not provided\n * @default []\n */\n defaultColors?: string[];\n /**\n * Fired when user adds or removes color items. Should be used with `colors` property together\n */\n onColorsChange?: (value: string[], event: React.ChangeEvent) => void;\n};\n\n/** @deprecated */\nexport interface IColorPickerHandlers extends ColorPickerHandlers, UnknownProperties {}\nexport type ColorPickerHandlers = DropdownHandlers & {};\n\n/** @deprecated */\nexport interface IPaletteManagerHandlers extends PaletteManagerHandlers, UnknownProperties {}\nexport type PaletteManagerHandlers = DropdownHandlers & {};\n\ntype ColorPickerContext = {\n getTriggerProps: PropGetterFn;\n getColorsProps: PropGetterFn;\n getItemProps: PropGetterFn;\n};\n\ntype PaletteManagerContext = {\n getInputColorProps: PropGetterFn;\n getColorsProps: PropGetterFn;\n getItemProps: PropGetterFn;\n};\n\ndeclare const defaultColors: string[];\n\ndeclare const PaletteManager: Intergalactic.Component<\n 'div',\n PaletteManagerProps,\n PaletteManagerContext,\n [handlers: PaletteManagerHandlers]\n> & {\n Item: Intergalactic.Component<'div', ItemProps>;\n Colors: Intergalactic.Component<'div', ColorsCustomProps>;\n InputColor: Intergalactic.Component<'div', InputColorProps>;\n};\n\ndeclare const ColorPicker: Intergalactic.Component<\n 'div',\n ColorPickerProps,\n ColorPickerContext,\n [handlers: ColorPickerHandlers]\n> & {\n Trigger: typeof Dropdown.Trigger;\n Popper: typeof Popper.Popper;\n Item: Intergalactic.Component<'div', ItemProps>;\n Colors: Intergalactic.Component<'div', ColorsProps>;\n};\n\nexport { PaletteManager, defaultColors };\nexport default ColorPicker;\n"],"mappings":""}
@@ -21,29 +21,29 @@ import { Item, Colors, ColorsCustom, InputColor } from './components';
21
21
  import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
22
22
  import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
23
23
  /*__reshadow-styles__:"./style/color-picker.shadow.css"*/
24
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1tcs0_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1tcs0_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_1tcs0_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1tcs0_gg_::after{content:\"\";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_1tcs0)}@media (hover:hover){.___SItemContainer_1tcs0_gg_:hover>.___SCloseIcon_1tcs0_gg_{opacity:1}}.___SItemContainer_1tcs0_gg_.__keyboardFocused_1tcs0_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1tcs0_gg_.__selected_1tcs0_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1tcs0_gg_.__displayLabel_1tcs0_gg_::after{background:var(--value_1tcs0);opacity:.15}.___SItemContainer_1tcs0_gg_:not(.__value_1tcs0_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_1tcs0_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1tcs0_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1tcs0_gg_,.___SPaletteManager_1tcs0_gg_,.___SPlusButton_1tcs0_gg_{display:flex;align-items:center}.___SPlusButton_1tcs0_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1tcs0_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1tcs0_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1tcs0_gg_.__keyboardFocused_1tcs0_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1tcs0_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1tcs0);border:1px solid transparent}.___STriggerCircle_1tcs0_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1tcs0_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1tcs0_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_1tcs0_gg_{position:absolute}.___SLabel_1tcs0_gg_{z-index:1;color:var(--data-value_1tcs0);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1tcs0_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1tcs0)}.___SClearConfirm_1tcs0_gg_.__hidden_1tcs0_gg_,.___SConfirmColor_1tcs0_gg_.__hidden_1tcs0_gg_{display:none}" /*__inner_css_end__*/, "1tcs0_gg_") /*__reshadow_css_end__*/, {
25
- "__SColorPickerPopper": "___SColorPickerPopper_1tcs0_gg_",
26
- "__SItemContainer": "___SItemContainer_1tcs0_gg_",
27
- "__SCloseIcon": "___SCloseIcon_1tcs0_gg_",
28
- "_keyboardFocused": "__keyboardFocused_1tcs0_gg_",
29
- "_selected": "__selected_1tcs0_gg_",
30
- "__SColors": "___SColors_1tcs0_gg_",
31
- "__SPaletteManager": "___SPaletteManager_1tcs0_gg_",
32
- "__SInputContainer": "___SInputContainer_1tcs0_gg_",
33
- "__SDefaultTrigger": "___SDefaultTrigger_1tcs0_gg_",
34
- "__STriggerCircle": "___STriggerCircle_1tcs0_gg_",
35
- "--data-value": "--data-value_1tcs0",
36
- "__STriggerCircleLine": "___STriggerCircleLine_1tcs0_gg_",
37
- "__SLine": "___SLine_1tcs0_gg_",
38
- "__SLabel": "___SLabel_1tcs0_gg_",
39
- "__SItemColor": "___SItemColor_1tcs0_gg_",
40
- "__SConfirmColor": "___SConfirmColor_1tcs0_gg_",
41
- "_hidden": "__hidden_1tcs0_gg_",
42
- "__SClearConfirm": "___SClearConfirm_1tcs0_gg_",
43
- "--value": "--value_1tcs0",
44
- "_displayLabel": "__displayLabel_1tcs0_gg_",
45
- "_value": "__value_1tcs0_gg_",
46
- "__SPlusButton": "___SPlusButton_1tcs0_gg_"
24
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1o1ei_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1o1ei_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_1o1ei_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1o1ei_gg_::after{content:\"\";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_1o1ei)}@media (hover:hover){.___SItemContainer_1o1ei_gg_:hover>.___SCloseIcon_1o1ei_gg_{opacity:1}}.___SItemContainer_1o1ei_gg_.__keyboardFocused_1o1ei_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1o1ei_gg_.__selected_1o1ei_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1o1ei_gg_.__displayLabel_1o1ei_gg_::after{background:var(--value_1o1ei);opacity:.15}.___SItemContainer_1o1ei_gg_:not(.__value_1o1ei_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_1o1ei_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1o1ei_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1o1ei_gg_,.___SPaletteManager_1o1ei_gg_,.___SPlusButton_1o1ei_gg_{display:flex;align-items:center}.___SPlusButton_1o1ei_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1o1ei_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1o1ei_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1o1ei_gg_.__keyboardFocused_1o1ei_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1o1ei_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1o1ei);border:1px solid transparent}.___STriggerCircle_1o1ei_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1o1ei_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1o1ei_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_1o1ei_gg_{position:absolute}.___SLabel_1o1ei_gg_{z-index:1;color:var(--data-value_1o1ei);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1o1ei_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1o1ei)}.___SClearConfirm_1o1ei_gg_.__hidden_1o1ei_gg_,.___SConfirmColor_1o1ei_gg_.__hidden_1o1ei_gg_{display:none}" /*__inner_css_end__*/, "1o1ei_gg_") /*__reshadow_css_end__*/, {
25
+ "__SColorPickerPopper": "___SColorPickerPopper_1o1ei_gg_",
26
+ "__SItemContainer": "___SItemContainer_1o1ei_gg_",
27
+ "__SCloseIcon": "___SCloseIcon_1o1ei_gg_",
28
+ "_keyboardFocused": "__keyboardFocused_1o1ei_gg_",
29
+ "_selected": "__selected_1o1ei_gg_",
30
+ "__SColors": "___SColors_1o1ei_gg_",
31
+ "__SPaletteManager": "___SPaletteManager_1o1ei_gg_",
32
+ "__SInputContainer": "___SInputContainer_1o1ei_gg_",
33
+ "__SDefaultTrigger": "___SDefaultTrigger_1o1ei_gg_",
34
+ "__STriggerCircle": "___STriggerCircle_1o1ei_gg_",
35
+ "--data-value": "--data-value_1o1ei",
36
+ "__STriggerCircleLine": "___STriggerCircleLine_1o1ei_gg_",
37
+ "__SLine": "___SLine_1o1ei_gg_",
38
+ "__SLabel": "___SLabel_1o1ei_gg_",
39
+ "__SItemColor": "___SItemColor_1o1ei_gg_",
40
+ "__SConfirmColor": "___SConfirmColor_1o1ei_gg_",
41
+ "_hidden": "__hidden_1o1ei_gg_",
42
+ "__SClearConfirm": "___SClearConfirm_1o1ei_gg_",
43
+ "--value": "--value_1o1ei",
44
+ "_displayLabel": "__displayLabel_1o1ei_gg_",
45
+ "_value": "__value_1o1ei_gg_",
46
+ "__SPlusButton": "___SPlusButton_1o1ei_gg_"
47
47
  });
48
48
  var defaultColors = [null, '#2BB3FF', '#8649E1', '#C695FF', '#F67CF2', '#FFA9FA', '#FF8786', '#FF8C43', '#FDC23C', '#66C030', '#9BD85D', '#C7EE96'];
49
49
  var ColorPickerRoot = /*#__PURE__*/function (_Component) {
@@ -11,29 +11,29 @@ import Divider from 'intergalactic/divider';
11
11
  import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
12
12
  import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
13
13
  /*__reshadow-styles__:"./style/color-picker.shadow.css"*/
14
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1tcs0_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1tcs0_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_1tcs0_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1tcs0_gg_::after{content:\"\";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_1tcs0)}@media (hover:hover){.___SItemContainer_1tcs0_gg_:hover>.___SCloseIcon_1tcs0_gg_{opacity:1}}.___SItemContainer_1tcs0_gg_.__keyboardFocused_1tcs0_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1tcs0_gg_.__selected_1tcs0_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1tcs0_gg_.__displayLabel_1tcs0_gg_::after{background:var(--value_1tcs0);opacity:.15}.___SItemContainer_1tcs0_gg_:not(.__value_1tcs0_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_1tcs0_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1tcs0_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1tcs0_gg_,.___SPaletteManager_1tcs0_gg_,.___SPlusButton_1tcs0_gg_{display:flex;align-items:center}.___SPlusButton_1tcs0_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1tcs0_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1tcs0_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1tcs0_gg_.__keyboardFocused_1tcs0_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1tcs0_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1tcs0);border:1px solid transparent}.___STriggerCircle_1tcs0_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1tcs0_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1tcs0_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_1tcs0_gg_{position:absolute}.___SLabel_1tcs0_gg_{z-index:1;color:var(--data-value_1tcs0);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1tcs0_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1tcs0)}.___SClearConfirm_1tcs0_gg_.__hidden_1tcs0_gg_,.___SConfirmColor_1tcs0_gg_.__hidden_1tcs0_gg_{display:none}" /*__inner_css_end__*/, "1tcs0_gg_") /*__reshadow_css_end__*/, {
15
- "__SColorPickerPopper": "___SColorPickerPopper_1tcs0_gg_",
16
- "__SItemContainer": "___SItemContainer_1tcs0_gg_",
17
- "__SCloseIcon": "___SCloseIcon_1tcs0_gg_",
18
- "_keyboardFocused": "__keyboardFocused_1tcs0_gg_",
19
- "_selected": "__selected_1tcs0_gg_",
20
- "__SColors": "___SColors_1tcs0_gg_",
21
- "__SPaletteManager": "___SPaletteManager_1tcs0_gg_",
22
- "__SInputContainer": "___SInputContainer_1tcs0_gg_",
23
- "__SDefaultTrigger": "___SDefaultTrigger_1tcs0_gg_",
24
- "__STriggerCircle": "___STriggerCircle_1tcs0_gg_",
25
- "--data-value": "--data-value_1tcs0",
26
- "__STriggerCircleLine": "___STriggerCircleLine_1tcs0_gg_",
27
- "__SLine": "___SLine_1tcs0_gg_",
28
- "__SLabel": "___SLabel_1tcs0_gg_",
29
- "__SItemColor": "___SItemColor_1tcs0_gg_",
30
- "__SConfirmColor": "___SConfirmColor_1tcs0_gg_",
31
- "_hidden": "__hidden_1tcs0_gg_",
32
- "__SClearConfirm": "___SClearConfirm_1tcs0_gg_",
33
- "--value": "--value_1tcs0",
34
- "_displayLabel": "__displayLabel_1tcs0_gg_",
35
- "_value": "__value_1tcs0_gg_",
36
- "__SPlusButton": "___SPlusButton_1tcs0_gg_"
14
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1o1ei_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1o1ei_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_1o1ei_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1o1ei_gg_::after{content:\"\";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_1o1ei)}@media (hover:hover){.___SItemContainer_1o1ei_gg_:hover>.___SCloseIcon_1o1ei_gg_{opacity:1}}.___SItemContainer_1o1ei_gg_.__keyboardFocused_1o1ei_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1o1ei_gg_.__selected_1o1ei_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1o1ei_gg_.__displayLabel_1o1ei_gg_::after{background:var(--value_1o1ei);opacity:.15}.___SItemContainer_1o1ei_gg_:not(.__value_1o1ei_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_1o1ei_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1o1ei_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1o1ei_gg_,.___SPaletteManager_1o1ei_gg_,.___SPlusButton_1o1ei_gg_{display:flex;align-items:center}.___SPlusButton_1o1ei_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1o1ei_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1o1ei_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1o1ei_gg_.__keyboardFocused_1o1ei_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1o1ei_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1o1ei);border:1px solid transparent}.___STriggerCircle_1o1ei_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1o1ei_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1o1ei_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_1o1ei_gg_{position:absolute}.___SLabel_1o1ei_gg_{z-index:1;color:var(--data-value_1o1ei);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1o1ei_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1o1ei)}.___SClearConfirm_1o1ei_gg_.__hidden_1o1ei_gg_,.___SConfirmColor_1o1ei_gg_.__hidden_1o1ei_gg_{display:none}" /*__inner_css_end__*/, "1o1ei_gg_") /*__reshadow_css_end__*/, {
15
+ "__SColorPickerPopper": "___SColorPickerPopper_1o1ei_gg_",
16
+ "__SItemContainer": "___SItemContainer_1o1ei_gg_",
17
+ "__SCloseIcon": "___SCloseIcon_1o1ei_gg_",
18
+ "_keyboardFocused": "__keyboardFocused_1o1ei_gg_",
19
+ "_selected": "__selected_1o1ei_gg_",
20
+ "__SColors": "___SColors_1o1ei_gg_",
21
+ "__SPaletteManager": "___SPaletteManager_1o1ei_gg_",
22
+ "__SInputContainer": "___SInputContainer_1o1ei_gg_",
23
+ "__SDefaultTrigger": "___SDefaultTrigger_1o1ei_gg_",
24
+ "__STriggerCircle": "___STriggerCircle_1o1ei_gg_",
25
+ "--data-value": "--data-value_1o1ei",
26
+ "__STriggerCircleLine": "___STriggerCircleLine_1o1ei_gg_",
27
+ "__SLine": "___SLine_1o1ei_gg_",
28
+ "__SLabel": "___SLabel_1o1ei_gg_",
29
+ "__SItemColor": "___SItemColor_1o1ei_gg_",
30
+ "__SConfirmColor": "___SConfirmColor_1o1ei_gg_",
31
+ "_hidden": "__hidden_1o1ei_gg_",
32
+ "__SClearConfirm": "___SClearConfirm_1o1ei_gg_",
33
+ "--value": "--value_1o1ei",
34
+ "_displayLabel": "__displayLabel_1o1ei_gg_",
35
+ "_value": "__value_1o1ei_gg_",
36
+ "__SPlusButton": "___SPlusButton_1o1ei_gg_"
37
37
  });
38
38
  var PaletteManagerRoot = /*#__PURE__*/function (_Component) {
39
39
  _inherits(PaletteManagerRoot, _Component);
@@ -14,29 +14,29 @@ import Input from 'intergalactic/input';
14
14
  import CheckM from 'intergalactic/icon/Check/m';
15
15
  import CloseM from 'intergalactic/icon/Close/m';
16
16
  /*__reshadow-styles__:"../style/color-picker.shadow.css"*/
17
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1tcs0_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1tcs0_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_1tcs0_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1tcs0_gg_::after{content:\"\";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_1tcs0)}@media (hover:hover){.___SItemContainer_1tcs0_gg_:hover>.___SCloseIcon_1tcs0_gg_{opacity:1}}.___SItemContainer_1tcs0_gg_.__keyboardFocused_1tcs0_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1tcs0_gg_.__selected_1tcs0_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1tcs0_gg_.__displayLabel_1tcs0_gg_::after{background:var(--value_1tcs0);opacity:.15}.___SItemContainer_1tcs0_gg_:not(.__value_1tcs0_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_1tcs0_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1tcs0_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1tcs0_gg_,.___SPaletteManager_1tcs0_gg_,.___SPlusButton_1tcs0_gg_{display:flex;align-items:center}.___SPlusButton_1tcs0_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1tcs0_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1tcs0_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1tcs0_gg_.__keyboardFocused_1tcs0_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1tcs0_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1tcs0);border:1px solid transparent}.___STriggerCircle_1tcs0_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1tcs0_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1tcs0_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_1tcs0_gg_{position:absolute}.___SLabel_1tcs0_gg_{z-index:1;color:var(--data-value_1tcs0);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1tcs0_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1tcs0)}.___SClearConfirm_1tcs0_gg_.__hidden_1tcs0_gg_,.___SConfirmColor_1tcs0_gg_.__hidden_1tcs0_gg_{display:none}" /*__inner_css_end__*/, "1tcs0_gg_") /*__reshadow_css_end__*/, {
18
- "__SColorPickerPopper": "___SColorPickerPopper_1tcs0_gg_",
19
- "__SItemContainer": "___SItemContainer_1tcs0_gg_",
20
- "__SCloseIcon": "___SCloseIcon_1tcs0_gg_",
21
- "_keyboardFocused": "__keyboardFocused_1tcs0_gg_",
22
- "_selected": "__selected_1tcs0_gg_",
23
- "__SColors": "___SColors_1tcs0_gg_",
24
- "__SPaletteManager": "___SPaletteManager_1tcs0_gg_",
25
- "__SInputContainer": "___SInputContainer_1tcs0_gg_",
26
- "__SDefaultTrigger": "___SDefaultTrigger_1tcs0_gg_",
27
- "__STriggerCircle": "___STriggerCircle_1tcs0_gg_",
28
- "--data-value": "--data-value_1tcs0",
29
- "__STriggerCircleLine": "___STriggerCircleLine_1tcs0_gg_",
30
- "__SLine": "___SLine_1tcs0_gg_",
31
- "__SLabel": "___SLabel_1tcs0_gg_",
32
- "__SItemColor": "___SItemColor_1tcs0_gg_",
33
- "__SConfirmColor": "___SConfirmColor_1tcs0_gg_",
34
- "_hidden": "__hidden_1tcs0_gg_",
35
- "__SClearConfirm": "___SClearConfirm_1tcs0_gg_",
36
- "--value": "--value_1tcs0",
37
- "_displayLabel": "__displayLabel_1tcs0_gg_",
38
- "_value": "__value_1tcs0_gg_",
39
- "__SPlusButton": "___SPlusButton_1tcs0_gg_"
17
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1o1ei_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1o1ei_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_1o1ei_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1o1ei_gg_::after{content:\"\";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_1o1ei)}@media (hover:hover){.___SItemContainer_1o1ei_gg_:hover>.___SCloseIcon_1o1ei_gg_{opacity:1}}.___SItemContainer_1o1ei_gg_.__keyboardFocused_1o1ei_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1o1ei_gg_.__selected_1o1ei_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1o1ei_gg_.__displayLabel_1o1ei_gg_::after{background:var(--value_1o1ei);opacity:.15}.___SItemContainer_1o1ei_gg_:not(.__value_1o1ei_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_1o1ei_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1o1ei_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1o1ei_gg_,.___SPaletteManager_1o1ei_gg_,.___SPlusButton_1o1ei_gg_{display:flex;align-items:center}.___SPlusButton_1o1ei_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1o1ei_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1o1ei_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1o1ei_gg_.__keyboardFocused_1o1ei_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1o1ei_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1o1ei);border:1px solid transparent}.___STriggerCircle_1o1ei_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1o1ei_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1o1ei_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_1o1ei_gg_{position:absolute}.___SLabel_1o1ei_gg_{z-index:1;color:var(--data-value_1o1ei);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1o1ei_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1o1ei)}.___SClearConfirm_1o1ei_gg_.__hidden_1o1ei_gg_,.___SConfirmColor_1o1ei_gg_.__hidden_1o1ei_gg_{display:none}" /*__inner_css_end__*/, "1o1ei_gg_") /*__reshadow_css_end__*/, {
18
+ "__SColorPickerPopper": "___SColorPickerPopper_1o1ei_gg_",
19
+ "__SItemContainer": "___SItemContainer_1o1ei_gg_",
20
+ "__SCloseIcon": "___SCloseIcon_1o1ei_gg_",
21
+ "_keyboardFocused": "__keyboardFocused_1o1ei_gg_",
22
+ "_selected": "__selected_1o1ei_gg_",
23
+ "__SColors": "___SColors_1o1ei_gg_",
24
+ "__SPaletteManager": "___SPaletteManager_1o1ei_gg_",
25
+ "__SInputContainer": "___SInputContainer_1o1ei_gg_",
26
+ "__SDefaultTrigger": "___SDefaultTrigger_1o1ei_gg_",
27
+ "__STriggerCircle": "___STriggerCircle_1o1ei_gg_",
28
+ "--data-value": "--data-value_1o1ei",
29
+ "__STriggerCircleLine": "___STriggerCircleLine_1o1ei_gg_",
30
+ "__SLine": "___SLine_1o1ei_gg_",
31
+ "__SLabel": "___SLabel_1o1ei_gg_",
32
+ "__SItemColor": "___SItemColor_1o1ei_gg_",
33
+ "__SConfirmColor": "___SConfirmColor_1o1ei_gg_",
34
+ "_hidden": "__hidden_1o1ei_gg_",
35
+ "__SClearConfirm": "___SClearConfirm_1o1ei_gg_",
36
+ "--value": "--value_1o1ei",
37
+ "_displayLabel": "__displayLabel_1o1ei_gg_",
38
+ "_value": "__value_1o1ei_gg_",
39
+ "__SPlusButton": "___SPlusButton_1o1ei_gg_"
40
40
  });
41
41
  function isValidHex(hex) {
42
42
  if (hex[0] !== '#' && hex.length === 7) return false;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\nimport Dropdown, { DropdownProps, DropdownHandlers } from '@semcore/dropdown';\nimport { InputProps } from '@semcore/input';\n\n/** @deprecated */\nexport interface IItemProps extends ItemProps, UnknownProperties {}\nexport type ItemProps = BoxProps & {\n /**\n * Color item in hexadecimal format.\n */\n value?: string;\n /**\n * Shows label `A` as text color icon inside all color items\n */\n displayLabel?: boolean;\n /**\n * Property enabling the ability to remove a color item on click\n */\n editable?: boolean;\n /**\n * Shows if color item is selected\n */\n selected?: boolean;\n /**\n * Fired with color item when user clicks on the close icon\n */\n onRemove?: React.MouseEventHandler;\n};\n\n/** @deprecated */\nexport interface IColorsProps extends ColorsProps, UnknownProperties {}\nexport type ColorsProps = BoxProps & {\n /**\n * Array of color items\n */\n colors?: string[];\n};\n\n/** @deprecated */\nexport interface IColorsCustomProps extends ColorsCustomProps, UnknownProperties {}\nexport type ColorsCustomProps = ColorsProps &\n BoxProps & {\n /**\n * Fired when user clicks on the plus icon in Palette Manager - focuses the input component\n */\n onPlusButtonClick?: React.MouseEventHandler;\n };\n\n/** @deprecated */\nexport interface IInputColorProps extends InputColorProps, UnknownProperties {}\nexport type InputColorProps = InputProps & {\n /**\n * Text value of input\n */\n value?: string;\n /**\n * Default value if `value` property is not provided\n * @default null\n */\n defaultValue?: string | null;\n /**\n * Uncontrolled visual state of input\n * @default normal\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * Array of color items\n */\n colors?: string[];\n /**\n * Fired with entered value when user clicks on the check icon or hits `Enter` or `Space`\n */\n onAdd?: (value: string, event: React.MouseEvent | React.KeyboardEvent) => void;\n};\n\n/** @deprecated */\nexport interface IColorPickerProps extends ColorPickerProps, UnknownProperties {}\nexport type ColorPickerProps = DropdownProps & {\n /**\n * Selected color item. Should be used with `onChange` property together\n */\n value?: string | null;\n /**\n * Fired when user selects color item. Should be used with `value` property together\n */\n onChange?: (value: string, event: React.ChangeEvent) => void;\n /**\n * Default value if `value` property is not provided\n * @default null\n */\n defaultValue?: string | null;\n /**\n * Array of color items. Should be used with `onColorsChange` property together\n * @default defaultColors\n */\n colors?: string[];\n /**\n * Fired when user changes color items. Should be used with `colors` property together\n */\n onColorsChange?: (value: string[], event: React.ChangeEvent) => void;\n /**\n * Shows label `A` as text color icon inside all color items\n * @default false\n */\n displayLabel?: boolean;\n};\n\n/** @deprecated */\nexport interface IPaletteManagerProps extends PaletteManagerProps, UnknownProperties {}\nexport type PaletteManagerProps = BoxProps & {\n /**\n * Array of color items. Should be used with `onColorsChange` property together\n * @default []\n */\n colors?: string[];\n /**\n * Default value if `colors` property is not provided\n * @default []\n */\n defaultColors?: string[];\n /**\n * Fired when user adds or removes color items. Should be used with `colors` property together\n */\n onColorsChange?: (value: string[], event: React.ChangeEvent) => void;\n};\n\n/** @deprecated */\nexport interface IColorPickerHandlers extends ColorPickerHandlers, UnknownProperties {}\nexport type ColorPickerHandlers = DropdownHandlers & {};\n\n/** @deprecated */\nexport interface IPaletteManagerHandlers extends PaletteManagerHandlers, UnknownProperties {}\nexport type PaletteManagerHandlers = DropdownHandlers & {};\n\ntype ColorPickerContext = {\n getTriggerProps: PropGetterFn;\n getColorsProps: PropGetterFn;\n getItemProps: PropGetterFn;\n};\n\ntype PaletteManagerContext = {\n getInputColorProps: PropGetterFn;\n getColorsProps: PropGetterFn;\n getItemProps: PropGetterFn;\n};\n\ndeclare const defaultColors: string[];\n\ndeclare const PaletteManager: Intergalactic.Component<\n 'div',\n PaletteManagerProps,\n PaletteManagerContext,\n [handlers: PaletteManagerHandlers]\n> & {\n Item: Intergalactic.Component<'div', ItemProps>;\n Colors: Intergalactic.Component<'div', ColorsCustomProps>;\n InputColor: Intergalactic.Component<'div', InputColorProps>;\n};\n\ndeclare const ColorPicker: Intergalactic.Component<\n 'div',\n ColorPickerProps,\n ColorPickerContext,\n [handlers: ColorPickerHandlers]\n> & {\n Trigger: typeof Dropdown.Trigger;\n Popper: typeof Dropdown.Popper;\n Item: Intergalactic.Component<'div', ItemProps>;\n Colors: Intergalactic.Component<'div', ColorsProps>;\n};\n\nexport { PaletteManager, defaultColors };\nexport default ColorPicker;\n"],"mappings":""}
1
+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\nimport Dropdown, { DropdownProps, DropdownHandlers } from '@semcore/dropdown';\nimport Popper from '@semcore/popper';\nimport { InputProps } from '@semcore/input';\n\n/** @deprecated */\nexport interface IItemProps extends ItemProps, UnknownProperties {}\nexport type ItemProps = BoxProps & {\n /**\n * Color item in hexadecimal format.\n */\n value?: string;\n /**\n * Shows label `A` as text color icon inside all color items\n */\n displayLabel?: boolean;\n /**\n * Property enabling the ability to remove a color item on click\n */\n editable?: boolean;\n /**\n * Shows if color item is selected\n */\n selected?: boolean;\n /**\n * Fired with color item when user clicks on the close icon\n */\n onRemove?: React.MouseEventHandler;\n};\n\n/** @deprecated */\nexport interface IColorsProps extends ColorsProps, UnknownProperties {}\nexport type ColorsProps = BoxProps & {\n /**\n * Array of color items\n */\n colors?: string[];\n};\n\n/** @deprecated */\nexport interface IColorsCustomProps extends ColorsCustomProps, UnknownProperties {}\nexport type ColorsCustomProps = ColorsProps &\n BoxProps & {\n /**\n * Fired when user clicks on the plus icon in Palette Manager - focuses the input component\n */\n onPlusButtonClick?: React.MouseEventHandler;\n };\n\n/** @deprecated */\nexport interface IInputColorProps extends InputColorProps, UnknownProperties {}\nexport type InputColorProps = InputProps & {\n /**\n * Text value of input\n */\n value?: string;\n /**\n * Default value if `value` property is not provided\n * @default null\n */\n defaultValue?: string | null;\n /**\n * Uncontrolled visual state of input\n * @default normal\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * Array of color items\n */\n colors?: string[];\n /**\n * Fired with entered value when user clicks on the check icon or hits `Enter` or `Space`\n */\n onAdd?: (value: string, event: React.MouseEvent | React.KeyboardEvent) => void;\n};\n\n/** @deprecated */\nexport interface IColorPickerProps extends ColorPickerProps, UnknownProperties {}\nexport type ColorPickerProps = DropdownProps & {\n /**\n * Selected color item. Should be used with `onChange` property together\n */\n value?: string | null;\n /**\n * Fired when user selects color item. Should be used with `value` property together\n */\n onChange?: (value: string, event: React.ChangeEvent) => void;\n /**\n * Default value if `value` property is not provided\n * @default null\n */\n defaultValue?: string | null;\n /**\n * Array of color items. Should be used with `onColorsChange` property together\n * @default defaultColors\n */\n colors?: string[];\n /**\n * Fired when user changes color items. Should be used with `colors` property together\n */\n onColorsChange?: (value: string[], event: React.ChangeEvent) => void;\n /**\n * Shows label `A` as text color icon inside all color items\n * @default false\n */\n displayLabel?: boolean;\n};\n\n/** @deprecated */\nexport interface IPaletteManagerProps extends PaletteManagerProps, UnknownProperties {}\nexport type PaletteManagerProps = BoxProps & {\n /**\n * Array of color items. Should be used with `onColorsChange` property together\n * @default []\n */\n colors?: string[];\n /**\n * Default value if `colors` property is not provided\n * @default []\n */\n defaultColors?: string[];\n /**\n * Fired when user adds or removes color items. Should be used with `colors` property together\n */\n onColorsChange?: (value: string[], event: React.ChangeEvent) => void;\n};\n\n/** @deprecated */\nexport interface IColorPickerHandlers extends ColorPickerHandlers, UnknownProperties {}\nexport type ColorPickerHandlers = DropdownHandlers & {};\n\n/** @deprecated */\nexport interface IPaletteManagerHandlers extends PaletteManagerHandlers, UnknownProperties {}\nexport type PaletteManagerHandlers = DropdownHandlers & {};\n\ntype ColorPickerContext = {\n getTriggerProps: PropGetterFn;\n getColorsProps: PropGetterFn;\n getItemProps: PropGetterFn;\n};\n\ntype PaletteManagerContext = {\n getInputColorProps: PropGetterFn;\n getColorsProps: PropGetterFn;\n getItemProps: PropGetterFn;\n};\n\ndeclare const defaultColors: string[];\n\ndeclare const PaletteManager: Intergalactic.Component<\n 'div',\n PaletteManagerProps,\n PaletteManagerContext,\n [handlers: PaletteManagerHandlers]\n> & {\n Item: Intergalactic.Component<'div', ItemProps>;\n Colors: Intergalactic.Component<'div', ColorsCustomProps>;\n InputColor: Intergalactic.Component<'div', InputColorProps>;\n};\n\ndeclare const ColorPicker: Intergalactic.Component<\n 'div',\n ColorPickerProps,\n ColorPickerContext,\n [handlers: ColorPickerHandlers]\n> & {\n Trigger: typeof Dropdown.Trigger;\n Popper: typeof Popper.Popper;\n Item: Intergalactic.Component<'div', ItemProps>;\n Colors: Intergalactic.Component<'div', ColorsProps>;\n};\n\nexport { PaletteManager, defaultColors };\nexport default ColorPicker;\n"],"mappings":""}
@@ -1,6 +1,7 @@
1
1
  import { PropGetterFn, UnknownProperties, Intergalactic } from 'intergalactic/core';
2
2
  import { BoxProps } from 'intergalactic/flex-box';
3
3
  import Dropdown, { DropdownProps, DropdownHandlers } from 'intergalactic/dropdown';
4
+ import Popper from 'intergalactic/popper';
4
5
  import { InputProps } from 'intergalactic/input';
5
6
 
6
7
  /** @deprecated */
@@ -165,7 +166,7 @@ declare const ColorPicker: Intergalactic.Component<
165
166
  [handlers: ColorPickerHandlers]
166
167
  > & {
167
168
  Trigger: typeof Dropdown.Trigger;
168
- Popper: typeof Dropdown.Popper;
169
+ Popper: typeof Popper.Popper;
169
170
  Item: Intergalactic.Component<'div', ItemProps>;
170
171
  Colors: Intergalactic.Component<'div', ColorsProps>;
171
172
  };
@@ -1 +1 @@
1
- {"name":"intergalactic/color-picker","description":"Semrush ColorPicker Component","version":"2.39.1-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js,ts"},"dependencies":{"@semcore/button":"5.34.1-prerelease.0","@semcore/divider":"4.30.1-prerelease.0","@semcore/dropdown":"4.35.1-prerelease.0","@semcore/flex-box":"5.31.1-prerelease.0","@semcore/icon":"4.43.1-prerelease.0","@semcore/input":"4.32.1-prerelease.0","@semcore/utils":"4.32.1-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.29.1-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"devDependencies":{"@semcore/testing-utils":"1.0.0","@types/react":"18.0.21"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/color-picker"}}
1
+ {"name":"intergalactic/color-picker","description":"Semrush ColorPicker Component","version":"2.39.2-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js,ts"},"dependencies":{"@semcore/button":"5.35.0-prerelease.0","@semcore/divider":"4.30.2-prerelease.0","@semcore/dropdown":"4.36.0-prerelease.0","@semcore/flex-box":"5.31.2-prerelease.0","@semcore/icon":"4.43.2-prerelease.0","@semcore/input":"4.32.2-prerelease.0","@semcore/utils":"4.32.2-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.29.2-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"devDependencies":{"@semcore/testing-utils":"1.0.0","@types/react":"18.0.21"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/color-picker"}}