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/expansion-panel
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/expansion-panel
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/expansion-panel
4.0.3 (2021-12-31)
4.0.1 (2021-11-27)
Note: Version bump only for package @react-md/expansion-panel
4.0.0 (2021-11-24)
- Update to use new JSX Transform and latest
eslint
(8111cd3) - @react-md/transition: No longer use findDOMNode for transitions (cb952da)
- 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: There will no longer be run-time prop validation with
the
prop-types
package.
3.1.0 (2021-09-10)
- typescript: updated all array types to be readonly (8f71bcb)
- ran
yarn format
to include new files (48d3d7f)
3.0.1 (2021-08-15)
3.0.0 (2021-08-13)
Note: Version bump only for package @react-md/expansion-panel
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/expansion-panel
2.8.5 (2021-07-03)
Note: Version bump only for package @react-md/expansion-panel
2.8.4 (2021-06-10)
Note: Version bump only for package @react-md/expansion-panel
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/expansion-panel
2.8.0 (2021-04-22)
- tsconfig: separate tsconfig by package instead of a single root (b278230)
2.7.1 (2021-03-23)
- ts: stopped using FC type (c5daa47)
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)
- @react-md/utils: updated
loop
util to allow for a specific min value (51bcf92)
2.6.0 (2021-02-13)
Note: Version bump only for package @react-md/expansion-panel
2.5.5 (2021-01-30)
Note: Version bump only for package @react-md/expansion-panel
2.5.4 (2021-01-27)
Note: Version bump only for package @react-md/expansion-panel
2.5.0 (2020-12-15)
Note: Version bump only for package @react-md/expansion-panel
2.4.2 (2020-10-23)
Note: Version bump only for package
2.4.1 (2020-10-17)
Note: Version bump only for package @react-md/expansion-panel
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/expansion-panel
2.3.0 (2020-09-10)
Note: Version bump only for package @react-md/expansion-panel
2.2.2 (2020-09-02)
Note: Version bump only for package @react-md/expansion-panel
2.2.1 (2020-09-02)
Note: Version bump only for package @react-md/expansion-panel
2.2.0 (2020-08-11)
Note: Version bump only for package @react-md/expansion-panel
2.1.2 (2020-08-01)
Note: Version bump only for package @react-md/expansion-panel
2.1.1 (2020-07-21)
Note: Version bump only for package @react-md/expansion-panel
2.1.0 (2020-07-12)
Note: Version bump only for package @react-md/expansion-panel
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.
This release has fixed the keyboard movement behavior for the expansion panels
as well as updating the API to use a hook instead of React.cloneElement
hacks.
In addition, the ExpansionPanel
will now no longer attempt to create equal
width labels within each panel and instead will need to be done manually.
The expansion behavior is now provided through a hook: usePanels
that will
provide the required props for each of your panels as well as the "root"
onKeyDown
event listener required to navigate between each panel. Since the
expansion functionality was moved into this hook, the ExpansionList
component
is not actually useful other than enforcing that children
and onKeyDown
props are required and provides no styles.
- all components now correctly forward the
ref
to the DOM element - now provides a
usePanels
hook to implement keyboard focus behavior along with expansion logic for your panels - the expansion logic was updated to support:
- optionally prevent the last panel from being closed
- optionally support multiple panels being expanded at once (multiple panel expansion is now opt-in)
- now exports an
ExpansionPanelHeader
component for additional customization - fixed the keyboard focus behavior between panels
- now supports displaying persistent content that is not unmounted while the expansion panel is collapsed
- the spacing, padding, and icon-spacing can now be configured with CSS variables with the new theme mixin API
- now supports updating spacing and styling for right-to-left languages and layouts
- no longer supports
label
,secondaryLabel
, andexpandedSecondaryLabel
props and instead should use theheader
for content - no longer supports equal width labels between panels and must be implemented manually
- no longer supports rendering the "Save" and "Cancel" buttons in the panel content by default and must be implemented manually.
- the
header
no longer changes height once expanded - the
footer
prop was removed from theExpansionPanel
since thechildren
should be used instead
$rmd-expansion-panel-expander-icon-spacing: $rmd-icon-spacing-with-text !default
- The spacing to use for the expansion panel's expander icon that will be used aspadding-left
for the icon@function rmd-expansion-panel-theme
- gets one of the theme values and validates that the theme name is valid@function rmd-expansion-panel-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-expansion-panel-theme
- applies one of the theme values to a css property as a css variable@mixin rmd-expansion-panel-theme-update-var
- updates one of the theme values as a css variable@mixin react-md-expansion-panel
- creates all the styles required for the expansion panel package@mixin rmd-expansion-panel
- used to apply all the expansion panel styles to a selector. Probably won't be used externally
- rename
$md-expansion-panel-opened-margin
to$rmd-expansion-panel-spacing
and changed the default value from16px
to1rem
- renamed
$md-expansion-panel-padding
to$rmd-expansion-panel-header-padding
and changed the default value from24px
to1rem
- removed
$md-expansion-panel-font-size
and$md-expansion-panel-secondary-font-size
since there are nolabel
props anymore - removed
$md-expansion-panel-expanded-height
since the panel's header no longer changes height once expanded - removed
@mixin react-md-theme-expansion-panels
since it is no longer required - removed
@mixin react-md-expanion-panels