@coinbase/cds-common 8.13.1 → 8.13.2

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 (302) hide show
  1. package/CHANGELOG.md +37 -0
  2. package/dts/accordion/AccordionProvider.d.ts +23 -17
  3. package/dts/animation/accordion.d.ts +1 -1
  4. package/dts/animation/border.d.ts +9 -3
  5. package/dts/animation/carousel.d.ts +1 -1
  6. package/dts/animation/collapsible.d.ts +4 -4
  7. package/dts/animation/dot.d.ts +1 -1
  8. package/dts/animation/drawer.d.ts +8 -8
  9. package/dts/animation/dropdown.d.ts +19 -19
  10. package/dts/animation/fullscreenModal.d.ts +1 -1
  11. package/dts/animation/likeButton.d.ts +1 -1
  12. package/dts/animation/menu.d.ts +21 -21
  13. package/dts/animation/modal.d.ts +1 -1
  14. package/dts/animation/overlay.d.ts +1 -1
  15. package/dts/animation/paddle.d.ts +1 -1
  16. package/dts/animation/progress.d.ts +1 -1
  17. package/dts/animation/rotate.d.ts +1 -1
  18. package/dts/animation/select.d.ts +1 -1
  19. package/dts/animation/sparkline.d.ts +3 -3
  20. package/dts/animation/tabs.d.ts +1 -1
  21. package/dts/animation/toast.d.ts +1 -1
  22. package/dts/animation/tooltip.d.ts +7 -4
  23. package/dts/cards/getCardBodySpacingProps.d.ts +16 -4
  24. package/dts/color/blendColors.d.ts +12 -9
  25. package/dts/color/colorToHex.d.ts +1 -1
  26. package/dts/color/darkenColor.d.ts +1 -1
  27. package/dts/color/getAccessibleForegroundGradient.d.ts +13 -8
  28. package/dts/color/getBlendedColor.d.ts +61 -54
  29. package/dts/color/getContrastRatio.d.ts +1 -1
  30. package/dts/color/getLuminance.d.ts +1 -1
  31. package/dts/color/isAccessibleColor.d.ts +11 -6
  32. package/dts/color/isLightOrDarkColor.d.ts +2 -2
  33. package/dts/color/overrideAlpha.d.ts +1 -1
  34. package/dts/core/theme.d.ts +251 -252
  35. package/dts/dates/DateInputValidationError.d.ts +3 -3
  36. package/dts/dates/IntlDateFormat.d.ts +29 -32
  37. package/dts/dates/generateCalendarMonth.d.ts +1 -1
  38. package/dts/dates/getISOStringLocal.d.ts +1 -1
  39. package/dts/dates/getMidnightDate.d.ts +1 -1
  40. package/dts/dates/getTimesFromDatesAndRanges.d.ts +4 -2
  41. package/dts/dates/useDateInput.d.ts +33 -17
  42. package/dts/dates/useDateInputValidation.d.ts +48 -39
  43. package/dts/hooks/useEventHandler.d.ts +12 -3
  44. package/dts/hooks/useFallbackShape.d.ts +10 -6
  45. package/dts/hooks/useGroupToggler.d.ts +9 -6
  46. package/dts/hooks/useHasMounted.d.ts +1 -1
  47. package/dts/hooks/useIndexCounter.d.ts +21 -14
  48. package/dts/hooks/useInputVariant.d.ts +1 -1
  49. package/dts/hooks/useLogo.d.ts +17 -17
  50. package/dts/hooks/useMergeRefs.d.ts +4 -2
  51. package/dts/hooks/usePrefixedId.d.ts +9 -3
  52. package/dts/hooks/usePreviousValue.d.ts +1 -1
  53. package/dts/hooks/usePreviousValues.d.ts +3 -3
  54. package/dts/hooks/useRefMap.d.ts +9 -7
  55. package/dts/hooks/useSort.d.ts +14 -14
  56. package/dts/hooks/useSubBrandLogo.d.ts +53 -45
  57. package/dts/hooks/useTimer.d.ts +5 -5
  58. package/dts/hooks/useToggler.d.ts +7 -7
  59. package/dts/hooks/useValueChanges.d.ts +6 -6
  60. package/dts/index.d.ts +1 -1
  61. package/dts/internal/data/accounts.d.ts +220 -210
  62. package/dts/internal/data/announcementCards.d.ts +7 -7
  63. package/dts/internal/data/asset.d.ts +162 -162
  64. package/dts/internal/data/assets.d.ts +73 -70
  65. package/dts/internal/data/avatars.d.ts +6 -3
  66. package/dts/internal/data/dataCards.d.ts +25 -21
  67. package/dts/internal/data/featureEntryCards.d.ts +19 -16
  68. package/dts/internal/data/feedImages.d.ts +1 -1
  69. package/dts/internal/data/iconData.d.ts +2 -2
  70. package/dts/internal/data/loremIpsum.d.ts +3 -2
  71. package/dts/internal/data/navigation.d.ts +5 -5
  72. package/dts/internal/data/prices.d.ts +3 -3
  73. package/dts/internal/data/product.d.ts +31 -23
  74. package/dts/internal/data/tabs.d.ts +16 -13
  75. package/dts/internal/data/users.d.ts +13 -10
  76. package/dts/internal/utils/storyBuilder.d.ts +136 -95
  77. package/dts/internal/visualizations/SparklineInteractiveData.d.ts +8 -8
  78. package/dts/jest/timeTravel.d.ts +1 -1
  79. package/dts/lottie/lottieUtils.d.ts +7 -4
  80. package/dts/lottie/useStatusAnimationPoller.d.ts +29 -6
  81. package/dts/media/getAvatarFallbackColor.d.ts +4 -2
  82. package/dts/media/remoteImageFallbackSrc.d.ts +5 -3
  83. package/dts/motion/animatedCaret.d.ts +1 -1
  84. package/dts/motion/checkbox.d.ts +85 -77
  85. package/dts/motion/dot.d.ts +85 -77
  86. package/dts/motion/hint.d.ts +46 -42
  87. package/dts/motion/switch.d.ts +1 -1
  88. package/dts/motion/tokens.d.ts +896 -414
  89. package/dts/motion/utils.d.ts +30 -12
  90. package/dts/numbers/IntlNumberFormat.d.ts +101 -103
  91. package/dts/numbers/subscript.d.ts +1 -1
  92. package/dts/overlays/ModalContext.d.ts +22 -22
  93. package/dts/overlays/OverlayContentContext.d.ts +10 -10
  94. package/dts/overlays/PortalContext.d.ts +5 -5
  95. package/dts/overlays/ToastProvider.d.ts +44 -35
  96. package/dts/overlays/useAlert.d.ts +3 -3
  97. package/dts/overlays/useModal.d.ts +3 -3
  98. package/dts/overlays/useOverlay.d.ts +3 -3
  99. package/dts/overlays/usePortal.d.ts +2 -2
  100. package/dts/overlays/usePortalState.d.ts +12 -12
  101. package/dts/overlays/useToastQueue.d.ts +8 -8
  102. package/dts/stepper/useStepper.d.ts +27 -23
  103. package/dts/stepper/utils.d.ts +15 -8
  104. package/dts/system/EventHandlerProvider.d.ts +13 -11
  105. package/dts/system/LocaleProvider.d.ts +8 -5
  106. package/dts/system/RefMapContext.d.ts +3 -3
  107. package/dts/tabs/TabsContext.d.ts +2 -2
  108. package/dts/tabs/useTabs.d.ts +27 -22
  109. package/dts/tokens/accordion.d.ts +4 -4
  110. package/dts/tokens/appSwitcher.d.ts +1 -1
  111. package/dts/tokens/avatar.d.ts +12 -12
  112. package/dts/tokens/banner.d.ts +8 -8
  113. package/dts/tokens/borderRadius.d.ts +1 -1
  114. package/dts/tokens/button.d.ts +61 -61
  115. package/dts/tokens/card.d.ts +16 -16
  116. package/dts/tokens/cell.d.ts +17 -14
  117. package/dts/tokens/chip.d.ts +1 -1
  118. package/dts/tokens/dot.d.ts +4 -4
  119. package/dts/tokens/drawer.d.ts +1 -1
  120. package/dts/tokens/illustrations.d.ts +21 -21
  121. package/dts/tokens/input.d.ts +1 -1
  122. package/dts/tokens/interactable.d.ts +1 -1
  123. package/dts/tokens/interactableHeight.d.ts +3 -3
  124. package/dts/tokens/menu.d.ts +1 -1
  125. package/dts/tokens/multiContentModule.d.ts +1 -1
  126. package/dts/tokens/navigation.d.ts +1 -1
  127. package/dts/tokens/overlays.d.ts +3 -2
  128. package/dts/tokens/page.d.ts +1 -1
  129. package/dts/tokens/select.d.ts +1 -1
  130. package/dts/tokens/sidebar.d.ts +1 -1
  131. package/dts/tokens/sizing.d.ts +1 -1
  132. package/dts/tokens/sparkline.d.ts +1 -1
  133. package/dts/tokens/tags.d.ts +11 -5
  134. package/dts/tokens/tile.d.ts +1 -1
  135. package/dts/tokens/toast.d.ts +1 -1
  136. package/dts/tokens/tooltip.d.ts +1 -1
  137. package/dts/tokens/zIndex.d.ts +12 -12
  138. package/dts/tour/TourContext.d.ts +1 -1
  139. package/dts/tour/useTour.d.ts +83 -77
  140. package/dts/types/AvatarBaseProps.d.ts +1 -1
  141. package/dts/types/AvatarSize.d.ts +1 -1
  142. package/dts/types/BannerBaseProps.d.ts +1 -1
  143. package/dts/types/BoxBaseProps.d.ts +61 -48
  144. package/dts/types/ButtonBaseProps.d.ts +8 -2
  145. package/dts/types/CardHeaderProps.d.ts +9 -9
  146. package/dts/types/CardMediaProps.d.ts +28 -22
  147. package/dts/types/CardRemoteImageProps.d.ts +18 -14
  148. package/dts/types/CdsPlatform.d.ts +1 -1
  149. package/dts/types/CellBaseProps.d.ts +3 -3
  150. package/dts/types/Chart.d.ts +18 -16
  151. package/dts/types/CollapsibleBaseProps.d.ts +1 -1
  152. package/dts/types/Color.d.ts +3 -3
  153. package/dts/types/ComponentEventHandlerProps.d.ts +3 -3
  154. package/dts/types/DimensionStyles.d.ts +18 -18
  155. package/dts/types/Display.d.ts +9 -2
  156. package/dts/types/DotBaseProps.d.ts +1 -1
  157. package/dts/types/DotCountBaseProps.d.ts +1 -1
  158. package/dts/types/ElevationLevels.d.ts +3 -3
  159. package/dts/types/FallbackBaseProps.d.ts +8 -8
  160. package/dts/types/Grid.d.ts +1 -1
  161. package/dts/types/Helpers.d.ts +6 -2
  162. package/dts/types/IconButtonBaseProps.d.ts +1 -1
  163. package/dts/types/IconName.d.ts +1 -1
  164. package/dts/types/IconSize.d.ts +1 -1
  165. package/dts/types/IllustrationNames.d.ts +14 -3
  166. package/dts/types/IllustrationProps.d.ts +15 -3
  167. package/dts/types/InputBaseProps.d.ts +23 -17
  168. package/dts/types/LottiePlayer.d.ts +9 -6
  169. package/dts/types/LottieSource.d.ts +19 -19
  170. package/dts/types/LottieStatusAnimationProps.d.ts +21 -15
  171. package/dts/types/Motion.d.ts +58 -21
  172. package/dts/types/OverlayLifecycleProps.d.ts +17 -17
  173. package/dts/types/Palette.d.ts +1 -1
  174. package/dts/types/Placement.d.ts +1 -1
  175. package/dts/types/Position.d.ts +1 -1
  176. package/dts/types/ProgressContainerWithButtonsProps.d.ts +5 -5
  177. package/dts/types/PulseBaseProps.d.ts +1 -1
  178. package/dts/types/React.d.ts +1 -1
  179. package/dts/types/Rect.d.ts +5 -5
  180. package/dts/types/Responsive.d.ts +9 -2
  181. package/dts/types/ResponsiveProps.d.ts +13 -6
  182. package/dts/types/SectionHeaderProps.d.ts +15 -13
  183. package/dts/types/Shape.d.ts +1 -1
  184. package/dts/types/SharedAccessibilityProps.d.ts +32 -32
  185. package/dts/types/SharedProps.d.ts +7 -7
  186. package/dts/types/SpacingProps.d.ts +37 -37
  187. package/dts/types/SparklineInteractiveHeaderBaseProps.d.ts +7 -2
  188. package/dts/types/SpreadPropsSafely.d.ts +2 -2
  189. package/dts/types/StickyFooterProps.d.ts +17 -15
  190. package/dts/types/TagBaseProps.d.ts +5 -2
  191. package/dts/types/TextBaseProps.d.ts +7 -7
  192. package/dts/types/TooltipBaseProps.d.ts +1 -1
  193. package/dts/types/TypeOrNumber.d.ts +1 -1
  194. package/dts/types/Visibility.d.ts +2 -2
  195. package/dts/types/Weight.d.ts +1 -1
  196. package/dts/types/index.d.ts +1 -1
  197. package/dts/utils/cell.d.ts +5 -2
  198. package/dts/utils/chart.d.ts +1 -1
  199. package/dts/utils/circle.d.ts +1 -1
  200. package/dts/utils/convertDimensionToAspectRatio.d.ts +12 -2
  201. package/dts/utils/convertDimensionToSize.d.ts +3 -3
  202. package/dts/utils/convertSizeWithMultiplier.d.ts +8 -5
  203. package/dts/utils/debounce.d.ts +5 -2
  204. package/dts/utils/delay.d.ts +1 -1
  205. package/dts/utils/flattenNodes.d.ts +6 -2
  206. package/dts/utils/formatCount.d.ts +1 -1
  207. package/dts/utils/getAccessibleColor.d.ts +16 -11
  208. package/dts/utils/getButtonSpacingProps.d.ts +12 -9
  209. package/dts/utils/getDefaultAspectRatioForIllustration.d.ts +9 -2
  210. package/dts/utils/getDefaultSizeObjectForIllustration.d.ts +4 -2
  211. package/dts/utils/getRectWidthVariant.d.ts +5 -2
  212. package/dts/utils/getWidthInEm.d.ts +1 -1
  213. package/dts/utils/join.d.ts +5 -2
  214. package/dts/utils/mergeProps.d.ts +1 -1
  215. package/dts/utils/mockUtils.d.ts +1 -1
  216. package/dts/utils/modulate.d.ts +8 -5
  217. package/dts/utils/parseDotCountMaxOverflow.d.ts +1 -1
  218. package/dts/visualizations/getProgressCircleParams.d.ts +15 -11
  219. package/dts/visualizations/getSparklineRange.d.ts +11 -7
  220. package/dts/visualizations/getSparklineTransform.d.ts +7 -3
  221. package/dts/visualizations/largestTriangleThreeBucket.d.ts +1 -1
  222. package/dts/visualizations/useCounter.d.ts +9 -5
  223. package/dts/visualizations/useDateLookup.d.ts +9 -5
  224. package/dts/visualizations/useProgressSize.d.ts +1 -1
  225. package/dts/visualizations/useSparklineArea.d.ts +1 -1
  226. package/dts/visualizations/useSparklineAreaOpacity.d.ts +1 -1
  227. package/dts/visualizations/useSparklineCoordinates.d.ts +19 -12
  228. package/dts/visualizations/useSparklinePath.d.ts +1 -1
  229. package/dts/visualizations/useSparklinePathGenerator.d.ts +16 -10
  230. package/dts/visualizations/useTimeseriesPaths.d.ts +6 -6
  231. package/dts/visualizations/useVisualizationDimensions.d.ts +15 -10
  232. package/package.json +7 -7
  233. package/dts/accordion/__tests__/AccordionProvider.test.d.ts +0 -2
  234. package/dts/accordion/__tests__/AccordionProvider.test.d.ts.map +0 -1
  235. package/dts/color/__tests__/blendColors.test.d.ts +0 -2
  236. package/dts/color/__tests__/blendColors.test.d.ts.map +0 -1
  237. package/dts/color/__tests__/isLightOrDarkColor.test.d.ts +0 -2
  238. package/dts/color/__tests__/isLightOrDarkColor.test.d.ts.map +0 -1
  239. package/dts/color/__tests__/overrideAlpha.test.d.ts +0 -2
  240. package/dts/color/__tests__/overrideAlpha.test.d.ts.map +0 -1
  241. package/dts/dates/__tests__/IntlDateFormat.test.d.ts +0 -2
  242. package/dts/dates/__tests__/IntlDateFormat.test.d.ts.map +0 -1
  243. package/dts/dates/__tests__/useDateInput.test.d.ts +0 -2
  244. package/dts/dates/__tests__/useDateInput.test.d.ts.map +0 -1
  245. package/dts/hooks/__tests__/useFallbackShape.test.d.ts +0 -2
  246. package/dts/hooks/__tests__/useFallbackShape.test.d.ts.map +0 -1
  247. package/dts/hooks/__tests__/usePrefixedId.test.d.ts +0 -2
  248. package/dts/hooks/__tests__/usePrefixedId.test.d.ts.map +0 -1
  249. package/dts/hooks/__tests__/usePreviousValue.test.d.ts +0 -2
  250. package/dts/hooks/__tests__/usePreviousValue.test.d.ts.map +0 -1
  251. package/dts/hooks/__tests__/useRefMap.test.d.ts +0 -2
  252. package/dts/hooks/__tests__/useRefMap.test.d.ts.map +0 -1
  253. package/dts/hooks/__tests__/useSort.test.d.ts +0 -2
  254. package/dts/hooks/__tests__/useSort.test.d.ts.map +0 -1
  255. package/dts/hooks/__tests__/useTimer.test.d.ts +0 -2
  256. package/dts/hooks/__tests__/useTimer.test.d.ts.map +0 -1
  257. package/dts/lottie/lottieUtils.test.d.ts +0 -2
  258. package/dts/lottie/lottieUtils.test.d.ts.map +0 -1
  259. package/dts/numbers/__tests__/formatToParts.test.d.ts +0 -2
  260. package/dts/numbers/__tests__/formatToParts.test.d.ts.map +0 -1
  261. package/dts/numbers/__tests__/subscript.test.d.ts +0 -2
  262. package/dts/numbers/__tests__/subscript.test.d.ts.map +0 -1
  263. package/dts/overlays/__tests__/useOverlay.test.d.ts +0 -2
  264. package/dts/overlays/__tests__/useOverlay.test.d.ts.map +0 -1
  265. package/dts/overlays/__tests__/useToastQueue.test.d.ts +0 -2
  266. package/dts/overlays/__tests__/useToastQueue.test.d.ts.map +0 -1
  267. package/dts/stepper/__tests__/useStepper.test.d.ts +0 -2
  268. package/dts/stepper/__tests__/useStepper.test.d.ts.map +0 -1
  269. package/dts/stepper/__tests__/utils.test.d.ts +0 -2
  270. package/dts/stepper/__tests__/utils.test.d.ts.map +0 -1
  271. package/dts/system/__tests__/EventHandlerProvider.test.d.ts +0 -2
  272. package/dts/system/__tests__/EventHandlerProvider.test.d.ts.map +0 -1
  273. package/dts/tabs/__tests__/TabsContext.test.d.ts +0 -2
  274. package/dts/tabs/__tests__/TabsContext.test.d.ts.map +0 -1
  275. package/dts/tabs/__tests__/useTabs.test.d.ts +0 -2
  276. package/dts/tabs/__tests__/useTabs.test.d.ts.map +0 -1
  277. package/dts/tour/__tests__/TourContext.test.d.ts +0 -2
  278. package/dts/tour/__tests__/TourContext.test.d.ts.map +0 -1
  279. package/dts/tour/__tests__/useTour.test.d.ts +0 -2
  280. package/dts/tour/__tests__/useTour.test.d.ts.map +0 -1
  281. package/dts/utils/__tests__/cell.test.d.ts +0 -2
  282. package/dts/utils/__tests__/cell.test.d.ts.map +0 -1
  283. package/dts/utils/__tests__/chart.test.d.ts +0 -2
  284. package/dts/utils/__tests__/chart.test.d.ts.map +0 -1
  285. package/dts/utils/__tests__/flattenNodes.test.d.ts +0 -2
  286. package/dts/utils/__tests__/flattenNodes.test.d.ts.map +0 -1
  287. package/dts/utils/__tests__/formatCount.test.d.ts +0 -2
  288. package/dts/utils/__tests__/formatCount.test.d.ts.map +0 -1
  289. package/dts/utils/__tests__/getRectWidthVariant.test.d.ts +0 -2
  290. package/dts/utils/__tests__/getRectWidthVariant.test.d.ts.map +0 -1
  291. package/dts/visualizations/__tests__/getSparklineRange.test.d.ts +0 -2
  292. package/dts/visualizations/__tests__/getSparklineRange.test.d.ts.map +0 -1
  293. package/dts/visualizations/__tests__/largestTriangleThreeBucket.test.d.ts +0 -2
  294. package/dts/visualizations/__tests__/largestTriangleThreeBucket.test.d.ts.map +0 -1
  295. package/dts/visualizations/__tests__/useCounter.test.d.ts +0 -2
  296. package/dts/visualizations/__tests__/useCounter.test.d.ts.map +0 -1
  297. package/dts/visualizations/__tests__/useSparklineArea.test.d.ts +0 -2
  298. package/dts/visualizations/__tests__/useSparklineArea.test.d.ts.map +0 -1
  299. package/dts/visualizations/__tests__/useSparklineCoordinates.test.d.ts +0 -2
  300. package/dts/visualizations/__tests__/useSparklineCoordinates.test.d.ts.map +0 -1
  301. package/dts/visualizations/__tests__/useSparklinePath.test.d.ts +0 -2
  302. package/dts/visualizations/__tests__/useSparklinePath.test.d.ts.map +0 -1
