thread-ui 0.1.5 → 0.1.6
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/client/index.d.ts +3 -0
- package/dist/client/index.d.ts.map +1 -0
- package/dist/client/index.js +3 -0
- package/dist/client/index.js.map +1 -0
- package/dist/client/make-styles/index.d.ts +2 -0
- package/dist/client/make-styles/index.d.ts.map +1 -0
- package/dist/client/make-styles/index.js +2 -0
- package/dist/client/make-styles/index.js.map +1 -0
- package/dist/{functions → client}/make-styles/make-styles.d.ts +8 -4
- package/dist/client/make-styles/make-styles.d.ts.map +1 -0
- package/dist/{functions → client}/make-styles/make-styles.js +19 -6
- package/dist/client/make-styles/make-styles.js.map +1 -0
- package/dist/{functions → client}/theme/index.d.ts +0 -1
- package/dist/client/theme/index.d.ts.map +1 -0
- package/dist/{functions → client}/theme/index.js +0 -1
- package/dist/client/theme/index.js.map +1 -0
- package/dist/client/theme/theme-provider/index.d.ts.map +1 -0
- package/dist/client/theme/theme-provider/index.js.map +1 -0
- package/dist/client/theme/theme-provider/set-theme.d.ts.map +1 -0
- package/dist/{functions → client}/theme/theme-provider/set-theme.js +1 -1
- package/dist/client/theme/theme-provider/set-theme.js.map +1 -0
- package/dist/client/theme/theme-provider/theme-provider.d.ts.map +1 -0
- package/dist/client/theme/theme-provider/theme-provider.js.map +1 -0
- package/dist/client/theme/theme-provider/theme-provider.types.d.ts.map +1 -0
- package/dist/client/theme/theme-provider/theme-provider.types.js.map +1 -0
- package/dist/client/theme/theme.types.d.ts.map +1 -0
- package/dist/client/theme/theme.types.js.map +1 -0
- package/dist/components/layouts/column-layout/column-layout.d.ts +0 -8
- package/dist/components/layouts/column-layout/column-layout.d.ts.map +1 -1
- package/dist/components/layouts/column-layout/column-layout.js +33 -38
- package/dist/components/layouts/column-layout/column-layout.js.map +1 -1
- package/dist/components/layouts/column-layout/column-layout.types.d.ts +2 -2
- package/dist/components/layouts/column-layout/column-layout.types.d.ts.map +1 -1
- package/dist/components/layouts/column-layout/column-skeleton/column-skeleton.d.ts.map +1 -1
- package/dist/components/layouts/column-layout/column-skeleton/column-skeleton.js +25 -11
- package/dist/components/layouts/column-layout/column-skeleton/column-skeleton.js.map +1 -1
- package/dist/components/layouts/column-layout/column-skeleton/column-skeleton.types.d.ts +2 -2
- package/dist/components/layouts/column-layout/column-skeleton/column-skeleton.types.d.ts.map +1 -1
- package/dist/components/layouts/footer/footer.d.ts.map +1 -1
- package/dist/components/layouts/footer/footer.js +14 -17
- package/dist/components/layouts/footer/footer.js.map +1 -1
- package/dist/components/layouts/masonry-layout/masonry-layout.d.ts.map +1 -1
- package/dist/components/layouts/masonry-layout/masonry-layout.js +10 -11
- package/dist/components/layouts/masonry-layout/masonry-layout.js.map +1 -1
- package/dist/components/media/image-panel/image-panel.d.ts.map +1 -1
- package/dist/components/media/image-panel/image-panel.js +48 -35
- package/dist/components/media/image-panel/image-panel.js.map +1 -1
- package/dist/components/media/info-card/info-card.d.ts.map +1 -1
- package/dist/components/media/info-card/info-card.js +27 -28
- package/dist/components/media/info-card/info-card.js.map +1 -1
- package/dist/components/navigation/nav-menu/items/base-item/base-item.d.ts +1 -1
- package/dist/components/navigation/nav-menu/items/base-item/base-item.d.ts.map +1 -1
- package/dist/components/navigation/nav-menu/items/base-item/base-item.js +40 -28
- package/dist/components/navigation/nav-menu/items/base-item/base-item.js.map +1 -1
- package/dist/components/navigation/nav-menu/items/base-item/base-item.types.d.ts +1 -1
- package/dist/components/navigation/nav-menu/items/base-item/base-item.types.d.ts.map +1 -1
- package/dist/components/navigation/nav-menu/items/nav-drop-down-item/nav-drop-down-item.d.ts.map +1 -1
- package/dist/components/navigation/nav-menu/items/nav-drop-down-item/nav-drop-down-item.js +39 -36
- package/dist/components/navigation/nav-menu/items/nav-drop-down-item/nav-drop-down-item.js.map +1 -1
- package/dist/components/navigation/nav-menu/items/nav-icon-item/nav-icon-item.d.ts.map +1 -1
- package/dist/components/navigation/nav-menu/items/nav-icon-item/nav-icon-item.js +1 -1
- package/dist/components/navigation/nav-menu/items/nav-icon-item/nav-icon-item.js.map +1 -1
- package/dist/components/navigation/nav-menu/items/nav-item/nav-item.d.ts.map +1 -1
- package/dist/components/navigation/nav-menu/items/nav-item/nav-item.js +2 -10
- package/dist/components/navigation/nav-menu/items/nav-item/nav-item.js.map +1 -1
- package/dist/components/navigation/nav-menu/nav-menu.d.ts.map +1 -1
- package/dist/components/navigation/nav-menu/nav-menu.js +55 -55
- package/dist/components/navigation/nav-menu/nav-menu.js.map +1 -1
- package/dist/components/typography/typography.d.ts.map +1 -1
- package/dist/components/typography/typography.js +0 -1
- package/dist/components/typography/typography.js.map +1 -1
- package/dist/components/ui/button/button-recipe.d.ts +2 -0
- package/dist/components/ui/button/button-recipe.d.ts.map +1 -0
- package/dist/components/ui/button/button-recipe.js +240 -0
- package/dist/components/ui/button/button-recipe.js.map +1 -0
- package/dist/components/ui/button/button.d.ts.map +1 -1
- package/dist/components/ui/button/button.js +8 -27
- package/dist/components/ui/button/button.js.map +1 -1
- package/dist/components/ui/divider/divider.d.ts.map +1 -1
- package/dist/components/ui/divider/divider.js +32 -26
- package/dist/components/ui/divider/divider.js.map +1 -1
- package/dist/components/ui/divider/divider.types.d.ts +1 -1
- package/dist/components/ui/divider/divider.types.d.ts.map +1 -1
- package/dist/components/ui/icon/icon.d.ts.map +1 -1
- package/dist/components/ui/icon-button/icon-button.d.ts.map +1 -1
- package/dist/components/ui/icon-button/icon-button.js +3 -5
- package/dist/components/ui/icon-button/icon-button.js.map +1 -1
- package/dist/components/ui/index.d.ts +0 -1
- package/dist/components/ui/index.d.ts.map +1 -1
- package/dist/components/ui/index.js +0 -1
- package/dist/components/ui/index.js.map +1 -1
- package/dist/components/ui/toggle/index.d.ts +0 -1
- package/dist/components/ui/toggle/index.d.ts.map +1 -1
- package/dist/components/ui/toggle/index.js +0 -1
- package/dist/components/ui/toggle/index.js.map +1 -1
- package/dist/components/ui/toggle/toggle.d.ts.map +1 -1
- package/dist/components/ui/toggle/toggle.js +1 -2
- package/dist/components/ui/toggle/toggle.js.map +1 -1
- package/dist/index.d.ts +1 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -4
- package/dist/index.js.map +1 -1
- package/dist/internal-components/image/is-html-image-props.d.ts.map +1 -1
- package/dist/internal-components/image/render-image.d.ts.map +1 -1
- package/dist/internal-components/image/render-image.js +3 -2
- package/dist/internal-components/image/render-image.js.map +1 -1
- package/dist/styled-system/css/conditions.mjs +36 -0
- package/dist/styled-system/css/css.d.ts +22 -0
- package/dist/styled-system/css/css.mjs +45 -0
- package/dist/styled-system/css/cva.d.ts +6 -0
- package/dist/styled-system/css/cva.mjs +87 -0
- package/dist/styled-system/css/cx.d.ts +5 -0
- package/dist/styled-system/css/cx.mjs +15 -0
- package/dist/styled-system/css/index.d.ts +5 -0
- package/dist/styled-system/css/index.mjs +4 -0
- package/dist/styled-system/css/sva.d.ts +4 -0
- package/dist/styled-system/css/sva.mjs +41 -0
- package/dist/styled-system/debug/config.json +7433 -0
- package/dist/styled-system/helpers.mjs +327 -0
- package/dist/styled-system/patterns/aspect-ratio.d.ts +20 -0
- package/dist/styled-system/patterns/aspect-ratio.mjs +38 -0
- package/dist/styled-system/patterns/bleed.d.ts +21 -0
- package/dist/styled-system/patterns/bleed.mjs +24 -0
- package/dist/styled-system/patterns/box.d.ts +20 -0
- package/dist/styled-system/patterns/box.mjs +15 -0
- package/dist/styled-system/patterns/center.d.ts +20 -0
- package/dist/styled-system/patterns/center.mjs +21 -0
- package/dist/styled-system/patterns/circle.d.ts +20 -0
- package/dist/styled-system/patterns/circle.mjs +25 -0
- package/dist/styled-system/patterns/container.d.ts +22 -0
- package/dist/styled-system/patterns/container.mjs +15 -0
- package/dist/styled-system/patterns/cq.d.ts +21 -0
- package/dist/styled-system/patterns/cq.mjs +21 -0
- package/dist/styled-system/patterns/divider.d.ts +22 -0
- package/dist/styled-system/patterns/divider.mjs +25 -0
- package/dist/styled-system/patterns/flex.d.ts +26 -0
- package/dist/styled-system/patterns/flex.mjs +26 -0
- package/dist/styled-system/patterns/float.d.ts +23 -0
- package/dist/styled-system/patterns/float.mjs +52 -0
- package/dist/styled-system/patterns/grid-item.d.ts +25 -0
- package/dist/styled-system/patterns/grid-item.mjs +25 -0
- package/dist/styled-system/patterns/grid.d.ts +24 -0
- package/dist/styled-system/patterns/grid.mjs +27 -0
- package/dist/styled-system/patterns/hstack.d.ts +21 -0
- package/dist/styled-system/patterns/hstack.mjs +24 -0
- package/dist/styled-system/patterns/index.d.ts +21 -0
- package/dist/styled-system/patterns/index.mjs +20 -0
- package/dist/styled-system/patterns/link-overlay.d.ts +20 -0
- package/dist/styled-system/patterns/link-overlay.mjs +24 -0
- package/dist/styled-system/patterns/spacer.d.ts +20 -0
- package/dist/styled-system/patterns/spacer.mjs +21 -0
- package/dist/styled-system/patterns/square.d.ts +20 -0
- package/dist/styled-system/patterns/square.mjs +24 -0
- package/dist/styled-system/patterns/stack.d.ts +23 -0
- package/dist/styled-system/patterns/stack.mjs +24 -0
- package/dist/styled-system/patterns/visually-hidden.d.ts +20 -0
- package/dist/styled-system/patterns/visually-hidden.mjs +18 -0
- package/dist/styled-system/patterns/vstack.d.ts +21 -0
- package/dist/styled-system/patterns/vstack.mjs +24 -0
- package/dist/styled-system/patterns/wrap.d.ts +24 -0
- package/dist/styled-system/patterns/wrap.mjs +25 -0
- package/dist/styled-system/recipes/button.d.ts +43 -0
- package/dist/styled-system/recipes/button.mjs +154 -0
- package/dist/styled-system/recipes/create-recipe.mjs +82 -0
- package/dist/styled-system/recipes/index.d.ts +2 -0
- package/dist/styled-system/recipes/index.mjs +1 -0
- package/dist/styled-system/styles.css +750 -0
- package/dist/styled-system/tokens/index.d.ts +9 -0
- package/dist/styled-system/tokens/index.mjs +2060 -0
- package/dist/styled-system/tokens/tokens.d.ts +63 -0
- package/dist/styled-system/types/composition.d.ts +164 -0
- package/dist/styled-system/types/conditions.d.ts +306 -0
- package/dist/styled-system/types/csstype.d.ts +21298 -0
- package/dist/styled-system/types/global.d.ts +20 -0
- package/dist/styled-system/types/index.d.ts +7 -0
- package/dist/styled-system/types/parts.d.ts +8 -0
- package/dist/styled-system/types/pattern.d.ts +78 -0
- package/dist/styled-system/types/prop-type.d.ts +255 -0
- package/dist/styled-system/types/recipe.d.ts +181 -0
- package/dist/styled-system/types/selectors.d.ts +59 -0
- package/dist/styled-system/types/static-css.d.ts +56 -0
- package/dist/styled-system/types/style-props.d.ts +7491 -0
- package/dist/styled-system/types/system-types.d.ts +193 -0
- package/dist/styles/panda.css +1610 -0
- package/dist/theme/index.d.ts +2 -0
- package/dist/theme/index.d.ts.map +1 -0
- package/dist/theme/index.js +2 -0
- package/dist/theme/index.js.map +1 -0
- package/dist/{functions/theme → theme}/thread-theme.d.ts +1 -1
- package/dist/theme/thread-theme.d.ts.map +1 -0
- package/dist/{functions/theme → theme}/thread-theme.js +1 -1
- package/dist/theme/thread-theme.js.map +1 -0
- package/dist/utils/deep-merge/deep-merge.d.ts.map +1 -1
- package/dist/utils/get-colored-text-color/get-colored-text-color.d.ts.map +1 -1
- package/dist/utils/get-colored-text-color/get-colored-text-color.js +1 -1
- package/dist/utils/get-colored-text-color/get-colored-text-color.js.map +1 -1
- package/dist/utils/get-text-color/get-text-color.d.ts.map +1 -1
- package/dist/utils/get-text-color/get-text-color.js +1 -1
- package/dist/utils/get-text-color/get-text-color.js.map +1 -1
- package/dist/utils/get-utility-color/get-utility-color-value.d.ts.map +1 -1
- package/dist/utils/get-utility-color/get-utility-color-value.js +1 -1
- package/dist/utils/get-utility-color/get-utility-color-value.js.map +1 -1
- package/dist/utils/get-utility-font-size/getUtilityFontSize.d.ts +1 -1
- package/dist/utils/get-utility-font-size/getUtilityFontSize.d.ts.map +1 -1
- package/dist/utils/get-utility-icon-size/get-utility-icon-size.d.ts.map +1 -1
- package/dist/utils/get-utility-size-value/get-utility-size-value.d.ts.map +1 -1
- package/package.json +17 -9
- package/dist/components/ui/test-component/index.d.ts +0 -2
- package/dist/components/ui/test-component/index.d.ts.map +0 -1
- package/dist/components/ui/test-component/index.js +0 -2
- package/dist/components/ui/test-component/index.js.map +0 -1
- package/dist/components/ui/test-component/test-component.d.ts +0 -2
- package/dist/components/ui/test-component/test-component.d.ts.map +0 -1
- package/dist/components/ui/test-component/test-component.js +0 -16
- package/dist/components/ui/test-component/test-component.js.map +0 -1
- package/dist/components/ui/toggle/mode-toggle/mode-toggle.d.ts +0 -2
- package/dist/components/ui/toggle/mode-toggle/mode-toggle.d.ts.map +0 -1
- package/dist/components/ui/toggle/mode-toggle/mode-toggle.js +0 -10
- package/dist/components/ui/toggle/mode-toggle/mode-toggle.js.map +0 -1
- package/dist/functions/index.d.ts +0 -3
- package/dist/functions/index.d.ts.map +0 -1
- package/dist/functions/index.js +0 -3
- package/dist/functions/index.js.map +0 -1
- package/dist/functions/make-styles/index.d.ts +0 -2
- package/dist/functions/make-styles/index.d.ts.map +0 -1
- package/dist/functions/make-styles/index.js +0 -2
- package/dist/functions/make-styles/index.js.map +0 -1
- package/dist/functions/make-styles/make-styles.d.ts.map +0 -1
- package/dist/functions/make-styles/make-styles.js.map +0 -1
- package/dist/functions/theme/index.d.ts.map +0 -1
- package/dist/functions/theme/index.js.map +0 -1
- package/dist/functions/theme/theme-provider/index.d.ts.map +0 -1
- package/dist/functions/theme/theme-provider/index.js.map +0 -1
- package/dist/functions/theme/theme-provider/set-theme.d.ts.map +0 -1
- package/dist/functions/theme/theme-provider/set-theme.js.map +0 -1
- package/dist/functions/theme/theme-provider/theme-provider.d.ts.map +0 -1
- package/dist/functions/theme/theme-provider/theme-provider.js.map +0 -1
- package/dist/functions/theme/theme-provider/theme-provider.types.d.ts.map +0 -1
- package/dist/functions/theme/theme-provider/theme-provider.types.js.map +0 -1
- package/dist/functions/theme/theme.types.d.ts.map +0 -1
- package/dist/functions/theme/theme.types.js.map +0 -1
- package/dist/functions/theme/thread-theme.d.ts.map +0 -1
- package/dist/functions/theme/thread-theme.js.map +0 -1
- /package/dist/{functions → client}/theme/theme-provider/index.d.ts +0 -0
- /package/dist/{functions → client}/theme/theme-provider/index.js +0 -0
- /package/dist/{functions → client}/theme/theme-provider/set-theme.d.ts +0 -0
- /package/dist/{functions → client}/theme/theme-provider/theme-provider.d.ts +0 -0
- /package/dist/{functions → client}/theme/theme-provider/theme-provider.js +0 -0
- /package/dist/{functions → client}/theme/theme-provider/theme-provider.types.d.ts +0 -0
- /package/dist/{functions → client}/theme/theme-provider/theme-provider.types.js +0 -0
- /package/dist/{functions → client}/theme/theme.types.d.ts +0 -0
- /package/dist/{functions → client}/theme/theme.types.js +0 -0
|
@@ -0,0 +1,193 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { ConditionalValue, Nested } from './conditions';
|
|
3
|
+
import type { AtRule, Globals, PropertiesFallback } from './csstype';
|
|
4
|
+
import type { SystemProperties, CssVarProperties } from './style-props';
|
|
5
|
+
|
|
6
|
+
type String = string & {}
|
|
7
|
+
type Number = number & {}
|
|
8
|
+
|
|
9
|
+
export type Pretty<T> = { [K in keyof T]: T[K] } & {}
|
|
10
|
+
|
|
11
|
+
export type DistributiveOmit<T, K extends keyof any> = T extends unknown ? Omit<T, K> : never
|
|
12
|
+
|
|
13
|
+
export type DistributiveUnion<T, U> = {
|
|
14
|
+
[K in keyof T]: K extends keyof U ? U[K] | T[K] : T[K]
|
|
15
|
+
} & DistributiveOmit<U, keyof T>
|
|
16
|
+
|
|
17
|
+
export type Assign<T, U> = {
|
|
18
|
+
[K in keyof T]: K extends keyof U ? U[K] : T[K]
|
|
19
|
+
} & U
|
|
20
|
+
|
|
21
|
+
/* -----------------------------------------------------------------------------
|
|
22
|
+
* Native css properties
|
|
23
|
+
* -----------------------------------------------------------------------------*/
|
|
24
|
+
|
|
25
|
+
type DashedIdent = `--${string}`
|
|
26
|
+
|
|
27
|
+
type StringToMultiple<T extends string> = T | `${T}, ${T}`
|
|
28
|
+
|
|
29
|
+
export type PositionAreaAxis =
|
|
30
|
+
| 'left'
|
|
31
|
+
| 'center'
|
|
32
|
+
| 'right'
|
|
33
|
+
| 'x-start'
|
|
34
|
+
| 'x-end'
|
|
35
|
+
| 'span-x-start'
|
|
36
|
+
| 'span-x-end'
|
|
37
|
+
| 'x-self-start'
|
|
38
|
+
| 'x-self-end'
|
|
39
|
+
| 'span-x-self-start'
|
|
40
|
+
| 'span-x-self-end'
|
|
41
|
+
| 'span-all'
|
|
42
|
+
| 'top'
|
|
43
|
+
| 'bottom'
|
|
44
|
+
| 'span-top'
|
|
45
|
+
| 'span-bottom'
|
|
46
|
+
| 'y-start'
|
|
47
|
+
| 'y-end'
|
|
48
|
+
| 'span-y-start'
|
|
49
|
+
| 'span-y-end'
|
|
50
|
+
| 'y-self-start'
|
|
51
|
+
| 'y-self-end'
|
|
52
|
+
| 'span-y-self-start'
|
|
53
|
+
| 'span-y-self-end'
|
|
54
|
+
| 'block-start'
|
|
55
|
+
| 'block-end'
|
|
56
|
+
| 'span-block-start'
|
|
57
|
+
| 'span-block-end'
|
|
58
|
+
| 'inline-start'
|
|
59
|
+
| 'inline-end'
|
|
60
|
+
| 'span-inline-start'
|
|
61
|
+
| 'span-inline-end'
|
|
62
|
+
| 'self-block-start'
|
|
63
|
+
| 'self-block-end'
|
|
64
|
+
| 'span-self-block-start'
|
|
65
|
+
| 'span-self-block-end'
|
|
66
|
+
| 'self-inline-start'
|
|
67
|
+
| 'self-inline-end'
|
|
68
|
+
| 'span-self-inline-start'
|
|
69
|
+
| 'span-self-inline-end'
|
|
70
|
+
| 'start'
|
|
71
|
+
| 'end'
|
|
72
|
+
| 'span-start'
|
|
73
|
+
| 'span-end'
|
|
74
|
+
| 'self-start'
|
|
75
|
+
| 'self-end'
|
|
76
|
+
| 'span-self-start'
|
|
77
|
+
| 'span-self-end'
|
|
78
|
+
|
|
79
|
+
type PositionTry =
|
|
80
|
+
| 'normal'
|
|
81
|
+
| 'flip-block'
|
|
82
|
+
| 'flip-inline'
|
|
83
|
+
| 'top'
|
|
84
|
+
| 'bottom'
|
|
85
|
+
| 'left'
|
|
86
|
+
| 'right'
|
|
87
|
+
| 'block-start'
|
|
88
|
+
| 'block-end'
|
|
89
|
+
| 'inline-start'
|
|
90
|
+
| 'inline-end'
|
|
91
|
+
| DashedIdent
|
|
92
|
+
|
|
93
|
+
export interface ModernCssProperties {
|
|
94
|
+
anchorName?: Globals | 'none' | DashedIdent | StringToMultiple<DashedIdent>
|
|
95
|
+
anchorScope?: Globals | 'none' | 'all' | DashedIdent | StringToMultiple<DashedIdent>
|
|
96
|
+
fieldSizing?: Globals | 'fixed' | 'content'
|
|
97
|
+
interpolateSize?: Globals | 'allow-keywords' | 'numeric-only'
|
|
98
|
+
positionAnchor?: Globals | 'auto' | DashedIdent
|
|
99
|
+
positionArea?: Globals | 'auto' | PositionAreaAxis | `${PositionAreaAxis} ${PositionAreaAxis}` | String
|
|
100
|
+
positionTry?: Globals | StringToMultiple<PositionTry> | String
|
|
101
|
+
positionTryFallback?: Globals | 'none' | StringToMultiple<PositionTry> | String
|
|
102
|
+
positionTryOrder?: Globals | 'normal' | 'most-width' | 'most-height' | 'most-block-size' | 'most-inline-size'
|
|
103
|
+
positionVisibility?: Globals | 'always' | 'anchors-visible' | 'no-overflow'
|
|
104
|
+
textWrapMode?: Globals | 'wrap' | 'nowrap'
|
|
105
|
+
textSpacingTrim?: Globals | 'normal' | 'space-all' | 'space-first' | 'trim-start'
|
|
106
|
+
textWrapStyle?: Globals | 'auto' | 'balance' | 'pretty' | 'stable'
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
export type CssProperty = keyof PropertiesFallback
|
|
110
|
+
|
|
111
|
+
export interface CssProperties extends PropertiesFallback<String | Number>, CssVarProperties, ModernCssProperties {}
|
|
112
|
+
|
|
113
|
+
export interface CssKeyframes {
|
|
114
|
+
[name: string]: {
|
|
115
|
+
[time: string]: CssProperties
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
/* -----------------------------------------------------------------------------
|
|
120
|
+
* Conditional css properties
|
|
121
|
+
* -----------------------------------------------------------------------------*/
|
|
122
|
+
|
|
123
|
+
interface GenericProperties {
|
|
124
|
+
[key: string]: ConditionalValue<String | Number | boolean>
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
/* -----------------------------------------------------------------------------
|
|
128
|
+
* Native css props
|
|
129
|
+
* -----------------------------------------------------------------------------*/
|
|
130
|
+
|
|
131
|
+
export type NestedCssProperties = Nested<CssProperties>
|
|
132
|
+
|
|
133
|
+
export type SystemStyleObject = Omit<Nested<SystemProperties & CssVarProperties>, 'base'>
|
|
134
|
+
|
|
135
|
+
export interface GlobalStyleObject {
|
|
136
|
+
[selector: string]: SystemStyleObject
|
|
137
|
+
}
|
|
138
|
+
export interface ExtendableGlobalStyleObject {
|
|
139
|
+
[selector: string]: SystemStyleObject | undefined
|
|
140
|
+
extend?: GlobalStyleObject | undefined
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
/* -----------------------------------------------------------------------------
|
|
144
|
+
* Composition (text styles, layer styles)
|
|
145
|
+
* -----------------------------------------------------------------------------*/
|
|
146
|
+
|
|
147
|
+
type FilterStyleObject<P extends string> = {
|
|
148
|
+
[K in P]?: K extends keyof SystemStyleObject ? SystemStyleObject[K] : unknown
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
export type CompositionStyleObject<Property extends string> = Nested<FilterStyleObject<Property> & CssVarProperties>
|
|
152
|
+
|
|
153
|
+
/* -----------------------------------------------------------------------------
|
|
154
|
+
* Font face
|
|
155
|
+
* -----------------------------------------------------------------------------*/
|
|
156
|
+
|
|
157
|
+
export type GlobalFontfaceRule = Omit<AtRule.FontFaceFallback, 'src'> & Required<Pick<AtRule.FontFaceFallback, 'src'>>
|
|
158
|
+
|
|
159
|
+
export type FontfaceRule = Omit<GlobalFontfaceRule, 'fontFamily'>
|
|
160
|
+
|
|
161
|
+
export interface GlobalFontface {
|
|
162
|
+
[name: string]: FontfaceRule | FontfaceRule[]
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
export interface ExtendableGlobalFontface {
|
|
166
|
+
[name: string]: FontfaceRule | FontfaceRule[] | GlobalFontface | undefined
|
|
167
|
+
extend?: GlobalFontface | undefined
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
/* -----------------------------------------------------------------------------
|
|
171
|
+
* Jsx style props
|
|
172
|
+
* -----------------------------------------------------------------------------*/
|
|
173
|
+
interface WithCss {
|
|
174
|
+
css?: SystemStyleObject | SystemStyleObject[]
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
export type JsxStyleProps = SystemStyleObject & WithCss
|
|
178
|
+
|
|
179
|
+
export interface PatchedHTMLProps {
|
|
180
|
+
htmlWidth?: string | number
|
|
181
|
+
htmlHeight?: string | number
|
|
182
|
+
htmlTranslate?: 'yes' | 'no' | undefined
|
|
183
|
+
htmlContent?: string
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
export type OmittedHTMLProps = 'color' | 'translate' | 'transition' | 'width' | 'height' | 'content'
|
|
187
|
+
|
|
188
|
+
type WithHTMLProps<T> = DistributiveOmit<T, OmittedHTMLProps> & PatchedHTMLProps
|
|
189
|
+
|
|
190
|
+
export type JsxHTMLProps<T extends Record<string, any>, P extends Record<string, any> = {}> = Assign<
|
|
191
|
+
WithHTMLProps<T>,
|
|
192
|
+
P
|
|
193
|
+
>
|