@workday/canvas-kit-react 6.3.5 → 7.0.0-alpha.0-next.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (325) hide show
  1. package/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/common/lib/styles/hideMouseFocus.ts +3 -2
  19. package/cookie-banner/lib/CookieBanner.tsx +1 -0
  20. package/dist/commonjs/action-bar/index.d.ts +0 -3
  21. package/dist/commonjs/action-bar/index.d.ts.map +1 -1
  22. package/dist/commonjs/action-bar/index.js +0 -6
  23. package/dist/commonjs/action-bar/lib/ActionBar.d.ts +5 -10
  24. package/dist/commonjs/action-bar/lib/ActionBar.d.ts.map +1 -1
  25. package/dist/commonjs/action-bar/lib/ActionBar.js +8 -76
  26. package/dist/commonjs/banner/index.d.ts +1 -3
  27. package/dist/commonjs/banner/index.d.ts.map +1 -1
  28. package/dist/commonjs/banner/index.js +1 -6
  29. package/dist/commonjs/banner/lib/Banner.d.ts +17 -33
  30. package/dist/commonjs/banner/lib/Banner.d.ts.map +1 -1
  31. package/dist/commonjs/banner/lib/Banner.js +45 -69
  32. package/dist/commonjs/banner/lib/BannerActionText.d.ts +14 -0
  33. package/dist/commonjs/banner/lib/BannerActionText.d.ts.map +1 -0
  34. package/dist/commonjs/banner/lib/BannerActionText.js +48 -0
  35. package/dist/commonjs/banner/lib/BannerIcon.d.ts +14 -0
  36. package/dist/commonjs/banner/lib/BannerIcon.d.ts.map +1 -0
  37. package/dist/commonjs/banner/lib/BannerIcon.js +47 -0
  38. package/dist/commonjs/banner/lib/BannerLabel.d.ts +13 -0
  39. package/dist/commonjs/banner/lib/BannerLabel.d.ts.map +1 -0
  40. package/dist/commonjs/banner/lib/BannerLabel.js +45 -0
  41. package/dist/commonjs/banner/lib/hooks/index.d.ts +7 -0
  42. package/dist/commonjs/banner/lib/hooks/index.d.ts.map +1 -0
  43. package/dist/commonjs/banner/lib/hooks/index.js +11 -0
  44. package/dist/commonjs/banner/lib/hooks/useBanner.d.ts +16 -0
  45. package/dist/commonjs/banner/lib/hooks/useBanner.d.ts.map +1 -0
  46. package/dist/commonjs/banner/lib/hooks/useBanner.js +14 -0
  47. package/dist/commonjs/banner/lib/hooks/useBannerActionText.d.ts +15 -0
  48. package/dist/commonjs/banner/lib/hooks/useBannerActionText.d.ts.map +1 -0
  49. package/dist/commonjs/banner/lib/hooks/useBannerActionText.js +13 -0
  50. package/dist/commonjs/banner/lib/hooks/useBannerIcon.d.ts +18 -0
  51. package/dist/commonjs/banner/lib/hooks/useBannerIcon.d.ts.map +1 -0
  52. package/dist/commonjs/banner/lib/hooks/useBannerIcon.js +19 -0
  53. package/dist/commonjs/banner/lib/hooks/useBannerLabel.d.ts +15 -0
  54. package/dist/commonjs/banner/lib/hooks/useBannerLabel.d.ts.map +1 -0
  55. package/dist/commonjs/banner/lib/hooks/useBannerLabel.js +13 -0
  56. package/dist/commonjs/banner/lib/hooks/useBannerModel.d.ts +37 -0
  57. package/dist/commonjs/banner/lib/hooks/useBannerModel.d.ts.map +1 -0
  58. package/dist/commonjs/banner/lib/hooks/useBannerModel.js +22 -0
  59. package/dist/commonjs/banner/lib/hooks/useThemedPalette.d.ts +11 -0
  60. package/dist/commonjs/banner/lib/hooks/useThemedPalette.d.ts.map +1 -0
  61. package/dist/commonjs/banner/lib/hooks/useThemedPalette.js +39 -0
  62. package/dist/commonjs/button/lib/IconButton.d.ts +5 -2
  63. package/dist/commonjs/button/lib/IconButton.d.ts.map +1 -1
  64. package/dist/commonjs/button/lib/ToolbarDropdownButton.d.ts.map +1 -1
  65. package/dist/commonjs/button/lib/ToolbarDropdownButton.js +7 -5
  66. package/dist/commonjs/card/lib/Card.d.ts +1 -1
  67. package/dist/commonjs/card/lib/CardBody.d.ts +1 -1
  68. package/dist/commonjs/card/lib/CardBody.d.ts.map +1 -1
  69. package/dist/commonjs/common/lib/styles/hideMouseFocus.d.ts +3 -2
  70. package/dist/commonjs/common/lib/styles/hideMouseFocus.d.ts.map +1 -1
  71. package/dist/commonjs/cookie-banner/lib/CookieBanner.d.ts.map +1 -1
  72. package/dist/commonjs/cookie-banner/lib/CookieBanner.js +1 -0
  73. package/dist/commonjs/dialog/lib/Dialog.d.ts +1 -1
  74. package/dist/commonjs/icon/lib/Svg.d.ts +0 -1
  75. package/dist/commonjs/icon/lib/Svg.d.ts.map +1 -1
  76. package/dist/commonjs/icon/lib/Svg.js +7 -14
  77. package/dist/commonjs/modal/lib/Modal.d.ts +1 -1
  78. package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.d.ts +2 -3
  79. package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.d.ts.map +1 -1
  80. package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.js +21 -7
  81. package/dist/commonjs/pagination/lib/Pagination/Controls.js +2 -2
  82. package/dist/commonjs/pagination/lib/Pagination/GoTo/Form.d.ts +2 -3
  83. package/dist/commonjs/pagination/lib/Pagination/GoTo/Form.d.ts.map +1 -1
  84. package/dist/commonjs/pagination/lib/Pagination/GoTo/Form.js +2 -2
  85. package/dist/commonjs/pagination/lib/Pagination/GoTo/Label.d.ts +1 -2
  86. package/dist/commonjs/pagination/lib/Pagination/GoTo/Label.d.ts.map +1 -1
  87. package/dist/commonjs/pagination/lib/Pagination/GoTo/Label.js +12 -4
  88. package/dist/commonjs/pagination/lib/Pagination/Nav.d.ts +1 -1
  89. package/dist/commonjs/pagination/lib/Pagination/Nav.d.ts.map +1 -1
  90. package/dist/commonjs/pagination/lib/Pagination/Nav.js +2 -2
  91. package/dist/commonjs/pagination/lib/Pagination/PageList.d.ts +4 -4
  92. package/dist/commonjs/pagination/lib/Pagination/PageList.d.ts.map +1 -1
  93. package/dist/commonjs/pagination/lib/Pagination/PageList.js +11 -7
  94. package/dist/commonjs/pagination/lib/Pagination/Pagination.d.ts +4 -4
  95. package/dist/commonjs/pagination/lib/Pagination/common/List.d.ts +6 -8
  96. package/dist/commonjs/pagination/lib/Pagination/common/List.d.ts.map +1 -1
  97. package/dist/commonjs/pagination/lib/Pagination/common/List.js +15 -12
  98. package/dist/commonjs/popup/lib/Popup.d.ts +1 -1
  99. package/dist/commonjs/status-indicator/lib/StatusIndicator.d.ts +5 -0
  100. package/dist/commonjs/status-indicator/lib/StatusIndicator.d.ts.map +1 -1
  101. package/dist/commonjs/status-indicator/lib/StatusIndicator.js +5 -5
  102. package/dist/commonjs/tabs/lib/TabsItem.d.ts +1 -1
  103. package/dist/commonjs/toast/lib/Toast.d.ts.map +1 -1
  104. package/dist/commonjs/toast/lib/Toast.js +16 -13
  105. package/dist/es6/action-bar/index.d.ts +0 -3
  106. package/dist/es6/action-bar/index.d.ts.map +1 -1
  107. package/dist/es6/action-bar/index.js +0 -3
  108. package/dist/es6/action-bar/lib/ActionBar.d.ts +5 -10
  109. package/dist/es6/action-bar/lib/ActionBar.d.ts.map +1 -1
  110. package/dist/es6/action-bar/lib/ActionBar.js +10 -78
  111. package/dist/es6/banner/index.d.ts +1 -3
  112. package/dist/es6/banner/index.d.ts.map +1 -1
  113. package/dist/es6/banner/index.js +1 -3
  114. package/dist/es6/banner/lib/Banner.d.ts +17 -33
  115. package/dist/es6/banner/lib/Banner.d.ts.map +1 -1
  116. package/dist/es6/banner/lib/Banner.js +47 -71
  117. package/dist/es6/banner/lib/BannerActionText.d.ts +14 -0
  118. package/dist/es6/banner/lib/BannerActionText.d.ts.map +1 -0
  119. package/dist/es6/banner/lib/BannerActionText.js +39 -0
  120. package/dist/es6/banner/lib/BannerIcon.d.ts +14 -0
  121. package/dist/es6/banner/lib/BannerIcon.d.ts.map +1 -0
  122. package/dist/es6/banner/lib/BannerIcon.js +42 -0
  123. package/dist/es6/banner/lib/BannerLabel.d.ts +13 -0
  124. package/dist/es6/banner/lib/BannerLabel.d.ts.map +1 -0
  125. package/dist/es6/banner/lib/BannerLabel.js +36 -0
  126. package/dist/es6/banner/lib/hooks/index.d.ts +7 -0
  127. package/dist/es6/banner/lib/hooks/index.d.ts.map +1 -0
  128. package/dist/es6/banner/lib/hooks/index.js +6 -0
  129. package/dist/es6/banner/lib/hooks/useBanner.d.ts +16 -0
  130. package/dist/es6/banner/lib/hooks/useBanner.d.ts.map +1 -0
  131. package/dist/es6/banner/lib/hooks/useBanner.js +12 -0
  132. package/dist/es6/banner/lib/hooks/useBannerActionText.d.ts +15 -0
  133. package/dist/es6/banner/lib/hooks/useBannerActionText.d.ts.map +1 -0
  134. package/dist/es6/banner/lib/hooks/useBannerActionText.js +11 -0
  135. package/dist/es6/banner/lib/hooks/useBannerIcon.d.ts +18 -0
  136. package/dist/es6/banner/lib/hooks/useBannerIcon.d.ts.map +1 -0
  137. package/dist/es6/banner/lib/hooks/useBannerIcon.js +17 -0
  138. package/dist/es6/banner/lib/hooks/useBannerLabel.d.ts +15 -0
  139. package/dist/es6/banner/lib/hooks/useBannerLabel.d.ts.map +1 -0
  140. package/dist/es6/banner/lib/hooks/useBannerLabel.js +11 -0
  141. package/dist/es6/banner/lib/hooks/useBannerModel.d.ts +37 -0
  142. package/dist/es6/banner/lib/hooks/useBannerModel.d.ts.map +1 -0
  143. package/dist/es6/banner/lib/hooks/useBannerModel.js +20 -0
  144. package/dist/es6/banner/lib/hooks/useThemedPalette.d.ts +11 -0
  145. package/dist/es6/banner/lib/hooks/useThemedPalette.d.ts.map +1 -0
  146. package/dist/es6/banner/lib/hooks/useThemedPalette.js +33 -0
  147. package/dist/es6/button/lib/IconButton.d.ts +5 -2
  148. package/dist/es6/button/lib/IconButton.d.ts.map +1 -1
  149. package/dist/es6/button/lib/ToolbarDropdownButton.d.ts.map +1 -1
  150. package/dist/es6/button/lib/ToolbarDropdownButton.js +4 -5
  151. package/dist/es6/card/lib/Card.d.ts +1 -1
  152. package/dist/es6/card/lib/CardBody.d.ts +1 -1
  153. package/dist/es6/card/lib/CardBody.d.ts.map +1 -1
  154. package/dist/es6/common/lib/styles/hideMouseFocus.d.ts +3 -2
  155. package/dist/es6/common/lib/styles/hideMouseFocus.d.ts.map +1 -1
  156. package/dist/es6/cookie-banner/lib/CookieBanner.d.ts.map +1 -1
  157. package/dist/es6/cookie-banner/lib/CookieBanner.js +1 -0
  158. package/dist/es6/dialog/lib/Dialog.d.ts +1 -1
  159. package/dist/es6/icon/lib/Svg.d.ts +0 -1
  160. package/dist/es6/icon/lib/Svg.d.ts.map +1 -1
  161. package/dist/es6/icon/lib/Svg.js +7 -14
  162. package/dist/es6/modal/lib/Modal.d.ts +1 -1
  163. package/dist/es6/pagination/lib/Pagination/AdditionalDetails.d.ts +2 -3
  164. package/dist/es6/pagination/lib/Pagination/AdditionalDetails.d.ts.map +1 -1
  165. package/dist/es6/pagination/lib/Pagination/AdditionalDetails.js +16 -9
  166. package/dist/es6/pagination/lib/Pagination/Controls.js +1 -1
  167. package/dist/es6/pagination/lib/Pagination/GoTo/Form.d.ts +2 -3
  168. package/dist/es6/pagination/lib/Pagination/GoTo/Form.d.ts.map +1 -1
  169. package/dist/es6/pagination/lib/Pagination/GoTo/Form.js +2 -2
  170. package/dist/es6/pagination/lib/Pagination/GoTo/Label.d.ts +1 -2
  171. package/dist/es6/pagination/lib/Pagination/GoTo/Label.d.ts.map +1 -1
  172. package/dist/es6/pagination/lib/Pagination/GoTo/Label.js +5 -4
  173. package/dist/es6/pagination/lib/Pagination/Nav.d.ts +1 -1
  174. package/dist/es6/pagination/lib/Pagination/Nav.d.ts.map +1 -1
  175. package/dist/es6/pagination/lib/Pagination/Nav.js +2 -2
  176. package/dist/es6/pagination/lib/Pagination/PageList.d.ts +4 -4
  177. package/dist/es6/pagination/lib/Pagination/PageList.d.ts.map +1 -1
  178. package/dist/es6/pagination/lib/Pagination/PageList.js +5 -8
  179. package/dist/es6/pagination/lib/Pagination/Pagination.d.ts +4 -4
  180. package/dist/es6/pagination/lib/Pagination/common/List.d.ts +6 -8
  181. package/dist/es6/pagination/lib/Pagination/common/List.d.ts.map +1 -1
  182. package/dist/es6/pagination/lib/Pagination/common/List.js +15 -12
  183. package/dist/es6/popup/lib/Popup.d.ts +1 -1
  184. package/dist/es6/status-indicator/lib/StatusIndicator.d.ts +5 -0
  185. package/dist/es6/status-indicator/lib/StatusIndicator.d.ts.map +1 -1
  186. package/dist/es6/status-indicator/lib/StatusIndicator.js +5 -5
  187. package/dist/es6/tabs/lib/TabsItem.d.ts +1 -1
  188. package/dist/es6/toast/lib/Toast.d.ts.map +1 -1
  189. package/dist/es6/toast/lib/Toast.js +9 -13
  190. package/icon/lib/Svg.tsx +13 -22
  191. package/package.json +5 -5
  192. package/pagination/lib/Pagination/AdditionalDetails.tsx +24 -18
  193. package/pagination/lib/Pagination/Controls.tsx +1 -1
  194. package/pagination/lib/Pagination/GoTo/Form.tsx +4 -5
  195. package/pagination/lib/Pagination/GoTo/Label.tsx +5 -6
  196. package/pagination/lib/Pagination/Nav.tsx +2 -2
  197. package/pagination/lib/Pagination/PageList.tsx +13 -11
  198. package/pagination/lib/Pagination/common/List.tsx +25 -23
  199. package/status-indicator/lib/StatusIndicator.tsx +20 -9
  200. package/toast/lib/Toast.tsx +9 -15
  201. package/ts3.5/dist/commonjs/action-bar/index.d.ts +0 -3
  202. package/ts3.5/dist/commonjs/action-bar/lib/ActionBar.d.ts +5 -10
  203. package/ts3.5/dist/commonjs/banner/index.d.ts +1 -3
  204. package/ts3.5/dist/commonjs/banner/lib/Banner.d.ts +17 -33
  205. package/ts3.5/dist/commonjs/banner/lib/BannerActionText.d.ts +14 -0
  206. package/ts3.5/dist/commonjs/banner/lib/BannerIcon.d.ts +14 -0
  207. package/ts3.5/dist/commonjs/banner/lib/BannerLabel.d.ts +13 -0
  208. package/ts3.5/dist/commonjs/banner/lib/hooks/index.d.ts +7 -0
  209. package/ts3.5/dist/commonjs/banner/lib/hooks/useBanner.d.ts +16 -0
  210. package/ts3.5/dist/commonjs/banner/lib/hooks/useBannerActionText.d.ts +15 -0
  211. package/ts3.5/dist/commonjs/banner/lib/hooks/useBannerIcon.d.ts +18 -0
  212. package/ts3.5/dist/commonjs/banner/lib/hooks/useBannerLabel.d.ts +15 -0
  213. package/ts3.5/dist/commonjs/banner/lib/hooks/useBannerModel.d.ts +37 -0
  214. package/ts3.5/dist/commonjs/banner/lib/hooks/useThemedPalette.d.ts +11 -0
  215. package/ts3.5/dist/commonjs/button/lib/IconButton.d.ts +5 -2
  216. package/ts3.5/dist/commonjs/card/lib/Card.d.ts +1 -1
  217. package/ts3.5/dist/commonjs/card/lib/CardBody.d.ts +1 -1
  218. package/ts3.5/dist/commonjs/common/lib/styles/hideMouseFocus.d.ts +3 -2
  219. package/ts3.5/dist/commonjs/dialog/lib/Dialog.d.ts +1 -1
  220. package/ts3.5/dist/commonjs/icon/lib/Svg.d.ts +0 -1
  221. package/ts3.5/dist/commonjs/modal/lib/Modal.d.ts +1 -1
  222. package/ts3.5/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.d.ts +2 -3
  223. package/ts3.5/dist/commonjs/pagination/lib/Pagination/GoTo/Form.d.ts +2 -3
  224. package/ts3.5/dist/commonjs/pagination/lib/Pagination/GoTo/Label.d.ts +1 -2
  225. package/ts3.5/dist/commonjs/pagination/lib/Pagination/Nav.d.ts +1 -1
  226. package/ts3.5/dist/commonjs/pagination/lib/Pagination/PageList.d.ts +4 -4
  227. package/ts3.5/dist/commonjs/pagination/lib/Pagination/Pagination.d.ts +4 -4
  228. package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/List.d.ts +6 -8
  229. package/ts3.5/dist/commonjs/popup/lib/Popup.d.ts +1 -1
  230. package/ts3.5/dist/commonjs/status-indicator/lib/StatusIndicator.d.ts +5 -0
  231. package/ts3.5/dist/commonjs/tabs/lib/TabsItem.d.ts +1 -1
  232. package/ts3.5/dist/es6/action-bar/index.d.ts +0 -3
  233. package/ts3.5/dist/es6/action-bar/lib/ActionBar.d.ts +5 -10
  234. package/ts3.5/dist/es6/banner/index.d.ts +1 -3
  235. package/ts3.5/dist/es6/banner/lib/Banner.d.ts +17 -33
  236. package/ts3.5/dist/es6/banner/lib/BannerActionText.d.ts +14 -0
  237. package/ts3.5/dist/es6/banner/lib/BannerIcon.d.ts +14 -0
  238. package/ts3.5/dist/es6/banner/lib/BannerLabel.d.ts +13 -0
  239. package/ts3.5/dist/es6/banner/lib/hooks/index.d.ts +7 -0
  240. package/ts3.5/dist/es6/banner/lib/hooks/useBanner.d.ts +16 -0
  241. package/ts3.5/dist/es6/banner/lib/hooks/useBannerActionText.d.ts +15 -0
  242. package/ts3.5/dist/es6/banner/lib/hooks/useBannerIcon.d.ts +18 -0
  243. package/ts3.5/dist/es6/banner/lib/hooks/useBannerLabel.d.ts +15 -0
  244. package/ts3.5/dist/es6/banner/lib/hooks/useBannerModel.d.ts +37 -0
  245. package/ts3.5/dist/es6/banner/lib/hooks/useThemedPalette.d.ts +11 -0
  246. package/ts3.5/dist/es6/button/lib/IconButton.d.ts +5 -2
  247. package/ts3.5/dist/es6/card/lib/Card.d.ts +1 -1
  248. package/ts3.5/dist/es6/card/lib/CardBody.d.ts +1 -1
  249. package/ts3.5/dist/es6/common/lib/styles/hideMouseFocus.d.ts +3 -2
  250. package/ts3.5/dist/es6/dialog/lib/Dialog.d.ts +1 -1
  251. package/ts3.5/dist/es6/icon/lib/Svg.d.ts +0 -1
  252. package/ts3.5/dist/es6/modal/lib/Modal.d.ts +1 -1
  253. package/ts3.5/dist/es6/pagination/lib/Pagination/AdditionalDetails.d.ts +2 -3
  254. package/ts3.5/dist/es6/pagination/lib/Pagination/GoTo/Form.d.ts +2 -3
  255. package/ts3.5/dist/es6/pagination/lib/Pagination/GoTo/Label.d.ts +1 -2
  256. package/ts3.5/dist/es6/pagination/lib/Pagination/Nav.d.ts +1 -1
  257. package/ts3.5/dist/es6/pagination/lib/Pagination/PageList.d.ts +4 -4
  258. package/ts3.5/dist/es6/pagination/lib/Pagination/Pagination.d.ts +4 -4
  259. package/ts3.5/dist/es6/pagination/lib/Pagination/common/List.d.ts +6 -8
  260. package/ts3.5/dist/es6/popup/lib/Popup.d.ts +1 -1
  261. package/ts3.5/dist/es6/status-indicator/lib/StatusIndicator.d.ts +5 -0
  262. package/ts3.5/dist/es6/tabs/lib/TabsItem.d.ts +1 -1
  263. package/dist/commonjs/pagination/lib/Pagination/common/Box.d.ts +0 -12
  264. package/dist/commonjs/pagination/lib/Pagination/common/Box.d.ts.map +0 -1
  265. package/dist/commonjs/pagination/lib/Pagination/common/Box.js +0 -70
  266. package/dist/commonjs/pagination/lib/Pagination/common/Flex.d.ts +0 -6
  267. package/dist/commonjs/pagination/lib/Pagination/common/Flex.d.ts.map +0 -1
  268. package/dist/commonjs/pagination/lib/Pagination/common/Flex.js +0 -32
  269. package/dist/commonjs/pagination/lib/Pagination/common/Stack.d.ts +0 -48
  270. package/dist/commonjs/pagination/lib/Pagination/common/Stack.d.ts.map +0 -1
  271. package/dist/commonjs/pagination/lib/Pagination/common/Stack.js +0 -87
  272. package/dist/commonjs/pagination/lib/Pagination/common/utils/flex.d.ts +0 -57
  273. package/dist/commonjs/pagination/lib/Pagination/common/utils/flex.d.ts.map +0 -1
  274. package/dist/commonjs/pagination/lib/Pagination/common/utils/flex.js +0 -23
  275. package/dist/commonjs/pagination/lib/Pagination/common/utils/layout.d.ts +0 -32
  276. package/dist/commonjs/pagination/lib/Pagination/common/utils/layout.d.ts.map +0 -1
  277. package/dist/commonjs/pagination/lib/Pagination/common/utils/layout.js +0 -15
  278. package/dist/commonjs/pagination/lib/Pagination/common/utils/safelySpreadProps.d.ts +0 -12
  279. package/dist/commonjs/pagination/lib/Pagination/common/utils/safelySpreadProps.d.ts.map +0 -1
  280. package/dist/commonjs/pagination/lib/Pagination/common/utils/safelySpreadProps.js +0 -37
  281. package/dist/commonjs/pagination/lib/Pagination/common/utils/space.d.ts +0 -127
  282. package/dist/commonjs/pagination/lib/Pagination/common/utils/space.d.ts.map +0 -1
  283. package/dist/commonjs/pagination/lib/Pagination/common/utils/space.js +0 -75
  284. package/dist/es6/pagination/lib/Pagination/common/Box.d.ts +0 -12
  285. package/dist/es6/pagination/lib/Pagination/common/Box.d.ts.map +0 -1
  286. package/dist/es6/pagination/lib/Pagination/common/Box.js +0 -58
  287. package/dist/es6/pagination/lib/Pagination/common/Flex.d.ts +0 -6
  288. package/dist/es6/pagination/lib/Pagination/common/Flex.d.ts.map +0 -1
  289. package/dist/es6/pagination/lib/Pagination/common/Flex.js +0 -27
  290. package/dist/es6/pagination/lib/Pagination/common/Stack.d.ts +0 -48
  291. package/dist/es6/pagination/lib/Pagination/common/Stack.d.ts.map +0 -1
  292. package/dist/es6/pagination/lib/Pagination/common/Stack.js +0 -78
  293. package/dist/es6/pagination/lib/Pagination/common/utils/flex.d.ts +0 -57
  294. package/dist/es6/pagination/lib/Pagination/common/utils/flex.d.ts.map +0 -1
  295. package/dist/es6/pagination/lib/Pagination/common/utils/flex.js +0 -21
  296. package/dist/es6/pagination/lib/Pagination/common/utils/layout.d.ts +0 -32
  297. package/dist/es6/pagination/lib/Pagination/common/utils/layout.d.ts.map +0 -1
  298. package/dist/es6/pagination/lib/Pagination/common/utils/layout.js +0 -13
  299. package/dist/es6/pagination/lib/Pagination/common/utils/safelySpreadProps.d.ts +0 -12
  300. package/dist/es6/pagination/lib/Pagination/common/utils/safelySpreadProps.d.ts.map +0 -1
  301. package/dist/es6/pagination/lib/Pagination/common/utils/safelySpreadProps.js +0 -34
  302. package/dist/es6/pagination/lib/Pagination/common/utils/space.d.ts +0 -127
  303. package/dist/es6/pagination/lib/Pagination/common/utils/space.d.ts.map +0 -1
  304. package/dist/es6/pagination/lib/Pagination/common/utils/space.js +0 -73
  305. package/pagination/lib/Pagination/common/Box.tsx +0 -44
  306. package/pagination/lib/Pagination/common/Flex.tsx +0 -23
  307. package/pagination/lib/Pagination/common/Stack.tsx +0 -98
  308. package/pagination/lib/Pagination/common/utils/flex.ts +0 -110
  309. package/pagination/lib/Pagination/common/utils/layout.ts +0 -40
  310. package/pagination/lib/Pagination/common/utils/safelySpreadProps.ts +0 -29
  311. package/pagination/lib/Pagination/common/utils/space.ts +0 -109
  312. package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/Box.d.ts +0 -12
  313. package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/Flex.d.ts +0 -6
  314. package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/Stack.d.ts +0 -48
  315. package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/utils/flex.d.ts +0 -57
  316. package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/utils/layout.d.ts +0 -32
  317. package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/utils/safelySpreadProps.d.ts +0 -12
  318. package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/utils/space.d.ts +0 -127
  319. package/ts3.5/dist/es6/pagination/lib/Pagination/common/Box.d.ts +0 -12
  320. package/ts3.5/dist/es6/pagination/lib/Pagination/common/Flex.d.ts +0 -6
  321. package/ts3.5/dist/es6/pagination/lib/Pagination/common/Stack.d.ts +0 -48
  322. package/ts3.5/dist/es6/pagination/lib/Pagination/common/utils/flex.d.ts +0 -57
  323. package/ts3.5/dist/es6/pagination/lib/Pagination/common/utils/layout.d.ts +0 -32
  324. package/ts3.5/dist/es6/pagination/lib/Pagination/common/utils/safelySpreadProps.d.ts +0 -12
  325. package/ts3.5/dist/es6/pagination/lib/Pagination/common/utils/space.d.ts +0 -127
