|
1 | | -import type { |
2 | | - DashThemes, |
3 | | - DashTokens, |
4 | | - StyleCallback, |
5 | | - StyleObject, |
6 | | - Styles, |
7 | | -} from "@dash-ui/styles"; |
| 1 | +import type { DashThemes, DashTokens, StyleCallback, StyleObject, Styles } from "@dash-ui/styles"; |
8 | 2 | /** |
9 | 3 | * A factory function that creates a utility for adding breakpoints and |
10 | 4 | * media queries to Dash styles |
11 | 5 | * |
12 | 6 | * @param styles - A Dash `styles` instance |
13 | 7 | * @param mediaQueries - A map of media query name/query pairs |
14 | 8 | */ |
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; |
| 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>): string; |
25 | 12 | }; |
26 | 13 | export default mq; |
27 | 14 | export declare type MediaQueries<QueryNames extends string> = { |
28 | | - readonly [K in QueryNames]: string; |
| 15 | + readonly [K in QueryNames]: string; |
29 | 16 | }; |
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>; |
| 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>; |
39 | 19 | }; |
0 commit comments