{"library":"styled-components-breakpoint","type":"library","category":null,"description":"styled-components-breakpoint provides utility functions for integrating responsive design breakpoints directly into styled-components using CSS-in-JS. Currently in a 3.0.0-preview.20 release, it offers two primary modes of operation: themeable mixins that leverage styled-components' ThemeProvider to define breakpoints globally, and static mixin factories for scenarios where breakpoints do not need to be dynamic or themed. The library simplifies the creation of media queries, allowing developers to define styles that adapt across different screen sizes (e.g., mobile, tablet, desktop) using an intuitive API like breakpoint('md'). It is designed to complement other related packages such as styled-components-spacing and styled-components-grid, promoting a consistent approach to responsive layouts within styled-components projects. While a formal release cadence isn't specified, its preview status indicates ongoing development towards a stable v3.","language":"javascript","status":"active","version":"3.0.0-preview.20","tags":["javascript","react","styled-components","breakpoint","breakpoints","media","style","tablet","desktop","typescript"],"last_verified":"Wed May 27","install":[{"cmd":"npm install styled-components-breakpoint","imports":["import breakpoint from 'styled-components-breakpoint';","import { map } from 'styled-components-breakpoint';","import { createBreakpoint, createMap } from 'styled-components-breakpoint';","import { DefaultTheme } from 'styled-components';\n\ndeclare module 'styled-components' {\n  export interface DefaultTheme {\n    breakpoints: {\n      [name: string]: number;\n    };\n  }\n}"]},{"cmd":"yarn add styled-components-breakpoint","imports":[]},{"cmd":"pnpm add styled-components-breakpoint","imports":[]}],"homepage":null,"github":"https://github.com/jameslnewell/styled-components-breakpoint","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/styled-components-breakpoint","openapi_spec":null,"status_page":null,"smithery":null,"compatibility":{"summary":{"python_range":"18–22","success_rate":0,"avg_install_s":null,"avg_import_s":null,"wheel_type":null},"url":"https://checklist.day/v1/registry/styled-components-breakpoint/compatibility"}}