Skip to main content
react-md
react-md - Card - Changelog

Change Log

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

4.0.1 (2021-11-27)

Other Internal Changes

  • Updated imports to use import type when possible (ba96bb6)

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)
  • @react-md/typography: Renamed Text to Typography (30cf056)

Other Internal Changes

  • always skip lib check (229cef1)
  • react-md: Remove prop-types package and usage (2637a6f)
  • stylelint: Updated to use stylelint (22d1598)

Breaking Changes

  • Minimum React version is now 16.14 instead of 16.8
  • @react-md/typography: The Text component has been renamed to Typography to help with auto-imports conflicting with the Text element that exists in lib.d.ts
  • 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.1 (2021-08-15)

Bug Fixes

  • Updated peerDependencies to fix yarn berry peer requirements (250efcd), closes #1224

3.0.0 (2021-08-13)

Other Internal Changes

  • @react-md/card: removed deprecated $rmd-card-dark-elevation-bordered-background-color variable (01c9350)

Breaking Changes

  • @react-md/card: Removed deprecated $rmd-card-dark-elevation-bordered-background-color variable

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

2.8.5 (2021-07-03)

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

2.8.4 (2021-06-10)

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

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

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

2.7.0 (2021-02-28)

Bug Fixes

  • @react-md/card: fixed card color when dark theme elevation is enabled (e5da5f5), closes #1075

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

2.5.5 (2021-01-30)

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

2.5.4 (2021-01-27)

Bug Fixes

2.5.0 (2020-12-15)

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

2.4.2 (2020-10-23)

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

2.4.1 (2020-10-17)

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

2.4.0 (2020-10-17)

Features

2.3.1 (2020-09-15)

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

2.3.0 (2020-09-10)

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

2.2.2 (2020-09-02)

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

2.2.1 (2020-09-02)

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

2.1.2 (2020-08-01)

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

2.1.1 (2020-07-21)

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

2.1.0 (2020-07-12)

Features

  • Improved Dark Mode using Raising Elevation (547877c), closes #860

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 card package was re-written from the ground up for the v2 release which should allow for additional customization and styling behavior. Almost everything is a breaking change.

New Behavior and Features

  • all the card components now correctly forward the ref to the DOM element
  • the card's title component has been separated into three components for additional customization and styling: CardHeader, CardTitle, and CardSubtitle
  • a new CardContent component was added for general styles around the main content
  • built-in support for right-to-left languages
  • a new theming API to update all the colors for a card through SCSS mixins
  • cards now have a default border radius

Breaking Changes

  • The Card component no longer handles anything with expanding child items and must now be done manually
  • The CardMedia and CardActionOverlay components were removed since the new MediaContainer and MediaOverlay components from the @react-md/media package should be used instead
  • The CardText component was removed since the new CardContent component is recommended instead
New SCSS Variables, Functions, and Mixins
  • $rmd-card-background-color: rmd-theme-var(surface) !default - The background colors to use for cards
  • $rmd-card-color: rmd-theme-var(on-surface) !default - The text color to use for cards
  • $rmd-card-secondary-color: if(rmd-theme-tone($rmd-theme-surface) == light, rmd-theme-var(text-primary-on-light), rmd-theme-var(text-primary-on-dark)) !default - The secondary text color to use for cards
  • $rmd-card-elevation: 2 !default - The elevation to use for cards that are not raisable
  • $rmd-card-base-elevation: 1 !default - The starting elevation for a raisable card
  • $rmd-card-raised-elevation: 8 !default - The ending elevation for a raisable card
  • $rmd-card-border-radius: 0.25rem !default - The border radius to apply to cards
  • $rmd-card-header-padding: 1rem !default - The default padding to apply to the CardHeader component
  • $rmd-card-header-padding-top: 1.5rem !default - Any extra amount of padding to apply to the top of the CardHeader component since it normally looks a bit nicer with additional padding.
  • $rmd-card-content-padding: 1rem !default - The amount of padding to apply to the CardContent component
  • $rmd-card-content-padding-extra: 1.5rem !default - An additional amount of padding-bottom to apply to the CardContent component when it is the last child in a Card
  • $rmd-card-actions-padding: 0.5rem !default - The amount of padding to apply to the CardActions component
  • $rmd-card-border-color: rmd-divider-theme-var(background-color) !default - The border color for a card
  • $rmd-card-border-width: $rmd-divider-size !default - The border width for a card
  • @function rmd-card-theme - gets one of the theme values and validates that the theme name is valid
  • @function rmd-card-theme-var - gets one of the theme values as a css variable with a fallback value and validates that the theme name is valid
  • @mixin rmd-card-theme - applies one of the theme values to a css property as a css variable
  • @mixin rmd-card-theme-update-var - updates one of the theme values as a css variable
Removed SCSS Variables Placeholders, and Mixins
  • removed $md-card-include-text since it is no longer required
  • removed $md-card-include-title since it is no longer required
  • removed $md-card-include-title-avatar since it is no longer required
  • removed $md-card-include-actions since it is no longer required
  • removed $md-card-include-tables since there is no longer built-in table support
  • removed $md-card-padding-extra since the new $rmd-card-content-padding and $rmd-card-content-padding-extra variables replace this functionality
  • removed $md-card-text-font-size since this is no longer configurable with a SCSS variable
  • removed $md-card-title-font-size since this is no longer configurable with a SCSS variable
  • removed $md-card-title-large-font-size since this is no longer configurable with a SCSS variable