@workday/canvas-kit-labs-react 6.8.8 → 6.9.0-next.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (323) hide show
  1. package/combobox/README.md +1 -1
  2. package/combobox/lib/Combobox.tsx +12 -14
  3. package/common/README.md +10 -4
  4. package/common/index.ts +0 -8
  5. package/dist/commonjs/combobox/index.js +12 -4
  6. package/dist/commonjs/combobox/lib/AutocompleteList.d.ts.map +1 -1
  7. package/dist/commonjs/combobox/lib/AutocompleteList.js +19 -7
  8. package/dist/commonjs/combobox/lib/Combobox.d.ts +3 -4
  9. package/dist/commonjs/combobox/lib/Combobox.d.ts.map +1 -1
  10. package/dist/commonjs/combobox/lib/Combobox.js +31 -19
  11. package/dist/commonjs/combobox/lib/Status.d.ts.map +1 -1
  12. package/dist/commonjs/combobox/lib/Status.js +14 -2
  13. package/dist/commonjs/common/index.d.ts +0 -8
  14. package/dist/commonjs/common/index.d.ts.map +1 -1
  15. package/dist/commonjs/common/index.js +14 -7
  16. package/dist/commonjs/common/lib/storybook-utils/ComponentStatesTable.d.ts.map +1 -1
  17. package/dist/commonjs/common/lib/storybook-utils/ComponentStatesTable.js +3 -1
  18. package/dist/commonjs/common/lib/storybook-utils/permutateProps.d.ts.map +1 -1
  19. package/dist/commonjs/common/lib/storybook-utils/permutateProps.js +3 -1
  20. package/dist/commonjs/common/lib/theming/index.js +12 -5
  21. package/dist/commonjs/common/lib/theming/useThemeRTL.d.ts.map +1 -1
  22. package/dist/commonjs/common/lib/theming/useThemeRTL.js +1 -0
  23. package/dist/commonjs/common/lib/theming/useThemedRing.d.ts +1 -1
  24. package/dist/commonjs/common/lib/theming/useThemedRing.d.ts.map +1 -1
  25. package/dist/commonjs/common/lib/theming/useThemedRing.js +3 -1
  26. package/dist/commonjs/drawer/index.js +12 -4
  27. package/dist/commonjs/drawer/lib/Drawer.js +21 -8
  28. package/dist/commonjs/drawer/lib/DrawerHeader.js +22 -10
  29. package/dist/commonjs/index.d.ts +0 -2
  30. package/dist/commonjs/index.d.ts.map +1 -1
  31. package/dist/commonjs/index.js +14 -9
  32. package/dist/commonjs/search-form/index.js +12 -5
  33. package/dist/commonjs/search-form/lib/SearchForm.d.ts +3 -2
  34. package/dist/commonjs/search-form/lib/SearchForm.d.ts.map +1 -1
  35. package/dist/commonjs/search-form/lib/SearchForm.js +35 -28
  36. package/dist/commonjs/search-form/lib/themes.d.ts.map +1 -1
  37. package/dist/commonjs/search-form/lib/themes.js +1 -0
  38. package/dist/es6/combobox/lib/AutocompleteList.d.ts.map +1 -1
  39. package/dist/es6/combobox/lib/Combobox.d.ts +3 -4
  40. package/dist/es6/combobox/lib/Combobox.d.ts.map +1 -1
  41. package/dist/es6/combobox/lib/Combobox.js +6 -9
  42. package/dist/es6/combobox/lib/Status.d.ts.map +1 -1
  43. package/dist/es6/common/index.d.ts +0 -8
  44. package/dist/es6/common/index.d.ts.map +1 -1
  45. package/dist/es6/common/index.js +0 -1
  46. package/dist/es6/common/lib/storybook-utils/ComponentStatesTable.d.ts.map +1 -1
  47. package/dist/es6/common/lib/storybook-utils/permutateProps.d.ts.map +1 -1
  48. package/dist/es6/common/lib/storybook-utils/propTypes.js +1 -0
  49. package/dist/es6/common/lib/theming/useThemeRTL.d.ts.map +1 -1
  50. package/dist/es6/common/lib/theming/useThemedRing.d.ts +1 -1
  51. package/dist/es6/common/lib/theming/useThemedRing.d.ts.map +1 -1
  52. package/dist/es6/drawer/lib/Drawer.js +1 -1
  53. package/dist/es6/drawer/lib/DrawerHeader.js +4 -4
  54. package/dist/es6/index.d.ts +0 -2
  55. package/dist/es6/index.d.ts.map +1 -1
  56. package/dist/es6/index.js +0 -2
  57. package/dist/es6/search-form/lib/SearchForm.d.ts +3 -2
  58. package/dist/es6/search-form/lib/SearchForm.d.ts.map +1 -1
  59. package/dist/es6/search-form/lib/SearchForm.js +16 -22
  60. package/dist/es6/search-form/lib/themes.d.ts.map +1 -1
  61. package/drawer/lib/DrawerHeader.tsx +3 -3
  62. package/index.ts +0 -2
  63. package/package.json +12 -22
  64. package/search-form/lib/SearchForm.tsx +21 -39
  65. package/search-form/lib/themes.ts +2 -1
  66. package/common/lib/Box.tsx +0 -87
  67. package/common/lib/utils/border.ts +0 -263
  68. package/common/lib/utils/color.ts +0 -62
  69. package/common/lib/utils/depth.ts +0 -37
  70. package/common/lib/utils/flexItem.ts +0 -56
  71. package/common/lib/utils/layout.ts +0 -77
  72. package/common/lib/utils/position.ts +0 -96
  73. package/common/lib/utils/space.ts +0 -207
  74. package/common/lib/utils/types.ts +0 -105
  75. package/dist/commonjs/common/lib/Box.d.ts +0 -30
  76. package/dist/commonjs/common/lib/Box.d.ts.map +0 -1
  77. package/dist/commonjs/common/lib/Box.js +0 -85
  78. package/dist/commonjs/common/lib/utils/border.d.ts +0 -103
  79. package/dist/commonjs/common/lib/utils/border.d.ts.map +0 -1
  80. package/dist/commonjs/common/lib/utils/border.js +0 -152
  81. package/dist/commonjs/common/lib/utils/color.d.ts +0 -26
  82. package/dist/commonjs/common/lib/utils/color.d.ts.map +0 -1
  83. package/dist/commonjs/common/lib/utils/color.js +0 -56
  84. package/dist/commonjs/common/lib/utils/depth.d.ts +0 -22
  85. package/dist/commonjs/common/lib/utils/depth.d.ts.map +0 -1
  86. package/dist/commonjs/common/lib/utils/depth.js +0 -28
  87. package/dist/commonjs/common/lib/utils/flexItem.d.ts +0 -33
  88. package/dist/commonjs/common/lib/utils/flexItem.d.ts.map +0 -1
  89. package/dist/commonjs/common/lib/utils/flexItem.js +0 -38
  90. package/dist/commonjs/common/lib/utils/layout.d.ts +0 -43
  91. package/dist/commonjs/common/lib/utils/layout.d.ts.map +0 -1
  92. package/dist/commonjs/common/lib/utils/layout.js +0 -42
  93. package/dist/commonjs/common/lib/utils/position.d.ts +0 -41
  94. package/dist/commonjs/common/lib/utils/position.d.ts.map +0 -1
  95. package/dist/commonjs/common/lib/utils/position.js +0 -77
  96. package/dist/commonjs/common/lib/utils/space.d.ts +0 -64
  97. package/dist/commonjs/common/lib/utils/space.d.ts.map +0 -1
  98. package/dist/commonjs/common/lib/utils/space.js +0 -160
  99. package/dist/commonjs/common/lib/utils/types.d.ts +0 -14
  100. package/dist/commonjs/common/lib/utils/types.d.ts.map +0 -1
  101. package/dist/commonjs/common/lib/utils/types.js +0 -2
  102. package/dist/commonjs/header/index.d.ts +0 -9
  103. package/dist/commonjs/header/index.d.ts.map +0 -1
  104. package/dist/commonjs/header/index.js +0 -16
  105. package/dist/commonjs/header/lib/GlobalHeader.d.ts +0 -38
  106. package/dist/commonjs/header/lib/GlobalHeader.d.ts.map +0 -1
  107. package/dist/commonjs/header/lib/GlobalHeader.js +0 -74
  108. package/dist/commonjs/header/lib/Header.d.ts +0 -76
  109. package/dist/commonjs/header/lib/Header.d.ts.map +0 -1
  110. package/dist/commonjs/header/lib/Header.js +0 -321
  111. package/dist/commonjs/header/lib/parts/DubLogoTitle.d.ts +0 -30
  112. package/dist/commonjs/header/lib/parts/DubLogoTitle.d.ts.map +0 -1
  113. package/dist/commonjs/header/lib/parts/DubLogoTitle.js +0 -105
  114. package/dist/commonjs/header/lib/parts/WorkdayLogoTitle.d.ts +0 -31
  115. package/dist/commonjs/header/lib/parts/WorkdayLogoTitle.d.ts.map +0 -1
  116. package/dist/commonjs/header/lib/parts/WorkdayLogoTitle.js +0 -124
  117. package/dist/commonjs/header/lib/parts/index.d.ts +0 -3
  118. package/dist/commonjs/header/lib/parts/index.d.ts.map +0 -1
  119. package/dist/commonjs/header/lib/parts/index.js +0 -6
  120. package/dist/commonjs/header/lib/shared/themes.d.ts +0 -43
  121. package/dist/commonjs/header/lib/shared/themes.d.ts.map +0 -1
  122. package/dist/commonjs/header/lib/shared/themes.js +0 -62
  123. package/dist/commonjs/header/lib/shared/types.d.ts +0 -15
  124. package/dist/commonjs/header/lib/shared/types.d.ts.map +0 -1
  125. package/dist/commonjs/header/lib/shared/types.js +0 -19
  126. package/dist/commonjs/layout/index.d.ts +0 -5
  127. package/dist/commonjs/layout/index.d.ts.map +0 -1
  128. package/dist/commonjs/layout/index.js +0 -7
  129. package/dist/commonjs/layout/lib/Flex.d.ts +0 -26
  130. package/dist/commonjs/layout/lib/Flex.d.ts.map +0 -1
  131. package/dist/commonjs/layout/lib/Flex.js +0 -70
  132. package/dist/commonjs/layout/lib/Stack.d.ts +0 -27
  133. package/dist/commonjs/layout/lib/Stack.d.ts.map +0 -1
  134. package/dist/commonjs/layout/lib/Stack.js +0 -86
  135. package/dist/commonjs/layout/lib/utils/flex.d.ts +0 -36
  136. package/dist/commonjs/layout/lib/utils/flex.d.ts.map +0 -1
  137. package/dist/commonjs/layout/lib/utils/flex.js +0 -37
  138. package/dist/commonjs/layout/lib/utils/getValidChildren.d.ts +0 -3
  139. package/dist/commonjs/layout/lib/utils/getValidChildren.d.ts.map +0 -1
  140. package/dist/commonjs/layout/lib/utils/getValidChildren.js +0 -16
  141. package/dist/commonjs/layout/lib/utils/stack.d.ts +0 -26
  142. package/dist/commonjs/layout/lib/utils/stack.d.ts.map +0 -1
  143. package/dist/commonjs/layout/lib/utils/stack.js +0 -54
  144. package/dist/commonjs/layout/lib/utils/types.d.ts +0 -8
  145. package/dist/commonjs/layout/lib/utils/types.d.ts.map +0 -1
  146. package/dist/commonjs/layout/lib/utils/types.js +0 -2
  147. package/dist/es6/common/lib/Box.d.ts +0 -30
  148. package/dist/es6/common/lib/Box.d.ts.map +0 -1
  149. package/dist/es6/common/lib/Box.js +0 -73
  150. package/dist/es6/common/lib/utils/border.d.ts +0 -103
  151. package/dist/es6/common/lib/utils/border.d.ts.map +0 -1
  152. package/dist/es6/common/lib/utils/border.js +0 -149
  153. package/dist/es6/common/lib/utils/color.d.ts +0 -26
  154. package/dist/es6/common/lib/utils/color.d.ts.map +0 -1
  155. package/dist/es6/common/lib/utils/color.js +0 -53
  156. package/dist/es6/common/lib/utils/depth.d.ts +0 -22
  157. package/dist/es6/common/lib/utils/depth.d.ts.map +0 -1
  158. package/dist/es6/common/lib/utils/depth.js +0 -25
  159. package/dist/es6/common/lib/utils/flexItem.d.ts +0 -33
  160. package/dist/es6/common/lib/utils/flexItem.d.ts.map +0 -1
  161. package/dist/es6/common/lib/utils/flexItem.js +0 -35
  162. package/dist/es6/common/lib/utils/layout.d.ts +0 -43
  163. package/dist/es6/common/lib/utils/layout.d.ts.map +0 -1
  164. package/dist/es6/common/lib/utils/layout.js +0 -39
  165. package/dist/es6/common/lib/utils/position.d.ts +0 -41
  166. package/dist/es6/common/lib/utils/position.d.ts.map +0 -1
  167. package/dist/es6/common/lib/utils/position.js +0 -74
  168. package/dist/es6/common/lib/utils/space.d.ts +0 -64
  169. package/dist/es6/common/lib/utils/space.d.ts.map +0 -1
  170. package/dist/es6/common/lib/utils/space.js +0 -157
  171. package/dist/es6/common/lib/utils/types.d.ts +0 -14
  172. package/dist/es6/common/lib/utils/types.d.ts.map +0 -1
  173. package/dist/es6/common/lib/utils/types.js +0 -0
  174. package/dist/es6/header/index.d.ts +0 -9
  175. package/dist/es6/header/index.d.ts.map +0 -1
  176. package/dist/es6/header/index.js +0 -8
  177. package/dist/es6/header/lib/GlobalHeader.d.ts +0 -38
  178. package/dist/es6/header/lib/GlobalHeader.d.ts.map +0 -1
  179. package/dist/es6/header/lib/GlobalHeader.js +0 -62
  180. package/dist/es6/header/lib/Header.d.ts +0 -76
  181. package/dist/es6/header/lib/Header.d.ts.map +0 -1
  182. package/dist/es6/header/lib/Header.js +0 -309
  183. package/dist/es6/header/lib/parts/DubLogoTitle.d.ts +0 -30
  184. package/dist/es6/header/lib/parts/DubLogoTitle.d.ts.map +0 -1
  185. package/dist/es6/header/lib/parts/DubLogoTitle.js +0 -93
  186. package/dist/es6/header/lib/parts/WorkdayLogoTitle.d.ts +0 -31
  187. package/dist/es6/header/lib/parts/WorkdayLogoTitle.d.ts.map +0 -1
  188. package/dist/es6/header/lib/parts/WorkdayLogoTitle.js +0 -112
  189. package/dist/es6/header/lib/parts/index.d.ts +0 -3
  190. package/dist/es6/header/lib/parts/index.d.ts.map +0 -1
  191. package/dist/es6/header/lib/parts/index.js +0 -2
  192. package/dist/es6/header/lib/shared/themes.d.ts +0 -43
  193. package/dist/es6/header/lib/shared/themes.d.ts.map +0 -1
  194. package/dist/es6/header/lib/shared/themes.js +0 -57
  195. package/dist/es6/header/lib/shared/types.d.ts +0 -15
  196. package/dist/es6/header/lib/shared/types.d.ts.map +0 -1
  197. package/dist/es6/header/lib/shared/types.js +0 -17
  198. package/dist/es6/layout/index.d.ts +0 -5
  199. package/dist/es6/layout/index.d.ts.map +0 -1
  200. package/dist/es6/layout/index.js +0 -2
  201. package/dist/es6/layout/lib/Flex.d.ts +0 -26
  202. package/dist/es6/layout/lib/Flex.d.ts.map +0 -1
  203. package/dist/es6/layout/lib/Flex.js +0 -58
  204. package/dist/es6/layout/lib/Stack.d.ts +0 -27
  205. package/dist/es6/layout/lib/Stack.d.ts.map +0 -1
  206. package/dist/es6/layout/lib/Stack.js +0 -74
  207. package/dist/es6/layout/lib/utils/flex.d.ts +0 -36
  208. package/dist/es6/layout/lib/utils/flex.d.ts.map +0 -1
  209. package/dist/es6/layout/lib/utils/flex.js +0 -34
  210. package/dist/es6/layout/lib/utils/getValidChildren.d.ts +0 -3
  211. package/dist/es6/layout/lib/utils/getValidChildren.d.ts.map +0 -1
  212. package/dist/es6/layout/lib/utils/getValidChildren.js +0 -6
  213. package/dist/es6/layout/lib/utils/stack.d.ts +0 -26
  214. package/dist/es6/layout/lib/utils/stack.d.ts.map +0 -1
  215. package/dist/es6/layout/lib/utils/stack.js +0 -51
  216. package/dist/es6/layout/lib/utils/types.d.ts +0 -8
  217. package/dist/es6/layout/lib/utils/types.d.ts.map +0 -1
  218. package/dist/es6/layout/lib/utils/types.js +0 -0
  219. package/header/LICENSE +0 -51
  220. package/header/README.md +0 -359
  221. package/header/index.ts +0 -9
  222. package/header/lib/GlobalHeader.tsx +0 -73
  223. package/header/lib/Header.tsx +0 -429
  224. package/header/lib/parts/DubLogoTitle.tsx +0 -99
  225. package/header/lib/parts/WorkdayLogoTitle.tsx +0 -120
  226. package/header/lib/parts/index.ts +0 -2
  227. package/header/lib/shared/themes.tsx +0 -97
  228. package/header/lib/shared/types.tsx +0 -16
  229. package/header/package.json +0 -5
  230. package/layout/LICENSE +0 -52
  231. package/layout/README.md +0 -16
  232. package/layout/index.ts +0 -4
  233. package/layout/lib/Flex.tsx +0 -47
  234. package/layout/lib/Stack.tsx +0 -113
  235. package/layout/lib/utils/flex.ts +0 -65
  236. package/layout/lib/utils/getValidChildren.ts +0 -7
  237. package/layout/lib/utils/stack.ts +0 -78
  238. package/layout/lib/utils/types.ts +0 -45
  239. package/layout/package.json +0 -5
  240. package/ts3.5/dist/commonjs/combobox/index.d.ts +0 -5
  241. package/ts3.5/dist/commonjs/combobox/lib/AutocompleteList.d.ts +0 -32
  242. package/ts3.5/dist/commonjs/combobox/lib/Combobox.d.ts +0 -64
  243. package/ts3.5/dist/commonjs/combobox/lib/Status.d.ts +0 -11
  244. package/ts3.5/dist/commonjs/common/index.d.ts +0 -12
  245. package/ts3.5/dist/commonjs/common/lib/Box.d.ts +0 -30
  246. package/ts3.5/dist/commonjs/common/lib/storybook-utils/ComponentStatesTable.d.ts +0 -26
  247. package/ts3.5/dist/commonjs/common/lib/storybook-utils/permutateProps.d.ts +0 -5
  248. package/ts3.5/dist/commonjs/common/lib/storybook-utils/propTypes.d.ts +0 -15
  249. package/ts3.5/dist/commonjs/common/lib/theming/index.d.ts +0 -3
  250. package/ts3.5/dist/commonjs/common/lib/theming/useThemeRTL.d.ts +0 -36
  251. package/ts3.5/dist/commonjs/common/lib/theming/useThemedRing.d.ts +0 -11
  252. package/ts3.5/dist/commonjs/common/lib/utils/border.d.ts +0 -103
  253. package/ts3.5/dist/commonjs/common/lib/utils/color.d.ts +0 -26
  254. package/ts3.5/dist/commonjs/common/lib/utils/depth.d.ts +0 -22
  255. package/ts3.5/dist/commonjs/common/lib/utils/flexItem.d.ts +0 -33
  256. package/ts3.5/dist/commonjs/common/lib/utils/layout.d.ts +0 -43
  257. package/ts3.5/dist/commonjs/common/lib/utils/position.d.ts +0 -41
  258. package/ts3.5/dist/commonjs/common/lib/utils/space.d.ts +0 -64
  259. package/ts3.5/dist/commonjs/common/lib/utils/types.d.ts +0 -14
  260. package/ts3.5/dist/commonjs/drawer/index.d.ts +0 -6
  261. package/ts3.5/dist/commonjs/drawer/lib/Drawer.d.ts +0 -49
  262. package/ts3.5/dist/commonjs/drawer/lib/DrawerHeader.d.ts +0 -38
  263. package/ts3.5/dist/commonjs/header/index.d.ts +0 -9
  264. package/ts3.5/dist/commonjs/header/lib/GlobalHeader.d.ts +0 -38
  265. package/ts3.5/dist/commonjs/header/lib/Header.d.ts +0 -76
  266. package/ts3.5/dist/commonjs/header/lib/parts/DubLogoTitle.d.ts +0 -30
  267. package/ts3.5/dist/commonjs/header/lib/parts/WorkdayLogoTitle.d.ts +0 -31
  268. package/ts3.5/dist/commonjs/header/lib/parts/index.d.ts +0 -3
  269. package/ts3.5/dist/commonjs/header/lib/shared/themes.d.ts +0 -43
  270. package/ts3.5/dist/commonjs/header/lib/shared/types.d.ts +0 -15
  271. package/ts3.5/dist/commonjs/index.d.ts +0 -7
  272. package/ts3.5/dist/commonjs/layout/index.d.ts +0 -5
  273. package/ts3.5/dist/commonjs/layout/lib/Flex.d.ts +0 -26
  274. package/ts3.5/dist/commonjs/layout/lib/Stack.d.ts +0 -27
  275. package/ts3.5/dist/commonjs/layout/lib/utils/flex.d.ts +0 -36
  276. package/ts3.5/dist/commonjs/layout/lib/utils/getValidChildren.d.ts +0 -3
  277. package/ts3.5/dist/commonjs/layout/lib/utils/stack.d.ts +0 -26
  278. package/ts3.5/dist/commonjs/layout/lib/utils/types.d.ts +0 -8
  279. package/ts3.5/dist/commonjs/search-form/index.d.ts +0 -3
  280. package/ts3.5/dist/commonjs/search-form/lib/SearchForm.d.ts +0 -107
  281. package/ts3.5/dist/commonjs/search-form/lib/themes.d.ts +0 -21
  282. package/ts3.5/dist/es6/combobox/index.d.ts +0 -5
  283. package/ts3.5/dist/es6/combobox/lib/AutocompleteList.d.ts +0 -32
  284. package/ts3.5/dist/es6/combobox/lib/Combobox.d.ts +0 -64
  285. package/ts3.5/dist/es6/combobox/lib/Status.d.ts +0 -11
  286. package/ts3.5/dist/es6/common/index.d.ts +0 -12
  287. package/ts3.5/dist/es6/common/lib/Box.d.ts +0 -30
  288. package/ts3.5/dist/es6/common/lib/storybook-utils/ComponentStatesTable.d.ts +0 -26
  289. package/ts3.5/dist/es6/common/lib/storybook-utils/permutateProps.d.ts +0 -5
  290. package/ts3.5/dist/es6/common/lib/storybook-utils/propTypes.d.ts +0 -15
  291. package/ts3.5/dist/es6/common/lib/theming/index.d.ts +0 -3
  292. package/ts3.5/dist/es6/common/lib/theming/useThemeRTL.d.ts +0 -36
  293. package/ts3.5/dist/es6/common/lib/theming/useThemedRing.d.ts +0 -11
  294. package/ts3.5/dist/es6/common/lib/utils/border.d.ts +0 -103
  295. package/ts3.5/dist/es6/common/lib/utils/color.d.ts +0 -26
  296. package/ts3.5/dist/es6/common/lib/utils/depth.d.ts +0 -22
  297. package/ts3.5/dist/es6/common/lib/utils/flexItem.d.ts +0 -33
  298. package/ts3.5/dist/es6/common/lib/utils/layout.d.ts +0 -43
  299. package/ts3.5/dist/es6/common/lib/utils/position.d.ts +0 -41
  300. package/ts3.5/dist/es6/common/lib/utils/space.d.ts +0 -64
  301. package/ts3.5/dist/es6/common/lib/utils/types.d.ts +0 -14
  302. package/ts3.5/dist/es6/drawer/index.d.ts +0 -6
  303. package/ts3.5/dist/es6/drawer/lib/Drawer.d.ts +0 -49
  304. package/ts3.5/dist/es6/drawer/lib/DrawerHeader.d.ts +0 -38
  305. package/ts3.5/dist/es6/header/index.d.ts +0 -9
  306. package/ts3.5/dist/es6/header/lib/GlobalHeader.d.ts +0 -38
  307. package/ts3.5/dist/es6/header/lib/Header.d.ts +0 -76
  308. package/ts3.5/dist/es6/header/lib/parts/DubLogoTitle.d.ts +0 -30
  309. package/ts3.5/dist/es6/header/lib/parts/WorkdayLogoTitle.d.ts +0 -31
  310. package/ts3.5/dist/es6/header/lib/parts/index.d.ts +0 -3
  311. package/ts3.5/dist/es6/header/lib/shared/themes.d.ts +0 -43
  312. package/ts3.5/dist/es6/header/lib/shared/types.d.ts +0 -15
  313. package/ts3.5/dist/es6/index.d.ts +0 -7
  314. package/ts3.5/dist/es6/layout/index.d.ts +0 -5
  315. package/ts3.5/dist/es6/layout/lib/Flex.d.ts +0 -26
  316. package/ts3.5/dist/es6/layout/lib/Stack.d.ts +0 -27
  317. package/ts3.5/dist/es6/layout/lib/utils/flex.d.ts +0 -36
  318. package/ts3.5/dist/es6/layout/lib/utils/getValidChildren.d.ts +0 -3
  319. package/ts3.5/dist/es6/layout/lib/utils/stack.d.ts +0 -26
  320. package/ts3.5/dist/es6/layout/lib/utils/types.d.ts +0 -8
  321. package/ts3.5/dist/es6/search-form/index.d.ts +0 -3
  322. package/ts3.5/dist/es6/search-form/lib/SearchForm.d.ts +0 -107
  323. package/ts3.5/dist/es6/search-form/lib/themes.d.ts +0 -21
