bright-components 10.2.0 → 10.2.1

package/dist/components/Modal/ModalBody/index.js

@@ -11,6 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 const ModalBody = _styledComponents.default.div`
 	padding: ${props => props.noPadding ? '0px' : _spacing.default.s2};
+	overflow-y: auto;
 `;
 ModalBody.displayName = 'ModalBody';
 /* @component */

package/dist/components/Modal/index.js

@@ -55,6 +55,8 @@ const Background = _styledComponents.default.div`
 	align-items: center;
 `;
 const ModalContainer = _styledComponents.default.div`
+	display: flex;
+	flex-direction: column;
 	background: white;
 	position: relative;
 	width: ${props => props.width};
@@ -64,7 +66,6 @@ const ModalContainer = _styledComponents.default.div`
 	border-radius: ${_vars.default.borderRadius};
 	max-height: 90%;
 	overflow-x: hidden;
-	overflow-y: auto;
 	${props => props.version === '1' && '-webkit-overflow-scrolling: touch'};
 
 	${props => props.allowOverflow && (0, _styledComponents.css)`

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "bright-components",
-	"version": "10.2.0",
+	"version": "10.2.1",
 	"private": false,
 	"main": "./dist",
 	"repository": {

package/src/components/Modal/ModalBody/index.js

@@ -3,6 +3,7 @@ import spacing from 'constants/spacing';
 
 const ModalBody = styled.div`
 	padding: ${props => (props.noPadding ? '0px' : spacing.s2)};
+	overflow-y: auto;
 `;
 ModalBody.displayName = 'ModalBody';
 

package/src/components/Modal/index.js

@@ -34,6 +34,8 @@ const Background = styled.div`
 `;
 
 const ModalContainer = styled.div`
+	display: flex;
+	flex-direction: column;
 	background: white;
 	position: relative;
 	width: ${props => props.width};
@@ -43,7 +45,6 @@ const ModalContainer = styled.div`
 	border-radius: ${vars.borderRadius};
 	max-height: 90%;
 	overflow-x: hidden;
-	overflow-y: auto;
 	${props => props.version === '1' && '-webkit-overflow-scrolling: touch'};
 
 	${props =>

package/src/components/Modal/test.js

@@ -133,7 +133,6 @@ describe('<Modal />', () => {
 		const modalContainer = wrapper.getByRole('region');
 
 		expect(modalContainer).toHaveStyleRule('overflow-x', 'hidden');
-		expect(modalContainer).toHaveStyleRule('overflow-y', 'auto');
 
 		wrapper.rerender(
 			<Modal close={closeFn} allowOverflow>