intergalactic 15.54.1 → 15.55.0-prerelease.0-prerelease-ed0bbc02

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 (321) hide show
  1. package/CHANGELOG.md +44 -0
  2. package/accordion/lib/cjs/Accordion.js +7 -7
  3. package/accordion/lib/es6/Accordion.js +7 -7
  4. package/animation/lib/cjs/Animation.js +11 -11
  5. package/animation/lib/cjs/Collapse.js +28 -28
  6. package/animation/lib/cjs/FadeInOut.js +28 -28
  7. package/animation/lib/cjs/Scale.js +28 -28
  8. package/animation/lib/cjs/Slide.js +28 -28
  9. package/animation/lib/cjs/Transform.js +28 -28
  10. package/animation/lib/es6/Animation.js +11 -11
  11. package/animation/lib/es6/Collapse.js +28 -28
  12. package/animation/lib/es6/FadeInOut.js +28 -28
  13. package/animation/lib/es6/Scale.js +28 -28
  14. package/animation/lib/es6/Slide.js +28 -28
  15. package/animation/lib/es6/Transform.js +28 -28
  16. package/badge/lib/cjs/Badge.js +6 -6
  17. package/badge/lib/es6/Badge.js +6 -6
  18. package/base-trigger/lib/cjs/BaseTrigger.js +19 -20
  19. package/base-trigger/lib/cjs/BaseTrigger.js.map +1 -1
  20. package/base-trigger/lib/cjs/ButtonTrigger.js +3 -3
  21. package/base-trigger/lib/cjs/FilterTrigger.js +7 -7
  22. package/base-trigger/lib/cjs/LinkTrigger.js +12 -12
  23. package/base-trigger/lib/es6/BaseTrigger.js +20 -21
  24. package/base-trigger/lib/es6/BaseTrigger.js.map +1 -1
  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 +22 -18
  35. package/carousel/lib/cjs/Carousel.js.map +1 -1
  36. package/carousel/lib/cjs/style/carousel.shadow.css +5 -0
  37. package/carousel/lib/es6/Carousel.js +22 -18
  38. package/carousel/lib/es6/Carousel.js.map +1 -1
  39. package/carousel/lib/es6/style/carousel.shadow.css +5 -0
  40. package/checkbox/lib/cjs/Checkbox.js +25 -20
  41. package/checkbox/lib/cjs/Checkbox.js.map +1 -1
  42. package/checkbox/lib/cjs/style/checkbox.shadow.css +21 -14
  43. package/checkbox/lib/es6/Checkbox.js +26 -21
  44. package/checkbox/lib/es6/Checkbox.js.map +1 -1
  45. package/checkbox/lib/es6/style/checkbox.shadow.css +21 -14
  46. package/color-picker/lib/cjs/ColorPicker.js +23 -23
  47. package/color-picker/lib/cjs/PaletteManager.js +23 -23
  48. package/color-picker/lib/cjs/components/InputColor.js +23 -23
  49. package/color-picker/lib/es6/ColorPicker.js +23 -23
  50. package/color-picker/lib/es6/PaletteManager.js +23 -23
  51. package/color-picker/lib/es6/components/InputColor.js +23 -23
  52. package/counter/lib/cjs/Counter.js +10 -10
  53. package/counter/lib/es6/Counter.js +10 -10
  54. package/d3-chart/lib/cjs/Area.js +11 -11
  55. package/d3-chart/lib/cjs/Axis.js +14 -14
  56. package/d3-chart/lib/cjs/Bar.js +10 -10
  57. package/d3-chart/lib/cjs/Bubble.js +12 -12
  58. package/d3-chart/lib/cjs/Donut.js +9 -9
  59. package/d3-chart/lib/cjs/Dots.js +8 -8
  60. package/d3-chart/lib/cjs/HorizontalBar.js +10 -10
  61. package/d3-chart/lib/cjs/Hover.js +3 -3
  62. package/d3-chart/lib/cjs/Line.js +9 -9
  63. package/d3-chart/lib/cjs/Plot.js +3 -3
  64. package/d3-chart/lib/cjs/Radar.js +19 -19
  65. package/d3-chart/lib/cjs/RadialTree.js +11 -11
  66. package/d3-chart/lib/cjs/ReferenceLine.js +9 -9
  67. package/d3-chart/lib/cjs/ScatterPlot.js +9 -9
  68. package/d3-chart/lib/cjs/Tooltip.js +9 -9
  69. package/d3-chart/lib/cjs/Venn.js +9 -9
  70. package/d3-chart/lib/cjs/a11y/PlotA11yModule.js +2 -2
  71. package/d3-chart/lib/cjs/a11y/PlotA11yView.js +2 -2
  72. package/d3-chart/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  73. package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +17 -17
  74. package/d3-chart/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
  75. package/d3-chart/lib/es6/Area.js +11 -11
  76. package/d3-chart/lib/es6/Axis.js +14 -14
  77. package/d3-chart/lib/es6/Bar.js +10 -10
  78. package/d3-chart/lib/es6/Bubble.js +12 -12
  79. package/d3-chart/lib/es6/Donut.js +9 -9
  80. package/d3-chart/lib/es6/Dots.js +8 -8
  81. package/d3-chart/lib/es6/HorizontalBar.js +10 -10
  82. package/d3-chart/lib/es6/Hover.js +3 -3
  83. package/d3-chart/lib/es6/Line.js +9 -9
  84. package/d3-chart/lib/es6/Plot.js +3 -3
  85. package/d3-chart/lib/es6/Radar.js +19 -19
  86. package/d3-chart/lib/es6/RadialTree.js +11 -11
  87. package/d3-chart/lib/es6/ReferenceLine.js +9 -9
  88. package/d3-chart/lib/es6/ScatterPlot.js +9 -9
  89. package/d3-chart/lib/es6/Tooltip.js +9 -9
  90. package/d3-chart/lib/es6/Venn.js +9 -9
  91. package/d3-chart/lib/es6/a11y/PlotA11yModule.js +2 -2
  92. package/d3-chart/lib/es6/a11y/PlotA11yView.js +2 -2
  93. package/d3-chart/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  94. package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +17 -17
  95. package/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
  96. package/data-table/lib/cjs/Body.js +4 -4
  97. package/data-table/lib/cjs/DataTable.js +41 -41
  98. package/data-table/lib/cjs/Head.js +4 -4
  99. package/data-table/lib/es6/Body.js +4 -4
  100. package/data-table/lib/es6/DataTable.js +41 -41
  101. package/data-table/lib/es6/Head.js +4 -4
  102. package/date-picker/lib/cjs/components/Calendar.js +21 -21
  103. package/date-picker/lib/cjs/components/DateRangeComparatorAbstract.js +26 -26
  104. package/date-picker/lib/cjs/components/InputTrigger.js +26 -26
  105. package/date-picker/lib/cjs/components/PickerAbstract.js +26 -26
  106. package/date-picker/lib/cjs/components/RangePickerAbstract.js +26 -26
  107. package/date-picker/lib/es6/components/Calendar.js +21 -21
  108. package/date-picker/lib/es6/components/DateRangeComparatorAbstract.js +26 -26
  109. package/date-picker/lib/es6/components/InputTrigger.js +26 -26
  110. package/date-picker/lib/es6/components/PickerAbstract.js +26 -26
  111. package/date-picker/lib/es6/components/RangePickerAbstract.js +26 -26
  112. package/divider/lib/cjs/Divider.js +9 -9
  113. package/divider/lib/es6/Divider.js +9 -9
  114. package/dot/lib/cjs/Dot.js +10 -10
  115. package/dot/lib/es6/Dot.js +10 -10
  116. package/drag-and-drop/lib/cjs/DragAndDrop.js +12 -12
  117. package/drag-and-drop/lib/es6/DragAndDrop.js +12 -12
  118. package/dropdown/lib/cjs/Dropdown.js +2 -2
  119. package/dropdown/lib/es6/Dropdown.js +2 -2
  120. package/dropdown-menu/lib/cjs/DropdownMenu.js +12 -12
  121. package/dropdown-menu/lib/cjs/styleScrollArea.js +6 -6
  122. package/dropdown-menu/lib/es6/DropdownMenu.js +12 -12
  123. package/dropdown-menu/lib/es6/styleScrollArea.js +6 -6
  124. package/ellipsis/lib/cjs/Ellipsis.js +10 -10
  125. package/ellipsis/lib/es6/Ellipsis.js +10 -10
  126. package/errors/lib/cjs/Error.js +9 -9
  127. package/errors/lib/es6/Error.js +9 -9
  128. package/feature-popover/lib/cjs/FeaturePopover.js +10 -10
  129. package/feature-popover/lib/es6/FeaturePopover.js +10 -10
  130. package/feedback-form/lib/cjs/FeedbackForm.js +20 -10
  131. package/feedback-form/lib/cjs/FeedbackForm.js.map +1 -1
  132. package/feedback-form/lib/es6/FeedbackForm.js +20 -10
  133. package/feedback-form/lib/es6/FeedbackForm.js.map +1 -1
  134. package/flags/lib/cjs/Flags.js +3 -3
  135. package/flags/lib/cjs/Flags.js.map +1 -1
  136. package/flags/lib/es6/Flags.js +3 -3
  137. package/flags/lib/es6/Flags.js.map +1 -1
  138. package/flags/lib/sprites/sprite@1x.css +256 -256
  139. package/flags/lib/sprites/sprite@2x.css +257 -257
  140. package/flex-box/index.d.ts +1 -0
  141. package/flex-box/invalid-state-box/InvalidStateBox.d.ts +4 -0
  142. package/flex-box/lib/cjs/Box/useBox.js +3 -3
  143. package/flex-box/lib/cjs/Flex/useFlex.js +3 -3
  144. package/flex-box/lib/cjs/index.js +9 -1
  145. package/flex-box/lib/cjs/index.js.map +1 -1
  146. package/flex-box/lib/cjs/invalid-state-box/InvalidStateBox.js +27 -0
  147. package/flex-box/lib/cjs/invalid-state-box/InvalidStateBox.js.map +1 -0
  148. package/flex-box/lib/cjs/invalid-state-box/invalidStateBox.shadow.css +10 -0
  149. package/flex-box/lib/es6/Box/useBox.js +3 -3
  150. package/flex-box/lib/es6/Flex/useFlex.js +3 -3
  151. package/flex-box/lib/es6/index.js +1 -0
  152. package/flex-box/lib/es6/index.js.map +1 -1
  153. package/flex-box/lib/es6/invalid-state-box/InvalidStateBox.js +19 -0
  154. package/flex-box/lib/es6/invalid-state-box/InvalidStateBox.js.map +1 -0
  155. package/flex-box/lib/es6/invalid-state-box/invalidStateBox.shadow.css +10 -0
  156. package/flex-box/lib/types/index.d.ts +1 -0
  157. package/flex-box/lib/types/invalid-state-box/InvalidStateBox.d.ts +4 -0
  158. package/format-text/lib/cjs/FormatText.js +5 -5
  159. package/format-text/lib/es6/FormatText.js +5 -5
  160. package/fullscreen-modal/lib/cjs/FullscreenModal.js +13 -13
  161. package/fullscreen-modal/lib/es6/FullscreenModal.js +13 -13
  162. package/grid/lib/cjs/Grid.js +114 -114
  163. package/grid/lib/es6/Grid.js +114 -114
  164. package/icon/color/Confluence/l/index.js +4 -4
  165. package/icon/color/Confluence/l/index.mjs +4 -4
  166. package/icon/color/Confluence/m/index.js +4 -4
  167. package/icon/color/Confluence/m/index.mjs +4 -4
  168. package/icon/color/MicrosoftOffice/l/index.js +10 -10
  169. package/icon/color/MicrosoftOffice/l/index.mjs +10 -10
  170. package/icon/color/MicrosoftOffice/m/index.js +10 -10
  171. package/icon/color/MicrosoftOffice/m/index.mjs +10 -10
  172. package/icon/lib/cjs/Icon.js +5 -5
  173. package/icon/lib/es6/Icon.js +5 -5
  174. package/icon/pay/Discover/l/index.js +1 -1
  175. package/icon/pay/Discover/l/index.mjs +1 -1
  176. package/icon/pay/Discover/m/index.js +1 -1
  177. package/icon/pay/Discover/m/index.mjs +1 -1
  178. package/icon/pay/JCB/l/index.js +10 -10
  179. package/icon/pay/JCB/l/index.mjs +10 -10
  180. package/icon/pay/JCB/m/index.js +10 -10
  181. package/icon/pay/JCB/m/index.mjs +10 -10
  182. package/icon/pay/Visa/l/index.js +2 -2
  183. package/icon/pay/Visa/l/index.mjs +2 -2
  184. package/icon/pay/Visa/m/index.js +2 -2
  185. package/icon/pay/Visa/m/index.mjs +2 -2
  186. package/illustration/lib/cjs/index.js +1 -1
  187. package/illustration/lib/cjs/index.js.map +1 -1
  188. package/illustration/lib/es6/index.js +1 -1
  189. package/illustration/lib/es6/index.js.map +1 -1
  190. package/inline-edit/lib/cjs/InlineEdit.js +4 -4
  191. package/inline-edit/lib/es6/InlineEdit.js +4 -4
  192. package/inline-input/lib/cjs/InlineInput.js +19 -20
  193. package/inline-input/lib/cjs/InlineInput.js.map +1 -1
  194. package/inline-input/lib/es6/InlineInput.js +20 -21
  195. package/inline-input/lib/es6/InlineInput.js.map +1 -1
  196. package/input/lib/cjs/Input.js +18 -19
  197. package/input/lib/cjs/Input.js.map +1 -1
  198. package/input/lib/es6/Input.js +19 -20
  199. package/input/lib/es6/Input.js.map +1 -1
  200. package/input-mask/lib/cjs/InputMask.js +6 -6
  201. package/input-mask/lib/es6/InputMask.js +6 -6
  202. package/input-number/lib/cjs/InputNumber.js +9 -9
  203. package/input-number/lib/es6/InputNumber.js +9 -9
  204. package/input-tags/lib/cjs/InputTags.js +12 -12
  205. package/input-tags/lib/es6/InputTags.js +12 -12
  206. package/link/lib/cjs/Link.js +12 -12
  207. package/link/lib/es6/Link.js +12 -12
  208. package/mini-chart/lib/cjs/component/score/Donut.js +9 -9
  209. package/mini-chart/lib/cjs/component/score/Line.js +17 -17
  210. package/mini-chart/lib/cjs/component/trend/Bar.js +7 -7
  211. package/mini-chart/lib/cjs/component/trend/Line.js +7 -7
  212. package/mini-chart/lib/es6/component/score/Donut.js +9 -9
  213. package/mini-chart/lib/es6/component/score/Line.js +17 -17
  214. package/mini-chart/lib/es6/component/trend/Bar.js +7 -7
  215. package/mini-chart/lib/es6/component/trend/Line.js +7 -7
  216. package/modal/lib/cjs/Modal.js +15 -9
  217. package/modal/lib/cjs/Modal.js.map +1 -1
  218. package/modal/lib/cjs/style/modal.shadow.css +5 -1
  219. package/modal/lib/es6/Modal.js +15 -9
  220. package/modal/lib/es6/Modal.js.map +1 -1
  221. package/modal/lib/es6/style/modal.shadow.css +5 -1
  222. package/notice/lib/cjs/Notice.js +13 -13
  223. package/notice/lib/es6/Notice.js +13 -13
  224. package/notice-bubble/lib/cjs/NoticeBubble.js +12 -12
  225. package/notice-bubble/lib/es6/NoticeBubble.js +12 -12
  226. package/notice-global/lib/cjs/NoticeGlobal.js +11 -11
  227. package/notice-global/lib/es6/NoticeGlobal.js +11 -11
  228. package/package.json +27 -2
  229. package/pagination/lib/cjs/Pagination.js +10 -10
  230. package/pagination/lib/es6/Pagination.js +10 -10
  231. package/pills/lib/cjs/Pills.js +13 -13
  232. package/pills/lib/es6/Pills.js +13 -13
  233. package/popper/lib/cjs/Popper.js +6 -6
  234. package/popper/lib/es6/Popper.js +6 -6
  235. package/product-head/lib/cjs/Info.js +4 -4
  236. package/product-head/lib/cjs/ProductHead.js +5 -5
  237. package/product-head/lib/cjs/Title.js +4 -4
  238. package/product-head/lib/es6/Info.js +4 -4
  239. package/product-head/lib/es6/ProductHead.js +5 -5
  240. package/product-head/lib/es6/Title.js +4 -4
  241. package/progress-bar/lib/cjs/ProgressBar.js +15 -15
  242. package/progress-bar/lib/es6/ProgressBar.js +15 -15
  243. package/radio/lib/cjs/Radio.js +23 -18
  244. package/radio/lib/cjs/Radio.js.map +1 -1
  245. package/radio/lib/cjs/style/radio.shadow.css +10 -5
  246. package/radio/lib/es6/Radio.js +24 -19
  247. package/radio/lib/es6/Radio.js.map +1 -1
  248. package/radio/lib/es6/style/radio.shadow.css +10 -5
  249. package/scroll-area/lib/cjs/ScrollArea.js +9 -9
  250. package/scroll-area/lib/cjs/ScrollBar.js +5 -5
  251. package/scroll-area/lib/es6/ScrollArea.js +9 -9
  252. package/scroll-area/lib/es6/ScrollBar.js +5 -5
  253. package/select/lib/cjs/InputSearch.js +6 -6
  254. package/select/lib/cjs/Select.js +7 -7
  255. package/select/lib/es6/InputSearch.js +6 -6
  256. package/select/lib/es6/Select.js +7 -7
  257. package/side-panel/lib/cjs/SidePanel.js +15 -15
  258. package/side-panel/lib/es6/SidePanel.js +15 -15
  259. package/skeleton/lib/cjs/Charts/Area.js +9 -9
  260. package/skeleton/lib/cjs/Charts/Bar.js +9 -9
  261. package/skeleton/lib/cjs/Charts/Bubble.js +9 -9
  262. package/skeleton/lib/cjs/Charts/Donut.js +9 -9
  263. package/skeleton/lib/cjs/Charts/Histogram.js +9 -9
  264. package/skeleton/lib/cjs/Charts/Line.js +9 -9
  265. package/skeleton/lib/cjs/Charts/RadialTree.js +9 -9
  266. package/skeleton/lib/cjs/Charts/ScatterPlot.js +9 -9
  267. package/skeleton/lib/cjs/Charts/Venn.js +9 -9
  268. package/skeleton/lib/cjs/Skeleton.js +8 -8
  269. package/skeleton/lib/es6/Charts/Area.js +9 -9
  270. package/skeleton/lib/es6/Charts/Bar.js +9 -9
  271. package/skeleton/lib/es6/Charts/Bubble.js +9 -9
  272. package/skeleton/lib/es6/Charts/Donut.js +9 -9
  273. package/skeleton/lib/es6/Charts/Histogram.js +9 -9
  274. package/skeleton/lib/es6/Charts/Line.js +9 -9
  275. package/skeleton/lib/es6/Charts/RadialTree.js +9 -9
  276. package/skeleton/lib/es6/Charts/ScatterPlot.js +9 -9
  277. package/skeleton/lib/es6/Charts/Venn.js +9 -9
  278. package/skeleton/lib/es6/Skeleton.js +8 -8
  279. package/slider/lib/cjs/Slider.js +7 -7
  280. package/slider/lib/es6/Slider.js +7 -7
  281. package/spin/lib/cjs/Spin.js +13 -13
  282. package/spin/lib/es6/Spin.js +13 -13
  283. package/spin-container/lib/cjs/SpinContainer.js +8 -8
  284. package/spin-container/lib/es6/SpinContainer.js +8 -8
  285. package/sticky/lib/cjs/Sticky.js +2 -2
  286. package/sticky/lib/es6/Sticky.js +2 -2
  287. package/switch/lib/cjs/Switch.js +21 -21
  288. package/switch/lib/es6/Switch.js +21 -21
  289. package/tab-line/lib/cjs/TabLine.js +13 -13
  290. package/tab-line/lib/es6/TabLine.js +13 -13
  291. package/tab-panel/lib/cjs/TabPanel.js +8 -8
  292. package/tab-panel/lib/es6/TabPanel.js +8 -8
  293. package/tag/lib/cjs/Tag.js +19 -19
  294. package/tag/lib/es6/Tag.js +19 -19
  295. package/textarea/lib/cjs/Textarea.js +8 -8
  296. package/textarea/lib/es6/Textarea.js +8 -8
  297. package/time-picker/lib/cjs/TimePicker.js +12 -12
  298. package/time-picker/lib/es6/TimePicker.js +12 -12
  299. package/tooltip/lib/cjs/Tooltip.js +6 -6
  300. package/tooltip/lib/es6/Tooltip.js +6 -6
  301. package/typography/lib/cjs/Blockquote.js +4 -4
  302. package/typography/lib/cjs/Hint.js +7 -7
  303. package/typography/lib/cjs/List.js +5 -5
  304. package/typography/lib/cjs/Text.js +34 -34
  305. package/typography/lib/es6/Blockquote.js +4 -4
  306. package/typography/lib/es6/Hint.js +7 -7
  307. package/typography/lib/es6/List.js +5 -5
  308. package/typography/lib/es6/Text.js +34 -34
  309. package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.d.ts +6 -0
  310. package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.js +8 -2
  311. package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.js.map +1 -1
  312. package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.mjs +8 -2
  313. package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.mjs.map +1 -1
  314. package/utils/lib/injectStyle.js +1 -1
  315. package/utils/lib/injectStyle.js.map +1 -1
  316. package/utils/lib/injectStyle.mjs +1 -1
  317. package/utils/lib/injectStyle.mjs.map +1 -1
  318. package/widget-empty/lib/cjs/WidgetEmpty.js +5 -5
  319. package/widget-empty/lib/es6/WidgetEmpty.js +5 -5
  320. package/wizard/lib/cjs/Wizard.js +11 -11
  321. 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_1w1wi{0%,to{overflow:hidden}}@keyframes collapse-exit_1w1wi{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1w1wi{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1w1wi{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1w1wi{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1w1wi{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1w1wi{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_1w1wi{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_1w1wi{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_1w1wi{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_1w1wi{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_1w1wi{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_1w1wi{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_1w1wi{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_1w1wi{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1w1wi{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1w1wi{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1w1wi{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1w1wi{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1w1wi{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1w1wi{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1w1wi{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1w1wi{0%{transform:var(--transformStart_1w1wi)}to{transform:var(--transformEnd_1w1wi)}}@keyframes transform-exit_1w1wi{0%{transform:var(--transformEnd_1w1wi)}to{transform:var(--transformStart_1w1wi)}}.___SCollapse_1w1wi_gg_{transition-property:height}" /*__inner_css_end__*/, "1w1wi_gg_") /*__reshadow_css_end__*/, {
10
- "@collapse-enter": "collapse-enter_1w1wi",
11
- "@collapse-exit": "collapse-exit_1w1wi",
12
- "__SCollapse": "___SCollapse_1w1wi_gg_",
13
- "@fade-in-out-enter": "fade-in-out-enter_1w1wi",
14
- "@fade-in-out-exit": "fade-in-out-exit_1w1wi",
15
- "@opacity-in": "opacity-in_1w1wi",
16
- "@opacity-out": "opacity-out_1w1wi",
17
- "@scale-left-in": "scale-left-in_1w1wi",
18
- "@scale-right-in": "scale-right-in_1w1wi",
19
- "@scale-top-in": "scale-top-in_1w1wi",
20
- "@scale-bottom-in": "scale-bottom-in_1w1wi",
21
- "@scale-left-out": "scale-left-out_1w1wi",
22
- "@scale-right-out": "scale-right-out_1w1wi",
23
- "@scale-top-out": "scale-top-out_1w1wi",
24
- "@scale-bottom-out": "scale-bottom-out_1w1wi",
25
- "@slide-top-in": "slide-top-in_1w1wi",
26
- "@slide-top-out": "slide-top-out_1w1wi",
27
- "@slide-bottom-in": "slide-bottom-in_1w1wi",
28
- "@slide-bottom-out": "slide-bottom-out_1w1wi",
29
- "@slide-left-in": "slide-left-in_1w1wi",
30
- "@slide-left-out": "slide-left-out_1w1wi",
31
- "@slide-right-in": "slide-right-in_1w1wi",
32
- "@slide-right-out": "slide-right-out_1w1wi",
33
- "@transform-enter": "transform-enter_1w1wi",
34
- "--transformStart": "--transformStart_1w1wi",
35
- "--transformEnd": "--transformEnd_1w1wi",
36
- "@transform-exit": "transform-exit_1w1wi"
9
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_a6hu5{0%,to{overflow:hidden}}@keyframes collapse-exit_a6hu5{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_a6hu5{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_a6hu5{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_a6hu5{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_a6hu5{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_a6hu5{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_a6hu5{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_a6hu5{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_a6hu5{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_a6hu5{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_a6hu5{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_a6hu5{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_a6hu5{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_a6hu5{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_a6hu5{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_a6hu5{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_a6hu5{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_a6hu5{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_a6hu5{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_a6hu5{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_a6hu5{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_a6hu5{0%{transform:var(--transformStart_a6hu5)}to{transform:var(--transformEnd_a6hu5)}}@keyframes transform-exit_a6hu5{0%{transform:var(--transformEnd_a6hu5)}to{transform:var(--transformStart_a6hu5)}}.___SCollapse_a6hu5_gg_{transition-property:height}" /*__inner_css_end__*/, "a6hu5_gg_") /*__reshadow_css_end__*/, {
10
+ "@collapse-enter": "collapse-enter_a6hu5",
11
+ "@collapse-exit": "collapse-exit_a6hu5",
12
+ "__SCollapse": "___SCollapse_a6hu5_gg_",
13
+ "@fade-in-out-enter": "fade-in-out-enter_a6hu5",
14
+ "@fade-in-out-exit": "fade-in-out-exit_a6hu5",
15
+ "@opacity-in": "opacity-in_a6hu5",
16
+ "@opacity-out": "opacity-out_a6hu5",
17
+ "@scale-left-in": "scale-left-in_a6hu5",
18
+ "@scale-right-in": "scale-right-in_a6hu5",
19
+ "@scale-top-in": "scale-top-in_a6hu5",
20
+ "@scale-bottom-in": "scale-bottom-in_a6hu5",
21
+ "@scale-left-out": "scale-left-out_a6hu5",
22
+ "@scale-right-out": "scale-right-out_a6hu5",
23
+ "@scale-top-out": "scale-top-out_a6hu5",
24
+ "@scale-bottom-out": "scale-bottom-out_a6hu5",
25
+ "@slide-top-in": "slide-top-in_a6hu5",
26
+ "@slide-top-out": "slide-top-out_a6hu5",
27
+ "@slide-bottom-in": "slide-bottom-in_a6hu5",
28
+ "@slide-bottom-out": "slide-bottom-out_a6hu5",
29
+ "@slide-left-in": "slide-left-in_a6hu5",
30
+ "@slide-left-out": "slide-left-out_a6hu5",
31
+ "@slide-right-in": "slide-right-in_a6hu5",
32
+ "@slide-right-out": "slide-right-out_a6hu5",
33
+ "@transform-enter": "transform-enter_a6hu5",
34
+ "--transformStart": "--transformStart_a6hu5",
35
+ "--transformEnd": "--transformEnd_a6hu5",
36
+ "@transform-exit": "transform-exit_a6hu5"
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_1w1wi{0%,to{overflow:hidden}}@keyframes collapse-exit_1w1wi{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1w1wi{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1w1wi{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1w1wi{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1w1wi{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1w1wi{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_1w1wi{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_1w1wi{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_1w1wi{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_1w1wi{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_1w1wi{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_1w1wi{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_1w1wi{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_1w1wi{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1w1wi{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1w1wi{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1w1wi{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1w1wi{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1w1wi{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1w1wi{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1w1wi{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1w1wi{0%{transform:var(--transformStart_1w1wi)}to{transform:var(--transformEnd_1w1wi)}}@keyframes transform-exit_1w1wi{0%{transform:var(--transformEnd_1w1wi)}to{transform:var(--transformStart_1w1wi)}}.___SCollapse_1w1wi_gg_{transition-property:height}" /*__inner_css_end__*/, "1w1wi_gg_") /*__reshadow_css_end__*/, {
8
- "@collapse-enter": "collapse-enter_1w1wi",
9
- "@collapse-exit": "collapse-exit_1w1wi",
10
- "__SCollapse": "___SCollapse_1w1wi_gg_",
11
- "@fade-in-out-enter": "fade-in-out-enter_1w1wi",
12
- "@fade-in-out-exit": "fade-in-out-exit_1w1wi",
13
- "@opacity-in": "opacity-in_1w1wi",
14
- "@opacity-out": "opacity-out_1w1wi",
15
- "@scale-left-in": "scale-left-in_1w1wi",
16
- "@scale-right-in": "scale-right-in_1w1wi",
17
- "@scale-top-in": "scale-top-in_1w1wi",
18
- "@scale-bottom-in": "scale-bottom-in_1w1wi",
19
- "@scale-left-out": "scale-left-out_1w1wi",
20
- "@scale-right-out": "scale-right-out_1w1wi",
21
- "@scale-top-out": "scale-top-out_1w1wi",
22
- "@scale-bottom-out": "scale-bottom-out_1w1wi",
23
- "@slide-top-in": "slide-top-in_1w1wi",
24
- "@slide-top-out": "slide-top-out_1w1wi",
25
- "@slide-bottom-in": "slide-bottom-in_1w1wi",
26
- "@slide-bottom-out": "slide-bottom-out_1w1wi",
27
- "@slide-left-in": "slide-left-in_1w1wi",
28
- "@slide-left-out": "slide-left-out_1w1wi",
29
- "@slide-right-in": "slide-right-in_1w1wi",
30
- "@slide-right-out": "slide-right-out_1w1wi",
31
- "@transform-enter": "transform-enter_1w1wi",
32
- "--transformStart": "--transformStart_1w1wi",
33
- "--transformEnd": "--transformEnd_1w1wi",
34
- "@transform-exit": "transform-exit_1w1wi"
7
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_a6hu5{0%,to{overflow:hidden}}@keyframes collapse-exit_a6hu5{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_a6hu5{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_a6hu5{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_a6hu5{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_a6hu5{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_a6hu5{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_a6hu5{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_a6hu5{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_a6hu5{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_a6hu5{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_a6hu5{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_a6hu5{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_a6hu5{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_a6hu5{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_a6hu5{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_a6hu5{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_a6hu5{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_a6hu5{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_a6hu5{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_a6hu5{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_a6hu5{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_a6hu5{0%{transform:var(--transformStart_a6hu5)}to{transform:var(--transformEnd_a6hu5)}}@keyframes transform-exit_a6hu5{0%{transform:var(--transformEnd_a6hu5)}to{transform:var(--transformStart_a6hu5)}}.___SCollapse_a6hu5_gg_{transition-property:height}" /*__inner_css_end__*/, "a6hu5_gg_") /*__reshadow_css_end__*/, {
8
+ "@collapse-enter": "collapse-enter_a6hu5",
9
+ "@collapse-exit": "collapse-exit_a6hu5",
10
+ "__SCollapse": "___SCollapse_a6hu5_gg_",
11
+ "@fade-in-out-enter": "fade-in-out-enter_a6hu5",
12
+ "@fade-in-out-exit": "fade-in-out-exit_a6hu5",
13
+ "@opacity-in": "opacity-in_a6hu5",
14
+ "@opacity-out": "opacity-out_a6hu5",
15
+ "@scale-left-in": "scale-left-in_a6hu5",
16
+ "@scale-right-in": "scale-right-in_a6hu5",
17
+ "@scale-top-in": "scale-top-in_a6hu5",
18
+ "@scale-bottom-in": "scale-bottom-in_a6hu5",
19
+ "@scale-left-out": "scale-left-out_a6hu5",
20
+ "@scale-right-out": "scale-right-out_a6hu5",
21
+ "@scale-top-out": "scale-top-out_a6hu5",
22
+ "@scale-bottom-out": "scale-bottom-out_a6hu5",
23
+ "@slide-top-in": "slide-top-in_a6hu5",
24
+ "@slide-top-out": "slide-top-out_a6hu5",
25
+ "@slide-bottom-in": "slide-bottom-in_a6hu5",
26
+ "@slide-bottom-out": "slide-bottom-out_a6hu5",
27
+ "@slide-left-in": "slide-left-in_a6hu5",
28
+ "@slide-left-out": "slide-left-out_a6hu5",
29
+ "@slide-right-in": "slide-right-in_a6hu5",
30
+ "@slide-right-out": "slide-right-out_a6hu5",
31
+ "@transform-enter": "transform-enter_a6hu5",
32
+ "--transformStart": "--transformStart_a6hu5",
33
+ "--transformEnd": "--transformEnd_a6hu5",
34
+ "@transform-exit": "transform-exit_a6hu5"
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_1w1wi{0%,to{overflow:hidden}}@keyframes collapse-exit_1w1wi{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1w1wi{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1w1wi{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1w1wi{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1w1wi{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1w1wi{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_1w1wi{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_1w1wi{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_1w1wi{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_1w1wi{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_1w1wi{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_1w1wi{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_1w1wi{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_1w1wi{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1w1wi{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1w1wi{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1w1wi{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1w1wi{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1w1wi{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1w1wi{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1w1wi{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1w1wi{0%{transform:var(--transformStart_1w1wi)}to{transform:var(--transformEnd_1w1wi)}}@keyframes transform-exit_1w1wi{0%{transform:var(--transformEnd_1w1wi)}to{transform:var(--transformStart_1w1wi)}}.___SCollapse_1w1wi_gg_{transition-property:height}" /*__inner_css_end__*/, "1w1wi_gg_") /*__reshadow_css_end__*/, {
9
- "@collapse-enter": "collapse-enter_1w1wi",
10
- "@collapse-exit": "collapse-exit_1w1wi",
11
- "__SCollapse": "___SCollapse_1w1wi_gg_",
12
- "@fade-in-out-enter": "fade-in-out-enter_1w1wi",
13
- "@fade-in-out-exit": "fade-in-out-exit_1w1wi",
14
- "@opacity-in": "opacity-in_1w1wi",
15
- "@opacity-out": "opacity-out_1w1wi",
16
- "@scale-left-in": "scale-left-in_1w1wi",
17
- "@scale-right-in": "scale-right-in_1w1wi",
18
- "@scale-top-in": "scale-top-in_1w1wi",
19
- "@scale-bottom-in": "scale-bottom-in_1w1wi",
20
- "@scale-left-out": "scale-left-out_1w1wi",
21
- "@scale-right-out": "scale-right-out_1w1wi",
22
- "@scale-top-out": "scale-top-out_1w1wi",
23
- "@scale-bottom-out": "scale-bottom-out_1w1wi",
24
- "@slide-top-in": "slide-top-in_1w1wi",
25
- "@slide-top-out": "slide-top-out_1w1wi",
26
- "@slide-bottom-in": "slide-bottom-in_1w1wi",
27
- "@slide-bottom-out": "slide-bottom-out_1w1wi",
28
- "@slide-left-in": "slide-left-in_1w1wi",
29
- "@slide-left-out": "slide-left-out_1w1wi",
30
- "@slide-right-in": "slide-right-in_1w1wi",
31
- "@slide-right-out": "slide-right-out_1w1wi",
32
- "@transform-enter": "transform-enter_1w1wi",
33
- "--transformStart": "--transformStart_1w1wi",
34
- "--transformEnd": "--transformEnd_1w1wi",
35
- "@transform-exit": "transform-exit_1w1wi"
8
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_a6hu5{0%,to{overflow:hidden}}@keyframes collapse-exit_a6hu5{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_a6hu5{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_a6hu5{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_a6hu5{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_a6hu5{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_a6hu5{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_a6hu5{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_a6hu5{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_a6hu5{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_a6hu5{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_a6hu5{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_a6hu5{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_a6hu5{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_a6hu5{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_a6hu5{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_a6hu5{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_a6hu5{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_a6hu5{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_a6hu5{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_a6hu5{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_a6hu5{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_a6hu5{0%{transform:var(--transformStart_a6hu5)}to{transform:var(--transformEnd_a6hu5)}}@keyframes transform-exit_a6hu5{0%{transform:var(--transformEnd_a6hu5)}to{transform:var(--transformStart_a6hu5)}}.___SCollapse_a6hu5_gg_{transition-property:height}" /*__inner_css_end__*/, "a6hu5_gg_") /*__reshadow_css_end__*/, {
9
+ "@collapse-enter": "collapse-enter_a6hu5",
10
+ "@collapse-exit": "collapse-exit_a6hu5",
11
+ "__SCollapse": "___SCollapse_a6hu5_gg_",
12
+ "@fade-in-out-enter": "fade-in-out-enter_a6hu5",
13
+ "@fade-in-out-exit": "fade-in-out-exit_a6hu5",
14
+ "@opacity-in": "opacity-in_a6hu5",
15
+ "@opacity-out": "opacity-out_a6hu5",
16
+ "@scale-left-in": "scale-left-in_a6hu5",
17
+ "@scale-right-in": "scale-right-in_a6hu5",
18
+ "@scale-top-in": "scale-top-in_a6hu5",
19
+ "@scale-bottom-in": "scale-bottom-in_a6hu5",
20
+ "@scale-left-out": "scale-left-out_a6hu5",
21
+ "@scale-right-out": "scale-right-out_a6hu5",
22
+ "@scale-top-out": "scale-top-out_a6hu5",
23
+ "@scale-bottom-out": "scale-bottom-out_a6hu5",
24
+ "@slide-top-in": "slide-top-in_a6hu5",
25
+ "@slide-top-out": "slide-top-out_a6hu5",
26
+ "@slide-bottom-in": "slide-bottom-in_a6hu5",
27
+ "@slide-bottom-out": "slide-bottom-out_a6hu5",
28
+ "@slide-left-in": "slide-left-in_a6hu5",
29
+ "@slide-left-out": "slide-left-out_a6hu5",
30
+ "@slide-right-in": "slide-right-in_a6hu5",
31
+ "@slide-right-out": "slide-right-out_a6hu5",
32
+ "@transform-enter": "transform-enter_a6hu5",
33
+ "--transformStart": "--transformStart_a6hu5",
34
+ "--transformEnd": "--transformEnd_a6hu5",
35
+ "@transform-exit": "transform-exit_a6hu5"
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_1w1wi{0%,to{overflow:hidden}}@keyframes collapse-exit_1w1wi{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1w1wi{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1w1wi{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1w1wi{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1w1wi{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1w1wi{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_1w1wi{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_1w1wi{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_1w1wi{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_1w1wi{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_1w1wi{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_1w1wi{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_1w1wi{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_1w1wi{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1w1wi{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1w1wi{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1w1wi{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1w1wi{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1w1wi{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1w1wi{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1w1wi{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1w1wi{0%{transform:var(--transformStart_1w1wi)}to{transform:var(--transformEnd_1w1wi)}}@keyframes transform-exit_1w1wi{0%{transform:var(--transformEnd_1w1wi)}to{transform:var(--transformStart_1w1wi)}}.___SCollapse_1w1wi_gg_{transition-property:height}" /*__inner_css_end__*/, "1w1wi_gg_") /*__reshadow_css_end__*/, {
8
- "@collapse-enter": "collapse-enter_1w1wi",
9
- "@collapse-exit": "collapse-exit_1w1wi",
10
- "__SCollapse": "___SCollapse_1w1wi_gg_",
11
- "@fade-in-out-enter": "fade-in-out-enter_1w1wi",
12
- "@fade-in-out-exit": "fade-in-out-exit_1w1wi",
13
- "@opacity-in": "opacity-in_1w1wi",
14
- "@opacity-out": "opacity-out_1w1wi",
15
- "@scale-left-in": "scale-left-in_1w1wi",
16
- "@scale-right-in": "scale-right-in_1w1wi",
17
- "@scale-top-in": "scale-top-in_1w1wi",
18
- "@scale-bottom-in": "scale-bottom-in_1w1wi",
19
- "@scale-left-out": "scale-left-out_1w1wi",
20
- "@scale-right-out": "scale-right-out_1w1wi",
21
- "@scale-top-out": "scale-top-out_1w1wi",
22
- "@scale-bottom-out": "scale-bottom-out_1w1wi",
23
- "@slide-top-in": "slide-top-in_1w1wi",
24
- "@slide-top-out": "slide-top-out_1w1wi",
25
- "@slide-bottom-in": "slide-bottom-in_1w1wi",
26
- "@slide-bottom-out": "slide-bottom-out_1w1wi",
27
- "@slide-left-in": "slide-left-in_1w1wi",
28
- "@slide-left-out": "slide-left-out_1w1wi",
29
- "@slide-right-in": "slide-right-in_1w1wi",
30
- "@slide-right-out": "slide-right-out_1w1wi",
31
- "@transform-enter": "transform-enter_1w1wi",
32
- "--transformStart": "--transformStart_1w1wi",
33
- "--transformEnd": "--transformEnd_1w1wi",
34
- "@transform-exit": "transform-exit_1w1wi"
7
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_a6hu5{0%,to{overflow:hidden}}@keyframes collapse-exit_a6hu5{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_a6hu5{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_a6hu5{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_a6hu5{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_a6hu5{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_a6hu5{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_a6hu5{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_a6hu5{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_a6hu5{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_a6hu5{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_a6hu5{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_a6hu5{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_a6hu5{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_a6hu5{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_a6hu5{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_a6hu5{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_a6hu5{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_a6hu5{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_a6hu5{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_a6hu5{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_a6hu5{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_a6hu5{0%{transform:var(--transformStart_a6hu5)}to{transform:var(--transformEnd_a6hu5)}}@keyframes transform-exit_a6hu5{0%{transform:var(--transformEnd_a6hu5)}to{transform:var(--transformStart_a6hu5)}}.___SCollapse_a6hu5_gg_{transition-property:height}" /*__inner_css_end__*/, "a6hu5_gg_") /*__reshadow_css_end__*/, {
8
+ "@collapse-enter": "collapse-enter_a6hu5",
9
+ "@collapse-exit": "collapse-exit_a6hu5",
10
+ "__SCollapse": "___SCollapse_a6hu5_gg_",
11
+ "@fade-in-out-enter": "fade-in-out-enter_a6hu5",
12
+ "@fade-in-out-exit": "fade-in-out-exit_a6hu5",
13
+ "@opacity-in": "opacity-in_a6hu5",
14
+ "@opacity-out": "opacity-out_a6hu5",
15
+ "@scale-left-in": "scale-left-in_a6hu5",
16
+ "@scale-right-in": "scale-right-in_a6hu5",
17
+ "@scale-top-in": "scale-top-in_a6hu5",
18
+ "@scale-bottom-in": "scale-bottom-in_a6hu5",
19
+ "@scale-left-out": "scale-left-out_a6hu5",
20
+ "@scale-right-out": "scale-right-out_a6hu5",
21
+ "@scale-top-out": "scale-top-out_a6hu5",
22
+ "@scale-bottom-out": "scale-bottom-out_a6hu5",
23
+ "@slide-top-in": "slide-top-in_a6hu5",
24
+ "@slide-top-out": "slide-top-out_a6hu5",
25
+ "@slide-bottom-in": "slide-bottom-in_a6hu5",
26
+ "@slide-bottom-out": "slide-bottom-out_a6hu5",
27
+ "@slide-left-in": "slide-left-in_a6hu5",
28
+ "@slide-left-out": "slide-left-out_a6hu5",
29
+ "@slide-right-in": "slide-right-in_a6hu5",
30
+ "@slide-right-out": "slide-right-out_a6hu5",
31
+ "@transform-enter": "transform-enter_a6hu5",
32
+ "--transformStart": "--transformStart_a6hu5",
33
+ "--transformEnd": "--transformEnd_a6hu5",
34
+ "@transform-exit": "transform-exit_a6hu5"
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_1w1wi{0%,to{overflow:hidden}}@keyframes collapse-exit_1w1wi{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1w1wi{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1w1wi{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1w1wi{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1w1wi{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1w1wi{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_1w1wi{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_1w1wi{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_1w1wi{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_1w1wi{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_1w1wi{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_1w1wi{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_1w1wi{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_1w1wi{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1w1wi{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1w1wi{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1w1wi{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1w1wi{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1w1wi{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1w1wi{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1w1wi{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1w1wi{0%{transform:var(--transformStart_1w1wi)}to{transform:var(--transformEnd_1w1wi)}}@keyframes transform-exit_1w1wi{0%{transform:var(--transformEnd_1w1wi)}to{transform:var(--transformStart_1w1wi)}}.___SCollapse_1w1wi_gg_{transition-property:height}" /*__inner_css_end__*/, "1w1wi_gg_") /*__reshadow_css_end__*/, {
10
- "@collapse-enter": "collapse-enter_1w1wi",
11
- "@collapse-exit": "collapse-exit_1w1wi",
12
- "__SCollapse": "___SCollapse_1w1wi_gg_",
13
- "@fade-in-out-enter": "fade-in-out-enter_1w1wi",
14
- "@fade-in-out-exit": "fade-in-out-exit_1w1wi",
15
- "@opacity-in": "opacity-in_1w1wi",
16
- "@opacity-out": "opacity-out_1w1wi",
17
- "@scale-left-in": "scale-left-in_1w1wi",
18
- "@scale-right-in": "scale-right-in_1w1wi",
19
- "@scale-top-in": "scale-top-in_1w1wi",
20
- "@scale-bottom-in": "scale-bottom-in_1w1wi",
21
- "@scale-left-out": "scale-left-out_1w1wi",
22
- "@scale-right-out": "scale-right-out_1w1wi",
23
- "@scale-top-out": "scale-top-out_1w1wi",
24
- "@scale-bottom-out": "scale-bottom-out_1w1wi",
25
- "@slide-top-in": "slide-top-in_1w1wi",
26
- "@slide-top-out": "slide-top-out_1w1wi",
27
- "@slide-bottom-in": "slide-bottom-in_1w1wi",
28
- "@slide-bottom-out": "slide-bottom-out_1w1wi",
29
- "@slide-left-in": "slide-left-in_1w1wi",
30
- "@slide-left-out": "slide-left-out_1w1wi",
31
- "@slide-right-in": "slide-right-in_1w1wi",
32
- "@slide-right-out": "slide-right-out_1w1wi",
33
- "@transform-enter": "transform-enter_1w1wi",
34
- "--transformStart": "--transformStart_1w1wi",
35
- "--transformEnd": "--transformEnd_1w1wi",
36
- "@transform-exit": "transform-exit_1w1wi"
9
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_a6hu5{0%,to{overflow:hidden}}@keyframes collapse-exit_a6hu5{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_a6hu5{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_a6hu5{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_a6hu5{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_a6hu5{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_a6hu5{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_a6hu5{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_a6hu5{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_a6hu5{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_a6hu5{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_a6hu5{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_a6hu5{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_a6hu5{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_a6hu5{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_a6hu5{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_a6hu5{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_a6hu5{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_a6hu5{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_a6hu5{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_a6hu5{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_a6hu5{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_a6hu5{0%{transform:var(--transformStart_a6hu5)}to{transform:var(--transformEnd_a6hu5)}}@keyframes transform-exit_a6hu5{0%{transform:var(--transformEnd_a6hu5)}to{transform:var(--transformStart_a6hu5)}}.___SCollapse_a6hu5_gg_{transition-property:height}" /*__inner_css_end__*/, "a6hu5_gg_") /*__reshadow_css_end__*/, {
10
+ "@collapse-enter": "collapse-enter_a6hu5",
11
+ "@collapse-exit": "collapse-exit_a6hu5",
12
+ "__SCollapse": "___SCollapse_a6hu5_gg_",
13
+ "@fade-in-out-enter": "fade-in-out-enter_a6hu5",
14
+ "@fade-in-out-exit": "fade-in-out-exit_a6hu5",
15
+ "@opacity-in": "opacity-in_a6hu5",
16
+ "@opacity-out": "opacity-out_a6hu5",
17
+ "@scale-left-in": "scale-left-in_a6hu5",
18
+ "@scale-right-in": "scale-right-in_a6hu5",
19
+ "@scale-top-in": "scale-top-in_a6hu5",
20
+ "@scale-bottom-in": "scale-bottom-in_a6hu5",
21
+ "@scale-left-out": "scale-left-out_a6hu5",
22
+ "@scale-right-out": "scale-right-out_a6hu5",
23
+ "@scale-top-out": "scale-top-out_a6hu5",
24
+ "@scale-bottom-out": "scale-bottom-out_a6hu5",
25
+ "@slide-top-in": "slide-top-in_a6hu5",
26
+ "@slide-top-out": "slide-top-out_a6hu5",
27
+ "@slide-bottom-in": "slide-bottom-in_a6hu5",
28
+ "@slide-bottom-out": "slide-bottom-out_a6hu5",
29
+ "@slide-left-in": "slide-left-in_a6hu5",
30
+ "@slide-left-out": "slide-left-out_a6hu5",
31
+ "@slide-right-in": "slide-right-in_a6hu5",
32
+ "@slide-right-out": "slide-right-out_a6hu5",
33
+ "@transform-enter": "transform-enter_a6hu5",
34
+ "--transformStart": "--transformStart_a6hu5",
35
+ "--transformEnd": "--transformEnd_a6hu5",
36
+ "@transform-exit": "transform-exit_a6hu5"
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_10bh1_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_10bh1_gg_.__bg_10bh1_gg_{background-color:var(--bg_10bh1)}.___SBadge_10bh1_gg_.__color_10bh1_gg_{color:var(--color_10bh1)}" /*__inner_css_end__*/, "10bh1_gg_") /*__reshadow_css_end__*/, {
21
- "__SBadge": "___SBadge_10bh1_gg_",
22
- "_bg": "__bg_10bh1_gg_",
23
- "--bg": "--bg_10bh1",
24
- "_color": "__color_10bh1_gg_",
25
- "--color": "--color_10bh1"
20
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBadge_10kzw_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_10kzw_gg_.__bg_10kzw_gg_{background-color:var(--bg_10kzw)}.___SBadge_10kzw_gg_.__color_10kzw_gg_{color:var(--color_10kzw)}" /*__inner_css_end__*/, "10kzw_gg_") /*__reshadow_css_end__*/, {
21
+ "__SBadge": "___SBadge_10kzw_gg_",
22
+ "_bg": "__bg_10kzw_gg_",
23
+ "--bg": "--bg_10kzw",
24
+ "_color": "__color_10kzw_gg_",
25
+ "--color": "--color_10kzw"
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_10bh1_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_10bh1_gg_.__bg_10bh1_gg_{background-color:var(--bg_10bh1)}.___SBadge_10bh1_gg_.__color_10bh1_gg_{color:var(--color_10bh1)}" /*__inner_css_end__*/, "10bh1_gg_") /*__reshadow_css_end__*/, {
15
- "__SBadge": "___SBadge_10bh1_gg_",
16
- "_bg": "__bg_10bh1_gg_",
17
- "--bg": "--bg_10bh1",
18
- "_color": "__color_10bh1_gg_",
19
- "--color": "--color_10bh1"
14
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBadge_10kzw_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_10kzw_gg_.__bg_10kzw_gg_{background-color:var(--bg_10kzw)}.___SBadge_10kzw_gg_.__color_10kzw_gg_{color:var(--color_10kzw)}" /*__inner_css_end__*/, "10kzw_gg_") /*__reshadow_css_end__*/, {
15
+ "__SBadge": "___SBadge_10kzw_gg_",
16
+ "_bg": "__bg_10kzw_gg_",
17
+ "--bg": "--bg_10kzw",
18
+ "_color": "__color_10kzw_gg_",
19
+ "--color": "--color_10kzw"
20
20
  });
21
21
  var RootBadge = /*#__PURE__*/function (_Component) {
22
22
  _inherits(RootBadge, _Component);
@@ -21,26 +21,25 @@ 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"));
25
24
  /*__reshadow-styles__:"./style/base-trigger.shadow.css"*/
26
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_hg5as_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_hg5as_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_hg5as_gg_:active,.___SBaseTrigger_hg5as_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_hg5as_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_hg5as_gg_.__keyboardFocused_hg5as_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_hg5as_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_hg5as_gg_.__active_hg5as_gg_,.___SBaseTrigger_hg5as_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_hg5as_gg_.__disabled_hg5as_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_hg5as_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_hg5as_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_hg5as_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_hg5as_gg_{width:12px;height:12px}.___SBaseTrigger_hg5as_gg_._size_m_hg5as_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_hg5as_gg_._size_m_hg5as_gg_ .___SAddon_hg5as_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_hg5as_gg_._size_m_hg5as_gg_ .___SAddon_hg5as_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_hg5as_gg_._size_l_hg5as_gg_ .___SAddon_hg5as_gg_:only-child,.___SBaseTrigger_hg5as_gg_._size_m_hg5as_gg_ .___SAddon_hg5as_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_hg5as_gg_._size_l_hg5as_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_hg5as_gg_._size_l_hg5as_gg_ .___SAddon_hg5as_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_hg5as_gg_._size_l_hg5as_gg_ .___SAddon_hg5as_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_hg5as_gg_._neighborLocation_right_hg5as_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_hg5as_gg_._neighborLocation_both_hg5as_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_hg5as_gg_._neighborLocation_left_hg5as_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_hg5as_gg_.__display-placeholder_hg5as_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_hg5as_gg_._state_valid_hg5as_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_hg5as_gg_._state_invalid_hg5as_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_hg5as_gg_._state_invalid_hg5as_gg_.__keyboardFocused_hg5as_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_hg5as_gg_._size_m_hg5as_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_hg5as_gg_._size_l_hg5as_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "hg5as_gg_") /*__reshadow_css_end__*/, {
27
- "__SBaseTrigger": "___SBaseTrigger_hg5as_gg_",
28
- "_disabled": "__disabled_hg5as_gg_",
29
- "__SInner": "___SInner_hg5as_gg_",
30
- "__SText": "___SText_hg5as_gg_",
31
- "__SAddon": "___SAddon_hg5as_gg_",
32
- "__SBaseAddon": "___SBaseAddon_hg5as_gg_",
33
- "_neighborLocation_right": "_neighborLocation_right_hg5as_gg_",
34
- "_neighborLocation_both": "_neighborLocation_both_hg5as_gg_",
35
- "_neighborLocation_left": "_neighborLocation_left_hg5as_gg_",
36
- "_display-placeholder": "__display-placeholder_hg5as_gg_",
37
- "_state_valid": "_state_valid_hg5as_gg_",
38
- "__SInvalidPattern": "___SInvalidPattern_hg5as_gg_",
39
- "_size_m": "_size_m_hg5as_gg_",
40
- "_size_l": "_size_l_hg5as_gg_",
41
- "_keyboardFocused": "__keyboardFocused_hg5as_gg_",
42
- "_active": "__active_hg5as_gg_",
43
- "_state_invalid": "_state_invalid_hg5as_gg_"
25
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_uh6b5_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_uh6b5_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_uh6b5_gg_:active,.___SBaseTrigger_uh6b5_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_uh6b5_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_uh6b5_gg_.__keyboardFocused_uh6b5_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_uh6b5_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_uh6b5_gg_.__active_uh6b5_gg_,.___SBaseTrigger_uh6b5_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_uh6b5_gg_.__disabled_uh6b5_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_uh6b5_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_uh6b5_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_uh6b5_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_uh6b5_gg_{width:12px;height:12px}.___SBaseTrigger_uh6b5_gg_._size_m_uh6b5_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_uh6b5_gg_._size_m_uh6b5_gg_ .___SAddon_uh6b5_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_uh6b5_gg_._size_m_uh6b5_gg_ .___SAddon_uh6b5_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_uh6b5_gg_._size_l_uh6b5_gg_ .___SAddon_uh6b5_gg_:only-child,.___SBaseTrigger_uh6b5_gg_._size_m_uh6b5_gg_ .___SAddon_uh6b5_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_uh6b5_gg_._size_l_uh6b5_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_uh6b5_gg_._size_l_uh6b5_gg_ .___SAddon_uh6b5_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_uh6b5_gg_._size_l_uh6b5_gg_ .___SAddon_uh6b5_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_uh6b5_gg_._neighborLocation_right_uh6b5_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_uh6b5_gg_._neighborLocation_both_uh6b5_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_uh6b5_gg_._neighborLocation_left_uh6b5_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_uh6b5_gg_.__display-placeholder_uh6b5_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_uh6b5_gg_._state_valid_uh6b5_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_uh6b5_gg_._state_invalid_uh6b5_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_uh6b5_gg_._state_invalid_uh6b5_gg_.__keyboardFocused_uh6b5_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_uh6b5_gg_._size_m_uh6b5_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_uh6b5_gg_._size_l_uh6b5_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "uh6b5_gg_") /*__reshadow_css_end__*/, {
26
+ "__SBaseTrigger": "___SBaseTrigger_uh6b5_gg_",
27
+ "_disabled": "__disabled_uh6b5_gg_",
28
+ "__SInner": "___SInner_uh6b5_gg_",
29
+ "__SText": "___SText_uh6b5_gg_",
30
+ "__SAddon": "___SAddon_uh6b5_gg_",
31
+ "__SBaseAddon": "___SBaseAddon_uh6b5_gg_",
32
+ "_neighborLocation_right": "_neighborLocation_right_uh6b5_gg_",
33
+ "_neighborLocation_both": "_neighborLocation_both_uh6b5_gg_",
34
+ "_neighborLocation_left": "_neighborLocation_left_uh6b5_gg_",
35
+ "_display-placeholder": "__display-placeholder_uh6b5_gg_",
36
+ "_state_valid": "_state_valid_uh6b5_gg_",
37
+ "__SInvalidPattern": "___SInvalidPattern_uh6b5_gg_",
38
+ "_size_m": "_size_m_uh6b5_gg_",
39
+ "_size_l": "_size_l_uh6b5_gg_",
40
+ "_keyboardFocused": "__keyboardFocused_uh6b5_gg_",
41
+ "_active": "__active_uh6b5_gg_",
42
+ "_state_invalid": "_state_invalid_uh6b5_gg_"
44
43
  });
45
44
  var RootBaseTrigger = /*#__PURE__*/function (_Component) {
46
45
  (0, _inherits2["default"])(RootBaseTrigger, _Component);
@@ -66,7 +65,7 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
66
65
  var _ref = this.asProps;
67
66
  var SBaseTrigger = _flexBox.Box;
68
67
  var SInner = 'div';
69
- var SInvalidPattern = _InvalidStatePattern["default"];
68
+ var SInvalidPattern = _flexBox.InvalidStateBox;
70
69
  var _this$asProps2 = this.asProps,
71
70
  Children = _this$asProps2.Children,
72
71
  styles = _this$asProps2.styles,
@@ -1 +1 @@
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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"}
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","SInvalidPattern","InvalidStateBox","_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, InvalidStateBox } 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 SInvalidPattern = InvalidStateBox;\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_101kf_gg_{width:12px;height:12px}.___SButtonTriggerSpin_101kf_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "101kf_gg_") /*__reshadow_css_end__*/, {
24
- "__SButtonAddon": "___SButtonAddon_101kf_gg_",
25
- "__SButtonTriggerSpin": "___SButtonTriggerSpin_101kf_gg_"
23
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_1nrp2_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1nrp2_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "1nrp2_gg_") /*__reshadow_css_end__*/, {
24
+ "__SButtonAddon": "___SButtonAddon_1nrp2_gg_",
25
+ "__SButtonTriggerSpin": "___SButtonTriggerSpin_1nrp2_gg_"
26
26
  });
27
27
  var RootButtonTrigger = /*#__PURE__*/function (_Component) {
28
28
  (0, _inherits2["default"])(RootButtonTrigger, _Component);