intergalactic 15.79.0 → 15.80.0-prerelease.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (324) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/accordion/lib/cjs/Accordion.js +17 -16
  3. package/accordion/lib/cjs/Accordion.js.map +1 -1
  4. package/accordion/lib/es6/Accordion.js +17 -16
  5. package/accordion/lib/es6/Accordion.js.map +1 -1
  6. package/animation/lib/cjs/Animation.js +11 -11
  7. package/animation/lib/cjs/Collapse.js +28 -28
  8. package/animation/lib/cjs/FadeInOut.js +28 -28
  9. package/animation/lib/cjs/Scale.js +28 -28
  10. package/animation/lib/cjs/Slide.js +28 -28
  11. package/animation/lib/cjs/Transform.js +28 -28
  12. package/animation/lib/es6/Animation.js +11 -11
  13. package/animation/lib/es6/Collapse.js +28 -28
  14. package/animation/lib/es6/FadeInOut.js +28 -28
  15. package/animation/lib/es6/Scale.js +28 -28
  16. package/animation/lib/es6/Slide.js +28 -28
  17. package/animation/lib/es6/Transform.js +28 -28
  18. package/badge/lib/cjs/Badge.js +6 -6
  19. package/badge/lib/es6/Badge.js +6 -6
  20. package/base-trigger/lib/cjs/BaseTrigger.js +18 -18
  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/es6/BaseTrigger.js +18 -18
  25. package/base-trigger/lib/es6/ButtonTrigger.js +3 -3
  26. package/base-trigger/lib/es6/FilterTrigger.js +7 -7
  27. package/base-trigger/lib/es6/LinkTrigger.js +12 -12
  28. package/breadcrumbs/lib/cjs/Breadcrumbs.js +6 -6
  29. package/breadcrumbs/lib/es6/Breadcrumbs.js +6 -6
  30. package/button/lib/cjs/Button.js +26 -26
  31. package/button/lib/es6/Button.js +26 -26
  32. package/card/lib/cjs/Card.js +8 -8
  33. package/card/lib/es6/Card.js +8 -8
  34. package/carousel/lib/cjs/Carousel.js +19 -19
  35. package/carousel/lib/es6/Carousel.js +19 -19
  36. package/checkbox/lib/cjs/Checkbox.js +18 -18
  37. package/checkbox/lib/es6/Checkbox.js +18 -18
  38. package/color-picker/lib/cjs/ColorPicker.js +23 -23
  39. package/color-picker/lib/cjs/PaletteManager.js +23 -23
  40. package/color-picker/lib/cjs/components/InputColor.js +23 -23
  41. package/color-picker/lib/es6/ColorPicker.js +23 -23
  42. package/color-picker/lib/es6/PaletteManager.js +23 -23
  43. package/color-picker/lib/es6/components/InputColor.js +23 -23
  44. package/components.json +73 -73
  45. package/counter/lib/cjs/Counter.js +10 -10
  46. package/counter/lib/es6/Counter.js +10 -10
  47. package/d3-chart/Plot.d.ts +2 -2
  48. package/d3-chart/index.d.ts +2 -1
  49. package/d3-chart/lib/cjs/Area.js +11 -11
  50. package/d3-chart/lib/cjs/Axis.js +14 -14
  51. package/d3-chart/lib/cjs/Bar.js +10 -10
  52. package/d3-chart/lib/cjs/Bubble.js +17 -19
  53. package/d3-chart/lib/cjs/Bubble.js.map +1 -1
  54. package/d3-chart/lib/cjs/Donut.js +14 -14
  55. package/d3-chart/lib/cjs/Donut.js.map +1 -1
  56. package/d3-chart/lib/cjs/Dots.js +8 -8
  57. package/d3-chart/lib/cjs/HorizontalBar.js +10 -10
  58. package/d3-chart/lib/cjs/Hover.js +7 -23
  59. package/d3-chart/lib/cjs/Hover.js.map +1 -1
  60. package/d3-chart/lib/cjs/Line.js +9 -9
  61. package/d3-chart/lib/cjs/Plot.js +3 -3
  62. package/d3-chart/lib/cjs/Radar.js +28 -34
  63. package/d3-chart/lib/cjs/Radar.js.map +1 -1
  64. package/d3-chart/lib/cjs/RadialTree.js +11 -11
  65. package/d3-chart/lib/cjs/ReferenceLine.js +9 -9
  66. package/d3-chart/lib/cjs/ScatterPlot.js +14 -14
  67. package/d3-chart/lib/cjs/ScatterPlot.js.map +1 -1
  68. package/d3-chart/lib/cjs/Tooltip.js +56 -31
  69. package/d3-chart/lib/cjs/Tooltip.js.map +1 -1
  70. package/d3-chart/lib/cjs/Venn.js +14 -14
  71. package/d3-chart/lib/cjs/Venn.js.map +1 -1
  72. package/d3-chart/lib/cjs/a11y/PlotA11yModule.js +2 -2
  73. package/d3-chart/lib/cjs/a11y/PlotA11yView.js +2 -2
  74. package/d3-chart/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  75. package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +17 -17
  76. package/d3-chart/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
  77. package/d3-chart/lib/cjs/index.js +6 -0
  78. package/d3-chart/lib/cjs/index.js.map +1 -1
  79. package/d3-chart/lib/cjs/types/Plot.d.js.map +1 -1
  80. package/d3-chart/lib/cjs/types/index.d.js +8 -0
  81. package/d3-chart/lib/cjs/types/index.d.js.map +1 -1
  82. package/d3-chart/lib/cjs/utils.js +4 -5
  83. package/d3-chart/lib/cjs/utils.js.map +1 -1
  84. package/d3-chart/lib/es6/Area.js +11 -11
  85. package/d3-chart/lib/es6/Axis.js +14 -14
  86. package/d3-chart/lib/es6/Bar.js +10 -10
  87. package/d3-chart/lib/es6/Bubble.js +18 -20
  88. package/d3-chart/lib/es6/Bubble.js.map +1 -1
  89. package/d3-chart/lib/es6/Donut.js +15 -15
  90. package/d3-chart/lib/es6/Donut.js.map +1 -1
  91. package/d3-chart/lib/es6/Dots.js +8 -8
  92. package/d3-chart/lib/es6/HorizontalBar.js +10 -10
  93. package/d3-chart/lib/es6/Hover.js +8 -24
  94. package/d3-chart/lib/es6/Hover.js.map +1 -1
  95. package/d3-chart/lib/es6/Line.js +9 -9
  96. package/d3-chart/lib/es6/Plot.js +3 -3
  97. package/d3-chart/lib/es6/Radar.js +29 -35
  98. package/d3-chart/lib/es6/Radar.js.map +1 -1
  99. package/d3-chart/lib/es6/RadialTree.js +11 -11
  100. package/d3-chart/lib/es6/ReferenceLine.js +9 -9
  101. package/d3-chart/lib/es6/ScatterPlot.js +15 -15
  102. package/d3-chart/lib/es6/ScatterPlot.js.map +1 -1
  103. package/d3-chart/lib/es6/Tooltip.js +57 -32
  104. package/d3-chart/lib/es6/Tooltip.js.map +1 -1
  105. package/d3-chart/lib/es6/Venn.js +15 -15
  106. package/d3-chart/lib/es6/Venn.js.map +1 -1
  107. package/d3-chart/lib/es6/a11y/PlotA11yModule.js +2 -2
  108. package/d3-chart/lib/es6/a11y/PlotA11yView.js +2 -2
  109. package/d3-chart/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  110. package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +17 -17
  111. package/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
  112. package/d3-chart/lib/es6/index.js +1 -1
  113. package/d3-chart/lib/es6/index.js.map +1 -1
  114. package/d3-chart/lib/es6/types/Plot.d.js.map +1 -1
  115. package/d3-chart/lib/es6/types/index.d.js +2 -1
  116. package/d3-chart/lib/es6/types/index.d.js.map +1 -1
  117. package/d3-chart/lib/es6/utils.js +2 -4
  118. package/d3-chart/lib/es6/utils.js.map +1 -1
  119. package/d3-chart/lib/types/Plot.d.ts +2 -2
  120. package/d3-chart/lib/types/index.d.ts +2 -1
  121. package/d3-chart/lib/types/utils.d.ts +12 -4
  122. package/d3-chart/utils.d.ts +12 -4
  123. package/data-table/lib/cjs/DataTable.js +35 -35
  124. package/data-table/lib/es6/DataTable.js +35 -35
  125. package/date-picker/lib/cjs/components/Calendar.js +21 -21
  126. package/date-picker/lib/cjs/components/DateRangeComparatorAbstract.js +29 -29
  127. package/date-picker/lib/cjs/components/InputTrigger.js +29 -29
  128. package/date-picker/lib/cjs/components/PickerAbstract.js +29 -29
  129. package/date-picker/lib/cjs/components/RangePickerAbstract.js +29 -29
  130. package/date-picker/lib/es6/components/Calendar.js +21 -21
  131. package/date-picker/lib/es6/components/DateRangeComparatorAbstract.js +29 -29
  132. package/date-picker/lib/es6/components/InputTrigger.js +29 -29
  133. package/date-picker/lib/es6/components/PickerAbstract.js +29 -29
  134. package/date-picker/lib/es6/components/RangePickerAbstract.js +29 -29
  135. package/divider/lib/cjs/Divider.js +9 -9
  136. package/divider/lib/es6/Divider.js +9 -9
  137. package/dot/lib/cjs/Dot.js +10 -10
  138. package/dot/lib/es6/Dot.js +10 -10
  139. package/drag-and-drop/lib/cjs/DragAndDrop.js +12 -12
  140. package/drag-and-drop/lib/es6/DragAndDrop.js +12 -12
  141. package/dropdown/lib/cjs/Dropdown.js +2 -2
  142. package/dropdown/lib/es6/Dropdown.js +2 -2
  143. package/dropdown-menu/lib/cjs/DropdownMenu.js +16 -16
  144. package/dropdown-menu/lib/cjs/styleScrollArea.js +6 -6
  145. package/dropdown-menu/lib/es6/DropdownMenu.js +16 -16
  146. package/dropdown-menu/lib/es6/styleScrollArea.js +6 -6
  147. package/ellipsis/lib/cjs/Ellipsis.js +10 -10
  148. package/ellipsis/lib/es6/Ellipsis.js +10 -10
  149. package/errors/lib/cjs/Error.js +9 -9
  150. package/errors/lib/es6/Error.js +9 -9
  151. package/feature-popover/lib/cjs/FeaturePopover.js +10 -10
  152. package/feature-popover/lib/es6/FeaturePopover.js +10 -10
  153. package/feedback-form/lib/cjs/FeedbackForm.js +7 -7
  154. package/feedback-form/lib/es6/FeedbackForm.js +7 -7
  155. package/flags/lib/cjs/Flags.js +3 -3
  156. package/flags/lib/es6/Flags.js +3 -3
  157. package/flags/lib/sprites/sprite@1x.css +256 -256
  158. package/flags/lib/sprites/sprite@2x.css +257 -257
  159. package/flex-box/lib/cjs/Box/useBox.js +3 -3
  160. package/flex-box/lib/cjs/Flex/useFlex.js +3 -3
  161. package/flex-box/lib/cjs/invalid-state-box/InvalidStateBox.js +2 -2
  162. package/flex-box/lib/es6/Box/useBox.js +3 -3
  163. package/flex-box/lib/es6/Flex/useFlex.js +3 -3
  164. package/flex-box/lib/es6/invalid-state-box/InvalidStateBox.js +2 -2
  165. package/format-text/lib/cjs/FormatText.js +5 -5
  166. package/format-text/lib/es6/FormatText.js +5 -5
  167. package/fullscreen-modal/lib/cjs/FullscreenModal.js +13 -13
  168. package/fullscreen-modal/lib/es6/FullscreenModal.js +13 -13
  169. package/grid/lib/cjs/Grid.js +114 -114
  170. package/grid/lib/es6/Grid.js +114 -114
  171. package/icon/color/Confluence/l/index.js +4 -4
  172. package/icon/color/Confluence/l/index.mjs +4 -4
  173. package/icon/color/Confluence/m/index.js +4 -4
  174. package/icon/color/Confluence/m/index.mjs +4 -4
  175. package/icon/color/MicrosoftOffice/l/index.js +10 -10
  176. package/icon/color/MicrosoftOffice/l/index.mjs +10 -10
  177. package/icon/color/MicrosoftOffice/m/index.js +10 -10
  178. package/icon/color/MicrosoftOffice/m/index.mjs +10 -10
  179. package/icon/lib/cjs/Icon.js +5 -5
  180. package/icon/lib/es6/Icon.js +5 -5
  181. package/icon/pay/Discover/l/index.js +1 -1
  182. package/icon/pay/Discover/l/index.mjs +1 -1
  183. package/icon/pay/Discover/m/index.js +1 -1
  184. package/icon/pay/Discover/m/index.mjs +1 -1
  185. package/icon/pay/JCB/l/index.js +10 -10
  186. package/icon/pay/JCB/l/index.mjs +10 -10
  187. package/icon/pay/JCB/m/index.js +10 -10
  188. package/icon/pay/JCB/m/index.mjs +10 -10
  189. package/icon/pay/Visa/l/index.js +2 -2
  190. package/icon/pay/Visa/l/index.mjs +2 -2
  191. package/icon/pay/Visa/m/index.js +2 -2
  192. package/icon/pay/Visa/m/index.mjs +2 -2
  193. package/illustration/lib/cjs/index.js +1 -1
  194. package/illustration/lib/es6/index.js +1 -1
  195. package/inline-edit/lib/cjs/InlineEdit.js +4 -4
  196. package/inline-edit/lib/es6/InlineEdit.js +4 -4
  197. package/inline-input/lib/cjs/InlineInput.js +18 -18
  198. package/inline-input/lib/es6/InlineInput.js +18 -18
  199. package/input/lib/cjs/Input.js +17 -17
  200. package/input/lib/es6/Input.js +17 -17
  201. package/input-mask/lib/cjs/InputMask.js +6 -6
  202. package/input-mask/lib/es6/InputMask.js +6 -6
  203. package/input-number/lib/cjs/InputNumber.js +9 -9
  204. package/input-number/lib/es6/InputNumber.js +9 -9
  205. package/input-tags/lib/cjs/InputTags.js +12 -12
  206. package/input-tags/lib/es6/InputTags.js +12 -12
  207. package/link/lib/cjs/Link.js +12 -12
  208. package/link/lib/es6/Link.js +12 -12
  209. package/mini-chart/lib/cjs/component/score/Donut.js +9 -9
  210. package/mini-chart/lib/cjs/component/score/Line.js +17 -17
  211. package/mini-chart/lib/cjs/component/trend/Bar.js +7 -7
  212. package/mini-chart/lib/cjs/component/trend/Line.js +7 -7
  213. package/mini-chart/lib/es6/component/score/Donut.js +9 -9
  214. package/mini-chart/lib/es6/component/score/Line.js +17 -17
  215. package/mini-chart/lib/es6/component/trend/Bar.js +7 -7
  216. package/mini-chart/lib/es6/component/trend/Line.js +7 -7
  217. package/modal/lib/cjs/Modal.js +9 -9
  218. package/modal/lib/cjs/modal.vo-test.js +11 -14
  219. package/modal/lib/cjs/modal.vo-test.js.map +1 -1
  220. package/modal/lib/es6/Modal.js +9 -9
  221. package/modal/lib/es6/modal.vo-test.js +11 -14
  222. package/modal/lib/es6/modal.vo-test.js.map +1 -1
  223. package/notice/lib/cjs/Notice.js +13 -13
  224. package/notice/lib/es6/Notice.js +13 -13
  225. package/notice-bubble/lib/cjs/NoticeBubble.js +12 -12
  226. package/notice-bubble/lib/es6/NoticeBubble.js +12 -12
  227. package/notice-global/lib/cjs/NoticeGlobal.js +11 -11
  228. package/notice-global/lib/es6/NoticeGlobal.js +11 -11
  229. package/package.json +1 -1
  230. package/pagination/lib/cjs/Pagination.js +10 -10
  231. package/pagination/lib/es6/Pagination.js +10 -10
  232. package/pills/lib/cjs/Pills.js +13 -13
  233. package/pills/lib/es6/Pills.js +13 -13
  234. package/popper/index.d.ts +4 -0
  235. package/popper/lib/cjs/Popper.js +9 -8
  236. package/popper/lib/cjs/Popper.js.map +1 -1
  237. package/popper/lib/cjs/index.d.js.map +1 -1
  238. package/popper/lib/es6/Popper.js +9 -8
  239. package/popper/lib/es6/Popper.js.map +1 -1
  240. package/popper/lib/es6/index.d.js.map +1 -1
  241. package/popper/lib/types/index.d.ts +4 -0
  242. package/product-head/lib/cjs/Info.js +4 -4
  243. package/product-head/lib/cjs/ProductHead.js +5 -5
  244. package/product-head/lib/cjs/Title.js +4 -4
  245. package/product-head/lib/es6/Info.js +4 -4
  246. package/product-head/lib/es6/ProductHead.js +5 -5
  247. package/product-head/lib/es6/Title.js +4 -4
  248. package/progress-bar/lib/cjs/ProgressBar.js +15 -15
  249. package/progress-bar/lib/es6/ProgressBar.js +15 -15
  250. package/radio/lib/cjs/Radio.js +16 -16
  251. package/radio/lib/es6/Radio.js +16 -16
  252. package/scroll-area/lib/cjs/ScrollArea.js +21 -21
  253. package/scroll-area/lib/cjs/ScrollBar.js +6 -6
  254. package/scroll-area/lib/es6/ScrollArea.js +21 -21
  255. package/scroll-area/lib/es6/ScrollBar.js +6 -6
  256. package/select/lib/cjs/InputSearch.js +6 -6
  257. package/select/lib/cjs/Select.js +8 -8
  258. package/select/lib/es6/InputSearch.js +6 -6
  259. package/select/lib/es6/Select.js +8 -8
  260. package/side-panel/lib/cjs/SidePanel.js +15 -15
  261. package/side-panel/lib/es6/SidePanel.js +15 -15
  262. package/skeleton/lib/cjs/Charts/Area.js +9 -9
  263. package/skeleton/lib/cjs/Charts/Bar.js +9 -9
  264. package/skeleton/lib/cjs/Charts/Bubble.js +9 -9
  265. package/skeleton/lib/cjs/Charts/Donut.js +9 -9
  266. package/skeleton/lib/cjs/Charts/Histogram.js +9 -9
  267. package/skeleton/lib/cjs/Charts/Line.js +9 -9
  268. package/skeleton/lib/cjs/Charts/RadialTree.js +9 -9
  269. package/skeleton/lib/cjs/Charts/ScatterPlot.js +9 -9
  270. package/skeleton/lib/cjs/Charts/Venn.js +9 -9
  271. package/skeleton/lib/cjs/Skeleton.js +8 -8
  272. package/skeleton/lib/es6/Charts/Area.js +9 -9
  273. package/skeleton/lib/es6/Charts/Bar.js +9 -9
  274. package/skeleton/lib/es6/Charts/Bubble.js +9 -9
  275. package/skeleton/lib/es6/Charts/Donut.js +9 -9
  276. package/skeleton/lib/es6/Charts/Histogram.js +9 -9
  277. package/skeleton/lib/es6/Charts/Line.js +9 -9
  278. package/skeleton/lib/es6/Charts/RadialTree.js +9 -9
  279. package/skeleton/lib/es6/Charts/ScatterPlot.js +9 -9
  280. package/skeleton/lib/es6/Charts/Venn.js +9 -9
  281. package/skeleton/lib/es6/Skeleton.js +8 -8
  282. package/slider/lib/cjs/Slider.js +7 -7
  283. package/slider/lib/es6/Slider.js +7 -7
  284. package/spin/lib/cjs/Spin.js +13 -13
  285. package/spin/lib/es6/Spin.js +13 -13
  286. package/spin-container/lib/cjs/SpinContainer.js +8 -8
  287. package/spin-container/lib/es6/SpinContainer.js +8 -8
  288. package/sticky/lib/cjs/Sticky.js +2 -2
  289. package/sticky/lib/es6/Sticky.js +2 -2
  290. package/switch/lib/cjs/Switch.js +21 -21
  291. package/switch/lib/es6/Switch.js +21 -21
  292. package/tab-line/lib/cjs/TabLine.js +13 -13
  293. package/tab-line/lib/es6/TabLine.js +13 -13
  294. package/tab-panel/lib/cjs/TabPanel.js +8 -8
  295. package/tab-panel/lib/es6/TabPanel.js +8 -8
  296. package/tag/lib/cjs/Tag.js +20 -20
  297. package/tag/lib/es6/Tag.js +20 -20
  298. package/textarea/lib/cjs/Textarea.js +8 -8
  299. package/textarea/lib/es6/Textarea.js +8 -8
  300. package/time-picker/lib/cjs/TimePicker.js +12 -12
  301. package/time-picker/lib/es6/TimePicker.js +12 -12
  302. package/tooltip/lib/cjs/Tooltip.js +9 -9
  303. package/tooltip/lib/es6/Tooltip.js +9 -9
  304. package/typography/lib/cjs/Blockquote.js +4 -4
  305. package/typography/lib/cjs/Hint.js +7 -7
  306. package/typography/lib/cjs/List.js +5 -5
  307. package/typography/lib/cjs/Text.js +34 -34
  308. package/typography/lib/es6/Blockquote.js +4 -4
  309. package/typography/lib/es6/Hint.js +7 -7
  310. package/typography/lib/es6/List.js +5 -5
  311. package/typography/lib/es6/Text.js +34 -34
  312. package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.js +2 -2
  313. package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.mjs +2 -2
  314. package/utils/lib/eventEmitter.d.ts +7 -3
  315. package/utils/lib/eventEmitter.js +28 -36
  316. package/utils/lib/eventEmitter.js.map +1 -1
  317. package/utils/lib/eventEmitter.mjs +28 -36
  318. package/utils/lib/eventEmitter.mjs.map +1 -1
  319. package/utils/lib/injectStyle.js +1 -1
  320. package/utils/lib/injectStyle.mjs +1 -1
  321. package/widget-empty/lib/cjs/WidgetEmpty.js +5 -5
  322. package/widget-empty/lib/es6/WidgetEmpty.js +5 -5
  323. package/wizard/lib/cjs/Wizard.js +11 -11
  324. package/wizard/lib/es6/Wizard.js +11 -11
