@workday/canvas-kit-react 6.3.6 → 7.0.0-alpha.0-next.4

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 (400) hide show
  1. package/action-bar/README.md +4 -53
  2. package/action-bar/index.ts +0 -4
  3. package/action-bar/lib/ActionBar.tsx +29 -68
  4. package/banner/index.ts +1 -4
  5. package/banner/lib/Banner.tsx +86 -111
  6. package/banner/lib/BannerActionText.tsx +49 -0
  7. package/banner/lib/BannerIcon.tsx +39 -0
  8. package/banner/lib/BannerLabel.tsx +29 -0
  9. package/banner/lib/hooks/index.ts +6 -0
  10. package/banner/lib/hooks/useBanner.tsx +13 -0
  11. package/banner/lib/hooks/useBannerActionText.tsx +12 -0
  12. package/banner/lib/hooks/useBannerIcon.tsx +19 -0
  13. package/banner/lib/hooks/useBannerLabel.tsx +12 -0
  14. package/banner/lib/hooks/useBannerModel.tsx +63 -0
  15. package/banner/lib/hooks/useThemedPalette.ts +53 -0
  16. package/button/lib/IconButton.tsx +5 -2
  17. package/button/lib/ToolbarDropdownButton.tsx +1 -2
  18. package/card/lib/CardHeading.tsx +5 -6
  19. package/common/lib/styles/hideMouseFocus.ts +3 -2
  20. package/common/lib/utils/index.ts +1 -0
  21. package/cookie-banner/lib/CookieBanner.tsx +1 -0
  22. package/dist/commonjs/action-bar/index.d.ts +0 -3
  23. package/dist/commonjs/action-bar/index.d.ts.map +1 -1
  24. package/dist/commonjs/action-bar/index.js +0 -6
  25. package/dist/commonjs/action-bar/lib/ActionBar.d.ts +5 -10
  26. package/dist/commonjs/action-bar/lib/ActionBar.d.ts.map +1 -1
  27. package/dist/commonjs/action-bar/lib/ActionBar.js +8 -76
  28. package/dist/commonjs/banner/index.d.ts +1 -3
  29. package/dist/commonjs/banner/index.d.ts.map +1 -1
  30. package/dist/commonjs/banner/index.js +1 -6
  31. package/dist/commonjs/banner/lib/Banner.d.ts +17 -33
  32. package/dist/commonjs/banner/lib/Banner.d.ts.map +1 -1
  33. package/dist/commonjs/banner/lib/Banner.js +45 -69
  34. package/dist/commonjs/banner/lib/BannerActionText.d.ts +14 -0
  35. package/dist/commonjs/banner/lib/BannerActionText.d.ts.map +1 -0
  36. package/dist/commonjs/banner/lib/BannerActionText.js +48 -0
  37. package/dist/commonjs/banner/lib/BannerIcon.d.ts +14 -0
  38. package/dist/commonjs/banner/lib/BannerIcon.d.ts.map +1 -0
  39. package/dist/commonjs/banner/lib/BannerIcon.js +47 -0
  40. package/dist/commonjs/banner/lib/BannerLabel.d.ts +13 -0
  41. package/dist/commonjs/banner/lib/BannerLabel.d.ts.map +1 -0
  42. package/dist/commonjs/banner/lib/BannerLabel.js +45 -0
  43. package/dist/commonjs/banner/lib/hooks/index.d.ts +7 -0
  44. package/dist/commonjs/banner/lib/hooks/index.d.ts.map +1 -0
  45. package/dist/commonjs/banner/lib/hooks/index.js +11 -0
  46. package/dist/commonjs/banner/lib/hooks/useBanner.d.ts +16 -0
  47. package/dist/commonjs/banner/lib/hooks/useBanner.d.ts.map +1 -0
  48. package/dist/commonjs/banner/lib/hooks/useBanner.js +14 -0
  49. package/dist/commonjs/banner/lib/hooks/useBannerActionText.d.ts +15 -0
  50. package/dist/commonjs/banner/lib/hooks/useBannerActionText.d.ts.map +1 -0
  51. package/dist/commonjs/banner/lib/hooks/useBannerActionText.js +13 -0
  52. package/dist/commonjs/banner/lib/hooks/useBannerIcon.d.ts +18 -0
  53. package/dist/commonjs/banner/lib/hooks/useBannerIcon.d.ts.map +1 -0
  54. package/dist/commonjs/banner/lib/hooks/useBannerIcon.js +19 -0
  55. package/dist/commonjs/banner/lib/hooks/useBannerLabel.d.ts +15 -0
  56. package/dist/commonjs/banner/lib/hooks/useBannerLabel.d.ts.map +1 -0
  57. package/dist/commonjs/banner/lib/hooks/useBannerLabel.js +13 -0
  58. package/dist/commonjs/banner/lib/hooks/useBannerModel.d.ts +37 -0
  59. package/dist/commonjs/banner/lib/hooks/useBannerModel.d.ts.map +1 -0
  60. package/dist/commonjs/banner/lib/hooks/useBannerModel.js +22 -0
  61. package/dist/commonjs/banner/lib/hooks/useThemedPalette.d.ts +11 -0
  62. package/dist/commonjs/banner/lib/hooks/useThemedPalette.d.ts.map +1 -0
  63. package/dist/commonjs/banner/lib/hooks/useThemedPalette.js +39 -0
  64. package/dist/commonjs/button/lib/IconButton.d.ts +5 -2
  65. package/dist/commonjs/button/lib/IconButton.d.ts.map +1 -1
  66. package/dist/commonjs/button/lib/ToolbarDropdownButton.d.ts.map +1 -1
  67. package/dist/commonjs/button/lib/ToolbarDropdownButton.js +7 -5
  68. package/dist/commonjs/card/lib/Card.d.ts +1 -1
  69. package/dist/commonjs/card/lib/CardBody.d.ts +1 -1
  70. package/dist/commonjs/card/lib/CardBody.d.ts.map +1 -1
  71. package/dist/commonjs/card/lib/CardHeading.d.ts +2 -1
  72. package/dist/commonjs/card/lib/CardHeading.d.ts.map +1 -1
  73. package/dist/commonjs/card/lib/CardHeading.js +3 -4
  74. package/dist/commonjs/common/lib/styles/hideMouseFocus.d.ts +3 -2
  75. package/dist/commonjs/common/lib/styles/hideMouseFocus.d.ts.map +1 -1
  76. package/dist/commonjs/common/lib/utils/index.d.ts +1 -0
  77. package/dist/commonjs/common/lib/utils/index.d.ts.map +1 -1
  78. package/dist/commonjs/common/lib/utils/index.js +1 -0
  79. package/dist/commonjs/cookie-banner/lib/CookieBanner.d.ts.map +1 -1
  80. package/dist/commonjs/cookie-banner/lib/CookieBanner.js +1 -0
  81. package/dist/commonjs/dialog/lib/Dialog.d.ts +1 -1
  82. package/dist/commonjs/icon/lib/Svg.d.ts +0 -1
  83. package/dist/commonjs/icon/lib/Svg.d.ts.map +1 -1
  84. package/dist/commonjs/icon/lib/Svg.js +7 -14
  85. package/dist/commonjs/modal/lib/Modal.d.ts +2 -1
  86. package/dist/commonjs/modal/lib/Modal.d.ts.map +1 -1
  87. package/dist/commonjs/modal/lib/Modal.js +2 -0
  88. package/dist/commonjs/modal/lib/ModalCard.js +1 -1
  89. package/dist/commonjs/modal/lib/ModalOverflowOverlay.d.ts +2 -0
  90. package/dist/commonjs/modal/lib/ModalOverflowOverlay.d.ts.map +1 -0
  91. package/dist/commonjs/{pagination/lib/Pagination/common/Box.js → modal/lib/ModalOverflowOverlay.js} +10 -32
  92. package/dist/commonjs/modal/lib/ModalOverlay.d.ts +2 -1
  93. package/dist/commonjs/modal/lib/ModalOverlay.d.ts.map +1 -1
  94. package/dist/commonjs/modal/lib/ModalOverlay.js +9 -2
  95. package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.d.ts +2 -3
  96. package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.d.ts.map +1 -1
  97. package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.js +21 -7
  98. package/dist/commonjs/pagination/lib/Pagination/Controls.js +2 -2
  99. package/dist/commonjs/pagination/lib/Pagination/GoTo/Form.d.ts +2 -3
  100. package/dist/commonjs/pagination/lib/Pagination/GoTo/Form.d.ts.map +1 -1
  101. package/dist/commonjs/pagination/lib/Pagination/GoTo/Form.js +2 -2
  102. package/dist/commonjs/pagination/lib/Pagination/GoTo/Label.d.ts +1 -2
  103. package/dist/commonjs/pagination/lib/Pagination/GoTo/Label.d.ts.map +1 -1
  104. package/dist/commonjs/pagination/lib/Pagination/GoTo/Label.js +12 -4
  105. package/dist/commonjs/pagination/lib/Pagination/Nav.d.ts +1 -1
  106. package/dist/commonjs/pagination/lib/Pagination/Nav.d.ts.map +1 -1
  107. package/dist/commonjs/pagination/lib/Pagination/Nav.js +2 -2
  108. package/dist/commonjs/pagination/lib/Pagination/PageList.d.ts +4 -4
  109. package/dist/commonjs/pagination/lib/Pagination/PageList.d.ts.map +1 -1
  110. package/dist/commonjs/pagination/lib/Pagination/PageList.js +11 -7
  111. package/dist/commonjs/pagination/lib/Pagination/Pagination.d.ts +4 -4
  112. package/dist/commonjs/pagination/lib/Pagination/common/List.d.ts +6 -8
  113. package/dist/commonjs/pagination/lib/Pagination/common/List.d.ts.map +1 -1
  114. package/dist/commonjs/pagination/lib/Pagination/common/List.js +15 -12
  115. package/dist/commonjs/popup/lib/Popup.d.ts +1 -1
  116. package/dist/commonjs/popup/lib/Popup.d.ts.map +1 -1
  117. package/dist/commonjs/popup/lib/Popup.js +2 -2
  118. package/dist/commonjs/popup/lib/PopupBody.d.ts +2 -0
  119. package/dist/commonjs/popup/lib/PopupBody.d.ts.map +1 -0
  120. package/dist/commonjs/popup/lib/PopupBody.js +29 -0
  121. package/dist/commonjs/popup/lib/PopupCard.d.ts +2 -1
  122. package/dist/commonjs/popup/lib/PopupCard.d.ts.map +1 -1
  123. package/dist/commonjs/popup/lib/PopupCard.js +7 -1
  124. package/dist/commonjs/popup/lib/PopupHeading.d.ts +3 -1
  125. package/dist/commonjs/popup/lib/PopupHeading.d.ts.map +1 -1
  126. package/dist/commonjs/popup/lib/PopupHeading.js +1 -1
  127. package/dist/commonjs/status-indicator/lib/StatusIndicator.d.ts +5 -0
  128. package/dist/commonjs/status-indicator/lib/StatusIndicator.d.ts.map +1 -1
  129. package/dist/commonjs/status-indicator/lib/StatusIndicator.js +5 -5
  130. package/dist/commonjs/tabs/lib/TabsItem.d.ts +1 -1
  131. package/dist/commonjs/toast/lib/Toast.d.ts.map +1 -1
  132. package/dist/commonjs/toast/lib/Toast.js +16 -13
  133. package/dist/es6/action-bar/index.d.ts +0 -3
  134. package/dist/es6/action-bar/index.d.ts.map +1 -1
  135. package/dist/es6/action-bar/index.js +0 -3
  136. package/dist/es6/action-bar/lib/ActionBar.d.ts +5 -10
  137. package/dist/es6/action-bar/lib/ActionBar.d.ts.map +1 -1
  138. package/dist/es6/action-bar/lib/ActionBar.js +10 -78
  139. package/dist/es6/banner/index.d.ts +1 -3
  140. package/dist/es6/banner/index.d.ts.map +1 -1
  141. package/dist/es6/banner/index.js +1 -3
  142. package/dist/es6/banner/lib/Banner.d.ts +17 -33
  143. package/dist/es6/banner/lib/Banner.d.ts.map +1 -1
  144. package/dist/es6/banner/lib/Banner.js +47 -71
  145. package/dist/es6/banner/lib/BannerActionText.d.ts +14 -0
  146. package/dist/es6/banner/lib/BannerActionText.d.ts.map +1 -0
  147. package/dist/es6/banner/lib/BannerActionText.js +39 -0
  148. package/dist/es6/banner/lib/BannerIcon.d.ts +14 -0
  149. package/dist/es6/banner/lib/BannerIcon.d.ts.map +1 -0
  150. package/dist/es6/banner/lib/BannerIcon.js +42 -0
  151. package/dist/es6/banner/lib/BannerLabel.d.ts +13 -0
  152. package/dist/es6/banner/lib/BannerLabel.d.ts.map +1 -0
  153. package/dist/es6/banner/lib/BannerLabel.js +36 -0
  154. package/dist/es6/banner/lib/hooks/index.d.ts +7 -0
  155. package/dist/es6/banner/lib/hooks/index.d.ts.map +1 -0
  156. package/dist/es6/banner/lib/hooks/index.js +6 -0
  157. package/dist/es6/banner/lib/hooks/useBanner.d.ts +16 -0
  158. package/dist/es6/banner/lib/hooks/useBanner.d.ts.map +1 -0
  159. package/dist/es6/banner/lib/hooks/useBanner.js +12 -0
  160. package/dist/es6/banner/lib/hooks/useBannerActionText.d.ts +15 -0
  161. package/dist/es6/banner/lib/hooks/useBannerActionText.d.ts.map +1 -0
  162. package/dist/es6/banner/lib/hooks/useBannerActionText.js +11 -0
  163. package/dist/es6/banner/lib/hooks/useBannerIcon.d.ts +18 -0
  164. package/dist/es6/banner/lib/hooks/useBannerIcon.d.ts.map +1 -0
  165. package/dist/es6/banner/lib/hooks/useBannerIcon.js +17 -0
  166. package/dist/es6/banner/lib/hooks/useBannerLabel.d.ts +15 -0
  167. package/dist/es6/banner/lib/hooks/useBannerLabel.d.ts.map +1 -0
  168. package/dist/es6/banner/lib/hooks/useBannerLabel.js +11 -0
  169. package/dist/es6/banner/lib/hooks/useBannerModel.d.ts +37 -0
  170. package/dist/es6/banner/lib/hooks/useBannerModel.d.ts.map +1 -0
  171. package/dist/es6/banner/lib/hooks/useBannerModel.js +20 -0
  172. package/dist/es6/banner/lib/hooks/useThemedPalette.d.ts +11 -0
  173. package/dist/es6/banner/lib/hooks/useThemedPalette.d.ts.map +1 -0
  174. package/dist/es6/banner/lib/hooks/useThemedPalette.js +33 -0
  175. package/dist/es6/button/lib/IconButton.d.ts +5 -2
  176. package/dist/es6/button/lib/IconButton.d.ts.map +1 -1
  177. package/dist/es6/button/lib/ToolbarDropdownButton.d.ts.map +1 -1
  178. package/dist/es6/button/lib/ToolbarDropdownButton.js +4 -5
  179. package/dist/es6/card/lib/Card.d.ts +1 -1
  180. package/dist/es6/card/lib/CardBody.d.ts +1 -1
  181. package/dist/es6/card/lib/CardBody.d.ts.map +1 -1
  182. package/dist/es6/card/lib/CardHeading.d.ts +2 -1
  183. package/dist/es6/card/lib/CardHeading.d.ts.map +1 -1
  184. package/dist/es6/card/lib/CardHeading.js +4 -5
  185. package/dist/es6/common/lib/styles/hideMouseFocus.d.ts +3 -2
  186. package/dist/es6/common/lib/styles/hideMouseFocus.d.ts.map +1 -1
  187. package/dist/es6/common/lib/utils/index.d.ts +1 -0
  188. package/dist/es6/common/lib/utils/index.d.ts.map +1 -1
  189. package/dist/es6/common/lib/utils/index.js +1 -0
  190. package/dist/es6/cookie-banner/lib/CookieBanner.d.ts.map +1 -1
  191. package/dist/es6/cookie-banner/lib/CookieBanner.js +1 -0
  192. package/dist/es6/dialog/lib/Dialog.d.ts +1 -1
  193. package/dist/es6/icon/lib/Svg.d.ts +0 -1
  194. package/dist/es6/icon/lib/Svg.d.ts.map +1 -1
  195. package/dist/es6/icon/lib/Svg.js +7 -14
  196. package/dist/es6/modal/lib/Modal.d.ts +2 -1
  197. package/dist/es6/modal/lib/Modal.d.ts.map +1 -1
  198. package/dist/es6/modal/lib/Modal.js +2 -0
  199. package/dist/es6/modal/lib/ModalCard.js +1 -1
  200. package/dist/es6/modal/lib/ModalOverflowOverlay.d.ts +2 -0
  201. package/dist/es6/modal/lib/ModalOverflowOverlay.d.ts.map +1 -0
  202. package/dist/es6/modal/lib/ModalOverflowOverlay.js +36 -0
  203. package/dist/es6/modal/lib/ModalOverlay.d.ts +2 -1
  204. package/dist/es6/modal/lib/ModalOverlay.d.ts.map +1 -1
  205. package/dist/es6/modal/lib/ModalOverlay.js +9 -2
  206. package/dist/es6/pagination/lib/Pagination/AdditionalDetails.d.ts +2 -3
  207. package/dist/es6/pagination/lib/Pagination/AdditionalDetails.d.ts.map +1 -1
  208. package/dist/es6/pagination/lib/Pagination/AdditionalDetails.js +16 -9
  209. package/dist/es6/pagination/lib/Pagination/Controls.js +1 -1
  210. package/dist/es6/pagination/lib/Pagination/GoTo/Form.d.ts +2 -3
  211. package/dist/es6/pagination/lib/Pagination/GoTo/Form.d.ts.map +1 -1
  212. package/dist/es6/pagination/lib/Pagination/GoTo/Form.js +2 -2
  213. package/dist/es6/pagination/lib/Pagination/GoTo/Label.d.ts +1 -2
  214. package/dist/es6/pagination/lib/Pagination/GoTo/Label.d.ts.map +1 -1
  215. package/dist/es6/pagination/lib/Pagination/GoTo/Label.js +5 -4
  216. package/dist/es6/pagination/lib/Pagination/Nav.d.ts +1 -1
  217. package/dist/es6/pagination/lib/Pagination/Nav.d.ts.map +1 -1
  218. package/dist/es6/pagination/lib/Pagination/Nav.js +2 -2
  219. package/dist/es6/pagination/lib/Pagination/PageList.d.ts +4 -4
  220. package/dist/es6/pagination/lib/Pagination/PageList.d.ts.map +1 -1
  221. package/dist/es6/pagination/lib/Pagination/PageList.js +5 -8
  222. package/dist/es6/pagination/lib/Pagination/Pagination.d.ts +4 -4
  223. package/dist/es6/pagination/lib/Pagination/common/List.d.ts +6 -8
  224. package/dist/es6/pagination/lib/Pagination/common/List.d.ts.map +1 -1
  225. package/dist/es6/pagination/lib/Pagination/common/List.js +15 -12
  226. package/dist/es6/popup/lib/Popup.d.ts +1 -1
  227. package/dist/es6/popup/lib/Popup.d.ts.map +1 -1
  228. package/dist/es6/popup/lib/Popup.js +2 -2
  229. package/dist/es6/popup/lib/PopupBody.d.ts +2 -0
  230. package/dist/es6/popup/lib/PopupBody.d.ts.map +1 -0
  231. package/dist/es6/popup/lib/PopupBody.js +20 -0
  232. package/dist/es6/popup/lib/PopupCard.d.ts +2 -1
  233. package/dist/es6/popup/lib/PopupCard.d.ts.map +1 -1
  234. package/dist/es6/popup/lib/PopupCard.js +8 -2
  235. package/dist/es6/popup/lib/PopupHeading.d.ts +3 -1
  236. package/dist/es6/popup/lib/PopupHeading.d.ts.map +1 -1
  237. package/dist/es6/popup/lib/PopupHeading.js +1 -1
  238. package/dist/es6/status-indicator/lib/StatusIndicator.d.ts +5 -0
  239. package/dist/es6/status-indicator/lib/StatusIndicator.d.ts.map +1 -1
  240. package/dist/es6/status-indicator/lib/StatusIndicator.js +5 -5
  241. package/dist/es6/tabs/lib/TabsItem.d.ts +1 -1
  242. package/dist/es6/toast/lib/Toast.d.ts.map +1 -1
  243. package/dist/es6/toast/lib/Toast.js +9 -13
  244. package/icon/lib/Svg.tsx +13 -22
  245. package/modal/lib/Modal.tsx +2 -0
  246. package/modal/lib/ModalCard.tsx +1 -1
  247. package/modal/lib/ModalOverflowOverlay.tsx +25 -0
  248. package/modal/lib/ModalOverlay.tsx +11 -3
  249. package/package.json +5 -5
  250. package/pagination/lib/Pagination/AdditionalDetails.tsx +24 -18
  251. package/pagination/lib/Pagination/Controls.tsx +1 -1
  252. package/pagination/lib/Pagination/GoTo/Form.tsx +4 -5
  253. package/pagination/lib/Pagination/GoTo/Label.tsx +5 -6
  254. package/pagination/lib/Pagination/Nav.tsx +2 -2
  255. package/pagination/lib/Pagination/PageList.tsx +13 -11
  256. package/pagination/lib/Pagination/common/List.tsx +25 -23
  257. package/popup/lib/Popup.tsx +2 -2
  258. package/popup/lib/PopupBody.tsx +11 -0
  259. package/popup/lib/PopupCard.tsx +17 -3
  260. package/popup/lib/PopupHeading.tsx +3 -3
  261. package/status-indicator/lib/StatusIndicator.tsx +20 -9
  262. package/toast/lib/Toast.tsx +9 -15
  263. package/ts3.5/dist/commonjs/action-bar/index.d.ts +0 -3
  264. package/ts3.5/dist/commonjs/action-bar/lib/ActionBar.d.ts +5 -10
  265. package/ts3.5/dist/commonjs/banner/index.d.ts +1 -3
  266. package/ts3.5/dist/commonjs/banner/lib/Banner.d.ts +17 -33
  267. package/ts3.5/dist/commonjs/banner/lib/BannerActionText.d.ts +14 -0
  268. package/ts3.5/dist/commonjs/banner/lib/BannerIcon.d.ts +14 -0
  269. package/ts3.5/dist/commonjs/banner/lib/BannerLabel.d.ts +13 -0
  270. package/ts3.5/dist/commonjs/banner/lib/hooks/index.d.ts +7 -0
  271. package/ts3.5/dist/commonjs/banner/lib/hooks/useBanner.d.ts +16 -0
  272. package/ts3.5/dist/commonjs/banner/lib/hooks/useBannerActionText.d.ts +15 -0
  273. package/ts3.5/dist/commonjs/banner/lib/hooks/useBannerIcon.d.ts +18 -0
  274. package/ts3.5/dist/commonjs/banner/lib/hooks/useBannerLabel.d.ts +15 -0
  275. package/ts3.5/dist/commonjs/banner/lib/hooks/useBannerModel.d.ts +37 -0
  276. package/ts3.5/dist/commonjs/banner/lib/hooks/useThemedPalette.d.ts +11 -0
  277. package/ts3.5/dist/commonjs/button/lib/IconButton.d.ts +5 -2
  278. package/ts3.5/dist/commonjs/card/lib/Card.d.ts +1 -1
  279. package/ts3.5/dist/commonjs/card/lib/CardBody.d.ts +1 -1
  280. package/ts3.5/dist/commonjs/card/lib/CardHeading.d.ts +2 -1
  281. package/ts3.5/dist/commonjs/common/lib/styles/hideMouseFocus.d.ts +3 -2
  282. package/ts3.5/dist/commonjs/common/lib/utils/index.d.ts +1 -0
  283. package/ts3.5/dist/commonjs/dialog/lib/Dialog.d.ts +1 -1
  284. package/ts3.5/dist/commonjs/icon/lib/Svg.d.ts +0 -1
  285. package/ts3.5/dist/commonjs/modal/lib/Modal.d.ts +2 -1
  286. package/ts3.5/dist/commonjs/modal/lib/ModalOverflowOverlay.d.ts +2 -0
  287. package/ts3.5/dist/commonjs/modal/lib/ModalOverlay.d.ts +2 -1
  288. package/ts3.5/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.d.ts +2 -3
  289. package/ts3.5/dist/commonjs/pagination/lib/Pagination/GoTo/Form.d.ts +2 -3
  290. package/ts3.5/dist/commonjs/pagination/lib/Pagination/GoTo/Label.d.ts +1 -2
  291. package/ts3.5/dist/commonjs/pagination/lib/Pagination/Nav.d.ts +1 -1
  292. package/ts3.5/dist/commonjs/pagination/lib/Pagination/PageList.d.ts +4 -4
  293. package/ts3.5/dist/commonjs/pagination/lib/Pagination/Pagination.d.ts +4 -4
  294. package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/List.d.ts +6 -8
  295. package/ts3.5/dist/commonjs/popup/lib/Popup.d.ts +1 -1
  296. package/ts3.5/dist/commonjs/popup/lib/PopupBody.d.ts +2 -0
  297. package/ts3.5/dist/commonjs/popup/lib/PopupCard.d.ts +2 -1
  298. package/ts3.5/dist/commonjs/popup/lib/PopupHeading.d.ts +3 -1
  299. package/ts3.5/dist/commonjs/status-indicator/lib/StatusIndicator.d.ts +5 -0
  300. package/ts3.5/dist/commonjs/tabs/lib/TabsItem.d.ts +1 -1
  301. package/ts3.5/dist/es6/action-bar/index.d.ts +0 -3
  302. package/ts3.5/dist/es6/action-bar/lib/ActionBar.d.ts +5 -10
  303. package/ts3.5/dist/es6/banner/index.d.ts +1 -3
  304. package/ts3.5/dist/es6/banner/lib/Banner.d.ts +17 -33
  305. package/ts3.5/dist/es6/banner/lib/BannerActionText.d.ts +14 -0
  306. package/ts3.5/dist/es6/banner/lib/BannerIcon.d.ts +14 -0
  307. package/ts3.5/dist/es6/banner/lib/BannerLabel.d.ts +13 -0
  308. package/ts3.5/dist/es6/banner/lib/hooks/index.d.ts +7 -0
  309. package/ts3.5/dist/es6/banner/lib/hooks/useBanner.d.ts +16 -0
  310. package/ts3.5/dist/es6/banner/lib/hooks/useBannerActionText.d.ts +15 -0
  311. package/ts3.5/dist/es6/banner/lib/hooks/useBannerIcon.d.ts +18 -0
  312. package/ts3.5/dist/es6/banner/lib/hooks/useBannerLabel.d.ts +15 -0
  313. package/ts3.5/dist/es6/banner/lib/hooks/useBannerModel.d.ts +37 -0
  314. package/ts3.5/dist/es6/banner/lib/hooks/useThemedPalette.d.ts +11 -0
  315. package/ts3.5/dist/es6/button/lib/IconButton.d.ts +5 -2
  316. package/ts3.5/dist/es6/card/lib/Card.d.ts +1 -1
  317. package/ts3.5/dist/es6/card/lib/CardBody.d.ts +1 -1
  318. package/ts3.5/dist/es6/card/lib/CardHeading.d.ts +2 -1
  319. package/ts3.5/dist/es6/common/lib/styles/hideMouseFocus.d.ts +3 -2
  320. package/ts3.5/dist/es6/common/lib/utils/index.d.ts +1 -0
  321. package/ts3.5/dist/es6/dialog/lib/Dialog.d.ts +1 -1
  322. package/ts3.5/dist/es6/icon/lib/Svg.d.ts +0 -1
  323. package/ts3.5/dist/es6/modal/lib/Modal.d.ts +2 -1
  324. package/ts3.5/dist/es6/modal/lib/ModalOverflowOverlay.d.ts +2 -0
  325. package/ts3.5/dist/es6/modal/lib/ModalOverlay.d.ts +2 -1
  326. package/ts3.5/dist/es6/pagination/lib/Pagination/AdditionalDetails.d.ts +2 -3
  327. package/ts3.5/dist/es6/pagination/lib/Pagination/GoTo/Form.d.ts +2 -3
  328. package/ts3.5/dist/es6/pagination/lib/Pagination/GoTo/Label.d.ts +1 -2
  329. package/ts3.5/dist/es6/pagination/lib/Pagination/Nav.d.ts +1 -1
  330. package/ts3.5/dist/es6/pagination/lib/Pagination/PageList.d.ts +4 -4
  331. package/ts3.5/dist/es6/pagination/lib/Pagination/Pagination.d.ts +4 -4
  332. package/ts3.5/dist/es6/pagination/lib/Pagination/common/List.d.ts +6 -8
  333. package/ts3.5/dist/es6/popup/lib/Popup.d.ts +1 -1
  334. package/ts3.5/dist/es6/popup/lib/PopupBody.d.ts +2 -0
  335. package/ts3.5/dist/es6/popup/lib/PopupCard.d.ts +2 -1
  336. package/ts3.5/dist/es6/popup/lib/PopupHeading.d.ts +3 -1
  337. package/ts3.5/dist/es6/status-indicator/lib/StatusIndicator.d.ts +5 -0
  338. package/ts3.5/dist/es6/tabs/lib/TabsItem.d.ts +1 -1
  339. package/dist/commonjs/pagination/lib/Pagination/common/Box.d.ts +0 -12
  340. package/dist/commonjs/pagination/lib/Pagination/common/Box.d.ts.map +0 -1
  341. package/dist/commonjs/pagination/lib/Pagination/common/Flex.d.ts +0 -6
  342. package/dist/commonjs/pagination/lib/Pagination/common/Flex.d.ts.map +0 -1
  343. package/dist/commonjs/pagination/lib/Pagination/common/Flex.js +0 -32
  344. package/dist/commonjs/pagination/lib/Pagination/common/Stack.d.ts +0 -48
  345. package/dist/commonjs/pagination/lib/Pagination/common/Stack.d.ts.map +0 -1
  346. package/dist/commonjs/pagination/lib/Pagination/common/Stack.js +0 -87
  347. package/dist/commonjs/pagination/lib/Pagination/common/utils/flex.d.ts +0 -57
  348. package/dist/commonjs/pagination/lib/Pagination/common/utils/flex.d.ts.map +0 -1
  349. package/dist/commonjs/pagination/lib/Pagination/common/utils/flex.js +0 -23
  350. package/dist/commonjs/pagination/lib/Pagination/common/utils/layout.d.ts +0 -32
  351. package/dist/commonjs/pagination/lib/Pagination/common/utils/layout.d.ts.map +0 -1
  352. package/dist/commonjs/pagination/lib/Pagination/common/utils/layout.js +0 -15
  353. package/dist/commonjs/pagination/lib/Pagination/common/utils/safelySpreadProps.d.ts +0 -12
  354. package/dist/commonjs/pagination/lib/Pagination/common/utils/safelySpreadProps.d.ts.map +0 -1
  355. package/dist/commonjs/pagination/lib/Pagination/common/utils/safelySpreadProps.js +0 -37
  356. package/dist/commonjs/pagination/lib/Pagination/common/utils/space.d.ts +0 -127
  357. package/dist/commonjs/pagination/lib/Pagination/common/utils/space.d.ts.map +0 -1
  358. package/dist/commonjs/pagination/lib/Pagination/common/utils/space.js +0 -75
  359. package/dist/es6/pagination/lib/Pagination/common/Box.d.ts +0 -12
  360. package/dist/es6/pagination/lib/Pagination/common/Box.d.ts.map +0 -1
  361. package/dist/es6/pagination/lib/Pagination/common/Box.js +0 -58
  362. package/dist/es6/pagination/lib/Pagination/common/Flex.d.ts +0 -6
  363. package/dist/es6/pagination/lib/Pagination/common/Flex.d.ts.map +0 -1
  364. package/dist/es6/pagination/lib/Pagination/common/Flex.js +0 -27
  365. package/dist/es6/pagination/lib/Pagination/common/Stack.d.ts +0 -48
  366. package/dist/es6/pagination/lib/Pagination/common/Stack.d.ts.map +0 -1
  367. package/dist/es6/pagination/lib/Pagination/common/Stack.js +0 -78
  368. package/dist/es6/pagination/lib/Pagination/common/utils/flex.d.ts +0 -57
  369. package/dist/es6/pagination/lib/Pagination/common/utils/flex.d.ts.map +0 -1
  370. package/dist/es6/pagination/lib/Pagination/common/utils/flex.js +0 -21
  371. package/dist/es6/pagination/lib/Pagination/common/utils/layout.d.ts +0 -32
  372. package/dist/es6/pagination/lib/Pagination/common/utils/layout.d.ts.map +0 -1
  373. package/dist/es6/pagination/lib/Pagination/common/utils/layout.js +0 -13
  374. package/dist/es6/pagination/lib/Pagination/common/utils/safelySpreadProps.d.ts +0 -12
  375. package/dist/es6/pagination/lib/Pagination/common/utils/safelySpreadProps.d.ts.map +0 -1
  376. package/dist/es6/pagination/lib/Pagination/common/utils/safelySpreadProps.js +0 -34
  377. package/dist/es6/pagination/lib/Pagination/common/utils/space.d.ts +0 -127
  378. package/dist/es6/pagination/lib/Pagination/common/utils/space.d.ts.map +0 -1
  379. package/dist/es6/pagination/lib/Pagination/common/utils/space.js +0 -73
  380. package/pagination/lib/Pagination/common/Box.tsx +0 -44
  381. package/pagination/lib/Pagination/common/Flex.tsx +0 -23
  382. package/pagination/lib/Pagination/common/Stack.tsx +0 -98
  383. package/pagination/lib/Pagination/common/utils/flex.ts +0 -110
  384. package/pagination/lib/Pagination/common/utils/layout.ts +0 -40
  385. package/pagination/lib/Pagination/common/utils/safelySpreadProps.ts +0 -29
  386. package/pagination/lib/Pagination/common/utils/space.ts +0 -109
  387. package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/Box.d.ts +0 -12
  388. package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/Flex.d.ts +0 -6
  389. package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/Stack.d.ts +0 -48
  390. package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/utils/flex.d.ts +0 -57
  391. package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/utils/layout.d.ts +0 -32
  392. package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/utils/safelySpreadProps.d.ts +0 -12
  393. package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/utils/space.d.ts +0 -127
  394. package/ts3.5/dist/es6/pagination/lib/Pagination/common/Box.d.ts +0 -12
  395. package/ts3.5/dist/es6/pagination/lib/Pagination/common/Flex.d.ts +0 -6
  396. package/ts3.5/dist/es6/pagination/lib/Pagination/common/Stack.d.ts +0 -48
  397. package/ts3.5/dist/es6/pagination/lib/Pagination/common/utils/flex.d.ts +0 -57
  398. package/ts3.5/dist/es6/pagination/lib/Pagination/common/utils/layout.d.ts +0 -32
  399. package/ts3.5/dist/es6/pagination/lib/Pagination/common/utils/safelySpreadProps.d.ts +0 -12
  400. package/ts3.5/dist/es6/pagination/lib/Pagination/common/utils/space.d.ts +0 -127
