reshaped 1.0.1 → 2.1.0

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 (727) hide show
  1. package/CHANGELOG.md +5 -0
  2. package/LICENSE.md +37 -0
  3. package/bin/clean.sh +2 -0
  4. package/bin/cli.js +78 -0
  5. package/bin/copy-release.sh +8 -0
  6. package/bundle.css +1 -0
  7. package/bundle.d.ts +118 -0
  8. package/bundle.js +27 -0
  9. package/cli/theming/definitions/base.d.ts +3 -0
  10. package/cli/theming/definitions/base.js +11 -0
  11. package/cli/theming/definitions/figma.d.ts +3 -0
  12. package/cli/theming/definitions/figma.js +180 -0
  13. package/cli/theming/definitions/minimal.d.ts +3 -0
  14. package/cli/theming/definitions/minimal.js +80 -0
  15. package/cli/theming/definitions/reshaped.d.ts +3 -0
  16. package/cli/theming/definitions/reshaped.js +188 -0
  17. package/cli/theming/definitions/slate.d.ts +3 -0
  18. package/cli/theming/definitions/slate.js +80 -0
  19. package/cli/theming/index.d.ts +4 -0
  20. package/cli/theming/index.js +140 -0
  21. package/cli/theming/reshaped.config.d.ts +3 -0
  22. package/cli/theming/reshaped.config.js +25 -0
  23. package/cli/theming/tokens/color/color.transforms.d.ts +4 -0
  24. package/cli/theming/tokens/color/color.transforms.js +20 -0
  25. package/cli/theming/tokens/color/color.types.d.ts +7 -0
  26. package/cli/theming/tokens/color/color.types.js +2 -0
  27. package/cli/theming/tokens/duration/duration.transforms.d.ts +4 -0
  28. package/cli/theming/tokens/duration/duration.transforms.js +11 -0
  29. package/cli/theming/tokens/duration/duration.types.d.ts +4 -0
  30. package/cli/theming/tokens/duration/duration.types.js +2 -0
  31. package/cli/theming/tokens/easing/easing.transforms.d.ts +4 -0
  32. package/cli/theming/tokens/easing/easing.transforms.js +11 -0
  33. package/cli/theming/tokens/easing/easing.types.d.ts +7 -0
  34. package/cli/theming/tokens/easing/easing.types.js +2 -0
  35. package/cli/theming/tokens/font/font.transforms.d.ts +4 -0
  36. package/cli/theming/tokens/font/font.transforms.js +36 -0
  37. package/cli/theming/tokens/font/font.types.d.ts +10 -0
  38. package/cli/theming/tokens/font/font.types.js +2 -0
  39. package/cli/theming/tokens/fontFamily/fontFamily.transforms.d.ts +4 -0
  40. package/cli/theming/tokens/fontFamily/fontFamily.transforms.js +11 -0
  41. package/cli/theming/tokens/fontFamily/fontFamily.types.d.ts +4 -0
  42. package/cli/theming/tokens/fontFamily/fontFamily.types.js +2 -0
  43. package/cli/theming/tokens/fontWeight/fontWeight.transforms.d.ts +4 -0
  44. package/cli/theming/tokens/fontWeight/fontWeight.transforms.js +11 -0
  45. package/cli/theming/tokens/fontWeight/fontWeight.types.d.ts +4 -0
  46. package/cli/theming/tokens/fontWeight/fontWeight.types.js +2 -0
  47. package/cli/theming/tokens/shadow/shadow.transforms.d.ts +4 -0
  48. package/cli/theming/tokens/shadow/shadow.transforms.js +20 -0
  49. package/cli/theming/tokens/shadow/shadow.types.d.ts +13 -0
  50. package/cli/theming/tokens/shadow/shadow.types.js +2 -0
  51. package/cli/theming/tokens/transforms.d.ts +11 -0
  52. package/cli/theming/tokens/transforms.js +26 -0
  53. package/cli/theming/tokens/types.d.ts +52 -0
  54. package/cli/theming/tokens/types.js +2 -0
  55. package/cli/theming/tokens/unit/unit.transforms.d.ts +4 -0
  56. package/cli/theming/tokens/unit/unit.transforms.js +11 -0
  57. package/cli/theming/tokens/unit/unit.types.d.ts +7 -0
  58. package/cli/theming/tokens/unit/unit.types.js +2 -0
  59. package/cli/theming/tokens/viewport/viewport.transforms.d.ts +4 -0
  60. package/cli/theming/tokens/viewport/viewport.transforms.js +18 -0
  61. package/cli/theming/tokens/viewport/viewport.types.d.ts +5 -0
  62. package/cli/theming/tokens/viewport/viewport.types.js +2 -0
  63. package/cli/theming/types.d.ts +14 -0
  64. package/cli/theming/types.js +2 -0
  65. package/cli/theming/utilities/css.d.ts +6 -0
  66. package/cli/theming/utilities/css.js +50 -0
  67. package/cli/theming/utilities/mergeDeep.d.ts +5 -0
  68. package/cli/theming/utilities/mergeDeep.js +24 -0
  69. package/cli/theming/utilities/mergeDefinitions.d.ts +5 -0
  70. package/cli/theming/utilities/mergeDefinitions.js +17 -0
  71. package/cli/theming/utilities/resolveTokenReference.d.ts +3 -0
  72. package/cli/theming/utilities/resolveTokenReference.js +16 -0
  73. package/cli/utilities/color.d.ts +15 -0
  74. package/cli/utilities/color.js +39 -0
  75. package/cli/utilities/string.d.ts +2 -0
  76. package/cli/utilities/string.js +11 -0
  77. package/cli/utilities/tests/color.test.d.ts +1 -0
  78. package/cli/utilities/tests/color.test.js +63 -0
  79. package/components/Accordion/Accordion.context.d.ts +4 -0
  80. package/components/Accordion/Accordion.context.js +9 -0
  81. package/components/Accordion/Accordion.d.ts +8 -0
  82. package/components/Accordion/Accordion.js +14 -0
  83. package/components/Accordion/Accordion.module.css +1 -0
  84. package/components/Accordion/Accordion.types.d.ts +39 -0
  85. package/components/Accordion/Accordion.types.js +1 -0
  86. package/components/Accordion/AccordionContent.d.ts +4 -0
  87. package/components/Accordion/AccordionContent.js +43 -0
  88. package/components/Accordion/AccordionControlled.d.ts +4 -0
  89. package/components/Accordion/AccordionControlled.js +23 -0
  90. package/components/Accordion/AccordionTrigger.d.ts +4 -0
  91. package/components/Accordion/AccordionTrigger.js +26 -0
  92. package/components/Accordion/AccordionUncontrolled.d.ts +4 -0
  93. package/components/Accordion/AccordionUncontrolled.js +24 -0
  94. package/components/Accordion/index.d.ts +2 -0
  95. package/components/Accordion/index.js +1 -0
  96. package/components/Accordion/tests/Accordion.stories.d.ts +9 -0
  97. package/components/Accordion/tests/Accordion.stories.js +119 -0
  98. package/components/ActionBar/ActionBar.d.ts +4 -0
  99. package/components/ActionBar/ActionBar.js +10 -0
  100. package/components/ActionBar/ActionBar.module.css +1 -0
  101. package/components/ActionBar/ActionBar.types.d.ts +10 -0
  102. package/components/ActionBar/ActionBar.types.js +1 -0
  103. package/components/ActionBar/index.d.ts +2 -0
  104. package/components/ActionBar/index.js +1 -0
  105. package/components/ActionBar/tests/ActionBar.stories.d.ts +8 -0
  106. package/components/ActionBar/tests/ActionBar.stories.js +43 -0
  107. package/components/Actionable/Actionable.d.ts +4 -0
  108. package/components/Actionable/Actionable.js +54 -0
  109. package/components/Actionable/Actionable.module.css +1 -0
  110. package/components/Actionable/Actionable.types.d.ts +18 -0
  111. package/components/Actionable/Actionable.types.js +1 -0
  112. package/components/Actionable/index.d.ts +2 -0
  113. package/components/Actionable/index.js +1 -0
  114. package/components/Actionable/tests/Actionable.stories.d.ts +9 -0
  115. package/components/Actionable/tests/Actionable.stories.js +56 -0
  116. package/components/Alert/Alert.d.ts +4 -0
  117. package/components/Alert/Alert.js +31 -0
  118. package/components/Alert/Alert.types.d.ts +14 -0
  119. package/components/Alert/Alert.types.js +1 -0
  120. package/components/Alert/index.d.ts +2 -0
  121. package/components/Alert/index.js +1 -0
  122. package/components/Alert/tests/Alert.stories.d.ts +8 -0
  123. package/components/Alert/tests/Alert.stories.js +78 -0
  124. package/components/Autocomplete/Autocomplete.d.ts +7 -0
  125. package/components/Autocomplete/Autocomplete.js +69 -0
  126. package/components/Autocomplete/Autocomplete.types.d.ts +17 -0
  127. package/components/Autocomplete/Autocomplete.types.js +1 -0
  128. package/components/Autocomplete/index.d.ts +2 -0
  129. package/components/Autocomplete/index.js +1 -0
  130. package/components/Autocomplete/tests/Autocomplete.stories.d.ts +6 -0
  131. package/components/Autocomplete/tests/Autocomplete.stories.js +21 -0
  132. package/components/Avatar/Avatar.d.ts +4 -0
  133. package/components/Avatar/Avatar.js +29 -0
  134. package/components/Avatar/Avatar.module.css +1 -0
  135. package/components/Avatar/Avatar.types.d.ts +30 -0
  136. package/components/Avatar/Avatar.types.js +1 -0
  137. package/components/Avatar/index.d.ts +2 -0
  138. package/components/Avatar/index.js +1 -0
  139. package/components/Avatar/tests/Avatar.stories.d.ts +9 -0
  140. package/components/Avatar/tests/Avatar.stories.js +83 -0
  141. package/components/Badge/Badge.d.ts +7 -0
  142. package/components/Badge/Badge.js +24 -0
  143. package/components/Badge/Badge.module.css +1 -0
  144. package/components/Badge/Badge.types.d.ts +39 -0
  145. package/components/Badge/Badge.types.js +1 -0
  146. package/components/Badge/BadgeContainer.d.ts +4 -0
  147. package/components/Badge/BadgeContainer.js +9 -0
  148. package/components/Badge/index.d.ts +2 -0
  149. package/components/Badge/index.js +1 -0
  150. package/components/Badge/tests/Badge.stories.d.ts +13 -0
  151. package/components/Badge/tests/Badge.stories.js +222 -0
  152. package/components/Breadcrumbs/Breadcrumbs.d.ts +7 -0
  153. package/components/Breadcrumbs/Breadcrumbs.js +54 -0
  154. package/components/Breadcrumbs/Breadcrumbs.types.d.ts +13 -0
  155. package/components/Breadcrumbs/Breadcrumbs.types.js +1 -0
  156. package/components/Breadcrumbs/index.d.ts +2 -0
  157. package/components/Breadcrumbs/index.js +1 -0
  158. package/components/Breadcrumbs/tests/Breadcrumbs.stories.d.ts +10 -0
  159. package/components/Breadcrumbs/tests/Breadcrumbs.stories.js +95 -0
  160. package/components/Button/Button.d.ts +3 -0
  161. package/components/Button/Button.js +37 -0
  162. package/components/Button/Button.module.css +1 -0
  163. package/components/Button/Button.types.d.ts +31 -0
  164. package/components/Button/Button.types.js +1 -0
  165. package/components/Button/ButtonAligner.d.ts +4 -0
  166. package/components/Button/ButtonAligner.js +13 -0
  167. package/components/Button/index.d.ts +2 -0
  168. package/components/Button/index.js +1 -0
  169. package/components/Button/tests/Button.stories.d.ts +15 -0
  170. package/components/Button/tests/Button.stories.js +561 -0
  171. package/components/Card/Card.d.ts +17 -0
  172. package/components/Card/Card.js +31 -0
  173. package/components/Card/Card.module.css +1 -0
  174. package/components/Card/Card.types.d.ts +16 -0
  175. package/components/Card/Card.types.js +1 -0
  176. package/components/Card/index.d.ts +2 -0
  177. package/components/Card/index.js +1 -0
  178. package/components/Card/tests/Card.stories.d.ts +12 -0
  179. package/components/Card/tests/Card.stories.js +83 -0
  180. package/components/Carousel/Carousel.d.ts +4 -0
  181. package/components/Carousel/Carousel.js +67 -0
  182. package/components/Carousel/Carousel.module.css +1 -0
  183. package/components/Carousel/Carousel.types.d.ts +28 -0
  184. package/components/Carousel/Carousel.types.js +5 -0
  185. package/components/Carousel/CarouselControl.d.ts +4 -0
  186. package/components/Carousel/CarouselControl.js +42 -0
  187. package/components/Carousel/index.d.ts +2 -0
  188. package/components/Carousel/index.js +1 -0
  189. package/components/Carousel/tests/Carousel.stories.d.ts +9 -0
  190. package/components/Carousel/tests/Carousel.stories.js +119 -0
  191. package/components/Checkbox/Checkbox.d.ts +4 -0
  192. package/components/Checkbox/Checkbox.js +44 -0
  193. package/components/Checkbox/Checkbox.module.css +1 -0
  194. package/components/Checkbox/Checkbox.types.d.ts +26 -0
  195. package/components/Checkbox/Checkbox.types.js +1 -0
  196. package/components/Checkbox/index.d.ts +2 -0
  197. package/components/Checkbox/index.js +1 -0
  198. package/components/Checkbox/tests/Checkbox.stories.d.ts +8 -0
  199. package/components/Checkbox/tests/Checkbox.stories.js +53 -0
  200. package/components/CheckboxGroup/CheckboxGroup.context.d.ts +5 -0
  201. package/components/CheckboxGroup/CheckboxGroup.context.js +5 -0
  202. package/components/CheckboxGroup/CheckboxGroup.d.ts +4 -0
  203. package/components/CheckboxGroup/CheckboxGroup.js +10 -0
  204. package/components/CheckboxGroup/CheckboxGroup.types.d.ts +28 -0
  205. package/components/CheckboxGroup/CheckboxGroup.types.js +1 -0
  206. package/components/CheckboxGroup/CheckboxGroupControlled.d.ts +4 -0
  207. package/components/CheckboxGroup/CheckboxGroupControlled.js +22 -0
  208. package/components/CheckboxGroup/CheckboxGroupUncontrolled.d.ts +4 -0
  209. package/components/CheckboxGroup/CheckboxGroupUncontrolled.js +16 -0
  210. package/components/CheckboxGroup/index.d.ts +3 -0
  211. package/components/CheckboxGroup/index.js +2 -0
  212. package/components/CheckboxGroup/tests/CheckboxGroup.stories.d.ts +7 -0
  213. package/components/CheckboxGroup/tests/CheckboxGroup.stories.js +44 -0
  214. package/components/Container/Container.d.ts +4 -0
  215. package/components/Container/Container.js +10 -0
  216. package/components/Container/Container.module.css +1 -0
  217. package/components/Container/Container.types.d.ts +9 -0
  218. package/components/Container/Container.types.js +1 -0
  219. package/components/Container/index.d.ts +2 -0
  220. package/components/Container/index.js +1 -0
  221. package/components/Container/tests/Container.stories.d.ts +7 -0
  222. package/components/Container/tests/Container.stories.js +28 -0
  223. package/components/Dismissible/Dismissible.d.ts +4 -0
  224. package/components/Dismissible/Dismissible.js +15 -0
  225. package/components/Dismissible/Dismissible.module.css +1 -0
  226. package/components/Dismissible/Dismissible.types.d.ts +20 -0
  227. package/components/Dismissible/Dismissible.types.js +1 -0
  228. package/components/Dismissible/index.d.ts +2 -0
  229. package/components/Dismissible/index.js +1 -0
  230. package/components/Dismissible/tests/Dismissible.stories.d.ts +8 -0
  231. package/components/Dismissible/tests/Dismissible.stories.js +44 -0
  232. package/components/Divider/Divider.d.ts +4 -0
  233. package/components/Divider/Divider.js +14 -0
  234. package/components/Divider/Divider.module.css +1 -0
  235. package/components/Divider/Divider.types.d.ts +7 -0
  236. package/components/Divider/Divider.types.js +1 -0
  237. package/components/Divider/index.d.ts +2 -0
  238. package/components/Divider/index.js +1 -0
  239. package/components/Divider/tests/Divider.stories.d.ts +7 -0
  240. package/components/Divider/tests/Divider.stories.js +36 -0
  241. package/components/DropdownMenu/DropdownMenu.d.ts +13 -0
  242. package/components/DropdownMenu/DropdownMenu.js +90 -0
  243. package/components/DropdownMenu/DropdownMenu.module.css +1 -0
  244. package/components/DropdownMenu/DropdownMenu.types.d.ts +16 -0
  245. package/components/DropdownMenu/DropdownMenu.types.js +1 -0
  246. package/components/DropdownMenu/index.d.ts +2 -0
  247. package/components/DropdownMenu/index.js +1 -0
  248. package/components/DropdownMenu/tests/DropdownMenu.stories.d.ts +11 -0
  249. package/components/DropdownMenu/tests/DropdownMenu.stories.js +138 -0
  250. package/components/FormControl/FormControl.context.d.ts +281 -0
  251. package/components/FormControl/FormControl.context.js +18 -0
  252. package/components/FormControl/FormControl.d.ts +9 -0
  253. package/components/FormControl/FormControl.js +68 -0
  254. package/components/FormControl/FormControl.module.css +1 -0
  255. package/components/FormControl/FormControl.types.d.ts +33 -0
  256. package/components/FormControl/FormControl.types.js +1 -0
  257. package/components/FormControl/index.d.ts +3 -0
  258. package/components/FormControl/index.js +2 -0
  259. package/components/FormControl/tests/FormControl.stories.d.ts +10 -0
  260. package/components/FormControl/tests/FormControl.stories.js +78 -0
  261. package/components/Hidden/Hidden.d.ts +4 -0
  262. package/components/Hidden/Hidden.js +11 -0
  263. package/components/Hidden/Hidden.module.css +1 -0
  264. package/components/Hidden/Hidden.types.d.ts +9 -0
  265. package/components/Hidden/Hidden.types.js +1 -0
  266. package/components/Hidden/index.d.ts +2 -0
  267. package/components/Hidden/index.js +1 -0
  268. package/components/Hidden/tests/Hidden.stories.d.ts +7 -0
  269. package/components/Hidden/tests/Hidden.stories.js +39 -0
  270. package/components/HiddenVisually/HiddenVisually.d.ts +4 -0
  271. package/components/HiddenVisually/HiddenVisually.js +7 -0
  272. package/components/HiddenVisually/HiddenVisually.module.css +1 -0
  273. package/components/HiddenVisually/HiddenVisually.types.d.ts +4 -0
  274. package/components/HiddenVisually/HiddenVisually.types.js +1 -0
  275. package/components/HiddenVisually/index.d.ts +2 -0
  276. package/components/HiddenVisually/index.js +1 -0
  277. package/components/HiddenVisually/tests/HiddenVisually.stories.d.ts +6 -0
  278. package/components/HiddenVisually/tests/HiddenVisually.stories.js +9 -0
  279. package/components/Hotkey/Hotkey.d.ts +4 -0
  280. package/components/Hotkey/Hotkey.js +10 -0
  281. package/components/Hotkey/Hotkey.module.css +1 -0
  282. package/components/Hotkey/Hotkey.types.d.ts +8 -0
  283. package/components/Hotkey/Hotkey.types.js +1 -0
  284. package/components/Hotkey/index.d.ts +2 -0
  285. package/components/Hotkey/index.js +1 -0
  286. package/components/Hotkey/tests/Hotkey.stories.d.ts +6 -0
  287. package/components/Hotkey/tests/Hotkey.stories.js +26 -0
  288. package/components/Icon/Icon.d.ts +4 -0
  289. package/components/Icon/Icon.js +15 -0
  290. package/components/Icon/Icon.module.css +1 -0
  291. package/components/Icon/Icon.types.d.ts +10 -0
  292. package/components/Icon/Icon.types.js +1 -0
  293. package/components/Icon/index.d.ts +2 -0
  294. package/components/Icon/index.js +1 -0
  295. package/components/Icon/tests/Icon.stories.d.ts +8 -0
  296. package/components/Icon/tests/Icon.stories.js +69 -0
  297. package/components/Image/Image.d.ts +4 -0
  298. package/components/Image/Image.js +37 -0
  299. package/components/Image/Image.module.css +1 -0
  300. package/components/Image/Image.types.d.ts +19 -0
  301. package/components/Image/Image.types.js +1 -0
  302. package/components/Image/index.d.ts +2 -0
  303. package/components/Image/index.js +1 -0
  304. package/components/Image/tests/Image.stories.d.ts +10 -0
  305. package/components/Image/tests/Image.stories.js +90 -0
  306. package/components/Link/Link.d.ts +7 -0
  307. package/components/Link/Link.js +13 -0
  308. package/components/Link/Link.module.css +1 -0
  309. package/components/Link/Link.types.d.ts +7 -0
  310. package/components/Link/Link.types.js +1 -0
  311. package/components/Link/index.d.ts +2 -0
  312. package/components/Link/index.js +1 -0
  313. package/components/Link/tests/Link.stories.d.ts +10 -0
  314. package/components/Link/tests/Link.stories.js +62 -0
  315. package/components/Loader/Loader.d.ts +4 -0
  316. package/components/Loader/Loader.js +11 -0
  317. package/components/Loader/Loader.module.css +1 -0
  318. package/components/Loader/Loader.types.d.ts +7 -0
  319. package/components/Loader/Loader.types.js +1 -0
  320. package/components/Loader/index.d.ts +2 -0
  321. package/components/Loader/index.js +1 -0
  322. package/components/Loader/tests/Loader.stories.d.ts +7 -0
  323. package/components/Loader/tests/Loader.stories.js +29 -0
  324. package/components/MenuItem/MenuItem.d.ts +3 -0
  325. package/components/MenuItem/MenuItem.js +22 -0
  326. package/components/MenuItem/MenuItem.module.css +1 -0
  327. package/components/MenuItem/MenuItem.types.d.ts +23 -0
  328. package/components/MenuItem/MenuItem.types.js +1 -0
  329. package/components/MenuItem/MenuItemAligner.d.ts +4 -0
  330. package/components/MenuItem/MenuItemAligner.js +9 -0
  331. package/components/MenuItem/index.d.ts +2 -0
  332. package/components/MenuItem/index.js +1 -0
  333. package/components/MenuItem/tests/MenuItem.stories.d.ts +12 -0
  334. package/components/MenuItem/tests/MenuItem.stories.js +122 -0
  335. package/components/Modal/Modal.d.ts +8 -0
  336. package/components/Modal/Modal.js +56 -0
  337. package/components/Modal/Modal.module.css +1 -0
  338. package/components/Modal/Modal.types.d.ts +26 -0
  339. package/components/Modal/Modal.types.js +1 -0
  340. package/components/Modal/index.d.ts +2 -0
  341. package/components/Modal/index.js +1 -0
  342. package/components/Modal/tests/Modal.stories.d.ts +11 -0
  343. package/components/Modal/tests/Modal.stories.js +145 -0
  344. package/components/Overlay/Overlay.d.ts +4 -0
  345. package/components/Overlay/Overlay.js +110 -0
  346. package/components/Overlay/Overlay.module.css +1 -0
  347. package/components/Overlay/Overlay.types.d.ts +12 -0
  348. package/components/Overlay/Overlay.types.js +1 -0
  349. package/components/Overlay/index.d.ts +2 -0
  350. package/components/Overlay/index.js +1 -0
  351. package/components/Overlay/tests/Overlay.stories.d.ts +6 -0
  352. package/components/Overlay/tests/Overlay.stories.js +27 -0
  353. package/components/Popover/Popover.d.ts +8 -0
  354. package/components/Popover/Popover.js +19 -0
  355. package/components/Popover/Popover.module.css +1 -0
  356. package/components/Popover/Popover.types.d.ts +7 -0
  357. package/components/Popover/Popover.types.js +1 -0
  358. package/components/Popover/index.d.ts +2 -0
  359. package/components/Popover/index.js +1 -0
  360. package/components/Popover/tests/Popover.stories.d.ts +10 -0
  361. package/components/Popover/tests/Popover.stories.js +99 -0
  362. package/components/Progress/Progress.d.ts +4 -0
  363. package/components/Progress/Progress.js +18 -0
  364. package/components/Progress/Progress.module.css +1 -0
  365. package/components/Progress/Progress.types.d.ts +11 -0
  366. package/components/Progress/Progress.types.js +1 -0
  367. package/components/Progress/index.d.ts +2 -0
  368. package/components/Progress/index.js +1 -0
  369. package/components/Progress/tests/Progress.stories.d.ts +9 -0
  370. package/components/Progress/tests/Progress.stories.js +55 -0
  371. package/components/Radio/Radio.d.ts +4 -0
  372. package/components/Radio/Radio.js +35 -0
  373. package/components/Radio/Radio.module.css +1 -0
  374. package/components/Radio/Radio.types.d.ts +25 -0
  375. package/components/Radio/Radio.types.js +1 -0
  376. package/components/Radio/index.d.ts +2 -0
  377. package/components/Radio/index.js +1 -0
  378. package/components/Radio/tests/Radio.stories.d.ts +8 -0
  379. package/components/Radio/tests/Radio.stories.js +42 -0
  380. package/components/RadioGroup/RadioGroup.context.d.ts +5 -0
  381. package/components/RadioGroup/RadioGroup.context.js +5 -0
  382. package/components/RadioGroup/RadioGroup.d.ts +4 -0
  383. package/components/RadioGroup/RadioGroup.js +10 -0
  384. package/components/RadioGroup/RadioGroup.types.d.ts +28 -0
  385. package/components/RadioGroup/RadioGroup.types.js +1 -0
  386. package/components/RadioGroup/RadioGroupControlled.d.ts +4 -0
  387. package/components/RadioGroup/RadioGroupControlled.js +14 -0
  388. package/components/RadioGroup/RadioGroupUncontrolled.d.ts +4 -0
  389. package/components/RadioGroup/RadioGroupUncontrolled.js +16 -0
  390. package/components/RadioGroup/index.d.ts +3 -0
  391. package/components/RadioGroup/index.js +2 -0
  392. package/components/RadioGroup/tests/RadioGroup.stories.d.ts +7 -0
  393. package/components/RadioGroup/tests/RadioGroup.stories.js +44 -0
  394. package/components/Reshaped/Reshaped.css +1 -0
  395. package/components/Reshaped/Reshaped.d.ts +5 -0
  396. package/components/Reshaped/Reshaped.js +26 -0
  397. package/components/Reshaped/Reshaped.module.css +1 -0
  398. package/components/Reshaped/Reshaped.types.d.ts +14 -0
  399. package/components/Reshaped/Reshaped.types.js +1 -0
  400. package/components/Reshaped/index.d.ts +2 -0
  401. package/components/Reshaped/index.js +1 -0
  402. package/components/Scrim/Scrim.d.ts +4 -0
  403. package/components/Scrim/Scrim.js +13 -0
  404. package/components/Scrim/Scrim.module.css +1 -0
  405. package/components/Scrim/Scrim.types.d.ts +11 -0
  406. package/components/Scrim/Scrim.types.js +1 -0
  407. package/components/Scrim/index.d.ts +2 -0
  408. package/components/Scrim/index.js +1 -0
  409. package/components/Scrim/tests/Scrim.stories.d.ts +7 -0
  410. package/components/Scrim/tests/Scrim.stories.js +40 -0
  411. package/components/Select/Select.d.ts +4 -0
  412. package/components/Select/Select.js +59 -0
  413. package/components/Select/Select.module.css +1 -0
  414. package/components/Select/Select.types.d.ts +49 -0
  415. package/components/Select/Select.types.js +1 -0
  416. package/components/Select/index.d.ts +2 -0
  417. package/components/Select/index.js +1 -0
  418. package/components/Select/tests/Select.stories.d.ts +14 -0
  419. package/components/Select/tests/Select.stories.js +165 -0
  420. package/components/Skeleton/Skeleton.d.ts +4 -0
  421. package/components/Skeleton/Skeleton.js +10 -0
  422. package/components/Skeleton/Skeleton.module.css +1 -0
  423. package/components/Skeleton/Skeleton.types.d.ts +6 -0
  424. package/components/Skeleton/Skeleton.types.js +1 -0
  425. package/components/Skeleton/index.d.ts +2 -0
  426. package/components/Skeleton/index.js +1 -0
  427. package/components/Skeleton/tests/Skeleton.stories.d.ts +7 -0
  428. package/components/Skeleton/tests/Skeleton.stories.js +38 -0
  429. package/components/Switch/Switch.d.ts +4 -0
  430. package/components/Switch/Switch.js +31 -0
  431. package/components/Switch/Switch.module.css +1 -0
  432. package/components/Switch/Switch.types.d.ts +26 -0
  433. package/components/Switch/Switch.types.js +1 -0
  434. package/components/Switch/index.d.ts +2 -0
  435. package/components/Switch/index.js +1 -0
  436. package/components/Switch/tests/Switch.stories.d.ts +9 -0
  437. package/components/Switch/tests/Switch.stories.js +53 -0
  438. package/components/Tabs/Tabs.d.ts +16 -0
  439. package/components/Tabs/Tabs.js +16 -0
  440. package/components/Tabs/Tabs.module.css +1 -0
  441. package/components/Tabs/Tabs.types.d.ts +61 -0
  442. package/components/Tabs/Tabs.types.js +1 -0
  443. package/components/Tabs/TabsContext.d.ts +18 -0
  444. package/components/Tabs/TabsContext.js +19 -0
  445. package/components/Tabs/TabsControlled.d.ts +4 -0
  446. package/components/Tabs/TabsControlled.js +16 -0
  447. package/components/Tabs/TabsItem.d.ts +11 -0
  448. package/components/Tabs/TabsItem.js +31 -0
  449. package/components/Tabs/TabsList.d.ts +4 -0
  450. package/components/Tabs/TabsList.js +163 -0
  451. package/components/Tabs/TabsPanel.d.ts +4 -0
  452. package/components/Tabs/TabsPanel.js +13 -0
  453. package/components/Tabs/TabsUncontrolled.d.ts +4 -0
  454. package/components/Tabs/TabsUncontrolled.js +18 -0
  455. package/components/Tabs/index.d.ts +2 -0
  456. package/components/Tabs/index.js +1 -0
  457. package/components/Tabs/tests/Tabs.stories.d.ts +13 -0
  458. package/components/Tabs/tests/Tabs.stories.js +251 -0
  459. package/components/Text/Text.d.ts +4 -0
  460. package/components/Text/Text.js +24 -0
  461. package/components/Text/Text.module.css +1 -0
  462. package/components/Text/Text.types.d.ts +15 -0
  463. package/components/Text/Text.types.js +1 -0
  464. package/components/Text/index.d.ts +2 -0
  465. package/components/Text/index.js +1 -0
  466. package/components/Text/tests/Text.stories.d.ts +11 -0
  467. package/components/Text/tests/Text.stories.js +117 -0
  468. package/components/TextArea/TextArea.d.ts +4 -0
  469. package/components/TextArea/TextArea.js +25 -0
  470. package/components/TextArea/TextArea.module.css +1 -0
  471. package/components/TextArea/TextArea.types.d.ts +28 -0
  472. package/components/TextArea/TextArea.types.js +1 -0
  473. package/components/TextArea/index.d.ts +2 -0
  474. package/components/TextArea/index.js +1 -0
  475. package/components/TextArea/tests/TextArea.stories.d.ts +11 -0
  476. package/components/TextArea/tests/TextArea.stories.js +72 -0
  477. package/components/TextField/TextField.d.ts +4 -0
  478. package/components/TextField/TextField.js +47 -0
  479. package/components/TextField/TextField.module.css +1 -0
  480. package/components/TextField/TextField.types.d.ts +42 -0
  481. package/components/TextField/TextField.types.js +1 -0
  482. package/components/TextField/index.d.ts +2 -0
  483. package/components/TextField/index.js +1 -0
  484. package/components/TextField/tests/TextField.stories.d.ts +14 -0
  485. package/components/TextField/tests/TextField.stories.js +100 -0
  486. package/components/Theme/GlobalColorMode.d.ts +4 -0
  487. package/components/Theme/GlobalColorMode.js +31 -0
  488. package/components/Theme/Theme.context.d.ts +4 -0
  489. package/components/Theme/Theme.context.js +14 -0
  490. package/components/Theme/Theme.d.ts +4 -0
  491. package/components/Theme/Theme.js +39 -0
  492. package/components/Theme/Theme.module.css +1 -0
  493. package/components/Theme/Theme.types.d.ts +24 -0
  494. package/components/Theme/Theme.types.js +1 -0
  495. package/components/Theme/index.d.ts +4 -0
  496. package/components/Theme/index.js +3 -0
  497. package/components/Theme/tests/Theme.stories.d.ts +7 -0
  498. package/components/Theme/tests/Theme.stories.js +40 -0
  499. package/components/Theme/useTheme.d.ts +8 -0
  500. package/components/Theme/useTheme.js +18 -0
  501. package/components/Timeline/Timeline.d.ts +7 -0
  502. package/components/Timeline/Timeline.js +21 -0
  503. package/components/Timeline/Timeline.module.css +1 -0
  504. package/components/Timeline/Timeline.types.d.ts +13 -0
  505. package/components/Timeline/Timeline.types.js +1 -0
  506. package/components/Timeline/index.d.ts +2 -0
  507. package/components/Timeline/index.js +1 -0
  508. package/components/Timeline/tests/Timeline.stories.d.ts +7 -0
  509. package/components/Timeline/tests/Timeline.stories.js +55 -0
  510. package/components/Toast/Toast.constants.d.ts +10 -0
  511. package/components/Toast/Toast.constants.js +20 -0
  512. package/components/Toast/Toast.context.d.ts +4 -0
  513. package/components/Toast/Toast.context.js +5 -0
  514. package/components/Toast/Toast.d.ts +6 -0
  515. package/components/Toast/Toast.js +55 -0
  516. package/components/Toast/Toast.module.css +1 -0
  517. package/components/Toast/Toast.types.d.ts +77 -0
  518. package/components/Toast/Toast.types.js +1 -0
  519. package/components/Toast/ToastContainer.d.ts +4 -0
  520. package/components/Toast/ToastContainer.js +97 -0
  521. package/components/Toast/ToastProvider.d.ts +4 -0
  522. package/components/Toast/ToastProvider.js +80 -0
  523. package/components/Toast/ToastRegion.d.ts +4 -0
  524. package/components/Toast/ToastRegion.js +63 -0
  525. package/components/Toast/index.d.ts +3 -0
  526. package/components/Toast/index.js +2 -0
  527. package/components/Toast/tests/Toast.stories.d.ts +13 -0
  528. package/components/Toast/tests/Toast.stories.js +304 -0
  529. package/components/Toast/useToast.d.ts +5 -0
  530. package/components/Toast/useToast.js +8 -0
  531. package/components/Tooltip/Tooltip.d.ts +4 -0
  532. package/components/Tooltip/Tooltip.js +15 -0
  533. package/components/Tooltip/Tooltip.module.css +1 -0
  534. package/components/Tooltip/Tooltip.types.d.ts +5 -0
  535. package/components/Tooltip/Tooltip.types.js +1 -0
  536. package/components/Tooltip/index.d.ts +2 -0
  537. package/components/Tooltip/index.js +1 -0
  538. package/components/Tooltip/tests/Tooltip.stories.d.ts +7 -0
  539. package/components/Tooltip/tests/Tooltip.stories.js +58 -0
  540. package/components/View/View.d.ts +7 -0
  541. package/components/View/View.js +135 -0
  542. package/components/View/View.module.css +1 -0
  543. package/components/View/View.types.d.ts +64 -0
  544. package/components/View/View.types.js +1 -0
  545. package/components/View/index.d.ts +2 -0
  546. package/components/View/index.js +1 -0
  547. package/components/View/tests/View.stories.d.ts +32 -0
  548. package/components/View/tests/View.stories.js +1015 -0
  549. package/components/_private/Flyout/Flyout.context.d.ts +6 -0
  550. package/components/_private/Flyout/Flyout.context.js +6 -0
  551. package/components/_private/Flyout/Flyout.d.ts +8 -0
  552. package/components/_private/Flyout/Flyout.js +14 -0
  553. package/components/_private/Flyout/Flyout.module.css +1 -0
  554. package/components/_private/Flyout/Flyout.types.d.ts +77 -0
  555. package/components/_private/Flyout/Flyout.types.js +1 -0
  556. package/components/_private/Flyout/FlyoutContent.d.ts +4 -0
  557. package/components/_private/Flyout/FlyoutContent.js +40 -0
  558. package/components/_private/Flyout/FlyoutControlled.d.ts +4 -0
  559. package/components/_private/Flyout/FlyoutControlled.js +214 -0
  560. package/components/_private/Flyout/FlyoutTrigger.d.ts +4 -0
  561. package/components/_private/Flyout/FlyoutTrigger.js +47 -0
  562. package/components/_private/Flyout/FlyoutUncontrolled.d.ts +4 -0
  563. package/components/_private/Flyout/FlyoutUncontrolled.js +19 -0
  564. package/components/_private/Flyout/index.d.ts +3 -0
  565. package/components/_private/Flyout/index.js +2 -0
  566. package/components/_private/Flyout/tests/Flyout.stories.d.ts +16 -0
  567. package/components/_private/Flyout/tests/Flyout.stories.js +133 -0
  568. package/components/_private/HiddenInput/HiddenInput.d.ts +4 -0
  569. package/components/_private/HiddenInput/HiddenInput.js +9 -0
  570. package/components/_private/HiddenInput/HiddenInput.module.css +1 -0
  571. package/components/_private/HiddenInput/HiddenInput.types.d.ts +15 -0
  572. package/components/_private/HiddenInput/HiddenInput.types.js +1 -0
  573. package/components/_private/HiddenInput/index.d.ts +2 -0
  574. package/components/_private/HiddenInput/index.js +1 -0
  575. package/components/_private/Portal/Portal.d.ts +8 -0
  576. package/components/_private/Portal/Portal.js +21 -0
  577. package/components/_private/Portal/Portal.types.d.ts +6 -0
  578. package/components/_private/Portal/Portal.types.js +1 -0
  579. package/components/_private/Portal/index.d.ts +2 -0
  580. package/components/_private/Portal/index.js +1 -0
  581. package/components/_private/Portal/tests/Portal.stories.d.ts +6 -0
  582. package/components/_private/Portal/tests/Portal.stories.js +18 -0
  583. package/config/postcss.d.ts +13 -0
  584. package/config/postcss.js +19 -0
  585. package/config/tailwind.d.ts +2 -0
  586. package/config/tailwind.js +91 -0
  587. package/constants/attributes.d.ts +2 -0
  588. package/constants/attributes.js +2 -0
  589. package/constants/keys.d.ts +10 -0
  590. package/constants/keys.js +10 -0
  591. package/constants/timeouts.d.ts +2 -0
  592. package/constants/timeouts.js +2 -0
  593. package/hooks/_private/useFlyout.d.ts +27 -0
  594. package/hooks/_private/useFlyout.js +269 -0
  595. package/hooks/_private/useIsDismissible.d.ts +8 -0
  596. package/hooks/_private/useIsDismissible.js +45 -0
  597. package/hooks/_private/useOnClickOutside.d.ts +3 -0
  598. package/hooks/_private/useOnClickOutside.js +29 -0
  599. package/hooks/_private/useSingletonEnvironment.d.ts +9 -0
  600. package/hooks/_private/useSingletonEnvironment.js +33 -0
  601. package/hooks/_private/useSingletonHotkeys.d.ts +34 -0
  602. package/hooks/_private/useSingletonHotkeys.js +191 -0
  603. package/hooks/_private/useSingletonKeyboardMode.d.ts +2 -0
  604. package/hooks/_private/useSingletonKeyboardMode.js +21 -0
  605. package/hooks/tests/useHotkeys.stories.d.ts +6 -0
  606. package/hooks/tests/useHotkeys.stories.js +25 -0
  607. package/hooks/tests/useResponsiveClientValue.stories.d.ts +6 -0
  608. package/hooks/tests/useResponsiveClientValue.stories.js +13 -0
  609. package/hooks/useElementId.d.ts +2 -0
  610. package/hooks/useElementId.js +8 -0
  611. package/hooks/useHotkeys.d.ts +8 -0
  612. package/hooks/useHotkeys.js +15 -0
  613. package/hooks/useIsomorphicLayoutEffect.d.ts +3 -0
  614. package/hooks/useIsomorphicLayoutEffect.js +4 -0
  615. package/hooks/useRTL.d.ts +2 -0
  616. package/hooks/useRTL.js +7 -0
  617. package/hooks/useResponsiveClientValue.d.ts +3 -0
  618. package/hooks/useResponsiveClientValue.js +43 -0
  619. package/hooks/useScrollLock.d.ts +6 -0
  620. package/hooks/useScrollLock.js +44 -0
  621. package/hooks/useToggle.d.ts +7 -0
  622. package/hooks/useToggle.js +16 -0
  623. package/icons/ArrowUpRight.d.ts +3 -0
  624. package/icons/ArrowUpRight.js +7 -0
  625. package/icons/Checkmark.d.ts +3 -0
  626. package/icons/Checkmark.js +6 -0
  627. package/icons/ChevronDown.d.ts +3 -0
  628. package/icons/ChevronDown.js +6 -0
  629. package/icons/ChevronLeft.d.ts +3 -0
  630. package/icons/ChevronLeft.js +6 -0
  631. package/icons/ChevronRight.d.ts +3 -0
  632. package/icons/ChevronRight.js +6 -0
  633. package/icons/ChevronVertical.d.ts +3 -0
  634. package/icons/ChevronVertical.js +5 -0
  635. package/icons/Close.d.ts +3 -0
  636. package/icons/Close.js +7 -0
  637. package/icons/DotsHorizontal.d.ts +3 -0
  638. package/icons/DotsHorizontal.js +6 -0
  639. package/icons/Mic.d.ts +3 -0
  640. package/icons/Mic.js +9 -0
  641. package/icons/Zap.d.ts +3 -0
  642. package/icons/Zap.js +6 -0
  643. package/index.d.ts +118 -0
  644. package/index.js +67 -0
  645. package/package.json +141 -4
  646. package/styles/aspectRatio/aspectRatio.module.css +1 -0
  647. package/styles/aspectRatio/index.d.ts +3 -0
  648. package/styles/aspectRatio/index.js +9 -0
  649. package/styles/aspectRatio/index.test.d.ts +1 -0
  650. package/styles/aspectRatio/index.test.js +24 -0
  651. package/styles/bleed/bleed.module.css +1 -0
  652. package/styles/bleed/index.d.ts +3 -0
  653. package/styles/bleed/index.js +13 -0
  654. package/styles/bleed/index.test.d.ts +1 -0
  655. package/styles/bleed/index.test.js +24 -0
  656. package/styles/height/height.module.css +1 -0
  657. package/styles/height/index.d.ts +3 -0
  658. package/styles/height/index.js +10 -0
  659. package/styles/height/index.test.d.ts +1 -0
  660. package/styles/height/index.test.js +27 -0
  661. package/styles/inset/index.d.ts +4 -0
  662. package/styles/inset/index.js +14 -0
  663. package/styles/inset/index.test.d.ts +1 -0
  664. package/styles/inset/index.test.js +27 -0
  665. package/styles/inset/inset.module.css +1 -0
  666. package/styles/maxHeight/index.d.ts +3 -0
  667. package/styles/maxHeight/index.js +10 -0
  668. package/styles/maxHeight/index.test.d.ts +1 -0
  669. package/styles/maxHeight/index.test.js +27 -0
  670. package/styles/maxHeight/maxHeight.module.css +1 -0
  671. package/styles/maxWidth/index.d.ts +3 -0
  672. package/styles/maxWidth/index.js +10 -0
  673. package/styles/maxWidth/index.test.d.ts +1 -0
  674. package/styles/maxWidth/index.test.js +27 -0
  675. package/styles/maxWidth/maxWidth.module.css +1 -0
  676. package/styles/padding/index.d.ts +3 -0
  677. package/styles/padding/index.js +9 -0
  678. package/styles/padding/index.test.d.ts +1 -0
  679. package/styles/padding/index.test.js +24 -0
  680. package/styles/padding/padding.module.css +1 -0
  681. package/styles/position/index.d.ts +3 -0
  682. package/styles/position/index.js +9 -0
  683. package/styles/position/index.test.d.ts +1 -0
  684. package/styles/position/index.test.js +21 -0
  685. package/styles/position/position.module.css +1 -0
  686. package/styles/radius/index.d.ts +3 -0
  687. package/styles/radius/index.js +10 -0
  688. package/styles/radius/index.test.d.ts +1 -0
  689. package/styles/radius/index.test.js +24 -0
  690. package/styles/radius/radius.module.css +1 -0
  691. package/styles/types.d.ts +19 -0
  692. package/styles/types.js +1 -0
  693. package/styles/width/index.d.ts +3 -0
  694. package/styles/width/index.js +10 -0
  695. package/styles/width/index.test.d.ts +1 -0
  696. package/styles/width/index.test.js +27 -0
  697. package/styles/width/width.module.css +1 -0
  698. package/themes/figma/theme.css +1 -0
  699. package/themes/fragments/twitter/theme.css +1 -0
  700. package/themes/media.css +5 -0
  701. package/themes/minimal/theme.css +1 -0
  702. package/themes/reshaped/theme.css +1 -0
  703. package/themes/slate/theme.css +1 -0
  704. package/types/config.d.ts +8 -0
  705. package/types/config.js +2 -0
  706. package/types/global.d.ts +29 -0
  707. package/types/global.js +1 -0
  708. package/utilities/Chain.d.ts +20 -0
  709. package/utilities/Chain.js +63 -0
  710. package/utilities/a11y.d.ts +36 -0
  711. package/utilities/a11y.js +175 -0
  712. package/utilities/animation.d.ts +4 -0
  713. package/utilities/animation.js +15 -0
  714. package/utilities/helpers.d.ts +15 -0
  715. package/utilities/helpers.js +121 -0
  716. package/utilities/storybook/Example.d.ts +13 -0
  717. package/utilities/storybook/Example.js +19 -0
  718. package/utilities/storybook/Example.module.css +1 -0
  719. package/utilities/storybook/Placeholder.d.ts +9 -0
  720. package/utilities/storybook/Placeholder.js +17 -0
  721. package/utilities/storybook/index.d.ts +2 -0
  722. package/utilities/storybook/index.js +2 -0
  723. package/utilities/testPresets.d.ts +25 -0
  724. package/utilities/testPresets.js +76 -0
  725. package/utilities/tests/Chain.test.d.ts +1 -0
  726. package/utilities/tests/Chain.test.js +45 -0
  727. package/README.md +0 -1
