# Change Log

All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

## [5.1.6](https://github.com/mlaursen/react-md/compare/v5.1.5...v5.1.6) (2023-12-11)

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





## [5.1.3](https://github.com/mlaursen/react-md/compare/v5.1.2...v5.1.3) (2022-05-07)


### Documentation

* fix typos throughout codebase ([725d1a2](https://github.com/mlaursen/react-md/commit/725d1a252482dba56088dffa2f773b2ea13fb08a))






## [5.1.2](https://github.com/mlaursen/react-md/compare/v5.1.1...v5.1.2) (2022-04-02)

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





# [5.1.0](https://github.com/mlaursen/react-md/compare/v5.0.0...v5.1.0) (2022-03-18)

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





# [5.0.0](https://github.com/mlaursen/react-md/compare/v4.0.3...v5.0.0) (2022-01-31)

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





## [4.0.3](https://github.com/mlaursen/react-md/compare/v4.0.2...v4.0.3) (2021-12-31)


### Other Internal Changes

* Updated all packages' peerDependenciesMeta ([60fcd71](https://github.com/mlaursen/react-md/commit/60fcd719ac785c2f0b9d27cda82baa3c773c0e5a)), closes [#1319](https://github.com/mlaursen/react-md/issues/1319)






## [4.0.1](https://github.com/mlaursen/react-md/compare/v4.0.0...v4.0.1) (2021-11-27)

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





# [4.0.0](https://github.com/mlaursen/react-md/compare/v3.1.1...v4.0.0) (2021-11-24)


### Bug Fixes

* **sass:** Do not use legacy global functions ([6159e16](https://github.com/mlaursen/react-md/commit/6159e161af72a6e2d5fe43afb02ef537c3f55c11))


### Features

* Update to use new JSX Transform and latest `eslint` ([8111cd3](https://github.com/mlaursen/react-md/commit/8111cd31e45bf60c1b92509264af1b71dfba5696))


### Other Internal Changes

* **@react-md/format:** ran `prettier` after upgrading to v2.4.0 ([06110af](https://github.com/mlaursen/react-md/commit/06110afb20c2b83bb76a187f21e5edcd975d1147))
* **react-md:** Remove prop-types package and usage ([2637a6f](https://github.com/mlaursen/react-md/commit/2637a6f43d681a06054e3a4518f692cf51baf997))
* **stylelint:** Updated to use `stylelint` ([22d1598](https://github.com/mlaursen/react-md/commit/22d15985061df76d827d4ca9319198526e320f11))


### 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](https://github.com/mlaursen/react-md/compare/v3.0.1...v3.1.0) (2021-09-10)


### Documentation

* **react-md.dev:** updated `sassdoc` for new module system ([4746d26](https://github.com/mlaursen/react-md/commit/4746d265adcc2dcaffb260a565462b9d9c28805e))


### Other Internal Changes

* ran `yarn format` to include new files ([48d3d7f](https://github.com/mlaursen/react-md/commit/48d3d7fddb0435edf7dec9d0ba38cf3f0f251709))






# [3.0.0](https://github.com/mlaursen/react-md/compare/v2.9.1...v3.0.0) (2021-08-13)


### Bug Fixes

* **sass:** use math.div instead of division since it's deprecated ([d8c3f12](https://github.com/mlaursen/react-md/commit/d8c3f1299ea35814667c5915880744399e5b2108))


### Features

* **@react-md/theme:** $rmd-theme-dark-elevation `defaults` to true ([b371337](https://github.com/mlaursen/react-md/commit/b37133778bcd024e91bca4cb9d28d3b723f88293))


### Other Internal Changes

* **react-md.dev:** removed tilde from imports ([6081e14](https://github.com/mlaursen/react-md/commit/6081e145c13ab4f86c2f84da3dbc1988986ffdd2))
* **react-md.dev:** updated docs for new rmd-theme-dark-elevation `defaults` ([b2269ff](https://github.com/mlaursen/react-md/commit/b2269ffe2699a9eaf375dc9dd3957796dd313c8e))


### Breaking Changes

* **@react-md/theme:** `$rmd-theme-dark-elevation` now defaults to `true` instead of `false`






## [2.9.1](https://github.com/mlaursen/react-md/compare/v2.9.0...v2.9.1) (2021-07-27)


### Other Internal Changes

* **install:** slighly reduce install size by excluding tests in publish ([9d01a44](https://github.com/mlaursen/react-md/commit/9d01a44b81b619d6ac1c4d458005c99838fc6894))






# [2.9.0](https://github.com/mlaursen/react-md/compare/v2.8.5...v2.9.0) (2021-07-18)

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





## [2.8.4](https://github.com/mlaursen/react-md/compare/v2.8.3...v2.8.4) (2021-06-10)

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





## [2.8.3](https://github.com/mlaursen/react-md/compare/v2.8.2...v2.8.3) (2021-05-18)

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





## [2.8.2](https://github.com/mlaursen/react-md/compare/v2.8.1...v2.8.2) (2021-04-23)

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





# [2.8.0](https://github.com/mlaursen/react-md/compare/v2.7.1...v2.8.0) (2021-04-22)

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





## [2.7.1](https://github.com/mlaursen/react-md/compare/v2.7.0...v2.7.1) (2021-03-23)

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





# [2.7.0](https://github.com/mlaursen/react-md/compare/v2.6.0...v2.7.0) (2021-02-28)


### Bug Fixes

* **@react-md/alert:** fixed alert color when dark theme elevation is enabled ([99cc271](https://github.com/mlaursen/react-md/commit/99cc2710dbc9618b40595cd903697fed8e5651c0)), closes [#1075](https://github.com/mlaursen/react-md/issues/1075)
* **@react-md/card:** fixed card color when dark theme elevation is enabled ([e5da5f5](https://github.com/mlaursen/react-md/commit/e5da5f55de9b6fdd669b03157fbae38dd7f223cc)), closes [#1075](https://github.com/mlaursen/react-md/issues/1075)
* **@react-md/dialog:** fixed dialog color when dark theme elevation is enabled ([e79993d](https://github.com/mlaursen/react-md/commit/e79993d3b07072cf1c379677eea3f40b3e149eb7)), closes [#1075](https://github.com/mlaursen/react-md/issues/1075)
* **@react-md/form:** fixed listbox color when dark theme elevation is enabled ([b68ac04](https://github.com/mlaursen/react-md/commit/b68ac04e781787269293e5f63cc8032e2a4382f9)), closes [#1075](https://github.com/mlaursen/react-md/issues/1075)
* **@react-md/menu:** fixed menu color when dark theme elevation is enabled ([52c752d](https://github.com/mlaursen/react-md/commit/52c752d05a4a3cb3fb0119e213db7b58218fbfa9)), closes [#1075](https://github.com/mlaursen/react-md/issues/1075)
* **@react-md/sheet:** fixed sheet color when dark theme elevation is enabled ([0abe05e](https://github.com/mlaursen/react-md/commit/0abe05e8231f3dec3306e23e577b81505b94631f)), closes [#1075](https://github.com/mlaursen/react-md/issues/1075)


### Documentation

* **@react-md/theme:** added additional dark-theme-elevation SassDoc examples ([172ee40](https://github.com/mlaursen/react-md/commit/172ee40e60ca687a6a35413afacab64654823ca0))
* **tsdoc:** fixed remaining tsdoc syntax warnings ([946f4dd](https://github.com/mlaursen/react-md/commit/946f4dddf380b9f2313fb76d54d969aa2adbff53))






# [2.6.0](https://github.com/mlaursen/react-md/compare/v2.5.5...v2.6.0) (2021-02-13)

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





## [2.5.5](https://github.com/mlaursen/react-md/compare/v2.5.4...v2.5.5) (2021-01-30)

**Note:** Version bump only for package [@react-md/theme](../theme)

## [2.5.4](https://github.com/mlaursen/react-md/compare/v2.5.3...v2.5.4) (2021-01-27)

### Bug Fixes

- [@react-md/card](../card): fixed the bordered background color when the dark
  elevation flag is enabled
  ([a9dd552](https://github.com/mlaursen/react-md/commit/a9dd5521d7eb58442bfc6110686d8f039b525e72)),
  closes [#1053](https://github.com/mlaursen/react-md/issues/1053)

# [2.5.0](https://github.com/mlaursen/react-md/compare/v2.4.3...v2.5.0) (2020-12-15)

**Note:** Version bump only for package [@react-md/theme](../theme)

## [2.4.2](https://github.com/mlaursen/react-md/compare/v2.4.1...v2.4.2) (2020-10-23)

**Note:** Version bump only for package [@react-md/theme](../theme)

## [2.4.1](https://github.com/mlaursen/react-md/compare/v2.4.0...v2.4.1) (2020-10-17)

**Note:** Version bump only for package [@react-md/theme](../theme)

# [2.4.0](https://github.com/mlaursen/react-md/compare/v2.3.1...v2.4.0) (2020-10-17)

### Bug Fixes

- [@react-md/table](../table): table border color uses hex values to fix chrome
  colSpan rendering issue
  ([#982](https://github.com/mlaursen/react-md/issues/982))
  ([2138284](https://github.com/mlaursen/react-md/commit/213828454b15cee8d257ee82182e5869127f7661))

### Features

- [@react-md/theme](../theme): Better Contrast Colors by Default and dev-utils
  refactor ([#955](https://github.com/mlaursen/react-md/issues/955))
  ([519b128](https://github.com/mlaursen/react-md/commit/519b128522de944d55ff96a1e1125447665ed586))

## [2.3.1](https://github.com/mlaursen/react-md/compare/v2.2.0...v2.3.1) (2020-09-15)

**Note:** Version bump only for package [@react-md/theme](../theme)

# [2.3.0](https://github.com/mlaursen/react-md/compare/v2.2.0...v2.3.0) (2020-09-10)

**Note:** Version bump only for package [@react-md/theme](../theme)

## [2.2.2](https://github.com/mlaursen/react-md/compare/v2.2.1...v2.2.2) (2020-09-02)

**Note:** Version bump only for package [@react-md/theme](../theme)

## [2.2.1](https://github.com/mlaursen/react-md/compare/v2.2.0...v2.2.1) (2020-09-02)

**Note:** Version bump only for package [@react-md/theme](../theme)

## [2.1.2](https://github.com/mlaursen/react-md/compare/v2.1.1...v2.1.2) (2020-08-01)

**Note:** Version bump only for package [@react-md/theme](../theme)

## [2.1.1](https://github.com/mlaursen/react-md/compare/v2.1.0...v2.1.1) (2020-07-21)

### Bug Fixes

- [@react-md/theme](../theme): Fixed `rmd-theme-get-swatch` to loop over all
  `rmd-theme-colors` instead of the primaries only
  ([353de23](https://github.com/mlaursen/react-md/commit/353de2368f9aad74add60559bb6489692b1e2c62)),
  closes [#884](https://github.com/mlaursen/react-md/issues/884)

# [2.1.0](https://github.com/mlaursen/react-md/compare/v2.0.4...v2.1.0) (2020-07-12)

### Bug Fixes

- Booleans in `dist/scssVariables`
  ([f6d43a3](https://github.com/mlaursen/react-md/commit/f6d43a31a13647e0b92c256975652913fb8bb34e))

### Features

- Improved Dark Mode using Raising Elevation
  ([547877c](https://github.com/mlaursen/react-md/commit/547877c51217a544fdaad9c77e2469a45f30336e)),
  closes [#860](https://github.com/mlaursen/react-md/issues/860)

## [2.0.2](https://github.com/mlaursen/react-md/compare/v2.0.1...v2.0.2) (2020-06-30)

### Bug Fixes

- **LICENSE:** Removed the time range from license since it was incorrect
  ([50c9021](https://github.com/mlaursen/react-md/commit/50c9021cedc0d642758b9fd541bb6c93d2fe1786))
- Added `sideEffects` field to `package.json`
  ([31820b9](https://github.com/mlaursen/react-md/commit/31820b9b43705e5849664500a17b6849eb6dc2a9))
- `sideEffects` formatting
  ([78a7b6b](https://github.com/mlaursen/react-md/commit/78a7b6b0e40c7daefb749835670705f21bd21720))

## v2.0.1

No changes.

## v2.0.0

This package is new for the v2 release, but replaces and expands upon the
existing theming and color system in v1. Starting with v2, the theme has
built-in support for automatically attempting to fix color contrast ratios.

### New Features / Behavior

- completely new theming system that utilizes functions, mixins, and CSS
  variables (applies to other `react-md` packages as well)
- provides functions and mixins to check color contrast ratios and updates the
  default theme automatically
- new mixins to switch your app to the `light` or `dark` modes which can be used
  with the `prefers-color-scheme` media query to automatically adjust based on
  user OS settings

### Breaking Changes

- `color` and `background-color` class names can no longer be generated for you
  with a mixin

#### New SCSS Variables, Functions, and Mixins

- `$rmd-theme-no-css-variables-fallback: true !default` - Boolean if the main
  `@mixin rmd-theme` should no longer provide a fallback value when a css
  variable is not set.
- `$rmd-theme-define-colors-with-rgba: false !default` - Boolean if the light
  and dark theme colors should be created with `rgba` instead of `lighten`.
- `$rmd-theme-on-primary` - An accessible text color to use on top of the
  primary color
- `$rmd-theme-on-secondary` - An accessible text color to use on top of the
  secondary color
- `$rmd-theme-warning: $rmd-deep-orange-a-200 !default` - The color to use for a
  warning state.
- `$rmd-theme-on-warning` - An accessible text color to use on top of the
  warning color
- `$rmd-theme-on-error` - An accessible text color to use on top of the error
  color
- `$rmd-theme-success: $rmd-green-a-700 !default` - The color to use for a
  "successful" state.
- `$rmd-theme-on-success` - An accessible text color to use on top of the
  success color
- `$rmd-theme-light-surface: #fff !default` - The background color to use for
  elevated surfaces in the light theme
- `$rmd-theme-dark-surface: $rmd-grey-800 !default` - The background color to
  use for elevated surfaces in the dark theme
- `$rmd-theme-surface: if($rmd-theme-light, $rmd-theme-light-surface, $rmd-theme-dark-surface)` -
  The background color to use for elevated surfaces
- `$rmd-theme-default-contrast-ratio: 3 !default` - The default contrast ratio
  used for color accessibility
- `@function rmd-theme-tone` - determines if the provided color is `light` or
  `dark`
- `@function rmd-theme-contrast-tone` - determines if the contrast color should
  be `light` or `dark`
- `@function rmd-theme` - gets one of the theme values and validates that the
  theme name is valid
- `@function rmd-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-theme` - applies one of the theme values to a css property as a
  css variable
- `@mixin rmd-theme-update-var` - updates one of the theme values as a css
  variable
- `@mixin rmd-theme-light` - Updates all the `@import`-ed `react-md` packages to
  use the light theme
- `@mixin rmd-theme-dark` - Updates all the `@import`-ed `react-md` packages to
  use the dark theme

#### Renamed SCSS Variables, Functions, and Mixins

- renamed all the color variables to be prefixed with `rmd` instead of `md`
- renamed `$md-light-theme` to `$md-theme-light`
- renamed `$md-primary-color` to `$rmd-theme-primary` and changed the default
  value from `$md-indigo-500` to `$rmd-purple-500`
- renamed `$md-primary-background-text-color` to `$rmd-theme-on-primary` and
  changed the default value to be automatically adjusted to be contrast
  compliant
- renamed `$md-error-color` to `$rmd-error-color`
- renamed `$md-secondary-color` to `$rmd-theme-secondary`
- renamed `$md-secondary-background-text-color` to `$rmd-theme-on-secondary` and
  changed the default value to be automatically adjusted to be contrast
  compliant
- renamed `$md-light-theme-background-color` to `$rmd-theme-light-background`
- renamed `$md-dark-theme-background-color` to `$rmd-theme-dark-background`
- renamed `$md-light-theme-text-color` to `$rmd-theme-light-primary-text-color`
  and changed the default value from `rgba($md-black-base, 0.87)` to
  `lighten($rmd-black-base, 13%)`
- renamed `$md-light-theme-secondary-text-color` to
  `$rmd-theme-light-secondary-text-color` and changed the default value from
  `rgba($md-black-base, 0.54)` to `lighten($rmd-black-base, 46%)`
- renamed `$md-light-theme-hint-text-color` to
  `$rmd-theme-light-hint-text-color` and changed the default value from
  `rgba($md-black-base, 0.38)` to `lighten($rmd-black-base, 66%)`
- renamed `$md-light-theme-disabled-text-color` to
  `$rmd-theme-light-disabled-text-color` and changed the default value from
  `rgba($md-black-base, 0.38)` to `lighten($rmd-black-base, 62%)`
- renamed `$md-light-theme-icon-text-color` to `$rmd-theme-light-icon-color` and
  changed the default value from `rgba($md-black-base, 0.54)` to
  `lighten($rmd-black-base, 46%)`
- renamed `$md-dark-theme-text-color` to `$rmd-theme-dark-primary-text-color`
  and changed the default value from `$md-white-base` to
  `darken($rmd-white-base, 15%)`
- renamed `$md-dark-theme-secondary-text-color` to
  `$rmd-theme-dark-secondary-text-color` and changed the default value from
  `rgba($md-white-base, 0.7)` to `darken($rmd-white-base, 30%)`
- renamed `$md-dark-theme-hint-text-color` to `$rmd-theme-dark-hint-text-color`
  and changed the default value from `rgba($md-white-base, 0.3)` to
  `darken($rmd-white-base, 50%)`
- renamed `$md-dark-theme-disabled-text-color` to
  `$rmd-theme-dark-disabled-text-color` and changed the default value from
  `rgba($md-white-base, 0.3)` to `darken($rmd-white-base, 50%)`
- renamed `$md-dark-theme-icon-text-color` to `$rmd-theme-dark-icon-color` and
  changed the default value from `rgba($md-white-base, 0.7)` to
  `darken($rmd-white-base, 30%)`
- renamed `$md-light-theme-colors` to `$rmd-theme-light-text-colors` and
- renamed `$md-dark-theme-colors` to `$rmd-theme-dark-text-colors`
- renamed `@function get-swatch` to `@function rmd-theme-get-swatch`

#### Removed SCSS Variables, Functions, and Mixins

- removed `$md-colors-include-class-names`
- removed `$md-colors-warn-md`
- removed `$md-primary-hover-opacity` since it is no longer used
- removed `$md-secondary-hover-opacity` since it is no longer used
- removed `$md-light-theme-status-bar-color`,
  `$md-dark-theme-status-bar-color`,`$md-light-theme-card-color`,
  `$md-dark-theme-card-color`, `$md-light-theme-app-bar-color` and
  `$md-dark-theme-app-bar-color`
- removed the `divider`, `background`, `hover`, and `toolbar` keys from the
  `$rmd-theme-light-text-colors` and `$rmd-theme-dark-text-colors` maps
- removed `@function get-color` since it was pretty worthless and
  `@function rmd-theme` or `@mixin rmd-theme` are preferred
- removed `@mixin react-md-colors` since it's preferred to use the new theme
  mixins instead of adding classes
- removed `@mixin react-md-theme-colors` since the new theming system will
  handle this automatically if using the `@mixin rmd-theme`
- removed `@mixin react-md-colors-hover` since the new theming system and user
  interaction behavior no longer requires this
- removed `@mixin react-md-color-class-name` and
  `@mixin react-md-color-class-names`
