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/divider
5.1.3 (2022-05-07)
Note: Version bump only for package @react-md/divider
5.1.2 (2022-04-02)
Note: Version bump only for package @react-md/divider
5.1.0 (2022-03-18)
- run lint-scripts --fix for consistent-type-imports (42d839d)
5.0.0 (2022-01-31)
- @react-md/divider: Update
useVerticalDividerHeight
to support any HTMLElement (edd9287) - @react-md/divider: Update divider styles for non-hr elements (7ccd0a6)
4.0.3 (2021-12-31)
4.0.1 (2021-11-27)
Note: Version bump only for package @react-md/divider
4.0.0 (2021-11-24)
- Update to use new JSX Transform and latest
eslint
(8111cd3) - @react-md/typography: Renamed Text to
Typography
(30cf056)
- 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.0 (2021-08-13)
Note: Version bump only for package @react-md/divider
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/divider
2.8.4 (2021-06-10)
Note: Version bump only for package @react-md/divider
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/divider
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/divider
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)
- @react-md/divider: updated test to use the correct act (a621625)
2.5.5 (2021-01-30)
Note: Version bump only for package @react-md/divider
2.5.4 (2021-01-27)
Note: Version bump only for package @react-md/divider
2.5.0 (2020-12-15)
Note: Version bump only for package @react-md/divider
2.4.2 (2020-10-23)
Note: Version bump only for package @react-md/divider
2.4.1 (2020-10-17)
Note: Version bump only for package @react-md/divider
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/divider
2.3.0 (2020-09-10)
Note: Version bump only for package @react-md/divider
2.2.2 (2020-09-02)
Note: Version bump only for package @react-md/divider
2.2.1 (2020-09-02)
Note: Version bump only for package @react-md/divider
2.1.2 (2020-08-01)
Note: Version bump only for package @react-md/divider
2.1.1 (2020-07-21)
Note: Version bump only for package @react-md/divider
2.1.0 (2020-07-12)
Note: Version bump only for package @react-md/divider
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 Divider
component was completely re-written for this release, but it
should not be a breaking change. This package now also has better support for
rendering dividers vertically with the VerticalDivider
component.
- the
ref
is now correctly passed to the DOM element - the
role
has been specifically set to"separator"
by default - the vertical divider behavior now has "better" support with a new
VerticalDivider
component - the dividers can now be configured using CSS variables for the
background-color
,size
,inset
,spacing
,vertical-spacing
, andmax-size
- only styling behavior
$rmd-divider-max-size: 100% !default
- The max size for a divider that can be used to make all dividers centered if desired$rmd-divider-spacing: 0.25rem auto !default
- the amount of margin to apply to a horizontal divider$rmd-divider-vertical-spacing: auto 0.25rem !default
- the amount of margin to apply to a vertical divider$rmd-divider-inset: 4rem !default
- The amount of spacing to use asmargin-left
for an inset divider. This will automatically be swapped tomargin-right
for right-to-left languages$rmd-divider-background-color-on-light: rgba($rmd-black-base, 0.12) !default
- The background color for a divider in light themes$rmd-divider-background-color-on-dark: rgba($rmd-white-base, 0.12) !default
- The background color for a divider in dark themes$rmd-divider-background-color: if(rmd-theme-tone($rmd-theme-background) == light, $rmd-divider-background-color-on-light, $rmd-divider-background-color-on-dark) !default
- the default background color for dividers@function rmd-divider-theme
- gets one of the theme values and validates that the theme name is valid@function rmd-divider-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-divider-theme
- applies one of the theme values to a css property as a css variable@mixin rmd-divider-theme-update-var
- updates one of the theme values as a css variable@mixin rmd-divider-border
- creates a divider for an element using border styles@mixin rmd-divider
- a mixin to generate all the divider styles for a class name selector
- renamed
$md-divider-height
to$rmd-divider-size
- removed
$md-divider-include-borders
since the border class names are no longer included and the newrmd-divider-border
mixin should be used instead - removed
react-md-divider-borders
since the border class names are no longer provided by default - removed
react-md-theme-dividers
andreact-md-theme-divider-borders
since this is now handled automatically or with the newrmd-divider-theme-update-var
mixin