@once-ui-system/core 1.7.11 → 1.7.12

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 (325) hide show
  1. package/ai/catalog.json +1650 -0
  2. package/ai/catalog.seed.json +411 -0
  3. package/ai/components/Accordion.json +136 -0
  4. package/ai/components/AccordionGroup.json +128 -0
  5. package/ai/components/Animation.json +146 -0
  6. package/ai/components/Arrow.json +128 -0
  7. package/ai/components/AutoScroll.json +130 -0
  8. package/ai/components/Avatar.json +133 -0
  9. package/ai/components/AvatarGroup.json +129 -0
  10. package/ai/components/Background.json +131 -0
  11. package/ai/components/Badge.json +132 -0
  12. package/ai/components/Banner.json +122 -0
  13. package/ai/components/BarChart.json +123 -0
  14. package/ai/components/BlobFx.json +125 -0
  15. package/ai/components/BlockQuote.json +132 -0
  16. package/ai/components/Button.json +26 -0
  17. package/ai/components/Card.json +129 -0
  18. package/ai/components/Carousel.json +134 -0
  19. package/ai/components/CelebrationFx.json +132 -0
  20. package/ai/components/ChartHeader.json +130 -0
  21. package/ai/components/ChartStatus.json +12 -0
  22. package/ai/components/Checkbox.json +13 -0
  23. package/ai/components/Chip.json +132 -0
  24. package/ai/components/CodeBlock.json +122 -0
  25. package/ai/components/ColorInput.json +13 -0
  26. package/ai/components/Column.json +128 -0
  27. package/ai/components/CompareImage.json +126 -0
  28. package/ai/components/ContextMenu.json +22 -0
  29. package/ai/components/CountFx.json +82 -0
  30. package/ai/components/CountdownFx.json +11 -0
  31. package/ai/components/Cursor.json +9 -0
  32. package/ai/components/CursorCard.json +128 -0
  33. package/ai/components/DataTooltip.json +15 -0
  34. package/ai/components/DateInput.json +21 -0
  35. package/ai/components/DatePicker.json +143 -0
  36. package/ai/components/DateRangeInput.json +18 -0
  37. package/ai/components/DateRangePicker.json +129 -0
  38. package/ai/components/Dialog.json +134 -0
  39. package/ai/components/DialogProvider.json +8 -0
  40. package/ai/components/Dropdown.json +128 -0
  41. package/ai/components/DropdownWrapper.json +28 -0
  42. package/ai/components/EmojiPicker.json +129 -0
  43. package/ai/components/EmojiPickerDropdown.json +13 -0
  44. package/ai/components/Fade.json +130 -0
  45. package/ai/components/FadingLettersFx.json +77 -0
  46. package/ai/components/Feedback.json +132 -0
  47. package/ai/components/Flex.json +125 -0
  48. package/ai/components/FlipFx.json +133 -0
  49. package/ai/components/GlitchFx.json +128 -0
  50. package/ai/components/Grid.json +121 -0
  51. package/ai/components/Heading.json +75 -0
  52. package/ai/components/HeadingLink.json +127 -0
  53. package/ai/components/HeadingNav.json +124 -0
  54. package/ai/components/HoloFx.json +128 -0
  55. package/ai/components/Hover.json +130 -0
  56. package/ai/components/HoverCard.json +122 -0
  57. package/ai/components/Icon.json +132 -0
  58. package/ai/components/IconButton.json +22 -0
  59. package/ai/components/InfiniteScroll.json +130 -0
  60. package/ai/components/InlineCode.json +126 -0
  61. package/ai/components/Input.json +24 -0
  62. package/ai/components/InteractiveDetails.json +14 -0
  63. package/ai/components/Kbar.json +10 -0
  64. package/ai/components/Kbd.json +127 -0
  65. package/ai/components/Legend.json +14 -0
  66. package/ai/components/LetterFx.json +14 -0
  67. package/ai/components/Line.json +125 -0
  68. package/ai/components/LineBarChart.json +123 -0
  69. package/ai/components/LineChart.json +123 -0
  70. package/ai/components/LinearGauge.json +130 -0
  71. package/ai/components/LinearGradient.json +15 -0
  72. package/ai/components/List.json +127 -0
  73. package/ai/components/ListItem.json +77 -0
  74. package/ai/components/Logo.json +16 -0
  75. package/ai/components/LogoCloud.json +124 -0
  76. package/ai/components/Mask.json +131 -0
  77. package/ai/components/MasonryGrid.json +132 -0
  78. package/ai/components/MatrixFx.json +135 -0
  79. package/ai/components/Media.json +142 -0
  80. package/ai/components/MediaUpload.json +122 -0
  81. package/ai/components/MegaMenu.json +125 -0
  82. package/ai/components/MobileMegaMenu.json +125 -0
  83. package/ai/components/Modal.json +12 -0
  84. package/ai/components/NavIcon.json +127 -0
  85. package/ai/components/NumberInput.json +16 -0
  86. package/ai/components/OTPInput.json +13 -0
  87. package/ai/components/OgCard.json +135 -0
  88. package/ai/components/Option.json +137 -0
  89. package/ai/components/Particle.json +135 -0
  90. package/ai/components/PasswordInput.json +8 -0
  91. package/ai/components/PieChart.json +123 -0
  92. package/ai/components/ProgressBar.json +131 -0
  93. package/ai/components/Pulse.json +129 -0
  94. package/ai/components/RadialGauge.json +134 -0
  95. package/ai/components/RadialGradient.json +16 -0
  96. package/ai/components/RadioButton.json +17 -0
  97. package/ai/components/RevealFx.json +131 -0
  98. package/ai/components/Row.json +128 -0
  99. package/ai/components/Schema.json +17 -0
  100. package/ai/components/ScrollContainer.json +126 -0
  101. package/ai/components/ScrollToTop.json +124 -0
  102. package/ai/components/Scroller.json +128 -0
  103. package/ai/components/SegmentedControl.json +132 -0
  104. package/ai/components/Select.json +21 -0
  105. package/ai/components/ShineFx.json +80 -0
  106. package/ai/components/Skeleton.json +129 -0
  107. package/ai/components/Slider.json +17 -0
  108. package/ai/components/SmartLink.json +17 -0
  109. package/ai/components/Spinner.json +127 -0
  110. package/ai/components/SplitView.json +129 -0
  111. package/ai/components/StatusIndicator.json +128 -0
  112. package/ai/components/StyleOverlay.json +126 -0
  113. package/ai/components/StylePanel.json +125 -0
  114. package/ai/components/Swiper.json +130 -0
  115. package/ai/components/Switch.json +20 -0
  116. package/ai/components/Table.json +125 -0
  117. package/ai/components/Tag.json +129 -0
  118. package/ai/components/TagInput.json +12 -0
  119. package/ai/components/Text.json +72 -0
  120. package/ai/components/Textarea.json +24 -0
  121. package/ai/components/ThemeSwitcher.json +122 -0
  122. package/ai/components/TiltFx.json +126 -0
  123. package/ai/components/Timeline.json +126 -0
  124. package/ai/components/Toast.json +13 -0
  125. package/ai/components/Toaster.json +14 -0
  126. package/ai/components/ToggleButton.json +24 -0
  127. package/ai/components/Tooltip.json +129 -0
  128. package/ai/components/TypeFx.json +15 -0
  129. package/ai/components/User.json +15 -0
  130. package/ai/components/UserMenu.json +16 -0
  131. package/ai/components/WeatherFx.json +133 -0
  132. package/ai/examples/auth.tsx +105 -0
  133. package/ai/examples/blocks/Background6.tsx +25 -0
  134. package/ai/examples/blocks/Chat1.tsx +70 -0
  135. package/ai/examples/blocks/Dashboard1.tsx +404 -0
  136. package/ai/examples/blocks/Feed3.tsx +151 -0
  137. package/ai/examples/blocks/Footer1.tsx +30 -0
  138. package/ai/examples/blocks/Footer2.tsx +96 -0
  139. package/ai/examples/blocks/Footer3.tsx +127 -0
  140. package/ai/examples/blocks/Footer4.tsx +406 -0
  141. package/ai/examples/blocks/Header1.tsx +370 -0
  142. package/ai/examples/blocks/Header2.tsx +98 -0
  143. package/ai/examples/blocks/Header3.tsx +133 -0
  144. package/ai/examples/blocks/Header4.tsx +123 -0
  145. package/ai/examples/blocks/Productivity1.tsx +318 -0
  146. package/ai/examples/blocks/Roadmap1.tsx +133 -0
  147. package/ai/examples/blocks/Sidebar1.tsx +34 -0
  148. package/ai/examples/blocks/Sidebar2.tsx +17 -0
  149. package/ai/examples/blocks/Sidebar4.tsx +92 -0
  150. package/ai/examples/blocks/Sidebar5.tsx +73 -0
  151. package/ai/examples/blocks/Streaming1.tsx +353 -0
  152. package/ai/examples/blocks/Table1.tsx +303 -0
  153. package/ai/examples/blocks/Waitlist1.tsx +141 -0
  154. package/ai/examples/blocks/content/chat1content.ts +65 -0
  155. package/ai/examples/blocks/content/resources.ts +5 -0
  156. package/ai/examples/blocks/content/roadmap1content.ts +51 -0
  157. package/ai/examples/blocks/manifest.json +191 -0
  158. package/ai/examples/dashboard.tsx +150 -0
  159. package/ai/examples/marketing-hero.tsx +152 -0
  160. package/ai/examples/pricing.tsx +219 -0
  161. package/ai/examples/settings.tsx +140 -0
  162. package/ai/gotchas.json +85 -0
  163. package/ai/manifest.json +21 -0
  164. package/ai/rules.compact.md +73 -0
  165. package/ai/spec.json +2679 -2701
  166. package/ai/tasks/auth.json +23 -0
  167. package/ai/tasks/chat.json +28 -0
  168. package/ai/tasks/dashboard.json +39 -0
  169. package/ai/tasks/index.json +12 -0
  170. package/ai/tasks/marketing-hero.json +38 -0
  171. package/ai/tasks/pricing.json +42 -0
  172. package/ai/tasks/roadmap.json +22 -0
  173. package/ai/tasks/settings.json +34 -0
  174. package/dist/ai/catalog.json +1650 -0
  175. package/dist/ai/catalog.seed.json +411 -0
  176. package/dist/ai/components/Accordion.json +136 -0
  177. package/dist/ai/components/AccordionGroup.json +128 -0
  178. package/dist/ai/components/Animation.json +146 -0
  179. package/dist/ai/components/Arrow.json +128 -0
  180. package/dist/ai/components/AutoScroll.json +130 -0
  181. package/dist/ai/components/Avatar.json +133 -0
  182. package/dist/ai/components/AvatarGroup.json +129 -0
  183. package/dist/ai/components/Background.json +131 -0
  184. package/dist/ai/components/Badge.json +132 -0
  185. package/dist/ai/components/Banner.json +122 -0
  186. package/dist/ai/components/BarChart.json +123 -0
  187. package/dist/ai/components/BlobFx.json +125 -0
  188. package/dist/ai/components/BlockQuote.json +132 -0
  189. package/dist/ai/components/Button.json +26 -0
  190. package/dist/ai/components/Card.json +129 -0
  191. package/dist/ai/components/Carousel.json +134 -0
  192. package/dist/ai/components/CelebrationFx.json +132 -0
  193. package/dist/ai/components/ChartHeader.json +130 -0
  194. package/dist/ai/components/ChartStatus.json +12 -0
  195. package/dist/ai/components/Checkbox.json +13 -0
  196. package/dist/ai/components/Chip.json +132 -0
  197. package/dist/ai/components/CodeBlock.json +122 -0
  198. package/dist/ai/components/ColorInput.json +13 -0
  199. package/dist/ai/components/Column.json +128 -0
  200. package/dist/ai/components/CompareImage.json +126 -0
  201. package/dist/ai/components/ContextMenu.json +22 -0
  202. package/dist/ai/components/CountFx.json +82 -0
  203. package/dist/ai/components/CountdownFx.json +11 -0
  204. package/dist/ai/components/Cursor.json +9 -0
  205. package/dist/ai/components/CursorCard.json +128 -0
  206. package/dist/ai/components/DataTooltip.json +15 -0
  207. package/dist/ai/components/DateInput.json +21 -0
  208. package/dist/ai/components/DatePicker.json +143 -0
  209. package/dist/ai/components/DateRangeInput.json +18 -0
  210. package/dist/ai/components/DateRangePicker.json +129 -0
  211. package/dist/ai/components/Dialog.json +134 -0
  212. package/dist/ai/components/DialogProvider.json +8 -0
  213. package/dist/ai/components/Dropdown.json +128 -0
  214. package/dist/ai/components/DropdownWrapper.json +28 -0
  215. package/dist/ai/components/EmojiPicker.json +129 -0
  216. package/dist/ai/components/EmojiPickerDropdown.json +13 -0
  217. package/dist/ai/components/Fade.json +130 -0
  218. package/dist/ai/components/FadingLettersFx.json +77 -0
  219. package/dist/ai/components/Feedback.json +132 -0
  220. package/dist/ai/components/Flex.json +125 -0
  221. package/dist/ai/components/FlipFx.json +133 -0
  222. package/dist/ai/components/GlitchFx.json +128 -0
  223. package/dist/ai/components/Grid.json +121 -0
  224. package/dist/ai/components/Heading.json +75 -0
  225. package/dist/ai/components/HeadingLink.json +127 -0
  226. package/dist/ai/components/HeadingNav.json +124 -0
  227. package/dist/ai/components/HoloFx.json +128 -0
  228. package/dist/ai/components/Hover.json +130 -0
  229. package/dist/ai/components/HoverCard.json +122 -0
  230. package/dist/ai/components/Icon.json +132 -0
  231. package/dist/ai/components/IconButton.json +22 -0
  232. package/dist/ai/components/InfiniteScroll.json +130 -0
  233. package/dist/ai/components/InlineCode.json +126 -0
  234. package/dist/ai/components/Input.json +24 -0
  235. package/dist/ai/components/InteractiveDetails.json +14 -0
  236. package/dist/ai/components/Kbar.json +10 -0
  237. package/dist/ai/components/Kbd.json +127 -0
  238. package/dist/ai/components/Legend.json +14 -0
  239. package/dist/ai/components/LetterFx.json +14 -0
  240. package/dist/ai/components/Line.json +125 -0
  241. package/dist/ai/components/LineBarChart.json +123 -0
  242. package/dist/ai/components/LineChart.json +123 -0
  243. package/dist/ai/components/LinearGauge.json +130 -0
  244. package/dist/ai/components/LinearGradient.json +15 -0
  245. package/dist/ai/components/List.json +127 -0
  246. package/dist/ai/components/ListItem.json +77 -0
  247. package/dist/ai/components/Logo.json +16 -0
  248. package/dist/ai/components/LogoCloud.json +124 -0
  249. package/dist/ai/components/Mask.json +131 -0
  250. package/dist/ai/components/MasonryGrid.json +132 -0
  251. package/dist/ai/components/MatrixFx.json +135 -0
  252. package/dist/ai/components/Media.json +142 -0
  253. package/dist/ai/components/MediaUpload.json +122 -0
  254. package/dist/ai/components/MegaMenu.json +125 -0
  255. package/dist/ai/components/MobileMegaMenu.json +125 -0
  256. package/dist/ai/components/Modal.json +12 -0
  257. package/dist/ai/components/NavIcon.json +127 -0
  258. package/dist/ai/components/NumberInput.json +16 -0
  259. package/dist/ai/components/OTPInput.json +13 -0
  260. package/dist/ai/components/OgCard.json +135 -0
  261. package/dist/ai/components/Option.json +137 -0
  262. package/dist/ai/components/Particle.json +135 -0
  263. package/dist/ai/components/PasswordInput.json +8 -0
  264. package/dist/ai/components/PieChart.json +123 -0
  265. package/dist/ai/components/ProgressBar.json +131 -0
  266. package/dist/ai/components/Pulse.json +129 -0
  267. package/dist/ai/components/RadialGauge.json +134 -0
  268. package/dist/ai/components/RadialGradient.json +16 -0
  269. package/dist/ai/components/RadioButton.json +17 -0
  270. package/dist/ai/components/RevealFx.json +131 -0
  271. package/dist/ai/components/Row.json +128 -0
  272. package/dist/ai/components/Schema.json +17 -0
  273. package/dist/ai/components/ScrollContainer.json +126 -0
  274. package/dist/ai/components/ScrollToTop.json +124 -0
  275. package/dist/ai/components/Scroller.json +128 -0
  276. package/dist/ai/components/SegmentedControl.json +132 -0
  277. package/dist/ai/components/Select.json +21 -0
  278. package/dist/ai/components/ShineFx.json +80 -0
  279. package/dist/ai/components/Skeleton.json +129 -0
  280. package/dist/ai/components/Slider.json +17 -0
  281. package/dist/ai/components/SmartLink.json +17 -0
  282. package/dist/ai/components/Spinner.json +127 -0
  283. package/dist/ai/components/SplitView.json +129 -0
  284. package/dist/ai/components/StatusIndicator.json +128 -0
  285. package/dist/ai/components/StyleOverlay.json +126 -0
  286. package/dist/ai/components/StylePanel.json +125 -0
  287. package/dist/ai/components/Swiper.json +130 -0
  288. package/dist/ai/components/Switch.json +20 -0
  289. package/dist/ai/components/Table.json +125 -0
  290. package/dist/ai/components/Tag.json +129 -0
  291. package/dist/ai/components/TagInput.json +12 -0
  292. package/dist/ai/components/Text.json +72 -0
  293. package/dist/ai/components/Textarea.json +24 -0
  294. package/dist/ai/components/ThemeSwitcher.json +122 -0
  295. package/dist/ai/components/TiltFx.json +126 -0
  296. package/dist/ai/components/Timeline.json +126 -0
  297. package/dist/ai/components/Toast.json +13 -0
  298. package/dist/ai/components/Toaster.json +14 -0
  299. package/dist/ai/components/ToggleButton.json +24 -0
  300. package/dist/ai/components/Tooltip.json +129 -0
  301. package/dist/ai/components/TypeFx.json +15 -0
  302. package/dist/ai/components/User.json +15 -0
  303. package/dist/ai/components/UserMenu.json +16 -0
  304. package/dist/ai/components/WeatherFx.json +133 -0
  305. package/dist/ai/eval-tasks.md +71 -0
  306. package/dist/ai/examples/blocks/manifest.json +191 -0
  307. package/dist/ai/gotchas.json +85 -0
  308. package/dist/ai/manifest.json +21 -0
  309. package/dist/ai/recipes.md +149 -0
  310. package/dist/ai/rules.compact.md +73 -0
  311. package/dist/ai/rules.md +217 -0
  312. package/dist/ai/spec.json +2680 -0
  313. package/dist/ai/tasks/auth.json +23 -0
  314. package/dist/ai/tasks/chat.json +28 -0
  315. package/dist/ai/tasks/dashboard.json +39 -0
  316. package/dist/ai/tasks/index.json +12 -0
  317. package/dist/ai/tasks/marketing-hero.json +38 -0
  318. package/dist/ai/tasks/pricing.json +42 -0
  319. package/dist/ai/tasks/roadmap.json +22 -0
  320. package/dist/ai/tasks/settings.json +34 -0
  321. package/dist/data/emoji-data.json +0 -18
  322. package/dist/package.json +13 -2
  323. package/package.json +139 -127
  324. package/LICENSE.md +0 -21
  325. package/next-env.d.ts +0 -5
