intergalactic 15.115.0 → 15.116.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 (407) hide show
  1. package/CHANGELOG.md +37 -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/component/Button/Button.js +27 -27
  35. package/button/lib/cjs/component/ButtonLink/ButtonLink.js +20 -20
  36. package/button/lib/es6/component/Button/Button.js +27 -27
  37. package/button/lib/es6/component/ButtonLink/ButtonLink.js +20 -20
  38. package/button/package.json +1 -1
  39. package/card/lib/cjs/Card.js +6 -6
  40. package/card/lib/es6/Card.js +6 -6
  41. package/card/package.json +1 -1
  42. package/carousel/lib/cjs/Carousel.js +21 -21
  43. package/carousel/lib/es6/Carousel.js +21 -21
  44. package/carousel/package.json +1 -1
  45. package/checkbox/lib/cjs/Checkbox.js +18 -18
  46. package/checkbox/lib/es6/Checkbox.js +18 -18
  47. package/checkbox/package.json +1 -1
  48. package/color-picker/lib/cjs/ColorPicker.js +24 -24
  49. package/color-picker/lib/cjs/PaletteManager.js +24 -24
  50. package/color-picker/lib/cjs/components/InputColor.js +24 -24
  51. package/color-picker/lib/cjs/components/Item.js +5 -0
  52. package/color-picker/lib/cjs/components/Item.js.map +1 -1
  53. package/color-picker/lib/es6/ColorPicker.js +24 -24
  54. package/color-picker/lib/es6/PaletteManager.js +24 -24
  55. package/color-picker/lib/es6/components/InputColor.js +24 -24
  56. package/color-picker/lib/es6/components/Item.js +5 -0
  57. package/color-picker/lib/es6/components/Item.js.map +1 -1
  58. package/color-picker/package.json +1 -1
  59. package/components.json +73 -73
  60. package/core/package.json +1 -1
  61. package/counter/lib/cjs/Counter.js +11 -11
  62. package/counter/lib/es6/Counter.js +11 -11
  63. package/counter/package.json +1 -1
  64. package/d3-chart/lib/cjs/Area.js +11 -11
  65. package/d3-chart/lib/cjs/Axis.js +14 -14
  66. package/d3-chart/lib/cjs/Bar.js +16 -16
  67. package/d3-chart/lib/cjs/Bubble.js +12 -12
  68. package/d3-chart/lib/cjs/CompactHorizontalBar.js +16 -16
  69. package/d3-chart/lib/cjs/Donut.js +9 -9
  70. package/d3-chart/lib/cjs/Dots.js +8 -8
  71. package/d3-chart/lib/cjs/HorizontalBar.js +16 -16
  72. package/d3-chart/lib/cjs/Hover.js +3 -3
  73. package/d3-chart/lib/cjs/Line.js +9 -9
  74. package/d3-chart/lib/cjs/Plot.js +3 -3
  75. package/d3-chart/lib/cjs/Radar.js +19 -19
  76. package/d3-chart/lib/cjs/RadialTree.js +12 -12
  77. package/d3-chart/lib/cjs/Reference.js +12 -12
  78. package/d3-chart/lib/cjs/ScatterPlot.js +9 -9
  79. package/d3-chart/lib/cjs/Tooltip.js +9 -9
  80. package/d3-chart/lib/cjs/Venn.js +9 -9
  81. package/d3-chart/lib/cjs/a11y/PlotA11yModule.js +2 -2
  82. package/d3-chart/lib/cjs/a11y/PlotA11yView.js +2 -2
  83. package/d3-chart/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  84. package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +17 -17
  85. package/d3-chart/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
  86. package/d3-chart/lib/es6/Area.js +11 -11
  87. package/d3-chart/lib/es6/Axis.js +14 -14
  88. package/d3-chart/lib/es6/Bar.js +16 -16
  89. package/d3-chart/lib/es6/Bubble.js +12 -12
  90. package/d3-chart/lib/es6/CompactHorizontalBar.js +16 -16
  91. package/d3-chart/lib/es6/Donut.js +9 -9
  92. package/d3-chart/lib/es6/Dots.js +8 -8
  93. package/d3-chart/lib/es6/HorizontalBar.js +16 -16
  94. package/d3-chart/lib/es6/Hover.js +3 -3
  95. package/d3-chart/lib/es6/Line.js +9 -9
  96. package/d3-chart/lib/es6/Plot.js +3 -3
  97. package/d3-chart/lib/es6/Radar.js +19 -19
  98. package/d3-chart/lib/es6/RadialTree.js +12 -12
  99. package/d3-chart/lib/es6/Reference.js +12 -12
  100. package/d3-chart/lib/es6/ScatterPlot.js +9 -9
  101. package/d3-chart/lib/es6/Tooltip.js +9 -9
  102. package/d3-chart/lib/es6/Venn.js +9 -9
  103. package/d3-chart/lib/es6/a11y/PlotA11yModule.js +2 -2
  104. package/d3-chart/lib/es6/a11y/PlotA11yView.js +2 -2
  105. package/d3-chart/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  106. package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +17 -17
  107. package/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
  108. package/d3-chart/package.json +1 -1
  109. package/data-table/lib/cjs/Body.js +3 -3
  110. package/data-table/lib/cjs/DataTable.js +36 -36
  111. package/data-table/lib/es6/Body.js +3 -3
  112. package/data-table/lib/es6/DataTable.js +36 -36
  113. package/data-table/package.json +1 -1
  114. package/date-picker/lib/cjs/components/Calendar.js +21 -21
  115. package/date-picker/lib/cjs/components/DateRangeComparatorAbstract.js +29 -29
  116. package/date-picker/lib/cjs/components/InputTrigger.js +29 -29
  117. package/date-picker/lib/cjs/components/PickerAbstract.js +29 -29
  118. package/date-picker/lib/cjs/components/RangePickerAbstract.js +29 -29
  119. package/date-picker/lib/es6/components/Calendar.js +21 -21
  120. package/date-picker/lib/es6/components/DateRangeComparatorAbstract.js +29 -29
  121. package/date-picker/lib/es6/components/InputTrigger.js +29 -29
  122. package/date-picker/lib/es6/components/PickerAbstract.js +29 -29
  123. package/date-picker/lib/es6/components/RangePickerAbstract.js +29 -29
  124. package/date-picker/package.json +1 -1
  125. package/divider/lib/cjs/Divider.js +10 -10
  126. package/divider/lib/es6/Divider.js +10 -10
  127. package/divider/package.json +1 -1
  128. package/dot/lib/cjs/Dot.js +10 -10
  129. package/dot/lib/es6/Dot.js +10 -10
  130. package/dot/package.json +1 -1
  131. package/drag-and-drop/lib/cjs/DragAndDrop.js +16 -16
  132. package/drag-and-drop/lib/es6/DragAndDrop.js +16 -16
  133. package/drag-and-drop/package.json +1 -1
  134. package/dropdown/index.d.ts +1 -1
  135. package/dropdown/lib/cjs/AbstractDropdown.js +36 -31
  136. package/dropdown/lib/cjs/AbstractDropdown.js.map +1 -1
  137. package/dropdown/lib/cjs/Dropdown.js +15 -15
  138. package/dropdown/lib/cjs/index.d.js.map +1 -1
  139. package/dropdown/lib/es6/AbstractDropdown.js +36 -31
  140. package/dropdown/lib/es6/AbstractDropdown.js.map +1 -1
  141. package/dropdown/lib/es6/Dropdown.js +15 -15
  142. package/dropdown/lib/es6/index.d.js.map +1 -1
  143. package/dropdown/lib/types/index.d.ts +1 -1
  144. package/dropdown/package.json +1 -1
  145. package/dropdown-menu/index.d.ts +2 -1
  146. package/dropdown-menu/lib/cjs/DropdownMenu.js +54 -34
  147. package/dropdown-menu/lib/cjs/DropdownMenu.js.map +1 -1
  148. package/dropdown-menu/lib/cjs/index.d.js.map +1 -1
  149. package/dropdown-menu/lib/es6/DropdownMenu.js +54 -34
  150. package/dropdown-menu/lib/es6/DropdownMenu.js.map +1 -1
  151. package/dropdown-menu/lib/es6/index.d.js.map +1 -1
  152. package/dropdown-menu/lib/types/index.d.ts +2 -1
  153. package/dropdown-menu/package.json +1 -1
  154. package/ellipsis/lib/cjs/Ellipsis.js +10 -10
  155. package/ellipsis/lib/es6/Ellipsis.js +10 -10
  156. package/ellipsis/package.json +1 -1
  157. package/errors/lib/cjs/Error.js +9 -9
  158. package/errors/lib/es6/Error.js +9 -9
  159. package/errors/package.json +1 -1
  160. package/feature-popover/index.d.ts +10 -1
  161. package/feature-popover/lib/cjs/FeaturePopover.js +26 -19
  162. package/feature-popover/lib/cjs/FeaturePopover.js.map +1 -1
  163. package/feature-popover/lib/cjs/index.d.js.map +1 -1
  164. package/feature-popover/lib/es6/FeaturePopover.js +26 -19
  165. package/feature-popover/lib/es6/FeaturePopover.js.map +1 -1
  166. package/feature-popover/lib/es6/index.d.js.map +1 -1
  167. package/feature-popover/lib/types/index.d.ts +10 -1
  168. package/feature-popover/package.json +1 -1
  169. package/feedback-form/lib/cjs/FeedbackForm.js +7 -7
  170. package/feedback-form/lib/cjs/component/checkbox-button/CheckboxButton.js +3 -3
  171. package/feedback-form/lib/cjs/component/feedback-rating/FeedbackRating.js +2 -2
  172. package/feedback-form/lib/cjs/component/slider-rating/SliderRating.js +6 -6
  173. package/feedback-form/lib/es6/FeedbackForm.js +7 -7
  174. package/feedback-form/lib/es6/component/checkbox-button/CheckboxButton.js +3 -3
  175. package/feedback-form/lib/es6/component/feedback-rating/FeedbackRating.js +2 -2
  176. package/feedback-form/lib/es6/component/slider-rating/SliderRating.js +6 -6
  177. package/feedback-form/package.json +1 -1
  178. package/flags/lib/cjs/Flags.js +3 -3
  179. package/flags/lib/es6/Flags.js +3 -3
  180. package/flags/lib/sprites/sprite@1x.css +256 -256
  181. package/flags/lib/sprites/sprite@2x.css +257 -257
  182. package/flags/package.json +1 -1
  183. package/flex-box/lib/cjs/Box/useBox.js +3 -3
  184. package/flex-box/lib/cjs/Flex/useFlex.js +3 -3
  185. package/flex-box/lib/cjs/invalid-state-box/InvalidStateBox.js +2 -2
  186. package/flex-box/lib/es6/Box/useBox.js +3 -3
  187. package/flex-box/lib/es6/Flex/useFlex.js +3 -3
  188. package/flex-box/lib/es6/invalid-state-box/InvalidStateBox.js +2 -2
  189. package/flex-box/package.json +1 -1
  190. package/format-text/lib/cjs/FormatText.js +5 -5
  191. package/format-text/lib/es6/FormatText.js +5 -5
  192. package/format-text/package.json +1 -1
  193. package/fullscreen-modal/lib/cjs/FullscreenModal.js +13 -13
  194. package/fullscreen-modal/lib/es6/FullscreenModal.js +13 -13
  195. package/fullscreen-modal/package.json +1 -1
  196. package/grid/lib/cjs/Grid.js +114 -114
  197. package/grid/lib/es6/Grid.js +114 -114
  198. package/grid/package.json +1 -1
  199. package/i18n-unplugin/package.json +1 -1
  200. package/icon/color/Confluence/l/index.js +4 -4
  201. package/icon/color/Confluence/l/index.mjs +4 -4
  202. package/icon/color/Confluence/m/index.js +4 -4
  203. package/icon/color/Confluence/m/index.mjs +4 -4
  204. package/icon/color/MetaColored/l/index.js +4 -4
  205. package/icon/color/MetaColored/l/index.mjs +4 -4
  206. package/icon/color/MetaColored/m/index.js +4 -4
  207. package/icon/color/MetaColored/m/index.mjs +4 -4
  208. package/icon/color/MicrosoftOffice/l/index.js +10 -10
  209. package/icon/color/MicrosoftOffice/l/index.mjs +10 -10
  210. package/icon/color/MicrosoftOffice/m/index.js +10 -10
  211. package/icon/color/MicrosoftOffice/m/index.mjs +10 -10
  212. package/icon/lib/cjs/Icon.js +5 -5
  213. package/icon/lib/es6/Icon.js +5 -5
  214. package/icon/package.json +1 -1
  215. package/icon/pay/Discover/l/index.js +1 -1
  216. package/icon/pay/Discover/l/index.mjs +1 -1
  217. package/icon/pay/Discover/m/index.js +1 -1
  218. package/icon/pay/Discover/m/index.mjs +1 -1
  219. package/icon/pay/JCB/l/index.js +10 -10
  220. package/icon/pay/JCB/l/index.mjs +10 -10
  221. package/icon/pay/JCB/m/index.js +10 -10
  222. package/icon/pay/JCB/m/index.mjs +10 -10
  223. package/icon/pay/Visa/l/index.js +2 -2
  224. package/icon/pay/Visa/l/index.mjs +2 -2
  225. package/icon/pay/Visa/m/index.js +2 -2
  226. package/icon/pay/Visa/m/index.mjs +2 -2
  227. package/illustration/lib/cjs/index.js +1 -1
  228. package/illustration/lib/es6/index.js +1 -1
  229. package/illustration/package.json +1 -1
  230. package/inline-edit/lib/cjs/InlineEdit.js +4 -4
  231. package/inline-edit/lib/es6/InlineEdit.js +4 -4
  232. package/inline-edit/package.json +1 -1
  233. package/inline-input/lib/cjs/InlineInput.js +14 -14
  234. package/inline-input/lib/es6/InlineInput.js +14 -14
  235. package/inline-input/package.json +1 -1
  236. package/input/lib/cjs/Input.js +17 -17
  237. package/input/lib/es6/Input.js +17 -17
  238. package/input/package.json +1 -1
  239. package/input-mask/lib/cjs/InputMask.js +6 -6
  240. package/input-mask/lib/es6/InputMask.js +6 -6
  241. package/input-mask/package.json +1 -1
  242. package/input-number/lib/cjs/InputNumber.js +9 -9
  243. package/input-number/lib/es6/InputNumber.js +9 -9
  244. package/input-number/package.json +1 -1
  245. package/input-tags/lib/cjs/InputTags.js +12 -12
  246. package/input-tags/lib/es6/InputTags.js +12 -12
  247. package/input-tags/package.json +1 -1
  248. package/link/lib/cjs/Link.js +12 -12
  249. package/link/lib/es6/Link.js +12 -12
  250. package/link/package.json +1 -1
  251. package/mini-chart/component/score/Score.d.ts +4 -0
  252. package/mini-chart/lib/cjs/component/score/Donut.js +12 -10
  253. package/mini-chart/lib/cjs/component/score/Donut.js.map +1 -1
  254. package/mini-chart/lib/cjs/component/score/Line.js +24 -19
  255. package/mini-chart/lib/cjs/component/score/Line.js.map +1 -1
  256. package/mini-chart/lib/cjs/component/score/Score.js.map +1 -1
  257. package/mini-chart/lib/cjs/component/score/line.shadow.css +1 -1
  258. package/mini-chart/lib/cjs/component/trend/Bar.js +7 -7
  259. package/mini-chart/lib/cjs/component/trend/Line.js +7 -7
  260. package/mini-chart/lib/es6/component/score/Donut.js +12 -10
  261. package/mini-chart/lib/es6/component/score/Donut.js.map +1 -1
  262. package/mini-chart/lib/es6/component/score/Line.js +24 -19
  263. package/mini-chart/lib/es6/component/score/Line.js.map +1 -1
  264. package/mini-chart/lib/es6/component/score/Score.js.map +1 -1
  265. package/mini-chart/lib/es6/component/score/line.shadow.css +1 -1
  266. package/mini-chart/lib/es6/component/trend/Bar.js +7 -7
  267. package/mini-chart/lib/es6/component/trend/Line.js +7 -7
  268. package/mini-chart/lib/types/component/score/Score.d.ts +4 -0
  269. package/mini-chart/package.json +1 -1
  270. package/modal/lib/cjs/Modal.js +8 -8
  271. package/modal/lib/es6/Modal.js +8 -8
  272. package/modal/package.json +1 -1
  273. package/neighbor-location/package.json +1 -1
  274. package/notice/lib/cjs/Notice.js +14 -14
  275. package/notice/lib/es6/Notice.js +14 -14
  276. package/notice/package.json +1 -1
  277. package/notice-bubble/lib/cjs/NoticeBubble.js +15 -15
  278. package/notice-bubble/lib/es6/NoticeBubble.js +15 -15
  279. package/notice-bubble/package.json +1 -1
  280. package/notice-global/lib/cjs/NoticeGlobal.js +11 -11
  281. package/notice-global/lib/es6/NoticeGlobal.js +11 -11
  282. package/notice-global/package.json +1 -1
  283. package/outside-click/package.json +1 -1
  284. package/package.json +1 -1
  285. package/pagination/lib/cjs/Pagination.js +10 -10
  286. package/pagination/lib/es6/Pagination.js +10 -10
  287. package/pagination/package.json +1 -1
  288. package/pills/lib/cjs/Pills.js +13 -13
  289. package/pills/lib/es6/Pills.js +13 -13
  290. package/pills/package.json +1 -1
  291. package/popper/lib/cjs/Popper.js +6 -6
  292. package/popper/lib/es6/Popper.js +6 -6
  293. package/popper/package.json +1 -1
  294. package/portal/package.json +1 -1
  295. package/product-head/lib/cjs/Info.js +4 -4
  296. package/product-head/lib/cjs/ProductHead.js +5 -5
  297. package/product-head/lib/cjs/Title.js +4 -4
  298. package/product-head/lib/es6/Info.js +4 -4
  299. package/product-head/lib/es6/ProductHead.js +5 -5
  300. package/product-head/lib/es6/Title.js +4 -4
  301. package/product-head/package.json +1 -1
  302. package/progress-bar/lib/cjs/ProgressBar.js +15 -15
  303. package/progress-bar/lib/es6/ProgressBar.js +15 -15
  304. package/progress-bar/package.json +1 -1
  305. package/radio/lib/cjs/Radio.js +16 -16
  306. package/radio/lib/es6/Radio.js +16 -16
  307. package/radio/package.json +1 -1
  308. package/scroll-area/lib/cjs/ScrollArea.js +21 -21
  309. package/scroll-area/lib/cjs/ScrollBar.js +6 -6
  310. package/scroll-area/lib/es6/ScrollArea.js +21 -21
  311. package/scroll-area/lib/es6/ScrollBar.js +6 -6
  312. package/scroll-area/package.json +1 -1
  313. package/select/lib/cjs/InputSearch.js +6 -6
  314. package/select/lib/cjs/Select.js +11 -19
  315. package/select/lib/cjs/Select.js.map +1 -1
  316. package/select/lib/es6/InputSearch.js +6 -6
  317. package/select/lib/es6/Select.js +11 -19
  318. package/select/lib/es6/Select.js.map +1 -1
  319. package/select/package.json +1 -1
  320. package/side-panel/lib/cjs/SidePanel.js +16 -16
  321. package/side-panel/lib/es6/SidePanel.js +16 -16
  322. package/side-panel/package.json +1 -1
  323. package/skeleton/lib/cjs/Charts/Area.js +9 -9
  324. package/skeleton/lib/cjs/Charts/Bar.js +9 -9
  325. package/skeleton/lib/cjs/Charts/Bubble.js +9 -9
  326. package/skeleton/lib/cjs/Charts/CompactHorizontalBar.js +9 -9
  327. package/skeleton/lib/cjs/Charts/Donut.js +9 -9
  328. package/skeleton/lib/cjs/Charts/Histogram.js +9 -9
  329. package/skeleton/lib/cjs/Charts/Line.js +9 -9
  330. package/skeleton/lib/cjs/Charts/RadialTree.js +9 -9
  331. package/skeleton/lib/cjs/Charts/ScatterPlot.js +9 -9
  332. package/skeleton/lib/cjs/Charts/Venn.js +9 -9
  333. package/skeleton/lib/cjs/Skeleton.js +8 -8
  334. package/skeleton/lib/es6/Charts/Area.js +9 -9
  335. package/skeleton/lib/es6/Charts/Bar.js +9 -9
  336. package/skeleton/lib/es6/Charts/Bubble.js +9 -9
  337. package/skeleton/lib/es6/Charts/CompactHorizontalBar.js +9 -9
  338. package/skeleton/lib/es6/Charts/Donut.js +9 -9
  339. package/skeleton/lib/es6/Charts/Histogram.js +9 -9
  340. package/skeleton/lib/es6/Charts/Line.js +9 -9
  341. package/skeleton/lib/es6/Charts/RadialTree.js +9 -9
  342. package/skeleton/lib/es6/Charts/ScatterPlot.js +9 -9
  343. package/skeleton/lib/es6/Charts/Venn.js +9 -9
  344. package/skeleton/lib/es6/Skeleton.js +8 -8
  345. package/skeleton/package.json +1 -1
  346. package/slider/lib/cjs/Slider.js +8 -8
  347. package/slider/lib/es6/Slider.js +8 -8
  348. package/slider/package.json +1 -1
  349. package/spin/lib/cjs/Spin.js +13 -13
  350. package/spin/lib/es6/Spin.js +13 -13
  351. package/spin/package.json +1 -1
  352. package/spin-container/lib/cjs/SpinContainer.js +8 -8
  353. package/spin-container/lib/es6/SpinContainer.js +8 -8
  354. package/spin-container/package.json +1 -1
  355. package/sticky/lib/cjs/Sticky.js +2 -2
  356. package/sticky/lib/es6/Sticky.js +2 -2
  357. package/sticky/package.json +1 -1
  358. package/switch/lib/cjs/Switch.js +21 -21
  359. package/switch/lib/es6/Switch.js +21 -21
  360. package/switch/package.json +1 -1
  361. package/tab-line/lib/cjs/TabLine.js +13 -13
  362. package/tab-line/lib/es6/TabLine.js +13 -13
  363. package/tab-line/package.json +1 -1
  364. package/tab-panel/lib/cjs/TabPanel.js +8 -8
  365. package/tab-panel/lib/es6/TabPanel.js +8 -8
  366. package/tab-panel/package.json +1 -1
  367. package/tag/lib/cjs/Tag.js +23 -23
  368. package/tag/lib/es6/Tag.js +23 -23
  369. package/tag/package.json +1 -1
  370. package/textarea/lib/cjs/Textarea.js +8 -8
  371. package/textarea/lib/es6/Textarea.js +8 -8
  372. package/textarea/package.json +1 -1
  373. package/time-picker/lib/cjs/TimePicker.js +12 -12
  374. package/time-picker/lib/es6/TimePicker.js +12 -12
  375. package/time-picker/package.json +1 -1
  376. package/tooltip/lib/cjs/Tooltip.js +10 -9
  377. package/tooltip/lib/cjs/Tooltip.js.map +1 -1
  378. package/tooltip/lib/es6/Tooltip.js +10 -9
  379. package/tooltip/lib/es6/Tooltip.js.map +1 -1
  380. package/tooltip/package.json +1 -1
  381. package/typography/lib/cjs/Blockquote.js +4 -4
  382. package/typography/lib/cjs/Hint.js +7 -7
  383. package/typography/lib/cjs/List.js +5 -5
  384. package/typography/lib/cjs/Text.js +34 -34
  385. package/typography/lib/es6/Blockquote.js +4 -4
  386. package/typography/lib/es6/Hint.js +7 -7
  387. package/typography/lib/es6/List.js +5 -5
  388. package/typography/lib/es6/Text.js +34 -34
  389. package/typography/package.json +1 -1
  390. package/utils/lib/ScreenReaderOnly.js +3 -2
  391. package/utils/lib/ScreenReaderOnly.js.map +1 -1
  392. package/utils/lib/ScreenReaderOnly.mjs +3 -2
  393. package/utils/lib/ScreenReaderOnly.mjs.map +1 -1
  394. package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.js +2 -2
  395. package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.mjs +2 -2
  396. package/utils/lib/injectStyle.js +1 -1
  397. package/utils/lib/injectStyle.mjs +1 -1
  398. package/utils/lib/use/useFocusLock.js +15 -11
  399. package/utils/lib/use/useFocusLock.js.map +1 -1
  400. package/utils/lib/use/useFocusLock.mjs +15 -11
  401. package/utils/lib/use/useFocusLock.mjs.map +1 -1
  402. package/widget-empty/lib/cjs/WidgetEmpty.js +5 -5
  403. package/widget-empty/lib/es6/WidgetEmpty.js +5 -5
  404. package/widget-empty/package.json +1 -1
  405. package/wizard/lib/cjs/Wizard.js +12 -12
  406. package/wizard/lib/es6/Wizard.js +12 -12
  407. package/wizard/package.json +1 -1