package/components/View/View.module.css ADDED
@@ -0,0 +1 @@
1
+ .root{--rs-view-gaps-count-multiplier:1;--rs-view-z:auto;--rs-view-gap-value:calc(var(--rs-view-gap) * var(--rs-unit-x1));gap:var(--rs-view-gap-value);z-index:var(--rs-view-z)}.item{--rs-view-item-gap:calc(var(--rs-unit-x1) * var(--rs-view-item-gap-before) - var(--rs-view-gap-value));order:var(--rs-view-item-order)}.--padding{padding:calc(var(--rs-unit-x1) * var(--rs-view-p-vertical, var(--rs-view-p-top))) calc(var(--rs-unit-x1) * var(--rs-view-p-horizontal, var(--rs-view-p-start)))}.--padding-top{padding-top:calc(var(--rs-unit-x1) * var(--rs-view-p-top))}.--padding-bottom{padding-bottom:calc(var(--rs-unit-x1) * var(--rs-view-p-bottom))}.--padding-start{-webkit-padding-start:calc(var(--rs-unit-x1) * var(--rs-view-p-start));padding-inline-start:calc(var(--rs-unit-x1) * var(--rs-view-p-start))}.--padding-end{-webkit-padding-end:calc(var(--rs-unit-x1) * var(--rs-view-p-end));padding-inline-end:calc(var(--rs-unit-x1) * var(--rs-view-p-end))}.--animated{transition:var(--rs-duration-medium) var(--rs-easing-standard);transition-property:background-color,color,border-color}.--align-text-start{text-align:start}.--align-text-center{text-align:center}.--align-text-end{text-align:end}.--bg-neutral{background-color:var(--rs-color-background-neutral);color:var(--rs-color-on-background-neutral)}.--bg-positive{background-color:var(--rs-color-background-positive);color:var(--rs-color-on-background-positive)}.--bg-critical{background-color:var(--rs-color-background-critical);color:var(--rs-color-on-background-critical)}.--bg-primary{background-color:var(--rs-color-background-primary);color:var(--rs-color-on-background-primary)}.--bg-neutral-faded{background-color:var(--rs-color-background-neutral-faded);color:var(--rs-color-foreground-neutral)}.--bg-positive-faded{background-color:var(--rs-color-background-positive-faded);color:var(--rs-color-foreground-neutral)}.--bg-critical-faded{background-color:var(--rs-color-background-critical-faded);color:var(--rs-color-foreground-neutral)}.--bg-primary-faded{background-color:var(--rs-color-background-primary-faded)}.--bg-page,.--bg-primary-faded{color:var(--rs-color-foreground-neutral)}.--bg-page{background-color:var(--rs-color-background-page)}.--bg-page-faded{background-color:var(--rs-color-background-page-faded)}.--bg-disabled,.--bg-page-faded{color:var(--rs-color-foreground-neutral)}.--bg-disabled{background-color:var(--rs-color-background-disabled)}.--bg-disabled-faded{background-color:var(--rs-color-background-disabled-faded);color:var(--rs-color-foreground-neutral)}.--bg-elevation-base{background-color:var(--rs-color-background-elevation-base);color:var(--rs-color-foreground-neutral)}.--bg-elevation-raised{background-color:var(--rs-color-background-elevation-raised);color:var(--rs-color-foreground-neutral)}.--bg-elevation-overlay{background-color:var(--rs-color-background-elevation-overlay);color:var(--rs-color-foreground-neutral)}.--bg-white{background-color:var(--rs-color-white);color:var(--rs-color-black)}.--bg-black{background-color:var(--rs-color-black);color:var(--rs-color-white)}.--shadow-raised{box-shadow:var(--rs-shadow-raised)}.--shadow-overlay{box-shadow:var(--rs-shadow-overlay)}.--bd{border:1px solid var(--rs-view-border-color)}.--bd-neutral-faded{--rs-view-border-color:var(--rs-color-border-neutral-faded)}.--bd-neutral{--rs-view-border-color:var(--rs-color-border-neutral)}.--bd-positive{--rs-view-border-color:var(--rs-color-border-positive)}.--bd-positive-faded{--rs-view-border-color:var(--rs-color-border-positive-faded)}.--bd-critical{--rs-view-border-color:var(--rs-color-border-critical)}.--bd-critical-faded{--rs-view-border-color:var(--rs-color-border-critical-faded)}.--bd-primary{--rs-view-border-color:var(--rs-color-border-primary)}.--bd-primary-faded{--rs-view-border-color:var(--rs-color-border-primary-faded)}.--bd-transparent{--rs-view-border-color:transparent}.--overflow-hidden{overflow:hidden}.--divided{--rs-view-gaps-count-multiplier:2}.--flex{display:flex;flex-direction:column;justify-content:flex-start}.--direction-column{flex-direction:column;flex-wrap:nowrap}.--direction-column>.item--gap-before{margin-top:var(--rs-view-item-gap)}.--direction-column>.item--gap-auto{margin-top:auto}.--direction-column-reverse{flex-direction:column-reverse;flex-wrap:nowrap}.--direction-column-reverse>.item--gap-before{margin-top:var(--rs-view-item-gap)}.--direction-column-reverse>.item--gap-auto{margin-top:auto}.--direction-row{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.--direction-row>.item--gap-before{-webkit-margin-start:var(--rs-view-item-gap);margin-inline-start:var(--rs-view-item-gap)}.--direction-row>.item--gap-auto{-webkit-margin-start:auto;margin-inline-start:auto}.--direction-row>button{width:auto!important}.--direction-row-reverse{align-items:flex-start;flex-direction:row-reverse;flex-wrap:wrap}.--direction-row-reverse>.item--gap-before{-webkit-margin-start:var(--rs-view-item-gap);margin-inline-start:var(--rs-view-item-gap)}.--direction-row-reverse>.item--gap-auto{-webkit-margin-start:auto;margin-inline-start:auto}.--direction-row-reverse>button{width:auto!important}.--nowrap{flex-wrap:nowrap}.--nowrap>*{flex-shrink:0}.--wrap{flex-wrap:wrap}@media (min-width:660px){.--nowrap-false--m,.--wrap-true--m{flex-wrap:wrap}.--nowrap-true--m,.--wrap-false--m{flex-wrap:nowrap}}@media (min-width:900px){.--nowrap-false--l,.--wrap-true--l{flex-wrap:wrap}.--nowrap-true--l,.--wrap-false--l{flex-wrap:nowrap}}@media (min-width:1280px){.--nowrap-false--xl,.--wrap-true--xl{flex-wrap:wrap}.--nowrap-true--xl,.--wrap-false--xl{flex-wrap:nowrap}}.--align-start{align-items:flex-start!important}.--align-end{align-items:flex-end!important}.--align-center{align-items:center!important}.--align-stretch{align-items:stretch!important}.--align-baseline{align-items:baseline!important}.--justify-start{justify-content:flex-start}.--justify-end{justify-content:flex-end}.--justify-center{justify-content:center}.divider{align-self:stretch}.item--grow{flex-basis:0;flex-grow:1;flex-shrink:1;min-width:0}.item--columns-1{--rs-view-columns-count:calc(12 / 1);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-1,.item--columns-2{width:calc((100% - var(--rs-view-gap-value) * var(--rs-view-gaps-count)) / var(--rs-view-columns-count) - var(--rs-view-item-gap, 0px))}.item--columns-2{--rs-view-columns-count:calc(12 / 2);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-3{--rs-view-columns-count:calc(12 / 3);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-3,.item--columns-4{width:calc((100% - var(--rs-view-gap-value) * var(--rs-view-gaps-count)) / var(--rs-view-columns-count) - var(--rs-view-item-gap, 0px))}.item--columns-4{--rs-view-columns-count:calc(12 / 4);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-5{--rs-view-columns-count:calc(12 / 5);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-5,.item--columns-6{width:calc((100% - var(--rs-view-gap-value) * var(--rs-view-gaps-count)) / var(--rs-view-columns-count) - var(--rs-view-item-gap, 0px))}.item--columns-6{--rs-view-columns-count:calc(12 / 6);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-7{--rs-view-columns-count:calc(12 / 7);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-7,.item--columns-8{width:calc((100% - var(--rs-view-gap-value) * var(--rs-view-gaps-count)) / var(--rs-view-columns-count) - var(--rs-view-item-gap, 0px))}.item--columns-8{--rs-view-columns-count:calc(12 / 8);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-9{--rs-view-columns-count:calc(12 / 9);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-10,.item--columns-9{width:calc((100% - var(--rs-view-gap-value) * var(--rs-view-gaps-count)) / var(--rs-view-columns-count) - var(--rs-view-item-gap, 0px))}.item--columns-10{--rs-view-columns-count:calc(12 / 10);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-11{--rs-view-columns-count:calc(12 / 11);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-11,.item--columns-12{width:calc((100% - var(--rs-view-gap-value) * var(--rs-view-gaps-count)) / var(--rs-view-columns-count) - var(--rs-view-item-gap, 0px))}.item--columns-12{--rs-view-columns-count:calc(12 / 12);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-auto{width:auto}@media (min-width:660px){.item--columns-1--m{--rs-view-columns-count:calc(12 / 1);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-1--m,.item--columns-2--m{width:calc((100% - var(--rs-view-gap-value) * var(--rs-view-gaps-count)) / var(--rs-view-columns-count) - var(--rs-view-item-gap, 0px))}.item--columns-2--m{--rs-view-columns-count:calc(12 / 2);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-3--m{--rs-view-columns-count:calc(12 / 3);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-3--m,.item--columns-4--m{width:calc((100% - var(--rs-view-gap-value) * var(--rs-view-gaps-count)) / var(--rs-view-columns-count) - var(--rs-view-item-gap, 0px))}.item--columns-4--m{--rs-view-columns-count:calc(12 / 4);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-5--m{--rs-view-columns-count:calc(12 / 5);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-5--m,.item--columns-6--m{width:calc((100% - var(--rs-view-gap-value) * var(--rs-view-gaps-count)) / var(--rs-view-columns-count) - var(--rs-view-item-gap, 0px))}.item--columns-6--m{--rs-view-columns-count:calc(12 / 6);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-7--m{--rs-view-columns-count:calc(12 / 7);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-7--m,.item--columns-8--m{width:calc((100% - var(--rs-view-gap-value) * var(--rs-view-gaps-count)) / var(--rs-view-columns-count) - var(--rs-view-item-gap, 0px))}.item--columns-8--m{--rs-view-columns-count:calc(12 / 8);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-9--m{--rs-view-columns-count:calc(12 / 9);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-10--m,.item--columns-9--m{width:calc((100% - var(--rs-view-gap-value) * var(--rs-view-gaps-count)) / var(--rs-view-columns-count) - var(--rs-view-item-gap, 0px))}.item--columns-10--m{--rs-view-columns-count:calc(12 / 10);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-11--m{--rs-view-columns-count:calc(12 / 11);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-11--m,.item--columns-12--m{width:calc((100% - var(--rs-view-gap-value) * var(--rs-view-gaps-count)) / var(--rs-view-columns-count) - var(--rs-view-item-gap, 0px))}.item--columns-12--m{--rs-view-columns-count:calc(12 / 12);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-auto--m{width:auto}}@media (min-width:900px){.item--columns-1--l{--rs-view-columns-count:calc(12 / 1);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-1--l,.item--columns-2--l{width:calc((100% - var(--rs-view-gap-value) * var(--rs-view-gaps-count)) / var(--rs-view-columns-count) - var(--rs-view-item-gap, 0px))}.item--columns-2--l{--rs-view-columns-count:calc(12 / 2);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-3--l{--rs-view-columns-count:calc(12 / 3);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-3--l,.item--columns-4--l{width:calc((100% - var(--rs-view-gap-value) * var(--rs-view-gaps-count)) / var(--rs-view-columns-count) - var(--rs-view-item-gap, 0px))}.item--columns-4--l{--rs-view-columns-count:calc(12 / 4);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-5--l{--rs-view-columns-count:calc(12 / 5);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-5--l,.item--columns-6--l{width:calc((100% - var(--rs-view-gap-value) * var(--rs-view-gaps-count)) / var(--rs-view-columns-count) - var(--rs-view-item-gap, 0px))}.item--columns-6--l{--rs-view-columns-count:calc(12 / 6);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-7--l{--rs-view-columns-count:calc(12 / 7);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-7--l,.item--columns-8--l{width:calc((100% - var(--rs-view-gap-value) * var(--rs-view-gaps-count)) / var(--rs-view-columns-count) - var(--rs-view-item-gap, 0px))}.item--columns-8--l{--rs-view-columns-count:calc(12 / 8);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-9--l{--rs-view-columns-count:calc(12 / 9);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-10--l,.item--columns-9--l{width:calc((100% - var(--rs-view-gap-value) * var(--rs-view-gaps-count)) / var(--rs-view-columns-count) - var(--rs-view-item-gap, 0px))}.item--columns-10--l{--rs-view-columns-count:calc(12 / 10);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-11--l{--rs-view-columns-count:calc(12 / 11);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-11--l,.item--columns-12--l{width:calc((100% - var(--rs-view-gap-value) * var(--rs-view-gaps-count)) / var(--rs-view-columns-count) - var(--rs-view-item-gap, 0px))}.item--columns-12--l{--rs-view-columns-count:calc(12 / 12);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-auto--l{width:auto}}@media (min-width:1280px){.item--columns-1--xl{--rs-view-columns-count:calc(12 / 1);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-1--xl,.item--columns-2--xl{width:calc((100% - var(--rs-view-gap-value) * var(--rs-view-gaps-count)) / var(--rs-view-columns-count) - var(--rs-view-item-gap, 0px))}.item--columns-2--xl{--rs-view-columns-count:calc(12 / 2);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-3--xl{--rs-view-columns-count:calc(12 / 3);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-3--xl,.item--columns-4--xl{width:calc((100% - var(--rs-view-gap-value) * var(--rs-view-gaps-count)) / var(--rs-view-columns-count) - var(--rs-view-item-gap, 0px))}.item--columns-4--xl{--rs-view-columns-count:calc(12 / 4);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-5--xl{--rs-view-columns-count:calc(12 / 5);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-5--xl,.item--columns-6--xl{width:calc((100% - var(--rs-view-gap-value) * var(--rs-view-gaps-count)) / var(--rs-view-columns-count) - var(--rs-view-item-gap, 0px))}.item--columns-6--xl{--rs-view-columns-count:calc(12 / 6);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-7--xl{--rs-view-columns-count:calc(12 / 7);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-7--xl,.item--columns-8--xl{width:calc((100% - var(--rs-view-gap-value) * var(--rs-view-gaps-count)) / var(--rs-view-columns-count) - var(--rs-view-item-gap, 0px))}.item--columns-8--xl{--rs-view-columns-count:calc(12 / 8);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-9--xl{--rs-view-columns-count:calc(12 / 9);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-10--xl,.item--columns-9--xl{width:calc((100% - var(--rs-view-gap-value) * var(--rs-view-gaps-count)) / var(--rs-view-columns-count) - var(--rs-view-item-gap, 0px))}.item--columns-10--xl{--rs-view-columns-count:calc(12 / 10);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-11--xl{--rs-view-columns-count:calc(12 / 11);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-11--xl,.item--columns-12--xl{width:calc((100% - var(--rs-view-gap-value) * var(--rs-view-gaps-count)) / var(--rs-view-columns-count) - var(--rs-view-item-gap, 0px))}.item--columns-12--xl{--rs-view-columns-count:calc(12 / 12);--rs-view-gaps-count:calc((var(--rs-view-columns-count) - 1) * var(--rs-view-gaps-count-multiplier))}.item--columns-auto--xl{width:auto}}.--padding{--rs-view-p-vertical-s:0;--rs-view-p-vertical-m:var(--rs-view-p-vertical-s);--rs-view-p-vertical-l:var(--rs-view-p-vertical-m);--rs-view-p-vertical-xl:var(--rs-view-p-vertical-l);--rs-view-p-vertical:var(--rs-view-p-vertical-s);--rs-view-p-horizontal-s:0;--rs-view-p-horizontal-m:var(--rs-view-p-horizontal-s);--rs-view-p-horizontal-l:var(--rs-view-p-horizontal-m);--rs-view-p-horizontal-xl:var(--rs-view-p-horizontal-l);--rs-view-p-horizontal:var(--rs-view-p-horizontal-s)}.--padding-top{--rs-view-p-top-s:0;--rs-view-p-top-m:var(--rs-view-p-top-s);--rs-view-p-top-l:var(--rs-view-p-top-m);--rs-view-p-top-xl:var(--rs-view-p-top-l);--rs-view-p-top:var(--rs-view-p-top-s)}.--padding-bottom{--rs-view-p-bottom-s:0;--rs-view-p-bottom-m:var(--rs-view-p-bottom-s);--rs-view-p-bottom-l:var(--rs-view-p-bottom-m);--rs-view-p-bottom-xl:var(--rs-view-p-bottom-l);--rs-view-p-bottom:var(--rs-view-p-bottom-s)}.--padding-start{--rs-view-p-start-s:0;--rs-view-p-start-m:var(--rs-view-p-start-s);--rs-view-p-start-l:var(--rs-view-p-start-m);--rs-view-p-start-xl:var(--rs-view-p-start-l);--rs-view-p-start:var(--rs-view-p-start-s)}.--padding-end{--rs-view-p-end-s:0;--rs-view-p-end-m:var(--rs-view-p-end-s);--rs-view-p-end-l:var(--rs-view-p-end-m);--rs-view-p-end-xl:var(--rs-view-p-end-l);--rs-view-p-end:var(--rs-view-p-end-s)}.root{--rs-view-gap-s:0;--rs-view-gap-m:var(--rs-view-gap-s);--rs-view-gap-l:var(--rs-view-gap-m);--rs-view-gap-xl:var(--rs-view-gap-l);--rs-view-gap:var(--rs-view-gap-s)}.root>.item{--rs-view-item-order-s:0;--rs-view-item-order-m:var(--rs-view-item-order-s);--rs-view-item-order-l:var(--rs-view-item-order-m);--rs-view-item-order-xl:var(--rs-view-item-order-l);--rs-view-item-order:var(--rs-view-item-order-s);--rs-view-item-gap-before-s:initial;--rs-view-item-gap-before-m:var(--rs-view-item-gap-before-s);--rs-view-item-gap-before-l:var(--rs-view-item-gap-before-m);--rs-view-item-gap-before-xl:var(--rs-view-item-gap-before-l);--rs-view-item-gap-before:var(--rs-view-item-gap-before-s)}@media (min-width:660px){.--direction-column--m{flex-direction:column;flex-wrap:nowrap}.--direction-column--m>.item--gap-before{margin-top:var(--rs-view-item-gap)}.--direction-column--m>.item--gap-auto{margin-top:auto}.--direction-column-reverse--m{flex-direction:column-reverse;flex-wrap:nowrap}.--direction-column-reverse--m>.item--gap-before{margin-top:var(--rs-view-item-gap)}.--direction-column-reverse--m>.item--gap-auto{margin-top:auto}.--direction-row--m{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.--direction-row--m>.item--gap-before{-webkit-margin-start:var(--rs-view-item-gap);margin-inline-start:var(--rs-view-item-gap)}.--direction-row--m>.item--gap-auto{-webkit-margin-start:auto;margin-inline-start:auto}.--direction-row--m>button{width:auto!important}.--direction-row-reverse--m{align-items:flex-start;flex-direction:row-reverse;flex-wrap:wrap}.--direction-row-reverse--m>.item--gap-before{-webkit-margin-start:var(--rs-view-item-gap);margin-inline-start:var(--rs-view-item-gap)}.--direction-row-reverse--m>.item--gap-auto{-webkit-margin-start:auto;margin-inline-start:auto}.--direction-row-reverse--m>button{width:auto!important}.--align-start--m{align-items:flex-start!important}.--align-end--m{align-items:flex-end!important}.--align-center--m{align-items:center!important}.--align-stretch--m{align-items:stretch!important}.--align-baseline--m{align-items:baseline!important}.--justify-start--m{justify-content:flex-start}.--justify-end--m{justify-content:flex-end}.--justify-center--m{justify-content:center}.item--grow-true--m{flex-basis:0;flex-grow:1;flex-shrink:1;min-width:0}.item--grow-false--m{flex-basis:auto;flex-grow:0;flex-shrink:0;min-width:auto}.--padding{--rs-view-p-vertical:var(--rs-view-p-vertical-m);--rs-view-p-horizontal:var(--rs-view-p-horizontal-m)}.--padding-top{--rs-view-p-top:var(--rs-view-p-top-m)}.--padding-bottom{--rs-view-p-bottom:var(--rs-view-p-bottom-m)}.--padding-start{--rs-view-p-start:var(--rs-view-p-start-m)}.--padding-end{--rs-view-p-end:var(--rs-view-p-end-m)}.root{--rs-view-gap:var(--rs-view-gap-m)}.root>.item{--rs-view-item-order:var(--rs-view-item-order-m);--rs-view-item-gap-before:var(--rs-view-item-gap-before-m)}}@media (min-width:900px){.--direction-column--l{flex-direction:column;flex-wrap:nowrap}.--direction-column--l>.item--gap-before{margin-top:var(--rs-view-item-gap)}.--direction-column--l>.item--gap-auto{margin-top:auto}.--direction-column-reverse--l{flex-direction:column-reverse;flex-wrap:nowrap}.--direction-column-reverse--l>.item--gap-before{margin-top:var(--rs-view-item-gap)}.--direction-column-reverse--l>.item--gap-auto{margin-top:auto}.--direction-row--l{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.--direction-row--l>.item--gap-before{-webkit-margin-start:var(--rs-view-item-gap);margin-inline-start:var(--rs-view-item-gap)}.--direction-row--l>.item--gap-auto{-webkit-margin-start:auto;margin-inline-start:auto}.--direction-row--l>button{width:auto!important}.--direction-row-reverse--l{align-items:flex-start;flex-direction:row-reverse;flex-wrap:wrap}.--direction-row-reverse--l>.item--gap-before{-webkit-margin-start:var(--rs-view-item-gap);margin-inline-start:var(--rs-view-item-gap)}.--direction-row-reverse--l>.item--gap-auto{-webkit-margin-start:auto;margin-inline-start:auto}.--direction-row-reverse--l>button{width:auto!important}.--align-start--l{align-items:flex-start!important}.--align-end--l{align-items:flex-end!important}.--align-center--l{align-items:center!important}.--align-stretch--l{align-items:stretch!important}.--align-baseline--l{align-items:baseline!important}.--justify-start--l{justify-content:flex-start}.--justify-end--l{justify-content:flex-end}.--justify-center--l{justify-content:center}.item--grow-true--l{flex-basis:0;flex-grow:1;flex-shrink:1;min-width:0}.item--grow-false--l{flex-basis:auto;flex-grow:0;flex-shrink:0;min-width:auto}.--padding{--rs-view-p-vertical:var(--rs-view-p-vertical-l);--rs-view-p-horizontal:var(--rs-view-p-horizontal-l)}.--padding-top{--rs-view-p-top:var(--rs-view-p-top-l)}.--padding-bottom{--rs-view-p-bottom:var(--rs-view-p-bottom-l)}.--padding-start{--rs-view-p-start:var(--rs-view-p-start-l)}.--padding-end{--rs-view-p-end:var(--rs-view-p-end-l)}.root{--rs-view-gap:var(--rs-view-gap-l)}.root>.item{--rs-view-item-order:var(--rs-view-item-order-l);--rs-view-item-gap-before:var(--rs-view-item-gap-before-l)}}@media (min-width:1280px){.--direction-column--xl{flex-direction:column;flex-wrap:nowrap}.--direction-column--xl>.item--gap-before{margin-top:var(--rs-view-item-gap)}.--direction-column--xl>.item--gap-auto{margin-top:auto}.--direction-column-reverse--xl{flex-direction:column-reverse;flex-wrap:nowrap}.--direction-column-reverse--xl>.item--gap-before{margin-top:var(--rs-view-item-gap)}.--direction-column-reverse--xl>.item--gap-auto{margin-top:auto}.--direction-row--xl{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.--direction-row--xl>.item--gap-before{-webkit-margin-start:var(--rs-view-item-gap);margin-inline-start:var(--rs-view-item-gap)}.--direction-row--xl>.item--gap-auto{-webkit-margin-start:auto;margin-inline-start:auto}.--direction-row--xl>button{width:auto!important}.--direction-row-reverse--xl{align-items:flex-start;flex-direction:row-reverse;flex-wrap:wrap}.--direction-row-reverse--xl>.item--gap-before{-webkit-margin-start:var(--rs-view-item-gap);margin-inline-start:var(--rs-view-item-gap)}.--direction-row-reverse--xl>.item--gap-auto{-webkit-margin-start:auto;margin-inline-start:auto}.--direction-row-reverse--xl>button{width:auto!important}.--align-start--xl{align-items:flex-start!important}.--align-end--xl{align-items:flex-end!important}.--align-center--xl{align-items:center!important}.--align-stretch--xl{align-items:stretch!important}.--align-baseline--xl{align-items:baseline!important}.--justify-start--xl{justify-content:flex-start}.--justify-end--xl{justify-content:flex-end}.--justify-center--xl{justify-content:center}.item--grow-true--xl{flex-basis:0;flex-grow:1;flex-shrink:1;min-width:0}.item--grow-false--xl{flex-basis:auto;flex-grow:0;flex-shrink:0;min-width:auto}.--padding{--rs-view-p-vertical:var(--rs-view-p-vertical-xl);--rs-view-p-horizontal:var(--rs-view-p-horizontal-xl)}.--padding-top{--rs-view-p-top:var(--rs-view-p-top-xl)}.--padding-bottom{--rs-view-p-bottom:var(--rs-view-p-bottom-xl)}.--padding-start{--rs-view-p-start:var(--rs-view-p-start-xl)}.--padding-end{--rs-view-p-end:var(--rs-view-p-end-xl)}.root{--rs-view-gap:var(--rs-view-gap-xl)}.root>.item{--rs-view-item-order:var(--rs-view-item-order-xl);--rs-view-item-gap-before:var(--rs-view-item-gap-before-xl)}}
package/components/View/View.types.d.ts ADDED
@@ -0,0 +1,64 @@
1
+ import React from "react";
2
+ import type * as G from "../../types/global";
3
+ import type * as TStyles from "../../styles/types";
4
+ type Columns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "auto";
5
+ export type Direction = "row" | "column" | "row-reverse" | "column-reverse";
6
+ export type Props<TagName extends keyof JSX.IntrinsicElements = "div"> = {
7
+ children?: React.ReactNode;
8
+ as?: TagName;
9
+ divided?: boolean;
10
+ direction?: G.Responsive<Direction>;
11
+ gap?: G.Responsive<number>;
12
+ wrap?: G.Responsive<boolean>;
13
+ align?: G.Responsive<"center" | "start" | "end" | "stretch" | "baseline">;
14
+ justify?: G.Responsive<"center" | "start" | "end">;
15
+ height?: G.Responsive<string | number>;
16
+ width?: G.Responsive<string | number>;
17
+ aspectRatio?: G.Responsive<number>;
18
+ maxHeight?: G.Responsive<string | number>;
19
+ maxWidth?: G.Responsive<string | number>;
20
+ padding?: G.Responsive<number>;
21
+ paddingTop?: G.Responsive<number>;
22
+ paddingBottom?: G.Responsive<number>;
23
+ paddingStart?: G.Responsive<number>;
24
+ paddingEnd?: G.Responsive<number>;
25
+ paddingInline?: G.Responsive<number>;
26
+ paddingBlock?: G.Responsive<number>;
27
+ bleed?: G.Responsive<number>;
28
+ textAlign?: "center" | "start" | "end";
29
+ backgroundColor?: "neutral" | "neutral-faded" | "critical" | "critical-faded" | "positive" | "positive-faded" | "primary" | "primary-faded" | "elevation-base" | "elevation-raised" | "elevation-overlay" | "page" | "page-faded" | "disabled" | "disabled-faded" | "white" | "black";
30
+ borderColor?: "neutral" | "neutral-faded" | "critical" | "critical-faded" | "positive" | "positive-faded" | "primary" | "primary-faded" | "transparent";
31
+ borderRadius?: G.Responsive<TStyles.Radius>;
32
+ position?: G.Responsive<TStyles.Position>;
33
+ inset?: G.Responsive<number>;
34
+ insetStart?: G.Responsive<number>;
35
+ insetEnd?: G.Responsive<number>;
36
+ insetTop?: G.Responsive<number>;
37
+ insetBottom?: G.Responsive<number>;
38
+ zIndex?: number;
39
+ shadow?: "raised" | "overlay";
40
+ overflow?: "hidden";
41
+ animated?: boolean;
42
+ className?: G.ClassName;
43
+ attributes?: G.Attributes<TagName>;
44
+ } & Pick<ItemProps, "grow">;
45
+ export type ItemProps<TagName extends keyof JSX.IntrinsicElements = "div"> = {
46
+ order?: G.Responsive<number>;
47
+ columns?: G.Responsive<Columns>;
48
+ grow?: G.Responsive<boolean>;
49
+ gapBefore?: G.Responsive<number> | "auto";
50
+ as?: TagName;
51
+ attributes?: G.Attributes<TagName>;
52
+ className?: G.ClassName;
53
+ children?: React.ReactNode;
54
+ };
55
+ export type RenderItem = (args: {
56
+ className?: string;
57
+ child: any;
58
+ index: number;
59
+ }) => React.ReactNode;
60
+ export type RenderDivider = (args: {
61
+ className?: string;
62
+ key: string;
63
+ }) => React.ReactNode;
64
+ export {};
package/components/View/View.types.js ADDED
@@ -0,0 +1 @@
1
+ export {};
package/components/View/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export { default } from "./View";
2
+ export type { Props as ViewProps, ItemProps as ViewItemProps } from "./View.types";
package/components/View/index.js ADDED
@@ -0,0 +1 @@
1
+ export { default } from "./View.js";
package/components/View/tests/View.stories.d.ts ADDED
@@ -0,0 +1,32 @@
1
+ import React from "react";
2
+ declare const _default: {
3
+ title: string;
4
+ };
5
+ export default _default;
6
+ export declare const padding: () => React.JSX.Element;
7
+ export declare const direction: () => React.JSX.Element;
8
+ export declare const gap: () => React.JSX.Element;
9
+ export declare const divided: () => React.JSX.Element;
10
+ export declare const bleed: () => React.JSX.Element;
11
+ export declare const wrap: () => React.JSX.Element;
12
+ export declare const align: () => React.JSX.Element;
13
+ export declare const justify: () => React.JSX.Element;
14
+ export declare const textAlign: () => React.JSX.Element;
15
+ export declare const size: () => React.JSX.Element;
16
+ export declare const ratio: () => React.JSX.Element;
17
+ export declare const maxSize: () => React.JSX.Element;
18
+ export declare const background: () => React.JSX.Element;
19
+ export declare const border: () => React.JSX.Element;
20
+ export declare const radius: () => React.JSX.Element;
21
+ export declare const shadow: () => React.JSX.Element;
22
+ export declare const overflow: () => React.JSX.Element;
23
+ export declare const position: () => React.JSX.Element;
24
+ export declare const inset: () => React.JSX.Element;
25
+ export declare const animated: () => React.JSX.Element;
26
+ export declare const itemGapBefore: () => React.JSX.Element;
27
+ export declare const itemGrow: () => React.JSX.Element;
28
+ export declare const itemColumns: () => React.JSX.Element;
29
+ export declare const itemOrder: () => React.JSX.Element;
30
+ export declare const testHiddenItem: () => React.JSX.Element;
31
+ export declare const testNestedGaps: () => React.JSX.Element;
32
+ export declare const testComposition: () => React.JSX.Element;