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)
- 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)
- 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)
4.0.1 (2021-11-27)
Note: Version bump only for package @react-md/media
4.0.0 (2021-11-24)
- sass: Do not use legacy global functions (6159e16)
- Update to use new JSX Transform and latest
eslint
(8111cd3)
- 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)
- 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)
- ran
yarn format
to include new files (48d3d7f)
3.0.0 (2021-08-13)
- sass: use math.div instead of division since it's deprecated (d8c3f12)
2.9.1 (2021-07-27)
- 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)
- 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)
- 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)
- tsdoc: fixed remaining tsdoc syntax warnings (946f4dd)
- 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)
- @react-md/theme: Better Contrast Colors by Default and dev-utils refactor (#955) (519b128)
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)
- LICENSE: Removed the time range from license since it was incorrect (50c9021)
- Added
sideEffects
field topackage.json
(31820b9) sideEffects
formatting (78a7b6b)
No changes.
The media package contains some helper components to help create responsive media like images and videos and optionally enforcing an aspect ratio.
- Enforcing an aspect ratio now works by providing a
height
andwidth
instead of using theforceAspect
andaspectRatio
props. - Added new positioning options for the
MediaOverlay
component
- the
Media
component was renamed toMediaContainer
to hopefully describe the purpose of the component better - the
forceAspect
,aspectRatio
, andcomponent
props are no longer available
$rmd-media-default-aspect-ratio: percentage(16 / 9) !default
- the default aspect ratio to use for media in theMediaContainer
$rmd-media-overlay-padding: 1rem !default
- the padding to apply to theMediaOverlay
component$rmd-media-overlay-horizontal-width: 30% !default
- the width for the overlay when the position is set toleft
,center
, orright
$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 thermd-media-aspect-ratio-container
mixin to force a specific aspect ratio for a media item
$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
$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