package/color-picker/lib/cjs/ColorPicker.js CHANGED
@@ -28,30 +28,30 @@ 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_821h4_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_821h4_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_821h4_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_821h4_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_821h4)}@media (hover:hover){.___SItemContainer_821h4_gg_:hover>.___SCloseIcon_821h4_gg_{opacity:1}}.___SItemContainer_821h4_gg_.__keyboardFocused_821h4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_821h4_gg_.__selected_821h4_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_821h4_gg_.__displayLabel_821h4_gg_::after{background:var(--value_821h4);opacity:.15}.___SItemContainer_821h4_gg_:not(.__value_821h4_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_821h4_gg_,.___SColors_821h4_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_821h4_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_821h4_gg_,.___SPaletteManager_821h4_gg_,.___SPlusButton_821h4_gg_{display:flex;align-items:center}.___SPlusButton_821h4_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_821h4_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_821h4_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_821h4_gg_.__keyboardFocused_821h4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_821h4_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_821h4);border:1px solid transparent}.___STriggerCircle_821h4_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_821h4_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_821h4_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_821h4_gg_{position:absolute}.___SLabel_821h4_gg_{z-index:1;color:var(--data-value_821h4);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_821h4_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_821h4)}.___SClearConfirm_821h4_gg_.__hidden_821h4_gg_,.___SConfirmColor_821h4_gg_.__hidden_821h4_gg_{display:none}" /*__inner_css_end__*/, "821h4_gg_") /*__reshadow_css_end__*/, {
32
- "__SColorPickerPopper": "___SColorPickerPopper_821h4_gg_",
33
- "__SItemContainer": "___SItemContainer_821h4_gg_",
34
- "__SCloseIcon": "___SCloseIcon_821h4_gg_",
35
- "_keyboardFocused": "__keyboardFocused_821h4_gg_",
36
- "_selected": "__selected_821h4_gg_",
37
- "__SColorsContainer": "___SColorsContainer_821h4_gg_",
38
- "__SColors": "___SColors_821h4_gg_",
39
- "__SPaletteManager": "___SPaletteManager_821h4_gg_",
40
- "__SInputContainer": "___SInputContainer_821h4_gg_",
41
- "__SDefaultTrigger": "___SDefaultTrigger_821h4_gg_",
42
- "__STriggerCircle": "___STriggerCircle_821h4_gg_",
43
- "--data-value": "--data-value_821h4",
44
- "__STriggerCircleLine": "___STriggerCircleLine_821h4_gg_",
45
- "__SLine": "___SLine_821h4_gg_",
46
- "__SLabel": "___SLabel_821h4_gg_",
47
- "__SItemColor": "___SItemColor_821h4_gg_",
48
- "__SConfirmColor": "___SConfirmColor_821h4_gg_",
49
- "_hidden": "__hidden_821h4_gg_",
50
- "__SClearConfirm": "___SClearConfirm_821h4_gg_",
51
- "--value": "--value_821h4",
52
- "_displayLabel": "__displayLabel_821h4_gg_",
53
- "_value": "__value_821h4_gg_",
54
- "__SPlusButton": "___SPlusButton_821h4_gg_"
31
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1i1dd_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1i1dd_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_1i1dd_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1i1dd_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_1i1dd)}@media (hover:hover){.___SItemContainer_1i1dd_gg_:hover>.___SCloseIcon_1i1dd_gg_{opacity:1}}.___SItemContainer_1i1dd_gg_.__keyboardFocused_1i1dd_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1i1dd_gg_.__selected_1i1dd_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1i1dd_gg_.__displayLabel_1i1dd_gg_::after{background:var(--value_1i1dd);opacity:.15}.___SItemContainer_1i1dd_gg_:not(.__value_1i1dd_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1i1dd_gg_,.___SColors_1i1dd_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1i1dd_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1i1dd_gg_,.___SPaletteManager_1i1dd_gg_,.___SPlusButton_1i1dd_gg_{display:flex;align-items:center}.___SPlusButton_1i1dd_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1i1dd_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1i1dd_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1i1dd_gg_.__keyboardFocused_1i1dd_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1i1dd_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1i1dd);border:1px solid transparent}.___STriggerCircle_1i1dd_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1i1dd_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1i1dd_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_1i1dd_gg_{position:absolute}.___SLabel_1i1dd_gg_{z-index:1;color:var(--data-value_1i1dd);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1i1dd_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1i1dd)}.___SClearConfirm_1i1dd_gg_.__hidden_1i1dd_gg_,.___SConfirmColor_1i1dd_gg_.__hidden_1i1dd_gg_{display:none}" /*__inner_css_end__*/, "1i1dd_gg_") /*__reshadow_css_end__*/, {
32
+ "__SColorPickerPopper": "___SColorPickerPopper_1i1dd_gg_",
33
+ "__SItemContainer": "___SItemContainer_1i1dd_gg_",
34
+ "__SCloseIcon": "___SCloseIcon_1i1dd_gg_",
35
+ "_keyboardFocused": "__keyboardFocused_1i1dd_gg_",
36
+ "_selected": "__selected_1i1dd_gg_",
37
+ "__SColorsContainer": "___SColorsContainer_1i1dd_gg_",
38
+ "__SColors": "___SColors_1i1dd_gg_",
39
+ "__SPaletteManager": "___SPaletteManager_1i1dd_gg_",
40
+ "__SInputContainer": "___SInputContainer_1i1dd_gg_",
41
+ "__SDefaultTrigger": "___SDefaultTrigger_1i1dd_gg_",
42
+ "__STriggerCircle": "___STriggerCircle_1i1dd_gg_",
43
+ "--data-value": "--data-value_1i1dd",
44
+ "__STriggerCircleLine": "___STriggerCircleLine_1i1dd_gg_",
45
+ "__SLine": "___SLine_1i1dd_gg_",
46
+ "__SLabel": "___SLabel_1i1dd_gg_",
47
+ "__SItemColor": "___SItemColor_1i1dd_gg_",
48
+ "__SConfirmColor": "___SConfirmColor_1i1dd_gg_",
49
+ "_hidden": "__hidden_1i1dd_gg_",
50
+ "__SClearConfirm": "___SClearConfirm_1i1dd_gg_",
51
+ "--value": "--value_1i1dd",
52
+ "_displayLabel": "__displayLabel_1i1dd_gg_",
53
+ "_value": "__value_1i1dd_gg_",
54
+ "__SPlusButton": "___SPlusButton_1i1dd_gg_"
55
55
  });
