intergalactic 15.43.0-prerelease-7718b840 → 15.43.0-prerelease-f399822f

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 (415) hide show
  1. package/accordion/lib/cjs/Accordion.js +6 -6
  2. package/accordion/lib/cjs/style/accordion.shadow.css +9 -2
  3. package/accordion/lib/es6/Accordion.js +6 -6
  4. package/accordion/lib/es6/style/accordion.shadow.css +9 -2
  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/badge/lib/cjs/Badge.js +6 -6
  18. package/badge/lib/es6/Badge.js +6 -6
  19. package/base-trigger/lib/cjs/BaseTrigger.js +26 -19
  20. package/base-trigger/lib/cjs/BaseTrigger.js.map +1 -1
  21. package/base-trigger/lib/cjs/ButtonTrigger.js +3 -3
  22. package/base-trigger/lib/cjs/FilterTrigger.js +7 -7
  23. package/base-trigger/lib/cjs/LinkTrigger.js +12 -12
  24. package/base-trigger/lib/cjs/style/base-trigger.shadow.css +8 -0
  25. package/base-trigger/lib/es6/BaseTrigger.js +26 -19
  26. package/base-trigger/lib/es6/BaseTrigger.js.map +1 -1
  27. package/base-trigger/lib/es6/ButtonTrigger.js +3 -3
  28. package/base-trigger/lib/es6/FilterTrigger.js +7 -7
  29. package/base-trigger/lib/es6/LinkTrigger.js +12 -12
  30. package/base-trigger/lib/es6/style/base-trigger.shadow.css +8 -0
  31. package/breadcrumbs/lib/cjs/Breadcrumbs.js +6 -6
  32. package/breadcrumbs/lib/es6/Breadcrumbs.js +6 -6
  33. package/button/lib/cjs/Button.js +26 -26
  34. package/button/lib/es6/Button.js +26 -26
  35. package/card/lib/cjs/Card.js +8 -8
  36. package/card/lib/es6/Card.js +8 -8
  37. package/carousel/lib/cjs/Carousel.js +16 -16
  38. package/carousel/lib/es6/Carousel.js +16 -16
  39. package/checkbox/lib/cjs/Checkbox.js +25 -21
  40. package/checkbox/lib/cjs/Checkbox.js.map +1 -1
  41. package/checkbox/lib/es6/Checkbox.js +25 -21
  42. package/checkbox/lib/es6/Checkbox.js.map +1 -1
  43. package/color-picker/index.d.ts +174 -0
  44. package/color-picker/lib/cjs/ColorPicker.js +23 -23
  45. package/color-picker/lib/cjs/PaletteManager.js +23 -23
  46. package/color-picker/lib/cjs/components/InputColor.js +23 -23
  47. package/color-picker/lib/cjs/index.d.js.map +1 -1
  48. package/color-picker/lib/es6/ColorPicker.js +23 -23
  49. package/color-picker/lib/es6/PaletteManager.js +23 -23
  50. package/color-picker/lib/es6/components/InputColor.js +23 -23
  51. package/color-picker/lib/es6/index.d.js.map +1 -1
  52. package/color-picker/lib/types/index.d.ts +174 -0
  53. package/core/lib/cjs/enhancement/Root.js +2 -2
  54. package/core/lib/cjs/enhancement/Root.js.map +1 -1
  55. package/core/lib/cjs/enhancement/hoistProps.js +3 -9
  56. package/core/lib/cjs/enhancement/hoistProps.js.map +1 -1
  57. package/core/lib/cjs/enhancement/i18n.js +1 -1
  58. package/core/lib/cjs/enhancement/i18n.js.map +1 -1
  59. package/core/lib/cjs/enhancement/staticChildren.js +3 -9
  60. package/core/lib/cjs/enhancement/staticChildren.js.map +1 -1
  61. package/core/lib/cjs/enhancement/uncontrolledProps.js +2 -6
  62. package/core/lib/cjs/enhancement/uncontrolledProps.js.map +1 -1
  63. package/core/lib/cjs/index.js +3 -3
  64. package/core/lib/cjs/index.js.map +1 -1
  65. package/core/lib/cjs/utils/assignProps.js +93 -0
  66. package/core/lib/cjs/utils/assignProps.js.map +1 -0
  67. package/core/lib/cjs/utils/canUseDOM.js +10 -0
  68. package/core/lib/cjs/utils/canUseDOM.js.map +1 -0
  69. package/core/lib/cjs/utils/capitalizeFirstLetter.js +10 -0
  70. package/core/lib/cjs/utils/capitalizeFirstLetter.js.map +1 -0
  71. package/core/lib/cjs/utils/createHoc.js +55 -0
  72. package/core/lib/cjs/utils/createHoc.js.map +1 -0
  73. package/core/lib/cjs/utils/enhances/WithI18n.js +85 -0
  74. package/core/lib/cjs/utils/enhances/WithI18n.js.map +1 -0
  75. package/core/lib/cjs/utils/enhances/i18nEnhance.js +133 -0
  76. package/core/lib/cjs/utils/enhances/i18nEnhance.js.map +1 -0
  77. package/core/lib/cjs/utils/getDisplayName.js +10 -0
  78. package/core/lib/cjs/utils/getDisplayName.js.map +1 -0
  79. package/core/lib/cjs/utils/logger.js +40 -0
  80. package/core/lib/cjs/utils/logger.js.map +1 -0
  81. package/core/lib/cjs/utils/pick.js +19 -0
  82. package/core/lib/cjs/utils/pick.js.map +1 -0
  83. package/core/lib/cjs/utils/ref.js +94 -0
  84. package/core/lib/cjs/utils/ref.js.map +1 -0
  85. package/core/lib/cjs/utils/use/useEnhancedEffect.js +13 -0
  86. package/core/lib/cjs/utils/use/useEnhancedEffect.js.map +1 -0
  87. package/core/lib/es6/enhancement/Root.js +2 -4
  88. package/core/lib/es6/enhancement/Root.js.map +1 -1
  89. package/core/lib/es6/enhancement/hoistProps.js +3 -6
  90. package/core/lib/es6/enhancement/hoistProps.js.map +1 -1
  91. package/core/lib/es6/enhancement/i18n.js +1 -2
  92. package/core/lib/es6/enhancement/i18n.js.map +1 -1
  93. package/core/lib/es6/enhancement/staticChildren.js +3 -6
  94. package/core/lib/es6/enhancement/staticChildren.js.map +1 -1
  95. package/core/lib/es6/enhancement/uncontrolledProps.js +2 -4
  96. package/core/lib/es6/enhancement/uncontrolledProps.js.map +1 -1
  97. package/core/lib/es6/index.js +3 -6
  98. package/core/lib/es6/index.js.map +1 -1
  99. package/core/lib/es6/utils/assignProps.js +84 -0
  100. package/core/lib/es6/utils/assignProps.js.map +1 -0
  101. package/core/lib/es6/utils/canUseDOM.js +4 -0
  102. package/core/lib/es6/utils/canUseDOM.js.map +1 -0
  103. package/core/lib/es6/utils/capitalizeFirstLetter.js +4 -0
  104. package/core/lib/es6/utils/capitalizeFirstLetter.js.map +1 -0
  105. package/core/lib/es6/utils/createHoc.js +46 -0
  106. package/core/lib/es6/utils/createHoc.js.map +1 -0
  107. package/core/lib/es6/utils/enhances/WithI18n.js +73 -0
  108. package/core/lib/es6/utils/enhances/WithI18n.js.map +1 -0
  109. package/core/lib/es6/utils/enhances/i18nEnhance.js +122 -0
  110. package/core/lib/es6/utils/enhances/i18nEnhance.js.map +1 -0
  111. package/core/lib/es6/utils/getDisplayName.js +4 -0
  112. package/core/lib/es6/utils/getDisplayName.js.map +1 -0
  113. package/core/lib/es6/utils/logger.js +32 -0
  114. package/core/lib/es6/utils/logger.js.map +1 -0
  115. package/core/lib/es6/utils/pick.js +13 -0
  116. package/core/lib/es6/utils/pick.js.map +1 -0
  117. package/core/lib/es6/utils/ref.js +82 -0
  118. package/core/lib/es6/utils/ref.js.map +1 -0
  119. package/core/lib/es6/utils/use/useEnhancedEffect.js +5 -0
  120. package/core/lib/es6/utils/use/useEnhancedEffect.js.map +1 -0
  121. package/core/lib/types/utils/assignProps.d.ts +13 -0
  122. package/core/lib/types/utils/canUseDOM.d.ts +1 -0
  123. package/core/lib/types/utils/capitalizeFirstLetter.d.ts +1 -0
  124. package/core/lib/types/utils/createHoc.d.ts +3 -0
  125. package/core/lib/types/utils/enhances/WithI18n.d.ts +43 -0
  126. package/core/lib/types/utils/enhances/i18nEnhance.d.ts +26 -0
  127. package/core/lib/types/utils/getDisplayName.d.ts +2 -0
  128. package/core/lib/types/utils/logger.d.ts +9 -0
  129. package/core/lib/types/utils/pick.d.ts +1 -0
  130. package/core/lib/types/utils/ref.d.ts +8 -0
  131. package/core/lib/types/utils/use/useEnhancedEffect.d.ts +3 -0
  132. package/core/utils/assignProps.d.ts +13 -0
  133. package/core/utils/canUseDOM.d.ts +1 -0
  134. package/core/utils/capitalizeFirstLetter.d.ts +1 -0
  135. package/core/utils/createHoc.d.ts +3 -0
  136. package/core/utils/enhances/WithI18n.d.ts +43 -0
  137. package/core/utils/enhances/i18nEnhance.d.ts +26 -0
  138. package/core/utils/getDisplayName.d.ts +2 -0
  139. package/core/utils/logger.d.ts +9 -0
  140. package/core/utils/pick.d.ts +1 -0
  141. package/core/utils/ref.d.ts +8 -0
  142. package/core/utils/use/useEnhancedEffect.d.ts +3 -0
  143. package/counter/lib/cjs/Counter.js +10 -10
  144. package/counter/lib/es6/Counter.js +10 -10
  145. package/d3-chart/lib/cjs/Area.js +9 -9
  146. package/d3-chart/lib/cjs/Axis.js +14 -14
  147. package/d3-chart/lib/cjs/Bar.js +8 -8
  148. package/d3-chart/lib/cjs/Bubble.js +10 -10
  149. package/d3-chart/lib/cjs/Donut.js +7 -7
  150. package/d3-chart/lib/cjs/Dots.js +19 -22
  151. package/d3-chart/lib/cjs/Dots.js.map +1 -1
  152. package/d3-chart/lib/cjs/HorizontalBar.js +8 -8
  153. package/d3-chart/lib/cjs/Hover.js +3 -3
  154. package/d3-chart/lib/cjs/Line.js +9 -9
  155. package/d3-chart/lib/cjs/Plot.js +3 -3
  156. package/d3-chart/lib/cjs/Radar.js +17 -17
  157. package/d3-chart/lib/cjs/RadialTree.js +10 -10
  158. package/d3-chart/lib/cjs/ReferenceLine.js +9 -9
  159. package/d3-chart/lib/cjs/ScatterPlot.js +7 -7
  160. package/d3-chart/lib/cjs/Tooltip.js +8 -8
  161. package/d3-chart/lib/cjs/Venn.js +7 -7
  162. package/d3-chart/lib/cjs/a11y/PlotA11yModule.js +2 -2
  163. package/d3-chart/lib/cjs/a11y/PlotA11yView.js +2 -2
  164. package/d3-chart/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  165. package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +15 -15
  166. package/d3-chart/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
  167. package/d3-chart/lib/es6/Area.js +9 -9
  168. package/d3-chart/lib/es6/Axis.js +14 -14
  169. package/d3-chart/lib/es6/Bar.js +8 -8
  170. package/d3-chart/lib/es6/Bubble.js +10 -10
  171. package/d3-chart/lib/es6/Donut.js +7 -7
  172. package/d3-chart/lib/es6/Dots.js +19 -22
  173. package/d3-chart/lib/es6/Dots.js.map +1 -1
  174. package/d3-chart/lib/es6/HorizontalBar.js +8 -8
  175. package/d3-chart/lib/es6/Hover.js +3 -3
  176. package/d3-chart/lib/es6/Line.js +9 -9
  177. package/d3-chart/lib/es6/Plot.js +3 -3
  178. package/d3-chart/lib/es6/Radar.js +17 -17
  179. package/d3-chart/lib/es6/RadialTree.js +10 -10
  180. package/d3-chart/lib/es6/ReferenceLine.js +9 -9
  181. package/d3-chart/lib/es6/ScatterPlot.js +7 -7
  182. package/d3-chart/lib/es6/Tooltip.js +8 -8
  183. package/d3-chart/lib/es6/Venn.js +7 -7
  184. package/d3-chart/lib/es6/a11y/PlotA11yModule.js +2 -2
  185. package/d3-chart/lib/es6/a11y/PlotA11yView.js +2 -2
  186. package/d3-chart/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  187. package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +15 -15
  188. package/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
  189. package/data-table/lib/cjs/Body.js +4 -4
  190. package/data-table/lib/cjs/DataTable.js +40 -40
  191. package/data-table/lib/cjs/Head.js +4 -4
  192. package/data-table/lib/es6/Body.js +4 -4
  193. package/data-table/lib/es6/DataTable.js +40 -40
  194. package/data-table/lib/es6/Head.js +4 -4
  195. package/date-picker/lib/cjs/DateRangeComparator.js +1 -0
  196. package/date-picker/lib/cjs/DateRangeComparator.js.map +1 -1
  197. package/date-picker/lib/cjs/MonthDateRangeComparator.js +1 -0
  198. package/date-picker/lib/cjs/MonthDateRangeComparator.js.map +1 -1
  199. package/date-picker/lib/cjs/components/Calendar.js +21 -21
  200. package/date-picker/lib/cjs/components/DateRangeComparatorAbstract.js +26 -25
  201. package/date-picker/lib/cjs/components/DateRangeComparatorAbstract.js.map +1 -1
  202. package/date-picker/lib/cjs/components/InputTrigger.js +40 -31
  203. package/date-picker/lib/cjs/components/InputTrigger.js.map +1 -1
  204. package/date-picker/lib/cjs/components/PickerAbstract.js +27 -27
  205. package/date-picker/lib/cjs/components/PickerAbstract.js.map +1 -1
  206. package/date-picker/lib/cjs/components/RangePickerAbstract.js +26 -25
  207. package/date-picker/lib/cjs/components/RangePickerAbstract.js.map +1 -1
  208. package/date-picker/lib/cjs/style/date-picker.shadow.css +4 -0
  209. package/date-picker/lib/es6/DateRangeComparator.js +1 -0
  210. package/date-picker/lib/es6/DateRangeComparator.js.map +1 -1
  211. package/date-picker/lib/es6/MonthDateRangeComparator.js +1 -0
  212. package/date-picker/lib/es6/MonthDateRangeComparator.js.map +1 -1
  213. package/date-picker/lib/es6/components/Calendar.js +21 -21
  214. package/date-picker/lib/es6/components/DateRangeComparatorAbstract.js +26 -25
  215. package/date-picker/lib/es6/components/DateRangeComparatorAbstract.js.map +1 -1
  216. package/date-picker/lib/es6/components/InputTrigger.js +40 -31
  217. package/date-picker/lib/es6/components/InputTrigger.js.map +1 -1
  218. package/date-picker/lib/es6/components/PickerAbstract.js +27 -27
  219. package/date-picker/lib/es6/components/PickerAbstract.js.map +1 -1
  220. package/date-picker/lib/es6/components/RangePickerAbstract.js +26 -25
  221. package/date-picker/lib/es6/components/RangePickerAbstract.js.map +1 -1
  222. package/date-picker/lib/es6/style/date-picker.shadow.css +4 -0
  223. package/divider/lib/cjs/Divider.js +9 -9
  224. package/divider/lib/es6/Divider.js +9 -9
  225. package/dot/lib/cjs/Dot.js +10 -10
  226. package/dot/lib/es6/Dot.js +10 -10
  227. package/drag-and-drop/lib/cjs/DragAndDrop.js +12 -12
  228. package/drag-and-drop/lib/es6/DragAndDrop.js +12 -12
  229. package/dropdown/lib/cjs/Dropdown.js +2 -2
  230. package/dropdown/lib/es6/Dropdown.js +2 -2
  231. package/dropdown-menu/lib/cjs/DropdownMenu.js +12 -12
  232. package/dropdown-menu/lib/cjs/styleScrollArea.js +6 -6
  233. package/dropdown-menu/lib/es6/DropdownMenu.js +12 -12
  234. package/dropdown-menu/lib/es6/styleScrollArea.js +6 -6
  235. package/ellipsis/lib/cjs/Ellipsis.js +10 -10
  236. package/ellipsis/lib/es6/Ellipsis.js +10 -10
  237. package/errors/lib/cjs/Error.js +9 -9
  238. package/errors/lib/es6/Error.js +9 -9
  239. package/feature-popover/lib/cjs/FeaturePopover.js +10 -10
  240. package/feature-popover/lib/es6/FeaturePopover.js +10 -10
  241. package/feedback-form/lib/cjs/FeedbackForm.js +7 -7
  242. package/feedback-form/lib/es6/FeedbackForm.js +7 -7
  243. package/flags/lib/cjs/Flags.js +3 -3
  244. package/flags/lib/es6/Flags.js +3 -3
  245. package/flags/lib/sprites/sprite@1x.css +256 -256
  246. package/flags/lib/sprites/sprite@2x.css +257 -257
  247. package/flex-box/lib/cjs/Box/useBox.js +3 -3
  248. package/flex-box/lib/cjs/Flex/useFlex.js +3 -3
  249. package/flex-box/lib/es6/Box/useBox.js +3 -3
  250. package/flex-box/lib/es6/Flex/useFlex.js +3 -3
  251. package/format-text/lib/cjs/FormatText.js +5 -5
  252. package/format-text/lib/es6/FormatText.js +5 -5
  253. package/fullscreen-modal/lib/cjs/FullscreenModal.js +13 -13
  254. package/fullscreen-modal/lib/es6/FullscreenModal.js +13 -13
  255. package/grid/lib/cjs/Grid.js +114 -114
  256. package/grid/lib/es6/Grid.js +114 -114
  257. package/icon/color/Confluence/l/index.js +4 -4
  258. package/icon/color/Confluence/l/index.mjs +4 -4
  259. package/icon/color/Confluence/m/index.js +4 -4
  260. package/icon/color/Confluence/m/index.mjs +4 -4
  261. package/icon/color/MicrosoftOffice/l/index.js +10 -10
  262. package/icon/color/MicrosoftOffice/l/index.mjs +10 -10
  263. package/icon/color/MicrosoftOffice/m/index.js +10 -10
  264. package/icon/color/MicrosoftOffice/m/index.mjs +10 -10
  265. package/icon/lib/cjs/Icon.js +5 -5
  266. package/icon/lib/es6/Icon.js +5 -5
  267. package/icon/pay/Discover/l/index.js +1 -1
  268. package/icon/pay/Discover/l/index.mjs +1 -1
  269. package/icon/pay/Discover/m/index.js +1 -1
  270. package/icon/pay/Discover/m/index.mjs +1 -1
  271. package/icon/pay/JCB/l/index.js +10 -10
  272. package/icon/pay/JCB/l/index.mjs +10 -10
  273. package/icon/pay/JCB/m/index.js +10 -10
  274. package/icon/pay/JCB/m/index.mjs +10 -10
  275. package/icon/pay/Visa/l/index.js +2 -2
  276. package/icon/pay/Visa/l/index.mjs +2 -2
  277. package/icon/pay/Visa/m/index.js +2 -2
  278. package/icon/pay/Visa/m/index.mjs +2 -2
  279. package/illustration/lib/cjs/index.js +1 -1
  280. package/illustration/lib/es6/index.js +1 -1
  281. package/inline-edit/lib/cjs/InlineEdit.js +4 -4
  282. package/inline-edit/lib/es6/InlineEdit.js +4 -4
  283. package/inline-input/lib/cjs/InlineInput.js +26 -20
  284. package/inline-input/lib/cjs/InlineInput.js.map +1 -1
  285. package/inline-input/lib/cjs/style/inline-input.shadow.css +7 -0
  286. package/inline-input/lib/es6/InlineInput.js +26 -20
  287. package/inline-input/lib/es6/InlineInput.js.map +1 -1
  288. package/inline-input/lib/es6/style/inline-input.shadow.css +7 -0
  289. package/input/lib/cjs/Input.js +21 -19
  290. package/input/lib/cjs/Input.js.map +1 -1
  291. package/input/lib/cjs/style/input.shadow.css +7 -6
  292. package/input/lib/es6/Input.js +21 -19
  293. package/input/lib/es6/Input.js.map +1 -1
  294. package/input/lib/es6/style/input.shadow.css +7 -6
  295. package/input-mask/lib/cjs/InputMask.js +6 -6
  296. package/input-mask/lib/es6/InputMask.js +6 -6
  297. package/input-number/lib/cjs/InputNumber.js +9 -9
  298. package/input-number/lib/es6/InputNumber.js +9 -9
  299. package/input-tags/lib/cjs/InputTags.js +57 -42
  300. package/input-tags/lib/cjs/InputTags.js.map +1 -1
  301. package/input-tags/lib/cjs/style/input-tag.shadow.css +2 -6
  302. package/input-tags/lib/es6/InputTags.js +57 -42
  303. package/input-tags/lib/es6/InputTags.js.map +1 -1
  304. package/input-tags/lib/es6/style/input-tag.shadow.css +2 -6
  305. package/link/lib/cjs/Link.js +12 -12
  306. package/link/lib/es6/Link.js +12 -12
  307. package/modal/lib/cjs/Modal.js +11 -9
  308. package/modal/lib/cjs/Modal.js.map +1 -1
  309. package/modal/lib/es6/Modal.js +11 -9
  310. package/modal/lib/es6/Modal.js.map +1 -1
  311. package/notice/lib/cjs/Notice.js +13 -13
  312. package/notice/lib/es6/Notice.js +13 -13
  313. package/notice-bubble/lib/cjs/NoticeBubble.js +12 -12
  314. package/notice-bubble/lib/es6/NoticeBubble.js +12 -12
  315. package/notice-global/lib/cjs/NoticeGlobal.js +11 -11
  316. package/notice-global/lib/es6/NoticeGlobal.js +11 -11
  317. package/package.json +2 -2
  318. package/pagination/lib/cjs/Pagination.js +10 -10
  319. package/pagination/lib/es6/Pagination.js +10 -10
  320. package/pills/lib/cjs/Pills.js +17 -17
  321. package/pills/lib/es6/Pills.js +17 -17
  322. package/popper/lib/cjs/Popper.js +6 -6
  323. package/popper/lib/es6/Popper.js +6 -6
  324. package/product-head/lib/cjs/Info.js +4 -4
  325. package/product-head/lib/cjs/ProductHead.js +5 -5
  326. package/product-head/lib/cjs/Title.js +4 -4
  327. package/product-head/lib/es6/Info.js +4 -4
  328. package/product-head/lib/es6/ProductHead.js +5 -5
  329. package/product-head/lib/es6/Title.js +4 -4
  330. package/progress-bar/lib/cjs/ProgressBar.js +15 -15
  331. package/progress-bar/lib/es6/ProgressBar.js +15 -15
  332. package/radio/lib/cjs/Radio.js +23 -16
  333. package/radio/lib/cjs/Radio.js.map +1 -1
  334. package/radio/lib/cjs/style/radio.shadow.css +7 -0
  335. package/radio/lib/es6/Radio.js +23 -16
  336. package/radio/lib/es6/Radio.js.map +1 -1
  337. package/radio/lib/es6/style/radio.shadow.css +7 -0
  338. package/scroll-area/lib/cjs/ScrollArea.js +9 -9
  339. package/scroll-area/lib/cjs/ScrollBar.js +5 -5
  340. package/scroll-area/lib/es6/ScrollArea.js +9 -9
  341. package/scroll-area/lib/es6/ScrollBar.js +5 -5
  342. package/select/lib/cjs/InputSearch.js +6 -6
  343. package/select/lib/cjs/Select.js +7 -7
  344. package/select/lib/es6/InputSearch.js +6 -6
  345. package/select/lib/es6/Select.js +7 -7
  346. package/side-panel/lib/cjs/SidePanel.js +15 -15
  347. package/side-panel/lib/es6/SidePanel.js +15 -15
  348. package/skeleton/lib/cjs/Charts/Area.js +9 -9
  349. package/skeleton/lib/cjs/Charts/Bar.js +9 -9
  350. package/skeleton/lib/cjs/Charts/Bubble.js +9 -9
  351. package/skeleton/lib/cjs/Charts/Donut.js +9 -9
  352. package/skeleton/lib/cjs/Charts/Histogram.js +9 -9
  353. package/skeleton/lib/cjs/Charts/Line.js +9 -9
  354. package/skeleton/lib/cjs/Charts/RadialTree.js +9 -9
  355. package/skeleton/lib/cjs/Charts/ScatterPlot.js +9 -9
  356. package/skeleton/lib/cjs/Charts/Venn.js +9 -9
  357. package/skeleton/lib/cjs/Skeleton.js +8 -8
  358. package/skeleton/lib/es6/Charts/Area.js +9 -9
  359. package/skeleton/lib/es6/Charts/Bar.js +9 -9
  360. package/skeleton/lib/es6/Charts/Bubble.js +9 -9
  361. package/skeleton/lib/es6/Charts/Donut.js +9 -9
  362. package/skeleton/lib/es6/Charts/Histogram.js +9 -9
  363. package/skeleton/lib/es6/Charts/Line.js +9 -9
  364. package/skeleton/lib/es6/Charts/RadialTree.js +9 -9
  365. package/skeleton/lib/es6/Charts/ScatterPlot.js +9 -9
  366. package/skeleton/lib/es6/Charts/Venn.js +9 -9
  367. package/skeleton/lib/es6/Skeleton.js +8 -8
  368. package/slider/lib/cjs/Slider.js +7 -7
  369. package/slider/lib/es6/Slider.js +7 -7
  370. package/spin/lib/cjs/Spin.js +13 -13
  371. package/spin/lib/es6/Spin.js +13 -13
  372. package/spin-container/lib/cjs/SpinContainer.js +8 -8
  373. package/spin-container/lib/es6/SpinContainer.js +8 -8
  374. package/sticky/lib/cjs/Sticky.js +2 -2
  375. package/sticky/lib/es6/Sticky.js +2 -2
  376. package/switch/lib/cjs/Switch.js +21 -21
  377. package/switch/lib/es6/Switch.js +21 -21
  378. package/tab-line/lib/cjs/TabLine.js +13 -13
  379. package/tab-line/lib/es6/TabLine.js +13 -13
  380. package/tab-panel/lib/cjs/TabPanel.js +8 -8
  381. package/tab-panel/lib/es6/TabPanel.js +8 -8
  382. package/tag/lib/cjs/Tag.js +19 -19
  383. package/tag/lib/es6/Tag.js +19 -19
  384. package/textarea/lib/cjs/Textarea.js +8 -8
  385. package/textarea/lib/cjs/style/textarea.shadow.css +8 -1
  386. package/textarea/lib/es6/Textarea.js +8 -8
  387. package/textarea/lib/es6/style/textarea.shadow.css +8 -1
  388. package/time-picker/lib/cjs/TimePicker.js +12 -12
  389. package/time-picker/lib/es6/TimePicker.js +12 -12
  390. package/tooltip/index.d.ts +2 -1
  391. package/tooltip/lib/cjs/Tooltip.js +6 -6
  392. package/tooltip/lib/cjs/index.d.js.map +1 -1
  393. package/tooltip/lib/es6/Tooltip.js +6 -6
  394. package/tooltip/lib/es6/index.d.js.map +1 -1
  395. package/tooltip/lib/types/index.d.ts +2 -1
  396. package/typography/lib/cjs/Blockquote.js +4 -4
  397. package/typography/lib/cjs/Hint.js +7 -7
  398. package/typography/lib/cjs/List.js +5 -5
  399. package/typography/lib/cjs/Text.js +34 -34
  400. package/typography/lib/es6/Blockquote.js +4 -4
  401. package/typography/lib/es6/Hint.js +7 -7
  402. package/typography/lib/es6/List.js +5 -5
  403. package/typography/lib/es6/Text.js +34 -34
  404. package/utils/lib/propsForElement.js +1 -2
  405. package/utils/lib/propsForElement.js.map +1 -1
  406. package/utils/lib/propsForElement.mjs +1 -2
  407. package/utils/lib/propsForElement.mjs.map +1 -1
  408. package/utils/lib/use/useFocusLock.js +2 -2
  409. package/utils/lib/use/useFocusLock.js.map +1 -1
  410. package/utils/lib/use/useFocusLock.mjs +2 -2
  411. package/utils/lib/use/useFocusLock.mjs.map +1 -1
  412. package/widget-empty/lib/cjs/WidgetEmpty.js +5 -5
  413. package/widget-empty/lib/es6/WidgetEmpty.js +5 -5
  414. package/wizard/lib/cjs/Wizard.js +11 -11
  415. package/wizard/lib/es6/Wizard.js +11 -11
