@workday/canvas-kit-react 7.0.0-alpha.0-next.6 → 7.0.0-alpha.0-next.7

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 (333) hide show
  1. package/action-bar/lib/ActionBar.tsx +1 -1
  2. package/banner/lib/Banner.tsx +1 -1
  3. package/banner/lib/BannerActionText.tsx +1 -1
  4. package/banner/lib/BannerLabel.tsx +1 -1
  5. package/card/lib/Card.tsx +1 -1
  6. package/card/lib/CardBody.tsx +1 -1
  7. package/card/lib/CardHeading.tsx +1 -1
  8. package/dist/commonjs/action-bar/lib/ActionBar.d.ts +1 -1
  9. package/dist/commonjs/action-bar/lib/ActionBar.d.ts.map +1 -1
  10. package/dist/commonjs/action-bar/lib/ActionBar.js +2 -2
  11. package/dist/commonjs/banner/lib/Banner.d.ts +1 -1
  12. package/dist/commonjs/banner/lib/Banner.d.ts.map +1 -1
  13. package/dist/commonjs/banner/lib/Banner.js +1 -1
  14. package/dist/commonjs/banner/lib/BannerActionText.d.ts +1 -1
  15. package/dist/commonjs/banner/lib/BannerActionText.d.ts.map +1 -1
  16. package/dist/commonjs/banner/lib/BannerActionText.js +2 -2
  17. package/dist/commonjs/banner/lib/BannerLabel.d.ts +1 -1
  18. package/dist/commonjs/banner/lib/BannerLabel.d.ts.map +1 -1
  19. package/dist/commonjs/banner/lib/BannerLabel.js +1 -1
  20. package/dist/commonjs/card/lib/Card.d.ts +2 -2
  21. package/dist/commonjs/card/lib/Card.d.ts.map +1 -1
  22. package/dist/commonjs/card/lib/Card.js +2 -2
  23. package/dist/commonjs/card/lib/CardBody.d.ts +1 -1
  24. package/dist/commonjs/card/lib/CardBody.d.ts.map +1 -1
  25. package/dist/commonjs/card/lib/CardBody.js +2 -2
  26. package/dist/commonjs/card/lib/CardHeading.d.ts +1 -1
  27. package/dist/commonjs/card/lib/CardHeading.d.ts.map +1 -1
  28. package/dist/commonjs/card/lib/CardHeading.js +2 -2
  29. package/dist/commonjs/dialog/lib/Dialog.d.ts +1 -1
  30. package/dist/commonjs/layout/index.d.ts +12 -2
  31. package/dist/commonjs/layout/index.d.ts.map +1 -1
  32. package/dist/commonjs/layout/index.js +8 -2
  33. package/dist/commonjs/layout/lib/Box.d.ts +31 -0
  34. package/dist/commonjs/layout/lib/Box.d.ts.map +1 -0
  35. package/dist/commonjs/layout/lib/Box.js +99 -0
  36. package/dist/commonjs/layout/lib/Flex.d.ts +26 -0
  37. package/dist/commonjs/layout/lib/Flex.d.ts.map +1 -0
  38. package/dist/commonjs/layout/lib/Flex.js +83 -0
  39. package/dist/commonjs/layout/lib/Stack.d.ts +27 -0
  40. package/dist/commonjs/layout/lib/Stack.d.ts.map +1 -0
  41. package/dist/commonjs/layout/lib/Stack.js +99 -0
  42. package/dist/commonjs/layout/lib/utils/border.d.ts +103 -0
  43. package/dist/commonjs/layout/lib/utils/border.d.ts.map +1 -0
  44. package/dist/commonjs/layout/lib/utils/border.js +153 -0
  45. package/dist/commonjs/layout/lib/utils/color.d.ts +26 -0
  46. package/dist/commonjs/layout/lib/utils/color.d.ts.map +1 -0
  47. package/dist/commonjs/layout/lib/utils/color.js +57 -0
  48. package/dist/commonjs/layout/lib/utils/depth.d.ts +22 -0
  49. package/dist/commonjs/layout/lib/utils/depth.d.ts.map +1 -0
  50. package/dist/commonjs/layout/lib/utils/depth.js +29 -0
  51. package/dist/commonjs/layout/lib/utils/flex.d.ts +36 -0
  52. package/dist/commonjs/layout/lib/utils/flex.d.ts.map +1 -0
  53. package/dist/commonjs/layout/lib/utils/flex.js +38 -0
  54. package/dist/commonjs/layout/lib/utils/flexItem.d.ts +33 -0
  55. package/dist/commonjs/layout/lib/utils/flexItem.d.ts.map +1 -0
  56. package/dist/commonjs/layout/lib/utils/flexItem.js +39 -0
  57. package/dist/commonjs/layout/lib/utils/getValidChildren.d.ts +3 -0
  58. package/dist/commonjs/layout/lib/utils/getValidChildren.d.ts.map +1 -0
  59. package/dist/commonjs/layout/lib/utils/getValidChildren.js +29 -0
  60. package/dist/commonjs/layout/lib/utils/layout.d.ts +43 -0
  61. package/dist/commonjs/layout/lib/utils/layout.d.ts.map +1 -0
  62. package/dist/commonjs/layout/lib/utils/layout.js +43 -0
  63. package/dist/commonjs/layout/lib/utils/other.d.ts +5 -0
  64. package/dist/commonjs/layout/lib/utils/other.d.ts.map +1 -0
  65. package/dist/commonjs/layout/lib/utils/other.js +19 -0
  66. package/dist/commonjs/layout/lib/utils/position.d.ts +41 -0
  67. package/dist/commonjs/layout/lib/utils/position.d.ts.map +1 -0
  68. package/dist/commonjs/layout/lib/utils/position.js +78 -0
  69. package/dist/commonjs/layout/lib/utils/space.d.ts +64 -0
  70. package/dist/commonjs/layout/lib/utils/space.d.ts.map +1 -0
  71. package/dist/commonjs/layout/lib/utils/space.js +161 -0
  72. package/dist/commonjs/layout/lib/utils/stack.d.ts +26 -0
  73. package/dist/commonjs/layout/lib/utils/stack.d.ts.map +1 -0
  74. package/dist/commonjs/layout/lib/utils/stack.js +55 -0
  75. package/dist/commonjs/layout/lib/utils/types.d.ts +20 -0
  76. package/dist/commonjs/layout/lib/utils/types.d.ts.map +1 -0
  77. package/dist/commonjs/layout/lib/utils/types.js +2 -0
  78. package/dist/commonjs/modal/lib/Modal.d.ts +1 -1
  79. package/dist/commonjs/modal/lib/ModalOverlay.d.ts +1 -1
  80. package/dist/commonjs/modal/lib/ModalOverlay.d.ts.map +1 -1
  81. package/dist/commonjs/modal/lib/ModalOverlay.js +2 -2
  82. package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.d.ts +1 -1
  83. package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.d.ts.map +1 -1
  84. package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.js +1 -1
  85. package/dist/commonjs/pagination/lib/Pagination/Controls.js +1 -1
  86. package/dist/commonjs/pagination/lib/Pagination/GoTo/Form.d.ts +1 -1
  87. package/dist/commonjs/pagination/lib/Pagination/GoTo/Form.d.ts.map +1 -1
  88. package/dist/commonjs/pagination/lib/Pagination/GoTo/Form.js +1 -1
  89. package/dist/commonjs/pagination/lib/Pagination/Nav.d.ts +1 -1
  90. package/dist/commonjs/pagination/lib/Pagination/Nav.d.ts.map +1 -1
  91. package/dist/commonjs/pagination/lib/Pagination/Nav.js +1 -1
  92. package/dist/commonjs/pagination/lib/Pagination/PageList.d.ts +1 -1
  93. package/dist/commonjs/pagination/lib/Pagination/PageList.d.ts.map +1 -1
  94. package/dist/commonjs/pagination/lib/Pagination/PageList.js +1 -1
  95. package/dist/commonjs/pagination/lib/Pagination/common/List.d.ts +1 -1
  96. package/dist/commonjs/pagination/lib/Pagination/common/List.d.ts.map +1 -1
  97. package/dist/commonjs/pagination/lib/Pagination/common/List.js +1 -1
  98. package/dist/commonjs/popup/lib/Popup.d.ts +1 -1
  99. package/dist/commonjs/popup/lib/PopupBody.d.ts +1 -1
  100. package/dist/commonjs/popup/lib/PopupBody.d.ts.map +1 -1
  101. package/dist/commonjs/popup/lib/PopupCard.d.ts +1 -1
  102. package/dist/commonjs/popup/lib/PopupCard.d.ts.map +1 -1
  103. package/dist/commonjs/popup/lib/PopupCard.js +1 -1
  104. package/dist/commonjs/tabs/lib/TabsItem.d.ts +2 -3
  105. package/dist/commonjs/tabs/lib/TabsItem.d.ts.map +1 -1
  106. package/dist/commonjs/tabs/lib/TabsItem.js +2 -2
  107. package/dist/commonjs/tabs/lib/TabsList.d.ts +1 -1
  108. package/dist/commonjs/tabs/lib/TabsList.d.ts.map +1 -1
  109. package/dist/commonjs/tabs/lib/TabsList.js +1 -1
  110. package/dist/commonjs/tabs/lib/TabsPanel.d.ts +1 -1
  111. package/dist/commonjs/tabs/lib/TabsPanel.d.ts.map +1 -1
  112. package/dist/commonjs/tabs/lib/TabsPanel.js +2 -2
  113. package/dist/commonjs/tabs/lib/menu/MenuItem.js +2 -2
  114. package/dist/commonjs/tabs/lib/menu/MenuList.d.ts +1 -1
  115. package/dist/commonjs/tabs/lib/menu/MenuList.d.ts.map +1 -1
  116. package/dist/commonjs/tabs/lib/menu/MenuList.js +1 -1
  117. package/dist/es6/action-bar/lib/ActionBar.d.ts +1 -1
  118. package/dist/es6/action-bar/lib/ActionBar.d.ts.map +1 -1
  119. package/dist/es6/action-bar/lib/ActionBar.js +1 -1
  120. package/dist/es6/banner/lib/Banner.d.ts +1 -1
  121. package/dist/es6/banner/lib/Banner.d.ts.map +1 -1
  122. package/dist/es6/banner/lib/Banner.js +1 -1
  123. package/dist/es6/banner/lib/BannerActionText.d.ts +1 -1
  124. package/dist/es6/banner/lib/BannerActionText.d.ts.map +1 -1
  125. package/dist/es6/banner/lib/BannerActionText.js +1 -1
  126. package/dist/es6/banner/lib/BannerLabel.d.ts +1 -1
  127. package/dist/es6/banner/lib/BannerLabel.d.ts.map +1 -1
  128. package/dist/es6/banner/lib/BannerLabel.js +1 -1
  129. package/dist/es6/card/lib/Card.d.ts +2 -2
  130. package/dist/es6/card/lib/Card.d.ts.map +1 -1
  131. package/dist/es6/card/lib/Card.js +1 -1
  132. package/dist/es6/card/lib/CardBody.d.ts +1 -1
  133. package/dist/es6/card/lib/CardBody.d.ts.map +1 -1
  134. package/dist/es6/card/lib/CardBody.js +1 -1
  135. package/dist/es6/card/lib/CardHeading.d.ts +1 -1
  136. package/dist/es6/card/lib/CardHeading.d.ts.map +1 -1
  137. package/dist/es6/card/lib/CardHeading.js +1 -1
  138. package/dist/es6/dialog/lib/Dialog.d.ts +1 -1
  139. package/dist/es6/layout/index.d.ts +12 -2
  140. package/dist/es6/layout/index.d.ts.map +1 -1
  141. package/dist/es6/layout/index.js +8 -2
  142. package/dist/es6/layout/lib/Box.d.ts +31 -0
  143. package/dist/es6/layout/lib/Box.d.ts.map +1 -0
  144. package/dist/es6/layout/lib/Box.js +74 -0
  145. package/dist/es6/layout/lib/Flex.d.ts +26 -0
  146. package/dist/es6/layout/lib/Flex.d.ts.map +1 -0
  147. package/dist/es6/layout/lib/Flex.js +58 -0
  148. package/dist/es6/layout/lib/Stack.d.ts +27 -0
  149. package/dist/es6/layout/lib/Stack.d.ts.map +1 -0
  150. package/dist/es6/layout/lib/Stack.js +74 -0
  151. package/dist/es6/layout/lib/utils/border.d.ts +103 -0
  152. package/dist/es6/layout/lib/utils/border.d.ts.map +1 -0
  153. package/dist/es6/layout/lib/utils/border.js +149 -0
  154. package/dist/es6/layout/lib/utils/color.d.ts +26 -0
  155. package/dist/es6/layout/lib/utils/color.d.ts.map +1 -0
  156. package/dist/es6/layout/lib/utils/color.js +53 -0
  157. package/dist/es6/layout/lib/utils/depth.d.ts +22 -0
  158. package/dist/es6/layout/lib/utils/depth.d.ts.map +1 -0
  159. package/dist/es6/layout/lib/utils/depth.js +25 -0
  160. package/dist/es6/layout/lib/utils/flex.d.ts +36 -0
  161. package/dist/es6/layout/lib/utils/flex.d.ts.map +1 -0
  162. package/dist/es6/layout/lib/utils/flex.js +34 -0
  163. package/dist/es6/layout/lib/utils/flexItem.d.ts +33 -0
  164. package/dist/es6/layout/lib/utils/flexItem.d.ts.map +1 -0
  165. package/dist/es6/layout/lib/utils/flexItem.js +35 -0
  166. package/dist/es6/layout/lib/utils/getValidChildren.d.ts +3 -0
  167. package/dist/es6/layout/lib/utils/getValidChildren.d.ts.map +1 -0
  168. package/dist/es6/layout/lib/utils/getValidChildren.js +6 -0
  169. package/dist/es6/layout/lib/utils/layout.d.ts +43 -0
  170. package/dist/es6/layout/lib/utils/layout.d.ts.map +1 -0
  171. package/dist/es6/layout/lib/utils/layout.js +39 -0
  172. package/dist/es6/layout/lib/utils/other.d.ts +5 -0
  173. package/dist/es6/layout/lib/utils/other.d.ts.map +1 -0
  174. package/dist/es6/layout/lib/utils/other.js +15 -0
  175. package/dist/es6/layout/lib/utils/position.d.ts +41 -0
  176. package/dist/es6/layout/lib/utils/position.d.ts.map +1 -0
  177. package/dist/es6/layout/lib/utils/position.js +74 -0
  178. package/dist/es6/layout/lib/utils/space.d.ts +64 -0
  179. package/dist/es6/layout/lib/utils/space.d.ts.map +1 -0
  180. package/dist/es6/layout/lib/utils/space.js +157 -0
  181. package/dist/es6/layout/lib/utils/stack.d.ts +26 -0
  182. package/dist/es6/layout/lib/utils/stack.d.ts.map +1 -0
  183. package/dist/es6/layout/lib/utils/stack.js +51 -0
  184. package/dist/es6/layout/lib/utils/types.d.ts +20 -0
  185. package/dist/es6/layout/lib/utils/types.d.ts.map +1 -0
  186. package/dist/es6/layout/lib/utils/types.js +1 -0
  187. package/dist/es6/modal/lib/Modal.d.ts +1 -1
  188. package/dist/es6/modal/lib/ModalOverlay.d.ts +1 -1
  189. package/dist/es6/modal/lib/ModalOverlay.d.ts.map +1 -1
  190. package/dist/es6/modal/lib/ModalOverlay.js +1 -1
  191. package/dist/es6/pagination/lib/Pagination/AdditionalDetails.d.ts +1 -1
  192. package/dist/es6/pagination/lib/Pagination/AdditionalDetails.d.ts.map +1 -1
  193. package/dist/es6/pagination/lib/Pagination/AdditionalDetails.js +1 -1
  194. package/dist/es6/pagination/lib/Pagination/Controls.js +1 -1
  195. package/dist/es6/pagination/lib/Pagination/GoTo/Form.d.ts +1 -1
  196. package/dist/es6/pagination/lib/Pagination/GoTo/Form.d.ts.map +1 -1
  197. package/dist/es6/pagination/lib/Pagination/GoTo/Form.js +1 -1
  198. package/dist/es6/pagination/lib/Pagination/Nav.d.ts +1 -1
  199. package/dist/es6/pagination/lib/Pagination/Nav.d.ts.map +1 -1
  200. package/dist/es6/pagination/lib/Pagination/Nav.js +1 -1
  201. package/dist/es6/pagination/lib/Pagination/PageList.d.ts +1 -1
  202. package/dist/es6/pagination/lib/Pagination/PageList.d.ts.map +1 -1
  203. package/dist/es6/pagination/lib/Pagination/PageList.js +1 -1
  204. package/dist/es6/pagination/lib/Pagination/common/List.d.ts +1 -1
  205. package/dist/es6/pagination/lib/Pagination/common/List.d.ts.map +1 -1
  206. package/dist/es6/pagination/lib/Pagination/common/List.js +1 -1
  207. package/dist/es6/popup/lib/Popup.d.ts +1 -1
  208. package/dist/es6/popup/lib/PopupBody.d.ts +1 -1
  209. package/dist/es6/popup/lib/PopupBody.d.ts.map +1 -1
  210. package/dist/es6/popup/lib/PopupCard.d.ts +1 -1
  211. package/dist/es6/popup/lib/PopupCard.d.ts.map +1 -1
  212. package/dist/es6/popup/lib/PopupCard.js +1 -1
  213. package/dist/es6/tabs/lib/TabsItem.d.ts +2 -3
  214. package/dist/es6/tabs/lib/TabsItem.d.ts.map +1 -1
  215. package/dist/es6/tabs/lib/TabsItem.js +1 -1
  216. package/dist/es6/tabs/lib/TabsList.d.ts +1 -1
  217. package/dist/es6/tabs/lib/TabsList.d.ts.map +1 -1
  218. package/dist/es6/tabs/lib/TabsList.js +1 -1
  219. package/dist/es6/tabs/lib/TabsPanel.d.ts +1 -1
  220. package/dist/es6/tabs/lib/TabsPanel.d.ts.map +1 -1
  221. package/dist/es6/tabs/lib/TabsPanel.js +1 -1
  222. package/dist/es6/tabs/lib/menu/MenuItem.js +1 -1
  223. package/dist/es6/tabs/lib/menu/MenuList.d.ts +1 -1
  224. package/dist/es6/tabs/lib/menu/MenuList.d.ts.map +1 -1
  225. package/dist/es6/tabs/lib/menu/MenuList.js +1 -1
  226. package/layout/LICENSE +1 -0
  227. package/layout/README.md +31 -0
  228. package/layout/index.ts +13 -3
  229. package/layout/lib/Box.tsx +92 -0
  230. package/layout/lib/Flex.tsx +47 -0
  231. package/layout/lib/Stack.tsx +95 -0
  232. package/layout/lib/utils/border.ts +263 -0
  233. package/layout/lib/utils/color.ts +62 -0
  234. package/layout/lib/utils/depth.ts +37 -0
  235. package/layout/lib/utils/flex.ts +65 -0
  236. package/layout/lib/utils/flexItem.ts +56 -0
  237. package/layout/lib/utils/getValidChildren.ts +7 -0
  238. package/layout/lib/utils/layout.ts +77 -0
  239. package/layout/lib/utils/other.ts +20 -0
  240. package/layout/lib/utils/position.ts +96 -0
  241. package/layout/lib/utils/space.ts +207 -0
  242. package/layout/lib/utils/stack.ts +78 -0
  243. package/layout/lib/utils/types.ts +148 -0
  244. package/modal/lib/ModalOverlay.tsx +1 -1
  245. package/package.json +6 -5
  246. package/pagination/lib/Pagination/AdditionalDetails.tsx +1 -1
  247. package/pagination/lib/Pagination/Controls.tsx +1 -1
  248. package/pagination/lib/Pagination/GoTo/Form.tsx +1 -1
  249. package/pagination/lib/Pagination/Nav.tsx +1 -1
  250. package/pagination/lib/Pagination/PageList.tsx +1 -1
  251. package/pagination/lib/Pagination/common/List.tsx +1 -1
  252. package/popup/lib/PopupCard.tsx +1 -1
  253. package/tabs/lib/TabsItem.tsx +1 -2
  254. package/tabs/lib/TabsList.tsx +1 -1
  255. package/tabs/lib/TabsPanel.tsx +1 -1
  256. package/tabs/lib/menu/MenuItem.tsx +1 -1
  257. package/tabs/lib/menu/MenuList.tsx +1 -1
  258. package/ts3.5/dist/commonjs/action-bar/lib/ActionBar.d.ts +1 -1
  259. package/ts3.5/dist/commonjs/banner/lib/Banner.d.ts +1 -1
  260. package/ts3.5/dist/commonjs/banner/lib/BannerActionText.d.ts +1 -1
  261. package/ts3.5/dist/commonjs/banner/lib/BannerLabel.d.ts +1 -1
  262. package/ts3.5/dist/commonjs/card/lib/Card.d.ts +2 -2
  263. package/ts3.5/dist/commonjs/card/lib/CardBody.d.ts +1 -1
  264. package/ts3.5/dist/commonjs/card/lib/CardHeading.d.ts +1 -1
  265. package/ts3.5/dist/commonjs/dialog/lib/Dialog.d.ts +1 -1
  266. package/ts3.5/dist/commonjs/layout/index.d.ts +12 -2
  267. package/ts3.5/dist/commonjs/layout/lib/Box.d.ts +31 -0
  268. package/ts3.5/dist/commonjs/layout/lib/Flex.d.ts +26 -0
  269. package/ts3.5/dist/commonjs/layout/lib/Stack.d.ts +27 -0
  270. package/ts3.5/dist/commonjs/layout/lib/utils/border.d.ts +103 -0
  271. package/ts3.5/dist/commonjs/layout/lib/utils/color.d.ts +26 -0
  272. package/ts3.5/dist/commonjs/layout/lib/utils/depth.d.ts +22 -0
  273. package/ts3.5/dist/commonjs/layout/lib/utils/flex.d.ts +36 -0
  274. package/ts3.5/dist/commonjs/layout/lib/utils/flexItem.d.ts +33 -0
  275. package/ts3.5/dist/commonjs/layout/lib/utils/getValidChildren.d.ts +3 -0
  276. package/ts3.5/dist/commonjs/layout/lib/utils/layout.d.ts +43 -0
  277. package/ts3.5/dist/commonjs/layout/lib/utils/other.d.ts +5 -0
  278. package/ts3.5/dist/commonjs/layout/lib/utils/position.d.ts +41 -0
  279. package/ts3.5/dist/commonjs/layout/lib/utils/space.d.ts +64 -0
  280. package/ts3.5/dist/commonjs/layout/lib/utils/stack.d.ts +26 -0
  281. package/ts3.5/dist/commonjs/layout/lib/utils/types.d.ts +20 -0
  282. package/ts3.5/dist/commonjs/modal/lib/Modal.d.ts +1 -1
  283. package/ts3.5/dist/commonjs/modal/lib/ModalOverlay.d.ts +1 -1
  284. package/ts3.5/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.d.ts +1 -1
  285. package/ts3.5/dist/commonjs/pagination/lib/Pagination/GoTo/Form.d.ts +1 -1
  286. package/ts3.5/dist/commonjs/pagination/lib/Pagination/Nav.d.ts +1 -1
  287. package/ts3.5/dist/commonjs/pagination/lib/Pagination/PageList.d.ts +1 -1
  288. package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/List.d.ts +1 -1
  289. package/ts3.5/dist/commonjs/popup/lib/Popup.d.ts +1 -1
  290. package/ts3.5/dist/commonjs/popup/lib/PopupBody.d.ts +1 -1
  291. package/ts3.5/dist/commonjs/popup/lib/PopupCard.d.ts +1 -1
  292. package/ts3.5/dist/commonjs/tabs/lib/TabsItem.d.ts +2 -3
  293. package/ts3.5/dist/commonjs/tabs/lib/TabsList.d.ts +1 -1
  294. package/ts3.5/dist/commonjs/tabs/lib/TabsPanel.d.ts +1 -1
  295. package/ts3.5/dist/commonjs/tabs/lib/menu/MenuList.d.ts +1 -1
  296. package/ts3.5/dist/es6/action-bar/lib/ActionBar.d.ts +1 -1
  297. package/ts3.5/dist/es6/banner/lib/Banner.d.ts +1 -1
  298. package/ts3.5/dist/es6/banner/lib/BannerActionText.d.ts +1 -1
  299. package/ts3.5/dist/es6/banner/lib/BannerLabel.d.ts +1 -1
  300. package/ts3.5/dist/es6/card/lib/Card.d.ts +2 -2
  301. package/ts3.5/dist/es6/card/lib/CardBody.d.ts +1 -1
  302. package/ts3.5/dist/es6/card/lib/CardHeading.d.ts +1 -1
  303. package/ts3.5/dist/es6/dialog/lib/Dialog.d.ts +1 -1
  304. package/ts3.5/dist/es6/layout/index.d.ts +12 -2
  305. package/ts3.5/dist/es6/layout/lib/Box.d.ts +31 -0
  306. package/ts3.5/dist/es6/layout/lib/Flex.d.ts +26 -0
  307. package/ts3.5/dist/es6/layout/lib/Stack.d.ts +27 -0
  308. package/ts3.5/dist/es6/layout/lib/utils/border.d.ts +103 -0
  309. package/ts3.5/dist/es6/layout/lib/utils/color.d.ts +26 -0
  310. package/ts3.5/dist/es6/layout/lib/utils/depth.d.ts +22 -0
  311. package/ts3.5/dist/es6/layout/lib/utils/flex.d.ts +36 -0
  312. package/ts3.5/dist/es6/layout/lib/utils/flexItem.d.ts +33 -0
  313. package/ts3.5/dist/es6/layout/lib/utils/getValidChildren.d.ts +3 -0
  314. package/ts3.5/dist/es6/layout/lib/utils/layout.d.ts +43 -0
  315. package/ts3.5/dist/es6/layout/lib/utils/other.d.ts +5 -0
  316. package/ts3.5/dist/es6/layout/lib/utils/position.d.ts +41 -0
  317. package/ts3.5/dist/es6/layout/lib/utils/space.d.ts +64 -0
  318. package/ts3.5/dist/es6/layout/lib/utils/stack.d.ts +26 -0
  319. package/ts3.5/dist/es6/layout/lib/utils/types.d.ts +20 -0
  320. package/ts3.5/dist/es6/modal/lib/Modal.d.ts +1 -1
  321. package/ts3.5/dist/es6/modal/lib/ModalOverlay.d.ts +1 -1
  322. package/ts3.5/dist/es6/pagination/lib/Pagination/AdditionalDetails.d.ts +1 -1
  323. package/ts3.5/dist/es6/pagination/lib/Pagination/GoTo/Form.d.ts +1 -1
  324. package/ts3.5/dist/es6/pagination/lib/Pagination/Nav.d.ts +1 -1
  325. package/ts3.5/dist/es6/pagination/lib/Pagination/PageList.d.ts +1 -1
  326. package/ts3.5/dist/es6/pagination/lib/Pagination/common/List.d.ts +1 -1
  327. package/ts3.5/dist/es6/popup/lib/Popup.d.ts +1 -1
  328. package/ts3.5/dist/es6/popup/lib/PopupBody.d.ts +1 -1
  329. package/ts3.5/dist/es6/popup/lib/PopupCard.d.ts +1 -1
  330. package/ts3.5/dist/es6/tabs/lib/TabsItem.d.ts +2 -3
  331. package/ts3.5/dist/es6/tabs/lib/TabsList.d.ts +1 -1
  332. package/ts3.5/dist/es6/tabs/lib/TabsPanel.d.ts +1 -1
  333. package/ts3.5/dist/es6/tabs/lib/menu/MenuList.d.ts +1 -1