56
56
  var defaultColors = [null, '#2BB3FF', '#8649E1', '#C695FF', '#F67CF2', '#FFA9FA', '#FF8786', '#FF8C43', '#FDC23C', '#66C030', '#9BD85D', '#C7EE96'];
57
57
  exports.defaultColors = defaultColors;
package/color-picker/lib/cjs/PaletteManager.js CHANGED
@@ -19,30 +19,30 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
19
19
  var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
20
20
  var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
21
21
  /*__reshadow-styles__:"./style/color-picker.shadow.css"*/
22
- var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_821h4_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_821h4_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_821h4_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_821h4_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_821h4)}@media (hover:hover){.___SItemContainer_821h4_gg_:hover>.___SCloseIcon_821h4_gg_{opacity:1}}.___SItemContainer_821h4_gg_.__keyboardFocused_821h4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_821h4_gg_.__selected_821h4_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_821h4_gg_.__displayLabel_821h4_gg_::after{background:var(--value_821h4);opacity:.15}.___SItemContainer_821h4_gg_:not(.__value_821h4_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_821h4_gg_,.___SColors_821h4_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_821h4_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_821h4_gg_,.___SPaletteManager_821h4_gg_,.___SPlusButton_821h4_gg_{display:flex;align-items:center}.___SPlusButton_821h4_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_821h4_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_821h4_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_821h4_gg_.__keyboardFocused_821h4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_821h4_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_821h4);border:1px solid transparent}.___STriggerCircle_821h4_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_821h4_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_821h4_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_821h4_gg_{position:absolute}.___SLabel_821h4_gg_{z-index:1;color:var(--data-value_821h4);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_821h4_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_821h4)}.___SClearConfirm_821h4_gg_.__hidden_821h4_gg_,.___SConfirmColor_821h4_gg_.__hidden_821h4_gg_{display:none}" /*__inner_css_end__*/, "821h4_gg_") /*__reshadow_css_end__*/, {
23
- "__SColorPickerPopper": "___SColorPickerPopper_821h4_gg_",
24
- "__SItemContainer": "___SItemContainer_821h4_gg_",
25
- "__SCloseIcon": "___SCloseIcon_821h4_gg_",
26
- "_keyboardFocused": "__keyboardFocused_821h4_gg_",
27
- "_selected": "__selected_821h4_gg_",
28
- "__SColorsContainer": "___SColorsContainer_821h4_gg_",
29
- "__SColors": "___SColors_821h4_gg_",
30
- "__SPaletteManager": "___SPaletteManager_821h4_gg_",
31
- "__SInputContainer": "___SInputContainer_821h4_gg_",
32
- "__SDefaultTrigger": "___SDefaultTrigger_821h4_gg_",
33
- "__STriggerCircle": "___STriggerCircle_821h4_gg_",
34
- "--data-value": "--data-value_821h4",
35
- "__STriggerCircleLine": "___STriggerCircleLine_821h4_gg_",
36
- "__SLine": "___SLine_821h4_gg_",
37
- "__SLabel": "___SLabel_821h4_gg_",
38
- "__SItemColor": "___SItemColor_821h4_gg_",
39
- "__SConfirmColor": "___SConfirmColor_821h4_gg_",
40
- "_hidden": "__hidden_821h4_gg_",
41
- "__SClearConfirm": "___SClearConfirm_821h4_gg_",
42
- "--value": "--value_821h4",
43
- "_displayLabel": "__displayLabel_821h4_gg_",
44
- "_value": "__value_821h4_gg_",
45
- "__SPlusButton": "___SPlusButton_821h4_gg_"
22
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1i1dd_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1i1dd_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_1i1dd_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1i1dd_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_1i1dd)}@media (hover:hover){.___SItemContainer_1i1dd_gg_:hover>.___SCloseIcon_1i1dd_gg_{opacity:1}}.___SItemContainer_1i1dd_gg_.__keyboardFocused_1i1dd_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1i1dd_gg_.__selected_1i1dd_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1i1dd_gg_.__displayLabel_1i1dd_gg_::after{background:var(--value_1i1dd);opacity:.15}.___SItemContainer_1i1dd_gg_:not(.__value_1i1dd_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1i1dd_gg_,.___SColors_1i1dd_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1i1dd_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1i1dd_gg_,.___SPaletteManager_1i1dd_gg_,.___SPlusButton_1i1dd_gg_{display:flex;align-items:center}.___SPlusButton_1i1dd_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1i1dd_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1i1dd_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1i1dd_gg_.__keyboardFocused_1i1dd_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1i1dd_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1i1dd);border:1px solid transparent}.___STriggerCircle_1i1dd_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1i1dd_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1i1dd_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_1i1dd_gg_{position:absolute}.___SLabel_1i1dd_gg_{z-index:1;color:var(--data-value_1i1dd);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1i1dd_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1i1dd)}.___SClearConfirm_1i1dd_gg_.__hidden_1i1dd_gg_,.___SConfirmColor_1i1dd_gg_.__hidden_1i1dd_gg_{display:none}" /*__inner_css_end__*/, "1i1dd_gg_") /*__reshadow_css_end__*/, {
23
+ "__SColorPickerPopper": "___SColorPickerPopper_1i1dd_gg_",
24
+ "__SItemContainer": "___SItemContainer_1i1dd_gg_",
25
+ "__SCloseIcon": "___SCloseIcon_1i1dd_gg_",
26
+ "_keyboardFocused": "__keyboardFocused_1i1dd_gg_",
27
+ "_selected": "__selected_1i1dd_gg_",
28
+ "__SColorsContainer": "___SColorsContainer_1i1dd_gg_",
29
+ "__SColors": "___SColors_1i1dd_gg_",
30
+ "__SPaletteManager": "___SPaletteManager_1i1dd_gg_",
31
+ "__SInputContainer": "___SInputContainer_1i1dd_gg_",
32
+ "__SDefaultTrigger": "___SDefaultTrigger_1i1dd_gg_",
33
+ "__STriggerCircle": "___STriggerCircle_1i1dd_gg_",
34
+ "--data-value": "--data-value_1i1dd",
35
+ "__STriggerCircleLine": "___STriggerCircleLine_1i1dd_gg_",
36
+ "__SLine": "___SLine_1i1dd_gg_",
37
+ "__SLabel": "___SLabel_1i1dd_gg_",
38
+ "__SItemColor": "___SItemColor_1i1dd_gg_",
39
+ "__SConfirmColor": "___SConfirmColor_1i1dd_gg_",
40
+ "_hidden": "__hidden_1i1dd_gg_",
41
+ "__SClearConfirm": "___SClearConfirm_1i1dd_gg_",
42
+ "--value": "--value_1i1dd",
43
+ "_displayLabel": "__displayLabel_1i1dd_gg_",
44
+ "_value": "__value_1i1dd_gg_",
45
+ "__SPlusButton": "___SPlusButton_1i1dd_gg_"
46
46
  });
