@workday/canvas-kit-react 7.0.0-alpha.0-next.5 → 7.0.0-alpha.78-next.6

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 (682) hide show
  1. package/action-bar/lib/ActionBar.tsx +1 -1
  2. package/badge/README.md +2 -3
  3. package/banner/lib/Banner.tsx +1 -1
  4. package/banner/lib/BannerActionText.tsx +1 -1
  5. package/banner/lib/BannerIcon.tsx +2 -2
  6. package/banner/lib/BannerLabel.tsx +1 -1
  7. package/button/README.md +68 -1
  8. package/button/index.ts +1 -1
  9. package/button/lib/{parts/ButtonContainer.tsx → BaseButton.tsx} +123 -66
  10. package/button/lib/DeleteButton.tsx +7 -4
  11. package/button/lib/PrimaryButton.tsx +86 -109
  12. package/button/lib/SecondaryButton.tsx +44 -66
  13. package/button/lib/TertiaryButton.tsx +86 -53
  14. package/button/lib/ToolbarDropdownButton.tsx +12 -11
  15. package/button/lib/ToolbarIconButton.tsx +22 -17
  16. package/button/lib/parts/ButtonLabel.tsx +17 -2
  17. package/button/lib/parts/ButtonLabelIcon.tsx +30 -54
  18. package/button/lib/parts/index.tsx +0 -2
  19. package/button/lib/types.ts +2 -2
  20. package/card/lib/Card.tsx +1 -1
  21. package/card/lib/CardBody.tsx +1 -1
  22. package/card/lib/CardHeading.tsx +1 -1
  23. package/common/lib/parts/_brand-assets.ts +5 -5
  24. package/common/lib/utils/StaticStates.tsx +6 -5
  25. package/dist/commonjs/action-bar/lib/ActionBar.d.ts +1 -1
  26. package/dist/commonjs/action-bar/lib/ActionBar.d.ts.map +1 -1
  27. package/dist/commonjs/action-bar/lib/ActionBar.js +2 -2
  28. package/dist/commonjs/banner/lib/Banner.d.ts +1 -1
  29. package/dist/commonjs/banner/lib/Banner.d.ts.map +1 -1
  30. package/dist/commonjs/banner/lib/Banner.js +1 -1
  31. package/dist/commonjs/banner/lib/BannerActionText.d.ts +1 -1
  32. package/dist/commonjs/banner/lib/BannerActionText.d.ts.map +1 -1
  33. package/dist/commonjs/banner/lib/BannerActionText.js +2 -2
  34. package/dist/commonjs/banner/lib/BannerIcon.js +2 -2
  35. package/dist/commonjs/banner/lib/BannerLabel.d.ts +1 -1
  36. package/dist/commonjs/banner/lib/BannerLabel.d.ts.map +1 -1
  37. package/dist/commonjs/banner/lib/BannerLabel.js +1 -1
  38. package/dist/commonjs/button/index.d.ts +1 -1
  39. package/dist/commonjs/button/index.d.ts.map +1 -1
  40. package/dist/commonjs/button/index.js +3 -3
  41. package/dist/commonjs/button/lib/BaseButton.d.ts +31 -0
  42. package/dist/commonjs/button/lib/BaseButton.d.ts.map +1 -0
  43. package/dist/commonjs/button/lib/BaseButton.js +198 -0
  44. package/dist/commonjs/button/lib/DeleteButton.d.ts.map +1 -1
  45. package/dist/commonjs/button/lib/DeleteButton.js +4 -3
  46. package/dist/commonjs/button/lib/PrimaryButton.d.ts +4 -76
  47. package/dist/commonjs/button/lib/PrimaryButton.d.ts.map +1 -1
  48. package/dist/commonjs/button/lib/PrimaryButton.js +15 -36
  49. package/dist/commonjs/button/lib/SecondaryButton.d.ts +0 -5
  50. package/dist/commonjs/button/lib/SecondaryButton.d.ts.map +1 -1
  51. package/dist/commonjs/button/lib/SecondaryButton.js +16 -38
  52. package/dist/commonjs/button/lib/TertiaryButton.d.ts +2 -2
  53. package/dist/commonjs/button/lib/TertiaryButton.d.ts.map +1 -1
  54. package/dist/commonjs/button/lib/TertiaryButton.js +66 -38
  55. package/dist/commonjs/button/lib/ToolbarDropdownButton.d.ts.map +1 -1
  56. package/dist/commonjs/button/lib/ToolbarDropdownButton.js +7 -7
  57. package/dist/commonjs/button/lib/ToolbarIconButton.d.ts +5 -2
  58. package/dist/commonjs/button/lib/ToolbarIconButton.d.ts.map +1 -1
  59. package/dist/commonjs/button/lib/ToolbarIconButton.js +5 -11
  60. package/dist/commonjs/button/lib/parts/ButtonLabel.d.ts +4 -4
  61. package/dist/commonjs/button/lib/parts/ButtonLabel.d.ts.map +1 -1
  62. package/dist/commonjs/button/lib/parts/ButtonLabel.js +35 -1
  63. package/dist/commonjs/button/lib/parts/ButtonLabelIcon.d.ts +4 -3
  64. package/dist/commonjs/button/lib/parts/ButtonLabelIcon.d.ts.map +1 -1
  65. package/dist/commonjs/button/lib/parts/ButtonLabelIcon.js +13 -62
  66. package/dist/commonjs/button/lib/parts/index.d.ts +0 -2
  67. package/dist/commonjs/button/lib/parts/index.d.ts.map +1 -1
  68. package/dist/commonjs/button/lib/parts/index.js +1 -5
  69. package/dist/commonjs/button/lib/types.d.ts +2 -2
  70. package/dist/commonjs/button/lib/types.d.ts.map +1 -1
  71. package/dist/commonjs/card/lib/Card.d.ts +2 -2
  72. package/dist/commonjs/card/lib/Card.d.ts.map +1 -1
  73. package/dist/commonjs/card/lib/Card.js +2 -2
  74. package/dist/commonjs/card/lib/CardBody.d.ts +1 -1
  75. package/dist/commonjs/card/lib/CardBody.d.ts.map +1 -1
  76. package/dist/commonjs/card/lib/CardBody.js +2 -2
  77. package/dist/commonjs/card/lib/CardHeading.d.ts +1 -1
  78. package/dist/commonjs/card/lib/CardHeading.d.ts.map +1 -1
  79. package/dist/commonjs/card/lib/CardHeading.js +2 -2
  80. package/dist/commonjs/common/lib/parts/_brand-assets.d.ts.map +1 -1
  81. package/dist/commonjs/common/lib/parts/_brand-assets.js +5 -5
  82. package/dist/commonjs/common/lib/utils/StaticStates.d.ts.map +1 -1
  83. package/dist/commonjs/common/lib/utils/StaticStates.js +5 -2
  84. package/dist/commonjs/dialog/lib/Dialog.d.ts +1 -1
  85. package/dist/commonjs/icon/lib/AccentIcon.d.ts +3 -5
  86. package/dist/commonjs/icon/lib/AccentIcon.d.ts.map +1 -1
  87. package/dist/commonjs/icon/lib/AccentIcon.js +8 -24
  88. package/dist/commonjs/icon/lib/AppletIcon.d.ts +5 -6
  89. package/dist/commonjs/icon/lib/AppletIcon.d.ts.map +1 -1
  90. package/dist/commonjs/icon/lib/AppletIcon.js +13 -27
  91. package/dist/commonjs/icon/lib/Graphic.d.ts +3 -5
  92. package/dist/commonjs/icon/lib/Graphic.d.ts.map +1 -1
  93. package/dist/commonjs/icon/lib/Graphic.js +8 -24
  94. package/dist/commonjs/icon/lib/Icon.d.ts +2 -5
  95. package/dist/commonjs/icon/lib/Icon.d.ts.map +1 -1
  96. package/dist/commonjs/icon/lib/Icon.js +10 -25
  97. package/dist/commonjs/icon/lib/Svg.d.ts +4 -6
  98. package/dist/commonjs/icon/lib/Svg.d.ts.map +1 -1
  99. package/dist/commonjs/icon/lib/Svg.js +11 -27
  100. package/dist/commonjs/icon/lib/SystemIcon.d.ts +5 -6
  101. package/dist/commonjs/icon/lib/SystemIcon.d.ts.map +1 -1
  102. package/dist/commonjs/icon/lib/SystemIcon.js +8 -24
  103. package/dist/commonjs/icon/lib/SystemIconCircle.d.ts +3 -6
  104. package/dist/commonjs/icon/lib/SystemIconCircle.d.ts.map +1 -1
  105. package/dist/commonjs/icon/lib/SystemIconCircle.js +7 -25
  106. package/dist/commonjs/index.d.ts +0 -2
  107. package/dist/commonjs/index.d.ts.map +1 -1
  108. package/dist/commonjs/index.js +0 -2
  109. package/dist/commonjs/layout/index.d.ts +12 -2
  110. package/dist/commonjs/layout/index.d.ts.map +1 -1
  111. package/dist/commonjs/layout/index.js +8 -2
  112. package/dist/commonjs/layout/lib/Box.d.ts +48 -0
  113. package/dist/commonjs/layout/lib/Box.d.ts.map +1 -0
  114. package/dist/commonjs/layout/lib/Box.js +139 -0
  115. package/dist/commonjs/layout/lib/Flex.d.ts +26 -0
  116. package/dist/commonjs/layout/lib/Flex.d.ts.map +1 -0
  117. package/dist/commonjs/layout/lib/Flex.js +83 -0
  118. package/dist/commonjs/layout/lib/Stack.d.ts +27 -0
  119. package/dist/commonjs/layout/lib/Stack.d.ts.map +1 -0
  120. package/dist/commonjs/layout/lib/Stack.js +99 -0
  121. package/dist/commonjs/layout/lib/utils/border.d.ts +103 -0
  122. package/dist/commonjs/layout/lib/utils/border.d.ts.map +1 -0
  123. package/dist/commonjs/layout/lib/utils/border.js +153 -0
  124. package/dist/commonjs/layout/lib/utils/color.d.ts +26 -0
  125. package/dist/commonjs/layout/lib/utils/color.d.ts.map +1 -0
  126. package/dist/commonjs/layout/lib/utils/color.js +57 -0
  127. package/dist/commonjs/layout/lib/utils/depth.d.ts +22 -0
  128. package/dist/commonjs/layout/lib/utils/depth.d.ts.map +1 -0
  129. package/dist/commonjs/layout/lib/utils/depth.js +29 -0
  130. package/dist/commonjs/layout/lib/utils/flex.d.ts +36 -0
  131. package/dist/commonjs/layout/lib/utils/flex.d.ts.map +1 -0
  132. package/dist/commonjs/layout/lib/utils/flex.js +38 -0
  133. package/dist/commonjs/layout/lib/utils/flexItem.d.ts +33 -0
  134. package/dist/commonjs/layout/lib/utils/flexItem.d.ts.map +1 -0
  135. package/dist/commonjs/layout/lib/utils/flexItem.js +39 -0
  136. package/dist/commonjs/layout/lib/utils/getValidChildren.d.ts +3 -0
  137. package/dist/commonjs/layout/lib/utils/getValidChildren.d.ts.map +1 -0
  138. package/dist/commonjs/{button/lib/parts/ButtonLabelData.js → layout/lib/utils/getValidChildren.js} +7 -23
  139. package/dist/commonjs/layout/lib/utils/layout.d.ts +43 -0
  140. package/dist/commonjs/layout/lib/utils/layout.d.ts.map +1 -0
  141. package/dist/commonjs/layout/lib/utils/layout.js +43 -0
  142. package/dist/commonjs/layout/lib/utils/other.d.ts +5 -0
  143. package/dist/commonjs/layout/lib/utils/other.d.ts.map +1 -0
  144. package/dist/commonjs/layout/lib/utils/other.js +19 -0
  145. package/dist/commonjs/layout/lib/utils/position.d.ts +41 -0
  146. package/dist/commonjs/layout/lib/utils/position.d.ts.map +1 -0
  147. package/dist/commonjs/layout/lib/utils/position.js +78 -0
  148. package/dist/commonjs/layout/lib/utils/space.d.ts +64 -0
  149. package/dist/commonjs/layout/lib/utils/space.d.ts.map +1 -0
  150. package/dist/commonjs/layout/lib/utils/space.js +161 -0
  151. package/dist/commonjs/layout/lib/utils/stack.d.ts +26 -0
  152. package/dist/commonjs/layout/lib/utils/stack.d.ts.map +1 -0
  153. package/dist/commonjs/layout/lib/utils/stack.js +55 -0
  154. package/dist/commonjs/layout/lib/utils/types.d.ts +20 -0
  155. package/dist/commonjs/layout/lib/utils/types.d.ts.map +1 -0
  156. package/dist/commonjs/layout/lib/utils/types.js +2 -0
  157. package/dist/commonjs/modal/lib/Modal.d.ts +1 -1
  158. package/dist/commonjs/modal/lib/ModalOverflowOverlay.js +1 -1
  159. package/dist/commonjs/modal/lib/ModalOverlay.d.ts +1 -1
  160. package/dist/commonjs/modal/lib/ModalOverlay.d.ts.map +1 -1
  161. package/dist/commonjs/modal/lib/ModalOverlay.js +2 -2
  162. package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.d.ts +1 -1
  163. package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.d.ts.map +1 -1
  164. package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.js +1 -1
  165. package/dist/commonjs/pagination/lib/Pagination/Controls.d.ts +2 -2
  166. package/dist/commonjs/pagination/lib/Pagination/Controls.d.ts.map +1 -1
  167. package/dist/commonjs/pagination/lib/Pagination/Controls.js +5 -5
  168. package/dist/commonjs/pagination/lib/Pagination/GoTo/Form.d.ts +1 -1
  169. package/dist/commonjs/pagination/lib/Pagination/GoTo/Form.d.ts.map +1 -1
  170. package/dist/commonjs/pagination/lib/Pagination/GoTo/Form.js +1 -1
  171. package/dist/commonjs/pagination/lib/Pagination/Nav.d.ts +1 -1
  172. package/dist/commonjs/pagination/lib/Pagination/Nav.d.ts.map +1 -1
  173. package/dist/commonjs/pagination/lib/Pagination/Nav.js +1 -1
  174. package/dist/commonjs/pagination/lib/Pagination/PageButton.d.ts +1 -2
  175. package/dist/commonjs/pagination/lib/Pagination/PageButton.d.ts.map +1 -1
  176. package/dist/commonjs/pagination/lib/Pagination/PageButton.js +34 -9
  177. package/dist/commonjs/pagination/lib/Pagination/PageList.d.ts +1 -1
  178. package/dist/commonjs/pagination/lib/Pagination/PageList.d.ts.map +1 -1
  179. package/dist/commonjs/pagination/lib/Pagination/PageList.js +1 -1
  180. package/dist/commonjs/pagination/lib/Pagination/Pagination.d.ts +5 -5
  181. package/dist/commonjs/pagination/lib/Pagination/Pagination.d.ts.map +1 -1
  182. package/dist/commonjs/pagination/lib/Pagination/common/List.d.ts +1 -1
  183. package/dist/commonjs/pagination/lib/Pagination/common/List.d.ts.map +1 -1
  184. package/dist/commonjs/pagination/lib/Pagination/common/List.js +1 -1
  185. package/dist/commonjs/popup/lib/Popup.d.ts +1 -1
  186. package/dist/commonjs/popup/lib/PopupBody.d.ts +1 -1
  187. package/dist/commonjs/popup/lib/PopupBody.d.ts.map +1 -1
  188. package/dist/commonjs/popup/lib/PopupCard.d.ts +1 -1
  189. package/dist/commonjs/popup/lib/PopupCard.d.ts.map +1 -1
  190. package/dist/commonjs/popup/lib/PopupCard.js +1 -1
  191. package/dist/commonjs/popup/lib/PopupCloseIcon.d.ts +2 -2
  192. package/dist/commonjs/popup/lib/PopupCloseIcon.d.ts.map +1 -1
  193. package/dist/commonjs/popup/lib/PopupCloseIcon.js +5 -6
  194. package/dist/commonjs/popup/lib/hooks/useDisableBodyScroll.d.ts.map +1 -1
  195. package/dist/commonjs/popup/lib/hooks/useDisableBodyScroll.js +4 -0
  196. package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts +9 -7
  197. package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts.map +1 -1
  198. package/dist/commonjs/segmented-control/lib/SegmentedControl.js +21 -57
  199. package/dist/commonjs/segmented-control/lib/SegmentedControlButton.d.ts +8 -0
  200. package/dist/commonjs/segmented-control/lib/SegmentedControlButton.d.ts.map +1 -0
  201. package/dist/commonjs/segmented-control/lib/SegmentedControlButton.js +106 -0
  202. package/dist/commonjs/side-panel/lib/SidePanel.d.ts.map +1 -1
  203. package/dist/commonjs/side-panel/lib/SidePanel.js +2 -2
  204. package/dist/commonjs/tabs/lib/Tabs.d.ts +2 -2
  205. package/dist/commonjs/tabs/lib/TabsItem.d.ts +3 -5
  206. package/dist/commonjs/tabs/lib/TabsItem.d.ts.map +1 -1
  207. package/dist/commonjs/tabs/lib/TabsItem.js +2 -2
  208. package/dist/commonjs/tabs/lib/TabsList.d.ts +1 -1
  209. package/dist/commonjs/tabs/lib/TabsList.d.ts.map +1 -1
  210. package/dist/commonjs/tabs/lib/TabsList.js +2 -2
  211. package/dist/commonjs/tabs/lib/TabsPanel.d.ts +1 -1
  212. package/dist/commonjs/tabs/lib/TabsPanel.d.ts.map +1 -1
  213. package/dist/commonjs/tabs/lib/TabsPanel.js +2 -2
  214. package/dist/commonjs/tabs/lib/menu/Menu.d.ts +1 -1
  215. package/dist/commonjs/tabs/lib/menu/MenuItem.d.ts +1 -2
  216. package/dist/commonjs/tabs/lib/menu/MenuItem.d.ts.map +1 -1
  217. package/dist/commonjs/tabs/lib/menu/MenuItem.js +2 -2
  218. package/dist/commonjs/tabs/lib/menu/MenuList.d.ts +1 -1
  219. package/dist/commonjs/tabs/lib/menu/MenuList.d.ts.map +1 -1
  220. package/dist/commonjs/tabs/lib/menu/MenuList.js +1 -1
  221. package/dist/commonjs/text-input/lib/InputIconContainer.d.ts +1 -1
  222. package/dist/commonjs/text-input/lib/InputIconContainer.d.ts.map +1 -1
  223. package/dist/commonjs/tooltip/lib/Tooltip.d.ts +1 -1
  224. package/dist/commonjs/tooltip/lib/useTooltip.d.ts +1 -1
  225. package/dist/es6/action-bar/lib/ActionBar.d.ts +1 -1
  226. package/dist/es6/action-bar/lib/ActionBar.d.ts.map +1 -1
  227. package/dist/es6/action-bar/lib/ActionBar.js +1 -1
  228. package/dist/es6/banner/lib/Banner.d.ts +1 -1
  229. package/dist/es6/banner/lib/Banner.d.ts.map +1 -1
  230. package/dist/es6/banner/lib/Banner.js +1 -1
  231. package/dist/es6/banner/lib/BannerActionText.d.ts +1 -1
  232. package/dist/es6/banner/lib/BannerActionText.d.ts.map +1 -1
  233. package/dist/es6/banner/lib/BannerActionText.js +1 -1
  234. package/dist/es6/banner/lib/BannerIcon.js +2 -2
  235. package/dist/es6/banner/lib/BannerLabel.d.ts +1 -1
  236. package/dist/es6/banner/lib/BannerLabel.d.ts.map +1 -1
  237. package/dist/es6/banner/lib/BannerLabel.js +1 -1
  238. package/dist/es6/button/index.d.ts +1 -1
  239. package/dist/es6/button/index.d.ts.map +1 -1
  240. package/dist/es6/button/index.js +1 -1
  241. package/dist/es6/button/lib/BaseButton.d.ts +31 -0
  242. package/dist/es6/button/lib/BaseButton.d.ts.map +1 -0
  243. package/dist/es6/button/lib/BaseButton.js +174 -0
  244. package/dist/es6/button/lib/DeleteButton.d.ts.map +1 -1
  245. package/dist/es6/button/lib/DeleteButton.js +4 -3
  246. package/dist/es6/button/lib/PrimaryButton.d.ts +4 -76
  247. package/dist/es6/button/lib/PrimaryButton.d.ts.map +1 -1
  248. package/dist/es6/button/lib/PrimaryButton.js +15 -35
  249. package/dist/es6/button/lib/SecondaryButton.d.ts +0 -5
  250. package/dist/es6/button/lib/SecondaryButton.d.ts.map +1 -1
  251. package/dist/es6/button/lib/SecondaryButton.js +16 -38
  252. package/dist/es6/button/lib/TertiaryButton.d.ts +2 -2
  253. package/dist/es6/button/lib/TertiaryButton.d.ts.map +1 -1
  254. package/dist/es6/button/lib/TertiaryButton.js +68 -40
  255. package/dist/es6/button/lib/ToolbarDropdownButton.d.ts.map +1 -1
  256. package/dist/es6/button/lib/ToolbarDropdownButton.js +8 -8
  257. package/dist/es6/button/lib/ToolbarIconButton.d.ts +5 -2
  258. package/dist/es6/button/lib/ToolbarIconButton.d.ts.map +1 -1
  259. package/dist/es6/button/lib/ToolbarIconButton.js +7 -13
  260. package/dist/es6/button/lib/parts/ButtonLabel.d.ts +4 -4
  261. package/dist/es6/button/lib/parts/ButtonLabel.d.ts.map +1 -1
  262. package/dist/es6/button/lib/parts/ButtonLabel.js +33 -2
  263. package/dist/es6/button/lib/parts/ButtonLabelIcon.d.ts +4 -3
  264. package/dist/es6/button/lib/parts/ButtonLabelIcon.d.ts.map +1 -1
  265. package/dist/es6/button/lib/parts/ButtonLabelIcon.js +13 -42
  266. package/dist/es6/button/lib/parts/index.d.ts +0 -2
  267. package/dist/es6/button/lib/parts/index.d.ts.map +1 -1
  268. package/dist/es6/button/lib/parts/index.js +0 -2
  269. package/dist/es6/button/lib/types.d.ts +2 -2
  270. package/dist/es6/button/lib/types.d.ts.map +1 -1
  271. package/dist/es6/card/lib/Card.d.ts +2 -2
  272. package/dist/es6/card/lib/Card.d.ts.map +1 -1
  273. package/dist/es6/card/lib/Card.js +1 -1
  274. package/dist/es6/card/lib/CardBody.d.ts +1 -1
  275. package/dist/es6/card/lib/CardBody.d.ts.map +1 -1
  276. package/dist/es6/card/lib/CardBody.js +1 -1
  277. package/dist/es6/card/lib/CardHeading.d.ts +1 -1
  278. package/dist/es6/card/lib/CardHeading.d.ts.map +1 -1
  279. package/dist/es6/card/lib/CardHeading.js +1 -1
  280. package/dist/es6/common/lib/parts/_brand-assets.d.ts.map +1 -1
  281. package/dist/es6/common/lib/parts/_brand-assets.js +5 -5
  282. package/dist/es6/common/lib/utils/StaticStates.d.ts.map +1 -1
  283. package/dist/es6/common/lib/utils/StaticStates.js +5 -2
  284. package/dist/es6/dialog/lib/Dialog.d.ts +1 -1
  285. package/dist/es6/icon/lib/AccentIcon.d.ts +3 -5
  286. package/dist/es6/icon/lib/AccentIcon.d.ts.map +1 -1
  287. package/dist/es6/icon/lib/AccentIcon.js +8 -24
  288. package/dist/es6/icon/lib/AppletIcon.d.ts +5 -6
  289. package/dist/es6/icon/lib/AppletIcon.d.ts.map +1 -1
  290. package/dist/es6/icon/lib/AppletIcon.js +11 -25
  291. package/dist/es6/icon/lib/Graphic.d.ts +3 -5
  292. package/dist/es6/icon/lib/Graphic.d.ts.map +1 -1
  293. package/dist/es6/icon/lib/Graphic.js +8 -24
  294. package/dist/es6/icon/lib/Icon.d.ts +2 -5
  295. package/dist/es6/icon/lib/Icon.d.ts.map +1 -1
  296. package/dist/es6/icon/lib/Icon.js +8 -24
  297. package/dist/es6/icon/lib/Svg.d.ts +4 -6
  298. package/dist/es6/icon/lib/Svg.d.ts.map +1 -1
  299. package/dist/es6/icon/lib/Svg.js +10 -27
  300. package/dist/es6/icon/lib/SystemIcon.d.ts +5 -6
  301. package/dist/es6/icon/lib/SystemIcon.d.ts.map +1 -1
  302. package/dist/es6/icon/lib/SystemIcon.js +8 -24
  303. package/dist/es6/icon/lib/SystemIconCircle.d.ts +3 -6
  304. package/dist/es6/icon/lib/SystemIconCircle.d.ts.map +1 -1
  305. package/dist/es6/icon/lib/SystemIconCircle.js +8 -26
  306. package/dist/es6/index.d.ts +0 -2
  307. package/dist/es6/index.d.ts.map +1 -1
  308. package/dist/es6/index.js +0 -2
  309. package/dist/es6/layout/index.d.ts +12 -2
  310. package/dist/es6/layout/index.d.ts.map +1 -1
  311. package/dist/es6/layout/index.js +8 -2
  312. package/dist/es6/layout/lib/Box.d.ts +48 -0
  313. package/dist/es6/layout/lib/Box.d.ts.map +1 -0
  314. package/dist/es6/layout/lib/Box.js +113 -0
  315. package/dist/es6/layout/lib/Flex.d.ts +26 -0
  316. package/dist/es6/layout/lib/Flex.d.ts.map +1 -0
  317. package/dist/es6/layout/lib/Flex.js +58 -0
  318. package/dist/es6/layout/lib/Stack.d.ts +27 -0
  319. package/dist/es6/layout/lib/Stack.d.ts.map +1 -0
  320. package/dist/es6/layout/lib/Stack.js +74 -0
  321. package/dist/es6/layout/lib/utils/border.d.ts +103 -0
  322. package/dist/es6/layout/lib/utils/border.d.ts.map +1 -0
  323. package/dist/es6/layout/lib/utils/border.js +149 -0
  324. package/dist/es6/layout/lib/utils/color.d.ts +26 -0
  325. package/dist/es6/layout/lib/utils/color.d.ts.map +1 -0
  326. package/dist/es6/layout/lib/utils/color.js +53 -0
  327. package/dist/es6/layout/lib/utils/depth.d.ts +22 -0
  328. package/dist/es6/layout/lib/utils/depth.d.ts.map +1 -0
  329. package/dist/es6/layout/lib/utils/depth.js +25 -0
  330. package/dist/es6/layout/lib/utils/flex.d.ts +36 -0
  331. package/dist/es6/layout/lib/utils/flex.d.ts.map +1 -0
  332. package/dist/es6/layout/lib/utils/flex.js +34 -0
  333. package/dist/es6/layout/lib/utils/flexItem.d.ts +33 -0
  334. package/dist/es6/layout/lib/utils/flexItem.d.ts.map +1 -0
  335. package/dist/es6/layout/lib/utils/flexItem.js +35 -0
  336. package/dist/es6/layout/lib/utils/getValidChildren.d.ts +3 -0
  337. package/dist/es6/layout/lib/utils/getValidChildren.d.ts.map +1 -0
  338. package/dist/es6/layout/lib/utils/getValidChildren.js +6 -0
  339. package/dist/es6/layout/lib/utils/layout.d.ts +43 -0
  340. package/dist/es6/layout/lib/utils/layout.d.ts.map +1 -0
  341. package/dist/es6/layout/lib/utils/layout.js +39 -0
  342. package/dist/es6/layout/lib/utils/other.d.ts +5 -0
  343. package/dist/es6/layout/lib/utils/other.d.ts.map +1 -0
  344. package/dist/es6/layout/lib/utils/other.js +15 -0
  345. package/dist/es6/layout/lib/utils/position.d.ts +41 -0
  346. package/dist/es6/layout/lib/utils/position.d.ts.map +1 -0
  347. package/dist/es6/layout/lib/utils/position.js +74 -0
  348. package/dist/es6/layout/lib/utils/space.d.ts +64 -0
  349. package/dist/es6/layout/lib/utils/space.d.ts.map +1 -0
  350. package/dist/es6/layout/lib/utils/space.js +157 -0
  351. package/dist/es6/layout/lib/utils/stack.d.ts +26 -0
  352. package/dist/es6/layout/lib/utils/stack.d.ts.map +1 -0
  353. package/dist/es6/layout/lib/utils/stack.js +51 -0
  354. package/dist/es6/layout/lib/utils/types.d.ts +20 -0
  355. package/dist/es6/layout/lib/utils/types.d.ts.map +1 -0
  356. package/dist/es6/layout/lib/utils/types.js +1 -0
  357. package/dist/es6/modal/lib/Modal.d.ts +1 -1
  358. package/dist/es6/modal/lib/ModalOverflowOverlay.js +1 -1
  359. package/dist/es6/modal/lib/ModalOverlay.d.ts +1 -1
  360. package/dist/es6/modal/lib/ModalOverlay.d.ts.map +1 -1
  361. package/dist/es6/modal/lib/ModalOverlay.js +1 -1
  362. package/dist/es6/pagination/lib/Pagination/AdditionalDetails.d.ts +1 -1
  363. package/dist/es6/pagination/lib/Pagination/AdditionalDetails.d.ts.map +1 -1
  364. package/dist/es6/pagination/lib/Pagination/AdditionalDetails.js +1 -1
  365. package/dist/es6/pagination/lib/Pagination/Controls.d.ts +2 -2
  366. package/dist/es6/pagination/lib/Pagination/Controls.d.ts.map +1 -1
  367. package/dist/es6/pagination/lib/Pagination/Controls.js +6 -6
  368. package/dist/es6/pagination/lib/Pagination/GoTo/Form.d.ts +1 -1
  369. package/dist/es6/pagination/lib/Pagination/GoTo/Form.d.ts.map +1 -1
  370. package/dist/es6/pagination/lib/Pagination/GoTo/Form.js +1 -1
  371. package/dist/es6/pagination/lib/Pagination/Nav.d.ts +1 -1
  372. package/dist/es6/pagination/lib/Pagination/Nav.d.ts.map +1 -1
  373. package/dist/es6/pagination/lib/Pagination/Nav.js +1 -1
  374. package/dist/es6/pagination/lib/Pagination/PageButton.d.ts +1 -2
  375. package/dist/es6/pagination/lib/Pagination/PageButton.d.ts.map +1 -1
  376. package/dist/es6/pagination/lib/Pagination/PageButton.js +35 -10
  377. package/dist/es6/pagination/lib/Pagination/PageList.d.ts +1 -1
  378. package/dist/es6/pagination/lib/Pagination/PageList.d.ts.map +1 -1
  379. package/dist/es6/pagination/lib/Pagination/PageList.js +1 -1
  380. package/dist/es6/pagination/lib/Pagination/Pagination.d.ts +5 -5
  381. package/dist/es6/pagination/lib/Pagination/Pagination.d.ts.map +1 -1
  382. package/dist/es6/pagination/lib/Pagination/common/List.d.ts +1 -1
  383. package/dist/es6/pagination/lib/Pagination/common/List.d.ts.map +1 -1
  384. package/dist/es6/pagination/lib/Pagination/common/List.js +1 -1
  385. package/dist/es6/popup/lib/Popup.d.ts +1 -1
  386. package/dist/es6/popup/lib/PopupBody.d.ts +1 -1
  387. package/dist/es6/popup/lib/PopupBody.d.ts.map +1 -1
  388. package/dist/es6/popup/lib/PopupCard.d.ts +1 -1
  389. package/dist/es6/popup/lib/PopupCard.d.ts.map +1 -1
  390. package/dist/es6/popup/lib/PopupCard.js +1 -1
  391. package/dist/es6/popup/lib/PopupCloseIcon.d.ts +2 -2
  392. package/dist/es6/popup/lib/PopupCloseIcon.d.ts.map +1 -1
  393. package/dist/es6/popup/lib/PopupCloseIcon.js +6 -7
  394. package/dist/es6/popup/lib/hooks/useDisableBodyScroll.d.ts.map +1 -1
  395. package/dist/es6/popup/lib/hooks/useDisableBodyScroll.js +4 -0
  396. package/dist/es6/segmented-control/lib/SegmentedControl.d.ts +9 -7
  397. package/dist/es6/segmented-control/lib/SegmentedControl.d.ts.map +1 -1
  398. package/dist/es6/segmented-control/lib/SegmentedControl.js +20 -57
  399. package/dist/es6/segmented-control/lib/SegmentedControlButton.d.ts +8 -0
  400. package/dist/es6/segmented-control/lib/SegmentedControlButton.d.ts.map +1 -0
  401. package/dist/es6/segmented-control/lib/SegmentedControlButton.js +100 -0
  402. package/dist/es6/side-panel/lib/SidePanel.d.ts.map +1 -1
  403. package/dist/es6/side-panel/lib/SidePanel.js +3 -3
  404. package/dist/es6/tabs/lib/Tabs.d.ts +2 -2
  405. package/dist/es6/tabs/lib/TabsItem.d.ts +3 -5
  406. package/dist/es6/tabs/lib/TabsItem.d.ts.map +1 -1
  407. package/dist/es6/tabs/lib/TabsItem.js +1 -1
  408. package/dist/es6/tabs/lib/TabsList.d.ts +1 -1
  409. package/dist/es6/tabs/lib/TabsList.d.ts.map +1 -1
  410. package/dist/es6/tabs/lib/TabsList.js +2 -2
  411. package/dist/es6/tabs/lib/TabsPanel.d.ts +1 -1
  412. package/dist/es6/tabs/lib/TabsPanel.d.ts.map +1 -1
  413. package/dist/es6/tabs/lib/TabsPanel.js +1 -1
  414. package/dist/es6/tabs/lib/menu/Menu.d.ts +1 -1
  415. package/dist/es6/tabs/lib/menu/MenuItem.d.ts +1 -2
  416. package/dist/es6/tabs/lib/menu/MenuItem.d.ts.map +1 -1
  417. package/dist/es6/tabs/lib/menu/MenuItem.js +1 -1
  418. package/dist/es6/tabs/lib/menu/MenuList.d.ts +1 -1
  419. package/dist/es6/tabs/lib/menu/MenuList.d.ts.map +1 -1
  420. package/dist/es6/tabs/lib/menu/MenuList.js +1 -1
  421. package/dist/es6/text-input/lib/InputIconContainer.d.ts +1 -1
  422. package/dist/es6/text-input/lib/InputIconContainer.d.ts.map +1 -1
  423. package/dist/es6/tooltip/lib/Tooltip.d.ts +1 -1
  424. package/dist/es6/tooltip/lib/useTooltip.d.ts +1 -1
  425. package/icon/README.md +0 -30
  426. package/icon/lib/AccentIcon.tsx +17 -16
  427. package/icon/lib/AppletIcon.tsx +18 -12
  428. package/icon/lib/Graphic.tsx +15 -8
  429. package/icon/lib/Icon.tsx +10 -8
  430. package/icon/lib/Svg.tsx +12 -14
  431. package/icon/lib/SystemIcon.tsx +21 -12
  432. package/icon/lib/SystemIconCircle.tsx +17 -14
  433. package/index.ts +0 -2
  434. package/layout/LICENSE +1 -0
  435. package/layout/README.md +31 -0
  436. package/layout/index.ts +13 -3
  437. package/layout/lib/Box.tsx +132 -0
  438. package/layout/lib/Flex.tsx +47 -0
  439. package/layout/lib/Stack.tsx +95 -0
  440. package/layout/lib/utils/border.ts +263 -0
  441. package/layout/lib/utils/color.ts +62 -0
  442. package/layout/lib/utils/depth.ts +37 -0
  443. package/layout/lib/utils/flex.ts +65 -0
  444. package/layout/lib/utils/flexItem.ts +56 -0
  445. package/layout/lib/utils/getValidChildren.ts +7 -0
  446. package/layout/lib/utils/layout.ts +77 -0
  447. package/layout/lib/utils/other.ts +20 -0
  448. package/layout/lib/utils/position.ts +96 -0
  449. package/layout/lib/utils/space.ts +207 -0
  450. package/layout/lib/utils/stack.ts +78 -0
  451. package/layout/lib/utils/types.ts +148 -0
  452. package/modal/lib/ModalOverflowOverlay.tsx +1 -1
  453. package/modal/lib/ModalOverlay.tsx +1 -1
  454. package/package.json +6 -5
  455. package/pagination/lib/Pagination/AdditionalDetails.tsx +1 -1
  456. package/pagination/lib/Pagination/Controls.tsx +7 -11
  457. package/pagination/lib/Pagination/GoTo/Form.tsx +1 -1
  458. package/pagination/lib/Pagination/Nav.tsx +1 -1
  459. package/pagination/lib/Pagination/PageButton.tsx +38 -17
  460. package/pagination/lib/Pagination/PageList.tsx +1 -1
  461. package/pagination/lib/Pagination/Pagination.tsx +5 -5
  462. package/pagination/lib/Pagination/common/List.tsx +1 -1
  463. package/popup/lib/PopupCard.tsx +1 -1
  464. package/popup/lib/PopupCloseIcon.tsx +7 -8
  465. package/popup/lib/hooks/useDisableBodyScroll.ts +6 -0
  466. package/segmented-control/README.md +8 -9
  467. package/segmented-control/lib/SegmentedControl.tsx +39 -78
  468. package/segmented-control/lib/SegmentedControlButton.tsx +109 -0
  469. package/side-panel/README.md +3 -3
  470. package/side-panel/lib/SidePanel.tsx +4 -5
  471. package/tabs/lib/TabsItem.tsx +1 -2
  472. package/tabs/lib/TabsList.tsx +2 -2
  473. package/tabs/lib/TabsPanel.tsx +1 -1
  474. package/tabs/lib/menu/MenuItem.tsx +1 -1
  475. package/tabs/lib/menu/MenuList.tsx +1 -1
  476. package/text-input/lib/InputIconContainer.tsx +1 -1
  477. package/tooltip/README.md +6 -5
  478. package/tooltip/lib/Tooltip.tsx +1 -1
  479. package/tooltip/lib/useTooltip.tsx +1 -1
  480. package/ts3.5/dist/commonjs/action-bar/lib/ActionBar.d.ts +1 -1
  481. package/ts3.5/dist/commonjs/banner/lib/Banner.d.ts +1 -1
  482. package/ts3.5/dist/commonjs/banner/lib/BannerActionText.d.ts +1 -1
  483. package/ts3.5/dist/commonjs/banner/lib/BannerLabel.d.ts +1 -1
  484. package/ts3.5/dist/commonjs/button/index.d.ts +1 -1
  485. package/ts3.5/dist/commonjs/button/lib/BaseButton.d.ts +31 -0
  486. package/ts3.5/dist/commonjs/button/lib/PrimaryButton.d.ts +4 -76
  487. package/ts3.5/dist/commonjs/button/lib/SecondaryButton.d.ts +0 -5
  488. package/ts3.5/dist/commonjs/button/lib/TertiaryButton.d.ts +2 -2
  489. package/ts3.5/dist/commonjs/button/lib/ToolbarIconButton.d.ts +5 -2
  490. package/ts3.5/dist/commonjs/button/lib/parts/ButtonLabel.d.ts +4 -4
  491. package/ts3.5/dist/commonjs/button/lib/parts/ButtonLabelIcon.d.ts +4 -3
  492. package/ts3.5/dist/commonjs/button/lib/parts/index.d.ts +0 -2
  493. package/ts3.5/dist/commonjs/button/lib/types.d.ts +2 -2
  494. package/ts3.5/dist/commonjs/card/lib/Card.d.ts +2 -2
  495. package/ts3.5/dist/commonjs/card/lib/CardBody.d.ts +1 -1
  496. package/ts3.5/dist/commonjs/card/lib/CardHeading.d.ts +1 -1
  497. package/ts3.5/dist/commonjs/dialog/lib/Dialog.d.ts +1 -1
  498. package/ts3.5/dist/commonjs/icon/lib/AccentIcon.d.ts +3 -5
  499. package/ts3.5/dist/commonjs/icon/lib/AppletIcon.d.ts +5 -6
  500. package/ts3.5/dist/commonjs/icon/lib/Graphic.d.ts +3 -5
  501. package/ts3.5/dist/commonjs/icon/lib/Icon.d.ts +2 -5
  502. package/ts3.5/dist/commonjs/icon/lib/Svg.d.ts +4 -6
  503. package/ts3.5/dist/commonjs/icon/lib/SystemIcon.d.ts +5 -6
  504. package/ts3.5/dist/commonjs/icon/lib/SystemIconCircle.d.ts +3 -6
  505. package/ts3.5/dist/commonjs/index.d.ts +0 -2
  506. package/ts3.5/dist/commonjs/layout/index.d.ts +12 -2
  507. package/ts3.5/dist/commonjs/layout/lib/Box.d.ts +48 -0
  508. package/ts3.5/dist/commonjs/layout/lib/Flex.d.ts +26 -0
  509. package/ts3.5/dist/commonjs/layout/lib/Stack.d.ts +27 -0
  510. package/ts3.5/dist/commonjs/layout/lib/utils/border.d.ts +103 -0
  511. package/ts3.5/dist/commonjs/layout/lib/utils/color.d.ts +26 -0
  512. package/ts3.5/dist/commonjs/layout/lib/utils/depth.d.ts +22 -0
  513. package/ts3.5/dist/commonjs/layout/lib/utils/flex.d.ts +36 -0
  514. package/ts3.5/dist/commonjs/layout/lib/utils/flexItem.d.ts +33 -0
  515. package/ts3.5/dist/commonjs/layout/lib/utils/getValidChildren.d.ts +3 -0
  516. package/ts3.5/dist/commonjs/layout/lib/utils/layout.d.ts +43 -0
  517. package/ts3.5/dist/commonjs/layout/lib/utils/other.d.ts +5 -0
  518. package/ts3.5/dist/commonjs/layout/lib/utils/position.d.ts +41 -0
  519. package/ts3.5/dist/commonjs/layout/lib/utils/space.d.ts +64 -0
  520. package/ts3.5/dist/commonjs/layout/lib/utils/stack.d.ts +26 -0
  521. package/ts3.5/dist/commonjs/layout/lib/utils/types.d.ts +20 -0
  522. package/ts3.5/dist/commonjs/modal/lib/Modal.d.ts +1 -1
  523. package/ts3.5/dist/commonjs/modal/lib/ModalOverlay.d.ts +1 -1
  524. package/ts3.5/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.d.ts +1 -1
  525. package/ts3.5/dist/commonjs/pagination/lib/Pagination/Controls.d.ts +2 -2
  526. package/ts3.5/dist/commonjs/pagination/lib/Pagination/GoTo/Form.d.ts +1 -1
  527. package/ts3.5/dist/commonjs/pagination/lib/Pagination/Nav.d.ts +1 -1
  528. package/ts3.5/dist/commonjs/pagination/lib/Pagination/PageButton.d.ts +1 -2
  529. package/ts3.5/dist/commonjs/pagination/lib/Pagination/PageList.d.ts +1 -1
  530. package/ts3.5/dist/commonjs/pagination/lib/Pagination/Pagination.d.ts +5 -5
  531. package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/List.d.ts +1 -1
  532. package/ts3.5/dist/commonjs/popup/lib/Popup.d.ts +1 -1
  533. package/ts3.5/dist/commonjs/popup/lib/PopupBody.d.ts +1 -1
  534. package/ts3.5/dist/commonjs/popup/lib/PopupCard.d.ts +1 -1
  535. package/ts3.5/dist/commonjs/popup/lib/PopupCloseIcon.d.ts +2 -2
  536. package/ts3.5/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts +9 -7
  537. package/ts3.5/dist/commonjs/segmented-control/lib/SegmentedControlButton.d.ts +8 -0
  538. package/ts3.5/dist/commonjs/tabs/lib/Tabs.d.ts +2 -2
  539. package/ts3.5/dist/commonjs/tabs/lib/TabsItem.d.ts +3 -5
  540. package/ts3.5/dist/commonjs/tabs/lib/TabsList.d.ts +1 -1
  541. package/ts3.5/dist/commonjs/tabs/lib/TabsPanel.d.ts +1 -1
  542. package/ts3.5/dist/commonjs/tabs/lib/menu/Menu.d.ts +1 -1
  543. package/ts3.5/dist/commonjs/tabs/lib/menu/MenuItem.d.ts +1 -2
  544. package/ts3.5/dist/commonjs/tabs/lib/menu/MenuList.d.ts +1 -1
  545. package/ts3.5/dist/commonjs/text-input/lib/InputIconContainer.d.ts +1 -1
  546. package/ts3.5/dist/commonjs/tooltip/lib/Tooltip.d.ts +1 -1
  547. package/ts3.5/dist/commonjs/tooltip/lib/useTooltip.d.ts +1 -1
  548. package/ts3.5/dist/es6/action-bar/lib/ActionBar.d.ts +1 -1
  549. package/ts3.5/dist/es6/banner/lib/Banner.d.ts +1 -1
  550. package/ts3.5/dist/es6/banner/lib/BannerActionText.d.ts +1 -1
  551. package/ts3.5/dist/es6/banner/lib/BannerLabel.d.ts +1 -1
  552. package/ts3.5/dist/es6/button/index.d.ts +1 -1
  553. package/ts3.5/dist/es6/button/lib/BaseButton.d.ts +31 -0
  554. package/ts3.5/dist/es6/button/lib/PrimaryButton.d.ts +4 -76
  555. package/ts3.5/dist/es6/button/lib/SecondaryButton.d.ts +0 -5
  556. package/ts3.5/dist/es6/button/lib/TertiaryButton.d.ts +2 -2
  557. package/ts3.5/dist/es6/button/lib/ToolbarIconButton.d.ts +5 -2
  558. package/ts3.5/dist/es6/button/lib/parts/ButtonLabel.d.ts +4 -4
  559. package/ts3.5/dist/es6/button/lib/parts/ButtonLabelIcon.d.ts +4 -3
  560. package/ts3.5/dist/es6/button/lib/parts/index.d.ts +0 -2
  561. package/ts3.5/dist/es6/button/lib/types.d.ts +2 -2
  562. package/ts3.5/dist/es6/card/lib/Card.d.ts +2 -2
  563. package/ts3.5/dist/es6/card/lib/CardBody.d.ts +1 -1
  564. package/ts3.5/dist/es6/card/lib/CardHeading.d.ts +1 -1
  565. package/ts3.5/dist/es6/dialog/lib/Dialog.d.ts +1 -1
  566. package/ts3.5/dist/es6/icon/lib/AccentIcon.d.ts +3 -5
  567. package/ts3.5/dist/es6/icon/lib/AppletIcon.d.ts +5 -6
  568. package/ts3.5/dist/es6/icon/lib/Graphic.d.ts +3 -5
  569. package/ts3.5/dist/es6/icon/lib/Icon.d.ts +2 -5
  570. package/ts3.5/dist/es6/icon/lib/Svg.d.ts +4 -6
  571. package/ts3.5/dist/es6/icon/lib/SystemIcon.d.ts +5 -6
  572. package/ts3.5/dist/es6/icon/lib/SystemIconCircle.d.ts +3 -6
  573. package/ts3.5/dist/es6/index.d.ts +0 -2
  574. package/ts3.5/dist/es6/layout/index.d.ts +12 -2
  575. package/ts3.5/dist/es6/layout/lib/Box.d.ts +48 -0
  576. package/ts3.5/dist/es6/layout/lib/Flex.d.ts +26 -0
  577. package/ts3.5/dist/es6/layout/lib/Stack.d.ts +27 -0
  578. package/ts3.5/dist/es6/layout/lib/utils/border.d.ts +103 -0
  579. package/ts3.5/dist/es6/layout/lib/utils/color.d.ts +26 -0
  580. package/ts3.5/dist/es6/layout/lib/utils/depth.d.ts +22 -0
  581. package/ts3.5/dist/es6/layout/lib/utils/flex.d.ts +36 -0
  582. package/ts3.5/dist/es6/layout/lib/utils/flexItem.d.ts +33 -0
  583. package/ts3.5/dist/es6/layout/lib/utils/getValidChildren.d.ts +3 -0
  584. package/ts3.5/dist/es6/layout/lib/utils/layout.d.ts +43 -0
  585. package/ts3.5/dist/es6/layout/lib/utils/other.d.ts +5 -0
  586. package/ts3.5/dist/es6/layout/lib/utils/position.d.ts +41 -0
  587. package/ts3.5/dist/es6/layout/lib/utils/space.d.ts +64 -0
  588. package/ts3.5/dist/es6/layout/lib/utils/stack.d.ts +26 -0
  589. package/ts3.5/dist/es6/layout/lib/utils/types.d.ts +20 -0
  590. package/ts3.5/dist/es6/modal/lib/Modal.d.ts +1 -1
  591. package/ts3.5/dist/es6/modal/lib/ModalOverlay.d.ts +1 -1
  592. package/ts3.5/dist/es6/pagination/lib/Pagination/AdditionalDetails.d.ts +1 -1
  593. package/ts3.5/dist/es6/pagination/lib/Pagination/Controls.d.ts +2 -2
  594. package/ts3.5/dist/es6/pagination/lib/Pagination/GoTo/Form.d.ts +1 -1
  595. package/ts3.5/dist/es6/pagination/lib/Pagination/Nav.d.ts +1 -1
  596. package/ts3.5/dist/es6/pagination/lib/Pagination/PageButton.d.ts +1 -2
  597. package/ts3.5/dist/es6/pagination/lib/Pagination/PageList.d.ts +1 -1
  598. package/ts3.5/dist/es6/pagination/lib/Pagination/Pagination.d.ts +5 -5
  599. package/ts3.5/dist/es6/pagination/lib/Pagination/common/List.d.ts +1 -1
  600. package/ts3.5/dist/es6/popup/lib/Popup.d.ts +1 -1
  601. package/ts3.5/dist/es6/popup/lib/PopupBody.d.ts +1 -1
  602. package/ts3.5/dist/es6/popup/lib/PopupCard.d.ts +1 -1
  603. package/ts3.5/dist/es6/popup/lib/PopupCloseIcon.d.ts +2 -2
  604. package/ts3.5/dist/es6/segmented-control/lib/SegmentedControl.d.ts +9 -7
  605. package/ts3.5/dist/es6/segmented-control/lib/SegmentedControlButton.d.ts +8 -0
  606. package/ts3.5/dist/es6/tabs/lib/Tabs.d.ts +2 -2
  607. package/ts3.5/dist/es6/tabs/lib/TabsItem.d.ts +3 -5
  608. package/ts3.5/dist/es6/tabs/lib/TabsList.d.ts +1 -1
  609. package/ts3.5/dist/es6/tabs/lib/TabsPanel.d.ts +1 -1
  610. package/ts3.5/dist/es6/tabs/lib/menu/Menu.d.ts +1 -1
  611. package/ts3.5/dist/es6/tabs/lib/menu/MenuItem.d.ts +1 -2
  612. package/ts3.5/dist/es6/tabs/lib/menu/MenuList.d.ts +1 -1
  613. package/ts3.5/dist/es6/text-input/lib/InputIconContainer.d.ts +1 -1
  614. package/ts3.5/dist/es6/tooltip/lib/Tooltip.d.ts +1 -1
  615. package/ts3.5/dist/es6/tooltip/lib/useTooltip.d.ts +1 -1
  616. package/button/lib/IconButton.tsx +0 -279
  617. package/button/lib/parts/ButtonLabelData.tsx +0 -16
  618. package/cookie-banner/LICENSE +0 -51
  619. package/cookie-banner/README.md +0 -104
  620. package/cookie-banner/index.ts +0 -5
  621. package/cookie-banner/lib/CookieBanner.tsx +0 -152
  622. package/cookie-banner/package.json +0 -5
  623. package/dist/commonjs/button/lib/IconButton.d.ts +0 -44
  624. package/dist/commonjs/button/lib/IconButton.d.ts.map +0 -1
  625. package/dist/commonjs/button/lib/IconButton.js +0 -219
  626. package/dist/commonjs/button/lib/parts/ButtonContainer.d.ts +0 -33
  627. package/dist/commonjs/button/lib/parts/ButtonContainer.d.ts.map +0 -1
  628. package/dist/commonjs/button/lib/parts/ButtonContainer.js +0 -126
  629. package/dist/commonjs/button/lib/parts/ButtonLabelData.d.ts +0 -3
  630. package/dist/commonjs/button/lib/parts/ButtonLabelData.d.ts.map +0 -1
  631. package/dist/commonjs/cookie-banner/index.d.ts +0 -5
  632. package/dist/commonjs/cookie-banner/index.d.ts.map +0 -1
  633. package/dist/commonjs/cookie-banner/index.js +0 -20
  634. package/dist/commonjs/cookie-banner/lib/CookieBanner.d.ts +0 -48
  635. package/dist/commonjs/cookie-banner/lib/CookieBanner.d.ts.map +0 -1
  636. package/dist/commonjs/cookie-banner/lib/CookieBanner.js +0 -143
  637. package/dist/commonjs/page-header/index.d.ts +0 -5
  638. package/dist/commonjs/page-header/index.d.ts.map +0 -1
  639. package/dist/commonjs/page-header/index.js +0 -20
  640. package/dist/commonjs/page-header/lib/PageHeader.d.ts +0 -39
  641. package/dist/commonjs/page-header/lib/PageHeader.d.ts.map +0 -1
  642. package/dist/commonjs/page-header/lib/PageHeader.js +0 -142
  643. package/dist/es6/button/lib/IconButton.d.ts +0 -44
  644. package/dist/es6/button/lib/IconButton.d.ts.map +0 -1
  645. package/dist/es6/button/lib/IconButton.js +0 -197
  646. package/dist/es6/button/lib/parts/ButtonContainer.d.ts +0 -33
  647. package/dist/es6/button/lib/parts/ButtonContainer.d.ts.map +0 -1
  648. package/dist/es6/button/lib/parts/ButtonContainer.js +0 -120
  649. package/dist/es6/button/lib/parts/ButtonLabelData.d.ts +0 -3
  650. package/dist/es6/button/lib/parts/ButtonLabelData.d.ts.map +0 -1
  651. package/dist/es6/button/lib/parts/ButtonLabelData.js +0 -22
  652. package/dist/es6/cookie-banner/index.d.ts +0 -5
  653. package/dist/es6/cookie-banner/index.d.ts.map +0 -1
  654. package/dist/es6/cookie-banner/index.js +0 -4
  655. package/dist/es6/cookie-banner/lib/CookieBanner.d.ts +0 -48
  656. package/dist/es6/cookie-banner/lib/CookieBanner.d.ts.map +0 -1
  657. package/dist/es6/cookie-banner/lib/CookieBanner.js +0 -119
  658. package/dist/es6/page-header/index.d.ts +0 -5
  659. package/dist/es6/page-header/index.d.ts.map +0 -1
  660. package/dist/es6/page-header/index.js +0 -4
  661. package/dist/es6/page-header/lib/PageHeader.d.ts +0 -39
  662. package/dist/es6/page-header/lib/PageHeader.d.ts.map +0 -1
  663. package/dist/es6/page-header/lib/PageHeader.js +0 -118
  664. package/page-header/LICENSE +0 -51
  665. package/page-header/README.md +0 -72
  666. package/page-header/index.ts +0 -5
  667. package/page-header/lib/PageHeader.tsx +0 -126
  668. package/page-header/package.json +0 -5
  669. package/ts3.5/dist/commonjs/button/lib/IconButton.d.ts +0 -44
  670. package/ts3.5/dist/commonjs/button/lib/parts/ButtonContainer.d.ts +0 -33
  671. package/ts3.5/dist/commonjs/button/lib/parts/ButtonLabelData.d.ts +0 -3
  672. package/ts3.5/dist/commonjs/cookie-banner/index.d.ts +0 -5
  673. package/ts3.5/dist/commonjs/cookie-banner/lib/CookieBanner.d.ts +0 -48
  674. package/ts3.5/dist/commonjs/page-header/index.d.ts +0 -5
  675. package/ts3.5/dist/commonjs/page-header/lib/PageHeader.d.ts +0 -39
  676. package/ts3.5/dist/es6/button/lib/IconButton.d.ts +0 -44
  677. package/ts3.5/dist/es6/button/lib/parts/ButtonContainer.d.ts +0 -33
  678. package/ts3.5/dist/es6/button/lib/parts/ButtonLabelData.d.ts +0 -3
  679. package/ts3.5/dist/es6/cookie-banner/index.d.ts +0 -5
  680. package/ts3.5/dist/es6/cookie-banner/lib/CookieBanner.d.ts +0 -48
  681. package/ts3.5/dist/es6/page-header/index.d.ts +0 -5
  682. package/ts3.5/dist/es6/page-header/lib/PageHeader.d.ts +0 -39
