react-md
react-md - Media - Changelog

Change Log

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

5.1.6 (2023-12-11)

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

5.1.3 (2022-05-07)

Documentation

  • fix typos throughout codebase (725d1a2)

5.1.2 (2022-04-02)

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

5.1.0 (2022-03-18)

Other Internal Changes

  • run lint-scripts --fix for consistent-type-imports (42d839d)

5.0.0 (2022-01-31)

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

4.0.3 (2021-12-31)

Other Internal Changes

  • Updated all packages' peerDependenciesMeta (60fcd71), closes #1319

4.0.1 (2021-11-27)

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

4.0.0 (2021-11-24)

Bug Fixes

  • sass: Do not use legacy global functions (6159e16)

Features

  • Update to use new JSX Transform and latest eslint (8111cd3)

Other Internal Changes

  • always skip lib check (229cef1)
  • @react-md/format: ran prettier after upgrading to v2.4.0 (06110af)
  • react-md: Remove prop-types package and usage (2637a6f)

Breaking Changes

  • Minimum React version is now 16.14 instead of 16.8
  • react-md: There will no longer be run-time prop validation with the prop-types package.

3.1.0 (2021-09-10)

Other Internal Changes

  • ran yarn format to include new files (48d3d7f)

3.0.0 (2021-08-13)

Bug Fixes

  • sass: use math.div instead of division since it's deprecated (d8c3f12)

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/media

2.8.4 (2021-06-10)

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

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/media

2.8.0 (2021-04-22)

Other Internal Changes

  • tsconfig: separate tsconfig by package instead of a single root (b278230)

2.7.1 (2021-03-23)

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

2.7.0 (2021-02-28)

Documentation

  • tsdoc: fixed remaining tsdoc syntax warnings (946f4dd)

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/media

2.5.5 (2021-01-30)

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

2.5.4 (2021-01-27)

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

2.5.0 (2020-12-15)

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

2.4.2 (2020-10-23)

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

2.4.1 (2020-10-17)

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

2.4.0 (2020-10-17)

Features

2.3.1 (2020-09-15)

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

2.3.0 (2020-09-10)

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

2.2.2 (2020-09-02)

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

2.2.1 (2020-09-02)

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

2.1.2 (2020-08-01)

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

2.1.1 (2020-07-21)

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

2.1.0 (2020-07-12)

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

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

The media package contains some helper components to help create responsive media like images and videos and optionally enforcing an aspect ratio.

New Behavior and Features

  • Enforcing an aspect ratio now works by providing a height and width instead of using the forceAspect and aspectRatio props.
  • Added new positioning options for the MediaOverlay component

Breaking Changes

  • the Media component was renamed to MediaContainer to hopefully describe the purpose of the component better
  • the forceAspect, aspectRatio, and component props are no longer available
New SCSS Variables, Functions, and Mixins
  • $rmd-media-default-aspect-ratio: percentage(16 / 9) !default - the default aspect ratio to use for media in the MediaContainer
  • $rmd-media-overlay-padding: 1rem !default - the padding to apply to the MediaOverlay component
  • $rmd-media-overlay-horizontal-width: 30% !default - the width for the overlay when the position is set to left, center, or right
  • $rmd-media-overlay-positions: (top right bottom left middle center absolute-center) !default - the available positions for the media overlay
  • @mixin rmd-media-aspect-ratio-contianer - a new mixin that can be used to update any element to force a specific aspect ratio for media items
  • @mixin rmd-media-forced-aspect-ratio-item - a new mixin that should be used alongside the rmd-media-aspect-ratio-container mixin to force a specific aspect ratio for a media item
Renamed SCSS Variables, Functions, and Mixins
  • $md-media-overlay-color was renamed to $rmd-media-overlay-background-color
  • $md-media-aspect-ratios was renamed to $rmd-media-default-aspect-ratios and changed the default value from a list of strings to a Map
  • $md-media-embedded-selectors was renamed to $rmd-media-selectors and changed the default value to (img '>svg' iframe video embed object)
  • @mixin react-md-media-aspect-ratio was renamed to @mixin rmd-media-aspect-ratio and changed the behavior to no longer generate a class name. It should now be used within a selector
Removed SCSS Variables and Mixins
  • removed $md-media-include-overlay since overlays are always included
  • removed $md-media-include-embedded since this functionality was removed and unneeded
  • removed the %md-media-embedded placeholder
  • removed @mixin react-md-media-embedded