@workday/canvas-kit-labs-react 7.0.0-alpha.0-next.5 → 7.0.0-alpha.100-next.25

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 (300) hide show
  1. package/combobox/README.md +1 -1
  2. package/combobox/lib/Combobox.tsx +7 -11
  3. package/common/index.ts +0 -8
  4. package/dist/commonjs/combobox/lib/Combobox.d.ts +3 -4
  5. package/dist/commonjs/combobox/lib/Combobox.d.ts.map +1 -1
  6. package/dist/commonjs/combobox/lib/Combobox.js +4 -7
  7. package/dist/commonjs/common/index.d.ts +0 -8
  8. package/dist/commonjs/common/index.d.ts.map +1 -1
  9. package/dist/commonjs/common/index.js +0 -1
  10. package/dist/commonjs/drawer/lib/DrawerHeader.js +2 -2
  11. package/dist/commonjs/index.d.ts +0 -2
  12. package/dist/commonjs/index.d.ts.map +1 -1
  13. package/dist/commonjs/index.js +0 -2
  14. package/dist/commonjs/search-form/lib/SearchForm.d.ts +7 -2
  15. package/dist/commonjs/search-form/lib/SearchForm.d.ts.map +1 -1
  16. package/dist/commonjs/search-form/lib/SearchForm.js +16 -22
  17. package/dist/es6/combobox/lib/Combobox.d.ts +3 -4
  18. package/dist/es6/combobox/lib/Combobox.d.ts.map +1 -1
  19. package/dist/es6/combobox/lib/Combobox.js +5 -8
  20. package/dist/es6/common/index.d.ts +0 -8
  21. package/dist/es6/common/index.d.ts.map +1 -1
  22. package/dist/es6/common/index.js +0 -1
  23. package/dist/es6/drawer/lib/DrawerHeader.js +3 -3
  24. package/dist/es6/index.d.ts +0 -2
  25. package/dist/es6/index.d.ts.map +1 -1
  26. package/dist/es6/index.js +0 -2
  27. package/dist/es6/search-form/lib/SearchForm.d.ts +7 -2
  28. package/dist/es6/search-form/lib/SearchForm.d.ts.map +1 -1
  29. package/dist/es6/search-form/lib/SearchForm.js +17 -23
  30. package/drawer/lib/DrawerHeader.tsx +3 -3
  31. package/index.ts +0 -2
  32. package/package.json +8 -19
  33. package/search-form/lib/SearchForm.tsx +25 -37
  34. package/common/lib/Box.tsx +0 -92
  35. package/common/lib/utils/border.ts +0 -263
  36. package/common/lib/utils/color.ts +0 -62
  37. package/common/lib/utils/depth.ts +0 -37
  38. package/common/lib/utils/flexItem.ts +0 -56
  39. package/common/lib/utils/layout.ts +0 -77
  40. package/common/lib/utils/other.ts +0 -20
  41. package/common/lib/utils/position.ts +0 -96
  42. package/common/lib/utils/space.ts +0 -207
  43. package/common/lib/utils/types.ts +0 -105
  44. package/dist/commonjs/common/lib/Box.d.ts +0 -31
  45. package/dist/commonjs/common/lib/Box.d.ts.map +0 -1
  46. package/dist/commonjs/common/lib/Box.js +0 -99
  47. package/dist/commonjs/common/lib/utils/border.d.ts +0 -103
  48. package/dist/commonjs/common/lib/utils/border.d.ts.map +0 -1
  49. package/dist/commonjs/common/lib/utils/border.js +0 -153
  50. package/dist/commonjs/common/lib/utils/color.d.ts +0 -26
  51. package/dist/commonjs/common/lib/utils/color.d.ts.map +0 -1
  52. package/dist/commonjs/common/lib/utils/color.js +0 -57
  53. package/dist/commonjs/common/lib/utils/depth.d.ts +0 -22
  54. package/dist/commonjs/common/lib/utils/depth.d.ts.map +0 -1
  55. package/dist/commonjs/common/lib/utils/depth.js +0 -29
  56. package/dist/commonjs/common/lib/utils/flexItem.d.ts +0 -33
  57. package/dist/commonjs/common/lib/utils/flexItem.d.ts.map +0 -1
  58. package/dist/commonjs/common/lib/utils/flexItem.js +0 -39
  59. package/dist/commonjs/common/lib/utils/layout.d.ts +0 -43
  60. package/dist/commonjs/common/lib/utils/layout.d.ts.map +0 -1
  61. package/dist/commonjs/common/lib/utils/layout.js +0 -43
  62. package/dist/commonjs/common/lib/utils/other.d.ts +0 -5
  63. package/dist/commonjs/common/lib/utils/other.d.ts.map +0 -1
  64. package/dist/commonjs/common/lib/utils/other.js +0 -19
  65. package/dist/commonjs/common/lib/utils/position.d.ts +0 -41
  66. package/dist/commonjs/common/lib/utils/position.d.ts.map +0 -1
  67. package/dist/commonjs/common/lib/utils/position.js +0 -78
  68. package/dist/commonjs/common/lib/utils/space.d.ts +0 -64
  69. package/dist/commonjs/common/lib/utils/space.d.ts.map +0 -1
  70. package/dist/commonjs/common/lib/utils/space.js +0 -161
  71. package/dist/commonjs/common/lib/utils/types.d.ts +0 -14
  72. package/dist/commonjs/common/lib/utils/types.d.ts.map +0 -1
  73. package/dist/commonjs/common/lib/utils/types.js +0 -2
  74. package/dist/commonjs/header/index.d.ts +0 -9
  75. package/dist/commonjs/header/index.d.ts.map +0 -1
  76. package/dist/commonjs/header/index.js +0 -24
  77. package/dist/commonjs/header/lib/GlobalHeader.d.ts +0 -38
  78. package/dist/commonjs/header/lib/GlobalHeader.d.ts.map +0 -1
  79. package/dist/commonjs/header/lib/GlobalHeader.js +0 -86
  80. package/dist/commonjs/header/lib/Header.d.ts +0 -76
  81. package/dist/commonjs/header/lib/Header.d.ts.map +0 -1
  82. package/dist/commonjs/header/lib/Header.js +0 -333
  83. package/dist/commonjs/header/lib/parts/DubLogoTitle.d.ts +0 -30
  84. package/dist/commonjs/header/lib/parts/DubLogoTitle.d.ts.map +0 -1
  85. package/dist/commonjs/header/lib/parts/DubLogoTitle.js +0 -118
  86. package/dist/commonjs/header/lib/parts/WorkdayLogoTitle.d.ts +0 -31
  87. package/dist/commonjs/header/lib/parts/WorkdayLogoTitle.d.ts.map +0 -1
  88. package/dist/commonjs/header/lib/parts/WorkdayLogoTitle.js +0 -137
  89. package/dist/commonjs/header/lib/parts/index.d.ts +0 -3
  90. package/dist/commonjs/header/lib/parts/index.d.ts.map +0 -1
  91. package/dist/commonjs/header/lib/parts/index.js +0 -7
  92. package/dist/commonjs/header/lib/shared/themes.d.ts +0 -43
  93. package/dist/commonjs/header/lib/shared/themes.d.ts.map +0 -1
  94. package/dist/commonjs/header/lib/shared/themes.js +0 -63
  95. package/dist/commonjs/header/lib/shared/types.d.ts +0 -15
  96. package/dist/commonjs/header/lib/shared/types.d.ts.map +0 -1
  97. package/dist/commonjs/header/lib/shared/types.js +0 -20
  98. package/dist/commonjs/layout/index.d.ts +0 -5
  99. package/dist/commonjs/layout/index.d.ts.map +0 -1
  100. package/dist/commonjs/layout/index.js +0 -14
  101. package/dist/commonjs/layout/lib/Flex.d.ts +0 -26
  102. package/dist/commonjs/layout/lib/Flex.d.ts.map +0 -1
  103. package/dist/commonjs/layout/lib/Flex.js +0 -83
  104. package/dist/commonjs/layout/lib/Stack.d.ts +0 -27
  105. package/dist/commonjs/layout/lib/Stack.d.ts.map +0 -1
  106. package/dist/commonjs/layout/lib/Stack.js +0 -99
  107. package/dist/commonjs/layout/lib/utils/flex.d.ts +0 -36
  108. package/dist/commonjs/layout/lib/utils/flex.d.ts.map +0 -1
  109. package/dist/commonjs/layout/lib/utils/flex.js +0 -38
  110. package/dist/commonjs/layout/lib/utils/getValidChildren.d.ts +0 -3
  111. package/dist/commonjs/layout/lib/utils/getValidChildren.d.ts.map +0 -1
  112. package/dist/commonjs/layout/lib/utils/getValidChildren.js +0 -29
  113. package/dist/commonjs/layout/lib/utils/stack.d.ts +0 -26
  114. package/dist/commonjs/layout/lib/utils/stack.d.ts.map +0 -1
  115. package/dist/commonjs/layout/lib/utils/stack.js +0 -55
  116. package/dist/commonjs/layout/lib/utils/types.d.ts +0 -8
  117. package/dist/commonjs/layout/lib/utils/types.d.ts.map +0 -1
  118. package/dist/commonjs/layout/lib/utils/types.js +0 -2
  119. package/dist/es6/common/lib/Box.d.ts +0 -31
  120. package/dist/es6/common/lib/Box.d.ts.map +0 -1
  121. package/dist/es6/common/lib/Box.js +0 -74
  122. package/dist/es6/common/lib/utils/border.d.ts +0 -103
  123. package/dist/es6/common/lib/utils/border.d.ts.map +0 -1
  124. package/dist/es6/common/lib/utils/border.js +0 -149
  125. package/dist/es6/common/lib/utils/color.d.ts +0 -26
  126. package/dist/es6/common/lib/utils/color.d.ts.map +0 -1
  127. package/dist/es6/common/lib/utils/color.js +0 -53
  128. package/dist/es6/common/lib/utils/depth.d.ts +0 -22
  129. package/dist/es6/common/lib/utils/depth.d.ts.map +0 -1
  130. package/dist/es6/common/lib/utils/depth.js +0 -25
  131. package/dist/es6/common/lib/utils/flexItem.d.ts +0 -33
  132. package/dist/es6/common/lib/utils/flexItem.d.ts.map +0 -1
  133. package/dist/es6/common/lib/utils/flexItem.js +0 -35
  134. package/dist/es6/common/lib/utils/layout.d.ts +0 -43
  135. package/dist/es6/common/lib/utils/layout.d.ts.map +0 -1
  136. package/dist/es6/common/lib/utils/layout.js +0 -39
  137. package/dist/es6/common/lib/utils/other.d.ts +0 -5
  138. package/dist/es6/common/lib/utils/other.d.ts.map +0 -1
  139. package/dist/es6/common/lib/utils/other.js +0 -15
  140. package/dist/es6/common/lib/utils/position.d.ts +0 -41
  141. package/dist/es6/common/lib/utils/position.d.ts.map +0 -1
  142. package/dist/es6/common/lib/utils/position.js +0 -74
  143. package/dist/es6/common/lib/utils/space.d.ts +0 -64
  144. package/dist/es6/common/lib/utils/space.d.ts.map +0 -1
  145. package/dist/es6/common/lib/utils/space.js +0 -157
  146. package/dist/es6/common/lib/utils/types.d.ts +0 -14
  147. package/dist/es6/common/lib/utils/types.d.ts.map +0 -1
  148. package/dist/es6/common/lib/utils/types.js +0 -1
  149. package/dist/es6/header/index.d.ts +0 -9
  150. package/dist/es6/header/index.d.ts.map +0 -1
  151. package/dist/es6/header/index.js +0 -8
  152. package/dist/es6/header/lib/GlobalHeader.d.ts +0 -38
  153. package/dist/es6/header/lib/GlobalHeader.d.ts.map +0 -1
  154. package/dist/es6/header/lib/GlobalHeader.js +0 -62
  155. package/dist/es6/header/lib/Header.d.ts +0 -76
  156. package/dist/es6/header/lib/Header.d.ts.map +0 -1
  157. package/dist/es6/header/lib/Header.js +0 -309
  158. package/dist/es6/header/lib/parts/DubLogoTitle.d.ts +0 -30
  159. package/dist/es6/header/lib/parts/DubLogoTitle.d.ts.map +0 -1
  160. package/dist/es6/header/lib/parts/DubLogoTitle.js +0 -93
  161. package/dist/es6/header/lib/parts/WorkdayLogoTitle.d.ts +0 -31
  162. package/dist/es6/header/lib/parts/WorkdayLogoTitle.d.ts.map +0 -1
  163. package/dist/es6/header/lib/parts/WorkdayLogoTitle.js +0 -112
  164. package/dist/es6/header/lib/parts/index.d.ts +0 -3
  165. package/dist/es6/header/lib/parts/index.d.ts.map +0 -1
  166. package/dist/es6/header/lib/parts/index.js +0 -2
  167. package/dist/es6/header/lib/shared/themes.d.ts +0 -43
  168. package/dist/es6/header/lib/shared/themes.d.ts.map +0 -1
  169. package/dist/es6/header/lib/shared/themes.js +0 -57
  170. package/dist/es6/header/lib/shared/types.d.ts +0 -15
  171. package/dist/es6/header/lib/shared/types.d.ts.map +0 -1
  172. package/dist/es6/header/lib/shared/types.js +0 -17
  173. package/dist/es6/layout/index.d.ts +0 -5
  174. package/dist/es6/layout/index.d.ts.map +0 -1
  175. package/dist/es6/layout/index.js +0 -2
  176. package/dist/es6/layout/lib/Flex.d.ts +0 -26
  177. package/dist/es6/layout/lib/Flex.d.ts.map +0 -1
  178. package/dist/es6/layout/lib/Flex.js +0 -58
  179. package/dist/es6/layout/lib/Stack.d.ts +0 -27
  180. package/dist/es6/layout/lib/Stack.d.ts.map +0 -1
  181. package/dist/es6/layout/lib/Stack.js +0 -74
  182. package/dist/es6/layout/lib/utils/flex.d.ts +0 -36
  183. package/dist/es6/layout/lib/utils/flex.d.ts.map +0 -1
  184. package/dist/es6/layout/lib/utils/flex.js +0 -34
  185. package/dist/es6/layout/lib/utils/getValidChildren.d.ts +0 -3
  186. package/dist/es6/layout/lib/utils/getValidChildren.d.ts.map +0 -1
  187. package/dist/es6/layout/lib/utils/getValidChildren.js +0 -6
  188. package/dist/es6/layout/lib/utils/stack.d.ts +0 -26
  189. package/dist/es6/layout/lib/utils/stack.d.ts.map +0 -1
  190. package/dist/es6/layout/lib/utils/stack.js +0 -51
  191. package/dist/es6/layout/lib/utils/types.d.ts +0 -8
  192. package/dist/es6/layout/lib/utils/types.d.ts.map +0 -1
  193. package/dist/es6/layout/lib/utils/types.js +0 -1
  194. package/header/LICENSE +0 -51
  195. package/header/README.md +0 -359
  196. package/header/index.ts +0 -9
  197. package/header/lib/GlobalHeader.tsx +0 -73
  198. package/header/lib/Header.tsx +0 -429
  199. package/header/lib/parts/DubLogoTitle.tsx +0 -99
  200. package/header/lib/parts/WorkdayLogoTitle.tsx +0 -120
  201. package/header/lib/parts/index.ts +0 -2
  202. package/header/lib/shared/themes.tsx +0 -97
  203. package/header/lib/shared/types.tsx +0 -16
  204. package/header/package.json +0 -5
  205. package/layout/LICENSE +0 -52
  206. package/layout/README.md +0 -16
  207. package/layout/index.ts +0 -4
  208. package/layout/lib/Flex.tsx +0 -47
  209. package/layout/lib/Stack.tsx +0 -95
  210. package/layout/lib/utils/flex.ts +0 -65
  211. package/layout/lib/utils/getValidChildren.ts +0 -7
  212. package/layout/lib/utils/stack.ts +0 -78
  213. package/layout/lib/utils/types.ts +0 -45
  214. package/layout/package.json +0 -5
  215. package/ts3.5/dist/commonjs/combobox/index.d.ts +0 -5
  216. package/ts3.5/dist/commonjs/combobox/lib/AutocompleteList.d.ts +0 -32
  217. package/ts3.5/dist/commonjs/combobox/lib/Combobox.d.ts +0 -64
  218. package/ts3.5/dist/commonjs/combobox/lib/Status.d.ts +0 -11
  219. package/ts3.5/dist/commonjs/common/index.d.ts +0 -12
  220. package/ts3.5/dist/commonjs/common/lib/Box.d.ts +0 -31
  221. package/ts3.5/dist/commonjs/common/lib/storybook-utils/ComponentStatesTable.d.ts +0 -26
  222. package/ts3.5/dist/commonjs/common/lib/storybook-utils/permutateProps.d.ts +0 -5
  223. package/ts3.5/dist/commonjs/common/lib/storybook-utils/propTypes.d.ts +0 -15
  224. package/ts3.5/dist/commonjs/common/lib/theming/index.d.ts +0 -3
  225. package/ts3.5/dist/commonjs/common/lib/theming/useThemeRTL.d.ts +0 -36
  226. package/ts3.5/dist/commonjs/common/lib/theming/useThemedRing.d.ts +0 -11
  227. package/ts3.5/dist/commonjs/common/lib/utils/border.d.ts +0 -103
  228. package/ts3.5/dist/commonjs/common/lib/utils/color.d.ts +0 -26
  229. package/ts3.5/dist/commonjs/common/lib/utils/depth.d.ts +0 -22
  230. package/ts3.5/dist/commonjs/common/lib/utils/flexItem.d.ts +0 -33
  231. package/ts3.5/dist/commonjs/common/lib/utils/layout.d.ts +0 -43
  232. package/ts3.5/dist/commonjs/common/lib/utils/other.d.ts +0 -5
  233. package/ts3.5/dist/commonjs/common/lib/utils/position.d.ts +0 -41
  234. package/ts3.5/dist/commonjs/common/lib/utils/space.d.ts +0 -64
  235. package/ts3.5/dist/commonjs/common/lib/utils/types.d.ts +0 -14
  236. package/ts3.5/dist/commonjs/drawer/index.d.ts +0 -6
  237. package/ts3.5/dist/commonjs/drawer/lib/Drawer.d.ts +0 -49
  238. package/ts3.5/dist/commonjs/drawer/lib/DrawerHeader.d.ts +0 -38
  239. package/ts3.5/dist/commonjs/header/index.d.ts +0 -9
  240. package/ts3.5/dist/commonjs/header/lib/GlobalHeader.d.ts +0 -38
  241. package/ts3.5/dist/commonjs/header/lib/Header.d.ts +0 -76
  242. package/ts3.5/dist/commonjs/header/lib/parts/DubLogoTitle.d.ts +0 -30
  243. package/ts3.5/dist/commonjs/header/lib/parts/WorkdayLogoTitle.d.ts +0 -31
  244. package/ts3.5/dist/commonjs/header/lib/parts/index.d.ts +0 -3
  245. package/ts3.5/dist/commonjs/header/lib/shared/themes.d.ts +0 -43
  246. package/ts3.5/dist/commonjs/header/lib/shared/types.d.ts +0 -15
  247. package/ts3.5/dist/commonjs/index.d.ts +0 -7
  248. package/ts3.5/dist/commonjs/layout/index.d.ts +0 -5
  249. package/ts3.5/dist/commonjs/layout/lib/Flex.d.ts +0 -26
  250. package/ts3.5/dist/commonjs/layout/lib/Stack.d.ts +0 -27
  251. package/ts3.5/dist/commonjs/layout/lib/utils/flex.d.ts +0 -36
  252. package/ts3.5/dist/commonjs/layout/lib/utils/getValidChildren.d.ts +0 -3
  253. package/ts3.5/dist/commonjs/layout/lib/utils/stack.d.ts +0 -26
  254. package/ts3.5/dist/commonjs/layout/lib/utils/types.d.ts +0 -8
  255. package/ts3.5/dist/commonjs/search-form/index.d.ts +0 -3
  256. package/ts3.5/dist/commonjs/search-form/lib/SearchForm.d.ts +0 -103
  257. package/ts3.5/dist/commonjs/search-form/lib/themes.d.ts +0 -21
  258. package/ts3.5/dist/es6/combobox/index.d.ts +0 -5
  259. package/ts3.5/dist/es6/combobox/lib/AutocompleteList.d.ts +0 -32
  260. package/ts3.5/dist/es6/combobox/lib/Combobox.d.ts +0 -64
  261. package/ts3.5/dist/es6/combobox/lib/Status.d.ts +0 -11
  262. package/ts3.5/dist/es6/common/index.d.ts +0 -12
  263. package/ts3.5/dist/es6/common/lib/Box.d.ts +0 -31
  264. package/ts3.5/dist/es6/common/lib/storybook-utils/ComponentStatesTable.d.ts +0 -26
  265. package/ts3.5/dist/es6/common/lib/storybook-utils/permutateProps.d.ts +0 -5
  266. package/ts3.5/dist/es6/common/lib/storybook-utils/propTypes.d.ts +0 -15
  267. package/ts3.5/dist/es6/common/lib/theming/index.d.ts +0 -3
  268. package/ts3.5/dist/es6/common/lib/theming/useThemeRTL.d.ts +0 -36
  269. package/ts3.5/dist/es6/common/lib/theming/useThemedRing.d.ts +0 -11
  270. package/ts3.5/dist/es6/common/lib/utils/border.d.ts +0 -103
  271. package/ts3.5/dist/es6/common/lib/utils/color.d.ts +0 -26
  272. package/ts3.5/dist/es6/common/lib/utils/depth.d.ts +0 -22
  273. package/ts3.5/dist/es6/common/lib/utils/flexItem.d.ts +0 -33
  274. package/ts3.5/dist/es6/common/lib/utils/layout.d.ts +0 -43
  275. package/ts3.5/dist/es6/common/lib/utils/other.d.ts +0 -5
  276. package/ts3.5/dist/es6/common/lib/utils/position.d.ts +0 -41
  277. package/ts3.5/dist/es6/common/lib/utils/space.d.ts +0 -64
  278. package/ts3.5/dist/es6/common/lib/utils/types.d.ts +0 -14
  279. package/ts3.5/dist/es6/drawer/index.d.ts +0 -6
  280. package/ts3.5/dist/es6/drawer/lib/Drawer.d.ts +0 -49
  281. package/ts3.5/dist/es6/drawer/lib/DrawerHeader.d.ts +0 -38
  282. package/ts3.5/dist/es6/header/index.d.ts +0 -9
  283. package/ts3.5/dist/es6/header/lib/GlobalHeader.d.ts +0 -38
  284. package/ts3.5/dist/es6/header/lib/Header.d.ts +0 -76
  285. package/ts3.5/dist/es6/header/lib/parts/DubLogoTitle.d.ts +0 -30
  286. package/ts3.5/dist/es6/header/lib/parts/WorkdayLogoTitle.d.ts +0 -31
  287. package/ts3.5/dist/es6/header/lib/parts/index.d.ts +0 -3
  288. package/ts3.5/dist/es6/header/lib/shared/themes.d.ts +0 -43
  289. package/ts3.5/dist/es6/header/lib/shared/types.d.ts +0 -15
  290. package/ts3.5/dist/es6/index.d.ts +0 -7
  291. package/ts3.5/dist/es6/layout/index.d.ts +0 -5
  292. package/ts3.5/dist/es6/layout/lib/Flex.d.ts +0 -26
  293. package/ts3.5/dist/es6/layout/lib/Stack.d.ts +0 -27
  294. package/ts3.5/dist/es6/layout/lib/utils/flex.d.ts +0 -36
  295. package/ts3.5/dist/es6/layout/lib/utils/getValidChildren.d.ts +0 -3
  296. package/ts3.5/dist/es6/layout/lib/utils/stack.d.ts +0 -26
  297. package/ts3.5/dist/es6/layout/lib/utils/types.d.ts +0 -8
  298. package/ts3.5/dist/es6/search-form/index.d.ts +0 -3
  299. package/ts3.5/dist/es6/search-form/lib/SearchForm.d.ts +0 -103
  300. package/ts3.5/dist/es6/search-form/lib/themes.d.ts +0 -21
