@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
package/combobox/README.md CHANGED
@@ -68,7 +68,7 @@ const autocompleteCallback = event => console.log('Adjust menu items here')
68
68
 
69
69
  ---
70
70
 
71
- #### `clearButtonVariant: IconButtonProps['variant']`
71
+ #### `clearButtonVariant: TertiaryButtonProps['variant']`
72
72
 
73
73
  > The type of icon button to use for clearing input.
74
74
 
package/combobox/lib/Combobox.tsx CHANGED
@@ -10,7 +10,7 @@ import {
10
10
  import {space, commonColors, borderRadius} from '@workday/canvas-kit-react/tokens';
11
11
  import {MenuItemProps} from '@workday/canvas-kit-preview-react/menu';
12
12
  import {Card} from '@workday/canvas-kit-react/card';
13
- import {IconButton, IconButtonProps} from '@workday/canvas-kit-react/button';
13
+ import {TertiaryButton, TertiaryButtonProps} from '@workday/canvas-kit-react/button';
14
14
  import {xSmallIcon} from '@workday/canvas-system-icons-web';
15
15
  import {TextInputProps} from '@workday/canvas-kit-react/text-input';
16
16
  import flatten from 'lodash.flatten';
@@ -34,10 +34,9 @@ export interface ComboboxProps extends GrowthBehavior, React.HTMLAttributes<HTML
34
34
  */
35
35
  initialValue?: string;
36
36
  /**
37
- * The variant of the Combobox clear button.
38
- * @default IconButton.Variant.Plain
37
+ * The variant of the Combobox clear button. The default is a TertiaryButton
39
38
  */
40
- clearButtonVariant?: IconButtonProps['variant'];
39
+ clearButtonVariant?: TertiaryButtonProps['variant'];
41
40
  /**
42
41
  * If true, render the Combobox with a button to clear the text input.
43
42
  * @default false
@@ -113,11 +112,8 @@ const MenuContainer = styled(Card)({
113
112
  maxHeight: 200,
114
113
  });
115
114
 
116
- const ResetButton = styled(IconButton)<{shouldShow: boolean}>(
115
+ const ResetButton = styled(TertiaryButton)<{shouldShow: boolean}>(
117
116
  {
118
- width: space.l,
119
- minWidth: space.l,
120
- height: space.l,
121
117
  position: 'absolute',
122
118
  margin: `auto ${space.xxxs}`,
123
119
  top: 0,
@@ -173,7 +169,7 @@ const Combobox = ({
173
169
  onFocus,
174
170
  onBlur,
175
171
  showClearButton,
176
- clearButtonVariant = 'plain',
172
+ clearButtonVariant = undefined,
177
173
  clearButtonAriaLabel = `Reset Search Input`,
178
174
  labelId,
179
175
  getStatusText = buildStatusString,
@@ -469,14 +465,14 @@ const Combobox = ({
469
465
  aria-label={clearButtonAriaLabel}
470
466
  icon={xSmallIcon}
471
467
  variant={clearButtonVariant}
472
- toggled={undefined}
473
468
  onClick={resetSearchInput}
474
469
  onBlur={handleBlur}
470
+ size="small"
475
471
  type="button"
476
472
  />
477
473
  )}
478
474
  {showingAutocomplete && autocompleteItems && (
479
- <MenuContainer padding={space.zero} depth={1}>
475
+ <MenuContainer padding={space.zero} depth={3}>
480
476
  <Card.Body>
481
477
  <AutocompleteList
482
478
  comboboxId={componentId}
package/common/index.ts CHANGED
@@ -1,11 +1,3 @@
1
- export * from './lib/Box';
2
1
  export * from './lib/theming';
3
- export {BorderStyleProps} from './lib/utils/border';
4
- export {ColorStyleProps} from './lib/utils/color';
5
- export {DepthStyleProps} from './lib/utils/depth';
6
- export {FlexItemStyleProps} from './lib/utils/flexItem';
7
- export {LayoutStyleProps} from './lib/utils/layout';
8
- export {PositionStyleProps} from './lib/utils/position';
9
- export {SpaceStyleProps} from './lib/utils/space';
10
2
  export {ComponentStatesTable} from './lib/storybook-utils/ComponentStatesTable';
11
3
  export {permutateProps} from './lib/storybook-utils/permutateProps';
package/dist/commonjs/combobox/lib/Combobox.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { GrowthBehavior } from '@workday/canvas-kit-react/common';
3
3
  import { MenuItemProps } from '@workday/canvas-kit-preview-react/menu';
4
- import { IconButtonProps } from '@workday/canvas-kit-react/button';
4
+ import { TertiaryButtonProps } from '@workday/canvas-kit-react/button';
5
5
  import { TextInputProps } from '@workday/canvas-kit-react/text-input';
6
6
  export interface ComboBoxMenuItemGroup {
7
7
  header: React.ReactElement<MenuItemProps>;
@@ -17,10 +17,9 @@ export interface ComboboxProps extends GrowthBehavior, React.HTMLAttributes<HTML
17
17
  */
18
18
  initialValue?: string;
19
19
  /**
20
- * The variant of the Combobox clear button.
21
- * @default IconButton.Variant.Plain
20
+ * The variant of the Combobox clear button. The default is a TertiaryButton
22
21
  */
23
- clearButtonVariant?: IconButtonProps['variant'];
22
+ clearButtonVariant?: TertiaryButtonProps['variant'];
24
23
  /**
25
24
  * If true, render the Combobox with a button to clear the text input.
26
25
  * @default false
package/dist/commonjs/combobox/lib/Combobox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAEvF,OAAO,EACL,cAAc,EAKf,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,aAAa,EAAC,MAAM,wCAAwC,CAAC;AAErE,OAAO,EAAa,eAAe,EAAC,MAAM,kCAAkC,CAAC;AAE7E,OAAO,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC;AAKpE,MAAM,WAAW,qBAAqB;IAEpC,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;IAE1C,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;CAC5C;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACtF;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;IAC7C;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IAChD;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAClF;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/C;AA6DD,eAAO,MAAM,aAAa,YAAY,CAAC;AAEvC,eAAO,MAAM,WAAW,qEACc,CAAC;AAEvC,eAAO,MAAM,kBAAkB,cAAe,MAAM,SAAS,WAc5D,CAAC;AAYF,QAAA,MAAM,QAAQ,wLAeX,aAAa,gBA0Tf,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAEvF,OAAO,EACL,cAAc,EAKf,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,aAAa,EAAC,MAAM,wCAAwC,CAAC;AAErE,OAAO,EAAiB,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAErF,OAAO,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC;AAKpE,MAAM,WAAW,qBAAqB;IAEpC,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;IAE1C,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;CAC5C;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACtF;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;IAC7C;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,kBAAkB,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;IACpD;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAClF;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/C;AA0DD,eAAO,MAAM,aAAa,YAAY,CAAC;AAEvC,eAAO,MAAM,WAAW,qEACc,CAAC;AAEvC,eAAO,MAAM,kBAAkB,cAAe,MAAM,SAAS,WAc5D,CAAC;AAYF,QAAA,MAAM,QAAQ,wLAeX,aAAa,gBA0Tf,CAAC;AAEF,eAAe,QAAQ,CAAC"}
package/dist/commonjs/combobox/lib/Combobox.js CHANGED
@@ -90,10 +90,7 @@ var MenuContainer = common_1.styled(card_1.Card)({
90
90
  animation: fadeInKeyframes + " 200ms ease-out",
91
91
  maxHeight: 200,
92
92
  });
93
- var ResetButton = common_1.styled(button_1.IconButton)({
94
- width: tokens_1.space.l,
95
- minWidth: tokens_1.space.l,
96
- height: tokens_1.space.l,
93
+ var ResetButton = common_1.styled(button_1.TertiaryButton)({
97
94
  position: 'absolute',
98
95
  margin: "auto " + tokens_1.space.xxxs,
99
96
  top: 0,
@@ -141,7 +138,7 @@ var isValidSingleChild = function (child) {
141
138
  return react_1.default.isValidElement(child) && react_1.default.Children.only(child);
142
139
  };
143
140
  var Combobox = function (_a) {
144
- var autocompleteItems = _a.autocompleteItems, children = _a.children, grow = _a.grow, initialValue = _a.initialValue, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, showClearButton = _a.showClearButton, _b = _a.clearButtonVariant, clearButtonVariant = _b === void 0 ? 'plain' : _b, _c = _a.clearButtonAriaLabel, clearButtonAriaLabel = _c === void 0 ? "Reset Search Input" : _c, labelId = _a.labelId, _d = _a.getStatusText, getStatusText = _d === void 0 ? buildStatusString : _d, id = _a.id, elemProps = __rest(_a, ["autocompleteItems", "children", "grow", "initialValue", "onChange", "onFocus", "onBlur", "showClearButton", "clearButtonVariant", "clearButtonAriaLabel", "labelId", "getStatusText", "id"]);
141
+ var autocompleteItems = _a.autocompleteItems, children = _a.children, grow = _a.grow, initialValue = _a.initialValue, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, showClearButton = _a.showClearButton, _b = _a.clearButtonVariant, clearButtonVariant = _b === void 0 ? undefined : _b, _c = _a.clearButtonAriaLabel, clearButtonAriaLabel = _c === void 0 ? "Reset Search Input" : _c, labelId = _a.labelId, _d = _a.getStatusText, getStatusText = _d === void 0 ? buildStatusString : _d, id = _a.id, elemProps = __rest(_a, ["autocompleteItems", "children", "grow", "initialValue", "onChange", "onFocus", "onBlur", "showClearButton", "clearButtonVariant", "clearButtonAriaLabel", "labelId", "getStatusText", "id"]);
145
142
  var _e = react_1.useState(false), isOpened = _e[0], setIsOpened = _e[1];
146
143
  var _f = react_1.useState(''), value = _f[0], _setValue = _f[1]; // Don't call _setValue directly instead call setInputValue to make sure onChange fires correctly
147
144
  var _g = react_1.useState(false), showingAutocomplete = _g[0], setShowingAutocomplete = _g[1];
@@ -366,8 +363,8 @@ var Combobox = function (_a) {
366
363
  return (react_1.default.createElement(Container, __assign({ grow: grow }, elemProps),
367
364
  react_1.default.createElement(InputContainer, { ref: comboboxRef },
368
365
  isValidSingleChild(children) && react_1.default.Children.map(children, renderChildren),
369
- showClearButton && (react_1.default.createElement(ResetButton, { shouldShow: !!value, "aria-label": clearButtonAriaLabel, icon: canvas_system_icons_web_1.xSmallIcon, variant: clearButtonVariant, toggled: undefined, onClick: resetSearchInput, onBlur: handleBlur, type: "button" })),
370
- showingAutocomplete && autocompleteItems && (react_1.default.createElement(MenuContainer, { padding: tokens_1.space.zero, depth: 1 },
366
+ showClearButton && (react_1.default.createElement(ResetButton, { shouldShow: !!value, "aria-label": clearButtonAriaLabel, icon: canvas_system_icons_web_1.xSmallIcon, variant: clearButtonVariant, onClick: resetSearchInput, onBlur: handleBlur, size: "small", type: "button" })),
367
+ showingAutocomplete && autocompleteItems && (react_1.default.createElement(MenuContainer, { padding: tokens_1.space.zero, depth: 3 },
371
368
  react_1.default.createElement(card_1.Card.Body, null,
372
369
  react_1.default.createElement(AutocompleteList_1.default, { comboboxId: componentId, autocompleteItems: autocompleteItems, selectedIndex: selectedAutocompleteIndex, handleAutocompleteClick: handleAutocompleteClick, labelId: formLabelId, showGroupText: showGroupText }))))),
373
370
  react_1.default.createElement(Status_1.default, { announcementText: announcementText })));
package/dist/commonjs/common/index.d.ts CHANGED
@@ -1,12 +1,4 @@
1
- export * from './lib/Box';
2
1
  export * from './lib/theming';
3
- export { BorderStyleProps } from './lib/utils/border';
4
- export { ColorStyleProps } from './lib/utils/color';
5
- export { DepthStyleProps } from './lib/utils/depth';
6
- export { FlexItemStyleProps } from './lib/utils/flexItem';
7
- export { LayoutStyleProps } from './lib/utils/layout';
8
- export { PositionStyleProps } from './lib/utils/position';
9
- export { SpaceStyleProps } from './lib/utils/space';
10
2
  export { ComponentStatesTable } from './lib/storybook-utils/ComponentStatesTable';
11
3
  export { permutateProps } from './lib/storybook-utils/permutateProps';
12
4
  //# sourceMappingURL=index.d.ts.map
package/dist/commonjs/common/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../common/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,oBAAoB,EAAC,MAAM,4CAA4C,CAAC;AAChF,OAAO,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../common/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAC,oBAAoB,EAAC,MAAM,4CAA4C,CAAC;AAChF,OAAO,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC"}
package/dist/commonjs/common/index.js CHANGED
@@ -11,7 +11,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
11
11
  };
12
12
  Object.defineProperty(exports, "__esModule", { value: true });
13
13
  exports.permutateProps = exports.ComponentStatesTable = void 0;
14
- __exportStar(require("./lib/Box"), exports);
15
14
  __exportStar(require("./lib/theming"), exports);
16
15
  var ComponentStatesTable_1 = require("./lib/storybook-utils/ComponentStatesTable");
17
16
  Object.defineProperty(exports, "ComponentStatesTable", { enumerable: true, get: function () { return ComponentStatesTable_1.ComponentStatesTable; } });
package/dist/commonjs/drawer/lib/DrawerHeader.js CHANGED
@@ -86,7 +86,7 @@ var HeaderTitle = styled_1.default('h4')(__assign(__assign({}, tokens_1.type.lev
86
86
  color: inverse ? tokens_1.colors.frenchVanilla100 : tokens_1.typeColors.heading,
87
87
  });
88
88
  });
89
- var CloseButton = styled_1.default(button_1.IconButton)({
89
+ var CloseButton = styled_1.default(button_1.TertiaryButton)({
90
90
  margin: '-8px',
91
91
  });
92
92
  var DrawerHeader = /** @class */ (function (_super) {
@@ -98,7 +98,7 @@ var DrawerHeader = /** @class */ (function (_super) {
98
98
  var _a = this.props, _b = _a.closeIconAriaLabel, closeIconAriaLabel = _b === void 0 ? 'Close' : _b, _c = _a.headerColor, headerColor = _c === void 0 ? tokens_1.colors.soap100 : _c, _d = _a.borderColor, borderColor = _d === void 0 ? tokens_1.colors.soap500 : _d, _e = _a.inverse, inverse = _e === void 0 ? false : _e, onClose = _a.onClose, title = _a.title, id = _a.id, elemProps = __rest(_a, ["closeIconAriaLabel", "headerColor", "borderColor", "inverse", "onClose", "title", "id"]);
99
99
  return (React.createElement(HeaderContainer, __assign({ borderColor: borderColor }, elemProps, { headerColor: headerColor }),
100
100
  React.createElement(HeaderTitle, { id: id, inverse: inverse, title: title }, title),
101
- onClose && closeIconAriaLabel && (React.createElement(CloseButton, { variant: inverse ? 'inverse' : 'plain', onClick: onClose, "aria-label": closeIconAriaLabel, icon: canvas_system_icons_web_1.xIcon }))));
101
+ onClose && closeIconAriaLabel && (React.createElement(CloseButton, { variant: inverse ? 'inverse' : undefined, onClick: onClose, "aria-label": closeIconAriaLabel, icon: canvas_system_icons_web_1.xIcon }))));
102
102
  };
103
103
  return DrawerHeader;
104
104
  }(React.Component));