package/dts/motion/tokens.d.ts CHANGED
@@ -1,422 +1,904 @@
1
1
  import type { MotionBaseSpec, MotionDuration, MotionEffect } from '../types';
2
2
  export type EasingArray = [number, number, number, number];
3
3
  export declare const curves: {
4
- readonly global: EasingArray;
5
- readonly enterExpressive: EasingArray;
6
- readonly enterFunctional: EasingArray;
7
- readonly exitExpressive: EasingArray;
8
- readonly exitFunctional: EasingArray;
9
- readonly linear: EasingArray;
4
+ readonly global: EasingArray;
5
+ readonly enterExpressive: EasingArray;
6
+ readonly enterFunctional: EasingArray;
7
+ readonly exitExpressive: EasingArray;
8
+ readonly exitFunctional: EasingArray;
9
+ readonly linear: EasingArray;
10
10
  };
11
11
  export declare const durations: {
12
- readonly quick: 33;
13
- /** Buttons, Toggles, Text, Icons, Selection Controls */
14
- readonly fast1: 100;
15
- readonly fast2: 133;
16
- readonly fast3: 150;
17
- /** Short distance movements, System Messaging, Navigation Drawer, Modals */
18
- readonly moderate1: 200;
19
- readonly moderate2: 250;
20
- readonly moderate3: 300;
21
- /** Large distance movements, Page Transitions, Full screen dialogue */
22
- readonly slow1: 350;
23
- readonly slow2: 400;
24
- readonly slow3: 500;
25
- readonly slow4: 1000;
12
+ readonly quick: 33;
13
+ /** Buttons, Toggles, Text, Icons, Selection Controls */
14
+ readonly fast1: 100;
15
+ readonly fast2: 133;
16
+ readonly fast3: 150;
17
+ /** Short distance movements, System Messaging, Navigation Drawer, Modals */
18
+ readonly moderate1: 200;
19
+ readonly moderate2: 250;
20
+ readonly moderate3: 300;
21
+ /** Large distance movements, Page Transitions, Full screen dialogue */
22
+ readonly slow1: 350;
23
+ readonly slow2: 400;
24
+ readonly slow3: 500;
25
+ readonly slow4: 1000;
26
26
  };
