v11.1.2

11.1.2 (2023-04-18)

Bug Fixes

• change url for build badge (ad19573)

v11.1.1

11.1.1 (2022-07-01)

Bug Fixes

• createTheme method has wrong types (#1254) (bd983a1)

v11.1.0

11.1.0 (2022-05-06)

Features

• bump react to v18 (#1215) (be3ebbb)

v11.0.5

11.0.5 (2022-03-31)

Bug Fixes

• internal changes (240b527)

v11.0.4

11.0.4 (2022-01-23)

Bug Fixes

• use-breakpoint: window access for ssr error fix (#1154) (888ecc2)

v11.0.3

11.0.3 (2022-01-19)

Bug Fixes

• use-breakpoint: remove rules-of-hooks warning (#1148) (17c1c88)

v11.0.2

11.0.2 (2022-01-19)

Bug Fixes

• add type declaration for createTheme (34c3023)

v11.0.1

11.0.1 (2022-01-19)

Bug Fixes

• fix export for createStyledBreakpoints function (54f6f9d)

v11.0.0

11.0.0 (2022-01-19)

Code Refactoring

• up and between functions (1a6bf94)

BREAKING CHANGES

add createTheme function to resolve name conflicts when merging multiple themes with custom breakpoints.

+ import { createTheme } from 'styled-breakpoints';

- const theme = {
-  breakpoints: {
-    sm: '576px',
-    md: '768px',
-    lg: '992px',
-    xl: '1200px',
-  },
-};

+ const theme = createTheme({
+  sm: '600px',
+  md: '900px',
+  lg: '1200px'
+})

<ThemeProvider theme={theme}>
  <Component>This is cool!</Component>
</ThemeProvider>;

Completely rewritten algorithm for calculating breakpoints for down and between functions to align with Bootstrap 5.

- down('md') => @media (max-width: 991.98px)
+ down('md') => @media (max-width: 767.98px) 

- between('md', 'lg') => @media (min-width: 768px) and (max-width: 1199.98px)
+ between('md', 'lg') => @media (min-width: 768px) and (max-width: 991.98px)

v10.2.3

10.2.3 (2022-01-11)

Bug Fixes

• improve documentation (120f611)