|
1 | | -import type { DashThemes, DashTokens, StyleCallback, StyleObject, Styles } from "@dash-ui/styles"; |
| 1 | +import type { |
| 2 | + DashThemes, |
| 3 | + DashTokens, |
| 4 | + StyleCallback, |
| 5 | + StyleObject, |
| 6 | + Styles, |
| 7 | +} from "@dash-ui/styles"; |
2 | 8 | /** |
3 | 9 | * A factory function that creates a utility for adding breakpoints and |
4 | 10 | * media queries to Dash styles |
5 | 11 | * |
6 | 12 | * @param styles - A Dash `styles` instance |
7 | 13 | * @param mediaQueries - A map of media query name/query pairs |
8 | 14 | */ |
9 | | -declare function mq<Tokens extends DashTokens = DashTokens, Themes extends DashThemes = DashThemes, QueryNames extends string | number = string | number>(styles: Styles<Tokens, Themes>, mediaQueries: MediaQueries<QueryNames>): { |
10 | | - (queryName: QueryNames): string; |
11 | | - (queryName: MediaQueryObject<QueryNames, Tokens, Themes>): string; |
12 | | -}; |
| 15 | +declare function mq< |
| 16 | + Tokens extends DashTokens = DashTokens, |
| 17 | + Themes extends DashThemes = DashThemes, |
| 18 | + QueryNames extends string | number = string | number |
| 19 | +>( |
| 20 | + styles: Styles<Tokens, Themes>, |
| 21 | + mediaQueries: MediaQueries<QueryNames> |
| 22 | +): MqStyles<QueryNames, Tokens, Themes>; |
13 | 23 | export default mq; |
| 24 | +export declare type MqStyles< |
| 25 | + QueryNames extends string | number, |
| 26 | + Tokens extends DashTokens = DashTokens, |
| 27 | + Themes extends DashThemes = DashThemes |
| 28 | +> = { |
| 29 | + (queryName: QueryNames): string; |
| 30 | + (queryName: MediaQueryObject<QueryNames, Tokens, Themes>): string; |
| 31 | + ( |
| 32 | + queryName: QueryNames | MediaQueryObject<QueryNames, Tokens, Themes> |
| 33 | + ): string; |
| 34 | +}; |
14 | 35 | export declare type MediaQueries<QueryNames extends string | number> = { |
15 | | - readonly [K in QueryNames]: string; |
| 36 | + readonly [K in QueryNames]: string; |
16 | 37 | }; |
17 | | -export declare type MediaQueryObject<QueryNames extends string | number, Tokens extends DashTokens = DashTokens, Themes extends DashThemes = DashThemes> = { |
18 | | - readonly [K in QueryNames | "default"]?: string | StyleObject | StyleCallback<Tokens, Themes>; |
| 38 | +export declare type MediaQueryObject< |
| 39 | + QueryNames extends string | number, |
| 40 | + Tokens extends DashTokens = DashTokens, |
| 41 | + Themes extends DashThemes = DashThemes |
| 42 | +> = { |
| 43 | + readonly [K in QueryNames | "default"]?: |
| 44 | + | string |
| 45 | + | StyleObject |
| 46 | + | StyleCallback<Tokens, Themes>; |
19 | 47 | }; |
0 commit comments