27
27
  export declare const animations: {
28
- readonly fadeIn: {
29
- property: import("..").MotionProperty;
30
- fromValue: import("..").MotionValue;
31
- toValue: import("..").MotionValue;
32
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
33
- } | {
34
- property: import("..").MotionProperty;
35
- toValue: import("..").MotionValue;
36
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
37
- fromValue?: undefined;
38
- };
39
- readonly fadeIn10: {
40
- property: import("..").MotionProperty;
41
- fromValue: import("..").MotionValue;
42
- toValue: import("..").MotionValue;
43
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
44
- } | {
45
- property: import("..").MotionProperty;
46
- toValue: import("..").MotionValue;
47
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
48
- fromValue?: undefined;
49
- };
50
- readonly fadeIn20: {
51
- property: import("..").MotionProperty;
52
- fromValue: import("..").MotionValue;
53
- toValue: import("..").MotionValue;
54
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
55
- } | {
56
- property: import("..").MotionProperty;
57
- toValue: import("..").MotionValue;
58
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
59
- fromValue?: undefined;
60
- };
61
- readonly fadeIn30: {
62
- property: import("..").MotionProperty;
63
- fromValue: import("..").MotionValue;
64
- toValue: import("..").MotionValue;
65
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
66
- } | {
67
- property: import("..").MotionProperty;
68
- toValue: import("..").MotionValue;
69
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
70
- fromValue?: undefined;
71
- };
72
- readonly fadeOut: {
73
- property: import("..").MotionProperty;
74
- fromValue: import("..").MotionValue;
75
- toValue: import("..").MotionValue;
76
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
77
- } | {
78
- property: import("..").MotionProperty;
79
- toValue: import("..").MotionValue;
80
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
81
- fromValue?: undefined;
82
- };
83
- readonly fadeOut10: {
84
- property: import("..").MotionProperty;
85
- fromValue: import("..").MotionValue;
86
- toValue: import("..").MotionValue;
87
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
88
- } | {
89
- property: import("..").MotionProperty;
90
- toValue: import("..").MotionValue;
91
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
92
- fromValue?: undefined;
93
- };
94
- readonly fadeOut20: {
95
- property: import("..").MotionProperty;
96
- fromValue: import("..").MotionValue;
97
- toValue: import("..").MotionValue;
98
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
99
- } | {
100
- property: import("..").MotionProperty;
101
- toValue: import("..").MotionValue;
102
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
103
- fromValue?: undefined;
104
- };
105
- readonly fadeOut30: {
106
- property: import("..").MotionProperty;
107
- fromValue: import("..").MotionValue;
108
- toValue: import("..").MotionValue;
109
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
110
- } | {
111
- property: import("..").MotionProperty;
112
- toValue: import("..").MotionValue;
113
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
114
- fromValue?: undefined;
115
- };
116
- readonly slideUp: {
117
- property: import("..").MotionProperty;
118
- fromValue: import("..").MotionValue;
119
- toValue: import("..").MotionValue;
120
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
121
- } | {
122
- property: import("..").MotionProperty;
123
- toValue: import("..").MotionValue;
124
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
125
- fromValue?: undefined;
126
- };
127
- readonly slideUp8: {
128
- property: import("..").MotionProperty;
129
- fromValue: import("..").MotionValue;
130
- toValue: import("..").MotionValue;
131
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
132
- } | {
133
- property: import("..").MotionProperty;
134
- toValue: import("..").MotionValue;
135
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
136
- fromValue?: undefined;
137
- };
138
- readonly slideUp16: {
139
- property: import("..").MotionProperty;
140
- fromValue: import("..").MotionValue;
141
- toValue: import("..").MotionValue;
142
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
143
- } | {
144
- property: import("..").MotionProperty;
145
- toValue: import("..").MotionValue;
146
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
147
- fromValue?: undefined;
148
- };
149
- readonly slideUp24: {
150
- property: import("..").MotionProperty;
151
- fromValue: import("..").MotionValue;
152
- toValue: import("..").MotionValue;
153
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
154
- } | {
155
- property: import("..").MotionProperty;
156
- toValue: import("..").MotionValue;
157
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
158
- fromValue?: undefined;
159
- };
160
- readonly slideUp40: {
161
- property: import("..").MotionProperty;
162
- fromValue: import("..").MotionValue;
163
- toValue: import("..").MotionValue;
164
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
165
- } | {
166
- property: import("..").MotionProperty;
167
- toValue: import("..").MotionValue;
168
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
169
- fromValue?: undefined;
170
- };
171
- readonly slideDown: {
172
- property: import("..").MotionProperty;
173
- fromValue: import("..").MotionValue;
174
- toValue: import("..").MotionValue;
175
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
176
- } | {
177
- property: import("..").MotionProperty;
178
- toValue: import("..").MotionValue;
179
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
180
- fromValue?: undefined;
181
- };
182
- readonly slideDown8: {
183
- property: import("..").MotionProperty;
184
- fromValue: import("..").MotionValue;
185
- toValue: import("..").MotionValue;
186
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
187
- } | {
188
- property: import("..").MotionProperty;
189
- toValue: import("..").MotionValue;
190
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
191
- fromValue?: undefined;
192
- };
193
- readonly slideDown16: {
194
- property: import("..").MotionProperty;
195
- fromValue: import("..").MotionValue;
196
- toValue: import("..").MotionValue;
197
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
198
- } | {
199
- property: import("..").MotionProperty;
200
- toValue: import("..").MotionValue;
201
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
202
- fromValue?: undefined;
203
- };
204
- readonly slideDown24: {
205
- property: import("..").MotionProperty;
206
- fromValue: import("..").MotionValue;
207
- toValue: import("..").MotionValue;
208
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
209
- } | {
210
- property: import("..").MotionProperty;
211
- toValue: import("..").MotionValue;
212
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
213
- fromValue?: undefined;
214
- };
215
- readonly slideDown40: {
216
- property: import("..").MotionProperty;
217
- fromValue: import("..").MotionValue;
218
- toValue: import("..").MotionValue;
219
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
220
- } | {
221
- property: import("..").MotionProperty;
222
- toValue: import("..").MotionValue;
223
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
224
- fromValue?: undefined;
225
- };
226
- readonly slideRight: {
227
- property: import("..").MotionProperty;
228
- fromValue: import("..").MotionValue;
229
- toValue: import("..").MotionValue;
230
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
231
- } | {
232
- property: import("..").MotionProperty;
233
- toValue: import("..").MotionValue;
234
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
235
- fromValue?: undefined;
236
- };
237
- readonly slideRight8: {
238
- property: import("..").MotionProperty;
239
- fromValue: import("..").MotionValue;
240
- toValue: import("..").MotionValue;
241
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
242
- } | {
243
- property: import("..").MotionProperty;
244
- toValue: import("..").MotionValue;
245
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
246
- fromValue?: undefined;
247
- };
248
- readonly slideRight16: {
249
- property: import("..").MotionProperty;
250
- fromValue: import("..").MotionValue;
251
- toValue: import("..").MotionValue;
252
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
253
- } | {
254
- property: import("..").MotionProperty;
255
- toValue: import("..").MotionValue;
256
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
257
- fromValue?: undefined;
258
- };
259
- readonly slideRight24: {
260
- property: import("..").MotionProperty;
261
- fromValue: import("..").MotionValue;
262
- toValue: import("..").MotionValue;
263
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
264
- } | {
265
- property: import("..").MotionProperty;
266
- toValue: import("..").MotionValue;
267
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
268
- fromValue?: undefined;
269
- };
270
- readonly slideRight40: {
271
- property: import("..").MotionProperty;
272
- fromValue: import("..").MotionValue;
273
- toValue: import("..").MotionValue;
274
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
275
- } | {
276
- property: import("..").MotionProperty;
277
- toValue: import("..").MotionValue;
278
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
279
- fromValue?: undefined;
280
- };
281
- readonly slideLeft: {
282
- property: import("..").MotionProperty;
283
- fromValue: import("..").MotionValue;
284
- toValue: import("..").MotionValue;
285
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
286
- } | {
287
- property: import("..").MotionProperty;
288
- toValue: import("..").MotionValue;
289
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
290
- fromValue?: undefined;
291
- };
292
- readonly slideLeft8: {
293
- property: import("..").MotionProperty;
294
- fromValue: import("..").MotionValue;
295
- toValue: import("..").MotionValue;
296
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
297
- } | {
298
- property: import("..").MotionProperty;
299
- toValue: import("..").MotionValue;
300
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
301
- fromValue?: undefined;
302
- };
303
- readonly slideLeft16: {
304
- property: import("..").MotionProperty;
305
- fromValue: import("..").MotionValue;
306
- toValue: import("..").MotionValue;
307
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
308
- } | {
309
- property: import("..").MotionProperty;
310
- toValue: import("..").MotionValue;
311
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
312
- fromValue?: undefined;
313
- };
314
- readonly slideLeft24: {
315
- property: import("..").MotionProperty;
316
- fromValue: import("..").MotionValue;
317
- toValue: import("..").MotionValue;
318
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
319
- } | {
320
- property: import("..").MotionProperty;
321
- toValue: import("..").MotionValue;
322
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
323
- fromValue?: undefined;
324
- };
325
- readonly slideLeft40: {
326
- property: import("..").MotionProperty;
327
- fromValue: import("..").MotionValue;
328
- toValue: import("..").MotionValue;
329
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
330
- } | {
331
- property: import("..").MotionProperty;
332
- toValue: import("..").MotionValue;
333
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
334
- fromValue?: undefined;
335
- };
336
- readonly scaleUpXXS: {
337
- property: import("..").MotionProperty;
338
- fromValue: import("..").MotionValue;
339
- toValue: import("..").MotionValue;
340
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
341
- } | {
342
- property: import("..").MotionProperty;
343
- toValue: import("..").MotionValue;
344
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
345
- fromValue?: undefined;
346
- };
347
- readonly scaleUpXS: {
348
- property: import("..").MotionProperty;
349
- fromValue: import("..").MotionValue;
350
- toValue: import("..").MotionValue;
351
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
352
- } | {
353
- property: import("..").MotionProperty;
354
- toValue: import("..").MotionValue;
355
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
356
- fromValue?: undefined;
357
- };
358
- readonly scaleUpS: {
359
- property: import("..").MotionProperty;
360
- fromValue: import("..").MotionValue;
361
- toValue: import("..").MotionValue;
362
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
363
- } | {
364
- property: import("..").MotionProperty;
365
- toValue: import("..").MotionValue;
366
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
367
- fromValue?: undefined;
368
- };
369
- readonly scaleDownXXS: {
370
- property: import("..").MotionProperty;
371
- fromValue: import("..").MotionValue;
372
- toValue: import("..").MotionValue;
373
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
374
- } | {
375
- property: import("..").MotionProperty;
376
- toValue: import("..").MotionValue;
377
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
378
- fromValue?: undefined;
379
- };
380
- readonly scaleDownXS: {
381
- property: import("..").MotionProperty;
382
- fromValue: import("..").MotionValue;
383
- toValue: import("..").MotionValue;
384
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
385
- } | {
386
- property: import("..").MotionProperty;
387
- toValue: import("..").MotionValue;
388
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
389
- fromValue?: undefined;
390
- };
391
- readonly scaleDownS: {
392
- property: import("..").MotionProperty;
393
- fromValue: import("..").MotionValue;
394
- toValue: import("..").MotionValue;
395
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
396
- } | {
397
- property: import("..").MotionProperty;
398
- toValue: import("..").MotionValue;
399
- easing: "global" | "enterExpressive" | "enterFunctional" | "exitExpressive" | "exitFunctional" | "linear";
400
- fromValue?: undefined;
401
- };
402
- };
403
- export declare const createMotionConfig: (effect: MotionEffect, duration: MotionDuration, overrides?: Partial<MotionBaseSpec>) => {
404
- property: string;
405
- toValue: import("..").MotionValue;
406
- fromValue: import("..").MotionValue;
407
- delay?: number;
408
- useNativeDriver?: boolean;
409
- easing: import("..").MotionCurve;
410
- duration: MotionDuration;
411
- oneOffDuration?: number;
412
- } | {
413
- property: string;
414
- toValue: import("..").MotionValue;
415
- fromValue?: import("..").MotionValue;
416
- delay?: number;
417
- useNativeDriver?: boolean;
418
- easing: import("..").MotionCurve;
419
- duration: MotionDuration;
420
- oneOffDuration?: number;
28
+ readonly fadeIn:
29
+ | {
30
+ property: import('..').MotionProperty;
31
+ fromValue: import('..').MotionValue;
32
+ toValue: import('..').MotionValue;
33
+ easing:
34
+ | 'global'
35
+ | 'enterExpressive'
36
+ | 'enterFunctional'
37
+ | 'exitExpressive'
38
+ | 'exitFunctional'
39
+ | 'linear';
40
+ }
41
+ | {
42
+ property: import('..').MotionProperty;
43
+ toValue: import('..').MotionValue;
44
+ easing:
45
+ | 'global'
46
+ | 'enterExpressive'
47
+ | 'enterFunctional'
48
+ | 'exitExpressive'
49
+ | 'exitFunctional'
50
+ | 'linear';
51
+ fromValue?: undefined;
52
+ };
53
+ readonly fadeIn10:
54
+ | {
55
+ property: import('..').MotionProperty;
56
+ fromValue: import('..').MotionValue;
57
+ toValue: import('..').MotionValue;
58
+ easing:
59
+ | 'global'
60
+ | 'enterExpressive'
61
+ | 'enterFunctional'
62
+ | 'exitExpressive'
63
+ | 'exitFunctional'
64
+ | 'linear';
65
+ }
66
+ | {
67
+ property: import('..').MotionProperty;
68
+ toValue: import('..').MotionValue;
69
+ easing:
70
+ | 'global'
71
+ | 'enterExpressive'
72
+ | 'enterFunctional'
73
+ | 'exitExpressive'
74
+ | 'exitFunctional'
75
+ | 'linear';
76
+ fromValue?: undefined;
77
+ };
78
+ readonly fadeIn20:
79
+ | {
80
+ property: import('..').MotionProperty;
81
+ fromValue: import('..').MotionValue;
82
+ toValue: import('..').MotionValue;
83
+ easing:
84
+ | 'global'
85
+ | 'enterExpressive'
86
+ | 'enterFunctional'
87
+ | 'exitExpressive'
88
+ | 'exitFunctional'
89
+ | 'linear';
90
+ }
91
+ | {
92
+ property: import('..').MotionProperty;
93
+ toValue: import('..').MotionValue;
94
+ easing:
95
+ | 'global'
96
+ | 'enterExpressive'
97
+ | 'enterFunctional'
98
+ | 'exitExpressive'
99
+ | 'exitFunctional'
100
+ | 'linear';
101
+ fromValue?: undefined;
102
+ };
103
+ readonly fadeIn30:
104
+ | {
105
+ property: import('..').MotionProperty;
106
+ fromValue: import('..').MotionValue;
107
+ toValue: import('..').MotionValue;
108
+ easing:
109
+ | 'global'
110
+ | 'enterExpressive'
111
+ | 'enterFunctional'
112
+ | 'exitExpressive'
113
+ | 'exitFunctional'
114
+ | 'linear';
115
+ }
116
+ | {
117
+ property: import('..').MotionProperty;
118
+ toValue: import('..').MotionValue;
119
+ easing:
120
+ | 'global'
121
+ | 'enterExpressive'
122
+ | 'enterFunctional'
123
+ | 'exitExpressive'
124
+ | 'exitFunctional'
125
+ | 'linear';
126
+ fromValue?: undefined;
127
+ };
128
+ readonly fadeOut:
129
+ | {
130
+ property: import('..').MotionProperty;
131
+ fromValue: import('..').MotionValue;
132
+ toValue: import('..').MotionValue;
133
+ easing:
134
+ | 'global'
135
+ | 'enterExpressive'
136
+ | 'enterFunctional'
137
+ | 'exitExpressive'
138
+ | 'exitFunctional'
139
+ | 'linear';
140
+ }
141
+ | {
142
+ property: import('..').MotionProperty;
143
+ toValue: import('..').MotionValue;
144
+ easing:
145
+ | 'global'
146
+ | 'enterExpressive'
147
+ | 'enterFunctional'
148
+ | 'exitExpressive'
149
+ | 'exitFunctional'
150
+ | 'linear';
151
+ fromValue?: undefined;
152
+ };
153
+ readonly fadeOut10:
154
+ | {
155
+ property: import('..').MotionProperty;
156
+ fromValue: import('..').MotionValue;
157
+ toValue: import('..').MotionValue;
158
+ easing:
159
+ | 'global'
160
+ | 'enterExpressive'
161
+ | 'enterFunctional'
162
+ | 'exitExpressive'
163
+ | 'exitFunctional'
164
+ | 'linear';
165
+ }
166
+ | {
167
+ property: import('..').MotionProperty;
168
+ toValue: import('..').MotionValue;
169
+ easing:
170
+ | 'global'
171
+ | 'enterExpressive'
172
+ | 'enterFunctional'
173
+ | 'exitExpressive'
174
+ | 'exitFunctional'
175
+ | 'linear';
176
+ fromValue?: undefined;
177
+ };
178
+ readonly fadeOut20:
179
+ | {
180
+ property: import('..').MotionProperty;
181
+ fromValue: import('..').MotionValue;
182
+ toValue: import('..').MotionValue;
183
+ easing:
184
+ | 'global'
185
+ | 'enterExpressive'
186
+ | 'enterFunctional'
187
+ | 'exitExpressive'
188
+ | 'exitFunctional'
189
+ | 'linear';
190
+ }
191
+ | {
192
+ property: import('..').MotionProperty;
193
+ toValue: import('..').MotionValue;
194
+ easing:
195
+ | 'global'
196
+ | 'enterExpressive'
197
+ | 'enterFunctional'
198
+ | 'exitExpressive'
199
+ | 'exitFunctional'
200
+ | 'linear';
201
+ fromValue?: undefined;
202
+ };
203
+ readonly fadeOut30:
204
+ | {
205
+ property: import('..').MotionProperty;
206
+ fromValue: import('..').MotionValue;
207
+ toValue: import('..').MotionValue;
208
+ easing:
209
+ | 'global'
210
+ | 'enterExpressive'
211
+ | 'enterFunctional'
212
+ | 'exitExpressive'
213
+ | 'exitFunctional'
214
+ | 'linear';
215
+ }
216
+ | {
217
+ property: import('..').MotionProperty;
218
+ toValue: import('..').MotionValue;
219
+ easing:
220
+ | 'global'
221
+ | 'enterExpressive'
222
+ | 'enterFunctional'
223
+ | 'exitExpressive'
224
+ | 'exitFunctional'
225
+ | 'linear';
226
+ fromValue?: undefined;
227
+ };
228
+ readonly slideUp:
229
+ | {
230
+ property: import('..').MotionProperty;
231
+ fromValue: import('..').MotionValue;
232
+ toValue: import('..').MotionValue;
233
+ easing:
234
+ | 'global'
235
+ | 'enterExpressive'
236
+ | 'enterFunctional'
237
+ | 'exitExpressive'
238
+ | 'exitFunctional'
239
+ | 'linear';
240
+ }
241
+ | {
242
+ property: import('..').MotionProperty;
243
+ toValue: import('..').MotionValue;
244
+ easing:
245
+ | 'global'
246
+ | 'enterExpressive'
247
+ | 'enterFunctional'
248
+ | 'exitExpressive'
249
+ | 'exitFunctional'
250
+ | 'linear';
251
+ fromValue?: undefined;
252
+ };
253
+ readonly slideUp8:
254
+ | {
255
+ property: import('..').MotionProperty;
256
+ fromValue: import('..').MotionValue;
257
+ toValue: import('..').MotionValue;
258
+ easing:
259
+ | 'global'
260
+ | 'enterExpressive'
261
+ | 'enterFunctional'
262
+ | 'exitExpressive'
263
+ | 'exitFunctional'
264
+ | 'linear';
265
+ }
266
+ | {
267
+ property: import('..').MotionProperty;
268
+ toValue: import('..').MotionValue;
269
+ easing:
270
+ | 'global'
271
+ | 'enterExpressive'
272
+ | 'enterFunctional'
273
+ | 'exitExpressive'
274
+ | 'exitFunctional'
275
+ | 'linear';
276
+ fromValue?: undefined;
277
+ };
278
+ readonly slideUp16:
279
+ | {
280
+ property: import('..').MotionProperty;
281
+ fromValue: import('..').MotionValue;
282
+ toValue: import('..').MotionValue;
283
+ easing:
284
+ | 'global'
285
+ | 'enterExpressive'
286
+ | 'enterFunctional'
287
+ | 'exitExpressive'
288
+ | 'exitFunctional'
289
+ | 'linear';
290
+ }
291
+ | {
292
+ property: import('..').MotionProperty;
293
+ toValue: import('..').MotionValue;
294
+ easing:
295
+ | 'global'
296
+ | 'enterExpressive'
297
+ | 'enterFunctional'
298
+ | 'exitExpressive'
299
+ | 'exitFunctional'
300
+ | 'linear';
301
+ fromValue?: undefined;
302
+ };
303
+ readonly slideUp24:
304
+ | {
305
+ property: import('..').MotionProperty;
306
+ fromValue: import('..').MotionValue;
307
+ toValue: import('..').MotionValue;
308
+ easing:
309
+ | 'global'
310
+ | 'enterExpressive'
311
+ | 'enterFunctional'
312
+ | 'exitExpressive'
313
+ | 'exitFunctional'
314
+ | 'linear';
315
+ }
316
+ | {
317
+ property: import('..').MotionProperty;
318
+ toValue: import('..').MotionValue;
319
+ easing:
320
+ | 'global'
321
+ | 'enterExpressive'
322
+ | 'enterFunctional'
323
+ | 'exitExpressive'
324
+ | 'exitFunctional'
325
+ | 'linear';
326
+ fromValue?: undefined;
327
+ };
328
+ readonly slideUp40:
329
+ | {
330
+ property: import('..').MotionProperty;
331
+ fromValue: import('..').MotionValue;
332
+ toValue: import('..').MotionValue;
333
+ easing:
334
+ | 'global'
335
+ | 'enterExpressive'
336
+ | 'enterFunctional'
337
+ | 'exitExpressive'
338
+ | 'exitFunctional'
339
+ | 'linear';
340
+ }
341
+ | {
342
+ property: import('..').MotionProperty;
343
+ toValue: import('..').MotionValue;
344
+ easing:
345
+ | 'global'
346
+ | 'enterExpressive'
347
+ | 'enterFunctional'
348
+ | 'exitExpressive'
349
+ | 'exitFunctional'
350
+ | 'linear';
351
+ fromValue?: undefined;
352
+ };
353
+ readonly slideDown:
354
+ | {
355
+ property: import('..').MotionProperty;
356
+ fromValue: import('..').MotionValue;
357
+ toValue: import('..').MotionValue;
358
+ easing:
359
+ | 'global'
360
+ | 'enterExpressive'
361
+ | 'enterFunctional'
362
+ | 'exitExpressive'
363
+ | 'exitFunctional'
364
+ | 'linear';
365
+ }
366
+ | {
367
+ property: import('..').MotionProperty;
368
+ toValue: import('..').MotionValue;
369
+ easing:
370
+ | 'global'
371
+ | 'enterExpressive'
372
+ | 'enterFunctional'
373
+ | 'exitExpressive'
374
+ | 'exitFunctional'
375
+ | 'linear';
376
+ fromValue?: undefined;
377
+ };
378
+ readonly slideDown8:
379
+ | {
380
+ property: import('..').MotionProperty;
381
+ fromValue: import('..').MotionValue;
382
+ toValue: import('..').MotionValue;
383
+ easing:
384
+ | 'global'
385
+ | 'enterExpressive'
386
+ | 'enterFunctional'
387
+ | 'exitExpressive'
388
+ | 'exitFunctional'
389
+ | 'linear';
390
+ }
391
+ | {
392
+ property: import('..').MotionProperty;
393
+ toValue: import('..').MotionValue;
394
+ easing:
395
+ | 'global'
396
+ | 'enterExpressive'
397
+ | 'enterFunctional'
398
+ | 'exitExpressive'
399
+ | 'exitFunctional'
400
+ | 'linear';
401
+ fromValue?: undefined;
402
+ };
403
+ readonly slideDown16:
404
+ | {
405
+ property: import('..').MotionProperty;
406
+ fromValue: import('..').MotionValue;
407
+ toValue: import('..').MotionValue;
408
+ easing:
409
+ | 'global'
410
+ | 'enterExpressive'
411
+ | 'enterFunctional'
412
+ | 'exitExpressive'
413
+ | 'exitFunctional'
414
+ | 'linear';
415
+ }
416
+ | {
417
+ property: import('..').MotionProperty;
418
+ toValue: import('..').MotionValue;
419
+ easing:
420
+ | 'global'
421
+ | 'enterExpressive'
422
+ | 'enterFunctional'
423
+ | 'exitExpressive'
424
+ | 'exitFunctional'
425
+ | 'linear';
426
+ fromValue?: undefined;
427
+ };
428
+ readonly slideDown24:
429
+ | {
430
+ property: import('..').MotionProperty;
431
+ fromValue: import('..').MotionValue;
432
+ toValue: import('..').MotionValue;
433
+ easing:
434
+ | 'global'
435
+ | 'enterExpressive'
436
+ | 'enterFunctional'
437
+ | 'exitExpressive'
438
+ | 'exitFunctional'
439
+ | 'linear';
440
+ }
441
+ | {
442
+ property: import('..').MotionProperty;
443
+ toValue: import('..').MotionValue;
444
+ easing:
445
+ | 'global'
446
+ | 'enterExpressive'
447
+ | 'enterFunctional'
448
+ | 'exitExpressive'
449
+ | 'exitFunctional'
450
+ | 'linear';
451
+ fromValue?: undefined;
452
+ };
453
+ readonly slideDown40:
454
+ | {
455
+ property: import('..').MotionProperty;
456
+ fromValue: import('..').MotionValue;
457
+ toValue: import('..').MotionValue;
458
+ easing:
459
+ | 'global'
460
+ | 'enterExpressive'
461
+ | 'enterFunctional'
462
+ | 'exitExpressive'
463
+ | 'exitFunctional'
464
+ | 'linear';
465
+ }
466
+ | {
467
+ property: import('..').MotionProperty;
468
+ toValue: import('..').MotionValue;
469
+ easing:
470
+ | 'global'
471
+ | 'enterExpressive'
472
+ | 'enterFunctional'
473
+ | 'exitExpressive'
474
+ | 'exitFunctional'
475
+ | 'linear';
476
+ fromValue?: undefined;
477
+ };
478
+ readonly slideRight:
479
+ | {
480
+ property: import('..').MotionProperty;
481
+ fromValue: import('..').MotionValue;
482
+ toValue: import('..').MotionValue;
483
+ easing:
484
+ | 'global'
485
+ | 'enterExpressive'
486
+ | 'enterFunctional'
487
+ | 'exitExpressive'
488
+ | 'exitFunctional'
489
+ | 'linear';
490
+ }
491
+ | {
492
+ property: import('..').MotionProperty;
493
+ toValue: import('..').MotionValue;
494
+ easing:
495
+ | 'global'
496
+ | 'enterExpressive'
497
+ | 'enterFunctional'
498
+ | 'exitExpressive'
499
+ | 'exitFunctional'
500
+ | 'linear';
501
+ fromValue?: undefined;
502
+ };
503
+ readonly slideRight8:
504
+ | {
505
+ property: import('..').MotionProperty;
506
+ fromValue: import('..').MotionValue;
507
+ toValue: import('..').MotionValue;
508
+ easing:
509
+ | 'global'
510
+ | 'enterExpressive'
511
+ | 'enterFunctional'
512
+ | 'exitExpressive'
513
+ | 'exitFunctional'
514
+ | 'linear';
515
+ }
516
+ | {
517
+ property: import('..').MotionProperty;
518
+ toValue: import('..').MotionValue;
519
+ easing:
520
+ | 'global'
521
+ | 'enterExpressive'
522
+ | 'enterFunctional'
523
+ | 'exitExpressive'
524
+ | 'exitFunctional'
525
+ | 'linear';
526
+ fromValue?: undefined;
527
+ };
528
+ readonly slideRight16:
529
+ | {
530
+ property: import('..').MotionProperty;
531
+ fromValue: import('..').MotionValue;
532
+ toValue: import('..').MotionValue;
533
+ easing:
534
+ | 'global'
535
+ | 'enterExpressive'
536
+ | 'enterFunctional'
537
+ | 'exitExpressive'
538
+ | 'exitFunctional'
539
+ | 'linear';
540
+ }
541
+ | {
542
+ property: import('..').MotionProperty;
543
+ toValue: import('..').MotionValue;
544
+ easing:
545
+ | 'global'
546
+ | 'enterExpressive'
547
+ | 'enterFunctional'
548
+ | 'exitExpressive'
549
+ | 'exitFunctional'
550
+ | 'linear';
551
+ fromValue?: undefined;
552
+ };
553
+ readonly slideRight24:
554
+ | {
555
+ property: import('..').MotionProperty;
556
+ fromValue: import('..').MotionValue;
557
+ toValue: import('..').MotionValue;
558
+ easing:
559
+ | 'global'
560
+ | 'enterExpressive'
561
+ | 'enterFunctional'
562
+ | 'exitExpressive'
563
+ | 'exitFunctional'
564
+ | 'linear';
565
+ }
566
+ | {
567
+ property: import('..').MotionProperty;
568
+ toValue: import('..').MotionValue;
569
+ easing:
570
+ | 'global'
571
+ | 'enterExpressive'
572
+ | 'enterFunctional'
573
+ | 'exitExpressive'
574
+ | 'exitFunctional'
575
+ | 'linear';
576
+ fromValue?: undefined;
577
+ };
578
+ readonly slideRight40:
579
+ | {
580
+ property: import('..').MotionProperty;
581
+ fromValue: import('..').MotionValue;
582
+ toValue: import('..').MotionValue;
583
+ easing:
584
+ | 'global'
585
+ | 'enterExpressive'
586
+ | 'enterFunctional'
587
+ | 'exitExpressive'
588
+ | 'exitFunctional'
589
+ | 'linear';
590
+ }
591
+ | {
592
+ property: import('..').MotionProperty;
593
+ toValue: import('..').MotionValue;
594
+ easing:
595
+ | 'global'
596
+ | 'enterExpressive'
597
+ | 'enterFunctional'
598
+ | 'exitExpressive'
599
+ | 'exitFunctional'
600
+ | 'linear';
601
+ fromValue?: undefined;
602
+ };
603
+ readonly slideLeft:
604
+ | {
605
+ property: import('..').MotionProperty;
606
+ fromValue: import('..').MotionValue;
607
+ toValue: import('..').MotionValue;
608
+ easing:
609
+ | 'global'
610
+ | 'enterExpressive'
611
+ | 'enterFunctional'
612
+ | 'exitExpressive'
613
+ | 'exitFunctional'
614
+ | 'linear';
615
+ }
616
+ | {
617
+ property: import('..').MotionProperty;
618
+ toValue: import('..').MotionValue;
619
+ easing:
620
+ | 'global'
621
+ | 'enterExpressive'
622
+ | 'enterFunctional'
623
+ | 'exitExpressive'
624
+ | 'exitFunctional'
625
+ | 'linear';
626
+ fromValue?: undefined;
627
+ };
628
+ readonly slideLeft8:
629
+ | {
630
+ property: import('..').MotionProperty;
631
+ fromValue: import('..').MotionValue;
632
+ toValue: import('..').MotionValue;
633
+ easing:
634
+ | 'global'
635
+ | 'enterExpressive'
636
+ | 'enterFunctional'
637
+ | 'exitExpressive'
638
+ | 'exitFunctional'
639
+ | 'linear';
640
+ }
641
+ | {
642
+ property: import('..').MotionProperty;
643
+ toValue: import('..').MotionValue;
644
+ easing:
645
+ | 'global'
646
+ | 'enterExpressive'
647
+ | 'enterFunctional'
648
+ | 'exitExpressive'
649
+ | 'exitFunctional'
650
+ | 'linear';
651
+ fromValue?: undefined;
652
+ };
653
+ readonly slideLeft16:
654
+ | {
655
+ property: import('..').MotionProperty;
656
+ fromValue: import('..').MotionValue;
657
+ toValue: import('..').MotionValue;
658
+ easing:
659
+ | 'global'
660
+ | 'enterExpressive'
661
+ | 'enterFunctional'
662
+ | 'exitExpressive'
663
+ | 'exitFunctional'
664
+ | 'linear';
665
+ }
666
+ | {
667
+ property: import('..').MotionProperty;
668
+ toValue: import('..').MotionValue;
669
+ easing:
670
+ | 'global'
671
+ | 'enterExpressive'
672
+ | 'enterFunctional'
673
+ | 'exitExpressive'
674
+ | 'exitFunctional'
675
+ | 'linear';
676
+ fromValue?: undefined;
677
+ };
678
+ readonly slideLeft24:
679
+ | {
680
+ property: import('..').MotionProperty;
681
+ fromValue: import('..').MotionValue;
682
+ toValue: import('..').MotionValue;
683
+ easing:
684
+ | 'global'
685
+ | 'enterExpressive'
686
+ | 'enterFunctional'
687
+ | 'exitExpressive'
688
+ | 'exitFunctional'
689
+ | 'linear';
690
+ }
691
+ | {
692
+ property: import('..').MotionProperty;
693
+ toValue: import('..').MotionValue;
694
+ easing:
695
+ | 'global'
696
+ | 'enterExpressive'
697
+ | 'enterFunctional'
698
+ | 'exitExpressive'
699
+ | 'exitFunctional'
700
+ | 'linear';
701
+ fromValue?: undefined;
702
+ };
703
+ readonly slideLeft40:
704
+ | {
705
+ property: import('..').MotionProperty;
706
+ fromValue: import('..').MotionValue;
707
+ toValue: import('..').MotionValue;
708
+ easing:
709
+ | 'global'
710
+ | 'enterExpressive'
711
+ | 'enterFunctional'
712
+ | 'exitExpressive'
713
+ | 'exitFunctional'
714
+ | 'linear';
715
+ }
716
+ | {
717
+ property: import('..').MotionProperty;
718
+ toValue: import('..').MotionValue;
719
+ easing:
720
+ | 'global'
721
+ | 'enterExpressive'
722
+ | 'enterFunctional'
723
+ | 'exitExpressive'
724
+ | 'exitFunctional'
725
+ | 'linear';
726
+ fromValue?: undefined;
727
+ };
728
+ readonly scaleUpXXS:
729
+ | {
730
+ property: import('..').MotionProperty;
731
+ fromValue: import('..').MotionValue;
732
+ toValue: import('..').MotionValue;
733
+ easing:
734
+ | 'global'
735
+ | 'enterExpressive'
736
+ | 'enterFunctional'
737
+ | 'exitExpressive'
738
+ | 'exitFunctional'
739
+ | 'linear';
740
+ }
741
+ | {
742
+ property: import('..').MotionProperty;
743
+ toValue: import('..').MotionValue;
744
+ easing:
745
+ | 'global'
746
+ | 'enterExpressive'
747
+ | 'enterFunctional'
748
+ | 'exitExpressive'
749
+ | 'exitFunctional'
750
+ | 'linear';
751
+ fromValue?: undefined;
752
+ };
753
+ readonly scaleUpXS:
754
+ | {
755
+ property: import('..').MotionProperty;
756
+ fromValue: import('..').MotionValue;
757
+ toValue: import('..').MotionValue;
758
+ easing:
759
+ | 'global'
760
+ | 'enterExpressive'
761
+ | 'enterFunctional'
762
+ | 'exitExpressive'
763
+ | 'exitFunctional'
764
+ | 'linear';
765
+ }
766
+ | {
767
+ property: import('..').MotionProperty;
768
+ toValue: import('..').MotionValue;
769
+ easing:
770
+ | 'global'
771
+ | 'enterExpressive'
772
+ | 'enterFunctional'
773
+ | 'exitExpressive'
774
+ | 'exitFunctional'
775
+ | 'linear';
776
+ fromValue?: undefined;
777
+ };
778
+ readonly scaleUpS:
779
+ | {
780
+ property: import('..').MotionProperty;
781
+ fromValue: import('..').MotionValue;
782
+ toValue: import('..').MotionValue;
783
+ easing:
784
+ | 'global'
785
+ | 'enterExpressive'
786
+ | 'enterFunctional'
787
+ | 'exitExpressive'
788
+ | 'exitFunctional'
789
+ | 'linear';
790
+ }
791
+ | {
792
+ property: import('..').MotionProperty;
793
+ toValue: import('..').MotionValue;
794
+ easing:
795
+ | 'global'
796
+ | 'enterExpressive'
797
+ | 'enterFunctional'
798
+ | 'exitExpressive'
799
+ | 'exitFunctional'
800
+ | 'linear';
801
+ fromValue?: undefined;
802
+ };
803
+ readonly scaleDownXXS:
804
+ | {
805
+ property: import('..').MotionProperty;
806
+ fromValue: import('..').MotionValue;
807
+ toValue: import('..').MotionValue;
808
+ easing:
809
+ | 'global'
810
+ | 'enterExpressive'
811
+ | 'enterFunctional'
812
+ | 'exitExpressive'
813
+ | 'exitFunctional'
814
+ | 'linear';
815
+ }
816
+ | {
817
+ property: import('..').MotionProperty;
818
+ toValue: import('..').MotionValue;
819
+ easing:
820
+ | 'global'
821
+ | 'enterExpressive'
822
+ | 'enterFunctional'
823
+ | 'exitExpressive'
824
+ | 'exitFunctional'
825
+ | 'linear';
826
+ fromValue?: undefined;
827
+ };
828
+ readonly scaleDownXS:
829
+ | {
830
+ property: import('..').MotionProperty;
831
+ fromValue: import('..').MotionValue;
832
+ toValue: import('..').MotionValue;
833
+ easing:
834
+ | 'global'
835
+ | 'enterExpressive'
836
+ | 'enterFunctional'
837
+ | 'exitExpressive'
838
+ | 'exitFunctional'
839
+ | 'linear';
840
+ }
841
+ | {
842
+ property: import('..').MotionProperty;
843
+ toValue: import('..').MotionValue;
844
+ easing:
845
+ | 'global'
846
+ | 'enterExpressive'
847
+ | 'enterFunctional'
848
+ | 'exitExpressive'
849
+ | 'exitFunctional'
850
+ | 'linear';
851
+ fromValue?: undefined;
852
+ };
853
+ readonly scaleDownS:
854
+ | {
855
+ property: import('..').MotionProperty;
856
+ fromValue: import('..').MotionValue;
857
+ toValue: import('..').MotionValue;
858
+ easing:
859
+ | 'global'
860
+ | 'enterExpressive'
861
+ | 'enterFunctional'
862
+ | 'exitExpressive'
863
+ | 'exitFunctional'
864
+ | 'linear';
865
+ }
866
+ | {
867
+ property: import('..').MotionProperty;
868
+ toValue: import('..').MotionValue;
869
+ easing:
870
+ | 'global'
871
+ | 'enterExpressive'
872
+ | 'enterFunctional'
873
+ | 'exitExpressive'
874
+ | 'exitFunctional'
875
+ | 'linear';
876
+ fromValue?: undefined;
877
+ };
421
878
  };
422
- //# sourceMappingURL=tokens.d.ts.map
879
+ export declare const createMotionConfig: (
880
+ effect: MotionEffect,
881
+ duration: MotionDuration,
882
+ overrides?: Partial<MotionBaseSpec>,
883
+ ) =>
884
+ | {
885
+ property: string;
886
+ toValue: import('..').MotionValue;
887
+ fromValue: import('..').MotionValue;
888
+ delay?: number;
889
+ useNativeDriver?: boolean;
890
+ easing: import('..').MotionCurve;
891
+ duration: MotionDuration;
892
+ oneOffDuration?: number;
893
+ }
894
+ | {
895
+ property: string;
896
+ toValue: import('..').MotionValue;
897
+ fromValue?: import('..').MotionValue;
898
+ delay?: number;
899
+ useNativeDriver?: boolean;
900
+ easing: import('..').MotionCurve;
901
+ duration: MotionDuration;
902
+ oneOffDuration?: number;
903
+ };
904
+ //# sourceMappingURL=tokens.d.ts.map