47
47
  var enhance = [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages), (0, _uniqueID["default"])()];
48
48
  var PaletteManagerRoot = /*#__PURE__*/function (_Component) {
package/color-picker/lib/cjs/components/InputColor.js CHANGED
@@ -21,30 +21,30 @@ 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_821h4_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_821h4_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_821h4_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_821h4_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_821h4)}@media (hover:hover){.___SItemContainer_821h4_gg_:hover>.___SCloseIcon_821h4_gg_{opacity:1}}.___SItemContainer_821h4_gg_.__keyboardFocused_821h4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_821h4_gg_.__selected_821h4_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_821h4_gg_.__displayLabel_821h4_gg_::after{background:var(--value_821h4);opacity:.15}.___SItemContainer_821h4_gg_:not(.__value_821h4_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_821h4_gg_,.___SColors_821h4_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_821h4_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_821h4_gg_,.___SPaletteManager_821h4_gg_,.___SPlusButton_821h4_gg_{display:flex;align-items:center}.___SPlusButton_821h4_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_821h4_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_821h4_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_821h4_gg_.__keyboardFocused_821h4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_821h4_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_821h4);border:1px solid transparent}.___STriggerCircle_821h4_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_821h4_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_821h4_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_821h4_gg_{position:absolute}.___SLabel_821h4_gg_{z-index:1;color:var(--data-value_821h4);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_821h4_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_821h4)}.___SClearConfirm_821h4_gg_.__hidden_821h4_gg_,.___SConfirmColor_821h4_gg_.__hidden_821h4_gg_{display:none}" /*__inner_css_end__*/, "821h4_gg_") /*__reshadow_css_end__*/, {
25
- "__SColorPickerPopper": "___SColorPickerPopper_821h4_gg_",
26
- "__SItemContainer": "___SItemContainer_821h4_gg_",
27
- "__SCloseIcon": "___SCloseIcon_821h4_gg_",
28
- "_keyboardFocused": "__keyboardFocused_821h4_gg_",
29
- "_selected": "__selected_821h4_gg_",
30
- "__SColorsContainer": "___SColorsContainer_821h4_gg_",
31
- "__SColors": "___SColors_821h4_gg_",
32
- "__SPaletteManager": "___SPaletteManager_821h4_gg_",
33
- "__SInputContainer": "___SInputContainer_821h4_gg_",
34
- "__SDefaultTrigger": "___SDefaultTrigger_821h4_gg_",
35
- "__STriggerCircle": "___STriggerCircle_821h4_gg_",
36
- "--data-value": "--data-value_821h4",
37
- "__STriggerCircleLine": "___STriggerCircleLine_821h4_gg_",
38
- "__SLine": "___SLine_821h4_gg_",
39
- "__SLabel": "___SLabel_821h4_gg_",
40
- "__SItemColor": "___SItemColor_821h4_gg_",
41
- "__SConfirmColor": "___SConfirmColor_821h4_gg_",
42
- "_hidden": "__hidden_821h4_gg_",
43
- "__SClearConfirm": "___SClearConfirm_821h4_gg_",
44
- "--value": "--value_821h4",
45
- "_displayLabel": "__displayLabel_821h4_gg_",
46
- "_value": "__value_821h4_gg_",
47
- "__SPlusButton": "___SPlusButton_821h4_gg_"
24
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1i1dd_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1i1dd_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_1i1dd_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1i1dd_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_1i1dd)}@media (hover:hover){.___SItemContainer_1i1dd_gg_:hover>.___SCloseIcon_1i1dd_gg_{opacity:1}}.___SItemContainer_1i1dd_gg_.__keyboardFocused_1i1dd_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1i1dd_gg_.__selected_1i1dd_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1i1dd_gg_.__displayLabel_1i1dd_gg_::after{background:var(--value_1i1dd);opacity:.15}.___SItemContainer_1i1dd_gg_:not(.__value_1i1dd_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1i1dd_gg_,.___SColors_1i1dd_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1i1dd_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1i1dd_gg_,.___SPaletteManager_1i1dd_gg_,.___SPlusButton_1i1dd_gg_{display:flex;align-items:center}.___SPlusButton_1i1dd_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1i1dd_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1i1dd_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1i1dd_gg_.__keyboardFocused_1i1dd_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1i1dd_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1i1dd);border:1px solid transparent}.___STriggerCircle_1i1dd_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1i1dd_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1i1dd_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_1i1dd_gg_{position:absolute}.___SLabel_1i1dd_gg_{z-index:1;color:var(--data-value_1i1dd);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1i1dd_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1i1dd)}.___SClearConfirm_1i1dd_gg_.__hidden_1i1dd_gg_,.___SConfirmColor_1i1dd_gg_.__hidden_1i1dd_gg_{display:none}" /*__inner_css_end__*/, "1i1dd_gg_") /*__reshadow_css_end__*/, {
25
+ "__SColorPickerPopper": "___SColorPickerPopper_1i1dd_gg_",
26
+ "__SItemContainer": "___SItemContainer_1i1dd_gg_",
27
+ "__SCloseIcon": "___SCloseIcon_1i1dd_gg_",
28
+ "_keyboardFocused": "__keyboardFocused_1i1dd_gg_",
29
+ "_selected": "__selected_1i1dd_gg_",
30
+ "__SColorsContainer": "___SColorsContainer_1i1dd_gg_",
31
+ "__SColors": "___SColors_1i1dd_gg_",
32
+ "__SPaletteManager": "___SPaletteManager_1i1dd_gg_",
33
+ "__SInputContainer": "___SInputContainer_1i1dd_gg_",
34
+ "__SDefaultTrigger": "___SDefaultTrigger_1i1dd_gg_",
35
+ "__STriggerCircle": "___STriggerCircle_1i1dd_gg_",
36
+ "--data-value": "--data-value_1i1dd",
37
+ "__STriggerCircleLine": "___STriggerCircleLine_1i1dd_gg_",
38
+ "__SLine": "___SLine_1i1dd_gg_",
39
+ "__SLabel": "___SLabel_1i1dd_gg_",
40
+ "__SItemColor": "___SItemColor_1i1dd_gg_",
41
+ "__SConfirmColor": "___SConfirmColor_1i1dd_gg_",
42
+ "_hidden": "__hidden_1i1dd_gg_",
43
+ "__SClearConfirm": "___SClearConfirm_1i1dd_gg_",
44
+ "--value": "--value_1i1dd",
45
+ "_displayLabel": "__displayLabel_1i1dd_gg_",
46
+ "_value": "__value_1i1dd_gg_",
47
+ "__SPlusButton": "___SPlusButton_1i1dd_gg_"
48
48
  });