@@ -1,127 +0,0 @@
1
- import { space as canvasSpace } from '@workday/canvas-kit-react/tokens';
2
- export declare type Spacing = keyof typeof canvasSpace;
3
- export interface SpaceProps {
4
- margin?: Spacing;
5
- m?: Spacing;
6
- marginX?: Spacing;
7
- mx?: Spacing;
8
- marginY?: Spacing;
9
- my?: Spacing;
10
- marginT?: Spacing;
11
- mt?: Spacing;
12
- marginR?: Spacing;
13
- mr?: Spacing;
14
- marginB?: Spacing;
15
- mb?: Spacing;
16
- marginL?: Spacing;
17
- ml?: Spacing;
18
- padding?: Spacing;
19
- p?: Spacing;
20
- paddingX?: Spacing;
21
- px?: Spacing;
22
- paddingY?: Spacing;
23
- py?: Spacing;
24
- paddingT?: Spacing;
25
- pt?: Spacing;
26
- paddingR?: Spacing;
27
- pr?: Spacing;
28
- paddingB?: Spacing;
29
- pb?: Spacing;
30
- paddingL?: Spacing;
31
- pl?: Spacing;
32
- }
33
- export declare const space: {
34
- margin: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
35
- margin: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
36
- };
37
- m: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
38
- margin: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
39
- };
40
- marginX: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
41
- marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
42
- marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
43
- };
44
- mx: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
45
- marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
46
- marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
47
- };
48
- marginY: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
49
- marginBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
50
- marginTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
51
- };
52
- my: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
53
- marginBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
54
- marginTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
55
- };
56
- marginT: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
57
- marginTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
58
- };
59
- mt: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
60
- marginTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
61
- };
62
- marginR: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
63
- marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
64
- };
65
- mr: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
66
- marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
67
- };
68
- marginB: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
69
- marginBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
70
- };
71
- mb: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
72
- marginBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
73
- };
74
- marginL: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
75
- marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
76
- };
77
- ml: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
78
- marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
79
- };
80
- padding: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
81
- padding: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
82
- };
83
- p: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
84
- padding: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
85
- };
86
- paddingX: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
87
- paddingLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
88
- paddingRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
89
- };
90
- px: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
91
- paddingLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
92
- paddingRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
93
- };
94
- paddingY: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
95
- paddingBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
96
- paddingTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
97
- };
98
- py: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
99
- paddingBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
100
- paddingTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
101
- };
102
- paddingT: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
103
- paddingTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
104
- };
105
- pt: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
106
- paddingTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
107
- };
108
- paddingR: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
109
- paddingRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
110
- };
111
- pr: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
112
- paddingRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
113
- };
114
- paddingB: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
115
- paddingBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
116
- };
117
- pb: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
118
- paddingBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
119
- };
120
- paddingL: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
121
- paddingLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
122
- };
123
- pl: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
124
- paddingLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
125
- };
126
- };
127
- //# sourceMappingURL=space.d.ts.map
@@ -1,12 +0,0 @@
1
- /** @jsx jsx */
2
- import * as React from 'react';
3
- import { SpaceProps } from './utils/space';
4
- import { LayoutProps } from './utils/layout';
5
- declare type As = keyof JSX.IntrinsicElements;
6
- export interface BoxProps extends SpaceProps, LayoutProps, React.HTMLAttributes<HTMLElement> {
7
- as?: As;
8
- }
9
- export declare const StyledBox: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BoxProps, object>;
10
- export declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<any>>;
11
- export {};
12
- //# sourceMappingURL=Box.d.ts.map
@@ -1,6 +0,0 @@
1
- /// <reference types="@emotion/core" />
2
- import { FlexProps as BaseFlexProps } from './utils/flex';
3
- import { BoxProps } from './Box';
4
- export declare type FlexProps = BaseFlexProps & BoxProps;
5
- export declare const Flex: import("@emotion/styled-base").StyledComponent<BoxProps & import("react").RefAttributes<any>, FlexProps, object>;
6
- //# sourceMappingURL=Flex.d.ts.map
@@ -1,48 +0,0 @@
1
- /** @jsx jsx */
2
- import * as React from 'react';
3
- import { FlexProps } from './Flex';
4
- import { Spacing } from './utils/space';
5
- declare type StackDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
6
- export interface StackProps extends FlexProps {
7
- children?: React.ReactNode;
8
- direction: StackDirection;
9
- flexDirection?: StackDirection;
10
- spacing: Spacing;
11
- }
12
- declare const selector = "& > *:not(style) ~ *:not(style)";
13
- declare type Options = {
14
- spacing: Spacing;
15
- direction: StackDirection;
16
- shouldUseRTL: boolean;
17
- };
18
- export declare const useStack: ({ direction, shouldUseRTL, spacing }: Options) => {
19
- flexDirection: StackDirection;
20
- "& > *:not(style) ~ *:not(style)": {
21
- marginTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
22
- } | {
23
- marginBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
24
- } | {
25
- marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
26
- marginRight?: undefined;
27
- } | {
28
- marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
29
- marginLeft?: undefined;
30
- } | {
31
- marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
32
- marginLeft?: undefined;
33
- } | {
34
- marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
35
- marginRight?: undefined;
36
- };
37
- };
38
- export declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<unknown>>;
39
- export interface HStackProps extends Omit<StackProps, 'direction'> {
40
- direction?: 'row' | 'row-reverse';
41
- }
42
- export declare const HStack: React.ForwardRefExoticComponent<HStackProps & React.RefAttributes<unknown>>;
43
- export interface VStackProps extends Omit<StackProps, 'direction'> {
44
- direction?: 'column' | 'column-reverse';
45
- }
46
- export declare const VStack: React.ForwardRefExoticComponent<VStackProps & React.RefAttributes<unknown>>;
47
- export {};
48
- //# sourceMappingURL=Stack.d.ts.map
@@ -1,57 +0,0 @@
1
- declare type Globals = '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset';
2
- declare type GlobalsNumber = number | '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset';
3
- declare type SelfPosition = 'center' | 'end' | 'flex-end' | 'flex-start' | 'self-end' | 'self-start' | 'start';
4
- declare type ContentDistribution = 'space-around' | 'space-between' | 'space-evenly' | 'stretch';
5
- declare type ContentPosition = 'center' | 'end' | 'flex-end' | 'flex-start' | 'start';
6
- declare type AlignItemsProperty = Globals | SelfPosition | 'baseline' | 'normal' | 'stretch';
7
- declare type AlignContentProperty = Globals | ContentDistribution | ContentPosition | 'baseline' | 'normal';
8
- declare type JustifyItemsProperty = Globals | SelfPosition | 'baseline' | 'left' | 'legacy' | 'normal' | 'right' | 'stretch';
9
- declare type JustifyContentProperty = Globals | ContentDistribution | ContentPosition | 'left' | 'normal' | 'right';
10
- declare type FlexWrapProperty = '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset' | 'nowrap' | 'wrap' | 'wrap-reverse';
11
- declare type FlexDirectionProperty = '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset' | 'column' | 'column-reverse' | 'row' | 'row-reverse';
12
- declare type JustifySelfProperty = Globals | SelfPosition | 'auto' | 'baseline' | 'left' | 'normal' | 'right' | 'stretch' | 'auto' | 'baseline' | 'left' | 'normal' | 'right' | 'stretch';
13
- declare type AlignSelfProperty = Globals | SelfPosition | 'auto' | 'baseline' | 'normal' | 'stretch';
14
- export interface FlexProps {
15
- alignItems?: AlignItemsProperty;
16
- alignContent?: AlignContentProperty;
17
- display?: 'flex' | 'inline-flex';
18
- justifyItems?: JustifyItemsProperty;
19
- justifyContent?: JustifyContentProperty;
20
- flexWrap?: FlexWrapProperty;
21
- wrap?: FlexWrapProperty;
22
- flexDirection?: FlexDirectionProperty;
23
- direction?: FlexDirectionProperty;
24
- flex?: number | string;
25
- flexGrow?: number | string;
26
- grow?: number | string;
27
- flexShrink?: number | string;
28
- shrink?: number | string;
29
- flexBasis?: number | string;
30
- basis?: number | string;
31
- justifySelf?: JustifySelfProperty;
32
- alignSelf?: AlignSelfProperty;
33
- order?: GlobalsNumber;
34
- }
35
- export declare const flex: {
36
- alignItems: string;
37
- alignContent: string;
38
- display: string;
39
- justifyItems: string;
40
- justifyContent: string;
41
- flexWrap: string;
42
- wrap: string;
43
- flexDirection: string;
44
- direction: string;
45
- flex: string;
46
- flexGrow: string;
47
- grow: string;
48
- flexShrink: string;
49
- shrink: string;
50
- flexBasis: string;
51
- basis: string;
52
- justifySelf: string;
53
- alignSelf: string;
54
- order: string;
55
- };
56
- export {};
57
- //# sourceMappingURL=flex.d.ts.map
@@ -1,32 +0,0 @@
1
- declare type Globals = '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset';
2
- declare type OverflowProperty = Globals | 'auto' | 'hidden' | 'scroll' | 'visible' | string;
3
- declare type OverflowXProperty = '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset' | 'auto' | 'hidden' | 'scroll' | 'visible';
4
- declare type OverflowYProperty = OverflowXProperty;
5
- export interface LayoutProps {
6
- display?: string;
7
- height?: number | string;
8
- maxHeight?: number | string;
9
- maxWidth?: number | string;
10
- minHeight?: number | string;
11
- minWidth?: number | string;
12
- overflow?: OverflowProperty;
13
- overflowX?: OverflowXProperty;
14
- overflowY?: OverflowYProperty;
15
- verticalAlign?: string;
16
- width?: number | string;
17
- }
18
- export declare const layout: {
19
- display: string;
20
- height: string;
21
- maxHeight: string;
22
- maxWidth: string;
23
- minHeight: string;
24
- minWidth: string;
25
- overflow: string;
26
- overflowX: string;
27
- overflowY: string;
28
- verticalAlign: string;
29
- width: string;
30
- };
31
- export {};
32
- //# sourceMappingURL=layout.d.ts.map
@@ -1,12 +0,0 @@
1
- /**
2
- * Removes style props from props to prevent them from being applied to the HTML element.
3
- * Returns an object of props that is stripped of all style props.
4
- * @example
5
- * const Box = (props) => {
6
- * const safeProps = safelySpreadProps(props);
7
- * return <div {...safeProps} />
8
- * }
9
- *
10
- */
11
- export declare function safelySpreadProps<T extends object>(props: T): T;
12
- //# sourceMappingURL=safelySpreadProps.d.ts.map
@@ -1,127 +0,0 @@
1
- import { space as canvasSpace } from '@workday/canvas-kit-react/tokens';
2
- export declare type Spacing = keyof typeof canvasSpace;
3
- export interface SpaceProps {
4
- margin?: Spacing;
5
- m?: Spacing;
6
- marginX?: Spacing;
7
- mx?: Spacing;
8
- marginY?: Spacing;
9
- my?: Spacing;
10
- marginT?: Spacing;
11
- mt?: Spacing;
12
- marginR?: Spacing;
13
- mr?: Spacing;
14
- marginB?: Spacing;
15
- mb?: Spacing;
16
- marginL?: Spacing;
17
- ml?: Spacing;
18
- padding?: Spacing;
19
- p?: Spacing;
20
- paddingX?: Spacing;
21
- px?: Spacing;
22
- paddingY?: Spacing;
23
- py?: Spacing;
24
- paddingT?: Spacing;
25
- pt?: Spacing;
26
- paddingR?: Spacing;
27
- pr?: Spacing;
28
- paddingB?: Spacing;
29
- pb?: Spacing;
30
- paddingL?: Spacing;
31
- pl?: Spacing;
32
- }
33
- export declare const space: {
34
- margin: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
35
- margin: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
36
- };
37
- m: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
38
- margin: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
39
- };
40
- marginX: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
41
- marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
42
- marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
43
- };
44
- mx: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
45
- marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
46
- marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
47
- };
48
- marginY: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
49
- marginBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
50
- marginTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
51
- };
52
- my: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
53
- marginBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
54
- marginTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
55
- };
56
- marginT: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
57
- marginTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
58
- };
59
- mt: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
60
- marginTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
61
- };
62
- marginR: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
63
- marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
64
- };
65
- mr: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
66
- marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
67
- };
68
- marginB: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
69
- marginBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
70
- };
71
- mb: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
72
- marginBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
73
- };
74
- marginL: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
75
- marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
76
- };
77
- ml: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
78
- marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
79
- };
80
- padding: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
81
- padding: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
82
- };
83
- p: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
84
- padding: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
85
- };
86
- paddingX: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
87
- paddingLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
88
- paddingRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
89
- };
90
- px: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
91
- paddingLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
92
- paddingRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
93
- };
94
- paddingY: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
95
- paddingBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
96
- paddingTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
97
- };
98
- py: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
99
- paddingBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
100
- paddingTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
101
- };
102
- paddingT: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
103
- paddingTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
104
- };
105
- pt: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
106
- paddingTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
107
- };
108
- paddingR: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
109
- paddingRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
110
- };
111
- pr: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
112
- paddingRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
113
- };
114
- paddingB: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
115
- paddingBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
116
- };
117
- pb: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
118
- paddingBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
119
- };
120
- paddingL: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
121
- paddingLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
122
- };
123
- pl: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
124
- paddingLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
125
- };
126
- };
127
- //# sourceMappingURL=space.d.ts.map