@@ -0,0 +1,131 @@
1
+ {
2
+ "name": "Mask",
3
+ "group": "components",
4
+ "extends": [
5
+ "Flex"
6
+ ],
7
+ "mixins": [
8
+ "CommonProps",
9
+ "DisplayProps",
10
+ "FlexProps",
11
+ "SizeProps",
12
+ "SpacingProps",
13
+ "StyleProps"
14
+ ],
15
+ "props": {
16
+ "cursor": "boolean = false",
17
+ "x": "number",
18
+ "y": "number",
19
+ "radius": "number = 50",
20
+ "reducedMotion": "boolean | \"auto\" = auto",
21
+ "className": "string",
22
+ "style": "React.CSSProperties",
23
+ "children": "React.ReactNode"
24
+ },
25
+ "mixinsRef": [
26
+ "CommonProps",
27
+ "DisplayProps",
28
+ "FlexProps",
29
+ "SizeProps",
30
+ "SpacingProps",
31
+ "StyleProps"
32
+ ],
33
+ "tokensRef": "see spec.json mixins",
34
+ "resolvedMixins": {
35
+ "CommonProps": {
36
+ "onBackground": "Colors",
37
+ "onSolid": "Colors",
38
+ "align": "CSSProperties[\"textAlign\"]"
39
+ },
40
+ "DisplayProps": {
41
+ "as": "ElementType",
42
+ "inline": "boolean",
43
+ "hide": "boolean",
44
+ "pointerEvents": "\"none\" | \"all\" | \"auto\"",
45
+ "position": "CSSProperties[\"position\"]",
46
+ "overflow": "CSSProperties[\"overflow\"]",
47
+ "overflowX": "CSSProperties[\"overflowX\"]",
48
+ "overflowY": "CSSProperties[\"overflowY\"]",
49
+ "scrollbar": "\"default\" | \"minimal\"",
50
+ "transition": "\"micro-short\" | \"micro-medium\" | \"micro-long\" | \"macro-short\" | \"macro-medium\" | \"macro-long\"",
51
+ "opacity": "Opacity",
52
+ "zIndex": "-1 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | \"-1\" | \"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" | \"10\"",
53
+ "dark": "boolean",
54
+ "light": "boolean"
55
+ },
56
+ "FlexProps": {
57
+ "direction": "\"row\" | \"column\" | \"row-reverse\" | \"column-reverse\"",
58
+ "horizontal": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
59
+ "vertical": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
60
+ "center": "boolean",
61
+ "wrap": "boolean",
62
+ "flex": "FlexValue"
63
+ },
64
+ "SizeProps": {
65
+ "width": "number | SpacingToken | CSSUnit",
66
+ "height": "number | SpacingToken | CSSUnit",
67
+ "maxWidth": "number | SpacingToken | CSSUnit",
68
+ "minWidth": "number | SpacingToken | CSSUnit",
69
+ "minHeight": "number | SpacingToken | CSSUnit",
70
+ "maxHeight": "number | SpacingToken | CSSUnit",
71
+ "fit": "boolean",
72
+ "fitWidth": "boolean",
73
+ "fitHeight": "boolean",
74
+ "fill": "boolean",
75
+ "fillWidth": "boolean",
76
+ "fillHeight": "boolean",
77
+ "aspectRatio": "CSSProperties[\"aspectRatio\"]"
78
+ },
79
+ "SpacingProps": {
80
+ "padding": "SpacingToken | number",
81
+ "paddingLeft": "SpacingToken | number",
82
+ "paddingRight": "SpacingToken | number",
83
+ "paddingTop": "SpacingToken | number",
84
+ "paddingBottom": "SpacingToken | number",
85
+ "paddingX": "SpacingToken | number",
86
+ "paddingY": "SpacingToken | number",
87
+ "margin": "SpacingToken | number",
88
+ "marginLeft": "SpacingToken | number",
89
+ "marginRight": "SpacingToken | number",
90
+ "marginTop": "SpacingToken | number",
91
+ "marginBottom": "SpacingToken | number",
92
+ "marginX": "SpacingToken | number",
93
+ "marginY": "SpacingToken | number",
94
+ "gap": "SpacingToken | number | \"-1\"",
95
+ "top": "SpacingToken | number | CSSUnit",
96
+ "right": "SpacingToken | number | CSSUnit",
97
+ "bottom": "SpacingToken | number | CSSUnit",
98
+ "left": "SpacingToken | number | CSSUnit",
99
+ "translateX": "SpacingToken | number | CSSUnit",
100
+ "translateY": "SpacingToken | number | CSSUnit"
101
+ },
102
+ "StyleProps": {
103
+ "textVariant": "TextVariant",
104
+ "textSize": "TextSize",
105
+ "textType": "TextType",
106
+ "textWeight": "TextWeight",
107
+ "background": "Colors | \"surface\" | \"overlay\" | \"page\" | \"transparent\"",
108
+ "solid": "Colors",
109
+ "borderTop": "Colors | \"surface\" | \"transparent\" | boolean",
110
+ "borderRight": "Colors | \"surface\" | \"transparent\" | boolean",
111
+ "borderBottom": "Colors | \"surface\" | \"transparent\" | boolean",
112
+ "borderLeft": "Colors | \"surface\" | \"transparent\" | boolean",
113
+ "borderX": "Colors | \"surface\" | \"transparent\" | boolean",
114
+ "borderY": "Colors | \"surface\" | \"transparent\" | boolean",
115
+ "border": "Colors | \"surface\" | \"transparent\" | boolean",
116
+ "borderStyle": "\"solid\" | \"dashed\"",
117
+ "borderWidth": "1 | 2 | 4 | 8 | \"1\" | \"2\" | \"4\" | \"8\"",
118
+ "topRadius": "RadiusSize",
119
+ "rightRadius": "RadiusSize",
120
+ "bottomRadius": "RadiusSize",
121
+ "leftRadius": "RadiusSize",
122
+ "topLeftRadius": "RadiusSize",
123
+ "topRightRadius": "RadiusSize",
124
+ "bottomLeftRadius": "RadiusSize",
125
+ "bottomRightRadius": "RadiusSize",
126
+ "shadow": "ShadowSize",
127
+ "cursor": "CSSProperties[\"cursor\"] | \"interactive\" | ReactNode",
128
+ "radius": "RadiusSize | `${RadiusSize}-${RadiusNest}`"
129
+ }
130
+ }
131
+ }
@@ -0,0 +1,132 @@
1
+ {
2
+ "name": "MasonryGrid",
3
+ "group": "components",
4
+ "extends": [
5
+ "Flex"
6
+ ],
7
+ "mixins": [
8
+ "CommonProps",
9
+ "DisplayProps",
10
+ "FlexProps",
11
+ "SizeProps",
12
+ "SpacingProps",
13
+ "StyleProps"
14
+ ],
15
+ "props": {
16
+ "children": "!ReactNode",
17
+ "gap": "SpacingToken | \"-1\" | undefined = 8",
18
+ "columns": "number = 3",
19
+ "style": "CSSProperties",
20
+ "className": "string",
21
+ "l": "MasonryBreakpointProps",
22
+ "m": "MasonryBreakpointProps",
23
+ "s": "MasonryBreakpointProps",
24
+ "xs": "MasonryBreakpointProps"
25
+ },
26
+ "mixinsRef": [
27
+ "CommonProps",
28
+ "DisplayProps",
29
+ "FlexProps",
30
+ "SizeProps",
31
+ "SpacingProps",
32
+ "StyleProps"
33
+ ],
34
+ "tokensRef": "see spec.json mixins",
35
+ "resolvedMixins": {
36
+ "CommonProps": {
37
+ "onBackground": "Colors",
38
+ "onSolid": "Colors",
39
+ "align": "CSSProperties[\"textAlign\"]"
40
+ },
41
+ "DisplayProps": {
42
+ "as": "ElementType",
43
+ "inline": "boolean",
44
+ "hide": "boolean",
45
+ "pointerEvents": "\"none\" | \"all\" | \"auto\"",
46
+ "position": "CSSProperties[\"position\"]",
47
+ "overflow": "CSSProperties[\"overflow\"]",
48
+ "overflowX": "CSSProperties[\"overflowX\"]",
49
+ "overflowY": "CSSProperties[\"overflowY\"]",
50
+ "scrollbar": "\"default\" | \"minimal\"",
51
+ "transition": "\"micro-short\" | \"micro-medium\" | \"micro-long\" | \"macro-short\" | \"macro-medium\" | \"macro-long\"",
52
+ "opacity": "Opacity",
53
+ "zIndex": "-1 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | \"-1\" | \"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" | \"10\"",
54
+ "dark": "boolean",
55
+ "light": "boolean"
56
+ },
57
+ "FlexProps": {
58
+ "direction": "\"row\" | \"column\" | \"row-reverse\" | \"column-reverse\"",
59
+ "horizontal": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
60
+ "vertical": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
61
+ "center": "boolean",
62
+ "wrap": "boolean",
63
+ "flex": "FlexValue"
64
+ },
65
+ "SizeProps": {
66
+ "width": "number | SpacingToken | CSSUnit",
67
+ "height": "number | SpacingToken | CSSUnit",
68
+ "maxWidth": "number | SpacingToken | CSSUnit",
69
+ "minWidth": "number | SpacingToken | CSSUnit",
70
+ "minHeight": "number | SpacingToken | CSSUnit",
71
+ "maxHeight": "number | SpacingToken | CSSUnit",
72
+ "fit": "boolean",
73
+ "fitWidth": "boolean",
74
+ "fitHeight": "boolean",
75
+ "fill": "boolean",
76
+ "fillWidth": "boolean",
77
+ "fillHeight": "boolean",
78
+ "aspectRatio": "CSSProperties[\"aspectRatio\"]"
79
+ },
80
+ "SpacingProps": {
81
+ "padding": "SpacingToken | number",
82
+ "paddingLeft": "SpacingToken | number",
83
+ "paddingRight": "SpacingToken | number",
84
+ "paddingTop": "SpacingToken | number",
85
+ "paddingBottom": "SpacingToken | number",
86
+ "paddingX": "SpacingToken | number",
87
+ "paddingY": "SpacingToken | number",
88
+ "margin": "SpacingToken | number",
89
+ "marginLeft": "SpacingToken | number",
90
+ "marginRight": "SpacingToken | number",
91
+ "marginTop": "SpacingToken | number",
92
+ "marginBottom": "SpacingToken | number",
93
+ "marginX": "SpacingToken | number",
94
+ "marginY": "SpacingToken | number",
95
+ "gap": "SpacingToken | number | \"-1\"",
96
+ "top": "SpacingToken | number | CSSUnit",
97
+ "right": "SpacingToken | number | CSSUnit",
98
+ "bottom": "SpacingToken | number | CSSUnit",
99
+ "left": "SpacingToken | number | CSSUnit",
100
+ "translateX": "SpacingToken | number | CSSUnit",
101
+ "translateY": "SpacingToken | number | CSSUnit"
102
+ },
103
+ "StyleProps": {
104
+ "textVariant": "TextVariant",
105
+ "textSize": "TextSize",
106
+ "textType": "TextType",
107
+ "textWeight": "TextWeight",
108
+ "background": "Colors | \"surface\" | \"overlay\" | \"page\" | \"transparent\"",
109
+ "solid": "Colors",
110
+ "borderTop": "Colors | \"surface\" | \"transparent\" | boolean",
111
+ "borderRight": "Colors | \"surface\" | \"transparent\" | boolean",
112
+ "borderBottom": "Colors | \"surface\" | \"transparent\" | boolean",
113
+ "borderLeft": "Colors | \"surface\" | \"transparent\" | boolean",
114
+ "borderX": "Colors | \"surface\" | \"transparent\" | boolean",
115
+ "borderY": "Colors | \"surface\" | \"transparent\" | boolean",
116
+ "border": "Colors | \"surface\" | \"transparent\" | boolean",
117
+ "borderStyle": "\"solid\" | \"dashed\"",
118
+ "borderWidth": "1 | 2 | 4 | 8 | \"1\" | \"2\" | \"4\" | \"8\"",
119
+ "topRadius": "RadiusSize",
120
+ "rightRadius": "RadiusSize",
121
+ "bottomRadius": "RadiusSize",
122
+ "leftRadius": "RadiusSize",
123
+ "topLeftRadius": "RadiusSize",
124
+ "topRightRadius": "RadiusSize",
125
+ "bottomLeftRadius": "RadiusSize",
126
+ "bottomRightRadius": "RadiusSize",
127
+ "shadow": "ShadowSize",
128
+ "cursor": "CSSProperties[\"cursor\"] | \"interactive\" | ReactNode",
129
+ "radius": "RadiusSize | `${RadiusSize}-${RadiusNest}`"
130
+ }
131
+ }
132
+ }
@@ -0,0 +1,135 @@
1
+ {
2
+ "name": "MatrixFx",
3
+ "group": "components",
4
+ "extends": [
5
+ "Flex"
6
+ ],
7
+ "mixins": [
8
+ "CommonProps",
9
+ "DisplayProps",
10
+ "FlexProps",
11
+ "SizeProps",
12
+ "SpacingProps",
13
+ "StyleProps"
14
+ ],
15
+ "props": {
16
+ "speed": "number = 1",
17
+ "colors": "string[] = [\"brand-solid-medium\"]",
18
+ "size": "number = 3",
19
+ "spacing": "number = 3",
20
+ "revealFrom": "\"center\" | \"top\" | \"bottom\" | \"left\" | \"right\" = center",
21
+ "trigger": "\"hover\" | \"instant\" | \"mount\" | \"click\" | \"manual\" = instant",
22
+ "active": "boolean = false",
23
+ "flicker": "boolean = false",
24
+ "bulge": "BulgeConfig",
25
+ "fps": "number = 60",
26
+ "reducedMotion": "boolean | \"auto\" = auto",
27
+ "children": "React.ReactNode"
28
+ },
29
+ "mixinsRef": [
30
+ "CommonProps",
31
+ "DisplayProps",
32
+ "FlexProps",
33
+ "SizeProps",
34
+ "SpacingProps",
35
+ "StyleProps"
36
+ ],
37
+ "tokensRef": "see spec.json mixins",
38
+ "resolvedMixins": {
39
+ "CommonProps": {
40
+ "onBackground": "Colors",
41
+ "onSolid": "Colors",
42
+ "align": "CSSProperties[\"textAlign\"]"
43
+ },
44
+ "DisplayProps": {
45
+ "as": "ElementType",
46
+ "inline": "boolean",
47
+ "hide": "boolean",
48
+ "pointerEvents": "\"none\" | \"all\" | \"auto\"",
49
+ "position": "CSSProperties[\"position\"]",
50
+ "overflow": "CSSProperties[\"overflow\"]",
51
+ "overflowX": "CSSProperties[\"overflowX\"]",
52
+ "overflowY": "CSSProperties[\"overflowY\"]",
53
+ "scrollbar": "\"default\" | \"minimal\"",
54
+ "transition": "\"micro-short\" | \"micro-medium\" | \"micro-long\" | \"macro-short\" | \"macro-medium\" | \"macro-long\"",
55
+ "opacity": "Opacity",
56
+ "zIndex": "-1 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | \"-1\" | \"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" | \"10\"",
57
+ "dark": "boolean",
58
+ "light": "boolean"
59
+ },
60
+ "FlexProps": {
61
+ "direction": "\"row\" | \"column\" | \"row-reverse\" | \"column-reverse\"",
62
+ "horizontal": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
63
+ "vertical": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
64
+ "center": "boolean",
65
+ "wrap": "boolean",
66
+ "flex": "FlexValue"
67
+ },
68
+ "SizeProps": {
69
+ "width": "number | SpacingToken | CSSUnit",
70
+ "height": "number | SpacingToken | CSSUnit",
71
+ "maxWidth": "number | SpacingToken | CSSUnit",
72
+ "minWidth": "number | SpacingToken | CSSUnit",
73
+ "minHeight": "number | SpacingToken | CSSUnit",
74
+ "maxHeight": "number | SpacingToken | CSSUnit",
75
+ "fit": "boolean",
76
+ "fitWidth": "boolean",
77
+ "fitHeight": "boolean",
78
+ "fill": "boolean",
79
+ "fillWidth": "boolean",
80
+ "fillHeight": "boolean",
81
+ "aspectRatio": "CSSProperties[\"aspectRatio\"]"
82
+ },
83
+ "SpacingProps": {
84
+ "padding": "SpacingToken | number",
85
+ "paddingLeft": "SpacingToken | number",
86
+ "paddingRight": "SpacingToken | number",
87
+ "paddingTop": "SpacingToken | number",
88
+ "paddingBottom": "SpacingToken | number",
89
+ "paddingX": "SpacingToken | number",
90
+ "paddingY": "SpacingToken | number",
91
+ "margin": "SpacingToken | number",
92
+ "marginLeft": "SpacingToken | number",
93
+ "marginRight": "SpacingToken | number",
94
+ "marginTop": "SpacingToken | number",
95
+ "marginBottom": "SpacingToken | number",
96
+ "marginX": "SpacingToken | number",
97
+ "marginY": "SpacingToken | number",
98
+ "gap": "SpacingToken | number | \"-1\"",
99
+ "top": "SpacingToken | number | CSSUnit",
100
+ "right": "SpacingToken | number | CSSUnit",
101
+ "bottom": "SpacingToken | number | CSSUnit",
102
+ "left": "SpacingToken | number | CSSUnit",
103
+ "translateX": "SpacingToken | number | CSSUnit",
104
+ "translateY": "SpacingToken | number | CSSUnit"
105
+ },
106
+ "StyleProps": {
107
+ "textVariant": "TextVariant",
108
+ "textSize": "TextSize",
109
+ "textType": "TextType",
110
+ "textWeight": "TextWeight",
111
+ "background": "Colors | \"surface\" | \"overlay\" | \"page\" | \"transparent\"",
112
+ "solid": "Colors",
113
+ "borderTop": "Colors | \"surface\" | \"transparent\" | boolean",
114
+ "borderRight": "Colors | \"surface\" | \"transparent\" | boolean",
115
+ "borderBottom": "Colors | \"surface\" | \"transparent\" | boolean",
116
+ "borderLeft": "Colors | \"surface\" | \"transparent\" | boolean",
117
+ "borderX": "Colors | \"surface\" | \"transparent\" | boolean",
118
+ "borderY": "Colors | \"surface\" | \"transparent\" | boolean",
119
+ "border": "Colors | \"surface\" | \"transparent\" | boolean",
120
+ "borderStyle": "\"solid\" | \"dashed\"",
121
+ "borderWidth": "1 | 2 | 4 | 8 | \"1\" | \"2\" | \"4\" | \"8\"",
122
+ "topRadius": "RadiusSize",
123
+ "rightRadius": "RadiusSize",
124
+ "bottomRadius": "RadiusSize",
125
+ "leftRadius": "RadiusSize",
126
+ "topLeftRadius": "RadiusSize",
127
+ "topRightRadius": "RadiusSize",
128
+ "bottomLeftRadius": "RadiusSize",
129
+ "bottomRightRadius": "RadiusSize",
130
+ "shadow": "ShadowSize",
131
+ "cursor": "CSSProperties[\"cursor\"] | \"interactive\" | ReactNode",
132
+ "radius": "RadiusSize | `${RadiusSize}-${RadiusNest}`"
133
+ }
134
+ }
135
+ }
@@ -0,0 +1,142 @@
1
+ {
2
+ "name": "Media",
3
+ "group": "components",
4
+ "extends": [
5
+ "Flex"
6
+ ],
7
+ "mixins": [
8
+ "CommonProps",
9
+ "DisplayProps",
10
+ "FlexProps",
11
+ "SizeProps",
12
+ "SpacingProps",
13
+ "StyleProps"
14
+ ],
15
+ "props": {
16
+ "aspectRatio": "string = original",
17
+ "height": "number",
18
+ "alt": "string = ",
19
+ "loading": "boolean = false",
20
+ "objectFit": "CSSProperties[\"objectFit\"] = cover",
21
+ "enlarge": "boolean = false",
22
+ "src": "!string",
23
+ "unoptimized": "boolean = false",
24
+ "sizes": "string | number = 100vw",
25
+ "priority": "boolean",
26
+ "caption": "ReactNode",
27
+ "fill": "boolean = false",
28
+ "fillWidth": "boolean = true",
29
+ "loop": "boolean = true",
30
+ "autoplay": "boolean = true",
31
+ "sound": "boolean = false",
32
+ "controls": "boolean = false",
33
+ "style": "CSSProperties",
34
+ "className": "string"
35
+ },
36
+ "mixinsRef": [
37
+ "CommonProps",
38
+ "DisplayProps",
39
+ "FlexProps",
40
+ "SizeProps",
41
+ "SpacingProps",
42
+ "StyleProps"
43
+ ],
44
+ "tokensRef": "see spec.json mixins",
45
+ "resolvedMixins": {
46
+ "CommonProps": {
47
+ "onBackground": "Colors",
48
+ "onSolid": "Colors",
49
+ "align": "CSSProperties[\"textAlign\"]"
50
+ },
51
+ "DisplayProps": {
52
+ "as": "ElementType",
53
+ "inline": "boolean",
54
+ "hide": "boolean",
55
+ "pointerEvents": "\"none\" | \"all\" | \"auto\"",
56
+ "position": "CSSProperties[\"position\"]",
57
+ "overflow": "CSSProperties[\"overflow\"]",
58
+ "overflowX": "CSSProperties[\"overflowX\"]",
59
+ "overflowY": "CSSProperties[\"overflowY\"]",
60
+ "scrollbar": "\"default\" | \"minimal\"",
61
+ "transition": "\"micro-short\" | \"micro-medium\" | \"micro-long\" | \"macro-short\" | \"macro-medium\" | \"macro-long\"",
62
+ "opacity": "Opacity",
63
+ "zIndex": "-1 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | \"-1\" | \"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" | \"10\"",
64
+ "dark": "boolean",
65
+ "light": "boolean"
66
+ },
67
+ "FlexProps": {
68
+ "direction": "\"row\" | \"column\" | \"row-reverse\" | \"column-reverse\"",
69
+ "horizontal": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
70
+ "vertical": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
71
+ "center": "boolean",
72
+ "wrap": "boolean",
73
+ "flex": "FlexValue"
74
+ },
75
+ "SizeProps": {
76
+ "width": "number | SpacingToken | CSSUnit",
77
+ "height": "number | SpacingToken | CSSUnit",
78
+ "maxWidth": "number | SpacingToken | CSSUnit",
79
+ "minWidth": "number | SpacingToken | CSSUnit",
80
+ "minHeight": "number | SpacingToken | CSSUnit",
81
+ "maxHeight": "number | SpacingToken | CSSUnit",
82
+ "fit": "boolean",
83
+ "fitWidth": "boolean",
84
+ "fitHeight": "boolean",
85
+ "fill": "boolean",
86
+ "fillWidth": "boolean",
87
+ "fillHeight": "boolean",
88
+ "aspectRatio": "CSSProperties[\"aspectRatio\"]"
89
+ },
90
+ "SpacingProps": {
91
+ "padding": "SpacingToken | number",
92
+ "paddingLeft": "SpacingToken | number",
93
+ "paddingRight": "SpacingToken | number",
94
+ "paddingTop": "SpacingToken | number",
95
+ "paddingBottom": "SpacingToken | number",
96
+ "paddingX": "SpacingToken | number",
97
+ "paddingY": "SpacingToken | number",
98
+ "margin": "SpacingToken | number",
99
+ "marginLeft": "SpacingToken | number",
100
+ "marginRight": "SpacingToken | number",
101
+ "marginTop": "SpacingToken | number",
102
+ "marginBottom": "SpacingToken | number",
103
+ "marginX": "SpacingToken | number",
104
+ "marginY": "SpacingToken | number",
105
+ "gap": "SpacingToken | number | \"-1\"",
106
+ "top": "SpacingToken | number | CSSUnit",
107
+ "right": "SpacingToken | number | CSSUnit",
108
+ "bottom": "SpacingToken | number | CSSUnit",
109
+ "left": "SpacingToken | number | CSSUnit",
110
+ "translateX": "SpacingToken | number | CSSUnit",
111
+ "translateY": "SpacingToken | number | CSSUnit"
112
+ },
113
+ "StyleProps": {
114
+ "textVariant": "TextVariant",
115
+ "textSize": "TextSize",
116
+ "textType": "TextType",
117
+ "textWeight": "TextWeight",
118
+ "background": "Colors | \"surface\" | \"overlay\" | \"page\" | \"transparent\"",
119
+ "solid": "Colors",
120
+ "borderTop": "Colors | \"surface\" | \"transparent\" | boolean",
121
+ "borderRight": "Colors | \"surface\" | \"transparent\" | boolean",
122
+ "borderBottom": "Colors | \"surface\" | \"transparent\" | boolean",
123
+ "borderLeft": "Colors | \"surface\" | \"transparent\" | boolean",
124
+ "borderX": "Colors | \"surface\" | \"transparent\" | boolean",
125
+ "borderY": "Colors | \"surface\" | \"transparent\" | boolean",
126
+ "border": "Colors | \"surface\" | \"transparent\" | boolean",
127
+ "borderStyle": "\"solid\" | \"dashed\"",
128
+ "borderWidth": "1 | 2 | 4 | 8 | \"1\" | \"2\" | \"4\" | \"8\"",
129
+ "topRadius": "RadiusSize",
130
+ "rightRadius": "RadiusSize",
131
+ "bottomRadius": "RadiusSize",
132
+ "leftRadius": "RadiusSize",
133
+ "topLeftRadius": "RadiusSize",
134
+ "topRightRadius": "RadiusSize",
135
+ "bottomLeftRadius": "RadiusSize",
136
+ "bottomRightRadius": "RadiusSize",
137
+ "shadow": "ShadowSize",
138
+ "cursor": "CSSProperties[\"cursor\"] | \"interactive\" | ReactNode",
139
+ "radius": "RadiusSize | `${RadiusSize}-${RadiusNest}`"
140
+ }
141
+ }
142
+ }
@@ -0,0 +1,122 @@
1
+ {
2
+ "name": "MediaUpload",
3
+ "group": "modules",
4
+ "extends": [
5
+ "MediaUpload.impl",
6
+ "Flex"
7
+ ],
8
+ "mixins": [
9
+ "CommonProps",
10
+ "DisplayProps",
11
+ "FlexProps",
12
+ "SizeProps",
13
+ "SpacingProps",
14
+ "StyleProps"
15
+ ],
16
+ "mixinsRef": [
17
+ "CommonProps",
18
+ "DisplayProps",
19
+ "FlexProps",
20
+ "SizeProps",
21
+ "SpacingProps",
22
+ "StyleProps"
23
+ ],
24
+ "tokensRef": "see spec.json mixins",
25
+ "resolvedMixins": {
26
+ "CommonProps": {
27
+ "onBackground": "Colors",
28
+ "onSolid": "Colors",
29
+ "align": "CSSProperties[\"textAlign\"]"
30
+ },
31
+ "DisplayProps": {
32
+ "as": "ElementType",
33
+ "inline": "boolean",
34
+ "hide": "boolean",
35
+ "pointerEvents": "\"none\" | \"all\" | \"auto\"",
36
+ "position": "CSSProperties[\"position\"]",
37
+ "overflow": "CSSProperties[\"overflow\"]",
38
+ "overflowX": "CSSProperties[\"overflowX\"]",
39
+ "overflowY": "CSSProperties[\"overflowY\"]",
40
+ "scrollbar": "\"default\" | \"minimal\"",
41
+ "transition": "\"micro-short\" | \"micro-medium\" | \"micro-long\" | \"macro-short\" | \"macro-medium\" | \"macro-long\"",
42
+ "opacity": "Opacity",
43
+ "zIndex": "-1 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | \"-1\" | \"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" | \"10\"",
44
+ "dark": "boolean",
45
+ "light": "boolean"
46
+ },
47
+ "FlexProps": {
48
+ "direction": "\"row\" | \"column\" | \"row-reverse\" | \"column-reverse\"",
49
+ "horizontal": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
50
+ "vertical": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
51
+ "center": "boolean",
52
+ "wrap": "boolean",
53
+ "flex": "FlexValue"
54
+ },
55
+ "SizeProps": {
56
+ "width": "number | SpacingToken | CSSUnit",
57
+ "height": "number | SpacingToken | CSSUnit",
58
+ "maxWidth": "number | SpacingToken | CSSUnit",
59
+ "minWidth": "number | SpacingToken | CSSUnit",
60
+ "minHeight": "number | SpacingToken | CSSUnit",
61
+ "maxHeight": "number | SpacingToken | CSSUnit",
62
+ "fit": "boolean",
63
+ "fitWidth": "boolean",
64
+ "fitHeight": "boolean",
65
+ "fill": "boolean",
66
+ "fillWidth": "boolean",
67
+ "fillHeight": "boolean",
68
+ "aspectRatio": "CSSProperties[\"aspectRatio\"]"
69
+ },
70
+ "SpacingProps": {
71
+ "padding": "SpacingToken | number",
72
+ "paddingLeft": "SpacingToken | number",
73
+ "paddingRight": "SpacingToken | number",
74
+ "paddingTop": "SpacingToken | number",
75
+ "paddingBottom": "SpacingToken | number",
76
+ "paddingX": "SpacingToken | number",
77
+ "paddingY": "SpacingToken | number",
78
+ "margin": "SpacingToken | number",
79
+ "marginLeft": "SpacingToken | number",
80
+ "marginRight": "SpacingToken | number",
81
+ "marginTop": "SpacingToken | number",
82
+ "marginBottom": "SpacingToken | number",
83
+ "marginX": "SpacingToken | number",
84
+ "marginY": "SpacingToken | number",
85
+ "gap": "SpacingToken | number | \"-1\"",
86
+ "top": "SpacingToken | number | CSSUnit",
87
+ "right": "SpacingToken | number | CSSUnit",
88
+ "bottom": "SpacingToken | number | CSSUnit",
89
+ "left": "SpacingToken | number | CSSUnit",
90
+ "translateX": "SpacingToken | number | CSSUnit",
91
+ "translateY": "SpacingToken | number | CSSUnit"
92
+ },
93
+ "StyleProps": {
94
+ "textVariant": "TextVariant",
95
+ "textSize": "TextSize",
96
+ "textType": "TextType",
97
+ "textWeight": "TextWeight",
98
+ "background": "Colors | \"surface\" | \"overlay\" | \"page\" | \"transparent\"",
99
+ "solid": "Colors",
100
+ "borderTop": "Colors | \"surface\" | \"transparent\" | boolean",
101
+ "borderRight": "Colors | \"surface\" | \"transparent\" | boolean",
102
+ "borderBottom": "Colors | \"surface\" | \"transparent\" | boolean",
103
+ "borderLeft": "Colors | \"surface\" | \"transparent\" | boolean",
104
+ "borderX": "Colors | \"surface\" | \"transparent\" | boolean",
105
+ "borderY": "Colors | \"surface\" | \"transparent\" | boolean",
106
+ "border": "Colors | \"surface\" | \"transparent\" | boolean",
107
+ "borderStyle": "\"solid\" | \"dashed\"",
108
+ "borderWidth": "1 | 2 | 4 | 8 | \"1\" | \"2\" | \"4\" | \"8\"",
109
+ "topRadius": "RadiusSize",
110
+ "rightRadius": "RadiusSize",
111
+ "bottomRadius": "RadiusSize",
112
+ "leftRadius": "RadiusSize",
113
+ "topLeftRadius": "RadiusSize",
114
+ "topRightRadius": "RadiusSize",
115
+ "bottomLeftRadius": "RadiusSize",
116
+ "bottomRightRadius": "RadiusSize",
117
+ "shadow": "ShadowSize",
118
+ "cursor": "CSSProperties[\"cursor\"] | \"interactive\" | ReactNode",
119
+ "radius": "RadiusSize | `${RadiusSize}-${RadiusNest}`"
120
+ }
121
+ }
122
+ }