49
49
  function isValidHex(hex) {
50
50
  if (hex[0] !== '#' && hex.length === 7) return false;
package/color-picker/lib/cjs/components/Item.js CHANGED
@@ -13,6 +13,10 @@ var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/
13
13
  var _m = _interopRequireDefault(require("intergalactic/icon/Close/m"));
14
14
  var _ScreenReaderOnly = require("intergalactic/utils/lib/ScreenReaderOnly");
15
15
  var _tooltip = require("intergalactic/tooltip");
16
+ var interaction = {
17
+ trigger: [['onMouseEnter', 'onKeyboardFocus', 'onTouchStart', 'onFocus'], ['onMouseLeave', 'onBlur']],
18
+ popper: [['onMouseEnter', 'onFocusCapture', 'onTouchStart'], ['onMouseLeave', 'onBlur']]
19
+ };
16
20
  function Item(props) {
17
21
  var _ref = arguments[0],
18
22
  _ref2;
@@ -37,6 +41,7 @@ function Item(props) {
37
41
  }
38
42
  }, []);
39
43
  return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SItemContainer, _ref2.cn("SItemContainer", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
44
+ "interaction": interaction,
40
45
  "selected": selected,
41
46
  "value": value,
42
47
  "displayLabel": displayLabel,
package/color-picker/lib/cjs/components/Item.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Item.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_keyboardFocusEnhance","_m","_ScreenReaderOnly","_tooltip","Item","props","_ref","arguments[0]","_ref2","_ref3","Children","styles","value","displayLabel","editable","selected","onRemove","getI18nText","uid","SItemContainer","Hint","SLabel","Box","SCloseIcon","SLine","deleteDescriber","concat","handleKeydown","React","useCallback","event","key","sstyled","createElement","cn","_objectSpread2","assignProps","undefined","Fragment","ScreenReaderOnly","enhance","keyboardFocusEnhance"],"sources":["../../../src/components/Item.tsx"],"sourcesContent":["import React from 'react';\nimport { Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport CloseM from '@semcore/icon/Close/m';\nimport { ScreenReaderOnly } from '@semcore/utils/lib/ScreenReaderOnly';\nimport { Hint } from '@semcore/tooltip';\n\ntype ItemAsProps = {\n styles?: React.CSSProperties;\n value?: string;\n displayLabel?: boolean;\n editable?: boolean;\n selected?: boolean;\n onRemove?: React.MouseEventHandler | React.KeyboardEventHandler;\n Children?: React.FC;\n getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n uid: string;\n};\n\nexport function Item(props: ItemAsProps) {\n const { Children, styles, value, displayLabel, editable, selected, onRemove, getI18nText, uid } =\n props as any;\n const SItemContainer = Root;\n const SLabel = Box;\n const SCloseIcon = Box;\n const SLine = 'svg';\n const deleteDescriber = `delete_${value}_${uid}`;\n\n const handleKeydown = React.useCallback((event: React.KeyboardEvent) => {\n if (event.key === 'Backspace') {\n onRemove?.(event);\n }\n }, []);\n\n return sstyled(styles)(\n <SItemContainer\n render={Hint}\n selected={selected}\n value={value}\n displayLabel={displayLabel}\n role='option'\n aria-selected={selected}\n title={value ?? getI18nText('clearColor')}\n aria-describedby={editable ? deleteDescriber : undefined}\n onKeyDown={handleKeydown}\n __excludeProps={['title']}\n timeout={[250, 50]}\n >\n {!value && (\n <SLine\n width='17'\n height='17'\n viewBox='0 0 17 17'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n >\n <rect\n width='1'\n height='22'\n transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 16.4854 0.928925)'\n fill='#e0e1e9'\n />\n </SLine>\n )}\n {displayLabel && <SLabel data-value={value || '#6C6E79'}>A</SLabel>}\n <Children />\n {editable && (\n <>\n <SCloseIcon tabIndex={-1} aria-hidden={true} onClick={onRemove}>\n <CloseM color='icon-primary-neutral' w={10} h={10} />\n </SCloseIcon>\n <ScreenReaderOnly aria-hidden={true} id={deleteDescriber}>\n {getI18nText('deleteColorDescriber')}\n </ScreenReaderOnly>\n </>\n )}\n </SItemContainer>,\n ) as React.ReactElement;\n}\n\nItem.enhance = [keyboardFocusEnhance()];\n"],"mappings":"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"}
1
+ {"version":3,"file":"Item.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_keyboardFocusEnhance","_m","_ScreenReaderOnly","_tooltip","interaction","trigger","popper","Item","props","_ref","arguments[0]","_ref2","_ref3","Children","styles","value","displayLabel","editable","selected","onRemove","getI18nText","uid","SItemContainer","Hint","SLabel","Box","SCloseIcon","SLine","deleteDescriber","concat","handleKeydown","React","useCallback","event","key","sstyled","createElement","cn","_objectSpread2","assignProps","undefined","Fragment","ScreenReaderOnly","enhance","keyboardFocusEnhance"],"sources":["../../../src/components/Item.tsx"],"sourcesContent":["import React from 'react';\nimport { Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport CloseM from '@semcore/icon/Close/m';\nimport { ScreenReaderOnly } from '@semcore/utils/lib/ScreenReaderOnly';\nimport { Hint } from '@semcore/tooltip';\n\ntype ItemAsProps = {\n styles?: React.CSSProperties;\n value?: string;\n displayLabel?: boolean;\n editable?: boolean;\n selected?: boolean;\n onRemove?: React.MouseEventHandler | React.KeyboardEventHandler;\n Children?: React.FC;\n getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n uid: string;\n};\n\nconst interaction = {\n trigger: [\n ['onMouseEnter', 'onKeyboardFocus', 'onTouchStart', 'onFocus'],\n ['onMouseLeave', 'onBlur'],\n ],\n popper: [\n ['onMouseEnter', 'onFocusCapture', 'onTouchStart'],\n ['onMouseLeave', 'onBlur'],\n ],\n};\n\nexport function Item(props: ItemAsProps) {\n const { Children, styles, value, displayLabel, editable, selected, onRemove, getI18nText, uid } =\n props as any;\n const SItemContainer = Root;\n const SLabel = Box;\n const SCloseIcon = Box;\n const SLine = 'svg';\n const deleteDescriber = `delete_${value}_${uid}`;\n\n const handleKeydown = React.useCallback((event: React.KeyboardEvent) => {\n if (event.key === 'Backspace') {\n onRemove?.(event);\n }\n }, []);\n\n return sstyled(styles)(\n <SItemContainer\n render={Hint}\n interaction={interaction}\n selected={selected}\n value={value}\n displayLabel={displayLabel}\n role='option'\n aria-selected={selected}\n title={value ?? getI18nText('clearColor')}\n aria-describedby={editable ? deleteDescriber : undefined}\n onKeyDown={handleKeydown}\n __excludeProps={['title']}\n timeout={[250, 50]}\n >\n {!value && (\n <SLine\n width='17'\n height='17'\n viewBox='0 0 17 17'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n >\n <rect\n width='1'\n height='22'\n transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 16.4854 0.928925)'\n fill='#e0e1e9'\n />\n </SLine>\n )}\n {displayLabel && <SLabel data-value={value || '#6C6E79'}>A</SLabel>}\n <Children />\n {editable && (\n <>\n <SCloseIcon tabIndex={-1} aria-hidden={true} onClick={onRemove}>\n <CloseM color='icon-primary-neutral' w={10} h={10} />\n </SCloseIcon>\n <ScreenReaderOnly aria-hidden={true} id={deleteDescriber}>\n {getI18nText('deleteColorDescriber')}\n </ScreenReaderOnly>\n </>\n )}\n </SItemContainer>,\n ) as React.ReactElement;\n}\n\nItem.enhance = [keyboardFocusEnhance()];\n"],"mappings":"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"}
package/color-picker/lib/es6/ColorPicker.js CHANGED
@@ -21,30 +21,30 @@ 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_821h4_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_821h4_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_821h4_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_821h4_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_821h4)}@media (hover:hover){.___SItemContainer_821h4_gg_:hover>.___SCloseIcon_821h4_gg_{opacity:1}}.___SItemContainer_821h4_gg_.__keyboardFocused_821h4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_821h4_gg_.__selected_821h4_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_821h4_gg_.__displayLabel_821h4_gg_::after{background:var(--value_821h4);opacity:.15}.___SItemContainer_821h4_gg_:not(.__value_821h4_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_821h4_gg_,.___SColors_821h4_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_821h4_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_821h4_gg_,.___SPaletteManager_821h4_gg_,.___SPlusButton_821h4_gg_{display:flex;align-items:center}.___SPlusButton_821h4_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_821h4_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_821h4_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_821h4_gg_.__keyboardFocused_821h4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_821h4_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_821h4);border:1px solid transparent}.___STriggerCircle_821h4_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_821h4_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_821h4_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_821h4_gg_{position:absolute}.___SLabel_821h4_gg_{z-index:1;color:var(--data-value_821h4);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_821h4_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_821h4)}.___SClearConfirm_821h4_gg_.__hidden_821h4_gg_,.___SConfirmColor_821h4_gg_.__hidden_821h4_gg_{display:none}" /*__inner_css_end__*/, "821h4_gg_") /*__reshadow_css_end__*/, {
25
- "__SColorPickerPopper": "___SColorPickerPopper_821h4_gg_",
26
- "__SItemContainer": "___SItemContainer_821h4_gg_",
27
- "__SCloseIcon": "___SCloseIcon_821h4_gg_",
28
- "_keyboardFocused": "__keyboardFocused_821h4_gg_",
29
- "_selected": "__selected_821h4_gg_",
30
- "__SColorsContainer": "___SColorsContainer_821h4_gg_",
31
- "__SColors": "___SColors_821h4_gg_",
32
- "__SPaletteManager": "___SPaletteManager_821h4_gg_",
33
- "__SInputContainer": "___SInputContainer_821h4_gg_",
34
- "__SDefaultTrigger": "___SDefaultTrigger_821h4_gg_",
35
- "__STriggerCircle": "___STriggerCircle_821h4_gg_",
36
- "--data-value": "--data-value_821h4",
37
- "__STriggerCircleLine": "___STriggerCircleLine_821h4_gg_",
38
- "__SLine": "___SLine_821h4_gg_",
39
- "__SLabel": "___SLabel_821h4_gg_",
40
- "__SItemColor": "___SItemColor_821h4_gg_",
41
- "__SConfirmColor": "___SConfirmColor_821h4_gg_",
42
- "_hidden": "__hidden_821h4_gg_",
43
- "__SClearConfirm": "___SClearConfirm_821h4_gg_",
44
- "--value": "--value_821h4",
45
- "_displayLabel": "__displayLabel_821h4_gg_",
46
- "_value": "__value_821h4_gg_",
47
- "__SPlusButton": "___SPlusButton_821h4_gg_"
24
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1i1dd_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1i1dd_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_1i1dd_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1i1dd_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_1i1dd)}@media (hover:hover){.___SItemContainer_1i1dd_gg_:hover>.___SCloseIcon_1i1dd_gg_{opacity:1}}.___SItemContainer_1i1dd_gg_.__keyboardFocused_1i1dd_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1i1dd_gg_.__selected_1i1dd_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1i1dd_gg_.__displayLabel_1i1dd_gg_::after{background:var(--value_1i1dd);opacity:.15}.___SItemContainer_1i1dd_gg_:not(.__value_1i1dd_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1i1dd_gg_,.___SColors_1i1dd_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1i1dd_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1i1dd_gg_,.___SPaletteManager_1i1dd_gg_,.___SPlusButton_1i1dd_gg_{display:flex;align-items:center}.___SPlusButton_1i1dd_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1i1dd_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1i1dd_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1i1dd_gg_.__keyboardFocused_1i1dd_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1i1dd_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1i1dd);border:1px solid transparent}.___STriggerCircle_1i1dd_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1i1dd_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1i1dd_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_1i1dd_gg_{position:absolute}.___SLabel_1i1dd_gg_{z-index:1;color:var(--data-value_1i1dd);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1i1dd_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1i1dd)}.___SClearConfirm_1i1dd_gg_.__hidden_1i1dd_gg_,.___SConfirmColor_1i1dd_gg_.__hidden_1i1dd_gg_{display:none}" /*__inner_css_end__*/, "1i1dd_gg_") /*__reshadow_css_end__*/, {
25
+ "__SColorPickerPopper": "___SColorPickerPopper_1i1dd_gg_",
26
+ "__SItemContainer": "___SItemContainer_1i1dd_gg_",
27
+ "__SCloseIcon": "___SCloseIcon_1i1dd_gg_",
28
+ "_keyboardFocused": "__keyboardFocused_1i1dd_gg_",
29
+ "_selected": "__selected_1i1dd_gg_",
30
+ "__SColorsContainer": "___SColorsContainer_1i1dd_gg_",
31
+ "__SColors": "___SColors_1i1dd_gg_",
32
+ "__SPaletteManager": "___SPaletteManager_1i1dd_gg_",
33
+ "__SInputContainer": "___SInputContainer_1i1dd_gg_",
34
+ "__SDefaultTrigger": "___SDefaultTrigger_1i1dd_gg_",
35
+ "__STriggerCircle": "___STriggerCircle_1i1dd_gg_",
36
+ "--data-value": "--data-value_1i1dd",
37
+ "__STriggerCircleLine": "___STriggerCircleLine_1i1dd_gg_",
38
+ "__SLine": "___SLine_1i1dd_gg_",
39
+ "__SLabel": "___SLabel_1i1dd_gg_",
40
+ "__SItemColor": "___SItemColor_1i1dd_gg_",
41
+ "__SConfirmColor": "___SConfirmColor_1i1dd_gg_",
42
+ "_hidden": "__hidden_1i1dd_gg_",
43
+ "__SClearConfirm": "___SClearConfirm_1i1dd_gg_",
44
+ "--value": "--value_1i1dd",
45
+ "_displayLabel": "__displayLabel_1i1dd_gg_",
46
+ "_value": "__value_1i1dd_gg_",
47
+ "__SPlusButton": "___SPlusButton_1i1dd_gg_"
48
48
  });