package/dist/commonjs/index.d.ts CHANGED
@@ -1,7 +1,5 @@
1
1
  export * from './combobox';
2
2
  export * from './common';
3
3
  export * from './drawer';
4
- export * from './header';
5
- export * from './layout';
6
4
  export * from './search-form';
7
5
  //# sourceMappingURL=index.d.ts.map
package/dist/commonjs/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}
package/dist/commonjs/index.js CHANGED
@@ -13,6 +13,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
13
13
  __exportStar(require("./combobox"), exports);
14
14
  __exportStar(require("./common"), exports);
15
15
  __exportStar(require("./drawer"), exports);
16
- __exportStar(require("./header"), exports);
17
- __exportStar(require("./layout"), exports);
18
16
  __exportStar(require("./search-form"), exports);
package/dist/commonjs/search-form/lib/SearchForm.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { GrowthBehavior } from '@workday/canvas-kit-react/common';
3
- import { IconButtonProps } from '@workday/canvas-kit-react/button';
3
+ import { TertiaryButtonProps } from '@workday/canvas-kit-react/button';
4
4
  import { MenuItemProps } from '@workday/canvas-kit-preview-react/menu';
5
5
  import { SearchTheme, SearchThemeAttributes } from './themes';
6
6
  export interface SearchFormProps extends GrowthBehavior, React.FormHTMLAttributes<HTMLFormElement> {
@@ -74,6 +74,11 @@ export interface SearchFormProps extends GrowthBehavior, React.FormHTMLAttribute
74
74
  * @default 40
75
75
  */
76
76
  height?: number;
77
+ /**
78
+ * If true, allow onSubmit being called when input value is empty.
79
+ * @default false
80
+ */
81
+ allowEmptyStringSearch?: boolean;
77
82
  }