@@ -1,22 +0,0 @@
1
- import { depth as depthTokens } from '@workday/canvas-kit-react/tokens';
2
- export declare type DepthTokens = typeof depthTokens;
3
- export declare type DepthTokenKeys = keyof DepthTokens;
4
- export declare type DepthTokenValues = DepthTokens[keyof DepthTokens];
5
- /** style props to for depth styles */
6
- export declare type DepthStyleProps = {
7
- /** sets depth styles (box-shadow & border) */
8
- depth?: DepthTokenKeys;
9
- };
10
- /**
11
- * A style prop function that takes components props and returns depth styles from canvas token values.
12
- * If no `DepthStyleProps` are found, it returns an empty object.
13
- *
14
- * @example
15
- * // You'll mostly likely use `depth` with low-level, styled components
16
- * const BoxExample = () => (
17
- * <Box depth={3}>Hello, box shadows!</Box>
18
- * );
19
- *
20
- */
21
- export declare function depth<P extends DepthStyleProps>(props: P): DepthTokenValues;
22
- //# sourceMappingURL=depth.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"depth.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/depth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,IAAI,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAEtE,oBAAY,WAAW,GAAG,OAAO,WAAW,CAAC;AAC7C,oBAAY,cAAc,GAAG,MAAM,WAAW,CAAC;AAC/C,oBAAY,gBAAgB,GAAG,WAAW,CAAC,MAAM,WAAW,CAAC,CAAC;AAE9D,sCAAsC;AACtC,oBAAY,eAAe,GAAG;IAC5B,8CAA8C;IAC9C,KAAK,CAAC,EAAE,cAAc,CAAC;CACxB,CAAC;AAMF;;;;;;;;;;GAUG;AACH,wBAAgB,KAAK,CAAC,CAAC,SAAS,eAAe,EAAE,KAAK,EAAE,CAAC,GAAG,gBAAgB,CAS3E"}
@@ -1,25 +0,0 @@
1
- import { depth as depthTokens } from '@workday/canvas-kit-react/tokens';
2
- var depthProps = {
3
- depth: function (token) { return depthTokens[token]; },
4
- };
5
- /**
6
- * A style prop function that takes components props and returns depth styles from canvas token values.
7
- * If no `DepthStyleProps` are found, it returns an empty object.
8
- *
9
- * @example
10
- * // You'll mostly likely use `depth` with low-level, styled components
11
- * const BoxExample = () => (
12
- * <Box depth={3}>Hello, box shadows!</Box>
13
- * );
14
- *
15
- */
16
- export function depth(props) {
17
- for (var key in props) {
18
- if (key in depthProps) {
19
- var token = props[key];
20
- var depthFn = depthProps[key];
21
- return depthFn(token);
22
- }
23
- }
24
- return {};
25
- }
@@ -1,33 +0,0 @@
1
- import { PropertyJustifySelf, PropertyAlignSelf, PropertyOrder } from './types';
2
- /** style props to for flexbox item properties */
3
- export declare type FlexItemStyleProps = {
4
- /** sets `flex` property */
5
- flex?: number | string;
6
- /** sets `flex-grow` property */
7
- flexGrow?: number | string;
8
- /** sets `flex-shrink` property */
9
- flexShrink?: number | string;
10
- /** sets `flex-basis` property */
11
- flexBasis?: number | string;
12
- /** sets `justify-self` property */
13
- justifySelf?: PropertyJustifySelf;
14
- /** sets `align-self` property */
15
- alignSelf?: PropertyAlignSelf;
16
- /** sets `order` property */
17
- order?: PropertyOrder;
18
- };
19
- /**
20
- * A style prop function that takes component props and returns flexbox item styles.
21
- * If no `FlexItemStyleProps` are found, it returns an empty object.
22
- *
23
- * @example
24
- * // You'll most likely use `flexItem` with low-level, styled components
25
- * const FlexItemExample = () => (
26
- * <Box flex={1} flexBasis="auto" alignSelf={center}>
27
- * Hello, flex item!
28
- * </Box>
29
- * );
30
- *
31
- */
32
- export declare function flexItem<P extends FlexItemStyleProps>(props: P): {};
33
- //# sourceMappingURL=flexItem.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"flexItem.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/flexItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAE,iBAAiB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AAE9E,iDAAiD;AACjD,oBAAY,kBAAkB,GAAG;IAC/B,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,mCAAmC;IACnC,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,iCAAiC;IACjC,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,4BAA4B;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAaF;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,kBAAkB,EAAE,KAAK,EAAE,CAAC,MAW9D"}
@@ -1,35 +0,0 @@
1
- /** style props to for flexbox item properties */
2
- var flexItemProps = {
3
- flex: 'flex',
4
- flexGrow: 'flexGrow',
5
- flexShrink: 'flexShrink',
6
- flexBasis: 'flexBasis',
7
- justifySelf: 'justifySelf',
8
- alignSelf: 'alignSelf',
9
- order: 'order',
10
- };
11
- /**
12
- * A style prop function that takes component props and returns flexbox item styles.
13
- * If no `FlexItemStyleProps` are found, it returns an empty object.
14
- *
15
- * @example
16
- * // You'll most likely use `flexItem` with low-level, styled components
17
- * const FlexItemExample = () => (
18
- * <Box flex={1} flexBasis="auto" alignSelf={center}>
19
- * Hello, flex item!
20
- * </Box>
21
- * );
22
- *
23
- */
24
- export function flexItem(props) {
25
- var styles = {};
26
- for (var key in props) {
27
- if (key in flexItemProps) {
28
- var attr = flexItemProps[key];
29
- var value = props[key];
30
- // @ts-ignore TS doesn't like adding a potentially unknown key to an object, but because we own this object, it's fine.
31
- styles[attr] = value;
32
- }
33
- }
34
- return styles;
35
- }
@@ -1,43 +0,0 @@
1
- import { PropertyDisplay, PropertyListStyle, PropertyOverflow, PropertyOverflowX, PropertyOverflowY, PropertyVerticalAlign } from './types';
2
- /** style props to for layout properties */
3
- export declare type LayoutStyleProps = {
4
- /** sets `display` property */
5
- display?: PropertyDisplay;
6
- /** sets `height` property */
7
- height?: number | string;
8
- /** sets `list-style property */
9
- listStyle?: PropertyListStyle;
10
- /** sets `max-height` property */
11
- maxHeight?: number | string;
12
- /** sets `max-width` property */
13
- maxWidth?: number | string;
14
- /** sets `min-height` property */
15
- minHeight?: number | string;
16
- /** sets `min-width` property */
17
- minWidth?: number | string;
18
- /** sets `overflow` property */
19
- overflow?: PropertyOverflow;
20
- /** sets `overflow-x` property */
21
- overflowX?: PropertyOverflowX;
22
- /** sets `overflow-y` property */
23
- overflowY?: PropertyOverflowY;
24
- /** sets `vertical-align` property */
25
- verticalAlign?: PropertyVerticalAlign;
26
- /** sets `width` property */
27
- width?: number | string;
28
- };
29
- /**
30
- * A style prop function that takes components props and returns layout styles.
31
- * If no `LayoutStyleProps` are found, it returns an empty object.
32
- *
33
- * @example
34
- * // You'll most likely use `layout` with low-level, styled components
35
- * const BoxExample = () => (
36
- * <Box display="inline-block" height="50%">
37
- * Hello, positions!
38
- * </Box>
39
- * );
40
- *
41
- */
42
- export declare function layout<P extends LayoutStyleProps>(props: P): {};
43
- //# sourceMappingURL=layout.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/layout.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAEjB,2CAA2C;AAC3C,oBAAY,gBAAgB,GAAG;IAC7B,8BAA8B;IAC9B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,gCAAgC;IAChC,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,iCAAiC;IACjC,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,iCAAiC;IACjC,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,qCAAqC;IACrC,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB,CAAC;AAiBF;;;;;;;;;;;;GAYG;AACH,wBAAgB,MAAM,CAAC,CAAC,SAAS,gBAAgB,EAAE,KAAK,EAAE,CAAC,MAW1D"}
@@ -1,39 +0,0 @@
1
- var layoutProps = {
2
- display: 'display',
3
- height: 'height',
4
- listStyle: 'listStyle',
5
- maxHeight: 'maxHeight',
6
- maxWidth: 'maxWidth',
7
- minHeight: 'minHeight',
8
- minWidth: 'minWidth',
9
- overflow: 'overflow',
10
- overflowX: 'overflowX',
11
- overflowY: 'overflowY',
12
- verticalAlign: 'verticalAlign',
13
- width: 'width',
14
- };
15
- /**
16
- * A style prop function that takes components props and returns layout styles.
17
- * If no `LayoutStyleProps` are found, it returns an empty object.
18
- *
19
- * @example
20
- * // You'll most likely use `layout` with low-level, styled components
21
- * const BoxExample = () => (
22
- * <Box display="inline-block" height="50%">
23
- * Hello, positions!
24
- * </Box>
25
- * );
26
- *
27
- */
28
- export function layout(props) {
29
- var styles = {};
30
- for (var key in props) {
31
- if (key in layoutProps) {
32
- var attr = layoutProps[key];
33
- var value = props[key];
34
- // @ts-ignore TS doesn't like adding a potentially unknown key to an object, but because we own this object, it's fine.
35
- styles[attr] = value;
36
- }
37
- }
38
- return styles;
39
- }
@@ -1,5 +0,0 @@
1
- export declare type OtherStyleProps = {
2
- animation?: string;
3
- };
4
- export declare function other<P extends OtherStyleProps>(props: P): {};
5
- //# sourceMappingURL=other.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"other.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/other.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAQF,wBAAgB,KAAK,CAAC,CAAC,SAAS,eAAe,EAAE,KAAK,EAAE,CAAC,MASxD"}
@@ -1,15 +0,0 @@
1
- var otherProps = {
2
- animation: function (value) {
3
- return { animation: value };
4
- },
5
- };
6
- export function other(props) {
7
- for (var key in props) {
8
- if (key in otherProps) {
9
- var value = props[key];
10
- var styleFn = otherProps[key];
11
- return styleFn(value);
12
- }
13
- }
14
- return {};
15
- }
@@ -1,41 +0,0 @@
1
- import { PartialEmotionCanvasTheme } from '@workday/canvas-kit-react/common';
2
- import { PropertyPosition, PropertyZIndex } from './types';
3
- /** style props to for standard position properties */
4
- export declare type PositionStandardProps = {
5
- /** sets `position` property */
6
- position?: PropertyPosition;
7
- /** sets `zIndex` property */
8
- zIndex?: PropertyZIndex;
9
- /** sets `top` property */
10
- top?: number | string;
11
- /** sets `right` property (no bidirectional support) */
12
- right?: number | string;
13
- /** sets `bottom` property */
14
- bottom?: number | string;
15
- /** sets `left` property (no bidirectional support) */
16
- left?: number | string;
17
- };
18
- export declare type PositionLogicalProps = {
19
- /** sets `left` property (bidirectional support) */
20
- insetInlineStart?: number | string;
21
- /** sets `right` property (bidirectional support) */
22
- insetInlineEnd?: number | string;
23
- };
24
- export declare type PositionStyleProps = PositionStandardProps & PositionLogicalProps;
25
- /**
26
- * A style prop function that takes components props and returns position styles.
27
- * If no `PositionProps` are found, it returns an empty object.
28
- *
29
- * @example
30
- * // You'll most likely use `position` with low-level, styled components
31
- * const BoxExample = () => (
32
- * <Box position="absolute" top="50%">
33
- * Hello, positions!
34
- * </Box>
35
- * );
36
- *
37
- */
38
- export declare function position<P extends PositionStyleProps & {
39
- theme?: PartialEmotionCanvasTheme;
40
- }>(props: P): {};
41
- //# sourceMappingURL=position.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"position.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/position.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,yBAAyB,EAE1B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,gBAAgB,EAAE,cAAc,EAAC,MAAM,SAAS,CAAC;AAEzD,sDAAsD;AACtD,oBAAY,qBAAqB,GAAG;IAClC,gCAAgC;IAChC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,8BAA8B;IAC9B,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,2BAA2B;IAC3B,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,CAAC;AAEF,oBAAY,oBAAoB,GAAG;IACjC,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnC,oDAAoD;IACpD,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAClC,CAAC;AA0BF,oBAAY,kBAAkB,GAAG,qBAAqB,GAAG,oBAAoB,CAAC;AAE9E;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,kBAAkB,GAAG;IAAC,KAAK,CAAC,EAAE,yBAAyB,CAAA;CAAC,EACzF,KAAK,EAAE,CAAC,MAyBT"}
@@ -1,74 +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 { ContentDirection, useTheme, } from '@workday/canvas-kit-react/common';
13
- var getInsetInlineStartStyle = function (value, isRTL) {
14
- var _a;
15
- if (isRTL === void 0) { isRTL = false; }
16
- var attr = isRTL ? 'right' : 'left';
17
- return _a = {}, _a[attr] = value, _a;
18
- };
19
- var getInsetInlineEndStyle = function (value, isRTL) {
20
- var _a;
21
- if (isRTL === void 0) { isRTL = false; }
22
- var attr = isRTL ? 'left' : 'right';
23
- return _a = {}, _a[attr] = value, _a;
24
- };
25
- var standardPositionProps = {
26
- position: 'position',
27
- zIndex: 'zIndex',
28
- top: 'top',
29
- right: 'right',
30
- bottom: 'bottom',
31
- left: 'left',
32
- };
33
- var logicalPositionProps = {
34
- insetInlineStart: getInsetInlineStartStyle,
35
- insetInlineEnd: getInsetInlineEndStyle,
36
- };
37
- /**
38
- * A style prop function that takes components props and returns position styles.
39
- * If no `PositionProps` are found, it returns an empty object.
40
- *
41
- * @example
42
- * // You'll most likely use `position` with low-level, styled components
43
- * const BoxExample = () => (
44
- * <Box position="absolute" top="50%">
45
- * Hello, positions!
46
- * </Box>
47
- * );
48
- *
49
- */
50
- export function position(props) {
51
- // position will always be used within the context of a component, but eslint doesn't know that
52
- // eslint-disable-next-line react-hooks/rules-of-hooks
53
- var canvas = useTheme(props.theme).canvas;
54
- var styles = {};
55
- for (var key in props) {
56
- if (key in props) {
57
- if (key in standardPositionProps) {
58
- var value = props[key];
59
- var attr = standardPositionProps[key];
60
- // @ts-ignore TS doesn't like adding a potentially unknown key to an object, but because we own this object, it's fine.
61
- styles[attr] = value;
62
- continue;
63
- }
64
- if (key in logicalPositionProps) {
65
- var value = props[key];
66
- var styleFn = logicalPositionProps[key];
67
- var isRTL = canvas.direction === ContentDirection.RTL;
68
- var style = styleFn(value, isRTL);
69
- styles = __assign(__assign({}, styles), style);
70
- }
71
- }
72
- }
73
- return styles;
74
- }
@@ -1,64 +0,0 @@
1
- import { PartialEmotionCanvasTheme } from '@workday/canvas-kit-react/common';
2
- import { CanvasSpaceKeys } from '@workday/canvas-kit-react/tokens';
3
- declare type SpacePropValues = CanvasSpaceKeys | number | (string & {});
4
- /** These props automatically adjust for bidirectionality (LTR & RTL) */
5
- export declare type SpaceLogicalProps = {
6
- /** sets margin-left property (bidirectional support) */
7
- marginInlineStart?: SpacePropValues;
8
- /** sets margin-right property (bidirectional support) */
9
- marginInlineEnd?: SpacePropValues;
10
- /** sets padding-left property (bidirectional support) */
11
- paddingInlineStart?: SpacePropValues;
12
- /** sets padding-right property (bidirectional support) */
13
- paddingInlineEnd?: SpacePropValues;
14
- };
15
- /** These props do not adjust for bidirectionality (LTR & RTL) */
16
- export declare type SpaceStandardProps = {
17
- /** sets margin property */
18
- margin?: SpacePropValues;
19
- /** sets margin-left and margin-right properties */
20
- marginX?: SpacePropValues;
21
- /** sets margin-top and margin-bottom properties */
22
- marginY?: SpacePropValues;
23
- /** sets margin-top property */
24
- marginTop?: SpacePropValues;
25
- /** sets margin-right property (no bidirectional support) */
26
- marginRight?: SpacePropValues;
27
- /** sets margin-bottom property */
28
- marginBottom?: SpacePropValues;
29
- /** sets margin-left property (no bidirectional support) */
30
- marginLeft?: SpacePropValues;
31
- /** sets padding property */
32
- padding?: SpacePropValues;
33
- /** sets padding-left and margin-right properties */
34
- paddingX?: SpacePropValues;
35
- /** sets padding-top and padding-bottom properties */
36
- paddingY?: SpacePropValues;
37
- /** sets padding-top property */
38
- paddingTop?: SpacePropValues;
39
- /** sets padding-right property (no bidirectional support) */
40
- paddingRight?: SpacePropValues;
41
- /** sets padding-bottom */
42
- paddingBottom?: SpacePropValues;
43
- /** sets padding-left property (no bidirectional support) */
44
- paddingLeft?: SpacePropValues;
45
- };
46
- export declare type SpaceStyleProps = SpaceStandardProps & SpaceLogicalProps;
47
- /**
48
- * A style prop function that takes component props and returns space styles.
49
- * If no `SpaceStyleProps` are found, it returns an empty object.
50
- *
51
- * @example
52
- * // You'll most likely use `space` with low-level, styled components
53
- * const BoxExample = () => (
54
- * <Box padding="xs" margin="m">
55
- * Hello, space!
56
- * </Box>
57
- * );
58
- *
59
- */
60
- export declare function space<P extends SpaceStyleProps & {
61
- theme?: PartialEmotionCanvasTheme;
62
- }>(props: P): {};
63
- export {};
64
- //# sourceMappingURL=space.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"space.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/space.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,yBAAyB,EAE1B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAoC,eAAe,EAAC,MAAM,kCAAkC,CAAC;AAEpG,aAAK,eAAe,GAAG,eAAe,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAEhE,wEAAwE;AACxE,oBAAY,iBAAiB,GAAG;IAC9B,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,eAAe,CAAC;IACpC,yDAAyD;IACzD,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,yDAAyD;IACzD,kBAAkB,CAAC,EAAE,eAAe,CAAC;IACrC,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,eAAe,CAAC;CACpC,CAAC;AAEF,iEAAiE;AACjE,oBAAY,kBAAkB,GAAG;IAC/B,2BAA2B;IAC3B,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,mDAAmD;IACnD,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,mDAAmD;IACnD,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,4DAA4D;IAC5D,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,kCAAkC;IAClC,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,2DAA2D;IAC3D,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,4BAA4B;IAC5B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,oDAAoD;IACpD,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,qDAAqD;IACrD,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,gCAAgC;IAChC,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,6DAA6D;IAC7D,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,0BAA0B;IAC1B,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,4DAA4D;IAC5D,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B,CAAC;AAEF,oBAAY,eAAe,GAAG,kBAAkB,GAAG,iBAAiB,CAAC;AAoHrE;;;;;;;;;;;;GAYG;AACH,wBAAgB,KAAK,CAAC,CAAC,SAAS,eAAe,GAAG;IAAC,KAAK,CAAC,EAAE,yBAAyB,CAAA;CAAC,EAAE,KAAK,EAAE,CAAC,MAwB9F"}
@@ -1,157 +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 { ContentDirection, useTheme, } from '@workday/canvas-kit-react/common';
13
- import { space as spaceTokens } from '@workday/canvas-kit-react/tokens';
14
- var margin = function (value) {
15
- return { margin: spaceTokens[value] || value };
16
- };
17
- var marginX = function (value) {
18
- return {
19
- marginLeft: spaceTokens[value] || value,
20
- marginRight: spaceTokens[value] || value,
21
- };
22
- };
23
- var marginY = function (value) {
24
- return {
25
- marginTop: spaceTokens[value] || value,
26
- marginBottom: spaceTokens[value] || value,
27
- };
28
- };
29
- var marginTop = function (value) {
30
- return {
31
- marginTop: spaceTokens[value] || value,
32
- };
33
- };
34
- var marginRight = function (value, isRTL) {
35
- var _a;
36
- if (isRTL === void 0) { isRTL = false; }
37
- var attr = isRTL ? 'marginLeft' : 'marginRight';
38
- return _a = {},
39
- _a[attr] = spaceTokens[value] || value,
40
- _a;
41
- };
42
- var marginBottom = function (value) {
43
- return {
44
- marginBottom: spaceTokens[value] || value,
45
- };
46
- };
47
- var marginLeft = function (value, isRTL) {
48
- var _a;
49
- if (isRTL === void 0) { isRTL = false; }
50
- var attr = isRTL ? 'marginRight' : 'marginLeft';
51
- return _a = {},
52
- _a[attr] = spaceTokens[value] || value,
53
- _a;
54
- };
55
- var padding = function (value) {
56
- return {
57
- padding: spaceTokens[value] || value,
58
- };
59
- };
60
- var paddingX = function (value) {
61
- return {
62
- paddingLeft: spaceTokens[value] || value,
63
- paddingRight: spaceTokens[value] || value,
64
- };
65
- };
66
- var paddingY = function (value) {
67
- return {
68
- paddingTop: spaceTokens[value] || value,
69
- paddingBottom: spaceTokens[value] || value,
70
- };
71
- };
72
- var paddingTop = function (value) {
73
- return {
74
- paddingTop: spaceTokens[value] || value,
75
- };
76
- };
77
- var paddingRight = function (value, isRTL) {
78
- var _a;
79
- if (isRTL === void 0) { isRTL = false; }
80
- var attr = isRTL ? 'paddingLeft' : 'paddingRight';
81
- return _a = {},
82
- _a[attr] = spaceTokens[value] || value,
83
- _a;
84
- };
85
- var paddingBottom = function (value) {
86
- return {
87
- paddingBottom: spaceTokens[value] || value,
88
- };
89
- };
90
- var paddingLeft = function (value, isRTL) {
91
- var _a;
92
- if (isRTL === void 0) { isRTL = false; }
93
- var attr = isRTL ? 'paddingRight' : 'paddingLeft';
94
- return _a = {},
95
- _a[attr] = spaceTokens[value] || value,
96
- _a;
97
- };
98
- var logicalSpaceStyleProps = {
99
- marginInlineStart: marginLeft,
100
- marginInlineEnd: marginRight,
101
- paddingInlineStart: paddingLeft,
102
- paddingInlineEnd: paddingRight,
103
- };
104
- var standardSpaceStyleProps = {
105
- margin: margin,
106
- marginX: marginX,
107
- marginY: marginY,
108
- marginTop: marginTop,
109
- marginRight: marginRight,
110
- marginBottom: marginBottom,
111
- marginLeft: marginLeft,
112
- padding: padding,
113
- paddingX: paddingX,
114
- paddingY: paddingY,
115
- paddingTop: paddingTop,
116
- paddingRight: paddingRight,
117
- paddingBottom: paddingBottom,
118
- paddingLeft: paddingLeft,
119
- };
120
- /**
121
- * A style prop function that takes component props and returns space styles.
122
- * If no `SpaceStyleProps` are found, it returns an empty object.
123
- *
124
- * @example
125
- * // You'll most likely use `space` with low-level, styled components
126
- * const BoxExample = () => (
127
- * <Box padding="xs" margin="m">
128
- * Hello, space!
129
- * </Box>
130
- * );
131
- *
132
- */
133
- export function space(props) {
134
- // space will always be used within the context of a component, but eslint doesn't know that
135
- // eslint-disable-next-line react-hooks/rules-of-hooks
136
- var canvas = useTheme(props.theme).canvas;
137
- var styles = {};
138
- for (var key in props) {
139
- if (props.hasOwnProperty(key)) {
140
- if (key in standardSpaceStyleProps) {
141
- var value = props[key];
142
- var spaceFn = standardSpaceStyleProps[key];
143
- var style = spaceFn(value);
144
- styles = __assign(__assign({}, styles), style);
145
- continue;
146
- }
147
- if (key in logicalSpaceStyleProps) {
148
- var value = props[key];
149
- var spaceFn = logicalSpaceStyleProps[key];
150
- var isRTL = canvas.direction === ContentDirection.RTL;
151
- var style = spaceFn(value, isRTL);
152
- styles = __assign(__assign({}, styles), style);
153
- }
154
- }
155
- }
156
- return styles;
157
- }
@@ -1,14 +0,0 @@
1
- import { Globals, GlobalsNumber, SelfPosition, DisplayOutside, DisplayInside, DisplayInternal, DisplayLegacy, LineStyle } from 'csstype';
2
- export declare type PropertyBorder = Globals | LineStyle | (string & {});
3
- export declare type PropertyJustifySelf = Globals | SelfPosition | 'auto' | 'baseline' | 'left' | 'normal' | 'right' | 'stretch' | (string & {});
4
- export declare type PropertyAlignSelf = Globals | SelfPosition | 'auto' | 'baseline' | 'normal' | 'stretch' | (string & {});
5
- export declare type PropertyOrder = GlobalsNumber;
6
- export declare type PropertyDisplay = Globals | DisplayOutside | DisplayInside | DisplayInternal | DisplayLegacy | 'contents' | 'list-item' | 'none' | (string & {});
7
- export declare type PropertyListStyle = Globals | 'inside' | 'none' | 'outside' | (string & {});
8
- export declare type PropertyOverflow = Globals | '-moz-hidden-unscrollable' | 'auto' | 'clip' | 'hidden' | 'scroll' | 'visible' | (string & {});
9
- export declare type PropertyOverflowX = Globals | '-moz-hidden-unscrollable' | 'auto' | 'clip' | 'hidden' | 'scroll' | 'visible';
10
- export declare type PropertyOverflowY = Globals | '-moz-hidden-unscrollable' | 'auto' | 'clip' | 'hidden' | 'scroll' | 'visible';
11
- export declare type PropertyVerticalAlign = Globals | 'baseline' | 'bottom' | 'middle' | 'sub' | 'super' | 'text-bottom' | 'text-top' | 'top' | (string & {});
12
- export declare type PropertyPosition = Globals | '-webkit-sticky' | 'absolute' | 'fixed' | 'relative' | 'static' | 'sticky';
13
- export declare type PropertyZIndex = GlobalsNumber | 'auto';
14
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,cAAc,EACd,aAAa,EACb,eAAe,EACf,aAAa,EACb,SAAS,EACV,MAAM,SAAS,CAAC;AAMjB,oBAAY,cAAc,GAAG,OAAO,GAAG,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAGjE,oBAAY,mBAAmB,GAC3B,OAAO,GACP,YAAY,GACZ,MAAM,GACN,UAAU,GACV,MAAM,GACN,QAAQ,GACR,OAAO,GACP,SAAS,GACT,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAElB,oBAAY,iBAAiB,GACzB,OAAO,GACP,YAAY,GACZ,MAAM,GACN,UAAU,GACV,QAAQ,GACR,SAAS,GACT,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAElB,oBAAY,aAAa,GAAG,aAAa,CAAC;AAG1C,oBAAY,eAAe,GACvB,OAAO,GACP,cAAc,GACd,aAAa,GACb,eAAe,GACf,aAAa,GACb,UAAU,GACV,WAAW,GACX,MAAM,GACN,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAElB,oBAAY,iBAAiB,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAExF,oBAAY,gBAAgB,GACxB,OAAO,GACP,0BAA0B,GAC1B,MAAM,GACN,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAElB,oBAAY,iBAAiB,GACzB,OAAO,GACP,0BAA0B,GAC1B,MAAM,GACN,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,SAAS,CAAC;AAEd,oBAAY,iBAAiB,GACzB,OAAO,GACP,0BAA0B,GAC1B,MAAM,GACN,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,SAAS,CAAC;AAEd,oBAAY,qBAAqB,GAC7B,OAAO,GACP,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,KAAK,GACL,OAAO,GACP,aAAa,GACb,UAAU,GACV,KAAK,GACL,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAGlB,oBAAY,gBAAgB,GACxB,OAAO,GACP,gBAAgB,GAChB,UAAU,GACV,OAAO,GACP,UAAU,GACV,QAAQ,GACR,QAAQ,CAAC;AAEb,oBAAY,cAAc,GAAG,aAAa,GAAG,MAAM,CAAC"}
@@ -1 +0,0 @@
1
- export {};
@@ -1,9 +0,0 @@
1
- import DeprecatedHeader from './lib/Header';
2
- import DeprecatedGlobalHeader from './lib/GlobalHeader';
3
- export default DeprecatedHeader;
4
- export { DeprecatedHeader };
5
- export { DeprecatedGlobalHeader };
6
- export * from './lib/parts';
7
- export * from './lib/shared/themes';
8
- export * from './lib/shared/types';
9
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../header/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,cAAc,CAAC;AAC5C,OAAO,sBAAsB,MAAM,oBAAoB,CAAC;AAExD,eAAe,gBAAgB,CAAC;AAChC,OAAO,EAAC,gBAAgB,EAAC,CAAC;AAC1B,OAAO,EAAC,sBAAsB,EAAC,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC"}
@@ -1,8 +0,0 @@
1
- import DeprecatedHeader from './lib/Header';
2
- import DeprecatedGlobalHeader from './lib/GlobalHeader';
3
- export default DeprecatedHeader;
4
- export { DeprecatedHeader };
5
- export { DeprecatedGlobalHeader };
6
- export * from './lib/parts';
7
- export * from './lib/shared/themes';
8
- export * from './lib/shared/types';