49
49
  var defaultColors = [null, '#2BB3FF', '#8649E1', '#C695FF', '#F67CF2', '#FFA9FA', '#FF8786', '#FF8C43', '#FDC23C', '#66C030', '#9BD85D', '#C7EE96'];
50
50
  var ColorPickerRoot = /*#__PURE__*/function (_Component) {
package/color-picker/lib/es6/PaletteManager.js CHANGED
@@ -11,30 +11,30 @@ 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_821h4_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_821h4_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_821h4_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_821h4_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_821h4)}@media (hover:hover){.___SItemContainer_821h4_gg_:hover>.___SCloseIcon_821h4_gg_{opacity:1}}.___SItemContainer_821h4_gg_.__keyboardFocused_821h4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_821h4_gg_.__selected_821h4_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_821h4_gg_.__displayLabel_821h4_gg_::after{background:var(--value_821h4);opacity:.15}.___SItemContainer_821h4_gg_:not(.__value_821h4_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_821h4_gg_,.___SColors_821h4_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_821h4_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_821h4_gg_,.___SPaletteManager_821h4_gg_,.___SPlusButton_821h4_gg_{display:flex;align-items:center}.___SPlusButton_821h4_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_821h4_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_821h4_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_821h4_gg_.__keyboardFocused_821h4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_821h4_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_821h4);border:1px solid transparent}.___STriggerCircle_821h4_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_821h4_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_821h4_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_821h4_gg_{position:absolute}.___SLabel_821h4_gg_{z-index:1;color:var(--data-value_821h4);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_821h4_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_821h4)}.___SClearConfirm_821h4_gg_.__hidden_821h4_gg_,.___SConfirmColor_821h4_gg_.__hidden_821h4_gg_{display:none}" /*__inner_css_end__*/, "821h4_gg_") /*__reshadow_css_end__*/, {
15
- "__SColorPickerPopper": "___SColorPickerPopper_821h4_gg_",
16
- "__SItemContainer": "___SItemContainer_821h4_gg_",
17
- "__SCloseIcon": "___SCloseIcon_821h4_gg_",
18
- "_keyboardFocused": "__keyboardFocused_821h4_gg_",
19
- "_selected": "__selected_821h4_gg_",
20
- "__SColorsContainer": "___SColorsContainer_821h4_gg_",
21
- "__SColors": "___SColors_821h4_gg_",
22
- "__SPaletteManager": "___SPaletteManager_821h4_gg_",
23
- "__SInputContainer": "___SInputContainer_821h4_gg_",
24
- "__SDefaultTrigger": "___SDefaultTrigger_821h4_gg_",
25
- "__STriggerCircle": "___STriggerCircle_821h4_gg_",
26
- "--data-value": "--data-value_821h4",
27
- "__STriggerCircleLine": "___STriggerCircleLine_821h4_gg_",
28
- "__SLine": "___SLine_821h4_gg_",
29
- "__SLabel": "___SLabel_821h4_gg_",
30
- "__SItemColor": "___SItemColor_821h4_gg_",
31
- "__SConfirmColor": "___SConfirmColor_821h4_gg_",
32
- "_hidden": "__hidden_821h4_gg_",
33
- "__SClearConfirm": "___SClearConfirm_821h4_gg_",
34
- "--value": "--value_821h4",
35
- "_displayLabel": "__displayLabel_821h4_gg_",
36
- "_value": "__value_821h4_gg_",
37
- "__SPlusButton": "___SPlusButton_821h4_gg_"
14
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1i1dd_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1i1dd_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_1i1dd_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1i1dd_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_1i1dd)}@media (hover:hover){.___SItemContainer_1i1dd_gg_:hover>.___SCloseIcon_1i1dd_gg_{opacity:1}}.___SItemContainer_1i1dd_gg_.__keyboardFocused_1i1dd_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1i1dd_gg_.__selected_1i1dd_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1i1dd_gg_.__displayLabel_1i1dd_gg_::after{background:var(--value_1i1dd);opacity:.15}.___SItemContainer_1i1dd_gg_:not(.__value_1i1dd_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1i1dd_gg_,.___SColors_1i1dd_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1i1dd_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1i1dd_gg_,.___SPaletteManager_1i1dd_gg_,.___SPlusButton_1i1dd_gg_{display:flex;align-items:center}.___SPlusButton_1i1dd_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1i1dd_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1i1dd_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1i1dd_gg_.__keyboardFocused_1i1dd_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1i1dd_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1i1dd);border:1px solid transparent}.___STriggerCircle_1i1dd_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1i1dd_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1i1dd_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_1i1dd_gg_{position:absolute}.___SLabel_1i1dd_gg_{z-index:1;color:var(--data-value_1i1dd);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1i1dd_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1i1dd)}.___SClearConfirm_1i1dd_gg_.__hidden_1i1dd_gg_,.___SConfirmColor_1i1dd_gg_.__hidden_1i1dd_gg_{display:none}" /*__inner_css_end__*/, "1i1dd_gg_") /*__reshadow_css_end__*/, {
15
+ "__SColorPickerPopper": "___SColorPickerPopper_1i1dd_gg_",
16
+ "__SItemContainer": "___SItemContainer_1i1dd_gg_",
17
+ "__SCloseIcon": "___SCloseIcon_1i1dd_gg_",
18
+ "_keyboardFocused": "__keyboardFocused_1i1dd_gg_",
19
+ "_selected": "__selected_1i1dd_gg_",
20
+ "__SColorsContainer": "___SColorsContainer_1i1dd_gg_",
21
+ "__SColors": "___SColors_1i1dd_gg_",
22
+ "__SPaletteManager": "___SPaletteManager_1i1dd_gg_",
23
+ "__SInputContainer": "___SInputContainer_1i1dd_gg_",
24
+ "__SDefaultTrigger": "___SDefaultTrigger_1i1dd_gg_",
25
+ "__STriggerCircle": "___STriggerCircle_1i1dd_gg_",
26
+ "--data-value": "--data-value_1i1dd",
27
+ "__STriggerCircleLine": "___STriggerCircleLine_1i1dd_gg_",
28
+ "__SLine": "___SLine_1i1dd_gg_",
29
+ "__SLabel": "___SLabel_1i1dd_gg_",
30
+ "__SItemColor": "___SItemColor_1i1dd_gg_",
31
+ "__SConfirmColor": "___SConfirmColor_1i1dd_gg_",
32
+ "_hidden": "__hidden_1i1dd_gg_",
33
+ "__SClearConfirm": "___SClearConfirm_1i1dd_gg_",
34
+ "--value": "--value_1i1dd",
35
+ "_displayLabel": "__displayLabel_1i1dd_gg_",
36
+ "_value": "__value_1i1dd_gg_",
37
+ "__SPlusButton": "___SPlusButton_1i1dd_gg_"
38
38
  });
