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.
Files changed (252) hide show
  1. package/dist/client/index.d.ts +3 -0
  2. package/dist/client/index.d.ts.map +1 -0
  3. package/dist/client/index.js +3 -0
  4. package/dist/client/index.js.map +1 -0
  5. package/dist/client/make-styles/index.d.ts +2 -0
  6. package/dist/client/make-styles/index.d.ts.map +1 -0
  7. package/dist/client/make-styles/index.js +2 -0
  8. package/dist/client/make-styles/index.js.map +1 -0
  9. package/dist/{functions → client}/make-styles/make-styles.d.ts +8 -4
  10. package/dist/client/make-styles/make-styles.d.ts.map +1 -0
  11. package/dist/{functions → client}/make-styles/make-styles.js +19 -6
  12. package/dist/client/make-styles/make-styles.js.map +1 -0
  13. package/dist/{functions → client}/theme/index.d.ts +0 -1
  14. package/dist/client/theme/index.d.ts.map +1 -0
  15. package/dist/{functions → client}/theme/index.js +0 -1
  16. package/dist/client/theme/index.js.map +1 -0
  17. package/dist/client/theme/theme-provider/index.d.ts.map +1 -0
  18. package/dist/client/theme/theme-provider/index.js.map +1 -0
  19. package/dist/client/theme/theme-provider/set-theme.d.ts.map +1 -0
  20. package/dist/{functions → client}/theme/theme-provider/set-theme.js +1 -1
  21. package/dist/client/theme/theme-provider/set-theme.js.map +1 -0
  22. package/dist/client/theme/theme-provider/theme-provider.d.ts.map +1 -0
  23. package/dist/client/theme/theme-provider/theme-provider.js.map +1 -0
  24. package/dist/client/theme/theme-provider/theme-provider.types.d.ts.map +1 -0
  25. package/dist/client/theme/theme-provider/theme-provider.types.js.map +1 -0
  26. package/dist/client/theme/theme.types.d.ts.map +1 -0
  27. package/dist/client/theme/theme.types.js.map +1 -0
  28. package/dist/components/layouts/column-layout/column-layout.d.ts +0 -8
  29. package/dist/components/layouts/column-layout/column-layout.d.ts.map +1 -1
  30. package/dist/components/layouts/column-layout/column-layout.js +33 -38
  31. package/dist/components/layouts/column-layout/column-layout.js.map +1 -1
  32. package/dist/components/layouts/column-layout/column-layout.types.d.ts +2 -2
  33. package/dist/components/layouts/column-layout/column-layout.types.d.ts.map +1 -1
  34. package/dist/components/layouts/column-layout/column-skeleton/column-skeleton.d.ts.map +1 -1
  35. package/dist/components/layouts/column-layout/column-skeleton/column-skeleton.js +25 -11
  36. package/dist/components/layouts/column-layout/column-skeleton/column-skeleton.js.map +1 -1
  37. package/dist/components/layouts/column-layout/column-skeleton/column-skeleton.types.d.ts +2 -2
  38. package/dist/components/layouts/column-layout/column-skeleton/column-skeleton.types.d.ts.map +1 -1
  39. package/dist/components/layouts/footer/footer.d.ts.map +1 -1
  40. package/dist/components/layouts/footer/footer.js +14 -17
  41. package/dist/components/layouts/footer/footer.js.map +1 -1
  42. package/dist/components/layouts/masonry-layout/masonry-layout.d.ts.map +1 -1
  43. package/dist/components/layouts/masonry-layout/masonry-layout.js +10 -11
  44. package/dist/components/layouts/masonry-layout/masonry-layout.js.map +1 -1
  45. package/dist/components/media/image-panel/image-panel.d.ts.map +1 -1
  46. package/dist/components/media/image-panel/image-panel.js +48 -35
  47. package/dist/components/media/image-panel/image-panel.js.map +1 -1
  48. package/dist/components/media/info-card/info-card.d.ts.map +1 -1
  49. package/dist/components/media/info-card/info-card.js +27 -28
  50. package/dist/components/media/info-card/info-card.js.map +1 -1
  51. package/dist/components/navigation/nav-menu/items/base-item/base-item.d.ts +1 -1
  52. package/dist/components/navigation/nav-menu/items/base-item/base-item.d.ts.map +1 -1
  53. package/dist/components/navigation/nav-menu/items/base-item/base-item.js +40 -28
  54. package/dist/components/navigation/nav-menu/items/base-item/base-item.js.map +1 -1
  55. package/dist/components/navigation/nav-menu/items/base-item/base-item.types.d.ts +1 -1
  56. package/dist/components/navigation/nav-menu/items/base-item/base-item.types.d.ts.map +1 -1
  57. package/dist/components/navigation/nav-menu/items/nav-drop-down-item/nav-drop-down-item.d.ts.map +1 -1
  58. package/dist/components/navigation/nav-menu/items/nav-drop-down-item/nav-drop-down-item.js +39 -36
  59. package/dist/components/navigation/nav-menu/items/nav-drop-down-item/nav-drop-down-item.js.map +1 -1
  60. package/dist/components/navigation/nav-menu/items/nav-icon-item/nav-icon-item.d.ts.map +1 -1
  61. package/dist/components/navigation/nav-menu/items/nav-icon-item/nav-icon-item.js +1 -1
  62. package/dist/components/navigation/nav-menu/items/nav-icon-item/nav-icon-item.js.map +1 -1
  63. package/dist/components/navigation/nav-menu/items/nav-item/nav-item.d.ts.map +1 -1
  64. package/dist/components/navigation/nav-menu/items/nav-item/nav-item.js +2 -10
  65. package/dist/components/navigation/nav-menu/items/nav-item/nav-item.js.map +1 -1
  66. package/dist/components/navigation/nav-menu/nav-menu.d.ts.map +1 -1
  67. package/dist/components/navigation/nav-menu/nav-menu.js +55 -55
  68. package/dist/components/navigation/nav-menu/nav-menu.js.map +1 -1
  69. package/dist/components/typography/typography.d.ts.map +1 -1
  70. package/dist/components/typography/typography.js +0 -1
  71. package/dist/components/typography/typography.js.map +1 -1
  72. package/dist/components/ui/button/button-recipe.d.ts +2 -0
  73. package/dist/components/ui/button/button-recipe.d.ts.map +1 -0
  74. package/dist/components/ui/button/button-recipe.js +240 -0
  75. package/dist/components/ui/button/button-recipe.js.map +1 -0
  76. package/dist/components/ui/button/button.d.ts.map +1 -1
  77. package/dist/components/ui/button/button.js +8 -27
  78. package/dist/components/ui/button/button.js.map +1 -1
  79. package/dist/components/ui/divider/divider.d.ts.map +1 -1
  80. package/dist/components/ui/divider/divider.js +32 -26
  81. package/dist/components/ui/divider/divider.js.map +1 -1
  82. package/dist/components/ui/divider/divider.types.d.ts +1 -1
  83. package/dist/components/ui/divider/divider.types.d.ts.map +1 -1
  84. package/dist/components/ui/icon/icon.d.ts.map +1 -1
  85. package/dist/components/ui/icon-button/icon-button.d.ts.map +1 -1
  86. package/dist/components/ui/icon-button/icon-button.js +3 -5
  87. package/dist/components/ui/icon-button/icon-button.js.map +1 -1
  88. package/dist/components/ui/index.d.ts +0 -1
  89. package/dist/components/ui/index.d.ts.map +1 -1
  90. package/dist/components/ui/index.js +0 -1
  91. package/dist/components/ui/index.js.map +1 -1
  92. package/dist/components/ui/toggle/index.d.ts +0 -1
  93. package/dist/components/ui/toggle/index.d.ts.map +1 -1
  94. package/dist/components/ui/toggle/index.js +0 -1
  95. package/dist/components/ui/toggle/index.js.map +1 -1
  96. package/dist/components/ui/toggle/toggle.d.ts.map +1 -1
  97. package/dist/components/ui/toggle/toggle.js +1 -2
  98. package/dist/components/ui/toggle/toggle.js.map +1 -1
  99. package/dist/index.d.ts +1 -2
  100. package/dist/index.d.ts.map +1 -1
  101. package/dist/index.js +3 -4
  102. package/dist/index.js.map +1 -1
  103. package/dist/internal-components/image/is-html-image-props.d.ts.map +1 -1
  104. package/dist/internal-components/image/render-image.d.ts.map +1 -1
  105. package/dist/internal-components/image/render-image.js +3 -2
  106. package/dist/internal-components/image/render-image.js.map +1 -1
  107. package/dist/styled-system/css/conditions.mjs +36 -0
  108. package/dist/styled-system/css/css.d.ts +22 -0
  109. package/dist/styled-system/css/css.mjs +45 -0
  110. package/dist/styled-system/css/cva.d.ts +6 -0
  111. package/dist/styled-system/css/cva.mjs +87 -0
  112. package/dist/styled-system/css/cx.d.ts +5 -0
  113. package/dist/styled-system/css/cx.mjs +15 -0
  114. package/dist/styled-system/css/index.d.ts +5 -0
  115. package/dist/styled-system/css/index.mjs +4 -0
  116. package/dist/styled-system/css/sva.d.ts +4 -0
  117. package/dist/styled-system/css/sva.mjs +41 -0
  118. package/dist/styled-system/debug/config.json +7433 -0
  119. package/dist/styled-system/helpers.mjs +327 -0
  120. package/dist/styled-system/patterns/aspect-ratio.d.ts +20 -0
  121. package/dist/styled-system/patterns/aspect-ratio.mjs +38 -0
  122. package/dist/styled-system/patterns/bleed.d.ts +21 -0
  123. package/dist/styled-system/patterns/bleed.mjs +24 -0
  124. package/dist/styled-system/patterns/box.d.ts +20 -0
  125. package/dist/styled-system/patterns/box.mjs +15 -0
  126. package/dist/styled-system/patterns/center.d.ts +20 -0
  127. package/dist/styled-system/patterns/center.mjs +21 -0
  128. package/dist/styled-system/patterns/circle.d.ts +20 -0
  129. package/dist/styled-system/patterns/circle.mjs +25 -0
  130. package/dist/styled-system/patterns/container.d.ts +22 -0
  131. package/dist/styled-system/patterns/container.mjs +15 -0
  132. package/dist/styled-system/patterns/cq.d.ts +21 -0
  133. package/dist/styled-system/patterns/cq.mjs +21 -0
  134. package/dist/styled-system/patterns/divider.d.ts +22 -0
  135. package/dist/styled-system/patterns/divider.mjs +25 -0
  136. package/dist/styled-system/patterns/flex.d.ts +26 -0
  137. package/dist/styled-system/patterns/flex.mjs +26 -0
  138. package/dist/styled-system/patterns/float.d.ts +23 -0
  139. package/dist/styled-system/patterns/float.mjs +52 -0
  140. package/dist/styled-system/patterns/grid-item.d.ts +25 -0
  141. package/dist/styled-system/patterns/grid-item.mjs +25 -0
  142. package/dist/styled-system/patterns/grid.d.ts +24 -0
  143. package/dist/styled-system/patterns/grid.mjs +27 -0
  144. package/dist/styled-system/patterns/hstack.d.ts +21 -0
  145. package/dist/styled-system/patterns/hstack.mjs +24 -0
  146. package/dist/styled-system/patterns/index.d.ts +21 -0
  147. package/dist/styled-system/patterns/index.mjs +20 -0
  148. package/dist/styled-system/patterns/link-overlay.d.ts +20 -0
  149. package/dist/styled-system/patterns/link-overlay.mjs +24 -0
  150. package/dist/styled-system/patterns/spacer.d.ts +20 -0
  151. package/dist/styled-system/patterns/spacer.mjs +21 -0
  152. package/dist/styled-system/patterns/square.d.ts +20 -0
  153. package/dist/styled-system/patterns/square.mjs +24 -0
  154. package/dist/styled-system/patterns/stack.d.ts +23 -0
  155. package/dist/styled-system/patterns/stack.mjs +24 -0
  156. package/dist/styled-system/patterns/visually-hidden.d.ts +20 -0
  157. package/dist/styled-system/patterns/visually-hidden.mjs +18 -0
  158. package/dist/styled-system/patterns/vstack.d.ts +21 -0
  159. package/dist/styled-system/patterns/vstack.mjs +24 -0
  160. package/dist/styled-system/patterns/wrap.d.ts +24 -0
  161. package/dist/styled-system/patterns/wrap.mjs +25 -0
  162. package/dist/styled-system/recipes/button.d.ts +43 -0
  163. package/dist/styled-system/recipes/button.mjs +154 -0
  164. package/dist/styled-system/recipes/create-recipe.mjs +82 -0
  165. package/dist/styled-system/recipes/index.d.ts +2 -0
  166. package/dist/styled-system/recipes/index.mjs +1 -0
  167. package/dist/styled-system/styles.css +750 -0
  168. package/dist/styled-system/tokens/index.d.ts +9 -0
  169. package/dist/styled-system/tokens/index.mjs +2060 -0
  170. package/dist/styled-system/tokens/tokens.d.ts +63 -0
  171. package/dist/styled-system/types/composition.d.ts +164 -0
  172. package/dist/styled-system/types/conditions.d.ts +306 -0
  173. package/dist/styled-system/types/csstype.d.ts +21298 -0
  174. package/dist/styled-system/types/global.d.ts +20 -0
  175. package/dist/styled-system/types/index.d.ts +7 -0
  176. package/dist/styled-system/types/parts.d.ts +8 -0
  177. package/dist/styled-system/types/pattern.d.ts +78 -0
  178. package/dist/styled-system/types/prop-type.d.ts +255 -0
  179. package/dist/styled-system/types/recipe.d.ts +181 -0
  180. package/dist/styled-system/types/selectors.d.ts +59 -0
  181. package/dist/styled-system/types/static-css.d.ts +56 -0
  182. package/dist/styled-system/types/style-props.d.ts +7491 -0
  183. package/dist/styled-system/types/system-types.d.ts +193 -0
  184. package/dist/styles/panda.css +1610 -0
  185. package/dist/theme/index.d.ts +2 -0
  186. package/dist/theme/index.d.ts.map +1 -0
  187. package/dist/theme/index.js +2 -0
  188. package/dist/theme/index.js.map +1 -0
  189. package/dist/{functions/theme → theme}/thread-theme.d.ts +1 -1
  190. package/dist/theme/thread-theme.d.ts.map +1 -0
  191. package/dist/{functions/theme → theme}/thread-theme.js +1 -1
  192. package/dist/theme/thread-theme.js.map +1 -0
  193. package/dist/utils/deep-merge/deep-merge.d.ts.map +1 -1
  194. package/dist/utils/get-colored-text-color/get-colored-text-color.d.ts.map +1 -1
  195. package/dist/utils/get-colored-text-color/get-colored-text-color.js +1 -1
  196. package/dist/utils/get-colored-text-color/get-colored-text-color.js.map +1 -1
  197. package/dist/utils/get-text-color/get-text-color.d.ts.map +1 -1
  198. package/dist/utils/get-text-color/get-text-color.js +1 -1
  199. package/dist/utils/get-text-color/get-text-color.js.map +1 -1
  200. package/dist/utils/get-utility-color/get-utility-color-value.d.ts.map +1 -1
  201. package/dist/utils/get-utility-color/get-utility-color-value.js +1 -1
  202. package/dist/utils/get-utility-color/get-utility-color-value.js.map +1 -1
  203. package/dist/utils/get-utility-font-size/getUtilityFontSize.d.ts +1 -1
  204. package/dist/utils/get-utility-font-size/getUtilityFontSize.d.ts.map +1 -1
  205. package/dist/utils/get-utility-icon-size/get-utility-icon-size.d.ts.map +1 -1
  206. package/dist/utils/get-utility-size-value/get-utility-size-value.d.ts.map +1 -1
  207. package/package.json +17 -9
  208. package/dist/components/ui/test-component/index.d.ts +0 -2
  209. package/dist/components/ui/test-component/index.d.ts.map +0 -1
  210. package/dist/components/ui/test-component/index.js +0 -2
  211. package/dist/components/ui/test-component/index.js.map +0 -1
  212. package/dist/components/ui/test-component/test-component.d.ts +0 -2
  213. package/dist/components/ui/test-component/test-component.d.ts.map +0 -1
  214. package/dist/components/ui/test-component/test-component.js +0 -16
  215. package/dist/components/ui/test-component/test-component.js.map +0 -1
  216. package/dist/components/ui/toggle/mode-toggle/mode-toggle.d.ts +0 -2
  217. package/dist/components/ui/toggle/mode-toggle/mode-toggle.d.ts.map +0 -1
  218. package/dist/components/ui/toggle/mode-toggle/mode-toggle.js +0 -10
  219. package/dist/components/ui/toggle/mode-toggle/mode-toggle.js.map +0 -1
  220. package/dist/functions/index.d.ts +0 -3
  221. package/dist/functions/index.d.ts.map +0 -1
  222. package/dist/functions/index.js +0 -3
  223. package/dist/functions/index.js.map +0 -1
  224. package/dist/functions/make-styles/index.d.ts +0 -2
  225. package/dist/functions/make-styles/index.d.ts.map +0 -1
  226. package/dist/functions/make-styles/index.js +0 -2
  227. package/dist/functions/make-styles/index.js.map +0 -1
  228. package/dist/functions/make-styles/make-styles.d.ts.map +0 -1
  229. package/dist/functions/make-styles/make-styles.js.map +0 -1
  230. package/dist/functions/theme/index.d.ts.map +0 -1
  231. package/dist/functions/theme/index.js.map +0 -1
  232. package/dist/functions/theme/theme-provider/index.d.ts.map +0 -1
  233. package/dist/functions/theme/theme-provider/index.js.map +0 -1
  234. package/dist/functions/theme/theme-provider/set-theme.d.ts.map +0 -1
  235. package/dist/functions/theme/theme-provider/set-theme.js.map +0 -1
  236. package/dist/functions/theme/theme-provider/theme-provider.d.ts.map +0 -1
  237. package/dist/functions/theme/theme-provider/theme-provider.js.map +0 -1
  238. package/dist/functions/theme/theme-provider/theme-provider.types.d.ts.map +0 -1
  239. package/dist/functions/theme/theme-provider/theme-provider.types.js.map +0 -1
  240. package/dist/functions/theme/theme.types.d.ts.map +0 -1
  241. package/dist/functions/theme/theme.types.js.map +0 -1
  242. package/dist/functions/theme/thread-theme.d.ts.map +0 -1
  243. package/dist/functions/theme/thread-theme.js.map +0 -1
  244. /package/dist/{functions → client}/theme/theme-provider/index.d.ts +0 -0
  245. /package/dist/{functions → client}/theme/theme-provider/index.js +0 -0
  246. /package/dist/{functions → client}/theme/theme-provider/set-theme.d.ts +0 -0
  247. /package/dist/{functions → client}/theme/theme-provider/theme-provider.d.ts +0 -0
  248. /package/dist/{functions → client}/theme/theme-provider/theme-provider.js +0 -0
  249. /package/dist/{functions → client}/theme/theme-provider/theme-provider.types.d.ts +0 -0
  250. /package/dist/{functions → client}/theme/theme-provider/theme-provider.types.js +0 -0
  251. /package/dist/{functions → client}/theme/theme.types.d.ts +0 -0
  252. /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
+ >