|
1 | | -import type { DashThemes, DashTokens, StyleCallback, StyleObject, Styles, TokensUnion } 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 = string>(styles: Styles<Tokens, Themes>, mediaQueries: MediaQueries<QueryNames>): { |
10 | | - (queryName: QueryNames): string; |
11 | | - (queryName: MediaQueryObject<QueryNames, Tokens, Themes>): (tokens: TokensUnion<Tokens, Themes>) => string; |
| 15 | +declare function mq< |
| 16 | + Tokens extends DashTokens = DashTokens, |
| 17 | + Themes extends DashThemes = DashThemes, |
| 18 | + QueryNames extends string = string |
| 19 | +>( |
| 20 | + styles: Styles<Tokens, Themes>, |
| 21 | + mediaQueries: MediaQueries<QueryNames> |
| 22 | +): { |
| 23 | + (queryName: QueryNames): string; |
| 24 | + (queryName: MediaQueryObject<QueryNames, Tokens, Themes>): string; |
12 | 25 | }; |
13 | 26 | export default mq; |
14 | 27 | export declare type MediaQueries<QueryNames extends string> = { |
15 | | - readonly [K in QueryNames]: string; |
| 28 | + readonly [K in QueryNames]: string; |
16 | 29 | }; |
17 | | -export declare type MediaQueryObject<QueryNames extends string, Tokens extends DashTokens = DashTokens, Themes extends DashThemes = DashThemes> = { |
18 | | - readonly [K in QueryNames | "default"]?: string | StyleObject | StyleCallback<Tokens, Themes>; |
| 30 | +export declare type MediaQueryObject< |
| 31 | + QueryNames extends string, |
| 32 | + Tokens extends DashTokens = DashTokens, |
| 33 | + Themes extends DashThemes = DashThemes |
| 34 | +> = { |
| 35 | + readonly [K in QueryNames | "default"]?: |
| 36 | + | string |
| 37 | + | StyleObject |
| 38 | + | StyleCallback<Tokens, Themes>; |
19 | 39 | }; |
0 commit comments