78
83
  export interface SearchFormState {
79
84
  showForm: boolean;
@@ -88,7 +93,7 @@ export declare class SearchForm extends React.Component<SearchFormProps, SearchF
88
93
  state: Readonly<SearchFormState>;
89
94
  private getTheme;
90
95
  private getThemeColors;
91
- getIconButtonType: () => IconButtonProps['variant'];
96
+ getIconButtonType: () => TertiaryButtonProps['variant'];
92
97
  handleSubmit: (event: React.FormEvent<HTMLFormElement>) => void;
93
98
  openCollapsedSearch: () => void;
94
99
  closeCollapsedSearch: () => void;
package/dist/commonjs/search-form/lib/SearchForm.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SearchForm.d.ts","sourceRoot":"","sources":["../../../../search-form/lib/SearchForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,cAAc,EAA2B,MAAM,kCAAkC,CAAC;AAC1F,OAAO,EAAa,eAAe,EAAC,MAAM,kCAAkC,CAAC;AAK7E,OAAO,EAAC,aAAa,EAAC,MAAM,wCAAwC,CAAC;AACrE,OAAO,EAAe,WAAW,EAAE,qBAAqB,EAAC,MAAM,UAAU,CAAC;AAG1E,MAAM,WAAW,eAAgB,SAAQ,cAAc,EAAE,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC;IAChG;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;IAClD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC3D;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;IACxD;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,qBAAqB,CAAC;IAClD;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB;AAuMD,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAC/E,MAAM,CAAC,KAAK,qBAAe;IAE3B,OAAO,CAAC,QAAQ,CAAuC;IACvD,OAAO,CAAC,OAAO,CAAwC;IACvD,OAAO,CAAC,OAAO,CAAsB;IAErC,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,CAI9B;IAEF,OAAO,CAAC,QAAQ,CAUd;IAEF,OAAO,CAAC,cAAc,CAMpB;IAEF,iBAAiB,QAAO,eAAe,CAAC,SAAS,CAAC,CAOhD;IAEF,YAAY,UAAW,MAAM,SAAS,CAAC,eAAe,CAAC,KAAG,IAAI,CAO5D;IAEF,mBAAmB,QAAO,IAAI,CAI5B;IAEF,oBAAoB,QAAO,IAAI,CAI7B;IAEF,kBAAkB,CAAC,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE,eAAe;IAWzE,UAAU,QAAO,IAAI,CAInB;IAEF,SAAS,QAAO,IAAI,CAIlB;IAEF,WAAW,QAAO,IAAI,CAEpB;IAEF,UAAU,QAAO,IAAI,CAEnB;IAEF,uBAAuB,UAAW,MAAM,WAAW,CAAC,gBAAgB,CAAC,KAAG,IAAI,CAM1E;IAEF,MAAM;CAmGP"}
1
+ {"version":3,"file":"SearchForm.d.ts","sourceRoot":"","sources":["../../../../search-form/lib/SearchForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,cAAc,EAA2B,MAAM,kCAAkC,CAAC;AAC1F,OAAO,EAAiB,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAKrF,OAAO,EAAC,aAAa,EAAC,MAAM,wCAAwC,CAAC;AACrE,OAAO,EAAe,WAAW,EAAE,qBAAqB,EAAC,MAAM,UAAU,CAAC;AAG1E,MAAM,WAAW,eAAgB,SAAQ,cAAc,EAAE,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC;IAChG;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;IAClD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC3D;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;IACxD;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,qBAAqB,CAAC;IAClD;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB;AAsLD,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAC/E,MAAM,CAAC,KAAK,qBAAe;IAE3B,OAAO,CAAC,QAAQ,CAAuC;IACvD,OAAO,CAAC,OAAO,CAAwC;IACvD,OAAO,CAAC,OAAO,CAAsB;IAErC,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,CAI9B;IAEF,OAAO,CAAC,QAAQ,CAUd;IAEF,OAAO,CAAC,cAAc,CAMpB;IAEF,iBAAiB,QAAO,mBAAmB,CAAC,SAAS,CAAC,CAOpD;IAEF,YAAY,UAAW,MAAM,SAAS,CAAC,eAAe,CAAC,KAAG,IAAI,CAO5D;IAEF,mBAAmB,QAAO,IAAI,CAI5B;IAEF,oBAAoB,QAAO,IAAI,CAI7B;IAEF,kBAAkB,CAAC,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE,eAAe;IAWzE,UAAU,QAAO,IAAI,CAInB;IAEF,SAAS,QAAO,IAAI,CAIlB;IAEF,WAAW,QAAO,IAAI,CAEpB;IAEF,UAAU,QAAO,IAAI,CAEnB;IAEF,uBAAuB,UAAW,MAAM,WAAW,CAAC,gBAAgB,CAAC,KAAG,IAAI,CAM1E;IAEF,MAAM;CAmGP"}
package/dist/commonjs/search-form/lib/SearchForm.js CHANGED
@@ -131,26 +131,20 @@ var SearchContainer = common_1.styled('div')({
131
131
  var SearchCombobox = common_1.styled(combobox_1.Combobox)({
132
132
  width: "100%",
133
133
  });
134
- var SearchIcon = common_1.styled(button_1.IconButton)(function (_a) {
134
+ var SearchIcon = common_1.styled(button_1.TertiaryButton)(function (_a) {
135
135
  var isCollapsed = _a.isCollapsed, isHidden = _a.isHidden;
136
- var collapsedSize = 40;
137
- var size = 32;
138
- var collapseStyles = isCollapsed
139
- ? {
140
- minWidth: collapsedSize,
141
- width: collapsedSize,
142
- minHeight: collapsedSize,
143
- height: collapsedSize,
144
- }
145
- : {
146
- minWidth: size,
147
- width: size,
148
- minHeight: size,
149
- height: size,
150
- };
151
- return __assign({ position: "absolute", margin: isCollapsed ? "auto " + tokens_1.space.xxs : "auto " + tokens_1.space.xxxs, top: 0, bottom: 0, left: 0, padding: 0, zIndex: 3, display: isHidden ? 'none' : 'flex' }, collapseStyles);
136
+ return {
137
+ position: "absolute",
138
+ margin: isCollapsed ? "auto " + tokens_1.space.xxs : "auto " + tokens_1.space.xxxs,
139
+ top: 0,
140
+ bottom: 0,
141
+ left: 0,
142
+ padding: 0,
143
+ zIndex: 3,
144
+ display: isHidden ? 'none' : 'flex',
145
+ };
152
146
  });
153
- var CloseButton = common_1.styled(button_1.IconButton)(function (_a) {
147
+ var CloseButton = common_1.styled(button_1.TertiaryButton)(function (_a) {
154
148
  var isCollapsed = _a.isCollapsed, showForm = _a.showForm;
155
149
  var collapseStyles = isCollapsed && showForm
156
150
  ? {
@@ -246,11 +240,11 @@ var SearchForm = /** @class */ (function (_super) {
246
240
  background = formCollapsedBackground;
247
241
  }
248
242
  var isDarkBackground = chroma_js_1.default(background).get('lab.l') < 70;
249
- return isDarkBackground ? 'inverse' : 'plain';
243
+ return isDarkBackground ? 'inverse' : undefined;
250
244
  };
251
245
  _this.handleSubmit = function (event) {
252
246
  event.preventDefault();
253
- if (_this.state.searchQuery.trim()) {
247
+ if (_this.props.allowEmptyStringSearch || _this.state.searchQuery.trim()) {
254
248
  _this.props.onSubmit(event);
255
249
  }
256
250
  else {
@@ -304,7 +298,7 @@ var SearchForm = /** @class */ (function (_super) {
304
298
  }
305
299
  };
306
300
  SearchForm.prototype.render = function () {
307
- var _a = this.props, _b = _a.clearButtonAriaLabel, clearButtonAriaLabel = _b === void 0 ? 'Reset Search Form' : _b, _c = _a.placeholder, placeholder = _c === void 0 ? 'Search' : _c, _d = _a.inputLabel, inputLabel = _d === void 0 ? 'Search' : _d, _e = _a.submitAriaLabel, submitAriaLabel = _e === void 0 ? 'Search' : _e, _f = _a.openButtonAriaLabel, openButtonAriaLabel = _f === void 0 ? 'Open Search' : _f, _g = _a.closeButtonAriaLabel, closeButtonAriaLabel = _g === void 0 ? 'Cancel' : _g, _h = _a.showClearButton, showClearButton = _h === void 0 ? true : _h, _j = _a.height, height = _j === void 0 ? 40 : _j, grow = _a.grow, onSubmit = _a.onSubmit, isCollapsed = _a.isCollapsed, onInputChange = _a.onInputChange, autocompleteItems = _a.autocompleteItems, initialValue = _a.initialValue, searchTheme = _a.searchTheme, rightAlign = _a.rightAlign, elemProps = __rest(_a, ["clearButtonAriaLabel", "placeholder", "inputLabel", "submitAriaLabel", "openButtonAriaLabel", "closeButtonAriaLabel", "showClearButton", "height", "grow", "onSubmit", "isCollapsed", "onInputChange", "autocompleteItems", "initialValue", "searchTheme", "rightAlign"]);
301
+ var _a = this.props, _b = _a.clearButtonAriaLabel, clearButtonAriaLabel = _b === void 0 ? 'Reset Search Form' : _b, _c = _a.placeholder, placeholder = _c === void 0 ? 'Search' : _c, _d = _a.inputLabel, inputLabel = _d === void 0 ? 'Search' : _d, _e = _a.submitAriaLabel, submitAriaLabel = _e === void 0 ? 'Search' : _e, _f = _a.openButtonAriaLabel, openButtonAriaLabel = _f === void 0 ? 'Open Search' : _f, _g = _a.closeButtonAriaLabel, closeButtonAriaLabel = _g === void 0 ? 'Cancel' : _g, _h = _a.showClearButton, showClearButton = _h === void 0 ? true : _h, _j = _a.height, height = _j === void 0 ? 40 : _j, grow = _a.grow, onSubmit = _a.onSubmit, isCollapsed = _a.isCollapsed, onInputChange = _a.onInputChange, autocompleteItems = _a.autocompleteItems, initialValue = _a.initialValue, searchTheme = _a.searchTheme, rightAlign = _a.rightAlign, _k = _a.allowEmptyStringSearch, allowEmptyStringSearch = _k === void 0 ? false : _k, elemProps = __rest(_a, ["clearButtonAriaLabel", "placeholder", "inputLabel", "submitAriaLabel", "openButtonAriaLabel", "closeButtonAriaLabel", "showClearButton", "height", "grow", "onSubmit", "isCollapsed", "onInputChange", "autocompleteItems", "initialValue", "searchTheme", "rightAlign", "allowEmptyStringSearch"]);
308
302
  return (React.createElement(StyledSearchForm, __assign({ role: "search", action: ".", rightAlign: rightAlign, grow: grow, "aria-labelledby": this.labelId, isCollapsed: isCollapsed, onSubmit: this.handleSubmit, showForm: this.state.showForm }, elemProps),
309
303
  React.createElement(SearchContainer, { height: height },
310
304
  React.createElement(SearchIcon, { "aria-label": submitAriaLabel, icon: canvas_system_icons_web_1.searchIcon, isCollapsed: isCollapsed, variant: this.getIconButtonType(), type: "submit", isHidden: !!isCollapsed && !this.state.showForm }),
@@ -312,7 +306,7 @@ var SearchForm = /** @class */ (function (_super) {
312
306
  React.createElement(SearchField, { grow: grow, id: this.labelId, inputId: "input-" + this.labelId, label: inputLabel, labelPosition: form_field_1.FormFieldLabelPosition.Hidden, useFieldset: false, isCollapsed: isCollapsed, showForm: this.state.showForm, height: height },
313
307
  React.createElement(SearchCombobox, { initialValue: initialValue, clearButtonVariant: this.getIconButtonType(), autocompleteItems: autocompleteItems, onChange: this.handleSearchInputChange, onFocus: this.handleFocus, onBlur: this.handleBlur, showClearButton: !isCollapsed && showClearButton, clearButtonAriaLabel: clearButtonAriaLabel, labelId: this.labelId },
314
308
  React.createElement(SearchInput, { ref: this.inputRef, value: this.state.searchQuery, placeholder: placeholder, isCollapsed: isCollapsed, inputColors: this.getThemeColors(), height: height, name: "search", autoComplete: "off" }))),
315
- React.createElement(CloseButton, { "aria-label": closeButtonAriaLabel, icon: canvas_system_icons_web_1.xIcon, isCollapsed: isCollapsed, variant: "plain", showForm: this.state.showForm, onClick: this.closeCollapsedSearch, type: "button" }))));
309
+ React.createElement(CloseButton, { "aria-label": closeButtonAriaLabel, icon: canvas_system_icons_web_1.xIcon, isCollapsed: isCollapsed, showForm: this.state.showForm, onClick: this.closeCollapsedSearch, type: "button" }))));
316
310
  };
317
311
  SearchForm.Theme = themes_1.SearchTheme;
318
312
  return SearchForm;
package/dist/es6/combobox/lib/Combobox.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { GrowthBehavior } from '@workday/canvas-kit-react/common';
3
3
  import { MenuItemProps } from '@workday/canvas-kit-preview-react/menu';
4
- import { IconButtonProps } from '@workday/canvas-kit-react/button';
4
+ import { TertiaryButtonProps } from '@workday/canvas-kit-react/button';
5
5
  import { TextInputProps } from '@workday/canvas-kit-react/text-input';
6
6
  export interface ComboBoxMenuItemGroup {
7
7
  header: React.ReactElement<MenuItemProps>;
@@ -17,10 +17,9 @@ export interface ComboboxProps extends GrowthBehavior, React.HTMLAttributes<HTML
17
17
  */
18
18
  initialValue?: string;
19
19
  /**
20
- * The variant of the Combobox clear button.
21
- * @default IconButton.Variant.Plain
20
+ * The variant of the Combobox clear button. The default is a TertiaryButton
22
21
  */
23
- clearButtonVariant?: IconButtonProps['variant'];
22
+ clearButtonVariant?: TertiaryButtonProps['variant'];
24
23
  /**
25
24
  * If true, render the Combobox with a button to clear the text input.
26
25
  * @default false
package/dist/es6/combobox/lib/Combobox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAEvF,OAAO,EACL,cAAc,EAKf,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,aAAa,EAAC,MAAM,wCAAwC,CAAC;AAErE,OAAO,EAAa,eAAe,EAAC,MAAM,kCAAkC,CAAC;AAE7E,OAAO,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC;AAKpE,MAAM,WAAW,qBAAqB;IAEpC,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;IAE1C,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;CAC5C;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACtF;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;IAC7C;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IAChD;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAClF;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/C;AA6DD,eAAO,MAAM,aAAa,YAAY,CAAC;AAEvC,eAAO,MAAM,WAAW,qEACc,CAAC;AAEvC,eAAO,MAAM,kBAAkB,cAAe,MAAM,SAAS,WAc5D,CAAC;AAYF,QAAA,MAAM,QAAQ,wLAeX,aAAa,gBA0Tf,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAEvF,OAAO,EACL,cAAc,EAKf,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,aAAa,EAAC,MAAM,wCAAwC,CAAC;AAErE,OAAO,EAAiB,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAErF,OAAO,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC;AAKpE,MAAM,WAAW,qBAAqB;IAEpC,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;IAE1C,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;CAC5C;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACtF;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;IAC7C;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,kBAAkB,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;IACpD;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAClF;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/C;AA0DD,eAAO,MAAM,aAAa,YAAY,CAAC;AAEvC,eAAO,MAAM,WAAW,qEACc,CAAC;AAEvC,eAAO,MAAM,kBAAkB,cAAe,MAAM,SAAS,WAc5D,CAAC;AAYF,QAAA,MAAM,QAAQ,wLAeX,aAAa,gBA0Tf,CAAC;AAEF,eAAe,QAAQ,CAAC"}
package/dist/es6/combobox/lib/Combobox.js CHANGED
@@ -25,7 +25,7 @@ import { jsx, keyframes } from '@emotion/react';
25
25
  import { useForkRef, styled, useIsRTL, useUniqueId, } from '@workday/canvas-kit-react/common';
26
26
  import { space, commonColors, borderRadius } from '@workday/canvas-kit-react/tokens';
27
27
  import { Card } from '@workday/canvas-kit-react/card';
28
- import { IconButton } from '@workday/canvas-kit-react/button';
28
+ import { TertiaryButton } from '@workday/canvas-kit-react/button';
29
29
  import { xSmallIcon } from '@workday/canvas-system-icons-web';
30
30
  import flatten from 'lodash.flatten';
31
31
  import AutocompleteList from './AutocompleteList';
@@ -65,10 +65,7 @@ var MenuContainer = styled(Card)({
65
65
  animation: fadeInKeyframes + " 200ms ease-out",
66
66
  maxHeight: 200,
67
67
  });
68
- var ResetButton = styled(IconButton)({
69
- width: space.l,
70
- minWidth: space.l,
71
- height: space.l,
68
+ var ResetButton = styled(TertiaryButton)({
72
69
  position: 'absolute',
73
70
  margin: "auto " + space.xxxs,
74
71
  top: 0,
@@ -114,7 +111,7 @@ var isValidSingleChild = function (child) {
114
111
  return React.isValidElement(child) && React.Children.only(child);
115
112
  };
116
113
  var Combobox = function (_a) {
117
- var autocompleteItems = _a.autocompleteItems, children = _a.children, grow = _a.grow, initialValue = _a.initialValue, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, showClearButton = _a.showClearButton, _b = _a.clearButtonVariant, clearButtonVariant = _b === void 0 ? 'plain' : _b, _c = _a.clearButtonAriaLabel, clearButtonAriaLabel = _c === void 0 ? "Reset Search Input" : _c, labelId = _a.labelId, _d = _a.getStatusText, getStatusText = _d === void 0 ? buildStatusString : _d, id = _a.id, elemProps = __rest(_a, ["autocompleteItems", "children", "grow", "initialValue", "onChange", "onFocus", "onBlur", "showClearButton", "clearButtonVariant", "clearButtonAriaLabel", "labelId", "getStatusText", "id"]);
114
+ var autocompleteItems = _a.autocompleteItems, children = _a.children, grow = _a.grow, initialValue = _a.initialValue, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, showClearButton = _a.showClearButton, _b = _a.clearButtonVariant, clearButtonVariant = _b === void 0 ? undefined : _b, _c = _a.clearButtonAriaLabel, clearButtonAriaLabel = _c === void 0 ? "Reset Search Input" : _c, labelId = _a.labelId, _d = _a.getStatusText, getStatusText = _d === void 0 ? buildStatusString : _d, id = _a.id, elemProps = __rest(_a, ["autocompleteItems", "children", "grow", "initialValue", "onChange", "onFocus", "onBlur", "showClearButton", "clearButtonVariant", "clearButtonAriaLabel", "labelId", "getStatusText", "id"]);
118
115
  var _e = useState(false), isOpened = _e[0], setIsOpened = _e[1];
119
116
  var _f = useState(''), value = _f[0], _setValue = _f[1]; // Don't call _setValue directly instead call setInputValue to make sure onChange fires correctly
120
117
  var _g = useState(false), showingAutocomplete = _g[0], setShowingAutocomplete = _g[1];
@@ -339,8 +336,8 @@ var Combobox = function (_a) {
339
336
  return (React.createElement(Container, __assign({ grow: grow }, elemProps),
340
337
  React.createElement(InputContainer, { ref: comboboxRef },
341
338
  isValidSingleChild(children) && React.Children.map(children, renderChildren),
342
- showClearButton && (React.createElement(ResetButton, { shouldShow: !!value, "aria-label": clearButtonAriaLabel, icon: xSmallIcon, variant: clearButtonVariant, toggled: undefined, onClick: resetSearchInput, onBlur: handleBlur, type: "button" })),
343
- showingAutocomplete && autocompleteItems && (React.createElement(MenuContainer, { padding: space.zero, depth: 1 },
339
+ showClearButton && (React.createElement(ResetButton, { shouldShow: !!value, "aria-label": clearButtonAriaLabel, icon: xSmallIcon, variant: clearButtonVariant, onClick: resetSearchInput, onBlur: handleBlur, size: "small", type: "button" })),
340
+ showingAutocomplete && autocompleteItems && (React.createElement(MenuContainer, { padding: space.zero, depth: 3 },
344
341
  React.createElement(Card.Body, null,
345
342
  React.createElement(AutocompleteList, { comboboxId: componentId, autocompleteItems: autocompleteItems, selectedIndex: selectedAutocompleteIndex, handleAutocompleteClick: handleAutocompleteClick, labelId: formLabelId, showGroupText: showGroupText }))))),
346
343
  React.createElement(Status, { announcementText: announcementText })));
package/dist/es6/common/index.d.ts CHANGED
@@ -1,12 +1,4 @@
1
- export * from './lib/Box';
2
1
  export * from './lib/theming';
3
- export { BorderStyleProps } from './lib/utils/border';
4
- export { ColorStyleProps } from './lib/utils/color';
5
- export { DepthStyleProps } from './lib/utils/depth';
6
- export { FlexItemStyleProps } from './lib/utils/flexItem';
7
- export { LayoutStyleProps } from './lib/utils/layout';
8
- export { PositionStyleProps } from './lib/utils/position';
9
- export { SpaceStyleProps } from './lib/utils/space';
10
2
  export { ComponentStatesTable } from './lib/storybook-utils/ComponentStatesTable';
11
3
  export { permutateProps } from './lib/storybook-utils/permutateProps';
12
4
  //# sourceMappingURL=index.d.ts.map
package/dist/es6/common/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../common/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,oBAAoB,EAAC,MAAM,4CAA4C,CAAC;AAChF,OAAO,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../common/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAC,oBAAoB,EAAC,MAAM,4CAA4C,CAAC;AAChF,OAAO,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC"}
package/dist/es6/common/index.js CHANGED
@@ -1,4 +1,3 @@
1
- export * from './lib/Box';
2
1
  export * from './lib/theming';
3
2
  export { ComponentStatesTable } from './lib/storybook-utils/ComponentStatesTable';
4
3
  export { permutateProps } from './lib/storybook-utils/permutateProps';
package/dist/es6/drawer/lib/DrawerHeader.js CHANGED
@@ -36,7 +36,7 @@ var __rest = (this && this.__rest) || function (s, e) {
36
36
  import * as React from 'react';
37
37
  import styled from '@emotion/styled';
38
38
  import { colors, space, type, typeColors } from '@workday/canvas-kit-react/tokens';
39
- import { IconButton } from '@workday/canvas-kit-react/button';
39
+ import { TertiaryButton } from '@workday/canvas-kit-react/button';
40
40
  import { xIcon } from '@workday/canvas-system-icons-web';
41
41
  var headerHeight = 56;
42
42
  var HeaderContainer = styled('div')({
@@ -62,7 +62,7 @@ var HeaderTitle = styled('h4')(__assign(__assign({}, type.levels.body.small), {
62
62
  color: inverse ? colors.frenchVanilla100 : typeColors.heading,
63
63
  });
64
64
  });
65
- var CloseButton = styled(IconButton)({
65
+ var CloseButton = styled(TertiaryButton)({
66
66
  margin: '-8px',
67
67
  });
68
68
  var DrawerHeader = /** @class */ (function (_super) {
@@ -74,7 +74,7 @@ var DrawerHeader = /** @class */ (function (_super) {
74
74
  var _a = this.props, _b = _a.closeIconAriaLabel, closeIconAriaLabel = _b === void 0 ? 'Close' : _b, _c = _a.headerColor, headerColor = _c === void 0 ? colors.soap100 : _c, _d = _a.borderColor, borderColor = _d === void 0 ? colors.soap500 : _d, _e = _a.inverse, inverse = _e === void 0 ? false : _e, onClose = _a.onClose, title = _a.title, id = _a.id, elemProps = __rest(_a, ["closeIconAriaLabel", "headerColor", "borderColor", "inverse", "onClose", "title", "id"]);
75
75
  return (React.createElement(HeaderContainer, __assign({ borderColor: borderColor }, elemProps, { headerColor: headerColor }),
76
76
  React.createElement(HeaderTitle, { id: id, inverse: inverse, title: title }, title),
77
- onClose && closeIconAriaLabel && (React.createElement(CloseButton, { variant: inverse ? 'inverse' : 'plain', onClick: onClose, "aria-label": closeIconAriaLabel, icon: xIcon }))));
77
+ onClose && closeIconAriaLabel && (React.createElement(CloseButton, { variant: inverse ? 'inverse' : undefined, onClick: onClose, "aria-label": closeIconAriaLabel, icon: xIcon }))));
78
78
  };
79
79
  return DrawerHeader;
80
80
  }(React.Component));
package/dist/es6/index.d.ts CHANGED
@@ -1,7 +1,5 @@
1
1
  export * from './combobox';
2
2
  export * from './common';
3
3
  export * from './drawer';
4
- export * from './header';
5
- export * from './layout';
6
4
  export * from './search-form';
7
5
  //# sourceMappingURL=index.d.ts.map
package/dist/es6/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}
package/dist/es6/index.js CHANGED
@@ -1,6 +1,4 @@
1
1
  export * from './combobox';
2
2
  export * from './common';
3
3
  export * from './drawer';
4
- export * from './header';
5
- export * from './layout';
6
4
  export * from './search-form';
package/dist/es6/search-form/lib/SearchForm.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { GrowthBehavior } from '@workday/canvas-kit-react/common';
3
- import { IconButtonProps } from '@workday/canvas-kit-react/button';
3
+ import { TertiaryButtonProps } from '@workday/canvas-kit-react/button';
4
4
  import { MenuItemProps } from '@workday/canvas-kit-preview-react/menu';
5
5
  import { SearchTheme, SearchThemeAttributes } from './themes';
6
6
  export interface SearchFormProps extends GrowthBehavior, React.FormHTMLAttributes<HTMLFormElement> {
@@ -74,6 +74,11 @@ export interface SearchFormProps extends GrowthBehavior, React.FormHTMLAttribute
74
74
  * @default 40
75
75
  */
76
76
  height?: number;
77
+ /**
78
+ * If true, allow onSubmit being called when input value is empty.
79
+ * @default false
80
+ */
81
+ allowEmptyStringSearch?: boolean;
77
82
  }
78
83
  export interface SearchFormState {
79
84
  showForm: boolean;
@@ -88,7 +93,7 @@ export declare class SearchForm extends React.Component<SearchFormProps, SearchF
88
93
  state: Readonly<SearchFormState>;
89
94
  private getTheme;
90
95
  private getThemeColors;
91
- getIconButtonType: () => IconButtonProps['variant'];
96
+ getIconButtonType: () => TertiaryButtonProps['variant'];
92
97
  handleSubmit: (event: React.FormEvent<HTMLFormElement>) => void;
93
98
  openCollapsedSearch: () => void;
94
99
  closeCollapsedSearch: () => void;
package/dist/es6/search-form/lib/SearchForm.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SearchForm.d.ts","sourceRoot":"","sources":["../../../../search-form/lib/SearchForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,cAAc,EAA2B,MAAM,kCAAkC,CAAC;AAC1F,OAAO,EAAa,eAAe,EAAC,MAAM,kCAAkC,CAAC;AAK7E,OAAO,EAAC,aAAa,EAAC,MAAM,wCAAwC,CAAC;AACrE,OAAO,EAAe,WAAW,EAAE,qBAAqB,EAAC,MAAM,UAAU,CAAC;AAG1E,MAAM,WAAW,eAAgB,SAAQ,cAAc,EAAE,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC;IAChG;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;IAClD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC3D;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;IACxD;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,qBAAqB,CAAC;IAClD;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB;AAuMD,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAC/E,MAAM,CAAC,KAAK,qBAAe;IAE3B,OAAO,CAAC,QAAQ,CAAuC;IACvD,OAAO,CAAC,OAAO,CAAwC;IACvD,OAAO,CAAC,OAAO,CAAsB;IAErC,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,CAI9B;IAEF,OAAO,CAAC,QAAQ,CAUd;IAEF,OAAO,CAAC,cAAc,CAMpB;IAEF,iBAAiB,QAAO,eAAe,CAAC,SAAS,CAAC,CAOhD;IAEF,YAAY,UAAW,MAAM,SAAS,CAAC,eAAe,CAAC,KAAG,IAAI,CAO5D;IAEF,mBAAmB,QAAO,IAAI,CAI5B;IAEF,oBAAoB,QAAO,IAAI,CAI7B;IAEF,kBAAkB,CAAC,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE,eAAe;IAWzE,UAAU,QAAO,IAAI,CAInB;IAEF,SAAS,QAAO,IAAI,CAIlB;IAEF,WAAW,QAAO,IAAI,CAEpB;IAEF,UAAU,QAAO,IAAI,CAEnB;IAEF,uBAAuB,UAAW,MAAM,WAAW,CAAC,gBAAgB,CAAC,KAAG,IAAI,CAM1E;IAEF,MAAM;CAmGP"}
1
+ {"version":3,"file":"SearchForm.d.ts","sourceRoot":"","sources":["../../../../search-form/lib/SearchForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,cAAc,EAA2B,MAAM,kCAAkC,CAAC;AAC1F,OAAO,EAAiB,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAKrF,OAAO,EAAC,aAAa,EAAC,MAAM,wCAAwC,CAAC;AACrE,OAAO,EAAe,WAAW,EAAE,qBAAqB,EAAC,MAAM,UAAU,CAAC;AAG1E,MAAM,WAAW,eAAgB,SAAQ,cAAc,EAAE,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC;IAChG;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;IAClD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC3D;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;IACxD;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,qBAAqB,CAAC;IAClD;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB;AAsLD,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAC/E,MAAM,CAAC,KAAK,qBAAe;IAE3B,OAAO,CAAC,QAAQ,CAAuC;IACvD,OAAO,CAAC,OAAO,CAAwC;IACvD,OAAO,CAAC,OAAO,CAAsB;IAErC,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,CAI9B;IAEF,OAAO,CAAC,QAAQ,CAUd;IAEF,OAAO,CAAC,cAAc,CAMpB;IAEF,iBAAiB,QAAO,mBAAmB,CAAC,SAAS,CAAC,CAOpD;IAEF,YAAY,UAAW,MAAM,SAAS,CAAC,eAAe,CAAC,KAAG,IAAI,CAO5D;IAEF,mBAAmB,QAAO,IAAI,CAI5B;IAEF,oBAAoB,QAAO,IAAI,CAI7B;IAEF,kBAAkB,CAAC,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE,eAAe;IAWzE,UAAU,QAAO,IAAI,CAInB;IAEF,SAAS,QAAO,IAAI,CAIlB;IAEF,WAAW,QAAO,IAAI,CAEpB;IAEF,UAAU,QAAO,IAAI,CAEnB;IAEF,uBAAuB,UAAW,MAAM,WAAW,CAAC,gBAAgB,CAAC,KAAG,IAAI,CAM1E;IAEF,MAAM;CAmGP"}