@veracity/vui 0.3.1 → 0.4.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 (438) hide show
  1. package/avatar/avatar.d.ts +2 -2
  2. package/avatar/avatar.js +9 -29
  3. package/avatar/avatar.types.d.ts +9 -2
  4. package/avatar/helpers.d.ts +2 -0
  5. package/avatar/helpers.js +26 -0
  6. package/avatar/index.d.ts +1 -1
  7. package/avatar/index.js +1 -1
  8. package/avatar/theme.d.ts +1 -0
  9. package/avatar/theme.js +7 -0
  10. package/box/box.d.ts +2 -2
  11. package/box/box.js +9 -8
  12. package/box/box.types.d.ts +13 -2
  13. package/box/index.d.ts +1 -1
  14. package/box/index.js +1 -1
  15. package/box/theme.d.ts +1 -0
  16. package/box/theme.js +2 -0
  17. package/button/button.d.ts +7 -3
  18. package/button/button.js +24 -14
  19. package/button/button.types.d.ts +16 -34
  20. package/button/buttonIcon.d.ts +1 -0
  21. package/button/buttonIcon.js +3 -5
  22. package/button/buttonText.d.ts +1 -0
  23. package/button/buttonText.js +3 -5
  24. package/button/buttons.js +1 -1
  25. package/button/consts.js +2 -2
  26. package/button/index.d.ts +2 -2
  27. package/button/index.js +3 -3
  28. package/button/theme.d.ts +1 -0
  29. package/button/theme.js +5 -3
  30. package/buttonGroup/buttonGroup.d.ts +5 -2
  31. package/buttonGroup/buttonGroup.js +12 -8
  32. package/buttonGroup/buttonGroup.types.d.ts +4 -2
  33. package/buttonGroup/helpers.d.ts +1 -1
  34. package/buttonGroup/helpers.js +1 -1
  35. package/buttonGroup/index.d.ts +1 -1
  36. package/buttonGroup/index.js +2 -2
  37. package/card/card.d.ts +4 -0
  38. package/card/card.js +8 -0
  39. package/card/card.types.d.ts +3 -2
  40. package/card/index.d.ts +1 -1
  41. package/card/index.js +1 -1
  42. package/card/theme.d.ts +1 -0
  43. package/card/theme.js +2 -0
  44. package/checkbox/checkbox.d.ts +5 -4
  45. package/checkbox/checkbox.js +20 -10
  46. package/checkbox/checkbox.types.d.ts +21 -4
  47. package/checkbox/checkboxGroup.d.ts +5 -2
  48. package/checkbox/checkboxGroup.js +11 -7
  49. package/checkbox/checkboxGroup.types.d.ts +9 -2
  50. package/checkbox/index.d.ts +1 -1
  51. package/checkbox/index.js +2 -2
  52. package/checkbox/theme.d.ts +1 -0
  53. package/checkbox/theme.js +2 -0
  54. package/core/index.d.ts +4 -5
  55. package/core/index.js +4 -12
  56. package/core/media.d.ts +38 -0
  57. package/core/media.js +79 -0
  58. package/core/styled.d.ts +3 -0
  59. package/core/styled.js +21 -3
  60. package/core/theme.d.ts +41 -0
  61. package/core/theme.js +94 -0
  62. package/core/vui.d.ts +31 -0
  63. package/core/vui.js +20 -0
  64. package/core/vuiProvider/fontFaces.js +4 -0
  65. package/core/{globalStyle.d.ts → vuiProvider/globalStyle.d.ts} +7 -0
  66. package/core/{globalStyle.js → vuiProvider/globalStyle.js} +17 -9
  67. package/core/vuiProvider/index.d.ts +5 -0
  68. package/core/vuiProvider/index.js +26 -0
  69. package/core/{resetCSS.d.ts → vuiProvider/resetCSS.d.ts} +1 -0
  70. package/core/{resetCSS.js → vuiProvider/resetCSS.js} +2 -1
  71. package/core/vuiProvider/vuiProvider.d.ts +13 -0
  72. package/core/{vuiProvider.js → vuiProvider/vuiProvider.js} +3 -2
  73. package/divider/divider.d.ts +2 -2
  74. package/divider/divider.js +5 -4
  75. package/divider/divider.types.d.ts +5 -2
  76. package/divider/index.d.ts +1 -1
  77. package/divider/index.js +1 -1
  78. package/divider/theme.d.ts +1 -0
  79. package/divider/theme.js +2 -0
  80. package/footer/consts.d.ts +108 -8
  81. package/footer/consts.js +21 -9
  82. package/footer/footer.d.ts +3 -1
  83. package/footer/footer.js +21 -10
  84. package/footer/footer.types.d.ts +5 -0
  85. package/footer/footerColumn.d.ts +122 -121
  86. package/footer/footerColumn.js +1 -0
  87. package/footer/footerHeading.d.ts +1 -0
  88. package/footer/footerHeading.js +1 -0
  89. package/footer/footerLink.d.ts +1 -0
  90. package/footer/footerLink.js +1 -0
  91. package/footer/footerRow.d.ts +1 -0
  92. package/footer/footerRow.js +1 -0
  93. package/footer/footerSection.d.ts +1 -0
  94. package/footer/footerSection.js +2 -1
  95. package/footer/footerTrademark.d.ts +1 -0
  96. package/footer/footerTrademark.js +1 -0
  97. package/footer/helpers.d.ts +2 -3
  98. package/footer/helpers.js +16 -16
  99. package/footer/index.d.ts +2 -1
  100. package/footer/index.js +2 -2
  101. package/footer/theme.d.ts +1 -0
  102. package/footer/theme.js +2 -0
  103. package/header/consts.d.ts +58 -0
  104. package/header/consts.js +76 -0
  105. package/header/context.d.ts +4 -0
  106. package/header/context.js +23 -0
  107. package/header/header.d.ts +34 -0
  108. package/header/header.js +133 -0
  109. package/header/header.types.d.ts +103 -0
  110. package/header/headerAccount.d.ts +4 -0
  111. package/header/headerAccount.js +109 -0
  112. package/header/headerAccount.types.d.ts +35 -0
  113. package/header/headerContent.d.ts +4 -0
  114. package/header/headerContent.js +28 -0
  115. package/header/headerCreateAccount.d.ts +4 -0
  116. package/header/headerCreateAccount.js +47 -0
  117. package/header/headerDivider.d.ts +4 -0
  118. package/header/headerDivider.js +28 -0
  119. package/header/headerLinkItem.d.ts +4 -0
  120. package/header/headerLinkItem.js +53 -0
  121. package/header/headerLinksList.d.ts +4 -0
  122. package/header/headerLinksList.js +44 -0
  123. package/header/headerLogo.d.ts +4 -0
  124. package/header/headerLogo.js +44 -0
  125. package/header/headerMobileContent.d.ts +4 -0
  126. package/header/headerMobileContent.js +31 -0
  127. package/header/headerMobileToggle.d.ts +4 -0
  128. package/header/headerMobileToggle.js +33 -0
  129. package/header/headerNotifications.d.ts +4 -0
  130. package/header/headerNotifications.js +51 -0
  131. package/header/headerServices.d.ts +4 -0
  132. package/header/headerServices.js +55 -0
  133. package/header/headerSignIn.d.ts +4 -0
  134. package/header/headerSignIn.js +40 -0
  135. package/header/helpers.d.ts +17 -0
  136. package/header/helpers.js +66 -0
  137. package/header/index.d.ts +21 -0
  138. package/header/index.js +38 -0
  139. package/header/loggedInHeader.d.ts +4 -0
  140. package/header/loggedInHeader.js +57 -0
  141. package/header/loggedOutHeader.d.ts +4 -0
  142. package/header/loggedOutHeader.js +57 -0
  143. package/header/theme.d.ts +85 -0
  144. package/header/theme.js +89 -0
  145. package/heading/heading.d.ts +2 -2
  146. package/heading/heading.js +5 -4
  147. package/heading/heading.types.d.ts +7 -2
  148. package/heading/headings.js +1 -1
  149. package/heading/index.d.ts +1 -1
  150. package/heading/index.js +2 -2
  151. package/heading/theme.d.ts +1 -0
  152. package/heading/theme.js +2 -0
  153. package/icon/helpers.js +2 -2
  154. package/icon/icon.d.ts +1 -0
  155. package/icon/icon.js +2 -2
  156. package/icon/icon.types.d.ts +7 -4
  157. package/icon/index.d.ts +1 -1
  158. package/icon/index.js +1 -1
  159. package/icon/theme.d.ts +1 -0
  160. package/icon/theme.js +2 -0
  161. package/icons/baseIcons/fal/falFileInvoiceDollar.d.ts +3 -0
  162. package/icons/baseIcons/fal/falFileInvoiceDollar.js +7 -0
  163. package/icons/baseIcons/fas/fasCalendarAlt.js +1 -1
  164. package/icons/baseIcons/icons.d.ts +1 -0
  165. package/icons/baseIcons/icons.js +5 -3
  166. package/icons/baseIcons/types.d.ts +1 -1
  167. package/icons/cache.d.ts +15 -0
  168. package/icons/{library.js → cache.js} +10 -6
  169. package/icons/index.d.ts +1 -1
  170. package/icons/index.js +3 -3
  171. package/icons/types.d.ts +10 -3
  172. package/image/image.d.ts +2 -0
  173. package/image/image.js +11 -2
  174. package/image/image.types.d.ts +3 -2
  175. package/image/index.d.ts +1 -1
  176. package/image/index.js +1 -1
  177. package/image/theme.d.ts +1 -0
  178. package/image/theme.js +2 -0
  179. package/index.d.ts +3 -1
  180. package/index.js +3 -1
  181. package/input/consts.js +2 -2
  182. package/input/helpers.d.ts +1 -0
  183. package/input/helpers.js +1 -0
  184. package/input/index.d.ts +1 -1
  185. package/input/index.js +2 -2
  186. package/input/input.d.ts +7 -3
  187. package/input/input.js +17 -7
  188. package/input/input.types.d.ts +36 -7
  189. package/input/inputIcon.d.ts +1 -0
  190. package/input/inputIcon.js +2 -1
  191. package/input/inputInput.d.ts +2 -2
  192. package/input/inputInput.js +10 -5
  193. package/input/theme.d.ts +1 -0
  194. package/input/theme.js +2 -0
  195. package/link/index.d.ts +1 -1
  196. package/link/index.js +2 -2
  197. package/link/link.d.ts +6 -3
  198. package/link/link.js +15 -9
  199. package/link/link.types.d.ts +15 -7
  200. package/link/linkIcon.d.ts +1 -0
  201. package/link/linkIcon.js +3 -5
  202. package/link/linkText.d.ts +1 -0
  203. package/link/linkText.js +3 -5
  204. package/link/theme.d.ts +6 -0
  205. package/link/theme.js +9 -1
  206. package/list/index.d.ts +1 -1
  207. package/list/index.js +2 -2
  208. package/list/list.d.ts +3 -3
  209. package/list/list.js +13 -8
  210. package/list/list.types.d.ts +29 -8
  211. package/list/listDivider.d.ts +1 -0
  212. package/list/listDivider.js +3 -5
  213. package/list/listHeading.d.ts +1 -0
  214. package/list/listHeading.js +4 -6
  215. package/list/listIcon.d.ts +1 -0
  216. package/list/listIcon.js +3 -5
  217. package/list/listItem.d.ts +5 -2
  218. package/list/listItem.js +52 -19
  219. package/list/listText.d.ts +1 -0
  220. package/list/listText.js +3 -5
  221. package/list/theme.d.ts +1 -0
  222. package/list/theme.js +5 -2
  223. package/menu/menu.d.ts +1 -0
  224. package/menu/menu.js +1 -0
  225. package/menu/menu.types.d.ts +3 -0
  226. package/menu/menuButton.d.ts +1 -0
  227. package/menu/menuButton.js +3 -4
  228. package/menu/menuItem.d.ts +1 -0
  229. package/menu/menuItem.js +9 -23
  230. package/menu/menuList.d.ts +1 -0
  231. package/menu/menuList.js +3 -4
  232. package/menu/theme.d.ts +16 -2
  233. package/menu/theme.js +18 -3
  234. package/modal/context.d.ts +4 -0
  235. package/modal/context.js +23 -0
  236. package/modal/focusLock.d.ts +9 -0
  237. package/modal/focusLock.js +47 -0
  238. package/modal/focusLock.types.d.ts +28 -0
  239. package/modal/focusLock.types.js +2 -0
  240. package/modal/index.d.ts +7 -0
  241. package/modal/index.js +24 -0
  242. package/modal/modal.d.ts +10 -0
  243. package/modal/modal.js +109 -0
  244. package/modal/modal.types.d.ts +40 -0
  245. package/modal/modal.types.js +2 -0
  246. package/modal/modalBackdrop.d.ts +4 -0
  247. package/modal/modalBackdrop.js +38 -0
  248. package/modal/modalManager.d.ts +12 -0
  249. package/modal/modalManager.js +33 -0
  250. package/modal/theme.d.ts +7 -0
  251. package/modal/theme.js +12 -0
  252. package/notification/consts.js +2 -2
  253. package/notification/index.d.ts +2 -2
  254. package/notification/index.js +3 -3
  255. package/notification/notification.d.ts +5 -1
  256. package/notification/notification.js +12 -27
  257. package/notification/notification.types.d.ts +11 -4
  258. package/notification/notificationButton.d.ts +1 -0
  259. package/notification/notificationButton.js +4 -5
  260. package/notification/notificationIcon.d.ts +1 -0
  261. package/notification/notificationIcon.js +7 -7
  262. package/notification/notificationText.d.ts +1 -0
  263. package/notification/notificationText.js +3 -5
  264. package/notification/notificationTitle.d.ts +1 -0
  265. package/notification/notificationTitle.js +3 -5
  266. package/notification/theme.d.ts +1 -0
  267. package/notification/theme.js +2 -0
  268. package/p/index.d.ts +1 -1
  269. package/p/index.js +1 -1
  270. package/p/p.d.ts +2 -2
  271. package/p/p.js +5 -4
  272. package/p/p.types.d.ts +7 -2
  273. package/p/theme.d.ts +1 -0
  274. package/p/theme.js +2 -0
  275. package/package.json +3 -1
  276. package/panel/index.d.ts +1 -1
  277. package/panel/index.js +1 -1
  278. package/panel/panel.d.ts +4 -0
  279. package/panel/panel.js +4 -0
  280. package/panel/panel.types.d.ts +1 -2
  281. package/panel/theme.d.ts +1 -0
  282. package/panel/theme.js +2 -0
  283. package/popover/consts.d.ts +6 -0
  284. package/popover/consts.js +42 -0
  285. package/popover/index.d.ts +1 -1
  286. package/popover/index.js +1 -1
  287. package/popover/popover.d.ts +6 -2
  288. package/popover/popover.js +20 -4
  289. package/popover/popover.types.d.ts +4 -1
  290. package/popover/popoverContent.d.ts +2 -1
  291. package/popover/popoverContent.js +6 -1
  292. package/popover/popoverTrigger.d.ts +4 -0
  293. package/popover/popoverTrigger.js +4 -0
  294. package/popover/theme.d.ts +1 -0
  295. package/popover/theme.js +2 -0
  296. package/popover/usePopover.d.ts +5 -0
  297. package/popover/usePopover.js +26 -18
  298. package/popover/usePopover.types.d.ts +17 -6
  299. package/portal/index.d.ts +3 -0
  300. package/{styles → portal}/index.js +5 -5
  301. package/portal/portal.d.ts +5 -0
  302. package/portal/portal.js +56 -0
  303. package/portal/portal.types.d.ts +7 -0
  304. package/portal/portal.types.js +2 -0
  305. package/radio/index.d.ts +1 -1
  306. package/radio/index.js +2 -2
  307. package/radio/radio.d.ts +5 -4
  308. package/radio/radio.js +20 -10
  309. package/radio/radio.types.d.ts +19 -4
  310. package/radio/radioGroup.d.ts +5 -2
  311. package/radio/radioGroup.js +11 -7
  312. package/radio/radioGroup.types.d.ts +10 -2
  313. package/radio/theme.d.ts +1 -0
  314. package/radio/theme.js +2 -0
  315. package/skeleton/index.d.ts +1 -1
  316. package/skeleton/index.js +1 -1
  317. package/skeleton/skeleton.d.ts +2 -2
  318. package/skeleton/skeleton.js +4 -3
  319. package/skeleton/skeleton.types.d.ts +5 -2
  320. package/skeleton/theme.d.ts +1 -0
  321. package/skeleton/theme.js +2 -0
  322. package/spinner/index.d.ts +1 -1
  323. package/spinner/index.js +1 -1
  324. package/spinner/spinner.d.ts +6 -2
  325. package/spinner/spinner.js +12 -5
  326. package/spinner/spinner.types.d.ts +10 -6
  327. package/spinner/theme.d.ts +1 -0
  328. package/spinner/theme.js +2 -0
  329. package/svg/helpers.d.ts +1 -1
  330. package/svg/index.d.ts +1 -1
  331. package/svg/index.js +1 -1
  332. package/svg/svg.d.ts +6 -1
  333. package/svg/svg.js +16 -5
  334. package/svg/svg.types.d.ts +7 -5
  335. package/switch/context.d.ts +2 -2
  336. package/switch/index.d.ts +1 -1
  337. package/switch/index.js +2 -2
  338. package/switch/switch.d.ts +6 -3
  339. package/switch/switch.js +15 -12
  340. package/switch/switch.types.d.ts +37 -4
  341. package/switch/switchButton.d.ts +5 -5
  342. package/switch/switchButton.js +34 -26
  343. package/switch/switchLabel.d.ts +1 -0
  344. package/switch/switchLabel.js +3 -5
  345. package/switch/theme.d.ts +1 -0
  346. package/switch/theme.js +2 -0
  347. package/system/animations.d.ts +3 -4
  348. package/system/backgrounds.d.ts +4 -5
  349. package/system/borders.d.ts +60 -61
  350. package/system/custom.d.ts +4 -4
  351. package/system/effects.d.ts +7 -8
  352. package/system/flexboxGrids.d.ts +5 -6
  353. package/system/flexboxes.d.ts +28 -29
  354. package/system/grids.d.ts +25 -26
  355. package/system/index.d.ts +0 -1
  356. package/system/index.js +0 -6
  357. package/system/interactivity.d.ts +11 -12
  358. package/system/layout.d.ts +31 -32
  359. package/system/sizing.d.ts +13 -14
  360. package/system/space.d.ts +37 -38
  361. package/system/system.d.ts +4 -5
  362. package/system/system.js +3 -1
  363. package/system/tables.d.ts +5 -6
  364. package/system/transforms.d.ts +22 -23
  365. package/system/transitions.d.ts +11 -12
  366. package/system/typography.d.ts +33 -34
  367. package/t/index.d.ts +1 -1
  368. package/t/index.js +1 -1
  369. package/t/t.d.ts +2 -2
  370. package/t/t.js +5 -4
  371. package/t/t.types.d.ts +8 -2
  372. package/t/theme.d.ts +1 -0
  373. package/t/theme.js +2 -0
  374. package/tag/index.d.ts +1 -1
  375. package/tag/index.js +2 -2
  376. package/tag/tag.d.ts +6 -3
  377. package/tag/tag.js +14 -7
  378. package/tag/tag.types.d.ts +19 -6
  379. package/tag/tagButton.d.ts +1 -0
  380. package/tag/tagButton.js +4 -16
  381. package/tag/tagIcon.d.ts +1 -0
  382. package/tag/tagIcon.js +3 -5
  383. package/tag/tagText.d.ts +1 -0
  384. package/tag/tagText.js +3 -5
  385. package/tag/theme.d.ts +1 -0
  386. package/tag/theme.js +8 -0
  387. package/textarea/helpers.d.ts +1 -0
  388. package/textarea/helpers.js +1 -0
  389. package/textarea/index.d.ts +1 -1
  390. package/textarea/index.js +1 -1
  391. package/textarea/textarea.d.ts +5 -3
  392. package/textarea/textarea.js +23 -10
  393. package/textarea/textarea.types.d.ts +22 -2
  394. package/textarea/theme.d.ts +1 -0
  395. package/textarea/theme.js +2 -0
  396. package/theme/components.d.ts +129 -2
  397. package/theme/components.js +38 -36
  398. package/theme/defaultTheme.d.ts +134 -2
  399. package/theme/foundations/colors.d.ts +10 -0
  400. package/theme/foundations/colors.js +8 -2
  401. package/theme/foundations/index.d.ts +5 -0
  402. package/theme/foundations/shadows.js +3 -3
  403. package/theme/foundations/transformers.js +3 -2
  404. package/theme/index.d.ts +1 -3
  405. package/theme/index.js +4 -5
  406. package/theme/types.d.ts +3 -2
  407. package/utils/assertion.d.ts +5 -5
  408. package/utils/assertion.js +8 -4
  409. package/utils/index.d.ts +1 -0
  410. package/utils/index.js +1 -0
  411. package/utils/object.d.ts +2 -2
  412. package/utils/object.js +3 -1
  413. package/utils/react.d.ts +10 -5
  414. package/utils/react.js +64 -9
  415. package/utils/string.d.ts +5 -0
  416. package/utils/string.js +19 -0
  417. package/utils/styles.d.ts +2 -2
  418. package/utils/styles.js +4 -4
  419. package/utils/types.d.ts +11 -4
  420. package/core/types/component.d.ts +0 -25
  421. package/core/types/index.d.ts +0 -2
  422. package/core/types/index.js +0 -14
  423. package/core/types/themeGet.d.ts +0 -24
  424. package/core/utils.d.ts +0 -56
  425. package/core/utils.js +0 -194
  426. package/core/vuiProvider.d.ts +0 -20
  427. package/icons/library.d.ts +0 -11
  428. package/popover/plugins.d.ts +0 -3
  429. package/popover/plugins.js +0 -24
  430. package/styles/fontFaces.js +0 -4
  431. package/styles/helpers.d.ts +0 -4
  432. package/styles/helpers.js +0 -8
  433. package/styles/index.d.ts +0 -3
  434. /package/{styles → core/vuiProvider}/animations.d.ts +0 -0
  435. /package/{styles → core/vuiProvider}/animations.js +0 -0
  436. /package/{styles → core/vuiProvider}/fontFaces.d.ts +0 -0
  437. /package/{core/types/component.js → header/header.types.js} +0 -0
  438. /package/{core/types/themeGet.js → header/headerAccount.types.js} +0 -0
