@devseed-ui/theme-provider/src/media-queries.d.ts

devseed UI Kit Theme

import { DefaultTheme, ThemedCssFunction } from "styled-components";

declare module '@devseed-ui/theme-provider' {
  /**
   * Styled-components helper to write code for the different media queries
   * breakpoints.
   */
  const media: {
    xsmallDown: ThemedCssFunction<DefaultTheme>;
    smallUp: ThemedCssFunction<DefaultTheme>;
    smallOnly: ThemedCssFunction<DefaultTheme>;
    smallDown: ThemedCssFunction<DefaultTheme>;
    mediumUp: ThemedCssFunction<DefaultTheme>;
    mediumOnly: ThemedCssFunction<DefaultTheme>;
    mediumDown: ThemedCssFunction<DefaultTheme>;
    largeUp: ThemedCssFunction<DefaultTheme>;
    largeOnly: ThemedCssFunction<DefaultTheme>;
    largeDown: ThemedCssFunction<DefaultTheme>;
    xlargeUp: ThemedCssFunction<DefaultTheme>;
  }
}