Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
react-css-collapse
Advanced tools
react-css-collapse - npm Package Compare versions
Comparing version 4.0.6 to 4.1.0
| # Changelog | ||
| # 4.1.0 | ||
| > August 24, 2020 | ||
| * :nut_and_bolt: **New** Add default transition | ||
| * :tada: **Enhancement** Update devDependencies | ||
| # 4.0.6 | ||
@@ -4,0 +9,0 @@ > February 26, 2020 |
@@ -59,8 +59,8 @@ "use strict"; | ||
| var styles = _objectSpread({ | ||
| var styles = _objectSpread(_objectSpread({ | ||
| willChange: 'height', | ||
| transition: transition | ||
| }, initialStyle, {}, style); | ||
| }, initialStyle), style); | ||
| return _react.default.createElement("div", (0, _extends2.default)({ | ||
| return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({ | ||
| ref: content, | ||
@@ -79,3 +79,3 @@ style: styles, | ||
| className: 'react-css-collapse-transition', | ||
| transition: null | ||
| transition: 'height 250ms cubic-bezier(0.4, 0, 0.2, 1)' | ||
| }; | ||
@@ -82,0 +82,0 @@ Collapse.propTypes = { |
| { | ||
| "name": "react-css-collapse", | ||
| "version": "4.0.6", | ||
| "version": "4.1.0", | ||
| "description": "Component-wrapper for collapse animation with css for elements with variable and dynamic height", | ||
@@ -57,32 +57,31 @@ "author": { | ||
| "devDependencies": { | ||
| "@babel/cli": "^7.8.3", | ||
| "@babel/core": "^7.8.3", | ||
| "@babel/plugin-transform-runtime": "^7.8.3", | ||
| "@babel/preset-env": "^7.8.3", | ||
| "@babel/preset-react": "^7.8.3", | ||
| "@storybook/addon-actions": "^5.3.2", | ||
| "@storybook/addon-knobs": "^5.3.2", | ||
| "@storybook/react": "^5.3.2", | ||
| "@testing-library/jest-dom": "^4.2.4", | ||
| "@testing-library/react": "^9.4.0", | ||
| "acorn": "^7.1.0", | ||
| "@babel/cli": "^7.10.5", | ||
| "@babel/core": "^7.11.4", | ||
| "@babel/plugin-transform-runtime": "^7.11.0", | ||
| "@babel/preset-env": "^7.11.0", | ||
| "@babel/preset-react": "^7.10.4", | ||
| "@storybook/addon-actions": "^6.0.16", | ||
| "@storybook/addon-knobs": "^6.0.16", | ||
| "@storybook/react": "^6.0.16", | ||
| "@testing-library/jest-dom": "^5.11.4", | ||
| "@testing-library/react": "^10.4.9", | ||
| "babel-eslint": "^10.0.3", | ||
| "babel-jest": "^24.9.0", | ||
| "babel-loader": "^8.0.6", | ||
| "babel-preset-react-app": "^9.1.0", | ||
| "cross-env": "^6.0.3", | ||
| "eslint": "^6.8.0", | ||
| "eslint-config-airbnb": "^18.0.1", | ||
| "eslint-config-prettier": "^6.7.0", | ||
| "eslint-plugin-import": "^2.20.0", | ||
| "eslint-plugin-jest": "^23.6.0", | ||
| "eslint-plugin-jsx-a11y": "^6.1.1", | ||
| "eslint-plugin-prettier": "^3.1.2", | ||
| "eslint-plugin-react": "^7.17.0", | ||
| "eslint-plugin-react-hooks": "^2.3.0", | ||
| "jest": "^24.9.0", | ||
| "prettier": "^1.19.1", | ||
| "babel-jest": "^26.3.0", | ||
| "babel-loader": "^8.1.0", | ||
| "babel-preset-react-app": "^9.1.2", | ||
| "cross-env": "^7.0.2", | ||
| "eslint": "^7.7.0", | ||
| "eslint-config-airbnb": "^18.2.0", | ||
| "eslint-config-prettier": "^6.11.0", | ||
| "eslint-plugin-import": "^2.22.0", | ||
| "eslint-plugin-jest": "^23.20.0", | ||
| "eslint-plugin-jsx-a11y": "^6.3.1", | ||
| "eslint-plugin-prettier": "^3.1.4", | ||
| "eslint-plugin-react": "^7.20.6", | ||
| "eslint-plugin-react-hooks": "^4.1.0", | ||
| "jest": "^26.4.2", | ||
| "prettier": "^2.1.0", | ||
| "prop-types": "^15.7.2", | ||
| "react": "^16.12.0", | ||
| "react-dom": "^16.12.0" | ||
| "react": "^16.13.1", | ||
| "react-dom": "^16.13.1" | ||
| }, | ||
@@ -89,0 +88,0 @@ "directories": { |
@@ -46,3 +46,4 @@ # react-css-collapse | ||
| Specify transition using the class selector with transition or the style property. | ||
| The `react-css-collapse-transition` class selector is added by default unless you specify your own. Note: Remember to include the style if you are using the default selector 👇 | ||
| The `react-css-collapse-transition` class selector is added by default unless you specify your own. | ||
| The default transition can be overridden using the `transition` prop, or with custom styling 👇. Note: replace the selector with your selector if you have specified a different `className`. | ||
@@ -49,0 +50,0 @@ ```scss |
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by1.21%
27739
- Dev dependency count
- decreased by-3.33%
29
- Number of lines in readme file
- increased by1.3%
78
No dependency changes