@@ -6,34 +6,34 @@ import React from 'react';
6
6
  import { createBaseComponent, sstyled } from 'intergalactic/core';
7
7
  import Animation from './Animation';
8
8
  /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
9
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1reys{0%,to{overflow:hidden}}@keyframes collapse-exit_1reys{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1reys{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1reys{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1reys{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1reys{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1reys{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_1reys{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_1reys{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_1reys{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_1reys{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_1reys{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_1reys{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_1reys{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_1reys{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1reys{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1reys{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1reys{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1reys{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1reys{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1reys{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1reys{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1reys{0%{transform:var(--transformStart_1reys)}to{transform:var(--transformEnd_1reys)}}@keyframes transform-exit_1reys{0%{transform:var(--transformEnd_1reys)}to{transform:var(--transformStart_1reys)}}.___SCollapse_1reys_gg_{transition-property:height}" /*__inner_css_end__*/, "1reys_gg_") /*__reshadow_css_end__*/, {
10
- "@collapse-enter": "collapse-enter_1reys",
11
- "@collapse-exit": "collapse-exit_1reys",
12
- "__SCollapse": "___SCollapse_1reys_gg_",
13
- "@fade-in-out-enter": "fade-in-out-enter_1reys",
14
- "@fade-in-out-exit": "fade-in-out-exit_1reys",
15
- "@opacity-in": "opacity-in_1reys",
16
- "@opacity-out": "opacity-out_1reys",
17
- "@scale-left-in": "scale-left-in_1reys",
18
- "@scale-right-in": "scale-right-in_1reys",
19
- "@scale-top-in": "scale-top-in_1reys",
20
- "@scale-bottom-in": "scale-bottom-in_1reys",
21
- "@scale-left-out": "scale-left-out_1reys",
22
- "@scale-right-out": "scale-right-out_1reys",
23
- "@scale-top-out": "scale-top-out_1reys",
24
- "@scale-bottom-out": "scale-bottom-out_1reys",
25
- "@slide-top-in": "slide-top-in_1reys",
26
- "@slide-top-out": "slide-top-out_1reys",
27
- "@slide-bottom-in": "slide-bottom-in_1reys",
28
- "@slide-bottom-out": "slide-bottom-out_1reys",
29
- "@slide-left-in": "slide-left-in_1reys",
30
- "@slide-left-out": "slide-left-out_1reys",
31
- "@slide-right-in": "slide-right-in_1reys",
32
- "@slide-right-out": "slide-right-out_1reys",
33
- "@transform-enter": "transform-enter_1reys",
34
- "--transformStart": "--transformStart_1reys",
35
- "--transformEnd": "--transformEnd_1reys",
36
- "@transform-exit": "transform-exit_1reys"
9
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1dygt{0%,to{overflow:hidden}}@keyframes collapse-exit_1dygt{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1dygt{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1dygt{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1dygt{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1dygt{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1dygt{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_1dygt{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_1dygt{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_1dygt{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_1dygt{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_1dygt{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_1dygt{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_1dygt{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_1dygt{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1dygt{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1dygt{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1dygt{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1dygt{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1dygt{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1dygt{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1dygt{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1dygt{0%{transform:var(--transformStart_1dygt)}to{transform:var(--transformEnd_1dygt)}}@keyframes transform-exit_1dygt{0%{transform:var(--transformEnd_1dygt)}to{transform:var(--transformStart_1dygt)}}.___SCollapse_1dygt_gg_{transition-property:height}" /*__inner_css_end__*/, "1dygt_gg_") /*__reshadow_css_end__*/, {
10
+ "@collapse-enter": "collapse-enter_1dygt",
11
+ "@collapse-exit": "collapse-exit_1dygt",
12
+ "__SCollapse": "___SCollapse_1dygt_gg_",
13
+ "@fade-in-out-enter": "fade-in-out-enter_1dygt",
14
+ "@fade-in-out-exit": "fade-in-out-exit_1dygt",
15
+ "@opacity-in": "opacity-in_1dygt",
16
+ "@opacity-out": "opacity-out_1dygt",
17
+ "@scale-left-in": "scale-left-in_1dygt",
18
+ "@scale-right-in": "scale-right-in_1dygt",
19
+ "@scale-top-in": "scale-top-in_1dygt",
20
+ "@scale-bottom-in": "scale-bottom-in_1dygt",
21
+ "@scale-left-out": "scale-left-out_1dygt",
22
+ "@scale-right-out": "scale-right-out_1dygt",
23
+ "@scale-top-out": "scale-top-out_1dygt",
24
+ "@scale-bottom-out": "scale-bottom-out_1dygt",
25
+ "@slide-top-in": "slide-top-in_1dygt",
26
+ "@slide-top-out": "slide-top-out_1dygt",
27
+ "@slide-bottom-in": "slide-bottom-in_1dygt",
28
+ "@slide-bottom-out": "slide-bottom-out_1dygt",
29
+ "@slide-left-in": "slide-left-in_1dygt",
30
+ "@slide-left-out": "slide-left-out_1dygt",
31
+ "@slide-right-in": "slide-right-in_1dygt",
32
+ "@slide-right-out": "slide-right-out_1dygt",
33
+ "@transform-enter": "transform-enter_1dygt",
34
+ "--transformStart": "--transformStart_1dygt",
35
+ "--transformEnd": "--transformEnd_1dygt",
36
+ "@transform-exit": "transform-exit_1dygt"
37
37
  });
38
38
  import { useForkRef } from 'intergalactic/utils/lib/ref';
39
39
  import useEnhancedEffect from 'intergalactic/utils/lib/use/useEnhancedEffect';
@@ -4,34 +4,34 @@ import React from 'react';
4
4
  import { createBaseComponent, sstyled } from 'intergalactic/core';
5
5
  import Animation from './Animation';
6
6
  /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
7
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1reys{0%,to{overflow:hidden}}@keyframes collapse-exit_1reys{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1reys{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1reys{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1reys{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1reys{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1reys{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_1reys{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_1reys{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_1reys{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_1reys{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_1reys{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_1reys{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_1reys{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_1reys{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1reys{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1reys{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1reys{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1reys{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1reys{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1reys{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1reys{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1reys{0%{transform:var(--transformStart_1reys)}to{transform:var(--transformEnd_1reys)}}@keyframes transform-exit_1reys{0%{transform:var(--transformEnd_1reys)}to{transform:var(--transformStart_1reys)}}.___SCollapse_1reys_gg_{transition-property:height}" /*__inner_css_end__*/, "1reys_gg_") /*__reshadow_css_end__*/, {
8
- "@collapse-enter": "collapse-enter_1reys",
9
- "@collapse-exit": "collapse-exit_1reys",
10
- "__SCollapse": "___SCollapse_1reys_gg_",
11
- "@fade-in-out-enter": "fade-in-out-enter_1reys",
12
- "@fade-in-out-exit": "fade-in-out-exit_1reys",
13
- "@opacity-in": "opacity-in_1reys",
14
- "@opacity-out": "opacity-out_1reys",
15
- "@scale-left-in": "scale-left-in_1reys",
16
- "@scale-right-in": "scale-right-in_1reys",
17
- "@scale-top-in": "scale-top-in_1reys",
18
- "@scale-bottom-in": "scale-bottom-in_1reys",
19
- "@scale-left-out": "scale-left-out_1reys",
20
- "@scale-right-out": "scale-right-out_1reys",
21
- "@scale-top-out": "scale-top-out_1reys",
22
- "@scale-bottom-out": "scale-bottom-out_1reys",
23
- "@slide-top-in": "slide-top-in_1reys",
24
- "@slide-top-out": "slide-top-out_1reys",
25
- "@slide-bottom-in": "slide-bottom-in_1reys",
26
- "@slide-bottom-out": "slide-bottom-out_1reys",
27
- "@slide-left-in": "slide-left-in_1reys",
28
- "@slide-left-out": "slide-left-out_1reys",
29
- "@slide-right-in": "slide-right-in_1reys",
30
- "@slide-right-out": "slide-right-out_1reys",
31
- "@transform-enter": "transform-enter_1reys",
32
- "--transformStart": "--transformStart_1reys",
33
- "--transformEnd": "--transformEnd_1reys",
34
- "@transform-exit": "transform-exit_1reys"
7
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1dygt{0%,to{overflow:hidden}}@keyframes collapse-exit_1dygt{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1dygt{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1dygt{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1dygt{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1dygt{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1dygt{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_1dygt{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_1dygt{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_1dygt{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_1dygt{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_1dygt{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_1dygt{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_1dygt{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_1dygt{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1dygt{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1dygt{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1dygt{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1dygt{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1dygt{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1dygt{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1dygt{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1dygt{0%{transform:var(--transformStart_1dygt)}to{transform:var(--transformEnd_1dygt)}}@keyframes transform-exit_1dygt{0%{transform:var(--transformEnd_1dygt)}to{transform:var(--transformStart_1dygt)}}.___SCollapse_1dygt_gg_{transition-property:height}" /*__inner_css_end__*/, "1dygt_gg_") /*__reshadow_css_end__*/, {
8
+ "@collapse-enter": "collapse-enter_1dygt",
9
+ "@collapse-exit": "collapse-exit_1dygt",
10
+ "__SCollapse": "___SCollapse_1dygt_gg_",
11
+ "@fade-in-out-enter": "fade-in-out-enter_1dygt",
12
+ "@fade-in-out-exit": "fade-in-out-exit_1dygt",
13
+ "@opacity-in": "opacity-in_1dygt",
14
+ "@opacity-out": "opacity-out_1dygt",
15
+ "@scale-left-in": "scale-left-in_1dygt",
16
+ "@scale-right-in": "scale-right-in_1dygt",
17
+ "@scale-top-in": "scale-top-in_1dygt",
18
+ "@scale-bottom-in": "scale-bottom-in_1dygt",
19
+ "@scale-left-out": "scale-left-out_1dygt",
20
+ "@scale-right-out": "scale-right-out_1dygt",
21
+ "@scale-top-out": "scale-top-out_1dygt",
22
+ "@scale-bottom-out": "scale-bottom-out_1dygt",
23
+ "@slide-top-in": "slide-top-in_1dygt",
24
+ "@slide-top-out": "slide-top-out_1dygt",
25
+ "@slide-bottom-in": "slide-bottom-in_1dygt",
26
+ "@slide-bottom-out": "slide-bottom-out_1dygt",
27
+ "@slide-left-in": "slide-left-in_1dygt",
28
+ "@slide-left-out": "slide-left-out_1dygt",
29
+ "@slide-right-in": "slide-right-in_1dygt",
30
+ "@slide-right-out": "slide-right-out_1dygt",
31
+ "@transform-enter": "transform-enter_1dygt",
32
+ "--transformStart": "--transformStart_1dygt",
33
+ "--transformEnd": "--transformEnd_1dygt",
34
+ "@transform-exit": "transform-exit_1dygt"
35
35
  });
36
36
  function FadeInOut(props, ref) {
37
37
  var _ref;
@@ -5,34 +5,34 @@ import React from 'react';
5
5
  import { createBaseComponent, sstyled } from 'intergalactic/core';
6
6
  import Animation from './Animation';
7
7
  /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
8
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1reys{0%,to{overflow:hidden}}@keyframes collapse-exit_1reys{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1reys{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1reys{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1reys{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1reys{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1reys{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_1reys{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_1reys{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_1reys{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_1reys{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_1reys{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_1reys{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_1reys{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_1reys{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1reys{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1reys{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1reys{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1reys{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1reys{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1reys{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1reys{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1reys{0%{transform:var(--transformStart_1reys)}to{transform:var(--transformEnd_1reys)}}@keyframes transform-exit_1reys{0%{transform:var(--transformEnd_1reys)}to{transform:var(--transformStart_1reys)}}.___SCollapse_1reys_gg_{transition-property:height}" /*__inner_css_end__*/, "1reys_gg_") /*__reshadow_css_end__*/, {
9
- "@collapse-enter": "collapse-enter_1reys",
10
- "@collapse-exit": "collapse-exit_1reys",
11
- "__SCollapse": "___SCollapse_1reys_gg_",
12
- "@fade-in-out-enter": "fade-in-out-enter_1reys",
13
- "@fade-in-out-exit": "fade-in-out-exit_1reys",
14
- "@opacity-in": "opacity-in_1reys",
15
- "@opacity-out": "opacity-out_1reys",
16
- "@scale-left-in": "scale-left-in_1reys",
17
- "@scale-right-in": "scale-right-in_1reys",
18
- "@scale-top-in": "scale-top-in_1reys",
19
- "@scale-bottom-in": "scale-bottom-in_1reys",
20
- "@scale-left-out": "scale-left-out_1reys",
21
- "@scale-right-out": "scale-right-out_1reys",
22
- "@scale-top-out": "scale-top-out_1reys",
23
- "@scale-bottom-out": "scale-bottom-out_1reys",
24
- "@slide-top-in": "slide-top-in_1reys",
25
- "@slide-top-out": "slide-top-out_1reys",
26
- "@slide-bottom-in": "slide-bottom-in_1reys",
27
- "@slide-bottom-out": "slide-bottom-out_1reys",
28
- "@slide-left-in": "slide-left-in_1reys",
29
- "@slide-left-out": "slide-left-out_1reys",
30
- "@slide-right-in": "slide-right-in_1reys",
31
- "@slide-right-out": "slide-right-out_1reys",
32
- "@transform-enter": "transform-enter_1reys",
33
- "--transformStart": "--transformStart_1reys",
34
- "--transformEnd": "--transformEnd_1reys",
35
- "@transform-exit": "transform-exit_1reys"
8
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1dygt{0%,to{overflow:hidden}}@keyframes collapse-exit_1dygt{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1dygt{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1dygt{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1dygt{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1dygt{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1dygt{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_1dygt{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_1dygt{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_1dygt{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_1dygt{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_1dygt{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_1dygt{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_1dygt{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_1dygt{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1dygt{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1dygt{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1dygt{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1dygt{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1dygt{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1dygt{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1dygt{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1dygt{0%{transform:var(--transformStart_1dygt)}to{transform:var(--transformEnd_1dygt)}}@keyframes transform-exit_1dygt{0%{transform:var(--transformEnd_1dygt)}to{transform:var(--transformStart_1dygt)}}.___SCollapse_1dygt_gg_{transition-property:height}" /*__inner_css_end__*/, "1dygt_gg_") /*__reshadow_css_end__*/, {
9
+ "@collapse-enter": "collapse-enter_1dygt",
10
+ "@collapse-exit": "collapse-exit_1dygt",
11
+ "__SCollapse": "___SCollapse_1dygt_gg_",
12
+ "@fade-in-out-enter": "fade-in-out-enter_1dygt",
13
+ "@fade-in-out-exit": "fade-in-out-exit_1dygt",
14
+ "@opacity-in": "opacity-in_1dygt",
15
+ "@opacity-out": "opacity-out_1dygt",
16
+ "@scale-left-in": "scale-left-in_1dygt",
17
+ "@scale-right-in": "scale-right-in_1dygt",
18
+ "@scale-top-in": "scale-top-in_1dygt",
19
+ "@scale-bottom-in": "scale-bottom-in_1dygt",
20
+ "@scale-left-out": "scale-left-out_1dygt",
21
+ "@scale-right-out": "scale-right-out_1dygt",
22
+ "@scale-top-out": "scale-top-out_1dygt",
23
+ "@scale-bottom-out": "scale-bottom-out_1dygt",
24
+ "@slide-top-in": "slide-top-in_1dygt",
25
+ "@slide-top-out": "slide-top-out_1dygt",
26
+ "@slide-bottom-in": "slide-bottom-in_1dygt",
27
+ "@slide-bottom-out": "slide-bottom-out_1dygt",
28
+ "@slide-left-in": "slide-left-in_1dygt",
29
+ "@slide-left-out": "slide-left-out_1dygt",
30
+ "@slide-right-in": "slide-right-in_1dygt",
31
+ "@slide-right-out": "slide-right-out_1dygt",
32
+ "@transform-enter": "transform-enter_1dygt",
33
+ "--transformStart": "--transformStart_1dygt",
34
+ "--transformEnd": "--transformEnd_1dygt",
35
+ "@transform-exit": "transform-exit_1dygt"
36
36
  });
37
37
  import { useForkRef } from 'intergalactic/utils/lib/ref';
38
38
  function Scale(props, ref) {
@@ -4,34 +4,34 @@ import React from 'react';
4
4
  import { createBaseComponent, sstyled } from 'intergalactic/core';
5
5
  import Animation from './Animation';
6
6
  /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
7
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1reys{0%,to{overflow:hidden}}@keyframes collapse-exit_1reys{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1reys{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1reys{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1reys{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1reys{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1reys{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_1reys{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_1reys{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_1reys{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_1reys{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_1reys{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_1reys{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_1reys{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_1reys{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1reys{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1reys{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1reys{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1reys{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1reys{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1reys{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1reys{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1reys{0%{transform:var(--transformStart_1reys)}to{transform:var(--transformEnd_1reys)}}@keyframes transform-exit_1reys{0%{transform:var(--transformEnd_1reys)}to{transform:var(--transformStart_1reys)}}.___SCollapse_1reys_gg_{transition-property:height}" /*__inner_css_end__*/, "1reys_gg_") /*__reshadow_css_end__*/, {
8
- "@collapse-enter": "collapse-enter_1reys",
9
- "@collapse-exit": "collapse-exit_1reys",
10
- "__SCollapse": "___SCollapse_1reys_gg_",
11
- "@fade-in-out-enter": "fade-in-out-enter_1reys",
12
- "@fade-in-out-exit": "fade-in-out-exit_1reys",
13
- "@opacity-in": "opacity-in_1reys",
14
- "@opacity-out": "opacity-out_1reys",
15
- "@scale-left-in": "scale-left-in_1reys",
16
- "@scale-right-in": "scale-right-in_1reys",
17
- "@scale-top-in": "scale-top-in_1reys",
18
- "@scale-bottom-in": "scale-bottom-in_1reys",
19
- "@scale-left-out": "scale-left-out_1reys",
20
- "@scale-right-out": "scale-right-out_1reys",
21
- "@scale-top-out": "scale-top-out_1reys",
22
- "@scale-bottom-out": "scale-bottom-out_1reys",
23
- "@slide-top-in": "slide-top-in_1reys",
24
- "@slide-top-out": "slide-top-out_1reys",
25
- "@slide-bottom-in": "slide-bottom-in_1reys",
26
- "@slide-bottom-out": "slide-bottom-out_1reys",
27
- "@slide-left-in": "slide-left-in_1reys",
28
- "@slide-left-out": "slide-left-out_1reys",
29
- "@slide-right-in": "slide-right-in_1reys",
30
- "@slide-right-out": "slide-right-out_1reys",
31
- "@transform-enter": "transform-enter_1reys",
32
- "--transformStart": "--transformStart_1reys",
33
- "--transformEnd": "--transformEnd_1reys",
34
- "@transform-exit": "transform-exit_1reys"
7
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1dygt{0%,to{overflow:hidden}}@keyframes collapse-exit_1dygt{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1dygt{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1dygt{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1dygt{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1dygt{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1dygt{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_1dygt{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_1dygt{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_1dygt{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_1dygt{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_1dygt{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_1dygt{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_1dygt{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_1dygt{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1dygt{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1dygt{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1dygt{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1dygt{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1dygt{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1dygt{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1dygt{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1dygt{0%{transform:var(--transformStart_1dygt)}to{transform:var(--transformEnd_1dygt)}}@keyframes transform-exit_1dygt{0%{transform:var(--transformEnd_1dygt)}to{transform:var(--transformStart_1dygt)}}.___SCollapse_1dygt_gg_{transition-property:height}" /*__inner_css_end__*/, "1dygt_gg_") /*__reshadow_css_end__*/, {
8
+ "@collapse-enter": "collapse-enter_1dygt",
9
+ "@collapse-exit": "collapse-exit_1dygt",
10
+ "__SCollapse": "___SCollapse_1dygt_gg_",
11
+ "@fade-in-out-enter": "fade-in-out-enter_1dygt",
12
+ "@fade-in-out-exit": "fade-in-out-exit_1dygt",
13
+ "@opacity-in": "opacity-in_1dygt",
14
+ "@opacity-out": "opacity-out_1dygt",
15
+ "@scale-left-in": "scale-left-in_1dygt",
16
+ "@scale-right-in": "scale-right-in_1dygt",
17
+ "@scale-top-in": "scale-top-in_1dygt",
18
+ "@scale-bottom-in": "scale-bottom-in_1dygt",
19
+ "@scale-left-out": "scale-left-out_1dygt",
20
+ "@scale-right-out": "scale-right-out_1dygt",
21
+ "@scale-top-out": "scale-top-out_1dygt",
22
+ "@scale-bottom-out": "scale-bottom-out_1dygt",
23
+ "@slide-top-in": "slide-top-in_1dygt",
24
+ "@slide-top-out": "slide-top-out_1dygt",
25
+ "@slide-bottom-in": "slide-bottom-in_1dygt",
26
+ "@slide-bottom-out": "slide-bottom-out_1dygt",
27
+ "@slide-left-in": "slide-left-in_1dygt",
28
+ "@slide-left-out": "slide-left-out_1dygt",
29
+ "@slide-right-in": "slide-right-in_1dygt",
30
+ "@slide-right-out": "slide-right-out_1dygt",
31
+ "@transform-enter": "transform-enter_1dygt",
32
+ "--transformStart": "--transformStart_1dygt",
33
+ "--transformEnd": "--transformEnd_1dygt",
34
+ "@transform-exit": "transform-exit_1dygt"
35
35
  });
36
36
  function Slide(props, ref) {
37
37
  var _ref;
@@ -6,34 +6,34 @@ import React from 'react';
6
6
  import { createBaseComponent, sstyled } from 'intergalactic/core';
7
7
  import Animation from './Animation';
8
8
  /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
9
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1reys{0%,to{overflow:hidden}}@keyframes collapse-exit_1reys{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1reys{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1reys{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1reys{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1reys{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1reys{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_1reys{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_1reys{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_1reys{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_1reys{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_1reys{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_1reys{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_1reys{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_1reys{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1reys{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1reys{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1reys{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1reys{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1reys{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1reys{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1reys{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1reys{0%{transform:var(--transformStart_1reys)}to{transform:var(--transformEnd_1reys)}}@keyframes transform-exit_1reys{0%{transform:var(--transformEnd_1reys)}to{transform:var(--transformStart_1reys)}}.___SCollapse_1reys_gg_{transition-property:height}" /*__inner_css_end__*/, "1reys_gg_") /*__reshadow_css_end__*/, {
10
- "@collapse-enter": "collapse-enter_1reys",
11
- "@collapse-exit": "collapse-exit_1reys",
12
- "__SCollapse": "___SCollapse_1reys_gg_",
13
- "@fade-in-out-enter": "fade-in-out-enter_1reys",
14
- "@fade-in-out-exit": "fade-in-out-exit_1reys",
15
- "@opacity-in": "opacity-in_1reys",
16
- "@opacity-out": "opacity-out_1reys",
17
- "@scale-left-in": "scale-left-in_1reys",
18
- "@scale-right-in": "scale-right-in_1reys",
19
- "@scale-top-in": "scale-top-in_1reys",
20
- "@scale-bottom-in": "scale-bottom-in_1reys",
21
- "@scale-left-out": "scale-left-out_1reys",
22
- "@scale-right-out": "scale-right-out_1reys",
23
- "@scale-top-out": "scale-top-out_1reys",
24
- "@scale-bottom-out": "scale-bottom-out_1reys",
25
- "@slide-top-in": "slide-top-in_1reys",
26
- "@slide-top-out": "slide-top-out_1reys",
27
- "@slide-bottom-in": "slide-bottom-in_1reys",
28
- "@slide-bottom-out": "slide-bottom-out_1reys",
29
- "@slide-left-in": "slide-left-in_1reys",
30
- "@slide-left-out": "slide-left-out_1reys",
31
- "@slide-right-in": "slide-right-in_1reys",
32
- "@slide-right-out": "slide-right-out_1reys",
33
- "@transform-enter": "transform-enter_1reys",
34
- "--transformStart": "--transformStart_1reys",
35
- "--transformEnd": "--transformEnd_1reys",
36
- "@transform-exit": "transform-exit_1reys"
9
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1dygt{0%,to{overflow:hidden}}@keyframes collapse-exit_1dygt{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1dygt{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1dygt{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1dygt{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1dygt{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1dygt{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_1dygt{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_1dygt{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_1dygt{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_1dygt{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_1dygt{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_1dygt{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_1dygt{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_1dygt{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1dygt{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1dygt{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1dygt{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1dygt{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1dygt{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1dygt{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1dygt{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1dygt{0%{transform:var(--transformStart_1dygt)}to{transform:var(--transformEnd_1dygt)}}@keyframes transform-exit_1dygt{0%{transform:var(--transformEnd_1dygt)}to{transform:var(--transformStart_1dygt)}}.___SCollapse_1dygt_gg_{transition-property:height}" /*__inner_css_end__*/, "1dygt_gg_") /*__reshadow_css_end__*/, {
10
+ "@collapse-enter": "collapse-enter_1dygt",
11
+ "@collapse-exit": "collapse-exit_1dygt",
12
+ "__SCollapse": "___SCollapse_1dygt_gg_",
13
+ "@fade-in-out-enter": "fade-in-out-enter_1dygt",
14
+ "@fade-in-out-exit": "fade-in-out-exit_1dygt",
15
+ "@opacity-in": "opacity-in_1dygt",
16
+ "@opacity-out": "opacity-out_1dygt",
17
+ "@scale-left-in": "scale-left-in_1dygt",
18
+ "@scale-right-in": "scale-right-in_1dygt",
19
+ "@scale-top-in": "scale-top-in_1dygt",
20
+ "@scale-bottom-in": "scale-bottom-in_1dygt",
21
+ "@scale-left-out": "scale-left-out_1dygt",
22
+ "@scale-right-out": "scale-right-out_1dygt",
23
+ "@scale-top-out": "scale-top-out_1dygt",
24
+ "@scale-bottom-out": "scale-bottom-out_1dygt",
25
+ "@slide-top-in": "slide-top-in_1dygt",
26
+ "@slide-top-out": "slide-top-out_1dygt",
27
+ "@slide-bottom-in": "slide-bottom-in_1dygt",
28
+ "@slide-bottom-out": "slide-bottom-out_1dygt",
29
+ "@slide-left-in": "slide-left-in_1dygt",
30
+ "@slide-left-out": "slide-left-out_1dygt",
31
+ "@slide-right-in": "slide-right-in_1dygt",
32
+ "@slide-right-out": "slide-right-out_1dygt",
33
+ "@transform-enter": "transform-enter_1dygt",
34
+ "--transformStart": "--transformStart_1dygt",
35
+ "--transformEnd": "--transformEnd_1dygt",
36
+ "@transform-exit": "transform-exit_1dygt"
37
37
  });
38
38
  function Transform(props, ref) {
39
39
  var _ref;
@@ -17,12 +17,12 @@ var _react = _interopRequireDefault(require("react"));
17
17
  var _flexBox = require("intergalactic/flex-box");
18
18
  var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
19
19
  /*__reshadow-styles__:"./style/badge.shadow.css"*/
20
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBadge_1xdmv_gg_{display:inline-block;box-sizing:border-box;height:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-fs-200, 14px);padding:0 var(--intergalactic-spacing-1x, 4px);border-radius:var(--intergalactic-badge-rounded, 6px);white-space:nowrap;font-size:var(--intergalactic-fs-50, 10px);font-weight:var(--intergalactic-medium, 500);letter-spacing:.3px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.___SBadge_1xdmv_gg_.__bg_1xdmv_gg_{background-color:var(--bg_1xdmv)}.___SBadge_1xdmv_gg_.__color_1xdmv_gg_{color:var(--color_1xdmv)}" /*__inner_css_end__*/, "1xdmv_gg_") /*__reshadow_css_end__*/, {
21
- "__SBadge": "___SBadge_1xdmv_gg_",
22
- "_bg": "__bg_1xdmv_gg_",
23
- "--bg": "--bg_1xdmv",
24
- "_color": "__color_1xdmv_gg_",
25
- "--color": "--color_1xdmv"
20
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBadge_u4dwz_gg_{display:inline-block;box-sizing:border-box;height:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-fs-200, 14px);padding:0 var(--intergalactic-spacing-1x, 4px);border-radius:var(--intergalactic-badge-rounded, 6px);white-space:nowrap;font-size:var(--intergalactic-fs-50, 10px);font-weight:var(--intergalactic-medium, 500);letter-spacing:.3px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.___SBadge_u4dwz_gg_.__bg_u4dwz_gg_{background-color:var(--bg_u4dwz)}.___SBadge_u4dwz_gg_.__color_u4dwz_gg_{color:var(--color_u4dwz)}" /*__inner_css_end__*/, "u4dwz_gg_") /*__reshadow_css_end__*/, {
21
+ "__SBadge": "___SBadge_u4dwz_gg_",
22
+ "_bg": "__bg_u4dwz_gg_",
23
+ "--bg": "--bg_u4dwz",
24
+ "_color": "__color_u4dwz_gg_",
25
+ "--color": "--color_u4dwz"
26
26
  });
27
27
  var RootBadge = /*#__PURE__*/function (_Component) {
28
28
  (0, _inherits2["default"])(RootBadge, _Component);
@@ -11,12 +11,12 @@ import createComponent, { Component, Root, sstyled } from 'intergalactic/core';
11
11
  import { Box } from 'intergalactic/flex-box';
12
12
  import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
13
13
  /*__reshadow-styles__:"./style/badge.shadow.css"*/
14
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBadge_1xdmv_gg_{display:inline-block;box-sizing:border-box;height:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-fs-200, 14px);padding:0 var(--intergalactic-spacing-1x, 4px);border-radius:var(--intergalactic-badge-rounded, 6px);white-space:nowrap;font-size:var(--intergalactic-fs-50, 10px);font-weight:var(--intergalactic-medium, 500);letter-spacing:.3px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.___SBadge_1xdmv_gg_.__bg_1xdmv_gg_{background-color:var(--bg_1xdmv)}.___SBadge_1xdmv_gg_.__color_1xdmv_gg_{color:var(--color_1xdmv)}" /*__inner_css_end__*/, "1xdmv_gg_") /*__reshadow_css_end__*/, {
15
- "__SBadge": "___SBadge_1xdmv_gg_",
16
- "_bg": "__bg_1xdmv_gg_",
17
- "--bg": "--bg_1xdmv",
18
- "_color": "__color_1xdmv_gg_",
19
- "--color": "--color_1xdmv"
14
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBadge_u4dwz_gg_{display:inline-block;box-sizing:border-box;height:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-fs-200, 14px);padding:0 var(--intergalactic-spacing-1x, 4px);border-radius:var(--intergalactic-badge-rounded, 6px);white-space:nowrap;font-size:var(--intergalactic-fs-50, 10px);font-weight:var(--intergalactic-medium, 500);letter-spacing:.3px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.___SBadge_u4dwz_gg_.__bg_u4dwz_gg_{background-color:var(--bg_u4dwz)}.___SBadge_u4dwz_gg_.__color_u4dwz_gg_{color:var(--color_u4dwz)}" /*__inner_css_end__*/, "u4dwz_gg_") /*__reshadow_css_end__*/, {
15
+ "__SBadge": "___SBadge_u4dwz_gg_",
16
+ "_bg": "__bg_u4dwz_gg_",
17
+ "--bg": "--bg_u4dwz",
18
+ "_color": "__color_u4dwz_gg_",
19
+ "--color": "--color_u4dwz"
20
20
  });
21
21
  var RootBadge = /*#__PURE__*/function (_Component) {
22
22
  _inherits(RootBadge, _Component);
@@ -21,24 +21,26 @@ var _addonTextChildren = _interopRequireDefault(require("intergalactic/utils/lib
21
21
  var _logger = _interopRequireDefault(require("intergalactic/utils/lib/logger"));
22
22
  var _animatedSizeEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/animatedSizeEnhance"));
23
23
  var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
24
+ var _InvalidStatePattern = _interopRequireDefault(require("intergalactic/utils/lib/components/invalid-state-pattern/InvalidStatePattern"));
24
25
  /*__reshadow-styles__:"./style/base-trigger.shadow.css"*/
25
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_1lgtn_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_1lgtn_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1lgtn_gg_:active,.___SBaseTrigger_1lgtn_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1lgtn_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_1lgtn_gg_.__keyboardFocused_1lgtn_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}@media (hover:hover){.___SBaseTrigger_1lgtn_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1lgtn_gg_.__active_1lgtn_gg_,.___SBaseTrigger_1lgtn_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1lgtn_gg_.__disabled_1lgtn_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1lgtn_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1lgtn_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_1lgtn_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_1lgtn_gg_{width:12px;height:12px}.___SBaseTrigger_1lgtn_gg_._size_m_1lgtn_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_1lgtn_gg_._size_m_1lgtn_gg_ .___SAddon_1lgtn_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1lgtn_gg_._size_m_1lgtn_gg_ .___SAddon_1lgtn_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1lgtn_gg_._size_l_1lgtn_gg_ .___SAddon_1lgtn_gg_:only-child,.___SBaseTrigger_1lgtn_gg_._size_m_1lgtn_gg_ .___SAddon_1lgtn_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1lgtn_gg_._size_l_1lgtn_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_1lgtn_gg_._size_l_1lgtn_gg_ .___SAddon_1lgtn_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1lgtn_gg_._size_l_1lgtn_gg_ .___SAddon_1lgtn_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1lgtn_gg_._neighborLocation_right_1lgtn_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1lgtn_gg_._neighborLocation_both_1lgtn_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1lgtn_gg_._neighborLocation_left_1lgtn_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1lgtn_gg_.__display-placeholder_1lgtn_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1lgtn_gg_._state_valid_1lgtn_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1lgtn_gg_._state_invalid_1lgtn_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1lgtn_gg_._state_invalid_1lgtn_gg_.__keyboardFocused_1lgtn_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}" /*__inner_css_end__*/, "1lgtn_gg_") /*__reshadow_css_end__*/, {
26
- "__SBaseTrigger": "___SBaseTrigger_1lgtn_gg_",
27
- "_disabled": "__disabled_1lgtn_gg_",
28
- "__SInner": "___SInner_1lgtn_gg_",
29
- "__SText": "___SText_1lgtn_gg_",
30
- "__SAddon": "___SAddon_1lgtn_gg_",
31
- "__SBaseAddon": "___SBaseAddon_1lgtn_gg_",
32
- "_neighborLocation_right": "_neighborLocation_right_1lgtn_gg_",
33
- "_neighborLocation_both": "_neighborLocation_both_1lgtn_gg_",
34
- "_neighborLocation_left": "_neighborLocation_left_1lgtn_gg_",
35
- "_display-placeholder": "__display-placeholder_1lgtn_gg_",
36
- "_state_valid": "_state_valid_1lgtn_gg_",
37
- "_keyboardFocused": "__keyboardFocused_1lgtn_gg_",
38
- "_active": "__active_1lgtn_gg_",
39
- "_size_m": "_size_m_1lgtn_gg_",
40
- "_size_l": "_size_l_1lgtn_gg_",
41
- "_state_invalid": "_state_invalid_1lgtn_gg_"
26
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_xk8ba_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_xk8ba_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_xk8ba_gg_:active,.___SBaseTrigger_xk8ba_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_xk8ba_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_xk8ba_gg_.__keyboardFocused_xk8ba_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}@media (hover:hover){.___SBaseTrigger_xk8ba_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_xk8ba_gg_.__active_xk8ba_gg_,.___SBaseTrigger_xk8ba_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_xk8ba_gg_.__disabled_xk8ba_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_xk8ba_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_xk8ba_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_xk8ba_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_xk8ba_gg_{width:12px;height:12px}.___SBaseTrigger_xk8ba_gg_._size_m_xk8ba_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_xk8ba_gg_._size_m_xk8ba_gg_ .___SAddon_xk8ba_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_xk8ba_gg_._size_m_xk8ba_gg_ .___SAddon_xk8ba_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_xk8ba_gg_._size_l_xk8ba_gg_ .___SAddon_xk8ba_gg_:only-child,.___SBaseTrigger_xk8ba_gg_._size_m_xk8ba_gg_ .___SAddon_xk8ba_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_xk8ba_gg_._size_l_xk8ba_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_xk8ba_gg_._size_l_xk8ba_gg_ .___SAddon_xk8ba_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_xk8ba_gg_._size_l_xk8ba_gg_ .___SAddon_xk8ba_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_xk8ba_gg_._neighborLocation_right_xk8ba_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_xk8ba_gg_._neighborLocation_both_xk8ba_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_xk8ba_gg_._neighborLocation_left_xk8ba_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_xk8ba_gg_.__display-placeholder_xk8ba_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_xk8ba_gg_._state_valid_xk8ba_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_xk8ba_gg_._state_invalid_xk8ba_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_xk8ba_gg_._state_invalid_xk8ba_gg_.__keyboardFocused_xk8ba_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInvalidPattern_xk8ba_gg_._size_m_xk8ba_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_xk8ba_gg_._size_l_xk8ba_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "xk8ba_gg_") /*__reshadow_css_end__*/, {
27
+ "__SBaseTrigger": "___SBaseTrigger_xk8ba_gg_",
28
+ "_disabled": "__disabled_xk8ba_gg_",
29
+ "__SInner": "___SInner_xk8ba_gg_",
30
+ "__SText": "___SText_xk8ba_gg_",
31
+ "__SAddon": "___SAddon_xk8ba_gg_",
32
+ "__SBaseAddon": "___SBaseAddon_xk8ba_gg_",
33
+ "_neighborLocation_right": "_neighborLocation_right_xk8ba_gg_",
34
+ "_neighborLocation_both": "_neighborLocation_both_xk8ba_gg_",
35
+ "_neighborLocation_left": "_neighborLocation_left_xk8ba_gg_",
36
+ "_display-placeholder": "__display-placeholder_xk8ba_gg_",
37
+ "_state_valid": "_state_valid_xk8ba_gg_",
38
+ "__SInvalidPattern": "___SInvalidPattern_xk8ba_gg_",
39
+ "_size_m": "_size_m_xk8ba_gg_",
40
+ "_size_l": "_size_l_xk8ba_gg_",
41
+ "_keyboardFocused": "__keyboardFocused_xk8ba_gg_",
42
+ "_active": "__active_xk8ba_gg_",
43
+ "_state_invalid": "_state_invalid_xk8ba_gg_"
42
44
  });
43
45
  var RootBaseTrigger = /*#__PURE__*/function (_Component) {
44
46
  (0, _inherits2["default"])(RootBaseTrigger, _Component);
@@ -64,12 +66,15 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
64
66
  var _ref = this.asProps;
65
67
  var SBaseTrigger = _flexBox.Box;
66
68
  var SInner = 'div';
69
+ var SInvalidPattern = _InvalidStatePattern["default"];
67
70
  var _this$asProps2 = this.asProps,
68
71
  Children = _this$asProps2.Children,
69
72
  styles = _this$asProps2.styles,
70
73
  theme = _this$asProps2.theme,
71
74
  neighborLocation = _this$asProps2.neighborLocation,
72
- empty = _this$asProps2.empty;
75
+ empty = _this$asProps2.empty,
76
+ state = _this$asProps2.state,
77
+ size = _this$asProps2.size;
73
78
  _logger["default"].warn(theme !== undefined, "The 'theme' property is deprecated, use 'state'", this.asProps['data-ui-name'] || BaseTrigger.displayName);
74
79
 
75
80
  // TODO: add aria
@@ -80,7 +85,9 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
80
85
  return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBaseTrigger, _ref4.cn("SBaseTrigger", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
81
86
  "neighborLocation": neighborLocation,
82
87
  "state": theme
83
- }, _ref))), /*#__PURE__*/_react["default"].createElement(SInner, _ref4.cn("SInner", {}), (0, _addonTextChildren["default"])(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
88
+ }, _ref))), state === 'invalid' && /*#__PURE__*/_react["default"].createElement(SInvalidPattern, _ref4.cn("SInvalidPattern", {
89
+ "size": size
90
+ })), /*#__PURE__*/_react["default"].createElement(SInner, _ref4.cn("SInner", {}), (0, _addonTextChildren["default"])(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
84
91
  });
85
92
  }
86
93
  }]);
@@ -1 +1 @@
1
- {"version":3,"file":"BaseTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_neighborLocation","_keyboardFocusEnhance","_addonTextChildren","_logger","_animatedSizeEnhance","_useCssVariable","style","sstyled","insert","RootBaseTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","SBaseTrigger","Box","SInner","_this$asProps2","Children","styles","theme","neighborLocation","logger","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread2","assignProps","addonTextChildren","Text","Addon","Component","_defineProperty2","keyboardFocusEnhance","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","size","props","_ref2","arguments[0]","_ref5","SText","children","_ref3","_ref6","SAddon","createComponent","_default","exports"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n static displayName = 'BaseTrigger';\n static enhance = [\n keyboardFocusEnhance(),\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n ];\n static style = style;\n static defaultProps = {\n size: 'm',\n empty: false,\n };\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SBaseTrigger = Root;\n const SInner = 'div';\n const { Children, styles, theme, neighborLocation, empty } = this.asProps;\n\n logger.warn(\n theme !== undefined,\n \"The 'theme' property is deprecated, use 'state'\",\n this.asProps['data-ui-name'] || BaseTrigger.displayName,\n );\n\n // TODO: add aria\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <SBaseTrigger render={Box} neighborLocation={neighborLocation} state={theme}>\n <SInner>\n {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n </SInner>\n </SBaseTrigger>,\n )\n }\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { children, styles, empty, placeholder } = props;\n\n return sstyled(styles)(\n <SText render={Box} display-placeholder={empty}>\n {empty ? placeholder : children}\n </SText>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n Text,\n Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":";;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,qBAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,kBAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,OAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,oBAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,eAAA,GAAAT,OAAA;AAAuE;AAAA,IAAAU,KAAA,+BAAAZ,KAAA,CAAAa,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAIjEC,eAAe,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,eAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,eAAA;EAAA,SAAAA,gBAAA;IAAA,IAAAK,gBAAA,mBAAAL,eAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,eAAA;IAAAS,GAAA;IAAAC,KAAA,EAqBnB,SAAAC,aAAA,EAAe;MACb,IAAAC,aAAA,GAA+B,IAAI,CAACC,OAAO;QAAnCC,WAAW,GAAAF,aAAA,CAAXE,WAAW;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;MAC1B,OAAO;QACLD,WAAW,EAAXA,WAAW;QACXC,KAAK,EAALA;MACF,CAAC;IACH;EAAC;IAAAN,GAAA;IAAAC,KAAA,EAED,SAAAM,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAJ,OAAA;MACP,IAAMK,YAAY,GAeYC,YAAG;MAdjC,IAAMC,MAAM,GAAG,KAAK;MACpB,IAAAC,cAAA,GAA6D,IAAI,CAACR,OAAO;QAAjES,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,cAAA,CAANE,MAAM;QAAEC,KAAK,GAAAH,cAAA,CAALG,KAAK;QAAEC,gBAAgB,GAAAJ,cAAA,CAAhBI,gBAAgB;QAAEV,KAAK,GAAAM,cAAA,CAALN,KAAK;MAExDW,kBAAM,CAACC,IAAI,CACTH,KAAK,KAAKI,SAAS,EACnB,iDAAiD,EACjD,IAAI,CAACf,OAAO,CAAC,cAAc,CAAC,IAAIgB,WAAW,CAACC,WAAW,CACxD;;MAED;MACA,oBACE1C,MAAA,YAAA2C,aAAA,CAACxC,iBAAA,WAAgB,CAACyC,MAAM;QAACP,gBAAgB,EAAEA;MAAiB,GACzD,UAACA,gBAAgB;QAAA,IAAAQ,KAAA;QAAA,OAAAA,KAAA,GAChB,IAAAnC,aAAO,EAACyB,MAAM,CAAC,eACbnC,MAAA,YAAA2C,aAAA,CAACb,YAAY,EAAAe,KAAA,CAAAC,EAAA,qBAAAC,cAAA,qBAAAlD,KAAA,CAAAmD,WAAA;UAAA,oBAAgCX,gBAAgB;UAAA,SAASD;QAAK,GAAAP,IAAA,kBACzE7B,MAAA,YAAA2C,aAAA,CAACX,MAAM,EAAAa,KAAA,CAAAC,EAAA,gBACJ,IAAAG,6BAAiB,EAACf,QAAQ,EAAEO,WAAW,CAACS,IAAI,EAAET,WAAW,CAACU,KAAK,EAAExB,KAAK,CAAC,CACjE,CACI;MAAA,CAChB,CAEqB;IAE9B;EAAC;EAAA,OAAAf,eAAA;AAAA,EAtD2BwC,eAAS;AAAA,IAAAC,gBAAA,aAAjCzC,eAAe,iBACE,aAAa;AAAA,IAAAyC,gBAAA,aAD9BzC,eAAe,aAEF,CACf,IAAA0C,gCAAoB,GAAE,EACtB,IAAAC,kCAAkB,EAAC;EACjBC,QAAQ,EAAE,kCAAkC;EAC5CC,QAAQ,EAAE,KAAK;EACfC,GAAG,EAAEC,MAAM,CAACC,QAAQ;EACpBC,IAAI,EAAE;AACR,CAAC,CAAC,EACF,IAAAC,+BAAmB,EAAC;EAClBC,YAAY,EAAE,CAAC,OAAO,CAAC;EACvBC,UAAU,EAAE,CAAC,OAAO;AACtB,CAAC,CAAC,CACH;AAAA,IAAAX,gBAAA,aAdGzC,eAAe,WAeJH,KAAK;AAAA,IAAA4C,gBAAA,aAfhBzC,eAAe,kBAgBG;EACpBqD,IAAI,EAAE,GAAG;EACTtC,KAAK,EAAE;AACT,CAAC;AAsCH,SAASuB,IAAIA,CAACgB,KAAK,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACnB,IAAMC,KAAK,GAIMvC,YAAG;EAHpB,IAAQwC,QAAQ,GAAiCL,KAAK,CAA9CK,QAAQ;IAAEpC,MAAM,GAAyB+B,KAAK,CAApC/B,MAAM;IAAER,KAAK,GAAkBuC,KAAK,CAA5BvC,KAAK;IAAED,WAAW,GAAKwC,KAAK,CAArBxC,WAAW;EAE5C,OAAA2C,KAAA,GAAO,IAAA3D,aAAO,EAACyB,MAAM,CAAC,eACpBnC,MAAA,YAAA2C,aAAA,CAAC2B,KAAK,EAAAD,KAAA,CAAAvB,EAAA,cAAAC,cAAA,qBAAAlD,KAAA,CAAAmD,WAAA;IAAA,uBAAmCrB;EAAK,GAAAwC,KAAA,KAC3CxC,KAAK,GAAGD,WAAW,GAAG6C,QAAQ,CACzB;AAEZ;AAEA,SAASpB,KAAKA,CAACe,KAAK,EAAE;EAAA,IAAAM,KAAA,GAAAJ,YAAA;IAAAK,KAAA;EACpB,IAAMC,MAAM,GACiC3C,YAAG;EAAhD,OAAA0C,KAAA,GAAO,IAAA/D,aAAO,EAACwD,KAAK,CAAC/B,MAAM,CAAC,eAACnC,MAAA,YAAA2C,aAAA,CAAC+B,MAAM,EAAAD,KAAA,CAAA3B,EAAA,eAAAC,cAAA,qBAAAlD,KAAA,CAAAmD,WAAA,MAAAwB,KAAA,IAAgB;AACtD;AAEA,IAAM/B,WAAW,GAAG,IAAAkC,gBAAe,EAAC/D,eAAe,EAAE;EACnDsC,IAAI,EAAJA,IAAI;EACJC,KAAK,EAALA;AACF,CAAC,CAAC;AAAC,IAAAyB,QAAA,GAEYnC,WAAW;AAAAoC,OAAA,cAAAD,QAAA"}
1
+ {"version":3,"file":"BaseTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_neighborLocation","_keyboardFocusEnhance","_addonTextChildren","_logger","_animatedSizeEnhance","_useCssVariable","_InvalidStatePattern","style","sstyled","insert","RootBaseTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","SBaseTrigger","Box","SInner","SInvalidPattern","InvalidPattern","_this$asProps2","Children","styles","theme","neighborLocation","state","size","logger","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread2","assignProps","addonTextChildren","Text","Addon","Component","_defineProperty2","keyboardFocusEnhance","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","children","_ref3","_ref6","SAddon","createComponent","_default","exports"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport InvalidPattern from '@semcore/utils/lib/components/invalid-state-pattern/InvalidStatePattern';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n static displayName = 'BaseTrigger';\n static enhance = [\n keyboardFocusEnhance(),\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n ];\n static style = style;\n static defaultProps = {\n size: 'm',\n empty: false,\n };\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SBaseTrigger = Root;\n const SInner = 'div';\n const SInvalidPattern = InvalidPattern;\n const { Children, styles, theme, neighborLocation, empty, state, size } = this.asProps;\n\n logger.warn(\n theme !== undefined,\n \"The 'theme' property is deprecated, use 'state'\",\n this.asProps['data-ui-name'] || BaseTrigger.displayName,\n );\n\n // TODO: add aria\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <SBaseTrigger render={Box} neighborLocation={neighborLocation} state={theme}>\n {state === 'invalid' && <SInvalidPattern size={size} />}\n <SInner>\n {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n </SInner>\n </SBaseTrigger>,\n )\n }\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { children, styles, empty, placeholder } = props;\n\n return sstyled(styles)(\n <SText render={Box} display-placeholder={empty}>\n {empty ? placeholder : children}\n </SText>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n Text,\n Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":"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"}
@@ -20,9 +20,9 @@ var _spin = _interopRequireDefault(require("intergalactic/spin"));
20
20
  var _animatedSizeEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/animatedSizeEnhance"));
21
21
  var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
22
22
  /*__reshadow-styles__:"./style/button-trigger.shadow.css"*/
23
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_1mgxb_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1mgxb_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "1mgxb_gg_") /*__reshadow_css_end__*/, {
24
- "__SButtonAddon": "___SButtonAddon_1mgxb_gg_",
25
- "__SButtonTriggerSpin": "___SButtonTriggerSpin_1mgxb_gg_"
23
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_fimpo_gg_{width:12px;height:12px}.___SButtonTriggerSpin_fimpo_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "fimpo_gg_") /*__reshadow_css_end__*/, {
24
+ "__SButtonAddon": "___SButtonAddon_fimpo_gg_",
25
+ "__SButtonTriggerSpin": "___SButtonTriggerSpin_fimpo_gg_"
26
26
  });
27
27
  var RootButtonTrigger = /*#__PURE__*/function (_Component) {
28
28
  (0, _inherits2["default"])(RootButtonTrigger, _Component);