@@ -1,38 +0,0 @@
1
- import * as React from 'react';
2
- export interface GlobalHeaderProps {
3
- /**
4
- * The custom brand node of the GlobalHeader. This React node replaces the dub logo and title.
5
- * @default DubLogoTitle
6
- */
7
- brand?: React.ReactNode;
8
- /**
9
- * The custom menu toggle node of the GlobalHeader. This React node replaces the default menu toggle.
10
- */
11
- menuToggle?: React.ReactNode;
12
- /**
13
- * The function called when the responsive menu icon is clicked.
14
- */
15
- onMenuClick?: (e: React.MouseEvent) => void;
16
- /**
17
- * If true, render the GlobalHeader in collapsed mode.
18
- * @default false
19
- */
20
- isCollapsed?: boolean;
21
- /**
22
- * The React element to render in the left slot of the GlobalHeader. This is typically a SearchForm component.
23
- */
24
- leftSlot?: React.ReactElement;
25
- }
26
- /**
27
- * ### Deprecated Global Header
28
- *
29
- * As of Canvas Kit v6, this component is being soft-deprecated.
30
- * It will be hard-deprecated (completely removed) in v7. Please see the
31
- * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
32
- * for more information.
33
- */
34
- export default class DeprecatedGlobalHeader extends React.Component<GlobalHeaderProps> {
35
- componentDidMount(): void;
36
- render(): JSX.Element;
37
- }
38
- //# sourceMappingURL=GlobalHeader.d.ts.map
@@ -1,76 +0,0 @@
1
- import * as React from 'react';
2
- import { DeprecatedHeaderTheme, DeprecatedHeaderVariant } from './shared/types';
3
- export interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {
4
- /**
5
- * The custom menu toggle node of the Header. This React node replaces the default menu toggle.
6
- */
7
- menuToggle?: React.ReactNode;
8
- /**
9
- * The theme of the Header. Accepts `White`, `Blue`, or `Transparent`.
10
- * @default DeprecatedHeaderTheme.White
11
- */
12
- themeColor?: DeprecatedHeaderTheme;
13
- /**
14
- * The variant of the Header. Accepts `Dub` (small) or `Full` (large).
15
- * @default DeprecatedHeaderVariant.Dub
16
- */
17
- variant?: DeprecatedHeaderVariant;
18
- /**
19
- * The text of the Header title. Not used if `brand` is provided.
20
- */
21
- title?: string;
22
- /**
23
- * The custom brand node of the Header. This React node replaces the dub logo and title.
24
- */
25
- brand?: React.ReactNode;
26
- /**
27
- * The url of the Header logo link.
28
- */
29
- brandUrl?: string;
30
- /**
31
- * If true, center the Header navigation. If false, right-align the Header navigation.
32
- * @default false
33
- */
34
- centeredNav?: boolean;
35
- /**
36
- * The function called when the responsive menu icon is clicked.
37
- */
38
- onMenuClick?: (e: React.MouseEvent) => void;
39
- /**
40
- * The React element to render in the left slot of the Header. This is typically a SearchForm component.
41
- */
42
- leftSlot?: React.ReactElement;
43
- /**
44
- * If true, render the Header in collapsed mode.
45
- * @default false
46
- */
47
- isCollapsed?: boolean;
48
- }
49
- /**
50
- * ### Deprecated Header
51
- *
52
- * As of Canvas Kit v6, this component is being soft-deprecated.
53
- * It will be hard-deprecated (completely removed) in v7. Please see the
54
- * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
55
- * for more information.
56
- */
57
- export default class Header extends React.Component<HeaderProps, {}> {
58
- static Theme: typeof DeprecatedHeaderTheme;
59
- static Variant: typeof DeprecatedHeaderVariant;
60
- componentDidMount(): void;
61
- /**
62
- * Helper that recursively maps ReactNodes to their theme-based equivalent.
63
- * Any children that are included in a Header may need to undergo transformation
64
- * before stamped out in render().
65
- *
66
- * E.g. <SystemIcon> components need to have the appropriate `color` and `colorHover`
67
- * props set based on the theme.
68
- *
69
- * @param children From props.children of a React component
70
- *
71
- * @returns {React.ReactNode} The child/children to be rendered
72
- */
73
- private renderChildren;
74
- render(): JSX.Element;
75
- }
76
- //# sourceMappingURL=Header.d.ts.map
@@ -1,30 +0,0 @@
1
- import * as React from 'react';
2
- import { DeprecatedHeaderTheme } from '../shared/types';
3
- export declare type DubTitleProps = {
4
- /**
5
- * The theme of the DubLogoTitle. Accepts `White`, `Blue`, or `Transparent`.
6
- * @default DeprecatedHeaderTheme.White
7
- */
8
- themeColor?: DeprecatedHeaderTheme;
9
- /**
10
- * The text of the DubLogoTitle. Not used if `brand` is provided.
11
- */
12
- title?: string;
13
- /**
14
- * The background color/gradient behind the DubLogoTitle logo.
15
- */
16
- bgColor?: string;
17
- };
18
- /**
19
- * ### Deprecated Dub Logo Title
20
- *
21
- * As of Canvas Kit v6, this component is being soft-deprecated.
22
- * It will be hard-deprecated (completely removed) in v7. Please see the
23
- * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
24
- * for more information.
25
- */
26
- export declare class DeprecatedDubLogoTitle extends React.Component<DubTitleProps> {
27
- componentDidMount(): void;
28
- render(): JSX.Element;
29
- }
30
- //# sourceMappingURL=DubLogoTitle.d.ts.map
@@ -1,31 +0,0 @@
1
- import * as React from 'react';
2
- import { DeprecatedHeaderTheme, DeprecatedHeaderVariant } from '../shared/types';
3
- export declare type WorkdayLogoTitleProps = {
4
- /**
5
- * The theme of the WorkdayLogoTitle. Accepts `White`, `Blue`, or `Transparent`.
6
- * @default DeprecatedHeaderTheme.White
7
- */
8
- themeColor?: DeprecatedHeaderTheme;
9
- /**
10
- * The text of the WorkdayLogoTitle. Not used if `brand` is provided.
11
- * @default ''
12
- */
13
- title?: string;
14
- /**
15
- * The variant of the WorkdayLogoTitle.
16
- */
17
- variant?: DeprecatedHeaderVariant;
18
- };
19
- /**
20
- * ### Deprecated Workday Logo Title
21
- *
22
- * As of Canvas Kit v6, this component is being soft-deprecated.
23
- * It will be hard-deprecated (completely removed) in v7. Please see the
24
- * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
25
- * for more information.
26
- */
27
- export declare class DeprecatedWorkdayLogoTitle extends React.Component<WorkdayLogoTitleProps> {
28
- componentDidMount(): void;
29
- render(): JSX.Element;
30
- }
31
- //# sourceMappingURL=WorkdayLogoTitle.d.ts.map
@@ -1,3 +0,0 @@
1
- export { DeprecatedDubLogoTitle } from './DubLogoTitle';
2
- export { DeprecatedWorkdayLogoTitle } from './WorkdayLogoTitle';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1,43 +0,0 @@
1
- import { CSSProperties } from '@workday/canvas-kit-react/tokens';
2
- /**
3
- * ### Deprecated Header Theme Attributes Interface
4
- *
5
- * As of Canvas Kit v6, this type interface is being soft-deprecated along with the rest of the labs/header package.
6
- * It will be hard-deprecated (completely removed) in v7. Please see the
7
- * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
8
- * for more information.
9
- */
10
- export interface DeprecatedHeaderThemeAttributes {
11
- color: string;
12
- background: string;
13
- depth: CSSProperties;
14
- systemIcon: {
15
- color: string;
16
- colorHover: string;
17
- };
18
- linkColor: string;
19
- linkFadeOutColor: string;
20
- currentLinkColor: string;
21
- chipColor: string;
22
- }
23
- /**
24
- * ### Deprecated Header Themes Interface
25
- *
26
- * As of Canvas Kit v6, this type interface is being soft-deprecated along with the rest of the labs/header package.
27
- * It will be hard-deprecated (completely removed) in v7. Please see the
28
- * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
29
- * for more information.
30
- */
31
- export interface DeprecatedHeaderThemes {
32
- [key: string]: DeprecatedHeaderThemeAttributes;
33
- }
34
- /**
35
- * ### Deprecated Header Themes
36
- *
37
- * As of Canvas Kit v6, this theme object is being soft-deprecated along with the rest of the labs/header package.
38
- * It will be hard-deprecated (completely removed) in v7. Please see the
39
- * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
40
- * for more information.
41
- */
42
- export declare const deprecatedHeaderThemes: DeprecatedHeaderThemes;
43
- //# sourceMappingURL=themes.d.ts.map
@@ -1,15 +0,0 @@
1
- export declare enum DeprecatedHeaderTheme {
2
- White = 0,
3
- Blue = 1,
4
- Transparent = 2
5
- }
6
- export declare enum DeprecatedHeaderVariant {
7
- Dub = 0,
8
- Full = 1,
9
- Global = 2
10
- }
11
- export declare enum DeprecatedHeaderHeight {
12
- Small = "64px",
13
- Large = "80px"
14
- }
15
- //# sourceMappingURL=types.d.ts.map
@@ -1,7 +0,0 @@
1
- export * from './combobox';
2
- export * from './common';
3
- export * from './drawer';
4
- export * from './header';
5
- export * from './layout';
6
- export * from './search-form';
7
- //# sourceMappingURL=index.d.ts.map
@@ -1,5 +0,0 @@
1
- export * from './lib/Flex';
2
- export * from './lib/Stack';
3
- export { FlexStyleProps } from './lib/utils/flex';
4
- export { StackSpacing, StackDirection, StackStyleProps } from './lib/utils/stack';
5
- //# sourceMappingURL=index.d.ts.map
@@ -1,26 +0,0 @@
1
- import { BoxProps } from '@workday/canvas-kit-labs-react/common';
2
- import { FlexStyleProps } from './utils/flex';
3
- export declare type FlexProps = BoxProps & FlexStyleProps;
4
- /**
5
- * `Flex` is a low-level layout component that provides a common, ergonomic API for applying CSS flexbox styles.
6
- * It is highly flexible, and can be used on its own or to build other components.
7
- * `Flex` is built on top of `Box` and has access to all `BoxProps`.
8
- *
9
- * @example
10
- * import { Flex, FlexProps } from '@workday/canvas-kit-labs-react/layout';
11
- *
12
- * interface CardProps extends FlexProps {
13
- * // card-specific props
14
- * }
15
- *
16
- * // `Card`'s default values are set using `FlexProps`
17
- * const Card = (props: CardProps) => (
18
- * <Flex flexDirection="column" alignItems="flex-start" depth={2} space="m" {...props}>
19
- * <h1>Hello, Card!</h1>
20
- * <p>This card uses flexbox to set its layout.</p>
21
- * </Flex>
22
- * );
23
- *
24
- */
25
- export declare const Flex: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps & FlexStyleProps>;
26
- //# sourceMappingURL=Flex.d.ts.map
@@ -1,27 +0,0 @@
1
- import { FlexProps } from './Flex';
2
- import { StackStyleProps } from './utils/stack';
3
- export declare type StackProps = FlexProps & StackStyleProps;
4
- export declare const Stack: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps & import("..").FlexStyleProps & StackStyleProps> & {
5
- Item: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps>;
6
- };
7
- export declare type HStackProps = Pick<StackProps, Exclude<keyof StackProps, 'flexDirection'>> & {
8
- /**
9
- * sets the direction for the stack
10
- * @default "row"
11
- * */
12
- flexDirection?: 'row' | 'row-reverse';
13
- };
14
- export declare const HStack: import("@workday/canvas-kit-react/common").ElementComponent<"div", HStackProps> & {
15
- Item: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps>;
16
- };
17
- export declare type VStackProps = Pick<StackProps, Exclude<keyof StackProps, 'flexDirection'>> & {
18
- /**
19
- * sets the direction for the stack
20
- * @default "column"
21
- * */
22
- flexDirection?: 'column' | 'column-reverse';
23
- };
24
- export declare const VStack: import("@workday/canvas-kit-react/common").ElementComponent<"div", VStackProps> & {
25
- Item: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps>;
26
- };
27
- //# sourceMappingURL=Stack.d.ts.map
@@ -1,36 +0,0 @@
1
- import { PropertyAlignItems, PropertyAlignContent, PropertyJustifyItems, PropertyJustifyContent, PropertyFlexWrap, PropertyFlexDirection } from './types';
2
- /** style props to for flexbox container properties */
3
- export declare type FlexStyleProps = {
4
- /** sets `align-items` property */
5
- alignItems?: PropertyAlignItems;
6
- /** sets `align-content` property */
7
- alignContent?: PropertyAlignContent;
8
- /**
9
- * sets `display` property
10
- * @default 'flex'
11
- * */
12
- display?: 'flex' | 'inline-flex';
13
- /** sets `justify-items` property */
14
- justifyItems?: PropertyJustifyItems;
15
- /** sets `justify-content` property */
16
- justifyContent?: PropertyJustifyContent;
17
- /** sets `flex-wrap` property */
18
- flexWrap?: PropertyFlexWrap;
19
- /** sets `flex-direction` property */
20
- flexDirection?: PropertyFlexDirection;
21
- };
22
- /**
23
- * A style prop function that takes component props and returns flexbox styles.
24
- * If no `FlexStyleProps` are found, it returns an empty object.
25
- *
26
- * @example
27
- * // You'll most likely use `flex` with low-level, styled components
28
- * const FlexExample = () => (
29
- * <Flex justifyContent="center" alignItems="center">
30
- * Hello, flex!
31
- * </Flex>
32
- * );
33
- *
34
- */
35
- export declare function flex<P extends FlexStyleProps>(props: P): {};
36
- //# sourceMappingURL=flex.d.ts.map
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- export declare function getValidChildren(children: React.ReactNode): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>[];
3
- //# sourceMappingURL=getValidChildren.d.ts.map
@@ -1,26 +0,0 @@
1
- import { PartialEmotionCanvasTheme } from '@workday/canvas-kit-react/common';
2
- import { CanvasSpaceKeys } from '@workday/canvas-kit-react/tokens';
3
- export declare type StackDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
4
- declare const selector = "& > *:not(style) ~ *:not(style)";
5
- export declare type StackSpacing = CanvasSpaceKeys | number | (string & {});
6
- export declare type StackStyleProps = {
7
- /** sets space values between child elements (bidirectional support) */
8
- spacing: StackSpacing;
9
- /**
10
- * sets the direction for the stack
11
- * @default "row"
12
- * */
13
- flexDirection?: StackDirection;
14
- /**
15
- * when `true` wraps each child element in a `Stack.Item`
16
- * @default false
17
- * */
18
- shouldWrapChildren?: boolean;
19
- };
20
- export declare function stack<P extends StackStyleProps & {
21
- theme?: PartialEmotionCanvasTheme;
22
- }>(props: P): {
23
- "& > *:not(style) ~ *:not(style)": {};
24
- };
25
- export {};
26
- //# sourceMappingURL=stack.d.ts.map
@@ -1,8 +0,0 @@
1
- import { Globals, SelfPosition, ContentDistribution, ContentPosition } from 'csstype';
2
- export declare type PropertyAlignItems = Globals | SelfPosition | 'baseline' | 'normal' | 'stretch' | (string & {});
3
- export declare type PropertyAlignContent = Globals | ContentDistribution | ContentPosition | 'baseline' | 'normal' | (string & {});
4
- export declare type PropertyJustifyItems = Globals | SelfPosition | 'baseline' | 'left' | 'legacy' | 'normal' | 'right' | 'stretch' | (string & {});
5
- export declare type PropertyJustifyContent = Globals | ContentDistribution | ContentPosition | 'left' | 'normal' | 'right' | (string & {});
6
- export declare type PropertyFlexWrap = Globals | 'nowrap' | 'wrap' | 'wrap-reverse';
7
- export declare type PropertyFlexDirection = Globals | 'column' | 'column-reverse' | 'row' | 'row-reverse';
8
- //# sourceMappingURL=types.d.ts.map
@@ -1,3 +0,0 @@
1
- export * from './lib/SearchForm';
2
- export * from './lib/themes';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1,107 +0,0 @@
1
- import * as React from 'react';
2
- import { GrowthBehavior } from '@workday/canvas-kit-react/common';
3
- import { MenuItemProps } from '@workday/canvas-kit-preview-react/menu';
4
- import { SearchThemeAttributes, SearchTheme } from './themes';
5
- export interface SearchFormProps extends GrowthBehavior, React.FormHTMLAttributes<HTMLFormElement> {
6
- /**
7
- * The function called when the SearchForm form is submitted. The current input value is passed to the callback function.
8
- */
9
- onSubmit: React.FormEventHandler<HTMLFormElement>;
10
- /**
11
- * If true, collapse the SearchForm text input into a toggle icon. Useful for responsive layouts.
12
- * @default false
13
- */
14
- isCollapsed?: boolean;
15
- /**
16
- * The function called when the SearchForm text input changes.
17
- */
18
- onInputChange?: React.ChangeEventHandler<HTMLInputElement>;
19
- /**
20
- * The autocomplete items of the SearchForm. This array of menu items is shown under the search bar.
21
- */
22
- autocompleteItems?: React.ReactElement<MenuItemProps>[];
23
- /**
24
- * The theme of the header the search input is being rendered in.
25
- */
26
- searchTheme?: SearchTheme | SearchThemeAttributes;
27
- /**
28
- * The placeholder text of the SearchForm text input.
29
- * @default Search
30
- */
31
- placeholder?: string;
32
- /**
33
- * The initial value of the SearchForm text input.
34
- */
35
- initialValue?: string;
36
- /**
37
- * If true, right-align the SearchForm. If false, the text input should grow to left-align the SearchForm.
38
- * @default false
39
- */
40
- rightAlign?: boolean;
41
- /**
42
- * The screenreader label text for the SearchForm text input.
43
- * @default Search
44
- */
45
- inputLabel?: string;
46
- /**
47
- * The screenreader label text for the SearchForm submit button.
48
- * @default Search
49
- */
50
- submitAriaLabel?: string;
51
- /**
52
- * The screenreader label text for the SearchForm clear button.
53
- * @default Reset Search Form
54
- */
55
- clearButtonAriaLabel?: string;
56
- /**
57
- * The screenreader label text for the button to open the collapsed SearchForm.
58
- * @default Open Search
59
- */
60
- openButtonAriaLabel?: string;
61
- /**
62
- * The screenreader label text for the button to close the open SearchForm.
63
- * @default Cancel
64
- */
65
- closeButtonAriaLabel?: string;
66
- /**
67
- * If true, render the SearchForm with a button to clear the text input.
68
- * @default true
69
- */
70
- showClearButton?: boolean;
71
- /**
72
- * Height of the Search Form in pixels
73
- * @default 40
74
- */
75
- height?: number;
76
- /**
77
- * If true, allow onSubmit being called when input value is empty.
78
- * @default false
79
- */
80
- allowEmptyStringSearch?: boolean;
81
- }
82
- export interface SearchFormState {
83
- showForm: boolean;
84
- searchQuery: string;
85
- isFocused: boolean;
86
- }
87
- export declare class SearchForm extends React.Component<SearchFormProps, SearchFormState> {
88
- static Theme: typeof SearchTheme;
89
- private inputRef;
90
- private openRef;
91
- private labelId;
92
- state: Readonly<SearchFormState>;
93
- private getTheme;
94
- private getThemeColors;
95
- getIconButtonType: () => "circle" | "square" | "inverse" | "squareFilled" | "plain" | "circleFilled" | "inverseFilled" | undefined;
96
- handleSubmit: (event: React.FormEvent<HTMLFormElement>) => void;
97
- openCollapsedSearch: () => void;
98
- closeCollapsedSearch: () => void;
99
- componentDidUpdate(prevProps: SearchFormProps, prevState: SearchFormState): void;
100
- focusInput: () => void;
101
- focusOpen: () => void;
102
- handleFocus: () => void;
103
- handleBlur: () => void;
104
- handleSearchInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
105
- render(): JSX.Element;
106
- }
107
- //# sourceMappingURL=SearchForm.d.ts.map
@@ -1,21 +0,0 @@
1
- export declare enum SearchTheme {
2
- Light = 0,
3
- Dark = 1,
4
- Transparent = 2
5
- }
6
- export interface SearchThemeAttributes {
7
- background?: string;
8
- backgroundFocus?: string;
9
- backgroundHover?: string;
10
- color?: string;
11
- colorFocus?: string;
12
- placeholderColor?: string;
13
- placeholderColorFocus?: string;
14
- boxShadow?: string | string[];
15
- boxShadowFocus?: string | string[];
16
- }
17
- export interface SearchThemes {
18
- [key: string]: SearchThemeAttributes;
19
- }
20
- export declare const searchThemes: SearchThemes;
21
- //# sourceMappingURL=themes.d.ts.map
@@ -1,5 +0,0 @@
1
- import Combobox from './lib/Combobox';
2
- export default Combobox;
3
- export { Combobox };
4
- export * from './lib/Combobox';
5
- //# sourceMappingURL=index.d.ts.map
@@ -1,32 +0,0 @@
1
- import React from 'react';
2
- import { MenuItemProps } from '@workday/canvas-kit-preview-react/menu';
3
- import { ComboBoxMenuItemGroup } from './Combobox';
4
- interface AutocompleteListProps {
5
- /**
6
- * The autocomplete items of the Combobox. This array of menu items is shown under the text input.
7
- */
8
- autocompleteItems: React.ReactElement<MenuItemProps>[] | ComboBoxMenuItemGroup[];
9
- /**
10
- * Index of the active autocomplete item
11
- */
12
- selectedIndex: number | null;
13
- /**
14
- * The function called when an autocomplete item is selected
15
- */
16
- handleAutocompleteClick: (event: React.SyntheticEvent<Element, Event>, menuItemProps: MenuItemProps) => void;
17
- /**
18
- * The id of the form field.
19
- */
20
- labelId: string;
21
- /**
22
- * The id of the combobox.
23
- */
24
- comboboxId: string;
25
- /**
26
- * True when group changes via keyboard control
27
- */
28
- showGroupText: boolean;
29
- }
30
- declare const AutocompleteList: ({ autocompleteItems, comboboxId, selectedIndex, handleAutocompleteClick, labelId, showGroupText, }: AutocompleteListProps) => JSX.Element | null;
31
- export default AutocompleteList;
32
- //# sourceMappingURL=AutocompleteList.d.ts.map
@@ -1,64 +0,0 @@
1
- import React from 'react';
2
- import { GrowthBehavior } from '@workday/canvas-kit-react/common';
3
- import { MenuItemProps } from '@workday/canvas-kit-preview-react/menu';
4
- import { IconButtonProps } from '@workday/canvas-kit-react/button';
5
- import { TextInputProps } from '@workday/canvas-kit-react/text-input';
6
- export interface ComboBoxMenuItemGroup {
7
- header: React.ReactElement<MenuItemProps>;
8
- items: React.ReactElement<MenuItemProps>[];
9
- }
10
- export interface ComboboxProps extends GrowthBehavior, React.HTMLAttributes<HTMLElement> {
11
- /**
12
- * The TextInput child of the Combobox.
13
- */
14
- children: React.ReactElement<TextInputProps>;
15
- /**
16
- * The initial value of the Combobox.
17
- */
18
- initialValue?: string;
19
- /**
20
- * The variant of the Combobox clear button.
21
- * @default IconButton.Variant.Plain
22
- */
23
- clearButtonVariant?: IconButtonProps['variant'];
24
- /**
25
- * If true, render the Combobox with a button to clear the text input.
26
- * @default false
27
- */
28
- showClearButton?: boolean;
29
- /**
30
- * The `aria-label` for the Combobox clear button.
31
- * @default Reset Search Input
32
- */
33
- clearButtonAriaLabel?: string;
34
- /**
35
- * The autocomplete items of the Combobox. This array of menu items is shown under the text input.
36
- */
37
- autocompleteItems?: React.ReactElement<MenuItemProps>[] | ComboBoxMenuItemGroup[];
38
- /**
39
- * The function called when the Combobox text input changes.
40
- */
41
- onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
42
- /**
43
- * The function called when the Combobox text input focuses.
44
- */
45
- onFocus?: React.FocusEventHandler;
46
- /**
47
- * The function called when the Combobox text input blurs.
48
- */
49
- onBlur?: React.FocusEventHandler;
50
- /**
51
- * The id of the form field.
52
- */
53
- labelId?: string;
54
- /**
55
- * The text for screen readers announcing the autocomplete count
56
- */
57
- getStatusText?: (listCount: number) => string;
58
- }
59
- export declare const listBoxIdPart = "listbox";
60
- export declare const getOptionId: (baseId?: string | undefined, index?: number | undefined) => string;
61
- export declare const getTextFromElement: (children?: React.ReactNode) => string;
62
- declare const Combobox: ({ autocompleteItems, children, grow, initialValue, onChange, onFocus, onBlur, showClearButton, clearButtonVariant, clearButtonAriaLabel, labelId, getStatusText, id, ...elemProps }: ComboboxProps) => JSX.Element;
63
- export default Combobox;
64
- //# sourceMappingURL=Combobox.d.ts.map
@@ -1,11 +0,0 @@
1
- export interface StatusProps {
2
- ariaLive?: 'polite' | 'assertive' | 'off';
3
- role?: 'log' | 'status' | 'alert' | 'progressbar' | 'marquee' | 'timer';
4
- ariaRelevant?: 'additions' | 'additions text' | 'all' | 'removals' | 'text';
5
- ariaAtomic?: boolean;
6
- expireMilliseconds?: number;
7
- announcementText?: string;
8
- }
9
- declare const Status: ({ ariaLive, role, ariaRelevant, expireMilliseconds, announcementText, ariaAtomic, }: StatusProps) => JSX.Element;
10
- export default Status;
11
- //# sourceMappingURL=Status.d.ts.map