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