39
39
  import uniqueIdEnhance from 'intergalactic/utils/lib/uniqueID';
40
40
  var enhance = [i18nEnhance(localizedMessages), uniqueIdEnhance()];
package/color-picker/lib/es6/components/InputColor.js CHANGED
@@ -14,30 +14,30 @@ 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_821h4_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_821h4_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_821h4_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_821h4_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_821h4)}@media (hover:hover){.___SItemContainer_821h4_gg_:hover>.___SCloseIcon_821h4_gg_{opacity:1}}.___SItemContainer_821h4_gg_.__keyboardFocused_821h4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_821h4_gg_.__selected_821h4_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_821h4_gg_.__displayLabel_821h4_gg_::after{background:var(--value_821h4);opacity:.15}.___SItemContainer_821h4_gg_:not(.__value_821h4_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_821h4_gg_,.___SColors_821h4_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_821h4_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_821h4_gg_,.___SPaletteManager_821h4_gg_,.___SPlusButton_821h4_gg_{display:flex;align-items:center}.___SPlusButton_821h4_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_821h4_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_821h4_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_821h4_gg_.__keyboardFocused_821h4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_821h4_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_821h4);border:1px solid transparent}.___STriggerCircle_821h4_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_821h4_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_821h4_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_821h4_gg_{position:absolute}.___SLabel_821h4_gg_{z-index:1;color:var(--data-value_821h4);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_821h4_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_821h4)}.___SClearConfirm_821h4_gg_.__hidden_821h4_gg_,.___SConfirmColor_821h4_gg_.__hidden_821h4_gg_{display:none}" /*__inner_css_end__*/, "821h4_gg_") /*__reshadow_css_end__*/, {
18
- "__SColorPickerPopper": "___SColorPickerPopper_821h4_gg_",
19
- "__SItemContainer": "___SItemContainer_821h4_gg_",
20
- "__SCloseIcon": "___SCloseIcon_821h4_gg_",
21
- "_keyboardFocused": "__keyboardFocused_821h4_gg_",
22
- "_selected": "__selected_821h4_gg_",
23
- "__SColorsContainer": "___SColorsContainer_821h4_gg_",
24
- "__SColors": "___SColors_821h4_gg_",
25
- "__SPaletteManager": "___SPaletteManager_821h4_gg_",
26
- "__SInputContainer": "___SInputContainer_821h4_gg_",
27
- "__SDefaultTrigger": "___SDefaultTrigger_821h4_gg_",
28
- "__STriggerCircle": "___STriggerCircle_821h4_gg_",
29
- "--data-value": "--data-value_821h4",
30
- "__STriggerCircleLine": "___STriggerCircleLine_821h4_gg_",
31
- "__SLine": "___SLine_821h4_gg_",
32
- "__SLabel": "___SLabel_821h4_gg_",
33
- "__SItemColor": "___SItemColor_821h4_gg_",
34
- "__SConfirmColor": "___SConfirmColor_821h4_gg_",
35
- "_hidden": "__hidden_821h4_gg_",
36
- "__SClearConfirm": "___SClearConfirm_821h4_gg_",
37
- "--value": "--value_821h4",
38
- "_displayLabel": "__displayLabel_821h4_gg_",
39
- "_value": "__value_821h4_gg_",
40
- "__SPlusButton": "___SPlusButton_821h4_gg_"
17
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1i1dd_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1i1dd_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_1i1dd_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1i1dd_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_1i1dd)}@media (hover:hover){.___SItemContainer_1i1dd_gg_:hover>.___SCloseIcon_1i1dd_gg_{opacity:1}}.___SItemContainer_1i1dd_gg_.__keyboardFocused_1i1dd_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1i1dd_gg_.__selected_1i1dd_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1i1dd_gg_.__displayLabel_1i1dd_gg_::after{background:var(--value_1i1dd);opacity:.15}.___SItemContainer_1i1dd_gg_:not(.__value_1i1dd_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1i1dd_gg_,.___SColors_1i1dd_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1i1dd_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1i1dd_gg_,.___SPaletteManager_1i1dd_gg_,.___SPlusButton_1i1dd_gg_{display:flex;align-items:center}.___SPlusButton_1i1dd_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1i1dd_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1i1dd_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1i1dd_gg_.__keyboardFocused_1i1dd_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1i1dd_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1i1dd);border:1px solid transparent}.___STriggerCircle_1i1dd_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1i1dd_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1i1dd_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_1i1dd_gg_{position:absolute}.___SLabel_1i1dd_gg_{z-index:1;color:var(--data-value_1i1dd);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1i1dd_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1i1dd)}.___SClearConfirm_1i1dd_gg_.__hidden_1i1dd_gg_,.___SConfirmColor_1i1dd_gg_.__hidden_1i1dd_gg_{display:none}" /*__inner_css_end__*/, "1i1dd_gg_") /*__reshadow_css_end__*/, {
18
+ "__SColorPickerPopper": "___SColorPickerPopper_1i1dd_gg_",
19
+ "__SItemContainer": "___SItemContainer_1i1dd_gg_",
20
+ "__SCloseIcon": "___SCloseIcon_1i1dd_gg_",
21
+ "_keyboardFocused": "__keyboardFocused_1i1dd_gg_",
22
+ "_selected": "__selected_1i1dd_gg_",
23
+ "__SColorsContainer": "___SColorsContainer_1i1dd_gg_",
24
+ "__SColors": "___SColors_1i1dd_gg_",
25
+ "__SPaletteManager": "___SPaletteManager_1i1dd_gg_",
26
+ "__SInputContainer": "___SInputContainer_1i1dd_gg_",
27
+ "__SDefaultTrigger": "___SDefaultTrigger_1i1dd_gg_",
28
+ "__STriggerCircle": "___STriggerCircle_1i1dd_gg_",
29
+ "--data-value": "--data-value_1i1dd",
30
+ "__STriggerCircleLine": "___STriggerCircleLine_1i1dd_gg_",
31
+ "__SLine": "___SLine_1i1dd_gg_",
32
+ "__SLabel": "___SLabel_1i1dd_gg_",
33
+ "__SItemColor": "___SItemColor_1i1dd_gg_",
34
+ "__SConfirmColor": "___SConfirmColor_1i1dd_gg_",
35
+ "_hidden": "__hidden_1i1dd_gg_",
36
+ "__SClearConfirm": "___SClearConfirm_1i1dd_gg_",
37
+ "--value": "--value_1i1dd",
38
+ "_displayLabel": "__displayLabel_1i1dd_gg_",
39
+ "_value": "__value_1i1dd_gg_",
40
+ "__SPlusButton": "___SPlusButton_1i1dd_gg_"
41
41
  });
