v2.2.0

Add support for

✅ Added overflow, overflowX, overflowY, outline CSS props to box component,
✅ Added border, borderTop, borderRight, borderBottom, borderLeft CSS props to box component. Added shorthand syntax props b, bt, br, bb, bl as well.

v2.1.1

Bug fixes
✅ Flex gap detection logic will be executed only after DOM is ready
✅ Flex gap detection bug fixes related to latest edge chromium

v2.1.0

✅ Added marginTop, marginRight, marginBottom, marginLeft CSS props to box component. Added shorthand syntax props m, mt, mr, mb, ml as well.
✅ Added paddingTop, paddingRight, paddingBottom, paddingLeft CSS props to box component. Added shorthand syntax props p, pt, pr, pb, pl as well.

v2.0.0

✂️ Breaking changes
⭕ is prop of FlexBox and FlexItem component is longer supported. Instead use native styled-components "as" polymorphic prop to render another react component or html element.
⭕ Supports styled-components version greater than or equal to >=5.1.0. If you want to use older versions of styled-components, please install react-styled-flex version 1 by using npm install react-styled-flex@latest-1 command.

🚀 Enhancements
✅ Typescript rewrite.
✅ Supports SSR and SSG rendering.
✅ Introduce Box component.
✅ Uses styled-components shouldForwardProp mechanism to avoid leaking props to DOM. As a result, is prop from version 1 is no longer supported.
✅ Added examples directory to document working state of react-styled-flex with frameworks like create-react-app, next-js, gatsby, parcel

v2.0.0-rc.4

✅ Add support for CSS position rule
✅ Add documentation for newly added Box props
✅ Add FAQs section to readme
✅ Document focus of unstyled content issue and its solution

v2.0.0-rc.3

✅ Introduced additional Box props, maxHeight, minHeight, maxWidth, minWidth
✅ Strict typing for FlexItem component. Added typescript check for allowing FlexBox props only if box prop is set to true
✅ Added more test cases for TS types
✅ Check package typing using tsc --noEmit command

v2.0.0-rc.2

✅ Added additional prop sizing on Box component to model CSS box-sizing style.
✅ Added more test cases

v2.0.0-rc.1

✅ Added examples directory to document working state of react-styled-flex with frameworks like create-react-app, next-js, gatsby, parcel
✅ Added javascript and typescript examples for above mentioned frameworks.
✅ Remove exports field from package.json.
✅ Rename dts field with types.

v2.0.0-rc.0

✂️ Breaking changes

⭕ is prop of FlexBox and FlexItem component is longer supported. Instead use native styled-components "as" polymorphic prop to render another react component or html element.
⭕ Supports styled-components version greater than or equal to >=5.1.0. If you want to use older versions of styled-components, please install react-styled-flex version 1 by using npm install react-styled-flex@latest-1 command.

🚀 Enhancements

✅ Typescript rewrite.
✅ Supports SSR and SSG rendering.
✅ Introduce Box component.
✅ Uses styled-components shouldForwardProp mechanism to avoid leaking props to DOM. As a result, is prop from version 1 is no longer supported.

v1.0.19

• Use childNodes instead of childrens to make it compatible with IE 93c7ba0
• Merge pull request #18 from ppiyush13/greenkeeper/@testing-library/jest-dom-5.0.0 7e294db
• Merge pull request #19 from ppiyush13/greenkeeper/lint-staged-10.0.3 7941779
• chore(package): update lockfile package-lock.json 29fbc34
• chore(package): update lint-staged to version 10.0.3 105d600
• chore(package): update lockfile package-lock.json 331ca9c
• chore(package): update @testing-library/jest-dom to version 5.0.0 6eddeab

v1.0.18...v1.0.19