react-md
react-md - Transition - Changelog

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

2.9.1 (2021-07-27)

Other Internal Changes

  • install: slighly reduce install size by excluding tests in publish (9d01a44)

2.9.0 (2021-07-18)

Note: Version bump only for package @react-md/transition

2.8.5 (2021-07-03)

Note: Version bump only for package @react-md/transition

2.8.4 (2021-06-10)

Other Internal Changes

  • ran prettier after upgrading to v2.3.0 (3ce236a)

2.8.3 (2021-05-18)

Documentation

  • react-md.dev: updated tsdoc to work with typedoc (cf54c35)

2.8.2 (2021-04-23)

Note: Version bump only for package @react-md/transition

2.8.0 (2021-04-22)

Features

  • @react-md/transition: Updated useFixedPositioning to merge style objects (1ab84d7)
  • @react-md/transition: updated useFixedPositioning to support fixedTo ref (ced550a)

Other Internal Changes

  • @react-md/transition: bump @types/react-transitition-group from v4.2.4 to v4.4.1 (f3f5c7b)
  • tsconfig: separate tsconfig by package instead of a single root (b278230)

2.7.1 (2021-03-23)

Other Internal Changes

  • ts: stopped using FC type (c5daa47)

2.7.0 (2021-02-28)

Documentation

  • tsdoc: fixed remaining tsdoc syntax warnings (946f4dd)
  • tsdoc: fixed some tsdoc annotations and styling (0449b86)

Other Internal Changes

  • updated test coverage to not include conditional component PropTypes (24e5df1)

2.6.0 (2021-02-13)

Note: Version bump only for package @react-md/transition

2.5.5 (2021-01-30)

Note: Version bump only for package @react-md/transition

2.5.4 (2021-01-27)

Note: Version bump only for package @react-md/transition

2.5.0 (2020-12-15)

Note: Version bump only for package @react-md/transition

2.4.2 (2020-10-23)

Note: Version bump only for package @react-md/transition

2.4.1 (2020-10-17)

Note: Version bump only for package @react-md/transition

2.4.0 (2020-10-17)

Features

2.3.1 (2020-09-15)

Note: Version bump only for package @react-md/transition

2.3.0 (2020-09-10)

Note: Version bump only for package @react-md/transition

2.2.2 (2020-09-02)

Note: Version bump only for package @react-md/transition

2.2.1 (2020-09-02)

Note: Version bump only for package @react-md/transition

2.1.2 (2020-08-01)

Bug Fixes

2.1.1 (2020-07-21)

Note: Version bump only for package @react-md/transition

2.1.0 (2020-07-12)

Note: Version bump only for package @react-md/transition

2.0.2 (2020-06-30)

Bug Fixes

  • LICENSE: Removed the time range from license since it was incorrect (50c9021)
  • Added sideEffects field to package.json (31820b9)
  • sideEffects formatting (78a7b6b)

v2.0.1

No changes.

v2.0.0

Every transition was re-written in this release so it is a pretty big breaking change. The main differences are upgrading to transition API as well as shortening most of the transitions throughout react-md.

New Behavior and Features

  • The Collapse component will have a static transition time instead of being based on the size of the content
  • The Collapse component now supports a minHeight to create a partially collapsed element
  • Added two additional components for default transitions: CrossFade and ScaleTransition
  • Added hook versions for all the collapse and cross fade transitions:
    • useCollase
    • useCrossFade
  • Created hook versions of the react-transition-group package to handle custom transitions with useTransition and useCSSTransition
  • Created a hook to be used with the react-transition-group package to fix an element to another element within the page. (Similar to the Layover component)

Breaking Changes

  • The Collapse component no longer uses react-motion and spring configuration.
  • Removed the transition placeholders and the transition class names:
    • %md-transition--sharp
    • %md-transition--standard
    • %md-transition--acceleration
    • %md-transition--deceleration
    • .md-transition--sharp
    • .md-transition--standard
    • .md-transition--acceleration
    • .md-transition--deceleration
New SCSS Variables, Functions, and Mixins
  • $rmd-transition-enter-time: 0.2s !default - The duration for an enter transition used for most transitions
  • $rmd-transition-leave-time: 0.15s !default - The duration for a leave transition used for most transitions
  • $rmd-collapse-enter-transition-func: deceleration !default - A customizable variable for the collapse transition that can be one of: sharp, standard, acceleration, or deceleration
  • $rmd-collapse-leave-transition-func: acceleration !default - A customizable variable for the collapse transition that can be one of: sharp, standard, acceleration, or deceleration
  • $rmd-transition-scale-enter-duration: $rmd-transition-enter-time !default - The transition duration for the new scaling transition's entering phase.
  • $rmd-transition-scale-leave-duration: $rmd-transition-leave-time !default - The transition duration for the new scaling transition leaving phase.
  • $rmd-transition-scale-y-enter-duration: $rmd-transition-enter-time !default - The transition duration for the new vertical scaling transition's entering phase.
  • $rmd-transition-scale-y-leave-duration: $rmd-transition-leave-time !default - The transition duration for the new vertical scaling transition leaving phase.
  • @mixin rmd-transition - applies the correct transition/animation timing function from one of the supported transition types.
  • @mixin rmd-transition-shadow-transition - adds a performant version of a box-shadow transition using a pseudo element and opacity changes.
Renamed SCSS Variables, Functions, and Mixins
  • $md-transition-sharp was renamed to $rmd-transition-sharp
  • $md-transition-standard was renamed to $rmd-transition-standard
  • $md-transition-acceleration was renamed to $rmd-transition-acceleration
  • $md-transition-deceleration was renamed to $rmd-transition-deceleration
  • $md-transition-time was renamed to $rmd-transition-standard-time
  • $md-cross-fade-transition-time was renamed to $rmd-cross-fade-transition-duration
  • $md-cross-fade-distance was renamed to $rmd-cross-fade-translate-distance and changed the default value from 16px to -1rem