42
42
  function isValidHex(hex) {
43
43
  if (hex[0] !== '#' && hex.length === 7) return false;
package/color-picker/lib/es6/components/Item.js CHANGED
@@ -7,6 +7,10 @@ import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocus
7
7
  import CloseM from 'intergalactic/icon/Close/m';
8
8
  import { ScreenReaderOnly } from 'intergalactic/utils/lib/ScreenReaderOnly';
9
9
  import { Hint } from 'intergalactic/tooltip';
10
+ var interaction = {
11
+ trigger: [['onMouseEnter', 'onKeyboardFocus', 'onTouchStart', 'onFocus'], ['onMouseLeave', 'onBlur']],
12
+ popper: [['onMouseEnter', 'onFocusCapture', 'onTouchStart'], ['onMouseLeave', 'onBlur']]
13
+ };
10
14
  export function Item(props) {
11
15
  var _ref = arguments[0],
12
16
  _ref2;
@@ -31,6 +35,7 @@ export function Item(props) {
31
35
  }
32
36
  }, []);
33
37
  return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SItemContainer, _ref2.cn("SItemContainer", _objectSpread({}, _assignProps({
38
+ "interaction": interaction,
34
39
  "selected": selected,
35
40
  "value": value,
36
41
  "displayLabel": displayLabel,
package/color-picker/lib/es6/components/Item.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Item.js","names":["React","Root","sstyled","Box","keyboardFocusEnhance","CloseM","ScreenReaderOnly","Hint","Item","props","_ref","arguments[0]","_ref2","_ref3","Children","styles","value","displayLabel","editable","selected","onRemove","getI18nText","uid","SItemContainer","SLabel","SCloseIcon","SLine","deleteDescriber","concat","handleKeydown","useCallback","event","key","createElement","cn","_objectSpread","_assignProps","undefined","Fragment","enhance"],"sources":["../../../src/components/Item.tsx"],"sourcesContent":["import React from 'react';\nimport { Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport CloseM from '@semcore/icon/Close/m';\nimport { ScreenReaderOnly } from '@semcore/utils/lib/ScreenReaderOnly';\nimport { Hint } from '@semcore/tooltip';\n\ntype ItemAsProps = {\n styles?: React.CSSProperties;\n value?: string;\n displayLabel?: boolean;\n editable?: boolean;\n selected?: boolean;\n onRemove?: React.MouseEventHandler | React.KeyboardEventHandler;\n Children?: React.FC;\n getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n uid: string;\n};\n\nexport function Item(props: ItemAsProps) {\n const { Children, styles, value, displayLabel, editable, selected, onRemove, getI18nText, uid } =\n props as any;\n const SItemContainer = Root;\n const SLabel = Box;\n const SCloseIcon = Box;\n const SLine = 'svg';\n const deleteDescriber = `delete_${value}_${uid}`;\n\n const handleKeydown = React.useCallback((event: React.KeyboardEvent) => {\n if (event.key === 'Backspace') {\n onRemove?.(event);\n }\n }, []);\n\n return sstyled(styles)(\n <SItemContainer\n render={Hint}\n selected={selected}\n value={value}\n displayLabel={displayLabel}\n role='option'\n aria-selected={selected}\n title={value ?? getI18nText('clearColor')}\n aria-describedby={editable ? deleteDescriber : undefined}\n onKeyDown={handleKeydown}\n __excludeProps={['title']}\n timeout={[250, 50]}\n >\n {!value && (\n <SLine\n width='17'\n height='17'\n viewBox='0 0 17 17'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n >\n <rect\n width='1'\n height='22'\n transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 16.4854 0.928925)'\n fill='#e0e1e9'\n />\n </SLine>\n )}\n {displayLabel && <SLabel data-value={value || '#6C6E79'}>A</SLabel>}\n <Children />\n {editable && (\n <>\n <SCloseIcon tabIndex={-1} aria-hidden={true} onClick={onRemove}>\n <CloseM color='icon-primary-neutral' w={10} h={10} />\n </SCloseIcon>\n <ScreenReaderOnly aria-hidden={true} id={deleteDescriber}>\n {getI18nText('deleteColorDescriber')}\n </ScreenReaderOnly>\n </>\n )}\n </SItemContainer>,\n ) as React.ReactElement;\n}\n\nItem.enhance = [keyboardFocusEnhance()];\n"],"mappings":"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"}
1
+ {"version":3,"file":"Item.js","names":["React","Root","sstyled","Box","keyboardFocusEnhance","CloseM","ScreenReaderOnly","Hint","interaction","trigger","popper","Item","props","_ref","arguments[0]","_ref2","_ref3","Children","styles","value","displayLabel","editable","selected","onRemove","getI18nText","uid","SItemContainer","SLabel","SCloseIcon","SLine","deleteDescriber","concat","handleKeydown","useCallback","event","key","createElement","cn","_objectSpread","_assignProps","undefined","Fragment","enhance"],"sources":["../../../src/components/Item.tsx"],"sourcesContent":["import React from 'react';\nimport { Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport CloseM from '@semcore/icon/Close/m';\nimport { ScreenReaderOnly } from '@semcore/utils/lib/ScreenReaderOnly';\nimport { Hint } from '@semcore/tooltip';\n\ntype ItemAsProps = {\n styles?: React.CSSProperties;\n value?: string;\n displayLabel?: boolean;\n editable?: boolean;\n selected?: boolean;\n onRemove?: React.MouseEventHandler | React.KeyboardEventHandler;\n Children?: React.FC;\n getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n uid: string;\n};\n\nconst interaction = {\n trigger: [\n ['onMouseEnter', 'onKeyboardFocus', 'onTouchStart', 'onFocus'],\n ['onMouseLeave', 'onBlur'],\n ],\n popper: [\n ['onMouseEnter', 'onFocusCapture', 'onTouchStart'],\n ['onMouseLeave', 'onBlur'],\n ],\n};\n\nexport function Item(props: ItemAsProps) {\n const { Children, styles, value, displayLabel, editable, selected, onRemove, getI18nText, uid } =\n props as any;\n const SItemContainer = Root;\n const SLabel = Box;\n const SCloseIcon = Box;\n const SLine = 'svg';\n const deleteDescriber = `delete_${value}_${uid}`;\n\n const handleKeydown = React.useCallback((event: React.KeyboardEvent) => {\n if (event.key === 'Backspace') {\n onRemove?.(event);\n }\n }, []);\n\n return sstyled(styles)(\n <SItemContainer\n render={Hint}\n interaction={interaction}\n selected={selected}\n value={value}\n displayLabel={displayLabel}\n role='option'\n aria-selected={selected}\n title={value ?? getI18nText('clearColor')}\n aria-describedby={editable ? deleteDescriber : undefined}\n onKeyDown={handleKeydown}\n __excludeProps={['title']}\n timeout={[250, 50]}\n >\n {!value && (\n <SLine\n width='17'\n height='17'\n viewBox='0 0 17 17'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n >\n <rect\n width='1'\n height='22'\n transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 16.4854 0.928925)'\n fill='#e0e1e9'\n />\n </SLine>\n )}\n {displayLabel && <SLabel data-value={value || '#6C6E79'}>A</SLabel>}\n <Children />\n {editable && (\n <>\n <SCloseIcon tabIndex={-1} aria-hidden={true} onClick={onRemove}>\n <CloseM color='icon-primary-neutral' w={10} h={10} />\n </SCloseIcon>\n <ScreenReaderOnly aria-hidden={true} id={deleteDescriber}>\n {getI18nText('deleteColorDescriber')}\n </ScreenReaderOnly>\n </>\n )}\n </SItemContainer>,\n ) as React.ReactElement;\n}\n\nItem.enhance = [keyboardFocusEnhance()];\n"],"mappings":"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"}
package/color-picker/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"intergalactic/color-picker","description":"Semrush ColorPicker Component","version":"2.41.1","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.39.1","@semcore/divider":"4.37.0","@semcore/dropdown":"4.41.0","@semcore/flex-box":"5.38.0","@semcore/tooltip":"6.46.0","@semcore/icon":"4.52.0","@semcore/input":"4.39.0","@semcore/utils":"4.43.0"},"peerDependencies":{"@semcore/core":"^2.17.5","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.41.2","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.39.2","@semcore/divider":"4.37.1","@semcore/dropdown":"4.41.2","@semcore/flex-box":"5.38.1","@semcore/tooltip":"6.46.1","@semcore/icon":"4.52.1","@semcore/input":"4.39.1","@semcore/utils":"4.43.2"},"peerDependencies":{"@semcore/core":"^2.17.5","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"}}