qstd 0.2.17 → 0.2.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/block/fns.d.ts +1 -0
- package/dist/block/fns.d.ts.map +1 -1
- package/dist/block/index.d.ts +6 -2
- package/dist/block/index.d.ts.map +1 -1
- package/dist/react/index.cjs +25 -13
- package/dist/react/index.js +25 -13
- package/package.json +2 -1
- package/styled-system/css/conditions.mjs +36 -0
- package/styled-system/css/css.d.ts +22 -0
- package/styled-system/css/css.mjs +45 -0
- package/styled-system/css/cva.d.ts +6 -0
- package/styled-system/css/cva.mjs +87 -0
- package/styled-system/css/cx.d.ts +5 -0
- package/styled-system/css/cx.mjs +15 -0
- package/styled-system/css/index.d.ts +5 -0
- package/styled-system/css/index.mjs +4 -0
- package/styled-system/css/sva.d.ts +4 -0
- package/styled-system/css/sva.mjs +46 -0
- package/styled-system/helpers.mjs +328 -0
- package/styled-system/jsx/aspect-ratio.d.ts +10 -0
- package/styled-system/jsx/aspect-ratio.mjs +14 -0
- package/styled-system/jsx/bleed.d.ts +10 -0
- package/styled-system/jsx/bleed.mjs +14 -0
- package/styled-system/jsx/box.d.ts +10 -0
- package/styled-system/jsx/box.mjs +14 -0
- package/styled-system/jsx/center.d.ts +10 -0
- package/styled-system/jsx/center.mjs +14 -0
- package/styled-system/jsx/circle.d.ts +10 -0
- package/styled-system/jsx/circle.mjs +14 -0
- package/styled-system/jsx/container.d.ts +10 -0
- package/styled-system/jsx/container.mjs +14 -0
- package/styled-system/jsx/cq.d.ts +10 -0
- package/styled-system/jsx/cq.mjs +14 -0
- package/styled-system/jsx/create-style-context.d.ts +54 -0
- package/styled-system/jsx/create-style-context.mjs +98 -0
- package/styled-system/jsx/divider.d.ts +10 -0
- package/styled-system/jsx/divider.mjs +14 -0
- package/styled-system/jsx/factory-helper.mjs +22 -0
- package/styled-system/jsx/factory.d.ts +3 -0
- package/styled-system/jsx/factory.mjs +89 -0
- package/styled-system/jsx/flex.d.ts +10 -0
- package/styled-system/jsx/flex.mjs +14 -0
- package/styled-system/jsx/float.d.ts +10 -0
- package/styled-system/jsx/float.mjs +14 -0
- package/styled-system/jsx/grid-item.d.ts +10 -0
- package/styled-system/jsx/grid-item.mjs +14 -0
- package/styled-system/jsx/grid.d.ts +10 -0
- package/styled-system/jsx/grid.mjs +14 -0
- package/styled-system/jsx/hstack.d.ts +10 -0
- package/styled-system/jsx/hstack.mjs +14 -0
- package/styled-system/jsx/index.d.ts +25 -0
- package/styled-system/jsx/index.mjs +23 -0
- package/styled-system/jsx/is-valid-prop.d.ts +11 -0
- package/styled-system/jsx/is-valid-prop.mjs +17 -0
- package/styled-system/jsx/link-overlay.d.ts +10 -0
- package/styled-system/jsx/link-overlay.mjs +14 -0
- package/styled-system/jsx/spacer.d.ts +10 -0
- package/styled-system/jsx/spacer.mjs +14 -0
- package/styled-system/jsx/square.d.ts +10 -0
- package/styled-system/jsx/square.mjs +14 -0
- package/styled-system/jsx/stack.d.ts +10 -0
- package/styled-system/jsx/stack.mjs +14 -0
- package/styled-system/jsx/visually-hidden.d.ts +10 -0
- package/styled-system/jsx/visually-hidden.mjs +14 -0
- package/styled-system/jsx/vstack.d.ts +10 -0
- package/styled-system/jsx/vstack.mjs +14 -0
- package/styled-system/jsx/wrap.d.ts +10 -0
- package/styled-system/jsx/wrap.mjs +14 -0
- package/styled-system/patterns/aspect-ratio.d.ts +20 -0
- package/styled-system/patterns/aspect-ratio.mjs +38 -0
- package/styled-system/patterns/bleed.d.ts +21 -0
- package/styled-system/patterns/bleed.mjs +24 -0
- package/styled-system/patterns/box.d.ts +20 -0
- package/styled-system/patterns/box.mjs +15 -0
- package/styled-system/patterns/center.d.ts +20 -0
- package/styled-system/patterns/center.mjs +21 -0
- package/styled-system/patterns/circle.d.ts +20 -0
- package/styled-system/patterns/circle.mjs +25 -0
- package/styled-system/patterns/container.d.ts +20 -0
- package/styled-system/patterns/container.mjs +21 -0
- package/styled-system/patterns/cq.d.ts +21 -0
- package/styled-system/patterns/cq.mjs +21 -0
- package/styled-system/patterns/divider.d.ts +22 -0
- package/styled-system/patterns/divider.mjs +25 -0
- package/styled-system/patterns/flex.d.ts +26 -0
- package/styled-system/patterns/flex.mjs +26 -0
- package/styled-system/patterns/float.d.ts +23 -0
- package/styled-system/patterns/float.mjs +52 -0
- package/styled-system/patterns/grid-item.d.ts +25 -0
- package/styled-system/patterns/grid-item.mjs +25 -0
- package/styled-system/patterns/grid.d.ts +24 -0
- package/styled-system/patterns/grid.mjs +27 -0
- package/styled-system/patterns/hstack.d.ts +21 -0
- package/styled-system/patterns/hstack.mjs +24 -0
- package/styled-system/patterns/index.d.ts +21 -0
- package/styled-system/patterns/index.mjs +20 -0
- package/styled-system/patterns/link-overlay.d.ts +20 -0
- package/styled-system/patterns/link-overlay.mjs +24 -0
- package/styled-system/patterns/spacer.d.ts +20 -0
- package/styled-system/patterns/spacer.mjs +21 -0
- package/styled-system/patterns/square.d.ts +20 -0
- package/styled-system/patterns/square.mjs +24 -0
- package/styled-system/patterns/stack.d.ts +23 -0
- package/styled-system/patterns/stack.mjs +24 -0
- package/styled-system/patterns/visually-hidden.d.ts +20 -0
- package/styled-system/patterns/visually-hidden.mjs +18 -0
- package/styled-system/patterns/vstack.d.ts +21 -0
- package/styled-system/patterns/vstack.mjs +24 -0
- package/styled-system/patterns/wrap.d.ts +24 -0
- package/styled-system/patterns/wrap.mjs +25 -0
- package/styled-system/styles.css +1733 -0
- package/styled-system/tokens/index.d.ts +9 -0
- package/styled-system/tokens/index.mjs +1976 -0
- package/styled-system/tokens/tokens.d.ts +60 -0
- package/styled-system/types/composition.d.ts +224 -0
- package/styled-system/types/conditions.d.ts +348 -0
- package/styled-system/types/csstype.d.ts +21298 -0
- package/styled-system/types/global.d.ts +20 -0
- package/styled-system/types/index.d.ts +8 -0
- package/styled-system/types/jsx.d.ts +67 -0
- package/styled-system/types/parts.d.ts +8 -0
- package/styled-system/types/pattern.d.ts +78 -0
- package/styled-system/types/prop-type.d.ts +277 -0
- package/styled-system/types/recipe.d.ts +181 -0
- package/styled-system/types/selectors.d.ts +59 -0
- package/styled-system/types/static-css.d.ts +56 -0
- package/styled-system/types/style-props.d.ts +7639 -0
- package/styled-system/types/system-types.d.ts +269 -0
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { Pseudos } from './csstype';
|
|
3
|
+
|
|
4
|
+
type AriaAttributes =
|
|
5
|
+
| '[aria-disabled]'
|
|
6
|
+
| '[aria-hidden]'
|
|
7
|
+
| '[aria-invalid]'
|
|
8
|
+
| '[aria-readonly]'
|
|
9
|
+
| '[aria-required]'
|
|
10
|
+
| '[aria-selected]'
|
|
11
|
+
| '[aria-checked]'
|
|
12
|
+
| '[aria-expanded]'
|
|
13
|
+
| '[aria-pressed]'
|
|
14
|
+
| `[aria-current=${'page' | 'step' | 'location' | 'date' | 'time'}]`
|
|
15
|
+
| '[aria-invalid]'
|
|
16
|
+
| `[aria-sort=${'ascending' | 'descending'}]`
|
|
17
|
+
|
|
18
|
+
type DataAttributes =
|
|
19
|
+
| '[data-selected]'
|
|
20
|
+
| '[data-highlighted]'
|
|
21
|
+
| '[data-hover]'
|
|
22
|
+
| '[data-active]'
|
|
23
|
+
| '[data-checked]'
|
|
24
|
+
| '[data-disabled]'
|
|
25
|
+
| '[data-readonly]'
|
|
26
|
+
| '[data-focus]'
|
|
27
|
+
| '[data-focus-visible]'
|
|
28
|
+
| '[data-focus-visible-added]'
|
|
29
|
+
| '[data-invalid]'
|
|
30
|
+
| '[data-pressed]'
|
|
31
|
+
| '[data-expanded]'
|
|
32
|
+
| '[data-grabbed]'
|
|
33
|
+
| '[data-dragged]'
|
|
34
|
+
| '[data-orientation=horizontal]'
|
|
35
|
+
| '[data-orientation=vertical]'
|
|
36
|
+
| '[data-in-range]'
|
|
37
|
+
| '[data-out-of-range]'
|
|
38
|
+
| '[data-placeholder-shown]'
|
|
39
|
+
| `[data-part=${string}]`
|
|
40
|
+
| `[data-attr=${string}]`
|
|
41
|
+
| `[data-placement=${string}]`
|
|
42
|
+
| `[data-theme=${string}]`
|
|
43
|
+
| `[data-size=${string}]`
|
|
44
|
+
| `[data-state=${string}]`
|
|
45
|
+
| '[data-empty]'
|
|
46
|
+
| '[data-loading]'
|
|
47
|
+
| '[data-loaded]'
|
|
48
|
+
| '[data-enter]'
|
|
49
|
+
| '[data-entering]'
|
|
50
|
+
| '[data-exited]'
|
|
51
|
+
| '[data-exiting]'
|
|
52
|
+
|
|
53
|
+
type AttributeSelector = `&${Pseudos | DataAttributes | AriaAttributes}`
|
|
54
|
+
type ParentSelector = `${DataAttributes | AriaAttributes} &`
|
|
55
|
+
|
|
56
|
+
type AtRuleType = 'media' | 'layer' | 'container' | 'supports' | 'page' | 'scope' | 'starting-style'
|
|
57
|
+
|
|
58
|
+
export type AnySelector = `${string}&` | `&${string}` | `@${AtRuleType}${string}`
|
|
59
|
+
export type Selectors = AttributeSelector | ParentSelector
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
interface ConditionOptions {
|
|
3
|
+
/**
|
|
4
|
+
* The conditions to generate for the rule.
|
|
5
|
+
* @example ['hover', 'focus']
|
|
6
|
+
*/
|
|
7
|
+
conditions?: string[]
|
|
8
|
+
/**
|
|
9
|
+
* Whether to generate responsive styles for the rule.
|
|
10
|
+
*/
|
|
11
|
+
responsive?: boolean
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export interface CssRule extends ConditionOptions {
|
|
15
|
+
/**
|
|
16
|
+
* The css properties to generate utilities for.
|
|
17
|
+
* @example ['margin', 'padding']
|
|
18
|
+
*/
|
|
19
|
+
properties: {
|
|
20
|
+
[property: string]: Array<string | number>
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
interface RecipeRuleVariants {
|
|
25
|
+
[variant: string]: boolean | string[]
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
export type RecipeRuleObject = RecipeRuleVariants & ConditionOptions
|
|
29
|
+
export type RecipeRule = '*' | RecipeRuleObject
|
|
30
|
+
|
|
31
|
+
export type PatternRule = '*' | CssRule
|
|
32
|
+
|
|
33
|
+
export interface StaticCssOptions {
|
|
34
|
+
/**
|
|
35
|
+
* The css utility classes to generate.
|
|
36
|
+
*/
|
|
37
|
+
css?: CssRule[]
|
|
38
|
+
/**
|
|
39
|
+
* The css recipes to generate.
|
|
40
|
+
*/
|
|
41
|
+
recipes?:
|
|
42
|
+
| '*'
|
|
43
|
+
| {
|
|
44
|
+
[recipe: string]: RecipeRule[]
|
|
45
|
+
}
|
|
46
|
+
/**
|
|
47
|
+
* The css patterns to generate.
|
|
48
|
+
*/
|
|
49
|
+
patterns?: {
|
|
50
|
+
[pattern: string]: PatternRule[]
|
|
51
|
+
}
|
|
52
|
+
/**
|
|
53
|
+
* The CSS themes to generate
|
|
54
|
+
*/
|
|
55
|
+
themes?: string[]
|
|
56
|
+
}
|