@@ -1,4 +1,4 @@
1
- import { FlexProps } from '@workday/canvas-kit-labs-react/layout';
1
+ import { FlexProps } from '@workday/canvas-kit-react/layout';
2
2
  export interface ListProps extends FlexProps {
3
3
  }
4
4
  export declare const List: import("../../../../common").ElementComponent<"ul", ListProps>;
@@ -12,7 +12,7 @@ export interface PopupProps {
12
12
  }
13
13
  export declare const Popup: import("../../common").Component<PopupProps> & {
14
14
  Heading: import("../../common").ElementComponent<"h2", import("./PopupHeading").PopupHeadingProps>;
15
- Body: import("../../common").ElementComponent<"div", import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderShorthandStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderColorStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderRadiusStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLineStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderWidthStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLogicalStyleProps & import("@workday/canvas-kit-labs-react").ColorStyleProps & import("@workday/canvas-kit-labs-react").DepthStyleProps & import("@workday/canvas-kit-labs-react").FlexItemStyleProps & import("@workday/canvas-kit-labs-react").LayoutStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/other").OtherStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionLogicalProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceLogicalProps>;
15
+ Body: import("../../common").ElementComponent<"div", import("../..").BorderShorthandStyleProps & import("../..").BorderColorStyleProps & import("../..").BorderRadiusStyleProps & import("../..").BorderLineStyleProps & import("../..").BorderWidthStyleProps & import("../..").BorderLogicalStyleProps & import("../..").ColorStyleProps & import("../..").DepthStyleProps & import("../..").FlexItemStyleProps & import("../..").LayoutStyleProps & import("../../layout/lib/utils/other").OtherStyleProps & import("../..").PositionStandardProps & import("../..").PositionLogicalProps & import("../../layout/lib/utils/space").SpaceStandardProps & import("../../layout/lib/utils/space").SpaceLogicalProps>;
16
16
  Card: import("../../common").ElementComponent<"div", import("./PopupCard").PopupCardProps>;
17
17
  CloseIcon: import("../../common").ElementComponent<"button", import("./PopupCloseIcon").PopupCloseIconProps>;
18
18
  Target: import("../../common").ElementComponent<import("../../common").ElementComponent<"button", import("../..").SecondaryButtonProps>, import("./PopupTarget").PopupTargetProps>;
@@ -1,2 +1,2 @@
1
- export declare const PopupBody: import("../../common").ElementComponent<"div", import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderShorthandStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderColorStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderRadiusStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLineStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderWidthStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLogicalStyleProps & import("@workday/canvas-kit-labs-react").ColorStyleProps & import("@workday/canvas-kit-labs-react").DepthStyleProps & import("@workday/canvas-kit-labs-react").FlexItemStyleProps & import("@workday/canvas-kit-labs-react").LayoutStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/other").OtherStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionLogicalProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceLogicalProps>;
1
+ export declare const PopupBody: import("../../common").ElementComponent<"div", import("../..").BorderShorthandStyleProps & import("../..").BorderColorStyleProps & import("../..").BorderRadiusStyleProps & import("../..").BorderLineStyleProps & import("../..").BorderWidthStyleProps & import("../..").BorderLogicalStyleProps & import("../..").ColorStyleProps & import("../..").DepthStyleProps & import("../..").FlexItemStyleProps & import("../..").LayoutStyleProps & import("../../layout/lib/utils/other").OtherStyleProps & import("../..").PositionStandardProps & import("../..").PositionLogicalProps & import("../../layout/lib/utils/space").SpaceStandardProps & import("../../layout/lib/utils/space").SpaceLogicalProps>;
2
2
  //# sourceMappingURL=PopupBody.d.ts.map
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { Card } from '@workday/canvas-kit-react/card';
3
3
  import { ExtractProps } from '@workday/canvas-kit-react/common';
4
- import { StackStyleProps } from '@workday/canvas-kit-labs-react/layout';
4
+ import { StackStyleProps } from '@workday/canvas-kit-react/layout';
5
5
  import { PopupModel } from './hooks';
6
6
  export interface PopupCardProps extends ExtractProps<typeof Card, never>, Partial<StackStyleProps> {
7
7
  /**
@@ -1,9 +1,8 @@
1
1
  import * as React from 'react';
2
2
  import { StyledType, ExtractProps } from '@workday/canvas-kit-react/common';
3
- import { Box } from '@workday/canvas-kit-labs-react/common';
3
+ import { Box, StackProps } from '@workday/canvas-kit-react/layout';
4
4
  import { SystemIcon } from '@workday/canvas-kit-react/icon';
5
5
  import { TabsModel } from './useTabsModel';
6
- import { StackProps } from '@workday/canvas-kit-labs-react/layout';
7
6
  export interface TabsItemProps extends ExtractProps<typeof Box, never>, Partial<Pick<StackProps, 'spacing'>> {
8
7
  /**
9
8
  * Optionally pass index to tab item. This should be done if `Tabs.Item` components were created
@@ -72,7 +71,7 @@ export interface TabsItemProps extends ExtractProps<typeof Box, never>, Partial<
72
71
  */
73
72
  hasIcon?: boolean;
74
73
  }
75
- export declare const StyledTabItem: import("@emotion/styled").StyledComponent<import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderShorthandStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderColorStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderRadiusStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLineStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderWidthStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLogicalStyleProps & import("@workday/canvas-kit-labs-react/common").ColorStyleProps & import("@workday/canvas-kit-labs-react/common").DepthStyleProps & import("@workday/canvas-kit-labs-react/common").FlexItemStyleProps & import("@workday/canvas-kit-labs-react/common").LayoutStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/other").OtherStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionLogicalProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceLogicalProps & Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "name" | "style" | "ref" | "form" | "slot" | "title" | "dir" | "value" | "children" | "hidden" | "type" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "disabled" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget"> & {
74
+ export declare const StyledTabItem: import("@emotion/styled").StyledComponent<import("../../layout").BorderShorthandStyleProps & import("../../layout").BorderColorStyleProps & import("../../layout").BorderRadiusStyleProps & import("../../layout").BorderLineStyleProps & import("../../layout").BorderWidthStyleProps & import("../../layout").BorderLogicalStyleProps & import("../../layout").ColorStyleProps & import("../../layout").DepthStyleProps & import("../../layout").FlexItemStyleProps & import("../../layout").LayoutStyleProps & import("../../layout/lib/utils/other").OtherStyleProps & import("../../layout").PositionStandardProps & import("../../layout").PositionLogicalProps & import("../../layout/lib/utils/space").SpaceStandardProps & import("../../layout/lib/utils/space").SpaceLogicalProps & Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "name" | "style" | "ref" | "form" | "slot" | "title" | "dir" | "value" | "children" | "hidden" | "type" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "disabled" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget"> & {
76
75
  ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
77
76
  } & {
78
77
  theme?: import("@emotion/react").Theme | undefined;
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { ExtractProps } from '@workday/canvas-kit-react/common';
3
- import { Stack } from '@workday/canvas-kit-labs-react/layout';
3
+ import { Stack } from '@workday/canvas-kit-react/layout';
4
4
  import { TabsModel } from './useTabsModel';
5
5
  export interface TabListProps<T = unknown> extends Partial<ExtractProps<typeof Stack, never>> {
6
6
  /**
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { ExtractProps } from '@workday/canvas-kit-react/common';
3
- import { Box } from '@workday/canvas-kit-labs-react/common';
3
+ import { Box } from '@workday/canvas-kit-react/layout';
4
4
  import { TabsModel } from './useTabsModel';
5
5
  export interface TabPanelProps<T = unknown> extends ExtractProps<typeof Box, never> {
6
6
  /**
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { ExtractProps } from '@workday/canvas-kit-react/common';
3
- import { Stack } from '@workday/canvas-kit-labs-react/layout';
3
+ import { Stack } from '@workday/canvas-kit-react/layout';
4
4
  import { MenuModel } from './useMenuModel';
5
5
  export interface MenuListProps<T = unknown> extends Partial<ExtractProps<typeof Stack, never>> {
6
6
  /**
@@ -1,4 +1,4 @@
1
- import { HStackProps, StackSpacing } from '@workday/canvas-kit-labs-react';
1
+ import { HStackProps, StackSpacing } from '@workday/canvas-kit-react/layout';
2
2
  interface ActionBarProps extends Omit<HStackProps, 'spacing'> {
3
3
  spacing?: StackSpacing;
4
4
  }
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { ExtractProps } from '@workday/canvas-kit-react/common';
3
- import { Flex } from '@workday/canvas-kit-labs-react/layout';
3
+ import { Flex } from '@workday/canvas-kit-react/layout';
4
4
  import { BannerModel, BannerModelConfig } from './hooks';
5
5
  export declare const BannerModelContext: React.Context<import("../../common").Model<{
6
6
  hasError?: boolean | undefined;
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { ExtractProps } from '@workday/canvas-kit-react/common';
3
- import { Box } from '@workday/canvas-kit-labs-react/common';
3
+ import { Box } from '@workday/canvas-kit-react/layout';
4
4
  import { BannerModel } from './hooks';
5
5
  export interface BannerActionTextProps extends ExtractProps<typeof Box, never> {
6
6
  model?: BannerModel;
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { ExtractProps } from '@workday/canvas-kit-react/common';
3
- import { Flex } from '@workday/canvas-kit-labs-react/layout';
3
+ import { Flex } from '@workday/canvas-kit-react/layout';
4
4
  import { BannerModel } from './hooks';
5
5
  export interface BannerLabelProps extends ExtractProps<typeof Flex, never> {
6
6
  model?: BannerModel;
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { BoxProps } from '@workday/canvas-kit-labs-react/common';
2
+ import { BoxProps } from '@workday/canvas-kit-react/layout';
3
3
  export interface CardProps extends BoxProps {
4
4
  /**
5
5
  * Children of the Card. Should contain a `<Card.Body>` and an optional `<Card.Heading>`
@@ -8,6 +8,6 @@ export interface CardProps extends BoxProps {
8
8
  }
9
9
  export declare const Card: import("../../common").ElementComponent<"div", CardProps> & {
10
10
  Heading: import("../../common").ElementComponent<"h3", import("./CardHeading").CardHeadingProps>;
11
- Body: import("../../common").ElementComponent<"div", import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderShorthandStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderColorStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderRadiusStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLineStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderWidthStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLogicalStyleProps & import("@workday/canvas-kit-labs-react/common").ColorStyleProps & import("@workday/canvas-kit-labs-react/common").DepthStyleProps & import("@workday/canvas-kit-labs-react/common").FlexItemStyleProps & import("@workday/canvas-kit-labs-react/common").LayoutStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/other").OtherStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionLogicalProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceLogicalProps>;
11
+ Body: import("../../common").ElementComponent<"div", import("../../layout").BorderShorthandStyleProps & import("../../layout").BorderColorStyleProps & import("../../layout").BorderRadiusStyleProps & import("../../layout").BorderLineStyleProps & import("../../layout").BorderWidthStyleProps & import("../../layout").BorderLogicalStyleProps & import("../../layout").ColorStyleProps & import("../../layout").DepthStyleProps & import("../../layout").FlexItemStyleProps & import("../../layout").LayoutStyleProps & import("../../layout/lib/utils/other").OtherStyleProps & import("../../layout").PositionStandardProps & import("../../layout").PositionLogicalProps & import("../../layout/lib/utils/space").SpaceStandardProps & import("../../layout/lib/utils/space").SpaceLogicalProps>;
12
12
  };
13
13
  //# sourceMappingURL=Card.d.ts.map
@@ -1,2 +1,2 @@
1
- export declare const CardBody: import("../../common").ElementComponent<"div", import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderShorthandStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderColorStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderRadiusStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLineStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderWidthStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLogicalStyleProps & import("@workday/canvas-kit-labs-react/common").ColorStyleProps & import("@workday/canvas-kit-labs-react/common").DepthStyleProps & import("@workday/canvas-kit-labs-react/common").FlexItemStyleProps & import("@workday/canvas-kit-labs-react/common").LayoutStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/other").OtherStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionLogicalProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceLogicalProps>;
1
+ export declare const CardBody: import("../../common").ElementComponent<"div", import("../../layout").BorderShorthandStyleProps & import("../../layout").BorderColorStyleProps & import("../../layout").BorderRadiusStyleProps & import("../../layout").BorderLineStyleProps & import("../../layout").BorderWidthStyleProps & import("../../layout").BorderLogicalStyleProps & import("../../layout").ColorStyleProps & import("../../layout").DepthStyleProps & import("../../layout").FlexItemStyleProps & import("../../layout").LayoutStyleProps & import("../../layout/lib/utils/other").OtherStyleProps & import("../../layout").PositionStandardProps & import("../../layout").PositionLogicalProps & import("../../layout/lib/utils/space").SpaceStandardProps & import("../../layout/lib/utils/space").SpaceLogicalProps>;
2
2
  //# sourceMappingURL=CardBody.d.ts.map
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { BoxProps } from '@workday/canvas-kit-labs-react/common';
2
+ import { BoxProps } from '@workday/canvas-kit-react/layout';
3
3
  export interface CardHeadingProps extends BoxProps {
4
4
  /**
5
5
  * The id of the Card heading. Tie this to an `aria-labelledby` for accessibility.
@@ -15,7 +15,7 @@ export interface DialogProps extends PopupModelConfig {
15
15
  model?: PopupModel;
16
16
  }
17
17
  export declare const Dialog: import("../../common").Component<DialogProps> & {
18
- Body: import("../../common").ElementComponent<"div", import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderShorthandStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderColorStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderRadiusStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLineStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderWidthStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLogicalStyleProps & import("@workday/canvas-kit-labs-react").ColorStyleProps & import("@workday/canvas-kit-labs-react").DepthStyleProps & import("@workday/canvas-kit-labs-react").FlexItemStyleProps & import("@workday/canvas-kit-labs-react").LayoutStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/other").OtherStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionLogicalProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceLogicalProps>;
18
+ Body: import("../../common").ElementComponent<"div", import("../..").BorderShorthandStyleProps & import("../..").BorderColorStyleProps & import("../..").BorderRadiusStyleProps & import("../..").BorderLineStyleProps & import("../..").BorderWidthStyleProps & import("../..").BorderLogicalStyleProps & import("../..").ColorStyleProps & import("../..").DepthStyleProps & import("../..").FlexItemStyleProps & import("../..").LayoutStyleProps & import("../../layout/lib/utils/other").OtherStyleProps & import("../..").PositionStandardProps & import("../..").PositionLogicalProps & import("../../layout/lib/utils/space").SpaceStandardProps & import("../../layout/lib/utils/space").SpaceLogicalProps>;
19
19
  Card: import("../../common").ElementComponent<"div", import("./DialogCard").DialogCardProps>;
20
20
  CloseIcon: import("../../common").ElementComponent<"button", import("../../popup/lib/PopupCloseIcon").PopupCloseIconProps>;
21
21
  Target: import("../../common").ElementComponent<import("../../common").ElementComponent<"button", import("../..").SecondaryButtonProps>, import("../../popup/lib/PopupTarget").PopupTargetProps>;
@@ -1,6 +1,16 @@
1
1
  import Layout from './lib/Layout';
2
2
  import Column from './lib/Column';
3
- export default Layout;
4
3
  export { Layout, Column };
5
- export * from './lib/Layout';
4
+ export * from './lib/Box';
5
+ export * from './lib/utils/border';
6
+ export * from './lib/utils/color';
7
+ export { DepthStyleProps } from './lib/utils/depth';
8
+ export * from './lib/utils/flexItem';
9
+ export * from './lib/utils/layout';
10
+ export * from './lib/utils/position';
11
+ export { SpaceStyleProps } from './lib/utils/space';
12
+ export * from './lib/Flex';
13
+ export * from './lib/Stack';
14
+ export { FlexStyleProps } from './lib/utils/flex';
15
+ export { StackSpacing, StackDirection, StackStyleProps } from './lib/utils/stack';
6
16
  //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1,31 @@
1
+ import * as React from 'react';
2
+ import { BorderStyleProps } from './utils/border';
3
+ import { ColorStyleProps } from './utils/color';
4
+ import { DepthStyleProps } from './utils/depth';
5
+ import { FlexItemStyleProps } from './utils/flexItem';
6
+ import { LayoutStyleProps } from './utils/layout';
7
+ import { OtherStyleProps } from './utils/other';
8
+ import { PositionStyleProps } from './utils/position';
9
+ import { SpaceStyleProps } from './utils/space';
10
+ export declare type BoxProps = BorderStyleProps & ColorStyleProps & DepthStyleProps & FlexItemStyleProps & LayoutStyleProps & OtherStyleProps & PositionStyleProps & SpaceStyleProps & {
11
+ children?: React.ReactNode;
12
+ };
13
+ /**
14
+ * `Box` is a primitive component that provides a common, ergonomic API around Canvas design tokens.
15
+ * It is highly flexible, and its primary purpose is to build other components.
16
+ *
17
+ * @example
18
+ * import { Box, BoxProps } from '@workday/canvas-kit-react/layout';
19
+ *
20
+ * interface CardProps extends BoxProps {
21
+ * // card-specific props
22
+ * }
23
+ *
24
+ * // `Card`'s default values are set using `BoxProps`
25
+ * const Card = (props: CardProps) => (
26
+ * <Box depth={2} padding="m" borderRadius="l" {...props}>Hello, Card!</Box>
27
+ * );
28
+ *
29
+ */
30
+ export declare const Box: import("../../common").ElementComponent<"div", import("./utils/border").BorderShorthandStyleProps & import("./utils/border").BorderColorStyleProps & import("./utils/border").BorderRadiusStyleProps & import("./utils/border").BorderLineStyleProps & import("./utils/border").BorderWidthStyleProps & import("./utils/border").BorderLogicalStyleProps & ColorStyleProps & DepthStyleProps & FlexItemStyleProps & LayoutStyleProps & OtherStyleProps & import("./utils/position").PositionStandardProps & import("./utils/position").PositionLogicalProps & import("./utils/space").SpaceStandardProps & import("./utils/space").SpaceLogicalProps>;
31
+ //# sourceMappingURL=Box.d.ts.map
@@ -0,0 +1,26 @@
1
+ import { BoxProps } from '@workday/canvas-kit-react/layout';
2
+ import { FlexStyleProps } from './utils/flex';
3
+ export declare type FlexProps = BoxProps & FlexStyleProps;
4
+ /**
5
+ * `Flex` is a low-level layout component that provides a common, ergonomic API for applying CSS flexbox styles.
6
+ * It is highly flexible, and can be used on its own or to build other components.
7
+ * `Flex` is built on top of `Box` and has access to all `BoxProps`.
8
+ *
9
+ * @example
10
+ * import { Flex, FlexProps } from '@workday/canvas-kit-react/layout';
11
+ *
12
+ * interface CardProps extends FlexProps {
13
+ * // card-specific props
14
+ * }
15
+ *
16
+ * // `Card`'s default values are set using `FlexProps`
17
+ * const Card = (props: CardProps) => (
18
+ * <Flex flexDirection="column" alignItems="flex-start" depth={2} space="m" {...props}>
19
+ * <h1>Hello, Card!</h1>
20
+ * <p>This card uses flexbox to set its layout.</p>
21
+ * </Flex>
22
+ * );
23
+ *
24
+ */
25
+ export declare const Flex: import("../../common").ElementComponent<"div", import("..").BorderShorthandStyleProps & import("..").BorderColorStyleProps & import("..").BorderRadiusStyleProps & import("..").BorderLineStyleProps & import("..").BorderWidthStyleProps & import("..").BorderLogicalStyleProps & import("..").ColorStyleProps & import("..").DepthStyleProps & import("..").FlexItemStyleProps & import("..").LayoutStyleProps & import("./utils/other").OtherStyleProps & import("..").PositionStandardProps & import("..").PositionLogicalProps & import("./utils/space").SpaceStandardProps & import("./utils/space").SpaceLogicalProps & FlexStyleProps>;
26
+ //# sourceMappingURL=Flex.d.ts.map
@@ -0,0 +1,27 @@
1
+ import { FlexProps } from './Flex';
2
+ import { StackStyleProps } from './utils/stack';
3
+ export declare type StackProps = FlexProps & StackStyleProps;
4
+ export declare const Stack: import("../../common").ElementComponent<"div", import("..").BorderShorthandStyleProps & import("..").BorderColorStyleProps & import("..").BorderRadiusStyleProps & import("..").BorderLineStyleProps & import("..").BorderWidthStyleProps & import("..").BorderLogicalStyleProps & import("..").ColorStyleProps & import("..").DepthStyleProps & import("..").FlexItemStyleProps & import("..").LayoutStyleProps & import("./utils/other").OtherStyleProps & import("..").PositionStandardProps & import("..").PositionLogicalProps & import("./utils/space").SpaceStandardProps & import("./utils/space").SpaceLogicalProps & import("..").FlexStyleProps & StackStyleProps> & {
5
+ Item: import("../../common").ElementComponent<"div", import("..").BorderShorthandStyleProps & import("..").BorderColorStyleProps & import("..").BorderRadiusStyleProps & import("..").BorderLineStyleProps & import("..").BorderWidthStyleProps & import("..").BorderLogicalStyleProps & import("..").ColorStyleProps & import("..").DepthStyleProps & import("..").FlexItemStyleProps & import("..").LayoutStyleProps & import("./utils/other").OtherStyleProps & import("..").PositionStandardProps & import("..").PositionLogicalProps & import("./utils/space").SpaceStandardProps & import("./utils/space").SpaceLogicalProps>;
6
+ };
7
+ export interface HStackProps extends StackProps {
8
+ /**
9
+ * sets the direction for the stack
10
+ * @default "row"
11
+ * */
12
+ flexDirection?: 'row' | 'row-reverse';
13
+ }
14
+ export declare const HStack: import("../../common").ElementComponent<"div", HStackProps> & {
15
+ Item: import("../../common").ElementComponent<"div", import("..").BorderShorthandStyleProps & import("..").BorderColorStyleProps & import("..").BorderRadiusStyleProps & import("..").BorderLineStyleProps & import("..").BorderWidthStyleProps & import("..").BorderLogicalStyleProps & import("..").ColorStyleProps & import("..").DepthStyleProps & import("..").FlexItemStyleProps & import("..").LayoutStyleProps & import("./utils/other").OtherStyleProps & import("..").PositionStandardProps & import("..").PositionLogicalProps & import("./utils/space").SpaceStandardProps & import("./utils/space").SpaceLogicalProps>;
16
+ };
17
+ export interface VStackProps extends StackProps {
18
+ /**
19
+ * sets the direction for the stack
20
+ * @default "column"
21
+ * */
22
+ flexDirection?: 'column' | 'column-reverse';
23
+ }
24
+ export declare const VStack: import("../../common").ElementComponent<"div", VStackProps> & {
25
+ Item: import("../../common").ElementComponent<"div", import("..").BorderShorthandStyleProps & import("..").BorderColorStyleProps & import("..").BorderRadiusStyleProps & import("..").BorderLineStyleProps & import("..").BorderWidthStyleProps & import("..").BorderLogicalStyleProps & import("..").ColorStyleProps & import("..").DepthStyleProps & import("..").FlexItemStyleProps & import("..").LayoutStyleProps & import("./utils/other").OtherStyleProps & import("..").PositionStandardProps & import("..").PositionLogicalProps & import("./utils/space").SpaceStandardProps & import("./utils/space").SpaceLogicalProps>;
26
+ };
27
+ //# sourceMappingURL=Stack.d.ts.map
@@ -0,0 +1,103 @@
1
+ import { CanvasBorderRadiusKeys, CanvasColor } from '@workday/canvas-kit-react/tokens';
2
+ import { PartialEmotionCanvasTheme } from '@workday/canvas-kit-react/common';
3
+ import { PropertyBorder } from './types';
4
+ /** style props to set the border properties */
5
+ export declare type BorderShorthandStyleProps = {
6
+ /** sets `border` property */
7
+ border?: string;
8
+ /** sets `border-top` property */
9
+ borderTop?: string;
10
+ /** sets `border-right` property (no bidirectional support) */
11
+ borderRight?: string;
12
+ /** sets `border-bottom` property */
13
+ borderBottom?: string;
14
+ /** sets `border-left` property (no bidirectional support) */
15
+ borderLeft?: string;
16
+ };
17
+ /** style props to set the border color properties */
18
+ export declare type BorderColorStyleProps = {
19
+ /** sets `border-color` property */
20
+ borderColor?: CanvasColor | (string & {});
21
+ /** sets `border-top-color` property */
22
+ borderTopColor?: CanvasColor | (string & {});
23
+ /** sets `border-right-color` property (no bidirectional support) */
24
+ borderRightColor?: CanvasColor | (string & {});
25
+ /** sets `border-bottom-color` property */
26
+ borderBottomColor?: CanvasColor | (string & {});
27
+ /** sets `border-left-color` property (no bidirectional support) */
28
+ borderLeftColor?: CanvasColor | (string & {});
29
+ };
30
+ /** style props to set the border radius properties */
31
+ export declare type BorderRadiusStyleProps = {
32
+ /** sets `border-radius` property */
33
+ borderRadius?: CanvasBorderRadiusKeys | number | (string & {});
34
+ /** sets `border-top-left-radius` property */
35
+ borderTopLeftRadius?: CanvasBorderRadiusKeys | number | (string & {});
36
+ /** sets `border-top-right-radius` property */
37
+ borderTopRightRadius?: CanvasBorderRadiusKeys | number | (string & {});
38
+ /** sets `border-bottom-left-radius` property */
39
+ borderBottomLeftRadius?: CanvasBorderRadiusKeys | number | (string & {});
40
+ /** sets `border-bottom-right-radius` property */
41
+ borderBottomRightRadius?: CanvasBorderRadiusKeys | number | (string & {});
42
+ };
43
+ /** style props to set the border style properties */
44
+ export declare type BorderLineStyleProps = {
45
+ /** sets `border-style` property */
46
+ borderStyle?: PropertyBorder;
47
+ /** sets `border-top-style` property */
48
+ borderTopStyle?: PropertyBorder;
49
+ /** sets `border-right-style` property (no bidirectional support) */
50
+ borderRightStyle?: PropertyBorder;
51
+ /** sets `border-bottom-style` property */
52
+ borderBottomStyle?: PropertyBorder;
53
+ /** sets `border-left-style` property (no bidirectional support) */
54
+ borderLeftStyle?: PropertyBorder;
55
+ };
56
+ /** style props to set the border width properties */
57
+ export declare type BorderWidthStyleProps = {
58
+ /** sets `border-width` property */
59
+ borderWidth?: string | number;
60
+ /** sets `border-top-width` property */
61
+ borderTopWidth?: string | number;
62
+ /** sets `border-right-width` property (no bidirectional support) */
63
+ borderRightWidth?: string | number;
64
+ /** sets `border-bottom-width` property */
65
+ borderBottomWidth?: string | number;
66
+ /** sets `border-left-width` property (no bidirectional support) */
67
+ borderLeftWidth?: string | number;
68
+ };
69
+ export declare type BorderLogicalStyleProps = {
70
+ /** sets `border-left` property (bidirectional support) */
71
+ borderInlineStart?: string;
72
+ /** sets `border-left-color` property (bidirectional support) */
73
+ borderInlineStartColor?: CanvasColor | (string & {});
74
+ /** sets `border-left-style` property (bidirectional support) */
75
+ borderInlineStartStyle?: PropertyBorder;
76
+ /** sets `border-left-width` property (bidirectional support) */
77
+ borderInlineStartWidth?: string | number;
78
+ /** sets `border-right` property (bidirectional support) */
79
+ borderInlineEnd?: string;
80
+ /** sets `border-right-color` property (bidirectional support) */
81
+ borderInlineEndColor?: CanvasColor | (string & {});
82
+ /** sets `border-right-style` property (bidirectional support) */
83
+ borderInlineEndStyle?: PropertyBorder;
84
+ /** sets `border-right-width` property (bidirectional support) */
85
+ borderInlineEndWidth?: string | number;
86
+ };
87
+ /** a collection style props for border properties */
88
+ export declare type BorderStyleProps = BorderShorthandStyleProps & BorderColorStyleProps & BorderRadiusStyleProps & BorderLineStyleProps & BorderWidthStyleProps & BorderLogicalStyleProps;
89
+ /**
90
+ * A style prop function that takes components props and returns border styles. Some props, such as borderRadius and borderColor, are connected to our design tokens.
91
+ * If no `BorderStyleProps` are found, it returns an empty object.
92
+ *
93
+ * @example
94
+ * // You'll most likely use `border` with low-level, styled components
95
+ * const BoxExample = () => (
96
+ * <Box border={`solid 1px #333333 ${colors.blackPepper400}`}>Hello, border styles!</Box>
97
+ * );
98
+ *
99
+ */
100
+ export declare function border<P extends BorderStyleProps & {
101
+ theme?: PartialEmotionCanvasTheme;
102
+ }>(props: P): {};
103
+ //# sourceMappingURL=border.d.ts.map
@@ -0,0 +1,26 @@
1
+ import { colors as colorTokens, CanvasColor } from '@workday/canvas-kit-react/tokens';
2
+ export declare type ColorTokens = typeof colorTokens;
3
+ /** style props to for color properties */
4
+ export declare type ColorStyleProps = {
5
+ /** sets `background` property */
6
+ background?: CanvasColor | (string & {});
7
+ /** sets `background-color` property */
8
+ backgroundColor?: CanvasColor | (string & {});
9
+ /** sets `background-image` property */
10
+ backgroundImage?: string;
11
+ /** sets `color` property */
12
+ color?: CanvasColor | (string & {});
13
+ };
14
+ /**
15
+ * A style prop function that takes components props and returns color styles from canvas token values.
16
+ * If no `ColorStyleProps` are found, it returns an empty object.
17
+ *
18
+ * @example
19
+ * // You'll most likely use `color` with low-level, styled components
20
+ * const BoxExample = () => (
21
+ * <Box backgroundColor="blueberry500" color="frenchVanilla100">Hello, colors!</Box>
22
+ * );
23
+ *
24
+ */
25
+ export declare function color<P extends ColorStyleProps>(props: P): {};
26
+ //# sourceMappingURL=color.d.ts.map
@@ -0,0 +1,22 @@
1
+ import { depth as depthTokens } from '@workday/canvas-kit-react/tokens';
2
+ export declare type DepthTokens = typeof depthTokens;
3
+ export declare type DepthTokenKeys = keyof DepthTokens;
4
+ export declare type DepthTokenValues = DepthTokens[keyof DepthTokens];
5
+ /** style props to for depth styles */
6
+ export declare type DepthStyleProps = {
7
+ /** sets depth styles (box-shadow & border) */
8
+ depth?: DepthTokenKeys;
9
+ };
10
+ /**
11
+ * A style prop function that takes components props and returns depth styles from canvas token values.
12
+ * If no `DepthStyleProps` are found, it returns an empty object.
13
+ *
14
+ * @example
15
+ * // You'll mostly likely use `depth` with low-level, styled components
16
+ * const BoxExample = () => (
17
+ * <Box depth={3}>Hello, box shadows!</Box>
18
+ * );
19
+ *
20
+ */
21
+ export declare function depth<P extends DepthStyleProps>(props: P): DepthTokenValues;
22
+ //# sourceMappingURL=depth.d.ts.map
@@ -0,0 +1,36 @@
1
+ import { PropertyAlignItems, PropertyAlignContent, PropertyJustifyItems, PropertyJustifyContent, PropertyFlexWrap, PropertyFlexDirection } from './types';
2
+ /** style props to for flexbox container properties */
3
+ export declare type FlexStyleProps = {
4
+ /** sets `align-items` property */
5
+ alignItems?: PropertyAlignItems;
6
+ /** sets `align-content` property */
7
+ alignContent?: PropertyAlignContent;
8
+ /**
9
+ * sets `display` property
10
+ * @default 'flex'
11
+ * */
12
+ display?: 'flex' | 'inline-flex';
13
+ /** sets `justify-items` property */
14
+ justifyItems?: PropertyJustifyItems;
15
+ /** sets `justify-content` property */
16
+ justifyContent?: PropertyJustifyContent;
17
+ /** sets `flex-wrap` property */
18
+ flexWrap?: PropertyFlexWrap;
19
+ /** sets `flex-direction` property */
20
+ flexDirection?: PropertyFlexDirection;
21
+ };
22
+ /**
23
+ * A style prop function that takes component props and returns flexbox styles.
24
+ * If no `FlexStyleProps` are found, it returns an empty object.
25
+ *
26
+ * @example
27
+ * // You'll most likely use `flex` with low-level, styled components
28
+ * const FlexExample = () => (
29
+ * <Flex justifyContent="center" alignItems="center">
30
+ * Hello, flex!
31
+ * </Flex>
32
+ * );
33
+ *
34
+ */
35
+ export declare function flex<P extends FlexStyleProps>(props: P): {};
36
+ //# sourceMappingURL=flex.d.ts.map
@@ -0,0 +1,33 @@
1
+ import { PropertyJustifySelf, PropertyAlignSelf, PropertyOrder } from './types';
2
+ /** style props to for flexbox item properties */
3
+ export declare type FlexItemStyleProps = {
4
+ /** sets `flex` property */
5
+ flex?: number | string;
6
+ /** sets `flex-grow` property */
7
+ flexGrow?: number | string;
8
+ /** sets `flex-shrink` property */
9
+ flexShrink?: number | string;
10
+ /** sets `flex-basis` property */
11
+ flexBasis?: number | string;
12
+ /** sets `justify-self` property */
13
+ justifySelf?: PropertyJustifySelf;
14
+ /** sets `align-self` property */
15
+ alignSelf?: PropertyAlignSelf;
16
+ /** sets `order` property */
17
+ order?: PropertyOrder;
18
+ };
19
+ /**
20
+ * A style prop function that takes component props and returns flexbox item styles.
21
+ * If no `FlexItemStyleProps` are found, it returns an empty object.
22
+ *
23
+ * @example
24
+ * // You'll most likely use `flexItem` with low-level, styled components
25
+ * const FlexItemExample = () => (
26
+ * <Box flex={1} flexBasis="auto" alignSelf={center}>
27
+ * Hello, flex item!
28
+ * </Box>
29
+ * );
30
+ *
31
+ */
32
+ export declare function flexItem<P extends FlexItemStyleProps>(props: P): {};
33
+ //# sourceMappingURL=flexItem.d.ts.map
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ export declare function getValidChildren(children: React.ReactNode): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>[];
3
+ //# sourceMappingURL=getValidChildren.d.ts.map
@@ -0,0 +1,43 @@
1
+ import { PropertyDisplay, PropertyListStyle, PropertyOverflow, PropertyOverflowX, PropertyOverflowY, PropertyVerticalAlign } from './types';
2
+ /** style props to for layout properties */
3
+ export declare type LayoutStyleProps = {
4
+ /** sets `display` property */
5
+ display?: PropertyDisplay;
6
+ /** sets `height` property */
7
+ height?: number | string;
8
+ /** sets `list-style property */
9
+ listStyle?: PropertyListStyle;
10
+ /** sets `max-height` property */
11
+ maxHeight?: number | string;
12
+ /** sets `max-width` property */
13
+ maxWidth?: number | string;
14
+ /** sets `min-height` property */
15
+ minHeight?: number | string;
16
+ /** sets `min-width` property */
17
+ minWidth?: number | string;
18
+ /** sets `overflow` property */
19
+ overflow?: PropertyOverflow;
20
+ /** sets `overflow-x` property */
21
+ overflowX?: PropertyOverflowX;
22
+ /** sets `overflow-y` property */
23
+ overflowY?: PropertyOverflowY;
24
+ /** sets `vertical-align` property */
25
+ verticalAlign?: PropertyVerticalAlign;
26
+ /** sets `width` property */
27
+ width?: number | string;
28
+ };
29
+ /**
30
+ * A style prop function that takes components props and returns layout styles.
31
+ * If no `LayoutStyleProps` are found, it returns an empty object.
32
+ *
33
+ * @example
34
+ * // You'll most likely use `layout` with low-level, styled components
35
+ * const BoxExample = () => (
36
+ * <Box display="inline-block" height="50%">
37
+ * Hello, positions!
38
+ * </Box>
39
+ * );
40
+ *
41
+ */
42
+ export declare function layout<P extends LayoutStyleProps>(props: P): {};
43
+ //# sourceMappingURL=layout.d.ts.map
@@ -0,0 +1,5 @@
1
+ export declare type OtherStyleProps = {
2
+ animation?: string;
3
+ };
4
+ export declare function other<P extends OtherStyleProps>(props: P): {};
5
+ //# sourceMappingURL=other.d.ts.map