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/card
5.1.3 (2022-05-07)
- @react-md/card: fix spelling of raisable and deprecate raiseable prop (453023b)
- fix typos throughout codebase (725d1a2)
5.1.2 (2022-04-02)
Note: Version bump only for package @react-md/card
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/card
4.0.3 (2021-12-31)
4.0.1 (2021-11-27)
- Updated imports to use
import type
when possible (ba96bb6)
4.0.0 (2021-11-24)
- sass: Do not use legacy global functions (6159e16)
- Update to use new JSX Transform and latest
eslint
(8111cd3) - @react-md/typography: Renamed Text to
Typography
(30cf056)
- always skip lib check (229cef1)
- react-md: Remove prop-types package and usage (2637a6f)
- stylelint: Updated to use
stylelint
(22d1598)
- 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)
- ran
yarn format
to include new files (48d3d7f)
3.0.1 (2021-08-15)
3.0.0 (2021-08-13)
- @react-md/card: removed deprecated $rmd-card-dark-elevation-bordered-background-color variable (01c9350)
- @react-md/card: Removed deprecated
$rmd-card-dark-elevation-bordered-background-color
variable
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/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)
- 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)
- 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)
- tsdoc: fixed remaining tsdoc syntax warnings (946f4dd)
- tsdoc: fixed some tsdoc annotations and styling (0449b86)
- 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)
- @react-md/card: fixed the bordered background color when the dark elevation flag is enabled (a9dd552), closes #1053
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)
- @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/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)
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 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.
- 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
, andCardSubtitle
- 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
- The
Card
component no longer handles anything with expanding child items and must now be done manually - The
CardMedia
andCardActionOverlay
components were removed since the newMediaContainer
andMediaOverlay
components from the@react-md/media
package should be used instead - The
CardText
component was removed since the newCardContent
component is recommended instead
$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 theCardHeader
component$rmd-card-header-padding-top: 1.5rem !default
- Any extra amount of padding to apply to the top of theCardHeader
component since it normally looks a bit nicer with additional padding.$rmd-card-content-padding: 1rem !default
- The amount of padding to apply to theCardContent
component$rmd-card-content-padding-extra: 1.5rem !default
- An additional amount of padding-bottom to apply to theCardContent
component when it is the last child in aCard
$rmd-card-actions-padding: 0.5rem !default
- The amount of padding to apply to theCardActions
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
$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