@@ -1,40 +1,129 @@
1
+ /** Organizes sections with links into a single column. Different width per breakpoint. */
1
2
  declare const FooterColumn: import("../core").VuiComponent<"div", {
2
3
  col?: (string | number | true | import("@xstyled/system").BreakpointsProps<string | number | true, import("..").VuiTheme>) | undefined;
3
4
  p?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
5
+ resize?: (import("csstype").Property.Resize | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Resize, import("..").VuiTheme>) | undefined;
4
6
  column?: boolean | undefined;
5
7
  row?: (boolean | import("@xstyled/system").BreakpointsProps<boolean, import("..").VuiTheme>) | undefined;
6
8
  activeBg?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
7
- borderRadius?: import("..").BorderRadiusProp | undefined;
8
9
  hoverBg?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
10
+ px?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
9
11
  color?: import("..").ColorGetter | undefined;
12
+ isTruncated?: boolean | undefined;
13
+ overflow?: (import("csstype").Property.Overflow | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Overflow, import("..").VuiTheme>) | undefined;
14
+ maxLines?: number | undefined;
15
+ display?: (import("csstype").Property.Display | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Display, import("..").VuiTheme>) | undefined;
16
+ spaceAround?: string | number | undefined;
17
+ wordBreak?: "normal" | "break-all" | "keep-all" | "break-word" | undefined;
18
+ flex?: (import("csstype").Property.Flex<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Flex<0 | (string & {})>, import("..").VuiTheme>) | undefined;
19
+ left?: (0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto", import("..").VuiTheme>) | undefined;
20
+ right?: (0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto", import("..").VuiTheme>) | undefined;
21
+ center?: boolean | undefined;
22
+ wrap?: boolean | undefined;
23
+ bottom?: (0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto", import("..").VuiTheme>) | undefined;
24
+ top?: (0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto", import("..").VuiTheme>) | undefined;
25
+ justify?: (import("csstype").Property.JustifyContent | import("@xstyled/system").BreakpointsProps<import("csstype").Property.JustifyContent, import("..").VuiTheme>) | undefined;
26
+ cursor?: (import("csstype").Property.Cursor | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Cursor, import("..").VuiTheme>) | undefined;
27
+ direction?: (import("csstype").Property.FlexDirection | import("@xstyled/system").BreakpointsProps<import("csstype").Property.FlexDirection, import("..").VuiTheme>) | undefined;
28
+ fontFamily?: (((string | number) & {}) | "avenir" | import("@xstyled/system").BreakpointsProps<((string | number) & {}) | "avenir", import("..").VuiTheme>) | undefined;
29
+ fontSize?: ("md" | "xs" | "sm" | "lg" | ((string | number) & {}) | import("@xstyled/system").BreakpointsProps<"md" | "xs" | "sm" | "lg" | ((string | number) & {}), import("..").VuiTheme>) | undefined;
30
+ fontStyle?: (import("csstype").Property.FontStyle | import("@xstyled/system").BreakpointsProps<import("csstype").Property.FontStyle, import("..").VuiTheme>) | undefined;
31
+ fontWeight?: ("bold" | ((string | number) & {}) | "regular" | "medium" | "demi" | import("@xstyled/system").BreakpointsProps<"bold" | ((string | number) & {}) | "regular" | "medium" | "demi", import("..").VuiTheme>) | undefined;
32
+ letterSpacing?: (import("csstype").Property.LetterSpacing<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.LetterSpacing<0 | (string & {})>, import("..").VuiTheme>) | undefined;
33
+ opacity?: (import("csstype").Property.Opacity | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Opacity, import("..").VuiTheme>) | undefined;
34
+ order?: (import("csstype").Property.Order | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Order, import("..").VuiTheme>) | undefined;
35
+ pointerEvents?: (import("csstype").Property.PointerEvents | import("@xstyled/system").BreakpointsProps<import("csstype").Property.PointerEvents, import("..").VuiTheme>) | undefined;
36
+ radius?: import("..").BorderRadiusProp | undefined;
37
+ rotate?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
38
+ scale?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
39
+ textDecoration?: (("none" | import("csstype").Globals | "overline" | "underline" | "line-through") | import("@xstyled/system").BreakpointsProps<"none" | import("csstype").Globals | "overline" | "underline" | "line-through", import("..").VuiTheme>) | undefined;
40
+ transform?: (string | boolean | import("@xstyled/system").BreakpointsProps<string | boolean, import("..").VuiTheme>) | undefined;
41
+ visibility?: (import("csstype").Property.Visibility | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Visibility, import("..").VuiTheme>) | undefined;
42
+ align?: (import("csstype").Property.AlignItems | import("@xstyled/system").BreakpointsProps<import("csstype").Property.AlignItems, import("..").VuiTheme>) | undefined;
10
43
  border?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
11
- hoverBorder?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
12
- borderTop?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
13
- borderRight?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
44
+ alignContent?: (import("csstype").Property.AlignContent | import("@xstyled/system").BreakpointsProps<import("csstype").Property.AlignContent, import("..").VuiTheme>) | undefined;
45
+ alignItems?: (import("csstype").Property.AlignItems | import("@xstyled/system").BreakpointsProps<import("csstype").Property.AlignItems, import("..").VuiTheme>) | undefined;
46
+ alignSelf?: (import("csstype").Property.AlignSelf | import("@xstyled/system").BreakpointsProps<import("csstype").Property.AlignSelf, import("..").VuiTheme>) | undefined;
47
+ appearance?: (import("csstype").Property.Appearance | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Appearance, import("..").VuiTheme>) | undefined;
48
+ borderBottomColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
49
+ borderBottomWidth?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
50
+ borderCollapse?: (import("csstype").Property.BorderCollapse | import("@xstyled/system").BreakpointsProps<import("csstype").Property.BorderCollapse, import("..").VuiTheme>) | undefined;
51
+ borderLeftColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
52
+ borderLeftWidth?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
53
+ borderRightColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
54
+ borderRightWidth?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
55
+ borderTopColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
56
+ borderTopWidth?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
57
+ boxShadow?: (import("..").ShadowGetter | import("@xstyled/system").BreakpointsProps<import("..").ShadowGetter, import("..").VuiTheme>) | undefined;
58
+ boxSizing?: (import("csstype").Property.BoxSizing | import("@xstyled/system").BreakpointsProps<import("csstype").Property.BoxSizing, import("..").VuiTheme>) | undefined;
59
+ columnGap?: (0 | (string & {}) | (number & {}) | "normal" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "normal" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset", import("..").VuiTheme>) | undefined;
60
+ flexBasis?: (import("csstype").Property.FlexBasis<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.FlexBasis<0 | (string & {})>, import("..").VuiTheme>) | undefined;
61
+ flexDirection?: (import("csstype").Property.FlexDirection | import("@xstyled/system").BreakpointsProps<import("csstype").Property.FlexDirection, import("..").VuiTheme>) | undefined;
62
+ flexGrow?: (import("csstype").Property.FlexGrow | import("@xstyled/system").BreakpointsProps<import("csstype").Property.FlexGrow, import("..").VuiTheme>) | undefined;
63
+ flexShrink?: (import("csstype").Property.FlexShrink | import("@xstyled/system").BreakpointsProps<import("csstype").Property.FlexShrink, import("..").VuiTheme>) | undefined;
64
+ flexWrap?: (import("csstype").Property.FlexWrap | import("@xstyled/system").BreakpointsProps<import("csstype").Property.FlexWrap, import("..").VuiTheme>) | undefined;
65
+ float?: (import("csstype").Property.Float | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Float, import("..").VuiTheme>) | undefined;
66
+ gridAutoColumns?: (import("csstype").Property.GridAutoColumns<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridAutoColumns<0 | (string & {})>, import("..").VuiTheme>) | undefined;
67
+ gridAutoFlow?: (import("csstype").Property.GridAutoFlow | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridAutoFlow, import("..").VuiTheme>) | undefined;
68
+ gridAutoRows?: (import("csstype").Property.GridAutoRows<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridAutoRows<0 | (string & {})>, import("..").VuiTheme>) | undefined;
69
+ gridTemplateAreas?: (import("csstype").Property.GridTemplateAreas | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridTemplateAreas, import("..").VuiTheme>) | undefined;
70
+ gridTemplateColumns?: (import("csstype").Property.GridTemplateColumns<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridTemplateColumns<0 | (string & {})>, import("..").VuiTheme>) | undefined;
71
+ gridTemplateRows?: (import("csstype").Property.GridTemplateRows<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridTemplateRows<0 | (string & {})>, import("..").VuiTheme>) | undefined;
72
+ justifyContent?: (import("csstype").Property.JustifyContent | import("@xstyled/system").BreakpointsProps<import("csstype").Property.JustifyContent, import("..").VuiTheme>) | undefined;
73
+ justifyItems?: (import("csstype").Property.JustifyItems | import("@xstyled/system").BreakpointsProps<import("csstype").Property.JustifyItems, import("..").VuiTheme>) | undefined;
74
+ justifySelf?: (import("csstype").Property.JustifySelf | import("@xstyled/system").BreakpointsProps<import("csstype").Property.JustifySelf, import("..").VuiTheme>) | undefined;
75
+ lineHeight?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
76
+ listStylePosition?: (import("csstype").Property.ListStylePosition | import("@xstyled/system").BreakpointsProps<import("csstype").Property.ListStylePosition, import("..").VuiTheme>) | undefined;
77
+ listStyleType?: (import("csstype").Property.ListStyleType | import("@xstyled/system").BreakpointsProps<import("csstype").Property.ListStyleType, import("..").VuiTheme>) | undefined;
78
+ objectFit?: (import("csstype").Property.ObjectFit | import("@xstyled/system").BreakpointsProps<import("csstype").Property.ObjectFit, import("..").VuiTheme>) | undefined;
79
+ outlineColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
80
+ outlineStyle?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
81
+ outlineWidth?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
82
+ overflowX?: (import("csstype").Property.OverflowX | import("@xstyled/system").BreakpointsProps<import("csstype").Property.OverflowX, import("..").VuiTheme>) | undefined;
83
+ overflowY?: (import("csstype").Property.OverflowY | import("@xstyled/system").BreakpointsProps<import("csstype").Property.OverflowY, import("..").VuiTheme>) | undefined;
84
+ position?: (import("csstype").Property.Position | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Position, import("..").VuiTheme>) | undefined;
85
+ rowGap?: (0 | (string & {}) | (number & {}) | "normal" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "normal" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset", import("..").VuiTheme>) | undefined;
86
+ tableLayout?: (import("csstype").Property.TableLayout | import("@xstyled/system").BreakpointsProps<import("csstype").Property.TableLayout, import("..").VuiTheme>) | undefined;
87
+ textAlign?: (import("csstype").Property.TextAlign | import("@xstyled/system").BreakpointsProps<import("csstype").Property.TextAlign, import("..").VuiTheme>) | undefined;
88
+ textOverflow?: (import("csstype").Property.TextOverflow | import("@xstyled/system").BreakpointsProps<import("csstype").Property.TextOverflow, import("..").VuiTheme>) | undefined;
89
+ textShadow?: (import("..").ShadowGetter | import("@xstyled/system").BreakpointsProps<import("..").ShadowGetter, import("..").VuiTheme>) | undefined;
90
+ textTransform?: (import("csstype").Property.TextTransform | import("@xstyled/system").BreakpointsProps<import("csstype").Property.TextTransform, import("..").VuiTheme>) | undefined;
91
+ transformOrigin?: (import("csstype").Property.TransformOrigin<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.TransformOrigin<0 | (string & {})>, import("..").VuiTheme>) | undefined;
92
+ transitionDelay?: (number | import("@xstyled/system").BreakpointsProps<number, import("..").VuiTheme>) | undefined;
93
+ transitionDuration?: (((string | number) & {}) | "normal" | "instant" | "fast" | "slow" | import("@xstyled/system").BreakpointsProps<((string | number) & {}) | "normal" | "instant" | "fast" | "slow", import("..").VuiTheme>) | undefined;
94
+ transitionProperty?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
95
+ transitionTimingFunction?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
96
+ userSelect?: (import("csstype").Property.UserSelect | import("@xstyled/system").BreakpointsProps<import("csstype").Property.UserSelect, import("..").VuiTheme>) | undefined;
97
+ verticalAlign?: (import("csstype").Property.VerticalAlign<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.VerticalAlign<0 | (string & {})>, import("..").VuiTheme>) | undefined;
98
+ whiteSpace?: (import("csstype").Property.WhiteSpace | import("@xstyled/system").BreakpointsProps<import("csstype").Property.WhiteSpace, import("..").VuiTheme>) | undefined;
99
+ zIndex?: ((string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | import("@xstyled/system").BreakpointsProps<(string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto", import("..").VuiTheme>) | undefined;
100
+ animation?: (((string | number) & {}) | "bounce" | "fadeDown" | "fadeIn" | "fadeLeft" | "fadeOut" | "fadeRight" | "fadeUp" | "pulse" | "spin" | import("@xstyled/system").BreakpointsProps<((string | number) & {}) | "bounce" | "fadeDown" | "fadeIn" | "fadeLeft" | "fadeOut" | "fadeRight" | "fadeUp" | "pulse" | "spin", import("..").VuiTheme>) | undefined;
14
101
  borderBottom?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
15
- borderLeft?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
16
102
  borderColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
103
+ borderLeft?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
104
+ borderRadius?: import("..").BorderRadiusProp | undefined;
105
+ borderRight?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
106
+ borderStyle?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
107
+ borderTop?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
108
+ borderWidth?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
109
+ gap?: (0 | (string & {}) | (number & {}) | "normal" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "normal" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset", import("..").VuiTheme>) | undefined;
110
+ gridArea?: (import("csstype").Property.GridArea | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridArea, import("..").VuiTheme>) | undefined;
111
+ gridColumn?: (import("csstype").Property.GridColumn | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridColumn, import("..").VuiTheme>) | undefined;
112
+ gridRow?: (import("csstype").Property.GridRow | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridRow, import("..").VuiTheme>) | undefined;
113
+ outline?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
114
+ overscrollBehavior?: (import("csstype").Property.OverscrollBehavior | import("@xstyled/system").BreakpointsProps<import("csstype").Property.OverscrollBehavior, import("..").VuiTheme>) | undefined;
115
+ transition?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
116
+ hoverAnimation?: (((string | number) & {}) | "bounce" | "fadeDown" | "fadeIn" | "fadeLeft" | "fadeOut" | "fadeRight" | "fadeUp" | "pulse" | "spin" | import("@xstyled/system").BreakpointsProps<((string | number) & {}) | "bounce" | "fadeDown" | "fadeIn" | "fadeLeft" | "fadeOut" | "fadeRight" | "fadeUp" | "pulse" | "spin", import("..").VuiTheme>) | undefined;
117
+ bg?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
118
+ disabledBg?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
119
+ hoverBorder?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
17
120
  disabledBorderColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
18
121
  focusBorderColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
19
122
  hoverBorderColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
20
123
  focusWithinBorderColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
21
- borderTopColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
22
- borderRightColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
23
- borderBottomColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
24
- borderLeftColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
25
- borderWidth?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
26
124
  hoverBorderWidth?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
27
- borderTopWidth?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
28
- borderRightWidth?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
29
- borderBottomWidth?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
30
- borderLeftWidth?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
31
- borderStyle?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
32
125
  hoverBorderStyle?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
33
126
  hoverBorderRadius?: import("..").BorderRadiusProp | undefined;
34
- outline?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
35
- outlineColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
36
- outlineWidth?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
37
- outlineStyle?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
38
127
  divideX?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
39
128
  divideY?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
40
129
  divideXReverse?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
@@ -47,53 +136,20 @@ declare const FooterColumn: import("../core").VuiComponent<"div", {
47
136
  focusVisibleRing?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
48
137
  focusWithinRing?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
49
138
  hoverRing?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
50
- isTruncated?: boolean | undefined;
51
- overflow?: (import("csstype").Property.Overflow | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Overflow, import("..").VuiTheme>) | undefined;
52
- maxLines?: number | undefined;
53
- display?: (import("csstype").Property.Display | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Display, import("..").VuiTheme>) | undefined;
54
- spaceAround?: string | number | undefined;
55
- wordBreak?: "normal" | "break-all" | "keep-all" | "break-word" | undefined;
56
- opacity?: (import("csstype").Property.Opacity | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Opacity, import("..").VuiTheme>) | undefined;
139
+ ringColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
140
+ focusRingColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
141
+ focusVisibleRingColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
142
+ focusWithinRingColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
143
+ hoverRingColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
57
144
  hoverOpacity?: (import("csstype").Property.Opacity | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Opacity, import("..").VuiTheme>) | undefined;
58
- boxShadow?: (import("..").ShadowGetter | import("@xstyled/system").BreakpointsProps<import("..").ShadowGetter, import("..").VuiTheme>) | undefined;
59
145
  hoverBoxShadow?: (import("..").ShadowGetter | import("@xstyled/system").BreakpointsProps<import("..").ShadowGetter, import("..").VuiTheme>) | undefined;
60
- flex?: (import("csstype").Property.Flex<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Flex<0 | (string & {})>, import("..").VuiTheme>) | undefined;
61
- left?: (0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto", import("..").VuiTheme>) | undefined;
62
- right?: (0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto", import("..").VuiTheme>) | undefined;
63
- float?: (import("csstype").Property.Float | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Float, import("..").VuiTheme>) | undefined;
64
- boxSizing?: (import("csstype").Property.BoxSizing | import("@xstyled/system").BreakpointsProps<import("csstype").Property.BoxSizing, import("..").VuiTheme>) | undefined;
65
- overflowX?: (import("csstype").Property.OverflowX | import("@xstyled/system").BreakpointsProps<import("csstype").Property.OverflowX, import("..").VuiTheme>) | undefined;
66
- overflowY?: (import("csstype").Property.OverflowY | import("@xstyled/system").BreakpointsProps<import("csstype").Property.OverflowY, import("..").VuiTheme>) | undefined;
67
- position?: (import("csstype").Property.Position | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Position, import("..").VuiTheme>) | undefined;
68
- zIndex?: ((string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | import("@xstyled/system").BreakpointsProps<(string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto", import("..").VuiTheme>) | undefined;
69
- top?: (0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto", import("..").VuiTheme>) | undefined;
146
+ hoverFlexBasis?: (import("csstype").Property.FlexBasis<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.FlexBasis<0 | (string & {})>, import("..").VuiTheme>) | undefined;
147
+ hoverFlex?: (import("csstype").Property.Flex<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Flex<0 | (string & {})>, import("..").VuiTheme>) | undefined;
70
148
  hoverTop?: (0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto", import("..").VuiTheme>) | undefined;
71
149
  hoverRight?: (0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto", import("..").VuiTheme>) | undefined;
72
- bottom?: (0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto", import("..").VuiTheme>) | undefined;
73
150
  hoverBottom?: (0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto", import("..").VuiTheme>) | undefined;
74
151
  hoverLeft?: (0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto", import("..").VuiTheme>) | undefined;
75
- visibility?: (import("csstype").Property.Visibility | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Visibility, import("..").VuiTheme>) | undefined;
76
152
  hoverVisibility?: (import("csstype").Property.Visibility | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Visibility, import("..").VuiTheme>) | undefined;
77
- overscrollBehavior?: (import("csstype").Property.OverscrollBehavior | import("@xstyled/system").BreakpointsProps<import("csstype").Property.OverscrollBehavior, import("..").VuiTheme>) | undefined;
78
- center?: boolean | undefined;
79
- wrap?: boolean | undefined;
80
- alignItems?: (import("csstype").Property.AlignItems | import("@xstyled/system").BreakpointsProps<import("csstype").Property.AlignItems, import("..").VuiTheme>) | undefined;
81
- alignContent?: (import("csstype").Property.AlignContent | import("@xstyled/system").BreakpointsProps<import("csstype").Property.AlignContent, import("..").VuiTheme>) | undefined;
82
- justifyContent?: (import("csstype").Property.JustifyContent | import("@xstyled/system").BreakpointsProps<import("csstype").Property.JustifyContent, import("..").VuiTheme>) | undefined;
83
- justifyItems?: (import("csstype").Property.JustifyItems | import("@xstyled/system").BreakpointsProps<import("csstype").Property.JustifyItems, import("..").VuiTheme>) | undefined;
84
- flexWrap?: (import("csstype").Property.FlexWrap | import("@xstyled/system").BreakpointsProps<import("csstype").Property.FlexWrap, import("..").VuiTheme>) | undefined;
85
- flexGrow?: (import("csstype").Property.FlexGrow | import("@xstyled/system").BreakpointsProps<import("csstype").Property.FlexGrow, import("..").VuiTheme>) | undefined;
86
- flexShrink?: (import("csstype").Property.FlexShrink | import("@xstyled/system").BreakpointsProps<import("csstype").Property.FlexShrink, import("..").VuiTheme>) | undefined;
87
- flexBasis?: (import("csstype").Property.FlexBasis<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.FlexBasis<0 | (string & {})>, import("..").VuiTheme>) | undefined;
88
- hoverFlexBasis?: (import("csstype").Property.FlexBasis<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.FlexBasis<0 | (string & {})>, import("..").VuiTheme>) | undefined;
89
- flexDirection?: (import("csstype").Property.FlexDirection | import("@xstyled/system").BreakpointsProps<import("csstype").Property.FlexDirection, import("..").VuiTheme>) | undefined;
90
- hoverFlex?: (import("csstype").Property.Flex<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Flex<0 | (string & {})>, import("..").VuiTheme>) | undefined;
91
- justifySelf?: (import("csstype").Property.JustifySelf | import("@xstyled/system").BreakpointsProps<import("csstype").Property.JustifySelf, import("..").VuiTheme>) | undefined;
92
- alignSelf?: (import("csstype").Property.AlignSelf | import("@xstyled/system").BreakpointsProps<import("csstype").Property.AlignSelf, import("..").VuiTheme>) | undefined;
93
- appearance?: (import("csstype").Property.Appearance | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Appearance, import("..").VuiTheme>) | undefined;
94
- cursor?: (import("csstype").Property.Cursor | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Cursor, import("..").VuiTheme>) | undefined;
95
- pointerEvents?: (import("csstype").Property.PointerEvents | import("@xstyled/system").BreakpointsProps<import("csstype").Property.PointerEvents, import("..").VuiTheme>) | undefined;
96
- resize?: (import("csstype").Property.Resize | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Resize, import("..").VuiTheme>) | undefined;
97
153
  w?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
98
154
  hoverW?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
99
155
  h?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
@@ -104,6 +160,8 @@ declare const FooterColumn: import("../core").VuiComponent<"div", {
104
160
  hoverMaxH?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
105
161
  minW?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
106
162
  hoverMinW?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
163
+ minH?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
164
+ hoverMinH?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
107
165
  m?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
108
166
  lastM?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
109
167
  mt?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
@@ -127,90 +185,33 @@ declare const FooterColumn: import("../core").VuiComponent<"div", {
127
185
  lastPb?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
128
186
  pl?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
129
187
  lastPl?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
130
- px?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
131
188
  lastPx?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
132
189
  py?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
133
190
  lastPy?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
134
191
  spaceX?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
135
192
  spaceY?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
136
193
  spaceXReverse?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
137
- gap?: (0 | (string & {}) | (number & {}) | "normal" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "normal" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset", import("..").VuiTheme>) | undefined;
138
- columnGap?: (0 | (string & {}) | (number & {}) | "normal" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "normal" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset", import("..").VuiTheme>) | undefined;
139
- rowGap?: (0 | (string & {}) | (number & {}) | "normal" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "normal" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset", import("..").VuiTheme>) | undefined;
140
- gridColumn?: (import("csstype").Property.GridColumn | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridColumn, import("..").VuiTheme>) | undefined;
141
- gridRow?: (import("csstype").Property.GridRow | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridRow, import("..").VuiTheme>) | undefined;
142
- gridAutoFlow?: (import("csstype").Property.GridAutoFlow | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridAutoFlow, import("..").VuiTheme>) | undefined;
143
- gridAutoColumns?: (import("csstype").Property.GridAutoColumns<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridAutoColumns<0 | (string & {})>, import("..").VuiTheme>) | undefined;
144
- gridAutoRows?: (import("csstype").Property.GridAutoRows<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridAutoRows<0 | (string & {})>, import("..").VuiTheme>) | undefined;
145
- gridTemplateColumns?: (import("csstype").Property.GridTemplateColumns<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridTemplateColumns<0 | (string & {})>, import("..").VuiTheme>) | undefined;
146
- gridTemplateRows?: (import("csstype").Property.GridTemplateRows<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridTemplateRows<0 | (string & {})>, import("..").VuiTheme>) | undefined;
147
- gridTemplateAreas?: (import("csstype").Property.GridTemplateAreas | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridTemplateAreas, import("..").VuiTheme>) | undefined;
148
- borderCollapse?: (import("csstype").Property.BorderCollapse | import("@xstyled/system").BreakpointsProps<import("csstype").Property.BorderCollapse, import("..").VuiTheme>) | undefined;
149
- transform?: (boolean | import("@xstyled/system").BreakpointsProps<boolean, import("..").VuiTheme>) | undefined;
150
- hoverTransform?: (boolean | import("@xstyled/system").BreakpointsProps<boolean, import("..").VuiTheme>) | undefined;
151
- transformOrigin?: (import("csstype").Property.TransformOrigin<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.TransformOrigin<0 | (string & {})>, import("..").VuiTheme>) | undefined;
194
+ spaceYReverse?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
195
+ hoverTransform?: (string | boolean | import("@xstyled/system").BreakpointsProps<string | boolean, import("..").VuiTheme>) | undefined;
152
196
  hoverTransformOrigin?: (import("csstype").Property.TransformOrigin<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.TransformOrigin<0 | (string & {})>, import("..").VuiTheme>) | undefined;
153
197
  translateX?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
154
198
  hoverTranslateX?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
155
199
  translateY?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
156
200
  hoverTranslateY?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
157
- rotate?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
158
201
  hoverRotate?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
159
202
  skewX?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
160
203
  hoverSkewX?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
161
204
  skewY?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
162
205
  hoverSkewY?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
163
- scale?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
164
206
  hoverScale?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
165
207
  scaleX?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
166
208
  hoverScaleX?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
167
- transition?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
168
- transitionProperty?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
169
- transitionDuration?: (((string | number) & {}) | "normal" | "instant" | "fast" | "slow" | import("@xstyled/system").BreakpointsProps<((string | number) & {}) | "normal" | "instant" | "fast" | "slow", import("..").VuiTheme>) | undefined;
170
- transitionTimingFunction?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
171
- justify?: (import("csstype").Property.JustifyContent | import("@xstyled/system").BreakpointsProps<import("csstype").Property.JustifyContent, import("..").VuiTheme>) | undefined;
172
- fontFamily?: (((string | number) & {}) | "avenir" | import("@xstyled/system").BreakpointsProps<((string | number) & {}) | "avenir", import("..").VuiTheme>) | undefined;
173
- fontSize?: ("md" | "xs" | "sm" | "lg" | ((string | number) & {}) | import("@xstyled/system").BreakpointsProps<"md" | "xs" | "sm" | "lg" | ((string | number) & {}), import("..").VuiTheme>) | undefined;
174
- fontStyle?: (import("csstype").Property.FontStyle | import("@xstyled/system").BreakpointsProps<import("csstype").Property.FontStyle, import("..").VuiTheme>) | undefined;
175
- fontWeight?: ("bold" | ((string | number) & {}) | "regular" | "medium" | "demi" | import("@xstyled/system").BreakpointsProps<"bold" | ((string | number) & {}) | "regular" | "medium" | "demi", import("..").VuiTheme>) | undefined;
176
- lineHeight?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
209
+ scaleY?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
210
+ hoverScaleY?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
177
211
  disabledColor?: import("..").ColorGetter | undefined;
178
212
  hoverColor?: import("..").ColorGetter | undefined;
179
213
  placeholderColor?: import("..").ColorGetter | undefined;
180
- textTransform?: (import("csstype").Property.TextTransform | import("@xstyled/system").BreakpointsProps<import("csstype").Property.TextTransform, import("..").VuiTheme>) | undefined;
181
- hoverTextDecoration?: ((import("csstype").Globals | "overline" | "underline" | "line-through") | import("@xstyled/system").BreakpointsProps<import("csstype").Globals | "overline" | "underline" | "line-through", import("..").VuiTheme>) | undefined;
182
- textDecoration?: ((import("csstype").Globals | "overline" | "underline" | "line-through") | import("@xstyled/system").BreakpointsProps<import("csstype").Globals | "overline" | "underline" | "line-through", import("..").VuiTheme>) | undefined;
183
- textAlign?: (import("csstype").Property.TextAlign | import("@xstyled/system").BreakpointsProps<import("csstype").Property.TextAlign, import("..").VuiTheme>) | undefined;
184
- verticalAlign?: (import("csstype").Property.VerticalAlign<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.VerticalAlign<0 | (string & {})>, import("..").VuiTheme>) | undefined;
185
- letterSpacing?: (import("csstype").Property.LetterSpacing<0 | (string & {})> | import("@xstyled/system").BreakpointsProps<import("csstype").Property.LetterSpacing<0 | (string & {})>, import("..").VuiTheme>) | undefined;
186
- whiteSpace?: (import("csstype").Property.WhiteSpace | import("@xstyled/system").BreakpointsProps<import("csstype").Property.WhiteSpace, import("..").VuiTheme>) | undefined;
187
- textOverflow?: (import("csstype").Property.TextOverflow | import("@xstyled/system").BreakpointsProps<import("csstype").Property.TextOverflow, import("..").VuiTheme>) | undefined;
188
- listStyleType?: (import("csstype").Property.ListStyleType | import("@xstyled/system").BreakpointsProps<import("csstype").Property.ListStyleType, import("..").VuiTheme>) | undefined;
189
- animation?: (((string | number) & {}) | "bounce" | "fadeDown" | "fadeIn" | "fadeLeft" | "fadeOut" | "fadeRight" | "fadeUp" | "pulse" | "spin" | import("@xstyled/system").BreakpointsProps<((string | number) & {}) | "bounce" | "fadeDown" | "fadeIn" | "fadeLeft" | "fadeOut" | "fadeRight" | "fadeUp" | "pulse" | "spin", import("..").VuiTheme>) | undefined;
190
- hoverAnimation?: (((string | number) & {}) | "bounce" | "fadeDown" | "fadeIn" | "fadeLeft" | "fadeOut" | "fadeRight" | "fadeUp" | "pulse" | "spin" | import("@xstyled/system").BreakpointsProps<((string | number) & {}) | "bounce" | "fadeDown" | "fadeIn" | "fadeLeft" | "fadeOut" | "fadeRight" | "fadeUp" | "pulse" | "spin", import("..").VuiTheme>) | undefined;
191
- bg?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
192
- disabledBg?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
193
- ringColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
194
- focusRingColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
195
- focusVisibleRingColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
196
- focusWithinRingColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
197
- hoverRingColor?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
198
- textShadow?: (import("..").ShadowGetter | import("@xstyled/system").BreakpointsProps<import("..").ShadowGetter, import("..").VuiTheme>) | undefined;
199
- order?: (import("csstype").Property.Order | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Order, import("..").VuiTheme>) | undefined;
200
- gridArea?: (import("csstype").Property.GridArea | import("@xstyled/system").BreakpointsProps<import("csstype").Property.GridArea, import("..").VuiTheme>) | undefined;
201
- userSelect?: (import("csstype").Property.UserSelect | import("@xstyled/system").BreakpointsProps<import("csstype").Property.UserSelect, import("..").VuiTheme>) | undefined;
202
- objectFit?: (import("csstype").Property.ObjectFit | import("@xstyled/system").BreakpointsProps<import("csstype").Property.ObjectFit, import("..").VuiTheme>) | undefined;
203
- minH?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
204
- hoverMinH?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
205
- spaceYReverse?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
206
- tableLayout?: (import("csstype").Property.TableLayout | import("@xstyled/system").BreakpointsProps<import("csstype").Property.TableLayout, import("..").VuiTheme>) | undefined;
207
- scaleY?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
208
- hoverScaleY?: (string | number | import("@xstyled/system").BreakpointsProps<string | number, import("..").VuiTheme>) | undefined;
209
- transitionDelay?: (number | import("@xstyled/system").BreakpointsProps<number, import("..").VuiTheme>) | undefined;
210
- listStylePosition?: (import("csstype").Property.ListStylePosition | import("@xstyled/system").BreakpointsProps<import("csstype").Property.ListStylePosition, import("..").VuiTheme>) | undefined;
211
- direction?: (import("csstype").Property.FlexDirection | import("@xstyled/system").BreakpointsProps<import("csstype").Property.FlexDirection, import("..").VuiTheme>) | undefined;
212
- radius?: import("..").BorderRadiusProp | undefined;
213
- align?: (import("csstype").Property.AlignItems | import("@xstyled/system").BreakpointsProps<import("csstype").Property.AlignItems, import("..").VuiTheme>) | undefined;
214
+ hoverTextDecoration?: (("none" | import("csstype").Globals | "overline" | "underline" | "line-through") | import("@xstyled/system").BreakpointsProps<"none" | import("csstype").Globals | "overline" | "underline" | "line-through", import("..").VuiTheme>) | undefined;
214
215
  centerH?: boolean | undefined;
215
216
  centerV?: boolean | undefined;
216
217
  hoverShadow?: (import("..").ShadowGetter | import("@xstyled/system").BreakpointsProps<import("..").ShadowGetter, import("..").VuiTheme>) | undefined;
@@ -17,6 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
17
17
  var react_1 = __importDefault(require("react"));
18
18
  var box_1 = __importDefault(require("../box"));
19
19
  var core_1 = require("../core");
20
+ /** Organizes sections with links into a single column. Different width per breakpoint. */
20
21
  var FooterColumn = (0, core_1.vui)(function (props, ref) {
21
22
  var styles = (0, core_1.useStyleConfig)('Footer', props);
22
23
  return (react_1.default.createElement(box_1.default, __assign({ className: "vui-footerColumn", column: true, flex: { xs: '0 0 100%', sm: '0 0 50%', md: '0 0 25%' }, p: 1.5, ref: ref, spaceY: 4 }, styles.column, props)));
@@ -1,3 +1,4 @@
1
1
  import { HeadingProps } from '../heading';
2
+ /** Heading of a links section. */
2
3
  export declare const FooterHeading: import("../core").VuiComponent<"h5", HeadingProps>;
3
4
  export default FooterHeading;
@@ -18,6 +18,7 @@ exports.FooterHeading = void 0;
18
18
  var react_1 = __importDefault(require("react"));
19
19
  var core_1 = require("../core");
20
20
  var heading_1 = __importDefault(require("../heading"));
21
+ /** Heading of a links section. */
21
22
  exports.FooterHeading = (0, core_1.vui)(function (props, ref) {
22
23
  var styles = (0, core_1.useStyleConfig)('Footer', props);
23
24
  return react_1.default.createElement(heading_1.default, __assign({ className: "vui-footerHeading", mb: 1, ref: ref, size: "h5" }, styles.heading, props));
@@ -1,3 +1,4 @@
1
1
  import { LinkProps } from '../link';
2
+ /** Individual link item of the Footer. */
2
3
  export declare const FooterLink: import("../core").VuiComponent<"a", LinkProps>;
3
4
  export default FooterLink;
@@ -18,6 +18,7 @@ exports.FooterLink = void 0;
18
18
  var react_1 = __importDefault(require("react"));
19
19
  var core_1 = require("../core");
20
20
  var link_1 = __importDefault(require("../link"));
21
+ /** Individual link item of the Footer. */
21
22
  exports.FooterLink = (0, core_1.vui)(function (props, ref) {
22
23
  var styles = (0, core_1.useStyleConfig)('Footer', props);
23
24
  return (react_1.default.createElement(link_1.default, __assign({ className: "vui-footerLink", colorScheme: "white", py: 0.5, ref: ref, size: "sm" }, styles.link, props)));
@@ -1,3 +1,4 @@
1
1
  import { BoxProps } from '../box';
2
+ /** Organizes Footer content into a row of multuple columns. */
2
3
  declare const FooterRow: import("../core").VuiComponent<"div", BoxProps>;
3
4
  export default FooterRow;
@@ -17,6 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
17
17
  var react_1 = __importDefault(require("react"));
18
18
  var box_1 = __importDefault(require("../box"));
19
19
  var core_1 = require("../core");
20
+ /** Organizes Footer content into a row of multuple columns. */
20
21
  var FooterRow = (0, core_1.vui)(function (props, ref) {
21
22
  var styles = (0, core_1.useStyleConfig)('Footer', props);
22
23
  return react_1.default.createElement(box_1.default, __assign({ className: "vui-footerRow", m: -1.5, ref: ref, wrap: true }, styles.row, props));
@@ -1,3 +1,4 @@
1
1
  import { FooterSectionProps } from './footer.types';
2
+ /** Section includes a heading and a set of links. */
2
3
  export declare const FooterSection: import("../core").VuiComponent<"div", FooterSectionProps>;
3
4
  export default FooterSection;
@@ -27,11 +27,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
27
27
  Object.defineProperty(exports, "__esModule", { value: true });
28
28
  exports.FooterSection = void 0;
29
29
  var react_1 = __importDefault(require("react"));
30
- var core_1 = require("../core");
31
30
  var box_1 = __importDefault(require("../box"));
31
+ var core_1 = require("../core");
32
32
  var utils_1 = require("../utils");
33
33
  var footerHeading_1 = __importDefault(require("./footerHeading"));
34
34
  var footerLink_1 = __importDefault(require("./footerLink"));
35
+ /** Section includes a heading and a set of links. */
35
36
  exports.FooterSection = (0, core_1.vui)(function (props, ref) {
36
37
  var children = props.children, heading = props.heading, links = props.links, rest = __rest(props, ["children", "heading", "links"]);
37
38
  var styles = (0, core_1.useStyleConfig)('Footer', props);
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { BoxProps } from '../box';
3
3
  import { PropsOf } from '../utils';
4
+ /** Veracity trademark. Always included in the Footer. */
4
5
  declare const FooterTrademark: (props: PropsOf<'div', BoxProps>) => JSX.Element;
5
6
  export default FooterTrademark;
@@ -19,6 +19,7 @@ var box_1 = __importDefault(require("../box"));
19
19
  var link_1 = __importDefault(require("../link"));
20
20
  var t_1 = __importDefault(require("../t"));
21
21
  var footerColumn_1 = __importDefault(require("./footerColumn"));
22
+ /** Veracity trademark. Always included in the Footer. */
22
23
  var FooterTrademark = function (props) {
23
24
  return (react_1.default.createElement(box_1.default, __assign({ className: "vui-footerTrademark", w: "100%", wrap: true }, props),
24
25
  react_1.default.createElement(footerColumn_1.default, { centerV: true, flex: { xs: '0 0 100%', md: '0 0 25%' } },
@@ -1,10 +1,9 @@
1
+ import { Environment } from '../utils';
1
2
  import { FooterColumnsData } from './footer.types';
2
- declare type Environment = 'Prod' | 'Stag' | 'Test';
3
3
  /**
4
- * Computes footer columns with appropriate sections and links.
4
+ * Computes Footer columns with appropriate sections and links.
5
5
  * Links are selected per environment and modified based on log in state.
6
6
  * @param environment current application environment
7
7
  * @param isLoggedIn is current user logged in
8
8
  */
9
9
  export declare function getFooterColumns(environment: Environment, isLoggedIn?: boolean): FooterColumnsData;
10
- export {};
package/footer/helpers.js CHANGED
@@ -1,4 +1,15 @@
1
1
  "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
2
13
  var __read = (this && this.__read) || function (o, n) {
3
14
  var m = typeof Symbol === "function" && o[Symbol.iterator];
4
15
  if (!m) return o;
@@ -17,14 +28,10 @@ var __read = (this && this.__read) || function (o, n) {
17
28
  };
18
29
  Object.defineProperty(exports, "__esModule", { value: true });
19
30
  exports.getFooterColumns = void 0;
31
+ var utils_1 = require("../utils");
20
32
  var consts_1 = require("./consts");
21
- var envLinks = {
22
- Prod: consts_1.footerLinksProd,
23
- Stag: consts_1.footerLinksStag,
24
- Test: consts_1.footerLinksTest
25
- };
26
33
  /**
27
- * Computes footer columns with appropriate sections and links.
34
+ * Computes Footer columns with appropriate sections and links.
28
35
  * Links are selected per environment and modified based on log in state.
29
36
  * @param environment current application environment
30
37
  * @param isLoggedIn is current user logged in
@@ -37,17 +44,10 @@ function getFooterColumns(environment, isLoggedIn) {
37
44
  var _b = __read(_a, 2), columnName = _b[0], column = _b[1];
38
45
  Object.entries(column).forEach(function (_a) {
39
46
  var _b = __read(_a, 2), sectionName = _b[0], section = _b[1];
40
- var links = section.links.map(function (_a) {
41
- var _b;
42
- var text = _a.text, urlId = _a.url;
43
- var url = (_b = envLinks[environment][urlId]) !== null && _b !== void 0 ? _b : '';
44
- if (urlId === 'contactUs' && !isLoggedIn)
45
- url += 'Anonymous';
46
- if (isLoggedIn)
47
- url += '?loggedin=1';
48
- return { text: text, url: url };
47
+ columns[columnName][sectionName].links = section.links.map(function (link) {
48
+ var url = consts_1.footerLinks[environment][link.url];
49
+ return __assign(__assign({}, link), { url: (0, utils_1.getLoggedInLink)(url, isLoggedIn) });
49
50
  });
50
- columns[columnName][sectionName].links = links;
51
51
  });
52
52
  });
53
53
  return columns;
package/footer/index.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  export * from './consts';
2
- export { default, default as Footer } from './footer';
2
+ export * from './footer';
3
+ export { default } from './footer';
3
4
  export * from './footer.types';
4
5
  export * from './footerColumn';
5
6
  export * from './footerHeading';
package/footer/index.js CHANGED
@@ -13,11 +13,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
13
13
  return (mod && mod.__esModule) ? mod : { "default": mod };
14
14
  };
15
15
  Object.defineProperty(exports, "__esModule", { value: true });
16
- exports.Footer = exports.default = void 0;
16
+ exports.default = void 0;
17
17
  __exportStar(require("./consts"), exports);
18
+ __exportStar(require("./footer"), exports);
18
19
  var footer_1 = require("./footer");
19
20
  Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(footer_1).default; } });
20
- Object.defineProperty(exports, "Footer", { enumerable: true, get: function () { return __importDefault(footer_1).default; } });
21
21
  __exportStar(require("./footer.types"), exports);
22
22
  __exportStar(require("./footerColumn"), exports);
23
23
  __exportStar(require("./footerHeading"), exports);
package/footer/theme.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  declare const _default: {
2
+ baseStyle: {};
2
3
  defaultProps: {};
3
4
  parts: string[];
4
5
  sizes: {};