package/animation/lib/cjs/Slide.js CHANGED
@@ -10,34 +10,34 @@ var _core = require("intergalactic/core");
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
  var _Animation = _interopRequireDefault(require("./Animation"));
12
12
  /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
13
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_6v1h7{0%,to{overflow:clip}}@keyframes collapse-exit_6v1h7{0%,to{overflow:clip}}@keyframes fade-in-out-enter_6v1h7{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_6v1h7{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_6v1h7{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_6v1h7{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_6v1h7{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_6v1h7{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_6v1h7{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_6v1h7{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_6v1h7{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_6v1h7{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_6v1h7{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_6v1h7{0%{transform:var(--transformStart_6v1h7)}to{transform:var(--transformEnd_6v1h7)}}@keyframes transform-exit_6v1h7{0%{transform:var(--transformEnd_6v1h7)}to{transform:var(--transformStart_6v1h7)}}.___SCollapse_6v1h7_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "6v1h7_gg_") /*__reshadow_css_end__*/, {
14
- "@collapse-enter": "collapse-enter_6v1h7",
15
- "@collapse-exit": "collapse-exit_6v1h7",
16
- "__SCollapse": "___SCollapse_6v1h7_gg_",
17
- "@fade-in-out-enter": "fade-in-out-enter_6v1h7",
18
- "@fade-in-out-exit": "fade-in-out-exit_6v1h7",
19
- "@opacity-in": "opacity-in_6v1h7",
20
- "@opacity-out": "opacity-out_6v1h7",
21
- "@scale-left-in": "scale-left-in_6v1h7",
22
- "@scale-right-in": "scale-right-in_6v1h7",
23
- "@scale-top-in": "scale-top-in_6v1h7",
24
- "@scale-bottom-in": "scale-bottom-in_6v1h7",
25
- "@scale-left-out": "scale-left-out_6v1h7",
26
- "@scale-right-out": "scale-right-out_6v1h7",
27
- "@scale-top-out": "scale-top-out_6v1h7",
28
- "@scale-bottom-out": "scale-bottom-out_6v1h7",
29
- "@slide-top-in": "slide-top-in_6v1h7",
30
- "@slide-top-out": "slide-top-out_6v1h7",
31
- "@slide-bottom-in": "slide-bottom-in_6v1h7",
32
- "@slide-bottom-out": "slide-bottom-out_6v1h7",
33
- "@slide-left-in": "slide-left-in_6v1h7",
34
- "@slide-left-out": "slide-left-out_6v1h7",
35
- "@slide-right-in": "slide-right-in_6v1h7",
36
- "@slide-right-out": "slide-right-out_6v1h7",
37
- "@transform-enter": "transform-enter_6v1h7",
38
- "--transformStart": "--transformStart_6v1h7",
39
- "--transformEnd": "--transformEnd_6v1h7",
40
- "@transform-exit": "transform-exit_6v1h7"
13
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_14nb6{0%,to{overflow:clip}}@keyframes collapse-exit_14nb6{0%,to{overflow:clip}}@keyframes fade-in-out-enter_14nb6{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_14nb6{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_14nb6{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_14nb6{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_14nb6{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_14nb6{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_14nb6{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_14nb6{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_14nb6{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_14nb6{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_14nb6{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_14nb6{0%{transform:var(--transformStart_14nb6)}to{transform:var(--transformEnd_14nb6)}}@keyframes transform-exit_14nb6{0%{transform:var(--transformEnd_14nb6)}to{transform:var(--transformStart_14nb6)}}.___SCollapse_14nb6_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "14nb6_gg_") /*__reshadow_css_end__*/, {
14
+ "@collapse-enter": "collapse-enter_14nb6",
15
+ "@collapse-exit": "collapse-exit_14nb6",
16
+ "__SCollapse": "___SCollapse_14nb6_gg_",
17
+ "@fade-in-out-enter": "fade-in-out-enter_14nb6",
18
+ "@fade-in-out-exit": "fade-in-out-exit_14nb6",
19
+ "@opacity-in": "opacity-in_14nb6",
20
+ "@opacity-out": "opacity-out_14nb6",
21
+ "@scale-left-in": "scale-left-in_14nb6",
22
+ "@scale-right-in": "scale-right-in_14nb6",
23
+ "@scale-top-in": "scale-top-in_14nb6",
24
+ "@scale-bottom-in": "scale-bottom-in_14nb6",
25
+ "@scale-left-out": "scale-left-out_14nb6",
26
+ "@scale-right-out": "scale-right-out_14nb6",
27
+ "@scale-top-out": "scale-top-out_14nb6",
28
+ "@scale-bottom-out": "scale-bottom-out_14nb6",
29
+ "@slide-top-in": "slide-top-in_14nb6",
30
+ "@slide-top-out": "slide-top-out_14nb6",
31
+ "@slide-bottom-in": "slide-bottom-in_14nb6",
32
+ "@slide-bottom-out": "slide-bottom-out_14nb6",
33
+ "@slide-left-in": "slide-left-in_14nb6",
34
+ "@slide-left-out": "slide-left-out_14nb6",
35
+ "@slide-right-in": "slide-right-in_14nb6",
36
+ "@slide-right-out": "slide-right-out_14nb6",
37
+ "@transform-enter": "transform-enter_14nb6",
38
+ "--transformStart": "--transformStart_14nb6",
39
+ "--transformEnd": "--transformEnd_14nb6",
40
+ "@transform-exit": "transform-exit_14nb6"
41
41
  });
42
42
  function Slide(props, ref) {
43
43
  var _ref;
package/animation/lib/cjs/Transform.js CHANGED
@@ -12,34 +12,34 @@ var _react = _interopRequireDefault(require("react"));
12
12
  var _Animation = _interopRequireDefault(require("./Animation"));
13
13
  var _excluded = ["transform"];
14
14
  /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
15
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_6v1h7{0%,to{overflow:clip}}@keyframes collapse-exit_6v1h7{0%,to{overflow:clip}}@keyframes fade-in-out-enter_6v1h7{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_6v1h7{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_6v1h7{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_6v1h7{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_6v1h7{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_6v1h7{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_6v1h7{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_6v1h7{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_6v1h7{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_6v1h7{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_6v1h7{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_6v1h7{0%{transform:var(--transformStart_6v1h7)}to{transform:var(--transformEnd_6v1h7)}}@keyframes transform-exit_6v1h7{0%{transform:var(--transformEnd_6v1h7)}to{transform:var(--transformStart_6v1h7)}}.___SCollapse_6v1h7_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "6v1h7_gg_") /*__reshadow_css_end__*/, {
16
- "@collapse-enter": "collapse-enter_6v1h7",
17
- "@collapse-exit": "collapse-exit_6v1h7",
18
- "__SCollapse": "___SCollapse_6v1h7_gg_",
19
- "@fade-in-out-enter": "fade-in-out-enter_6v1h7",
20
- "@fade-in-out-exit": "fade-in-out-exit_6v1h7",
21
- "@opacity-in": "opacity-in_6v1h7",
22
- "@opacity-out": "opacity-out_6v1h7",
23
- "@scale-left-in": "scale-left-in_6v1h7",
24
- "@scale-right-in": "scale-right-in_6v1h7",
25
- "@scale-top-in": "scale-top-in_6v1h7",
26
- "@scale-bottom-in": "scale-bottom-in_6v1h7",
27
- "@scale-left-out": "scale-left-out_6v1h7",
28
- "@scale-right-out": "scale-right-out_6v1h7",
29
- "@scale-top-out": "scale-top-out_6v1h7",
30
- "@scale-bottom-out": "scale-bottom-out_6v1h7",
31
- "@slide-top-in": "slide-top-in_6v1h7",
32
- "@slide-top-out": "slide-top-out_6v1h7",
33
- "@slide-bottom-in": "slide-bottom-in_6v1h7",
34
- "@slide-bottom-out": "slide-bottom-out_6v1h7",
35
- "@slide-left-in": "slide-left-in_6v1h7",
36
- "@slide-left-out": "slide-left-out_6v1h7",
37
- "@slide-right-in": "slide-right-in_6v1h7",
38
- "@slide-right-out": "slide-right-out_6v1h7",
39
- "@transform-enter": "transform-enter_6v1h7",
40
- "--transformStart": "--transformStart_6v1h7",
41
- "--transformEnd": "--transformEnd_6v1h7",
42
- "@transform-exit": "transform-exit_6v1h7"
15
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_14nb6{0%,to{overflow:clip}}@keyframes collapse-exit_14nb6{0%,to{overflow:clip}}@keyframes fade-in-out-enter_14nb6{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_14nb6{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_14nb6{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_14nb6{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_14nb6{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_14nb6{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_14nb6{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_14nb6{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_14nb6{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_14nb6{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_14nb6{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_14nb6{0%{transform:var(--transformStart_14nb6)}to{transform:var(--transformEnd_14nb6)}}@keyframes transform-exit_14nb6{0%{transform:var(--transformEnd_14nb6)}to{transform:var(--transformStart_14nb6)}}.___SCollapse_14nb6_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "14nb6_gg_") /*__reshadow_css_end__*/, {
16
+ "@collapse-enter": "collapse-enter_14nb6",
17
+ "@collapse-exit": "collapse-exit_14nb6",
18
+ "__SCollapse": "___SCollapse_14nb6_gg_",
19
+ "@fade-in-out-enter": "fade-in-out-enter_14nb6",
20
+ "@fade-in-out-exit": "fade-in-out-exit_14nb6",
21
+ "@opacity-in": "opacity-in_14nb6",
22
+ "@opacity-out": "opacity-out_14nb6",
23
+ "@scale-left-in": "scale-left-in_14nb6",
24
+ "@scale-right-in": "scale-right-in_14nb6",
25
+ "@scale-top-in": "scale-top-in_14nb6",
26
+ "@scale-bottom-in": "scale-bottom-in_14nb6",
27
+ "@scale-left-out": "scale-left-out_14nb6",
28
+ "@scale-right-out": "scale-right-out_14nb6",
29
+ "@scale-top-out": "scale-top-out_14nb6",
30
+ "@scale-bottom-out": "scale-bottom-out_14nb6",
31
+ "@slide-top-in": "slide-top-in_14nb6",
32
+ "@slide-top-out": "slide-top-out_14nb6",
33
+ "@slide-bottom-in": "slide-bottom-in_14nb6",
34
+ "@slide-bottom-out": "slide-bottom-out_14nb6",
35
+ "@slide-left-in": "slide-left-in_14nb6",
36
+ "@slide-left-out": "slide-left-out_14nb6",
37
+ "@slide-right-in": "slide-right-in_14nb6",
38
+ "@slide-right-out": "slide-right-out_14nb6",
39
+ "@transform-enter": "transform-enter_14nb6",
40
+ "--transformStart": "--transformStart_14nb6",
41
+ "--transformEnd": "--transformEnd_14nb6",
42
+ "@transform-exit": "transform-exit_14nb6"
43
43
  });
44
44
  function Transform(props, ref) {
45
45
  var _ref;
package/animation/lib/es6/Animation.js CHANGED
@@ -12,17 +12,17 @@ import createComponent, { Component, Root, sstyled } from 'intergalactic/core';
12
12
  import { Box } from 'intergalactic/flex-box';
13
13
  import contextEnhance from 'intergalactic/utils/lib/enhances/contextEnhance';
14
14
  /*__reshadow-styles__:"./style/animate.shadow.css"*/
15
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAnimation_jls55_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_jls55);animation-duration:var(--durationFinalize_jls55);animation-delay:var(--delayFinalize_jls55);animation-name:var(--keyframesFinalize_jls55)}.___SAnimation_jls55_gg_.__transition-based_jls55_gg_{transition-timing-function:var(--timingFunction_jls55);transition-duration:var(--durationFinalize_jls55);transition-delay:var(--delayFinalize_jls55)}.___SAnimation_jls55_gg_.__visible_jls55_gg_{animation-duration:var(--durationInitialize_jls55);animation-delay:var(--delayInitialize_jls55);animation-name:var(--keyframesInitialize_jls55)}.___SAnimation_jls55_gg_.__visible_jls55_gg_.__transition-based_jls55_gg_{transition-timing-function:var(--timingFunction_jls55);transition-duration:var(--durationInitialize_jls55);transition-delay:var(--delayInitialize_jls55)}@media (prefers-reduced-motion){.___SAnimation_jls55_gg_.__transition-based_jls55_gg_,.___SAnimation_jls55_gg_.__visible_jls55_gg_.__transition-based_jls55_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_jls55_gg_,.___SAnimation_jls55_gg_.__visible_jls55_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "jls55_gg_") /*__reshadow_css_end__*/, {
16
- "__SAnimation": "___SAnimation_jls55_gg_",
17
- "--timingFunction": "--timingFunction_jls55",
18
- "--durationFinalize": "--durationFinalize_jls55",
19
- "--delayFinalize": "--delayFinalize_jls55",
20
- "--keyframesFinalize": "--keyframesFinalize_jls55",
21
- "_transition-based": "__transition-based_jls55_gg_",
22
- "_visible": "__visible_jls55_gg_",
23
- "--durationInitialize": "--durationInitialize_jls55",
24
- "--delayInitialize": "--delayInitialize_jls55",
25
- "--keyframesInitialize": "--keyframesInitialize_jls55"
15
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAnimation_14fx3_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_14fx3);animation-duration:var(--durationFinalize_14fx3);animation-delay:var(--delayFinalize_14fx3);animation-name:var(--keyframesFinalize_14fx3)}.___SAnimation_14fx3_gg_.__transition-based_14fx3_gg_{transition-timing-function:var(--timingFunction_14fx3);transition-duration:var(--durationFinalize_14fx3);transition-delay:var(--delayFinalize_14fx3)}.___SAnimation_14fx3_gg_.__visible_14fx3_gg_{animation-duration:var(--durationInitialize_14fx3);animation-delay:var(--delayInitialize_14fx3);animation-name:var(--keyframesInitialize_14fx3)}.___SAnimation_14fx3_gg_.__visible_14fx3_gg_.__transition-based_14fx3_gg_{transition-timing-function:var(--timingFunction_14fx3);transition-duration:var(--durationInitialize_14fx3);transition-delay:var(--delayInitialize_14fx3)}@media (prefers-reduced-motion){.___SAnimation_14fx3_gg_.__transition-based_14fx3_gg_,.___SAnimation_14fx3_gg_.__visible_14fx3_gg_.__transition-based_14fx3_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_14fx3_gg_,.___SAnimation_14fx3_gg_.__visible_14fx3_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "14fx3_gg_") /*__reshadow_css_end__*/, {
16
+ "__SAnimation": "___SAnimation_14fx3_gg_",
17
+ "--timingFunction": "--timingFunction_14fx3",
18
+ "--durationFinalize": "--durationFinalize_14fx3",
19
+ "--delayFinalize": "--delayFinalize_14fx3",
20
+ "--keyframesFinalize": "--keyframesFinalize_14fx3",
21
+ "_transition-based": "__transition-based_14fx3_gg_",
22
+ "_visible": "__visible_14fx3_gg_",
23
+ "--durationInitialize": "--durationInitialize_14fx3",
24
+ "--delayInitialize": "--delayInitialize_14fx3",
25
+ "--keyframesInitialize": "--keyframesInitialize_14fx3"
26
26
  });
27
27
  function propToArray(prop) {
28
28
  return Array.isArray(prop) ? prop : [prop, prop];
package/animation/lib/es6/Collapse.js CHANGED
@@ -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_6v1h7{0%,to{overflow:clip}}@keyframes collapse-exit_6v1h7{0%,to{overflow:clip}}@keyframes fade-in-out-enter_6v1h7{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_6v1h7{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_6v1h7{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_6v1h7{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_6v1h7{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_6v1h7{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_6v1h7{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_6v1h7{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_6v1h7{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_6v1h7{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_6v1h7{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_6v1h7{0%{transform:var(--transformStart_6v1h7)}to{transform:var(--transformEnd_6v1h7)}}@keyframes transform-exit_6v1h7{0%{transform:var(--transformEnd_6v1h7)}to{transform:var(--transformStart_6v1h7)}}.___SCollapse_6v1h7_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "6v1h7_gg_") /*__reshadow_css_end__*/, {
10
- "@collapse-enter": "collapse-enter_6v1h7",
11
- "@collapse-exit": "collapse-exit_6v1h7",
12
- "__SCollapse": "___SCollapse_6v1h7_gg_",
13
- "@fade-in-out-enter": "fade-in-out-enter_6v1h7",
14
- "@fade-in-out-exit": "fade-in-out-exit_6v1h7",
15
- "@opacity-in": "opacity-in_6v1h7",
16
- "@opacity-out": "opacity-out_6v1h7",
17
- "@scale-left-in": "scale-left-in_6v1h7",
18
- "@scale-right-in": "scale-right-in_6v1h7",
19
- "@scale-top-in": "scale-top-in_6v1h7",
20
- "@scale-bottom-in": "scale-bottom-in_6v1h7",
21
- "@scale-left-out": "scale-left-out_6v1h7",
22
- "@scale-right-out": "scale-right-out_6v1h7",
23
- "@scale-top-out": "scale-top-out_6v1h7",
24
- "@scale-bottom-out": "scale-bottom-out_6v1h7",
25
- "@slide-top-in": "slide-top-in_6v1h7",
26
- "@slide-top-out": "slide-top-out_6v1h7",
27
- "@slide-bottom-in": "slide-bottom-in_6v1h7",
28
- "@slide-bottom-out": "slide-bottom-out_6v1h7",
29
- "@slide-left-in": "slide-left-in_6v1h7",
30
- "@slide-left-out": "slide-left-out_6v1h7",
31
- "@slide-right-in": "slide-right-in_6v1h7",
32
- "@slide-right-out": "slide-right-out_6v1h7",
33
- "@transform-enter": "transform-enter_6v1h7",
34
- "--transformStart": "--transformStart_6v1h7",
35
- "--transformEnd": "--transformEnd_6v1h7",
36
- "@transform-exit": "transform-exit_6v1h7"
9
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_14nb6{0%,to{overflow:clip}}@keyframes collapse-exit_14nb6{0%,to{overflow:clip}}@keyframes fade-in-out-enter_14nb6{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_14nb6{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_14nb6{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_14nb6{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_14nb6{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_14nb6{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_14nb6{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_14nb6{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_14nb6{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_14nb6{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_14nb6{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_14nb6{0%{transform:var(--transformStart_14nb6)}to{transform:var(--transformEnd_14nb6)}}@keyframes transform-exit_14nb6{0%{transform:var(--transformEnd_14nb6)}to{transform:var(--transformStart_14nb6)}}.___SCollapse_14nb6_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "14nb6_gg_") /*__reshadow_css_end__*/, {
10
+ "@collapse-enter": "collapse-enter_14nb6",
11
+ "@collapse-exit": "collapse-exit_14nb6",
12
+ "__SCollapse": "___SCollapse_14nb6_gg_",
13
+ "@fade-in-out-enter": "fade-in-out-enter_14nb6",
14
+ "@fade-in-out-exit": "fade-in-out-exit_14nb6",
15
+ "@opacity-in": "opacity-in_14nb6",
16
+ "@opacity-out": "opacity-out_14nb6",
17
+ "@scale-left-in": "scale-left-in_14nb6",
18
+ "@scale-right-in": "scale-right-in_14nb6",
19
+ "@scale-top-in": "scale-top-in_14nb6",
20
+ "@scale-bottom-in": "scale-bottom-in_14nb6",
21
+ "@scale-left-out": "scale-left-out_14nb6",
22
+ "@scale-right-out": "scale-right-out_14nb6",
23
+ "@scale-top-out": "scale-top-out_14nb6",
24
+ "@scale-bottom-out": "scale-bottom-out_14nb6",
25
+ "@slide-top-in": "slide-top-in_14nb6",
26
+ "@slide-top-out": "slide-top-out_14nb6",
27
+ "@slide-bottom-in": "slide-bottom-in_14nb6",
28
+ "@slide-bottom-out": "slide-bottom-out_14nb6",
29
+ "@slide-left-in": "slide-left-in_14nb6",
30
+ "@slide-left-out": "slide-left-out_14nb6",
31
+ "@slide-right-in": "slide-right-in_14nb6",
32
+ "@slide-right-out": "slide-right-out_14nb6",
33
+ "@transform-enter": "transform-enter_14nb6",
34
+ "--transformStart": "--transformStart_14nb6",
35
+ "--transformEnd": "--transformEnd_14nb6",
36
+ "@transform-exit": "transform-exit_14nb6"
37
37
  });
38
38
  import { useForkRef } from 'intergalactic/utils/lib/ref';
39
39
  import useEnhancedEffect from 'intergalactic/utils/lib/use/useEnhancedEffect';
package/animation/lib/es6/FadeInOut.js CHANGED
@@ -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_6v1h7{0%,to{overflow:clip}}@keyframes collapse-exit_6v1h7{0%,to{overflow:clip}}@keyframes fade-in-out-enter_6v1h7{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_6v1h7{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_6v1h7{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_6v1h7{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_6v1h7{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_6v1h7{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_6v1h7{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_6v1h7{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_6v1h7{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_6v1h7{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_6v1h7{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_6v1h7{0%{transform:var(--transformStart_6v1h7)}to{transform:var(--transformEnd_6v1h7)}}@keyframes transform-exit_6v1h7{0%{transform:var(--transformEnd_6v1h7)}to{transform:var(--transformStart_6v1h7)}}.___SCollapse_6v1h7_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "6v1h7_gg_") /*__reshadow_css_end__*/, {
8
- "@collapse-enter": "collapse-enter_6v1h7",
9
- "@collapse-exit": "collapse-exit_6v1h7",
10
- "__SCollapse": "___SCollapse_6v1h7_gg_",
11
- "@fade-in-out-enter": "fade-in-out-enter_6v1h7",
12
- "@fade-in-out-exit": "fade-in-out-exit_6v1h7",
13
- "@opacity-in": "opacity-in_6v1h7",
14
- "@opacity-out": "opacity-out_6v1h7",
15
- "@scale-left-in": "scale-left-in_6v1h7",
16
- "@scale-right-in": "scale-right-in_6v1h7",
17
- "@scale-top-in": "scale-top-in_6v1h7",
18
- "@scale-bottom-in": "scale-bottom-in_6v1h7",
19
- "@scale-left-out": "scale-left-out_6v1h7",
20
- "@scale-right-out": "scale-right-out_6v1h7",
21
- "@scale-top-out": "scale-top-out_6v1h7",
22
- "@scale-bottom-out": "scale-bottom-out_6v1h7",
23
- "@slide-top-in": "slide-top-in_6v1h7",
24
- "@slide-top-out": "slide-top-out_6v1h7",
25
- "@slide-bottom-in": "slide-bottom-in_6v1h7",
26
- "@slide-bottom-out": "slide-bottom-out_6v1h7",
27
- "@slide-left-in": "slide-left-in_6v1h7",
28
- "@slide-left-out": "slide-left-out_6v1h7",
29
- "@slide-right-in": "slide-right-in_6v1h7",
30
- "@slide-right-out": "slide-right-out_6v1h7",
31
- "@transform-enter": "transform-enter_6v1h7",
32
- "--transformStart": "--transformStart_6v1h7",
33
- "--transformEnd": "--transformEnd_6v1h7",
34
- "@transform-exit": "transform-exit_6v1h7"
7
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_14nb6{0%,to{overflow:clip}}@keyframes collapse-exit_14nb6{0%,to{overflow:clip}}@keyframes fade-in-out-enter_14nb6{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_14nb6{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_14nb6{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_14nb6{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_14nb6{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_14nb6{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_14nb6{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_14nb6{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_14nb6{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_14nb6{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_14nb6{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_14nb6{0%{transform:var(--transformStart_14nb6)}to{transform:var(--transformEnd_14nb6)}}@keyframes transform-exit_14nb6{0%{transform:var(--transformEnd_14nb6)}to{transform:var(--transformStart_14nb6)}}.___SCollapse_14nb6_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "14nb6_gg_") /*__reshadow_css_end__*/, {
8
+ "@collapse-enter": "collapse-enter_14nb6",
9
+ "@collapse-exit": "collapse-exit_14nb6",
10
+ "__SCollapse": "___SCollapse_14nb6_gg_",
11
+ "@fade-in-out-enter": "fade-in-out-enter_14nb6",
12
+ "@fade-in-out-exit": "fade-in-out-exit_14nb6",
13
+ "@opacity-in": "opacity-in_14nb6",
14
+ "@opacity-out": "opacity-out_14nb6",
15
+ "@scale-left-in": "scale-left-in_14nb6",
16
+ "@scale-right-in": "scale-right-in_14nb6",
17
+ "@scale-top-in": "scale-top-in_14nb6",
18
+ "@scale-bottom-in": "scale-bottom-in_14nb6",
19
+ "@scale-left-out": "scale-left-out_14nb6",
20
+ "@scale-right-out": "scale-right-out_14nb6",
21
+ "@scale-top-out": "scale-top-out_14nb6",
22
+ "@scale-bottom-out": "scale-bottom-out_14nb6",
23
+ "@slide-top-in": "slide-top-in_14nb6",
24
+ "@slide-top-out": "slide-top-out_14nb6",
25
+ "@slide-bottom-in": "slide-bottom-in_14nb6",
26
+ "@slide-bottom-out": "slide-bottom-out_14nb6",
27
+ "@slide-left-in": "slide-left-in_14nb6",
28
+ "@slide-left-out": "slide-left-out_14nb6",
29
+ "@slide-right-in": "slide-right-in_14nb6",
30
+ "@slide-right-out": "slide-right-out_14nb6",
31
+ "@transform-enter": "transform-enter_14nb6",
32
+ "--transformStart": "--transformStart_14nb6",
33
+ "--transformEnd": "--transformEnd_14nb6",
34
+ "@transform-exit": "transform-exit_14nb6"
35
35
  });
36
36
  function FadeInOut(props, ref) {
37
37
  var _ref;
package/animation/lib/es6/Scale.js CHANGED
@@ -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_6v1h7{0%,to{overflow:clip}}@keyframes collapse-exit_6v1h7{0%,to{overflow:clip}}@keyframes fade-in-out-enter_6v1h7{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_6v1h7{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_6v1h7{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_6v1h7{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_6v1h7{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_6v1h7{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_6v1h7{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_6v1h7{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_6v1h7{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_6v1h7{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_6v1h7{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_6v1h7{0%{transform:var(--transformStart_6v1h7)}to{transform:var(--transformEnd_6v1h7)}}@keyframes transform-exit_6v1h7{0%{transform:var(--transformEnd_6v1h7)}to{transform:var(--transformStart_6v1h7)}}.___SCollapse_6v1h7_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "6v1h7_gg_") /*__reshadow_css_end__*/, {
9
- "@collapse-enter": "collapse-enter_6v1h7",
10
- "@collapse-exit": "collapse-exit_6v1h7",
11
- "__SCollapse": "___SCollapse_6v1h7_gg_",
12
- "@fade-in-out-enter": "fade-in-out-enter_6v1h7",
13
- "@fade-in-out-exit": "fade-in-out-exit_6v1h7",
14
- "@opacity-in": "opacity-in_6v1h7",
15
- "@opacity-out": "opacity-out_6v1h7",
16
- "@scale-left-in": "scale-left-in_6v1h7",
17
- "@scale-right-in": "scale-right-in_6v1h7",
18
- "@scale-top-in": "scale-top-in_6v1h7",
19
- "@scale-bottom-in": "scale-bottom-in_6v1h7",
20
- "@scale-left-out": "scale-left-out_6v1h7",
21
- "@scale-right-out": "scale-right-out_6v1h7",
22
- "@scale-top-out": "scale-top-out_6v1h7",
23
- "@scale-bottom-out": "scale-bottom-out_6v1h7",
24
- "@slide-top-in": "slide-top-in_6v1h7",
25
- "@slide-top-out": "slide-top-out_6v1h7",
26
- "@slide-bottom-in": "slide-bottom-in_6v1h7",
27
- "@slide-bottom-out": "slide-bottom-out_6v1h7",
28
- "@slide-left-in": "slide-left-in_6v1h7",
29
- "@slide-left-out": "slide-left-out_6v1h7",
30
- "@slide-right-in": "slide-right-in_6v1h7",
31
- "@slide-right-out": "slide-right-out_6v1h7",
32
- "@transform-enter": "transform-enter_6v1h7",
33
- "--transformStart": "--transformStart_6v1h7",
34
- "--transformEnd": "--transformEnd_6v1h7",
35
- "@transform-exit": "transform-exit_6v1h7"
8
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_14nb6{0%,to{overflow:clip}}@keyframes collapse-exit_14nb6{0%,to{overflow:clip}}@keyframes fade-in-out-enter_14nb6{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_14nb6{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_14nb6{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_14nb6{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_14nb6{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_14nb6{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_14nb6{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_14nb6{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_14nb6{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_14nb6{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_14nb6{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_14nb6{0%{transform:var(--transformStart_14nb6)}to{transform:var(--transformEnd_14nb6)}}@keyframes transform-exit_14nb6{0%{transform:var(--transformEnd_14nb6)}to{transform:var(--transformStart_14nb6)}}.___SCollapse_14nb6_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "14nb6_gg_") /*__reshadow_css_end__*/, {
9
+ "@collapse-enter": "collapse-enter_14nb6",
10
+ "@collapse-exit": "collapse-exit_14nb6",
11
+ "__SCollapse": "___SCollapse_14nb6_gg_",
12
+ "@fade-in-out-enter": "fade-in-out-enter_14nb6",
13
+ "@fade-in-out-exit": "fade-in-out-exit_14nb6",
14
+ "@opacity-in": "opacity-in_14nb6",
15
+ "@opacity-out": "opacity-out_14nb6",
16
+ "@scale-left-in": "scale-left-in_14nb6",
17
+ "@scale-right-in": "scale-right-in_14nb6",
18
+ "@scale-top-in": "scale-top-in_14nb6",
19
+ "@scale-bottom-in": "scale-bottom-in_14nb6",
20
+ "@scale-left-out": "scale-left-out_14nb6",
21
+ "@scale-right-out": "scale-right-out_14nb6",
22
+ "@scale-top-out": "scale-top-out_14nb6",
23
+ "@scale-bottom-out": "scale-bottom-out_14nb6",
24
+ "@slide-top-in": "slide-top-in_14nb6",
25
+ "@slide-top-out": "slide-top-out_14nb6",
26
+ "@slide-bottom-in": "slide-bottom-in_14nb6",
27
+ "@slide-bottom-out": "slide-bottom-out_14nb6",
28
+ "@slide-left-in": "slide-left-in_14nb6",
29
+ "@slide-left-out": "slide-left-out_14nb6",
30
+ "@slide-right-in": "slide-right-in_14nb6",
31
+ "@slide-right-out": "slide-right-out_14nb6",
32
+ "@transform-enter": "transform-enter_14nb6",
33
+ "--transformStart": "--transformStart_14nb6",
34
+ "--transformEnd": "--transformEnd_14nb6",
35
+ "@transform-exit": "transform-exit_14nb6"
36
36
  });
37
37
  import { useForkRef } from 'intergalactic/utils/lib/ref';
38
38
  function Scale(props, ref) {
package/animation/lib/es6/Slide.js CHANGED
@@ -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_6v1h7{0%,to{overflow:clip}}@keyframes collapse-exit_6v1h7{0%,to{overflow:clip}}@keyframes fade-in-out-enter_6v1h7{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_6v1h7{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_6v1h7{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_6v1h7{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_6v1h7{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_6v1h7{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_6v1h7{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_6v1h7{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_6v1h7{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_6v1h7{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_6v1h7{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_6v1h7{0%{transform:var(--transformStart_6v1h7)}to{transform:var(--transformEnd_6v1h7)}}@keyframes transform-exit_6v1h7{0%{transform:var(--transformEnd_6v1h7)}to{transform:var(--transformStart_6v1h7)}}.___SCollapse_6v1h7_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "6v1h7_gg_") /*__reshadow_css_end__*/, {
8
- "@collapse-enter": "collapse-enter_6v1h7",
9
- "@collapse-exit": "collapse-exit_6v1h7",
10
- "__SCollapse": "___SCollapse_6v1h7_gg_",
11
- "@fade-in-out-enter": "fade-in-out-enter_6v1h7",
12
- "@fade-in-out-exit": "fade-in-out-exit_6v1h7",
13
- "@opacity-in": "opacity-in_6v1h7",
14
- "@opacity-out": "opacity-out_6v1h7",
15
- "@scale-left-in": "scale-left-in_6v1h7",
16
- "@scale-right-in": "scale-right-in_6v1h7",
17
- "@scale-top-in": "scale-top-in_6v1h7",
18
- "@scale-bottom-in": "scale-bottom-in_6v1h7",
19
- "@scale-left-out": "scale-left-out_6v1h7",
20
- "@scale-right-out": "scale-right-out_6v1h7",
21
- "@scale-top-out": "scale-top-out_6v1h7",
22
- "@scale-bottom-out": "scale-bottom-out_6v1h7",
23
- "@slide-top-in": "slide-top-in_6v1h7",
24
- "@slide-top-out": "slide-top-out_6v1h7",
25
- "@slide-bottom-in": "slide-bottom-in_6v1h7",
26
- "@slide-bottom-out": "slide-bottom-out_6v1h7",
27
- "@slide-left-in": "slide-left-in_6v1h7",
28
- "@slide-left-out": "slide-left-out_6v1h7",
29
- "@slide-right-in": "slide-right-in_6v1h7",
30
- "@slide-right-out": "slide-right-out_6v1h7",
31
- "@transform-enter": "transform-enter_6v1h7",
32
- "--transformStart": "--transformStart_6v1h7",
33
- "--transformEnd": "--transformEnd_6v1h7",
34
- "@transform-exit": "transform-exit_6v1h7"
7
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_14nb6{0%,to{overflow:clip}}@keyframes collapse-exit_14nb6{0%,to{overflow:clip}}@keyframes fade-in-out-enter_14nb6{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_14nb6{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_14nb6{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_14nb6{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_14nb6{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_14nb6{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_14nb6{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_14nb6{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_14nb6{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_14nb6{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_14nb6{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_14nb6{0%{transform:var(--transformStart_14nb6)}to{transform:var(--transformEnd_14nb6)}}@keyframes transform-exit_14nb6{0%{transform:var(--transformEnd_14nb6)}to{transform:var(--transformStart_14nb6)}}.___SCollapse_14nb6_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "14nb6_gg_") /*__reshadow_css_end__*/, {
8
+ "@collapse-enter": "collapse-enter_14nb6",
9
+ "@collapse-exit": "collapse-exit_14nb6",
10
+ "__SCollapse": "___SCollapse_14nb6_gg_",
11
+ "@fade-in-out-enter": "fade-in-out-enter_14nb6",
12
+ "@fade-in-out-exit": "fade-in-out-exit_14nb6",
13
+ "@opacity-in": "opacity-in_14nb6",
14
+ "@opacity-out": "opacity-out_14nb6",
15
+ "@scale-left-in": "scale-left-in_14nb6",
16
+ "@scale-right-in": "scale-right-in_14nb6",
17
+ "@scale-top-in": "scale-top-in_14nb6",
18
+ "@scale-bottom-in": "scale-bottom-in_14nb6",
19
+ "@scale-left-out": "scale-left-out_14nb6",
20
+ "@scale-right-out": "scale-right-out_14nb6",
21
+ "@scale-top-out": "scale-top-out_14nb6",
22
+ "@scale-bottom-out": "scale-bottom-out_14nb6",
23
+ "@slide-top-in": "slide-top-in_14nb6",
24
+ "@slide-top-out": "slide-top-out_14nb6",
25
+ "@slide-bottom-in": "slide-bottom-in_14nb6",
26
+ "@slide-bottom-out": "slide-bottom-out_14nb6",
27
+ "@slide-left-in": "slide-left-in_14nb6",
28
+ "@slide-left-out": "slide-left-out_14nb6",
29
+ "@slide-right-in": "slide-right-in_14nb6",
30
+ "@slide-right-out": "slide-right-out_14nb6",
31
+ "@transform-enter": "transform-enter_14nb6",
32
+ "--transformStart": "--transformStart_14nb6",
33
+ "--transformEnd": "--transformEnd_14nb6",
34
+ "@transform-exit": "transform-exit_14nb6"
35
35
  });
36
36
  function Slide(props, ref) {
37
37
  var _ref;
package/animation/lib/es6/Transform.js CHANGED
@@ -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_6v1h7{0%,to{overflow:clip}}@keyframes collapse-exit_6v1h7{0%,to{overflow:clip}}@keyframes fade-in-out-enter_6v1h7{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_6v1h7{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_6v1h7{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_6v1h7{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{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_6v1h7{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_6v1h7{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_6v1h7{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_6v1h7{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_6v1h7{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_6v1h7{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_6v1h7{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_6v1h7{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_6v1h7{0%{transform:var(--transformStart_6v1h7)}to{transform:var(--transformEnd_6v1h7)}}@keyframes transform-exit_6v1h7{0%{transform:var(--transformEnd_6v1h7)}to{transform:var(--transformStart_6v1h7)}}.___SCollapse_6v1h7_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "6v1h7_gg_") /*__reshadow_css_end__*/, {
10
- "@collapse-enter": "collapse-enter_6v1h7",
11
- "@collapse-exit": "collapse-exit_6v1h7",
12
- "__SCollapse": "___SCollapse_6v1h7_gg_",
13
- "@fade-in-out-enter": "fade-in-out-enter_6v1h7",
14
- "@fade-in-out-exit": "fade-in-out-exit_6v1h7",
15
- "@opacity-in": "opacity-in_6v1h7",
16
- "@opacity-out": "opacity-out_6v1h7",
17
- "@scale-left-in": "scale-left-in_6v1h7",
18
- "@scale-right-in": "scale-right-in_6v1h7",
19
- "@scale-top-in": "scale-top-in_6v1h7",
20
- "@scale-bottom-in": "scale-bottom-in_6v1h7",
21
- "@scale-left-out": "scale-left-out_6v1h7",
22
- "@scale-right-out": "scale-right-out_6v1h7",
23
- "@scale-top-out": "scale-top-out_6v1h7",
24
- "@scale-bottom-out": "scale-bottom-out_6v1h7",
25
- "@slide-top-in": "slide-top-in_6v1h7",
26
- "@slide-top-out": "slide-top-out_6v1h7",
27
- "@slide-bottom-in": "slide-bottom-in_6v1h7",
28
- "@slide-bottom-out": "slide-bottom-out_6v1h7",
29
- "@slide-left-in": "slide-left-in_6v1h7",
30
- "@slide-left-out": "slide-left-out_6v1h7",
31
- "@slide-right-in": "slide-right-in_6v1h7",
32
- "@slide-right-out": "slide-right-out_6v1h7",
33
- "@transform-enter": "transform-enter_6v1h7",
34
- "--transformStart": "--transformStart_6v1h7",
35
- "--transformEnd": "--transformEnd_6v1h7",
36
- "@transform-exit": "transform-exit_6v1h7"
9
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_14nb6{0%,to{overflow:clip}}@keyframes collapse-exit_14nb6{0%,to{overflow:clip}}@keyframes fade-in-out-enter_14nb6{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_14nb6{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_14nb6{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_14nb6{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{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_14nb6{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_14nb6{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_14nb6{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_14nb6{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_14nb6{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_14nb6{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_14nb6{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_14nb6{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_14nb6{0%{transform:var(--transformStart_14nb6)}to{transform:var(--transformEnd_14nb6)}}@keyframes transform-exit_14nb6{0%{transform:var(--transformEnd_14nb6)}to{transform:var(--transformStart_14nb6)}}.___SCollapse_14nb6_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "14nb6_gg_") /*__reshadow_css_end__*/, {
10
+ "@collapse-enter": "collapse-enter_14nb6",
11
+ "@collapse-exit": "collapse-exit_14nb6",
12
+ "__SCollapse": "___SCollapse_14nb6_gg_",
13
+ "@fade-in-out-enter": "fade-in-out-enter_14nb6",
14
+ "@fade-in-out-exit": "fade-in-out-exit_14nb6",
15
+ "@opacity-in": "opacity-in_14nb6",
16
+ "@opacity-out": "opacity-out_14nb6",
17
+ "@scale-left-in": "scale-left-in_14nb6",
18
+ "@scale-right-in": "scale-right-in_14nb6",
19
+ "@scale-top-in": "scale-top-in_14nb6",
20
+ "@scale-bottom-in": "scale-bottom-in_14nb6",
21
+ "@scale-left-out": "scale-left-out_14nb6",
22
+ "@scale-right-out": "scale-right-out_14nb6",
23
+ "@scale-top-out": "scale-top-out_14nb6",
24
+ "@scale-bottom-out": "scale-bottom-out_14nb6",
25
+ "@slide-top-in": "slide-top-in_14nb6",
26
+ "@slide-top-out": "slide-top-out_14nb6",
27
+ "@slide-bottom-in": "slide-bottom-in_14nb6",
28
+ "@slide-bottom-out": "slide-bottom-out_14nb6",
29
+ "@slide-left-in": "slide-left-in_14nb6",
30
+ "@slide-left-out": "slide-left-out_14nb6",
31
+ "@slide-right-in": "slide-right-in_14nb6",
32
+ "@slide-right-out": "slide-right-out_14nb6",
33
+ "@transform-enter": "transform-enter_14nb6",
34
+ "--transformStart": "--transformStart_14nb6",
35
+ "--transformEnd": "--transformEnd_14nb6",
36
+ "@transform-exit": "transform-exit_14nb6"
37
37
  });
38
38
  function Transform(props, ref) {
39
39
  var _ref;