@@ -1,219 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
- if (k2 === undefined) k2 = k;
15
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
16
- }) : (function(o, m, k, k2) {
17
- if (k2 === undefined) k2 = k;
18
- o[k2] = m[k];
19
- }));
20
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
21
- Object.defineProperty(o, "default", { enumerable: true, value: v });
22
- }) : function(o, v) {
23
- o["default"] = v;
24
- });
25
- var __importStar = (this && this.__importStar) || function (mod) {
26
- if (mod && mod.__esModule) return mod;
27
- var result = {};
28
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
29
- __setModuleDefault(result, mod);
30
- return result;
31
- };
32
- var __rest = (this && this.__rest) || function (s, e) {
33
- var t = {};
34
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
35
- t[p] = s[p];
36
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
37
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
38
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
39
- t[p[i]] = s[p[i]];
40
- }
41
- return t;
42
- };
43
- Object.defineProperty(exports, "__esModule", { value: true });
44
- exports.IconButton = void 0;
45
- var React = __importStar(require("react"));
46
- var tokens_1 = require("@workday/canvas-kit-react/tokens");
47
- var common_1 = require("@workday/canvas-kit-react/common");
48
- var icon_1 = require("@workday/canvas-kit-react/icon");
49
- var parts_1 = require("./parts");
50
- exports.IconButton = common_1.createComponent('button')({
51
- displayName: 'IconButton',
52
- Component: function (_a, ref, Element) {
53
- var _b;
54
- var
55
- // TODO: Fix useTheme and make it a real hook
56
- // eslint-disable-next-line react-hooks/rules-of-hooks
57
- _c = _a.theme,
58
- // TODO: Fix useTheme and make it a real hook
59
- // eslint-disable-next-line react-hooks/rules-of-hooks
60
- theme = _c === void 0 ? common_1.useTheme() : _c, _d = _a.variant, variant = _d === void 0 ? 'circle' : _d, _e = _a.size, size = _e === void 0 ? 'medium' : _e, onToggleChange = _a.onToggleChange, icon = _a.icon, _f = _a.shouldMirrorIcon, shouldMirrorIcon = _f === void 0 ? false : _f, toggled = _a.toggled, children = _a.children, elemProps = __rest(_a, ["theme", "variant", "size", "onToggleChange", "icon", "shouldMirrorIcon", "toggled", "children"]);
61
- var isInitialMount = React.useRef(true);
62
- // Only call onToggleChange on update - not on first mount
63
- React.useEffect(function () {
64
- if (isInitialMount.current) {
65
- isInitialMount.current = false;
66
- }
67
- else {
68
- if (toggled && typeof onToggleChange === 'function') {
69
- onToggleChange(toggled);
70
- }
71
- }
72
- }, [toggled, onToggleChange]);
73
- var containerStyles = __assign(__assign({ padding: 0, margin: variant === 'plain' ? '-8px' : undefined, minWidth: size === 'small' ? tokens_1.space.l : tokens_1.space.xl, width: size === 'small' ? tokens_1.space.l : tokens_1.space.xl, height: size === 'small' ? tokens_1.space.l : tokens_1.space.xl }, getIconButtonBorderRadius(variant)), (_b = {}, _b['& .wd-icon'] = {
74
- display: 'inline-block',
75
- verticalAlign: 'middle',
76
- width: size === 'small' ? '20px' : undefined,
77
- height: size === 'small' ? '20px' : undefined,
78
- }, _b));
79
- return (React.createElement(parts_1.ButtonContainer, __assign({ ref: ref, as: Element, colors: getIconButtonColors(variant, theme, toggled), size: size, fillIcon: toggled, extraStyles: containerStyles, "aria-pressed": toggled }, elemProps), icon ? React.createElement(icon_1.SystemIcon, { icon: icon, shouldMirror: shouldMirrorIcon }) : children));
80
- },
81
- });
82
- var getIconButtonBorderRadius = function (variant) {
83
- switch (variant) {
84
- case 'square':
85
- case 'squareFilled':
86
- return { borderRadius: tokens_1.borderRadius.m };
87
- default:
88
- return { borderRadius: tokens_1.borderRadius.circle };
89
- }
90
- };
91
- var getIconButtonColors = function (variant, theme, toggled) {
92
- var themePrimary = theme.canvas.palette.primary;
93
- switch (variant) {
94
- case 'square':
95
- case 'circle':
96
- default:
97
- return {
98
- default: {
99
- background: toggled ? themePrimary.main : undefined,
100
- icon: toggled ? themePrimary.contrast : tokens_1.colors.licorice200,
101
- },
102
- hover: {
103
- background: toggled ? themePrimary.dark : tokens_1.colors.soap300,
104
- icon: toggled ? themePrimary.contrast : tokens_1.colors.licorice500,
105
- },
106
- active: {
107
- background: toggled ? themePrimary.dark : tokens_1.colors.soap500,
108
- icon: toggled ? themePrimary.contrast : tokens_1.colors.licorice500,
109
- },
110
- focus: {
111
- background: toggled ? themePrimary.main : undefined,
112
- icon: toggled ? themePrimary.contrast : tokens_1.colors.licorice500,
113
- },
114
- disabled: {
115
- background: toggled ? themePrimary.lightest : 'transparent',
116
- icon: toggled ? themePrimary.light : tokens_1.colors.soap600,
117
- },
118
- };
119
- case 'squareFilled':
120
- case 'circleFilled':
121
- return {
122
- default: {
123
- background: toggled ? themePrimary.main : tokens_1.colors.soap200,
124
- icon: toggled ? themePrimary.contrast : tokens_1.colors.licorice200,
125
- },
126
- hover: {
127
- background: toggled ? themePrimary.dark : tokens_1.colors.soap400,
128
- icon: toggled ? themePrimary.contrast : tokens_1.colors.licorice500,
129
- },
130
- active: {
131
- background: toggled ? themePrimary.dark : tokens_1.colors.soap500,
132
- icon: toggled ? themePrimary.contrast : tokens_1.colors.licorice500,
133
- },
134
- focus: {
135
- background: toggled ? themePrimary.main : tokens_1.colors.soap200,
136
- icon: toggled ? themePrimary.contrast : tokens_1.colors.licorice500,
137
- },
138
- disabled: {
139
- background: toggled ? themePrimary.lightest : tokens_1.colors.soap100,
140
- icon: toggled ? themePrimary.light : tokens_1.colors.soap600,
141
- },
142
- };
143
- case 'plain':
144
- return {
145
- default: {
146
- icon: toggled ? themePrimary.main : tokens_1.colors.licorice200,
147
- },
148
- hover: {
149
- icon: toggled ? themePrimary.main : tokens_1.colors.licorice500,
150
- },
151
- active: {
152
- icon: toggled ? themePrimary.main : tokens_1.colors.licorice500,
153
- },
154
- focus: {
155
- icon: toggled ? themePrimary.main : tokens_1.colors.licorice500,
156
- focusRing: common_1.focusRing({}, theme),
157
- },
158
- disabled: {
159
- icon: toggled ? themePrimary.light : tokens_1.colors.soap600,
160
- },
161
- };
162
- case 'inverse':
163
- return {
164
- default: {
165
- background: toggled ? themePrimary.contrast : undefined,
166
- icon: toggled ? themePrimary.main : themePrimary.contrast,
167
- },
168
- hover: {
169
- background: toggled ? themePrimary.contrast : 'rgba(0, 0, 0, 0.2)',
170
- icon: toggled ? themePrimary.main : themePrimary.contrast,
171
- },
172
- active: {
173
- background: toggled ? themePrimary.contrast : 'rgba(0, 0, 0, 0.3)',
174
- icon: toggled ? themePrimary.main : themePrimary.contrast,
175
- },
176
- focus: {
177
- background: toggled ? themePrimary.contrast : undefined,
178
- icon: toggled ? themePrimary.main : themePrimary.contrast,
179
- focusRing: common_1.focusRing({
180
- separation: 2,
181
- innerColor: 'currentColor',
182
- outerColor: themePrimary.contrast,
183
- }, theme),
184
- },
185
- disabled: {
186
- background: toggled ? 'rgba(255,255,255,0.75)' : 'transparent',
187
- icon: toggled ? themePrimary.main : 'rgba(255, 255, 255, 0.75)',
188
- },
189
- };
190
- case 'inverseFilled':
191
- return {
192
- default: {
193
- background: toggled ? themePrimary.contrast : 'rgba(0, 0, 0, 0.2)',
194
- icon: toggled ? themePrimary.main : themePrimary.contrast,
195
- },
196
- hover: {
197
- background: toggled ? themePrimary.contrast : 'rgba(0, 0, 0, 0.3)',
198
- icon: toggled ? themePrimary.main : themePrimary.contrast,
199
- },
200
- active: {
201
- background: toggled ? themePrimary.contrast : 'rgba(0, 0, 0, 0.4)',
202
- icon: toggled ? themePrimary.main : themePrimary.contrast,
203
- },
204
- focus: {
205
- background: toggled ? themePrimary.contrast : 'rgba(0, 0, 0, 0.2)',
206
- icon: toggled ? themePrimary.main : themePrimary.contrast,
207
- focusRing: common_1.focusRing({
208
- separation: 2,
209
- innerColor: 'currentColor',
210
- outerColor: themePrimary.contrast,
211
- }, theme),
212
- },
213
- disabled: {
214
- background: toggled ? 'rgba(255,255,255,0.75)' : 'rgba(0, 0, 0, 0.2)',
215
- icon: toggled ? themePrimary.main : 'rgba(255, 255, 255, 0.75)',
216
- },
217
- };
218
- }
219
- };
@@ -1,33 +0,0 @@
1
- import * as React from 'react';
2
- import { CSSObject } from '@emotion/styled';
3
- import { GrowthBehavior } from '@workday/canvas-kit-react/common';
4
- import { ButtonColors, ButtonSizes } from '../types';
5
- export interface ButtonContainerProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, GrowthBehavior {
6
- colors?: ButtonColors;
7
- /**
8
- * There are four button sizes: `extraSmall`, `small`, `medium`, and `large`.
9
- * If no size is provided, it will default to `medium`.
10
- *
11
- * @default 'medium'
12
- */
13
- size?: ButtonSizes;
14
- /**
15
- * The ref to the button that the styled component renders.
16
- */
17
- ref?: React.Ref<HTMLButtonElement>;
18
- /**
19
- * Whether the icon should received filled (colored background layer) or regular styles.
20
- * Corresponds to `toggled` in IconButton
21
- */
22
- fillIcon?: boolean;
23
- /**
24
- * Any extra styles necessary for a given parent component.
25
- * This avoids using the inline `style` attribute when the shape needs to be customized (e.g. for IconButton)
26
- */
27
- extraStyles?: CSSObject;
28
- }
29
- export declare const ButtonContainer: import("@emotion/styled").StyledComponent<{
30
- theme?: import("@emotion/react").Theme | undefined;
31
- as?: "symbol" | "object" | "s" | "big" | "link" | "small" | "sub" | "sup" | "circle" | "stop" | "path" | "style" | "map" | "filter" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
32
- } & ButtonContainerProps, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
33
- //# sourceMappingURL=ButtonContainer.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ButtonContainer.d.ts","sourceRoot":"","sources":["../../../../../button/lib/parts/ButtonContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAE1C,OAAO,EACL,cAAc,EAKf,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,YAAY,EAAE,WAAW,EAAC,MAAM,UAAU,CAAC;AAGnD,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,cAAc;IAChB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AA8BD,eAAO,MAAM,eAAe;;;wHAgL3B,CAAC"}
@@ -1,126 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.ButtonContainer = void 0;
18
- var is_prop_valid_1 = __importDefault(require("@emotion/is-prop-valid"));
19
- var tokens_1 = require("@workday/canvas-kit-react/tokens");
20
- var common_1 = require("@workday/canvas-kit-react/common");
21
- var ButtonLabelData_1 = require("./ButtonLabelData");
22
- function getIconColorSelectors(_a, color, fill) {
23
- var themePrimary = _a.canvas.palette.primary;
24
- return {
25
- '&:focus span, &:hover span, & span': {
26
- '.wd-icon-fill, .wd-icon-accent, .wd-icon-accent2': {
27
- fill: color,
28
- },
29
- '.wd-icon-background': {
30
- fill: fill ? color : undefined,
31
- },
32
- '.wd-icon-background ~ .wd-icon-accent, .wd-icon-background ~ .wd-icon-accent2': {
33
- fill: fill
34
- ? color === themePrimary.contrast
35
- ? themePrimary.main
36
- : themePrimary.contrast
37
- : color,
38
- },
39
- },
40
- };
41
- }
42
- exports.ButtonContainer = common_1.styled('button', {
43
- shouldForwardProp: function (prop) { return is_prop_valid_1.default(prop) && prop !== 'size'; },
44
- })(__assign(__assign({}, tokens_1.type.levels.subtext.large), { fontWeight: tokens_1.type.properties.fontWeights.bold, lineHeight: 'normal', boxSizing: 'border-box', display: 'inline-flex', alignItems: 'center', justifyContent: 'center', background: 'none', borderRadius: tokens_1.borderRadius.circle, boxShadow: 'none', position: 'relative', cursor: 'pointer', outline: 'none', verticalAlign: 'middle', border: '1px solid transparent', overflow: 'hidden', whiteSpace: 'nowrap', WebkitFontSmoothing: 'antialiased', MozOsxFontSmoothing: 'grayscale', transition: 'box-shadow 120ms linear, border 120ms linear, background-color 120ms linear, color 120ms linear',
45
- // Makes the "down" state of the button happens faster than the hover state, so it animates in correctly.
46
- '&:hover:active': { transitionDuration: '40ms' }, '&:disabled, &:disabled:active': { cursor: 'default', boxShadow: 'none' }, '& > *:first-of-type': {
47
- marginLeft: 0,
48
- }, '& > *:last-of-type': {
49
- marginRight: 0,
50
- } }), function (_a) {
51
- var size = _a.size;
52
- switch (size) {
53
- case 'large':
54
- return __assign(__assign({}, tokens_1.type.levels.body.small), { fontWeight: tokens_1.type.properties.fontWeights.bold, minWidth: '112px', height: '48px', padding: "0 " + tokens_1.space.l, '& > * ': {
55
- margin: "0 " + tokens_1.spaceNumbers.xxs / 2 + "px",
56
- } });
57
- case 'medium':
58
- default:
59
- return {
60
- minWidth: '96px',
61
- height: tokens_1.space.xl,
62
- padding: "0 " + tokens_1.space.m,
63
- '& > * ': {
64
- margin: "0 " + tokens_1.spaceNumbers.xxs / 2 + "px",
65
- },
66
- };
67
- case 'small':
68
- return {
69
- minWidth: '80px',
70
- height: tokens_1.space.l,
71
- padding: "0 " + tokens_1.space.s,
72
- '& > * ': {
73
- margin: "0 " + tokens_1.spaceNumbers.xxxs / 2 + "px",
74
- },
75
- };
76
- case 'extraSmall':
77
- return __assign(__assign({}, tokens_1.type.levels.subtext.medium), { fontWeight: tokens_1.type.properties.fontWeights.bold, height: tokens_1.space.m, padding: "0 " + tokens_1.space.xs, '& > * ': {
78
- margin: "0 " + tokens_1.spaceNumbers.xxxs / 2 + "px",
79
- } });
80
- }
81
- }, function (_a) {
82
- var grow = _a.grow;
83
- return grow && { width: '100%', maxWidth: '100%' };
84
- }, function (_a) {
85
- var _b, _c, _d, _e, _f;
86
- var colors = _a.colors, fillIcon = _a.fillIcon, theme = _a.theme;
87
- if (!colors) {
88
- return;
89
- }
90
- var baseStyles = __assign(__assign({ backgroundColor: colors.default.background, borderColor: colors.default.border, color: colors.default.label }, (colors.default.icon && __assign({ '.wd-icon-fill, .wd-icon-accent, .wd-icon-accent2, .wd-icon-background': {
91
- transition: 'fill 120ms ease-in',
92
- } }, getIconColorSelectors(theme, colors.default.icon, fillIcon)))), (colors.default.labelData && (_b = {},
93
- _b['.' + ButtonLabelData_1.buttonLabelDataClassName] = {
94
- color: colors.default.labelData,
95
- },
96
- _b)));
97
- var hoverStyles = {
98
- '&:hover': __assign(__assign({ backgroundColor: colors.hover.background, borderColor: colors.hover.border, color: colors.hover.label }, (colors.hover.labelData && (_c = {},
99
- _c['.' + ButtonLabelData_1.buttonLabelDataClassName] = {
100
- transition: 'color 120ms ease-in',
101
- color: colors.hover.labelData,
102
- },
103
- _c))), (colors.hover.icon && getIconColorSelectors(theme, colors.hover.icon, fillIcon))),
104
- };
105
- var activeStyles = {
106
- '&:active, &:focus:active, &:hover:active': __assign(__assign({ backgroundColor: colors.active.background, borderColor: colors.active.border, color: colors.active.label }, (colors.active.labelData && (_d = {},
107
- _d['.' + ButtonLabelData_1.buttonLabelDataClassName] = {
108
- color: colors.active.labelData,
109
- },
110
- _d))), (colors.active.icon && getIconColorSelectors(theme, colors.active.icon, fillIcon))),
111
- };
112
- return __assign(__assign(__assign(__assign(__assign(__assign({}, baseStyles), { '&:focus': __assign(__assign(__assign({ backgroundColor: colors.focus.background, borderColor: colors.focus.border, color: colors.focus.label }, (colors.focus.focusRing || common_1.focusRing({ separation: 2 }, theme))), (colors.focus.labelData && (_e = {},
113
- _e['.' + ButtonLabelData_1.buttonLabelDataClassName] = {
114
- color: colors.focus.labelData,
115
- },
116
- _e))), (colors.focus.icon && getIconColorSelectors(theme, colors.focus.icon, fillIcon))) }), activeStyles), hoverStyles), { '&:disabled, &:active:disabled, &:focus:disabled, &:hover:disabled': __assign(__assign({ backgroundColor: colors.disabled.background, borderColor: colors.disabled.border, color: colors.disabled.label }, (colors.disabled.icon && getIconColorSelectors(theme, colors.disabled.icon, fillIcon))), (colors.disabled.labelData && (_f = {},
117
- _f['.' + ButtonLabelData_1.buttonLabelDataClassName] = {
118
- color: colors.disabled.labelData,
119
- },
120
- _f))) }), common_1.mouseFocusBehavior({
121
- '&:focus': __assign(__assign(__assign(__assign({}, baseStyles), { outline: 'none', boxShadow: 'none', animation: 'none' }), hoverStyles), activeStyles),
122
- }));
123
- }, function (_a) {
124
- var extraStyles = _a.extraStyles;
125
- return extraStyles;
126
- });
@@ -1,3 +0,0 @@
1
- export declare const buttonLabelDataClassName = "button-label-data";
2
- export declare const ButtonLabelData: (props: any) => JSX.Element;
3
- //# sourceMappingURL=ButtonLabelData.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ButtonLabelData.d.ts","sourceRoot":"","sources":["../../../../../button/lib/parts/ButtonLabelData.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,wBAAwB,sBAAsB,CAAC;AAU5D,eAAO,MAAM,eAAe,UAAW,GAAG,gBAEzC,CAAC"}
@@ -1,5 +0,0 @@
1
- import DeprecatedCookieBanner from './lib/CookieBanner';
2
- export default DeprecatedCookieBanner;
3
- export { DeprecatedCookieBanner };
4
- export * from './lib/CookieBanner';
5
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../cookie-banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,MAAM,oBAAoB,CAAC;AAExD,eAAe,sBAAsB,CAAC;AACtC,OAAO,EAAC,sBAAsB,EAAC,CAAC;AAChC,cAAc,oBAAoB,CAAC"}
@@ -1,20 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
10
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
11
- };
12
- var __importDefault = (this && this.__importDefault) || function (mod) {
13
- return (mod && mod.__esModule) ? mod : { "default": mod };
14
- };
15
- Object.defineProperty(exports, "__esModule", { value: true });
16
- exports.DeprecatedCookieBanner = void 0;
17
- var CookieBanner_1 = __importDefault(require("./lib/CookieBanner"));
18
- exports.DeprecatedCookieBanner = CookieBanner_1.default;
19
- exports.default = CookieBanner_1.default;
20
- __exportStar(require("./lib/CookieBanner"), exports);
@@ -1,48 +0,0 @@
1
- import * as React from 'react';
2
- /**
3
- * ### Deprecated Cookie Banner Props
4
- *
5
- * As of Canvas Kit v6, CookieBanner is being soft-deprecated.
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 DeprecatedCookieBannerProps {
11
- /**
12
- * If true, set the CookieBanner to the closed state.
13
- * @default false
14
- */
15
- isClosed?: boolean;
16
- /**
17
- * The function called when cookies are accepted via the CookieBanner. This callback function should set `isClosed` to `true`.
18
- */
19
- onAccept: (e: React.MouseEvent<HTMLButtonElement>) => void;
20
- /**
21
- * The function called when the CookieBanner settings button is clicked. The settings button is automatically displayed if this callback function is provided.
22
- */
23
- onClickSettings?: (e: React.MouseEvent<HTMLButtonElement>) => void;
24
- /**
25
- * The notice text or element of the CookieBanner.
26
- * @default CookieBanner.DefaultNotice
27
- */
28
- notice?: string | React.ReactNode;
29
- /**
30
- * The text of the CookieBanner settings button.
31
- * @default 'Cookie Settings'
32
- */
33
- settingsLabel?: string;
34
- }
35
- /**
36
- * ### Deprecated Cookie Banner
37
- *
38
- * As of Canvas Kit v6, this component is being soft-deprecated.
39
- * It will be hard-deprecated (completely removed) in v7. Please see the
40
- * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
41
- * for more information.
42
- */
43
- export default class DeprecatedCookieBanner extends React.Component<DeprecatedCookieBannerProps> {
44
- componentDidMount(): void;
45
- static DefaultNotice: string;
46
- render(): React.ReactNode;
47
- }
48
- //# sourceMappingURL=CookieBanner.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CookieBanner.d.ts","sourceRoot":"","sources":["../../../../cookie-banner/lib/CookieBanner.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;GAOG;AACH,MAAM,WAAW,2BAA2B;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAE3D;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAEnE;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAElC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AA8DD;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,2BAA2B,CAAC;IAC9F,iBAAiB;IASjB,OAAc,aAAa,SAC6J;IAEjL,MAAM,IAAI,KAAK,CAAC,SAAS;CAwBjC"}
@@ -1,143 +0,0 @@
1
- "use strict";
2
- var __extends = (this && this.__extends) || (function () {
3
- var extendStatics = function (d, b) {
4
- extendStatics = Object.setPrototypeOf ||
5
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
6
- function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
7
- return extendStatics(d, b);
8
- };
9
- return function (d, b) {
10
- extendStatics(d, b);
11
- function __() { this.constructor = d; }
12
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
13
- };
14
- })();
15
- var __assign = (this && this.__assign) || function () {
16
- __assign = Object.assign || function(t) {
17
- for (var s, i = 1, n = arguments.length; i < n; i++) {
18
- s = arguments[i];
19
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
20
- t[p] = s[p];
21
- }
22
- return t;
23
- };
24
- return __assign.apply(this, arguments);
25
- };
26
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
27
- if (k2 === undefined) k2 = k;
28
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
29
- }) : (function(o, m, k, k2) {
30
- if (k2 === undefined) k2 = k;
31
- o[k2] = m[k];
32
- }));
33
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
34
- Object.defineProperty(o, "default", { enumerable: true, value: v });
35
- }) : function(o, v) {
36
- o["default"] = v;
37
- });
38
- var __importStar = (this && this.__importStar) || function (mod) {
39
- if (mod && mod.__esModule) return mod;
40
- var result = {};
41
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
42
- __setModuleDefault(result, mod);
43
- return result;
44
- };
45
- var __rest = (this && this.__rest) || function (s, e) {
46
- var t = {};
47
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
48
- t[p] = s[p];
49
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
50
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
51
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
52
- t[p[i]] = s[p[i]];
53
- }
54
- return t;
55
- };
56
- var __importDefault = (this && this.__importDefault) || function (mod) {
57
- return (mod && mod.__esModule) ? mod : { "default": mod };
58
- };
59
- Object.defineProperty(exports, "__esModule", { value: true });
60
- /* @jsxRuntime classic */
61
- /** @jsx jsx */
62
- var react_1 = require("@emotion/react");
63
- var React = __importStar(require("react"));
64
- var styled_1 = __importDefault(require("@emotion/styled"));
65
- var tokens_1 = require("@workday/canvas-kit-react/tokens");
66
- var button_1 = require("@workday/canvas-kit-react/button");
67
- var Banner = styled_1.default('div')(tokens_1.type.levels.subtext.medium, {
68
- backgroundColor: tokens_1.commonColors.background,
69
- borderTop: "1px solid " + tokens_1.colors.soap400,
70
- display: 'flex',
71
- padding: tokens_1.space.m,
72
- alignItems: 'center',
73
- justifyContent: 'space-between',
74
- position: 'fixed',
75
- bottom: 0,
76
- left: 0,
77
- right: 0,
78
- zIndex: 99,
79
- transition: 'transform 0.2s ease-out',
80
- '@media (max-width: 450px)': {
81
- flexDirection: 'column',
82
- alignItems: 'stretch',
83
- textAlign: 'center',
84
- padding: tokens_1.space.s + " 0",
85
- },
86
- }, function (_a) {
87
- var isClosed = _a.isClosed;
88
- return isClosed ? { transform: 'translateY(100%)' } : null;
89
- });
90
- var BannerItem = styled_1.default('div')({
91
- marginLeft: tokens_1.space.s,
92
- marginRight: tokens_1.space.s,
93
- '@media (max-width: 450px)': {
94
- '&:not(:first-of-type)': {
95
- marginTop: tokens_1.space.s,
96
- },
97
- },
98
- });
99
- var rowStyle = react_1.css({
100
- display: 'flex',
101
- });
102
- var cookieSettingsStyles = react_1.css({
103
- marginRight: tokens_1.space.s,
104
- border: 0,
105
- fontWeight: 500,
106
- whiteSpace: 'nowrap',
107
- cursor: 'pointer',
108
- padding: 0,
109
- height: '0%',
110
- alignSelf: 'center',
111
- backgroundColor: 'transparent',
112
- });
113
- var CookieSettings = function (props) {
114
- return react_1.jsx(button_1.Hyperlink, __assign({ as: "button", css: cookieSettingsStyles }, props));
115
- };
116
- /**
117
- * ### Deprecated Cookie Banner
118
- *
119
- * As of Canvas Kit v6, this component is being soft-deprecated.
120
- * It will be hard-deprecated (completely removed) in v7. Please see the
121
- * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
122
- * for more information.
123
- */
124
- var DeprecatedCookieBanner = /** @class */ (function (_super) {
125
- __extends(DeprecatedCookieBanner, _super);
126
- function DeprecatedCookieBanner() {
127
- return _super !== null && _super.apply(this, arguments) || this;
128
- }
129
- DeprecatedCookieBanner.prototype.componentDidMount = function () {
130
- console.warn("This component is being deprecated and will be removed in Canvas Kit V7.\n\n For more information, please see the V6 migration guide:\n\n https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page\n ");
131
- };
132
- DeprecatedCookieBanner.prototype.render = function () {
133
- var _a = this.props, _b = _a.notice, notice = _b === void 0 ? DeprecatedCookieBanner.DefaultNotice : _b, _c = _a.settingsLabel, settingsLabel = _c === void 0 ? 'Cookie Settings' : _c, isClosed = _a.isClosed, onAccept = _a.onAccept, onClickSettings = _a.onClickSettings, elemProps = __rest(_a, ["notice", "settingsLabel", "isClosed", "onAccept", "onClickSettings"]);
134
- return (react_1.jsx(Banner, __assign({ isClosed: isClosed }, elemProps),
135
- react_1.jsx(BannerItem, null, notice),
136
- react_1.jsx(BannerItem, { css: rowStyle },
137
- onClickSettings && (react_1.jsx(CookieSettings, { onClick: onClickSettings }, settingsLabel)),
138
- react_1.jsx(button_1.PrimaryButton, { onClick: onAccept, grow: true }, "Continue"))));
139
- };
140
- DeprecatedCookieBanner.DefaultNotice = 'We use cookies to ensure that we give you the best experience on our website. If you continue without changing your settings, we’ll assume that you are willing to receive cookies.';
141
- return DeprecatedCookieBanner;
142
- }(React.Component));
143
- exports.default = DeprecatedCookieBanner;
@@ -1,5 +0,0 @@
1
- import DeprecatedPageHeader from './lib/PageHeader';
2
- export default DeprecatedPageHeader;
3
- export { DeprecatedPageHeader };
4
- export * from './lib/PageHeader';
5
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../page-header/index.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,MAAM,kBAAkB,CAAC;AAEpD,eAAe,oBAAoB,CAAC;AACpC,OAAO,EAAC,oBAAoB,EAAC,CAAC;AAC9B,cAAc,kBAAkB,CAAC"}
@@ -1,20 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
10
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
11
- };
12
- var __importDefault = (this && this.__importDefault) || function (mod) {
13
- return (mod && mod.__esModule) ? mod : { "default": mod };
14
- };
15
- Object.defineProperty(exports, "__esModule", { value: true });
16
- exports.DeprecatedPageHeader = void 0;
17
- var PageHeader_1 = __importDefault(require("./lib/PageHeader"));
18
- exports.DeprecatedPageHeader = PageHeader_1.default;
19
- exports.default = PageHeader_1.default;
20
- __exportStar(require("./lib/PageHeader"), exports);