@@ -1,58 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- /** @jsx jsx */
24
- import * as React from 'react';
25
- import { jsx, css } from '@emotion/core';
26
- import styled from '@emotion/styled';
27
- import { space } from './utils/space';
28
- import { layout } from './utils/layout';
29
- import { safelySpreadProps } from './utils/safelySpreadProps';
30
- var getBoxStyles = function (props) {
31
- var _a;
32
- var styleProps = {};
33
- for (var key in props) {
34
- if (key in props) {
35
- if (key in space) {
36
- var value = props[key];
37
- var styleFn = space[key];
38
- var styles = styleFn(value);
39
- styleProps = __assign(__assign({}, styleProps), styles);
40
- }
41
- if (key in layout) {
42
- var attr = layout[key];
43
- styleProps = __assign(__assign({}, styleProps), (_a = {}, _a[attr] = props[key], _a));
44
- }
45
- }
46
- }
47
- return styleProps;
48
- };
49
- export var StyledBox = styled('div')({
50
- boxSizing: 'border-box',
51
- });
52
- export var Box = React.forwardRef(function (_a, ref) {
53
- var _b = _a.as, as = _b === void 0 ? 'div' : _b, props = __rest(_a, ["as"]);
54
- // TODO: Memoize style props with React.useMemo
55
- var boxStyles = getBoxStyles(props);
56
- var safeProps = safelySpreadProps(props);
57
- return jsx(StyledBox, __assign({ ref: ref, as: as, css: css(boxStyles) }, safeProps));
58
- });
@@ -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 +0,0 @@
1
- {"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../../../../pagination/lib/Pagination/common/Flex.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAO,SAAS,IAAI,aAAa,EAAC,MAAM,cAAc,CAAC;AAE9D,OAAO,EAAM,QAAQ,EAAC,MAAM,OAAO,CAAC;AAEpC,oBAAY,SAAS,GAAG,aAAa,GAAG,QAAQ,CAAC;AAcjD,eAAO,MAAM,IAAI,kHAAgD,CAAC"}
@@ -1,27 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import styled from '@emotion/styled';
13
- import { flex } from './utils/flex';
14
- import { Box } from './Box';
15
- var getFlexStyles = function (props) {
16
- var _a;
17
- var flexProps = {};
18
- for (var key in props) {
19
- if (key in flex) {
20
- var attr = flex[key];
21
- flexProps = __assign(__assign({}, flexProps), (_a = {}, _a[attr] = props[key], _a));
22
- }
23
- }
24
- return flexProps;
25
- };
26
- export var Flex = styled(Box)({ display: 'flex' }, getFlexStyles);
27
- Flex.displayName = 'Flex';
@@ -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 +0,0 @@
1
- {"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../../../pagination/lib/Pagination/common/Stack.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAO,SAAS,EAAC,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAC,OAAO,EAAC,MAAM,eAAe,CAAC;AAItC,aAAK,cAAc,GAAG,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAC;AAE1E,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,EAAE,cAAc,CAAC;IAC1B,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,QAAQ,oCAAoC,CAAC;AAEnD,aAAK,OAAO,GAAG;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,cAAc,CAAC;IAC1B,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC;AA0BF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;CAMpB,CAAC;AAEF,eAAO,MAAM,KAAK,4EAYjB,CAAC;AAIF,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC;IAChE,SAAS,CAAC,EAAE,KAAK,GAAG,aAAa,CAAC;CACnC;AAED,eAAO,MAAM,MAAM,6EAIlB,CAAC;AAIF,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC;IAChE,SAAS,CAAC,EAAE,QAAQ,GAAG,gBAAgB,CAAC;CACzC;AAED,eAAO,MAAM,MAAM,6EAIlB,CAAC"}
@@ -1,78 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- /** @jsx jsx */
24
- import * as React from 'react';
25
- import { jsx, css } from '@emotion/core';
26
- import { space as sp } from '@workday/canvas-kit-react/tokens';
27
- import { Flex } from './Flex';
28
- import { getValidChildren } from './utils/getValidChildren';
29
- import { useRTL } from './utils/useRTL';
30
- var selector = '& > *:not(style) ~ *:not(style)';
31
- function getDirectionStyles(options) {
32
- var directionStyles = {
33
- column: { marginTop: sp[options.spacing] },
34
- 'column-reverse': { marginBottom: sp[options.spacing] },
35
- 'row-reverse': options.shouldUseRTL
36
- ? { marginLeft: sp[options.spacing] }
37
- : { marginRight: sp[options.spacing] },
38
- row: options.shouldUseRTL
39
- ? { marginRight: sp[options.spacing] }
40
- : { marginLeft: sp[options.spacing] },
41
- };
42
- return directionStyles[options.direction];
43
- }
44
- function getStackStyles(options) {
45
- var _a;
46
- var direction = options.direction;
47
- return _a = {
48
- flexDirection: direction
49
- },
50
- _a[selector] = getDirectionStyles(options),
51
- _a;
52
- }
53
- export var useStack = function (_a) {
54
- var direction = _a.direction, shouldUseRTL = _a.shouldUseRTL, spacing = _a.spacing;
55
- return React.useMemo(function () { return getStackStyles({ direction: direction, shouldUseRTL: shouldUseRTL, spacing: spacing }); }, [
56
- direction,
57
- spacing,
58
- shouldUseRTL,
59
- ]);
60
- };
61
- export var Stack = React.forwardRef(function (_a, ref) {
62
- var children = _a.children, direction = _a.direction, spacing = _a.spacing, elemProps = __rest(_a, ["children", "direction", "spacing"]);
63
- var validChildren = getValidChildren(children);
64
- var shouldUseRTL = useRTL().shouldUseRTL;
65
- var stackStyles = useStack({ direction: direction, spacing: spacing, shouldUseRTL: shouldUseRTL });
66
- return (jsx(Flex, __assign({ css: css(stackStyles), ref: ref }, elemProps), validChildren));
67
- });
68
- Stack.displayName = 'Stack';
69
- export var HStack = React.forwardRef(function (_a, ref) {
70
- var _b = _a.direction, direction = _b === void 0 ? 'row' : _b, spacing = _a.spacing, elemProps = __rest(_a, ["direction", "spacing"]);
71
- return jsx(Stack, __assign({ ref: ref, direction: direction, spacing: spacing }, elemProps));
72
- });
73
- HStack.displayName = 'HStack';
74
- export var VStack = React.forwardRef(function (_a, ref) {
75
- var _b = _a.direction, direction = _b === void 0 ? 'column' : _b, spacing = _a.spacing, elemProps = __rest(_a, ["direction", "spacing"]);
76
- return jsx(Stack, __assign({ ref: ref, direction: direction, spacing: spacing }, elemProps));
77
- });
78
- VStack.displayName = 'VStack';
@@ -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 +0,0 @@
1
- {"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../../../../../../pagination/lib/Pagination/common/utils/flex.ts"],"names":[],"mappings":"AACA,aAAK,OAAO,GAAG,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC3E,aAAK,aAAa,GAAG,MAAM,GAAG,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC1F,aAAK,YAAY,GACb,QAAQ,GACR,KAAK,GACL,UAAU,GACV,YAAY,GACZ,UAAU,GACV,YAAY,GACZ,OAAO,CAAC;AACZ,aAAK,mBAAmB,GAAG,cAAc,GAAG,eAAe,GAAG,cAAc,GAAG,SAAS,CAAC;AACzF,aAAK,eAAe,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,GAAG,YAAY,GAAG,OAAO,CAAC;AAC9E,aAAK,kBAAkB,GAAG,OAAO,GAAG,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AACrF,aAAK,oBAAoB,GAAG,OAAO,GAAG,mBAAmB,GAAG,eAAe,GAAG,UAAU,GAAG,QAAQ,CAAC;AACpG,aAAK,oBAAoB,GACrB,OAAO,GACP,YAAY,GACZ,UAAU,GACV,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,SAAS,CAAC;AACd,aAAK,sBAAsB,GACvB,OAAO,GACP,mBAAmB,GACnB,eAAe,GACf,MAAM,GACN,QAAQ,GACR,OAAO,CAAC;AACZ,aAAK,gBAAgB,GACjB,cAAc,GACd,SAAS,GACT,SAAS,GACT,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,MAAM,GACN,cAAc,CAAC;AAEnB,aAAK,qBAAqB,GACtB,cAAc,GACd,SAAS,GACT,SAAS,GACT,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,gBAAgB,GAChB,KAAK,GACL,aAAa,CAAC;AAClB,aAAK,mBAAmB,GACpB,OAAO,GACP,YAAY,GACZ,MAAM,GACN,UAAU,GACV,MAAM,GACN,QAAQ,GACR,OAAO,GACP,SAAS,GACT,MAAM,GACN,UAAU,GACV,MAAM,GACN,QAAQ,GACR,OAAO,GACP,SAAS,CAAC;AACd,aAAK,iBAAiB,GAAG,OAAO,GAAG,YAAY,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC7F,MAAM,WAAW,SAAS;IACxB,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;IACjC,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,cAAc,CAAC,EAAE,sBAAsB,CAAC;IACxC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;CAoBhB,CAAC"}
@@ -1,21 +0,0 @@
1
- export var flex = {
2
- alignItems: 'alignItems',
3
- alignContent: 'alignContent',
4
- display: 'display',
5
- justifyItems: 'justifyItems',
6
- justifyContent: 'justifyContent',
7
- flexWrap: 'flexWrap',
8
- wrap: 'flexWrap',
9
- flexDirection: 'flexDirection',
10
- direction: 'flexDirection',
11
- flex: 'flex',
12
- flexGrow: 'flexGrow',
13
- grow: 'flexGrow',
14
- flexShrink: 'flexShrink',
15
- shrink: 'flexShrink',
16
- flexBasis: 'flexBasis',
17
- basis: 'basis',
18
- justifySelf: 'justifySelf',
19
- alignSelf: 'alignSelf',
20
- order: 'order',
21
- };
@@ -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 +0,0 @@
1
- {"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../../../../pagination/lib/Pagination/common/utils/layout.ts"],"names":[],"mappings":"AAAA,aAAK,OAAO,GAAG,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC3E,aAAK,gBAAgB,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AACpF,aAAK,iBAAiB,GAClB,cAAc,GACd,SAAS,GACT,SAAS,GACT,QAAQ,GACR,OAAO,GACP,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,SAAS,CAAC;AACd,aAAK,iBAAiB,GAAG,iBAAiB,CAAC;AAC3C,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,MAAM;;;;;;;;;;;;CAYlB,CAAC"}
@@ -1,13 +0,0 @@
1
- export var layout = {
2
- display: 'display',
3
- height: 'height',
4
- maxHeight: 'maxHeight',
5
- maxWidth: 'maxWidth',
6
- minHeight: 'minHeight',
7
- minWidth: 'minWidth',
8
- overflow: 'overflow',
9
- overflowX: 'overflowX',
10
- overflowY: 'overflowY',
11
- verticalAlign: 'verticalAlign',
12
- width: 'width',
13
- };
@@ -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 +0,0 @@
1
- {"version":3,"file":"safelySpreadProps.d.ts","sourceRoot":"","sources":["../../../../../../../pagination/lib/Pagination/common/utils/safelySpreadProps.ts"],"names":[],"mappings":"AAUA;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,CAAC,KAQ3D"}
@@ -1,34 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { flex } from './flex';
13
- import { layout } from './layout';
14
- import { space } from './space';
15
- var styleProps = __assign(__assign(__assign({}, flex), layout), space);
16
- /**
17
- * Removes style props from props to prevent them from being applied to the HTML element.
18
- * Returns an object of props that is stripped of all style props.
19
- * @example
20
- * const Box = (props) => {
21
- * const safeProps = safelySpreadProps(props);
22
- * return <div {...safeProps} />
23
- * }
24
- *
25
- */
26
- export function safelySpreadProps(props) {
27
- var safeProps = {};
28
- for (var key in props) {
29
- if (!(key in styleProps)) {
30
- safeProps[key] = props[key];
31
- }
32
- }
33
- return safeProps;
34
- }
@@ -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
@@ -1 +0,0 @@
1
- {"version":3,"file":"space.d.ts","sourceRoot":"","sources":["../../../../../../../pagination/lib/Pagination/common/utils/space.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,IAAI,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAEtE,oBAAY,OAAO,GAAG,MAAM,OAAO,WAAW,CAAC;AAE/C,MAAM,WAAW,UAAU;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,CAAC,CAAC,EAAE,OAAO,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,CAAC,CAAC,EAAE,OAAO,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,OAAO,CAAC;CACd;AA8CD,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BjB,CAAC"}
@@ -1,73 +0,0 @@
1
- import { space as canvasSpace } from '@workday/canvas-kit-react/tokens';
2
- var margin = function (value) { return ({ margin: canvasSpace[value] || value }); };
3
- var marginX = function (value) { return ({
4
- marginLeft: canvasSpace[value],
5
- marginRight: canvasSpace[value],
6
- }); };
7
- var marginY = function (value) { return ({
8
- marginBottom: canvasSpace[value],
9
- marginTop: canvasSpace[value],
10
- }); };
11
- var marginT = function (value) { return ({
12
- marginTop: canvasSpace[value],
13
- }); };
14
- var marginR = function (value) { return ({
15
- marginRight: canvasSpace[value],
16
- }); };
17
- var marginB = function (value) { return ({
18
- marginBottom: canvasSpace[value],
19
- }); };
20
- var marginL = function (value) { return ({
21
- marginLeft: canvasSpace[value],
22
- }); };
23
- var padding = function (value) { return ({ padding: canvasSpace[value] }); }; // || value });
24
- var paddingX = function (value) { return ({
25
- paddingLeft: canvasSpace[value],
26
- paddingRight: canvasSpace[value],
27
- }); };
28
- var paddingY = function (value) { return ({
29
- paddingBottom: canvasSpace[value],
30
- paddingTop: canvasSpace[value],
31
- }); };
32
- var paddingT = function (value) { return ({
33
- paddingTop: canvasSpace[value],
34
- }); };
35
- var paddingR = function (value) { return ({
36
- paddingRight: canvasSpace[value],
37
- }); };
38
- var paddingB = function (value) { return ({
39
- paddingBottom: canvasSpace[value],
40
- }); };
41
- var paddingL = function (value) { return ({
42
- paddingLeft: canvasSpace[value],
43
- }); };
44
- export var space = {
45
- margin: margin,
46
- m: margin,
47
- marginX: marginX,
48
- mx: marginX,
49
- marginY: marginY,
50
- my: marginY,
51
- marginT: marginT,
52
- mt: marginT,
53
- marginR: marginR,
54
- mr: marginR,
55
- marginB: marginB,
56
- mb: marginB,
57
- marginL: marginL,
58
- ml: marginL,
59
- padding: padding,
60
- p: padding,
61
- paddingX: paddingX,
62
- px: paddingX,
63
- paddingY: paddingY,
64
- py: paddingY,
65
- paddingT: paddingT,
66
- pt: paddingT,
67
- paddingR: paddingR,
68
- pr: paddingR,
69
- paddingB: paddingB,
70
- pb: paddingB,
71
- paddingL: paddingL,
72
- pl: paddingL,
73
- };