@workday/canvas-kit-react 7.0.0-alpha.0-next.6 → 7.0.0-alpha.0-next.7
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.
- package/action-bar/lib/ActionBar.tsx +1 -1
- package/banner/lib/Banner.tsx +1 -1
- package/banner/lib/BannerActionText.tsx +1 -1
- package/banner/lib/BannerLabel.tsx +1 -1
- package/card/lib/Card.tsx +1 -1
- package/card/lib/CardBody.tsx +1 -1
- package/card/lib/CardHeading.tsx +1 -1
- package/dist/commonjs/action-bar/lib/ActionBar.d.ts +1 -1
- package/dist/commonjs/action-bar/lib/ActionBar.d.ts.map +1 -1
- package/dist/commonjs/action-bar/lib/ActionBar.js +2 -2
- package/dist/commonjs/banner/lib/Banner.d.ts +1 -1
- package/dist/commonjs/banner/lib/Banner.d.ts.map +1 -1
- package/dist/commonjs/banner/lib/Banner.js +1 -1
- package/dist/commonjs/banner/lib/BannerActionText.d.ts +1 -1
- package/dist/commonjs/banner/lib/BannerActionText.d.ts.map +1 -1
- package/dist/commonjs/banner/lib/BannerActionText.js +2 -2
- package/dist/commonjs/banner/lib/BannerLabel.d.ts +1 -1
- package/dist/commonjs/banner/lib/BannerLabel.d.ts.map +1 -1
- package/dist/commonjs/banner/lib/BannerLabel.js +1 -1
- package/dist/commonjs/card/lib/Card.d.ts +2 -2
- package/dist/commonjs/card/lib/Card.d.ts.map +1 -1
- package/dist/commonjs/card/lib/Card.js +2 -2
- package/dist/commonjs/card/lib/CardBody.d.ts +1 -1
- package/dist/commonjs/card/lib/CardBody.d.ts.map +1 -1
- package/dist/commonjs/card/lib/CardBody.js +2 -2
- package/dist/commonjs/card/lib/CardHeading.d.ts +1 -1
- package/dist/commonjs/card/lib/CardHeading.d.ts.map +1 -1
- package/dist/commonjs/card/lib/CardHeading.js +2 -2
- package/dist/commonjs/dialog/lib/Dialog.d.ts +1 -1
- package/dist/commonjs/layout/index.d.ts +12 -2
- package/dist/commonjs/layout/index.d.ts.map +1 -1
- package/dist/commonjs/layout/index.js +8 -2
- package/dist/commonjs/layout/lib/Box.d.ts +31 -0
- package/dist/commonjs/layout/lib/Box.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/Box.js +99 -0
- package/dist/commonjs/layout/lib/Flex.d.ts +26 -0
- package/dist/commonjs/layout/lib/Flex.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/Flex.js +83 -0
- package/dist/commonjs/layout/lib/Stack.d.ts +27 -0
- package/dist/commonjs/layout/lib/Stack.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/Stack.js +99 -0
- package/dist/commonjs/layout/lib/utils/border.d.ts +103 -0
- package/dist/commonjs/layout/lib/utils/border.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/border.js +153 -0
- package/dist/commonjs/layout/lib/utils/color.d.ts +26 -0
- package/dist/commonjs/layout/lib/utils/color.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/color.js +57 -0
- package/dist/commonjs/layout/lib/utils/depth.d.ts +22 -0
- package/dist/commonjs/layout/lib/utils/depth.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/depth.js +29 -0
- package/dist/commonjs/layout/lib/utils/flex.d.ts +36 -0
- package/dist/commonjs/layout/lib/utils/flex.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/flex.js +38 -0
- package/dist/commonjs/layout/lib/utils/flexItem.d.ts +33 -0
- package/dist/commonjs/layout/lib/utils/flexItem.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/flexItem.js +39 -0
- package/dist/commonjs/layout/lib/utils/getValidChildren.d.ts +3 -0
- package/dist/commonjs/layout/lib/utils/getValidChildren.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/getValidChildren.js +29 -0
- package/dist/commonjs/layout/lib/utils/layout.d.ts +43 -0
- package/dist/commonjs/layout/lib/utils/layout.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/layout.js +43 -0
- package/dist/commonjs/layout/lib/utils/other.d.ts +5 -0
- package/dist/commonjs/layout/lib/utils/other.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/other.js +19 -0
- package/dist/commonjs/layout/lib/utils/position.d.ts +41 -0
- package/dist/commonjs/layout/lib/utils/position.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/position.js +78 -0
- package/dist/commonjs/layout/lib/utils/space.d.ts +64 -0
- package/dist/commonjs/layout/lib/utils/space.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/space.js +161 -0
- package/dist/commonjs/layout/lib/utils/stack.d.ts +26 -0
- package/dist/commonjs/layout/lib/utils/stack.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/stack.js +55 -0
- package/dist/commonjs/layout/lib/utils/types.d.ts +20 -0
- package/dist/commonjs/layout/lib/utils/types.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/types.js +2 -0
- package/dist/commonjs/modal/lib/Modal.d.ts +1 -1
- package/dist/commonjs/modal/lib/ModalOverlay.d.ts +1 -1
- package/dist/commonjs/modal/lib/ModalOverlay.d.ts.map +1 -1
- package/dist/commonjs/modal/lib/ModalOverlay.js +2 -2
- package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.d.ts +1 -1
- package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.d.ts.map +1 -1
- package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.js +1 -1
- package/dist/commonjs/pagination/lib/Pagination/Controls.js +1 -1
- package/dist/commonjs/pagination/lib/Pagination/GoTo/Form.d.ts +1 -1
- package/dist/commonjs/pagination/lib/Pagination/GoTo/Form.d.ts.map +1 -1
- package/dist/commonjs/pagination/lib/Pagination/GoTo/Form.js +1 -1
- package/dist/commonjs/pagination/lib/Pagination/Nav.d.ts +1 -1
- package/dist/commonjs/pagination/lib/Pagination/Nav.d.ts.map +1 -1
- package/dist/commonjs/pagination/lib/Pagination/Nav.js +1 -1
- package/dist/commonjs/pagination/lib/Pagination/PageList.d.ts +1 -1
- package/dist/commonjs/pagination/lib/Pagination/PageList.d.ts.map +1 -1
- package/dist/commonjs/pagination/lib/Pagination/PageList.js +1 -1
- package/dist/commonjs/pagination/lib/Pagination/common/List.d.ts +1 -1
- package/dist/commonjs/pagination/lib/Pagination/common/List.d.ts.map +1 -1
- package/dist/commonjs/pagination/lib/Pagination/common/List.js +1 -1
- package/dist/commonjs/popup/lib/Popup.d.ts +1 -1
- package/dist/commonjs/popup/lib/PopupBody.d.ts +1 -1
- package/dist/commonjs/popup/lib/PopupBody.d.ts.map +1 -1
- package/dist/commonjs/popup/lib/PopupCard.d.ts +1 -1
- package/dist/commonjs/popup/lib/PopupCard.d.ts.map +1 -1
- package/dist/commonjs/popup/lib/PopupCard.js +1 -1
- package/dist/commonjs/tabs/lib/TabsItem.d.ts +2 -3
- package/dist/commonjs/tabs/lib/TabsItem.d.ts.map +1 -1
- package/dist/commonjs/tabs/lib/TabsItem.js +2 -2
- package/dist/commonjs/tabs/lib/TabsList.d.ts +1 -1
- package/dist/commonjs/tabs/lib/TabsList.d.ts.map +1 -1
- package/dist/commonjs/tabs/lib/TabsList.js +1 -1
- package/dist/commonjs/tabs/lib/TabsPanel.d.ts +1 -1
- package/dist/commonjs/tabs/lib/TabsPanel.d.ts.map +1 -1
- package/dist/commonjs/tabs/lib/TabsPanel.js +2 -2
- package/dist/commonjs/tabs/lib/menu/MenuItem.js +2 -2
- package/dist/commonjs/tabs/lib/menu/MenuList.d.ts +1 -1
- package/dist/commonjs/tabs/lib/menu/MenuList.d.ts.map +1 -1
- package/dist/commonjs/tabs/lib/menu/MenuList.js +1 -1
- package/dist/es6/action-bar/lib/ActionBar.d.ts +1 -1
- package/dist/es6/action-bar/lib/ActionBar.d.ts.map +1 -1
- package/dist/es6/action-bar/lib/ActionBar.js +1 -1
- package/dist/es6/banner/lib/Banner.d.ts +1 -1
- package/dist/es6/banner/lib/Banner.d.ts.map +1 -1
- package/dist/es6/banner/lib/Banner.js +1 -1
- package/dist/es6/banner/lib/BannerActionText.d.ts +1 -1
- package/dist/es6/banner/lib/BannerActionText.d.ts.map +1 -1
- package/dist/es6/banner/lib/BannerActionText.js +1 -1
- package/dist/es6/banner/lib/BannerLabel.d.ts +1 -1
- package/dist/es6/banner/lib/BannerLabel.d.ts.map +1 -1
- package/dist/es6/banner/lib/BannerLabel.js +1 -1
- package/dist/es6/card/lib/Card.d.ts +2 -2
- package/dist/es6/card/lib/Card.d.ts.map +1 -1
- package/dist/es6/card/lib/Card.js +1 -1
- package/dist/es6/card/lib/CardBody.d.ts +1 -1
- package/dist/es6/card/lib/CardBody.d.ts.map +1 -1
- package/dist/es6/card/lib/CardBody.js +1 -1
- package/dist/es6/card/lib/CardHeading.d.ts +1 -1
- package/dist/es6/card/lib/CardHeading.d.ts.map +1 -1
- package/dist/es6/card/lib/CardHeading.js +1 -1
- package/dist/es6/dialog/lib/Dialog.d.ts +1 -1
- package/dist/es6/layout/index.d.ts +12 -2
- package/dist/es6/layout/index.d.ts.map +1 -1
- package/dist/es6/layout/index.js +8 -2
- package/dist/es6/layout/lib/Box.d.ts +31 -0
- package/dist/es6/layout/lib/Box.d.ts.map +1 -0
- package/dist/es6/layout/lib/Box.js +74 -0
- package/dist/es6/layout/lib/Flex.d.ts +26 -0
- package/dist/es6/layout/lib/Flex.d.ts.map +1 -0
- package/dist/es6/layout/lib/Flex.js +58 -0
- package/dist/es6/layout/lib/Stack.d.ts +27 -0
- package/dist/es6/layout/lib/Stack.d.ts.map +1 -0
- package/dist/es6/layout/lib/Stack.js +74 -0
- package/dist/es6/layout/lib/utils/border.d.ts +103 -0
- package/dist/es6/layout/lib/utils/border.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/border.js +149 -0
- package/dist/es6/layout/lib/utils/color.d.ts +26 -0
- package/dist/es6/layout/lib/utils/color.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/color.js +53 -0
- package/dist/es6/layout/lib/utils/depth.d.ts +22 -0
- package/dist/es6/layout/lib/utils/depth.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/depth.js +25 -0
- package/dist/es6/layout/lib/utils/flex.d.ts +36 -0
- package/dist/es6/layout/lib/utils/flex.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/flex.js +34 -0
- package/dist/es6/layout/lib/utils/flexItem.d.ts +33 -0
- package/dist/es6/layout/lib/utils/flexItem.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/flexItem.js +35 -0
- package/dist/es6/layout/lib/utils/getValidChildren.d.ts +3 -0
- package/dist/es6/layout/lib/utils/getValidChildren.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/getValidChildren.js +6 -0
- package/dist/es6/layout/lib/utils/layout.d.ts +43 -0
- package/dist/es6/layout/lib/utils/layout.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/layout.js +39 -0
- package/dist/es6/layout/lib/utils/other.d.ts +5 -0
- package/dist/es6/layout/lib/utils/other.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/other.js +15 -0
- package/dist/es6/layout/lib/utils/position.d.ts +41 -0
- package/dist/es6/layout/lib/utils/position.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/position.js +74 -0
- package/dist/es6/layout/lib/utils/space.d.ts +64 -0
- package/dist/es6/layout/lib/utils/space.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/space.js +157 -0
- package/dist/es6/layout/lib/utils/stack.d.ts +26 -0
- package/dist/es6/layout/lib/utils/stack.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/stack.js +51 -0
- package/dist/es6/layout/lib/utils/types.d.ts +20 -0
- package/dist/es6/layout/lib/utils/types.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/types.js +1 -0
- package/dist/es6/modal/lib/Modal.d.ts +1 -1
- package/dist/es6/modal/lib/ModalOverlay.d.ts +1 -1
- package/dist/es6/modal/lib/ModalOverlay.d.ts.map +1 -1
- package/dist/es6/modal/lib/ModalOverlay.js +1 -1
- package/dist/es6/pagination/lib/Pagination/AdditionalDetails.d.ts +1 -1
- package/dist/es6/pagination/lib/Pagination/AdditionalDetails.d.ts.map +1 -1
- package/dist/es6/pagination/lib/Pagination/AdditionalDetails.js +1 -1
- package/dist/es6/pagination/lib/Pagination/Controls.js +1 -1
- package/dist/es6/pagination/lib/Pagination/GoTo/Form.d.ts +1 -1
- package/dist/es6/pagination/lib/Pagination/GoTo/Form.d.ts.map +1 -1
- package/dist/es6/pagination/lib/Pagination/GoTo/Form.js +1 -1
- package/dist/es6/pagination/lib/Pagination/Nav.d.ts +1 -1
- package/dist/es6/pagination/lib/Pagination/Nav.d.ts.map +1 -1
- package/dist/es6/pagination/lib/Pagination/Nav.js +1 -1
- package/dist/es6/pagination/lib/Pagination/PageList.d.ts +1 -1
- package/dist/es6/pagination/lib/Pagination/PageList.d.ts.map +1 -1
- package/dist/es6/pagination/lib/Pagination/PageList.js +1 -1
- package/dist/es6/pagination/lib/Pagination/common/List.d.ts +1 -1
- package/dist/es6/pagination/lib/Pagination/common/List.d.ts.map +1 -1
- package/dist/es6/pagination/lib/Pagination/common/List.js +1 -1
- package/dist/es6/popup/lib/Popup.d.ts +1 -1
- package/dist/es6/popup/lib/PopupBody.d.ts +1 -1
- package/dist/es6/popup/lib/PopupBody.d.ts.map +1 -1
- package/dist/es6/popup/lib/PopupCard.d.ts +1 -1
- package/dist/es6/popup/lib/PopupCard.d.ts.map +1 -1
- package/dist/es6/popup/lib/PopupCard.js +1 -1
- package/dist/es6/tabs/lib/TabsItem.d.ts +2 -3
- package/dist/es6/tabs/lib/TabsItem.d.ts.map +1 -1
- package/dist/es6/tabs/lib/TabsItem.js +1 -1
- package/dist/es6/tabs/lib/TabsList.d.ts +1 -1
- package/dist/es6/tabs/lib/TabsList.d.ts.map +1 -1
- package/dist/es6/tabs/lib/TabsList.js +1 -1
- package/dist/es6/tabs/lib/TabsPanel.d.ts +1 -1
- package/dist/es6/tabs/lib/TabsPanel.d.ts.map +1 -1
- package/dist/es6/tabs/lib/TabsPanel.js +1 -1
- package/dist/es6/tabs/lib/menu/MenuItem.js +1 -1
- package/dist/es6/tabs/lib/menu/MenuList.d.ts +1 -1
- package/dist/es6/tabs/lib/menu/MenuList.d.ts.map +1 -1
- package/dist/es6/tabs/lib/menu/MenuList.js +1 -1
- package/layout/LICENSE +1 -0
- package/layout/README.md +31 -0
- package/layout/index.ts +13 -3
- package/layout/lib/Box.tsx +92 -0
- package/layout/lib/Flex.tsx +47 -0
- package/layout/lib/Stack.tsx +95 -0
- package/layout/lib/utils/border.ts +263 -0
- package/layout/lib/utils/color.ts +62 -0
- package/layout/lib/utils/depth.ts +37 -0
- package/layout/lib/utils/flex.ts +65 -0
- package/layout/lib/utils/flexItem.ts +56 -0
- package/layout/lib/utils/getValidChildren.ts +7 -0
- package/layout/lib/utils/layout.ts +77 -0
- package/layout/lib/utils/other.ts +20 -0
- package/layout/lib/utils/position.ts +96 -0
- package/layout/lib/utils/space.ts +207 -0
- package/layout/lib/utils/stack.ts +78 -0
- package/layout/lib/utils/types.ts +148 -0
- package/modal/lib/ModalOverlay.tsx +1 -1
- package/package.json +6 -5
- package/pagination/lib/Pagination/AdditionalDetails.tsx +1 -1
- package/pagination/lib/Pagination/Controls.tsx +1 -1
- package/pagination/lib/Pagination/GoTo/Form.tsx +1 -1
- package/pagination/lib/Pagination/Nav.tsx +1 -1
- package/pagination/lib/Pagination/PageList.tsx +1 -1
- package/pagination/lib/Pagination/common/List.tsx +1 -1
- package/popup/lib/PopupCard.tsx +1 -1
- package/tabs/lib/TabsItem.tsx +1 -2
- package/tabs/lib/TabsList.tsx +1 -1
- package/tabs/lib/TabsPanel.tsx +1 -1
- package/tabs/lib/menu/MenuItem.tsx +1 -1
- package/tabs/lib/menu/MenuList.tsx +1 -1
- package/ts3.5/dist/commonjs/action-bar/lib/ActionBar.d.ts +1 -1
- package/ts3.5/dist/commonjs/banner/lib/Banner.d.ts +1 -1
- package/ts3.5/dist/commonjs/banner/lib/BannerActionText.d.ts +1 -1
- package/ts3.5/dist/commonjs/banner/lib/BannerLabel.d.ts +1 -1
- package/ts3.5/dist/commonjs/card/lib/Card.d.ts +2 -2
- package/ts3.5/dist/commonjs/card/lib/CardBody.d.ts +1 -1
- package/ts3.5/dist/commonjs/card/lib/CardHeading.d.ts +1 -1
- package/ts3.5/dist/commonjs/dialog/lib/Dialog.d.ts +1 -1
- package/ts3.5/dist/commonjs/layout/index.d.ts +12 -2
- package/ts3.5/dist/commonjs/layout/lib/Box.d.ts +31 -0
- package/ts3.5/dist/commonjs/layout/lib/Flex.d.ts +26 -0
- package/ts3.5/dist/commonjs/layout/lib/Stack.d.ts +27 -0
- package/ts3.5/dist/commonjs/layout/lib/utils/border.d.ts +103 -0
- package/ts3.5/dist/commonjs/layout/lib/utils/color.d.ts +26 -0
- package/ts3.5/dist/commonjs/layout/lib/utils/depth.d.ts +22 -0
- package/ts3.5/dist/commonjs/layout/lib/utils/flex.d.ts +36 -0
- package/ts3.5/dist/commonjs/layout/lib/utils/flexItem.d.ts +33 -0
- package/ts3.5/dist/commonjs/layout/lib/utils/getValidChildren.d.ts +3 -0
- package/ts3.5/dist/commonjs/layout/lib/utils/layout.d.ts +43 -0
- package/ts3.5/dist/commonjs/layout/lib/utils/other.d.ts +5 -0
- package/ts3.5/dist/commonjs/layout/lib/utils/position.d.ts +41 -0
- package/ts3.5/dist/commonjs/layout/lib/utils/space.d.ts +64 -0
- package/ts3.5/dist/commonjs/layout/lib/utils/stack.d.ts +26 -0
- package/ts3.5/dist/commonjs/layout/lib/utils/types.d.ts +20 -0
- package/ts3.5/dist/commonjs/modal/lib/Modal.d.ts +1 -1
- package/ts3.5/dist/commonjs/modal/lib/ModalOverlay.d.ts +1 -1
- package/ts3.5/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.d.ts +1 -1
- package/ts3.5/dist/commonjs/pagination/lib/Pagination/GoTo/Form.d.ts +1 -1
- package/ts3.5/dist/commonjs/pagination/lib/Pagination/Nav.d.ts +1 -1
- package/ts3.5/dist/commonjs/pagination/lib/Pagination/PageList.d.ts +1 -1
- package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/List.d.ts +1 -1
- package/ts3.5/dist/commonjs/popup/lib/Popup.d.ts +1 -1
- package/ts3.5/dist/commonjs/popup/lib/PopupBody.d.ts +1 -1
- package/ts3.5/dist/commonjs/popup/lib/PopupCard.d.ts +1 -1
- package/ts3.5/dist/commonjs/tabs/lib/TabsItem.d.ts +2 -3
- package/ts3.5/dist/commonjs/tabs/lib/TabsList.d.ts +1 -1
- package/ts3.5/dist/commonjs/tabs/lib/TabsPanel.d.ts +1 -1
- package/ts3.5/dist/commonjs/tabs/lib/menu/MenuList.d.ts +1 -1
- package/ts3.5/dist/es6/action-bar/lib/ActionBar.d.ts +1 -1
- package/ts3.5/dist/es6/banner/lib/Banner.d.ts +1 -1
- package/ts3.5/dist/es6/banner/lib/BannerActionText.d.ts +1 -1
- package/ts3.5/dist/es6/banner/lib/BannerLabel.d.ts +1 -1
- package/ts3.5/dist/es6/card/lib/Card.d.ts +2 -2
- package/ts3.5/dist/es6/card/lib/CardBody.d.ts +1 -1
- package/ts3.5/dist/es6/card/lib/CardHeading.d.ts +1 -1
- package/ts3.5/dist/es6/dialog/lib/Dialog.d.ts +1 -1
- package/ts3.5/dist/es6/layout/index.d.ts +12 -2
- package/ts3.5/dist/es6/layout/lib/Box.d.ts +31 -0
- package/ts3.5/dist/es6/layout/lib/Flex.d.ts +26 -0
- package/ts3.5/dist/es6/layout/lib/Stack.d.ts +27 -0
- package/ts3.5/dist/es6/layout/lib/utils/border.d.ts +103 -0
- package/ts3.5/dist/es6/layout/lib/utils/color.d.ts +26 -0
- package/ts3.5/dist/es6/layout/lib/utils/depth.d.ts +22 -0
- package/ts3.5/dist/es6/layout/lib/utils/flex.d.ts +36 -0
- package/ts3.5/dist/es6/layout/lib/utils/flexItem.d.ts +33 -0
- package/ts3.5/dist/es6/layout/lib/utils/getValidChildren.d.ts +3 -0
- package/ts3.5/dist/es6/layout/lib/utils/layout.d.ts +43 -0
- package/ts3.5/dist/es6/layout/lib/utils/other.d.ts +5 -0
- package/ts3.5/dist/es6/layout/lib/utils/position.d.ts +41 -0
- package/ts3.5/dist/es6/layout/lib/utils/space.d.ts +64 -0
- package/ts3.5/dist/es6/layout/lib/utils/stack.d.ts +26 -0
- package/ts3.5/dist/es6/layout/lib/utils/types.d.ts +20 -0
- package/ts3.5/dist/es6/modal/lib/Modal.d.ts +1 -1
- package/ts3.5/dist/es6/modal/lib/ModalOverlay.d.ts +1 -1
- package/ts3.5/dist/es6/pagination/lib/Pagination/AdditionalDetails.d.ts +1 -1
- package/ts3.5/dist/es6/pagination/lib/Pagination/GoTo/Form.d.ts +1 -1
- package/ts3.5/dist/es6/pagination/lib/Pagination/Nav.d.ts +1 -1
- package/ts3.5/dist/es6/pagination/lib/Pagination/PageList.d.ts +1 -1
- package/ts3.5/dist/es6/pagination/lib/Pagination/common/List.d.ts +1 -1
- package/ts3.5/dist/es6/popup/lib/Popup.d.ts +1 -1
- package/ts3.5/dist/es6/popup/lib/PopupBody.d.ts +1 -1
- package/ts3.5/dist/es6/popup/lib/PopupCard.d.ts +1 -1
- package/ts3.5/dist/es6/tabs/lib/TabsItem.d.ts +2 -3
- package/ts3.5/dist/es6/tabs/lib/TabsList.d.ts +1 -1
- package/ts3.5/dist/es6/tabs/lib/TabsPanel.d.ts +1 -1
- package/ts3.5/dist/es6/tabs/lib/menu/MenuList.d.ts +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FlexProps } from '@workday/canvas-kit-
|
|
1
|
+
import { FlexProps } from '@workday/canvas-kit-react/layout';
|
|
2
2
|
export interface ListProps extends FlexProps {
|
|
3
3
|
}
|
|
4
4
|
export declare const List: import("../../../../common").ElementComponent<"ul", ListProps>;
|
|
@@ -12,7 +12,7 @@ export interface PopupProps {
|
|
|
12
12
|
}
|
|
13
13
|
export declare const Popup: import("../../common").Component<PopupProps> & {
|
|
14
14
|
Heading: import("../../common").ElementComponent<"h2", import("./PopupHeading").PopupHeadingProps>;
|
|
15
|
-
Body: import("../../common").ElementComponent<"div", import("
|
|
15
|
+
Body: import("../../common").ElementComponent<"div", import("../..").BorderShorthandStyleProps & import("../..").BorderColorStyleProps & import("../..").BorderRadiusStyleProps & import("../..").BorderLineStyleProps & import("../..").BorderWidthStyleProps & import("../..").BorderLogicalStyleProps & import("../..").ColorStyleProps & import("../..").DepthStyleProps & import("../..").FlexItemStyleProps & import("../..").LayoutStyleProps & import("../../layout/lib/utils/other").OtherStyleProps & import("../..").PositionStandardProps & import("../..").PositionLogicalProps & import("../../layout/lib/utils/space").SpaceStandardProps & import("../../layout/lib/utils/space").SpaceLogicalProps>;
|
|
16
16
|
Card: import("../../common").ElementComponent<"div", import("./PopupCard").PopupCardProps>;
|
|
17
17
|
CloseIcon: import("../../common").ElementComponent<"button", import("./PopupCloseIcon").PopupCloseIconProps>;
|
|
18
18
|
Target: import("../../common").ElementComponent<import("../../common").ElementComponent<"button", import("../..").SecondaryButtonProps>, import("./PopupTarget").PopupTargetProps>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const PopupBody: import("../../common").ElementComponent<"div", import("
|
|
1
|
+
export declare const PopupBody: import("../../common").ElementComponent<"div", import("../..").BorderShorthandStyleProps & import("../..").BorderColorStyleProps & import("../..").BorderRadiusStyleProps & import("../..").BorderLineStyleProps & import("../..").BorderWidthStyleProps & import("../..").BorderLogicalStyleProps & import("../..").ColorStyleProps & import("../..").DepthStyleProps & import("../..").FlexItemStyleProps & import("../..").LayoutStyleProps & import("../../layout/lib/utils/other").OtherStyleProps & import("../..").PositionStandardProps & import("../..").PositionLogicalProps & import("../../layout/lib/utils/space").SpaceStandardProps & import("../../layout/lib/utils/space").SpaceLogicalProps>;
|
|
2
2
|
//# sourceMappingURL=PopupBody.d.ts.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { Card } from '@workday/canvas-kit-react/card';
|
|
3
3
|
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
4
|
-
import { StackStyleProps } from '@workday/canvas-kit-
|
|
4
|
+
import { StackStyleProps } from '@workday/canvas-kit-react/layout';
|
|
5
5
|
import { PopupModel } from './hooks';
|
|
6
6
|
export interface PopupCardProps extends ExtractProps<typeof Card, never>, Partial<StackStyleProps> {
|
|
7
7
|
/**
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { StyledType, ExtractProps } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { Box } from '@workday/canvas-kit-
|
|
3
|
+
import { Box, StackProps } from '@workday/canvas-kit-react/layout';
|
|
4
4
|
import { SystemIcon } from '@workday/canvas-kit-react/icon';
|
|
5
5
|
import { TabsModel } from './useTabsModel';
|
|
6
|
-
import { StackProps } from '@workday/canvas-kit-labs-react/layout';
|
|
7
6
|
export interface TabsItemProps extends ExtractProps<typeof Box, never>, Partial<Pick<StackProps, 'spacing'>> {
|
|
8
7
|
/**
|
|
9
8
|
* Optionally pass index to tab item. This should be done if `Tabs.Item` components were created
|
|
@@ -72,7 +71,7 @@ export interface TabsItemProps extends ExtractProps<typeof Box, never>, Partial<
|
|
|
72
71
|
*/
|
|
73
72
|
hasIcon?: boolean;
|
|
74
73
|
}
|
|
75
|
-
export declare const StyledTabItem: import("@emotion/styled").StyledComponent<import("
|
|
74
|
+
export declare const StyledTabItem: import("@emotion/styled").StyledComponent<import("../../layout").BorderShorthandStyleProps & import("../../layout").BorderColorStyleProps & import("../../layout").BorderRadiusStyleProps & import("../../layout").BorderLineStyleProps & import("../../layout").BorderWidthStyleProps & import("../../layout").BorderLogicalStyleProps & import("../../layout").ColorStyleProps & import("../../layout").DepthStyleProps & import("../../layout").FlexItemStyleProps & import("../../layout").LayoutStyleProps & import("../../layout/lib/utils/other").OtherStyleProps & import("../../layout").PositionStandardProps & import("../../layout").PositionLogicalProps & import("../../layout/lib/utils/space").SpaceStandardProps & import("../../layout/lib/utils/space").SpaceLogicalProps & Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "name" | "style" | "ref" | "form" | "slot" | "title" | "dir" | "value" | "children" | "hidden" | "type" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "disabled" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget"> & {
|
|
76
75
|
ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
|
|
77
76
|
} & {
|
|
78
77
|
theme?: import("@emotion/react").Theme | undefined;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { Stack } from '@workday/canvas-kit-
|
|
3
|
+
import { Stack } from '@workday/canvas-kit-react/layout';
|
|
4
4
|
import { TabsModel } from './useTabsModel';
|
|
5
5
|
export interface TabListProps<T = unknown> extends Partial<ExtractProps<typeof Stack, never>> {
|
|
6
6
|
/**
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { Box } from '@workday/canvas-kit-
|
|
3
|
+
import { Box } from '@workday/canvas-kit-react/layout';
|
|
4
4
|
import { TabsModel } from './useTabsModel';
|
|
5
5
|
export interface TabPanelProps<T = unknown> extends ExtractProps<typeof Box, never> {
|
|
6
6
|
/**
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { Stack } from '@workday/canvas-kit-
|
|
3
|
+
import { Stack } from '@workday/canvas-kit-react/layout';
|
|
4
4
|
import { MenuModel } from './useMenuModel';
|
|
5
5
|
export interface MenuListProps<T = unknown> extends Partial<ExtractProps<typeof Stack, never>> {
|
|
6
6
|
/**
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { Flex } from '@workday/canvas-kit-
|
|
3
|
+
import { Flex } from '@workday/canvas-kit-react/layout';
|
|
4
4
|
import { BannerModel, BannerModelConfig } from './hooks';
|
|
5
5
|
export declare const BannerModelContext: React.Context<import("../../common").Model<{
|
|
6
6
|
hasError?: boolean | undefined;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { Box } from '@workday/canvas-kit-
|
|
3
|
+
import { Box } from '@workday/canvas-kit-react/layout';
|
|
4
4
|
import { BannerModel } from './hooks';
|
|
5
5
|
export interface BannerActionTextProps extends ExtractProps<typeof Box, never> {
|
|
6
6
|
model?: BannerModel;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { Flex } from '@workday/canvas-kit-
|
|
3
|
+
import { Flex } from '@workday/canvas-kit-react/layout';
|
|
4
4
|
import { BannerModel } from './hooks';
|
|
5
5
|
export interface BannerLabelProps extends ExtractProps<typeof Flex, never> {
|
|
6
6
|
model?: BannerModel;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { BoxProps } from '@workday/canvas-kit-
|
|
2
|
+
import { BoxProps } from '@workday/canvas-kit-react/layout';
|
|
3
3
|
export interface CardProps extends BoxProps {
|
|
4
4
|
/**
|
|
5
5
|
* Children of the Card. Should contain a `<Card.Body>` and an optional `<Card.Heading>`
|
|
@@ -8,6 +8,6 @@ export interface CardProps extends BoxProps {
|
|
|
8
8
|
}
|
|
9
9
|
export declare const Card: import("../../common").ElementComponent<"div", CardProps> & {
|
|
10
10
|
Heading: import("../../common").ElementComponent<"h3", import("./CardHeading").CardHeadingProps>;
|
|
11
|
-
Body: import("../../common").ElementComponent<"div", import("
|
|
11
|
+
Body: import("../../common").ElementComponent<"div", import("../../layout").BorderShorthandStyleProps & import("../../layout").BorderColorStyleProps & import("../../layout").BorderRadiusStyleProps & import("../../layout").BorderLineStyleProps & import("../../layout").BorderWidthStyleProps & import("../../layout").BorderLogicalStyleProps & import("../../layout").ColorStyleProps & import("../../layout").DepthStyleProps & import("../../layout").FlexItemStyleProps & import("../../layout").LayoutStyleProps & import("../../layout/lib/utils/other").OtherStyleProps & import("../../layout").PositionStandardProps & import("../../layout").PositionLogicalProps & import("../../layout/lib/utils/space").SpaceStandardProps & import("../../layout/lib/utils/space").SpaceLogicalProps>;
|
|
12
12
|
};
|
|
13
13
|
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const CardBody: import("../../common").ElementComponent<"div", import("
|
|
1
|
+
export declare const CardBody: import("../../common").ElementComponent<"div", import("../../layout").BorderShorthandStyleProps & import("../../layout").BorderColorStyleProps & import("../../layout").BorderRadiusStyleProps & import("../../layout").BorderLineStyleProps & import("../../layout").BorderWidthStyleProps & import("../../layout").BorderLogicalStyleProps & import("../../layout").ColorStyleProps & import("../../layout").DepthStyleProps & import("../../layout").FlexItemStyleProps & import("../../layout").LayoutStyleProps & import("../../layout/lib/utils/other").OtherStyleProps & import("../../layout").PositionStandardProps & import("../../layout").PositionLogicalProps & import("../../layout/lib/utils/space").SpaceStandardProps & import("../../layout/lib/utils/space").SpaceLogicalProps>;
|
|
2
2
|
//# sourceMappingURL=CardBody.d.ts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { BoxProps } from '@workday/canvas-kit-
|
|
2
|
+
import { BoxProps } from '@workday/canvas-kit-react/layout';
|
|
3
3
|
export interface CardHeadingProps extends BoxProps {
|
|
4
4
|
/**
|
|
5
5
|
* The id of the Card heading. Tie this to an `aria-labelledby` for accessibility.
|
|
@@ -15,7 +15,7 @@ export interface DialogProps extends PopupModelConfig {
|
|
|
15
15
|
model?: PopupModel;
|
|
16
16
|
}
|
|
17
17
|
export declare const Dialog: import("../../common").Component<DialogProps> & {
|
|
18
|
-
Body: import("../../common").ElementComponent<"div", import("
|
|
18
|
+
Body: import("../../common").ElementComponent<"div", import("../..").BorderShorthandStyleProps & import("../..").BorderColorStyleProps & import("../..").BorderRadiusStyleProps & import("../..").BorderLineStyleProps & import("../..").BorderWidthStyleProps & import("../..").BorderLogicalStyleProps & import("../..").ColorStyleProps & import("../..").DepthStyleProps & import("../..").FlexItemStyleProps & import("../..").LayoutStyleProps & import("../../layout/lib/utils/other").OtherStyleProps & import("../..").PositionStandardProps & import("../..").PositionLogicalProps & import("../../layout/lib/utils/space").SpaceStandardProps & import("../../layout/lib/utils/space").SpaceLogicalProps>;
|
|
19
19
|
Card: import("../../common").ElementComponent<"div", import("./DialogCard").DialogCardProps>;
|
|
20
20
|
CloseIcon: import("../../common").ElementComponent<"button", import("../../popup/lib/PopupCloseIcon").PopupCloseIconProps>;
|
|
21
21
|
Target: import("../../common").ElementComponent<import("../../common").ElementComponent<"button", import("../..").SecondaryButtonProps>, import("../../popup/lib/PopupTarget").PopupTargetProps>;
|
|
@@ -1,6 +1,16 @@
|
|
|
1
1
|
import Layout from './lib/Layout';
|
|
2
2
|
import Column from './lib/Column';
|
|
3
|
-
export default Layout;
|
|
4
3
|
export { Layout, Column };
|
|
5
|
-
export * from './lib/
|
|
4
|
+
export * from './lib/Box';
|
|
5
|
+
export * from './lib/utils/border';
|
|
6
|
+
export * from './lib/utils/color';
|
|
7
|
+
export { DepthStyleProps } from './lib/utils/depth';
|
|
8
|
+
export * from './lib/utils/flexItem';
|
|
9
|
+
export * from './lib/utils/layout';
|
|
10
|
+
export * from './lib/utils/position';
|
|
11
|
+
export { SpaceStyleProps } from './lib/utils/space';
|
|
12
|
+
export * from './lib/Flex';
|
|
13
|
+
export * from './lib/Stack';
|
|
14
|
+
export { FlexStyleProps } from './lib/utils/flex';
|
|
15
|
+
export { StackSpacing, StackDirection, StackStyleProps } from './lib/utils/stack';
|
|
6
16
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { BorderStyleProps } from './utils/border';
|
|
3
|
+
import { ColorStyleProps } from './utils/color';
|
|
4
|
+
import { DepthStyleProps } from './utils/depth';
|
|
5
|
+
import { FlexItemStyleProps } from './utils/flexItem';
|
|
6
|
+
import { LayoutStyleProps } from './utils/layout';
|
|
7
|
+
import { OtherStyleProps } from './utils/other';
|
|
8
|
+
import { PositionStyleProps } from './utils/position';
|
|
9
|
+
import { SpaceStyleProps } from './utils/space';
|
|
10
|
+
export declare type BoxProps = BorderStyleProps & ColorStyleProps & DepthStyleProps & FlexItemStyleProps & LayoutStyleProps & OtherStyleProps & PositionStyleProps & SpaceStyleProps & {
|
|
11
|
+
children?: React.ReactNode;
|
|
12
|
+
};
|
|
13
|
+
/**
|
|
14
|
+
* `Box` is a primitive component that provides a common, ergonomic API around Canvas design tokens.
|
|
15
|
+
* It is highly flexible, and its primary purpose is to build other components.
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* import { Box, BoxProps } from '@workday/canvas-kit-react/layout';
|
|
19
|
+
*
|
|
20
|
+
* interface CardProps extends BoxProps {
|
|
21
|
+
* // card-specific props
|
|
22
|
+
* }
|
|
23
|
+
*
|
|
24
|
+
* // `Card`'s default values are set using `BoxProps`
|
|
25
|
+
* const Card = (props: CardProps) => (
|
|
26
|
+
* <Box depth={2} padding="m" borderRadius="l" {...props}>Hello, Card!</Box>
|
|
27
|
+
* );
|
|
28
|
+
*
|
|
29
|
+
*/
|
|
30
|
+
export declare const Box: import("../../common").ElementComponent<"div", import("./utils/border").BorderShorthandStyleProps & import("./utils/border").BorderColorStyleProps & import("./utils/border").BorderRadiusStyleProps & import("./utils/border").BorderLineStyleProps & import("./utils/border").BorderWidthStyleProps & import("./utils/border").BorderLogicalStyleProps & ColorStyleProps & DepthStyleProps & FlexItemStyleProps & LayoutStyleProps & OtherStyleProps & import("./utils/position").PositionStandardProps & import("./utils/position").PositionLogicalProps & import("./utils/space").SpaceStandardProps & import("./utils/space").SpaceLogicalProps>;
|
|
31
|
+
//# sourceMappingURL=Box.d.ts.map
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { BoxProps } from '@workday/canvas-kit-react/layout';
|
|
2
|
+
import { FlexStyleProps } from './utils/flex';
|
|
3
|
+
export declare type FlexProps = BoxProps & FlexStyleProps;
|
|
4
|
+
/**
|
|
5
|
+
* `Flex` is a low-level layout component that provides a common, ergonomic API for applying CSS flexbox styles.
|
|
6
|
+
* It is highly flexible, and can be used on its own or to build other components.
|
|
7
|
+
* `Flex` is built on top of `Box` and has access to all `BoxProps`.
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* import { Flex, FlexProps } from '@workday/canvas-kit-react/layout';
|
|
11
|
+
*
|
|
12
|
+
* interface CardProps extends FlexProps {
|
|
13
|
+
* // card-specific props
|
|
14
|
+
* }
|
|
15
|
+
*
|
|
16
|
+
* // `Card`'s default values are set using `FlexProps`
|
|
17
|
+
* const Card = (props: CardProps) => (
|
|
18
|
+
* <Flex flexDirection="column" alignItems="flex-start" depth={2} space="m" {...props}>
|
|
19
|
+
* <h1>Hello, Card!</h1>
|
|
20
|
+
* <p>This card uses flexbox to set its layout.</p>
|
|
21
|
+
* </Flex>
|
|
22
|
+
* );
|
|
23
|
+
*
|
|
24
|
+
*/
|
|
25
|
+
export declare const Flex: import("../../common").ElementComponent<"div", import("..").BorderShorthandStyleProps & import("..").BorderColorStyleProps & import("..").BorderRadiusStyleProps & import("..").BorderLineStyleProps & import("..").BorderWidthStyleProps & import("..").BorderLogicalStyleProps & import("..").ColorStyleProps & import("..").DepthStyleProps & import("..").FlexItemStyleProps & import("..").LayoutStyleProps & import("./utils/other").OtherStyleProps & import("..").PositionStandardProps & import("..").PositionLogicalProps & import("./utils/space").SpaceStandardProps & import("./utils/space").SpaceLogicalProps & FlexStyleProps>;
|
|
26
|
+
//# sourceMappingURL=Flex.d.ts.map
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { FlexProps } from './Flex';
|
|
2
|
+
import { StackStyleProps } from './utils/stack';
|
|
3
|
+
export declare type StackProps = FlexProps & StackStyleProps;
|
|
4
|
+
export declare const Stack: import("../../common").ElementComponent<"div", import("..").BorderShorthandStyleProps & import("..").BorderColorStyleProps & import("..").BorderRadiusStyleProps & import("..").BorderLineStyleProps & import("..").BorderWidthStyleProps & import("..").BorderLogicalStyleProps & import("..").ColorStyleProps & import("..").DepthStyleProps & import("..").FlexItemStyleProps & import("..").LayoutStyleProps & import("./utils/other").OtherStyleProps & import("..").PositionStandardProps & import("..").PositionLogicalProps & import("./utils/space").SpaceStandardProps & import("./utils/space").SpaceLogicalProps & import("..").FlexStyleProps & StackStyleProps> & {
|
|
5
|
+
Item: import("../../common").ElementComponent<"div", import("..").BorderShorthandStyleProps & import("..").BorderColorStyleProps & import("..").BorderRadiusStyleProps & import("..").BorderLineStyleProps & import("..").BorderWidthStyleProps & import("..").BorderLogicalStyleProps & import("..").ColorStyleProps & import("..").DepthStyleProps & import("..").FlexItemStyleProps & import("..").LayoutStyleProps & import("./utils/other").OtherStyleProps & import("..").PositionStandardProps & import("..").PositionLogicalProps & import("./utils/space").SpaceStandardProps & import("./utils/space").SpaceLogicalProps>;
|
|
6
|
+
};
|
|
7
|
+
export interface HStackProps extends StackProps {
|
|
8
|
+
/**
|
|
9
|
+
* sets the direction for the stack
|
|
10
|
+
* @default "row"
|
|
11
|
+
* */
|
|
12
|
+
flexDirection?: 'row' | 'row-reverse';
|
|
13
|
+
}
|
|
14
|
+
export declare const HStack: import("../../common").ElementComponent<"div", HStackProps> & {
|
|
15
|
+
Item: import("../../common").ElementComponent<"div", import("..").BorderShorthandStyleProps & import("..").BorderColorStyleProps & import("..").BorderRadiusStyleProps & import("..").BorderLineStyleProps & import("..").BorderWidthStyleProps & import("..").BorderLogicalStyleProps & import("..").ColorStyleProps & import("..").DepthStyleProps & import("..").FlexItemStyleProps & import("..").LayoutStyleProps & import("./utils/other").OtherStyleProps & import("..").PositionStandardProps & import("..").PositionLogicalProps & import("./utils/space").SpaceStandardProps & import("./utils/space").SpaceLogicalProps>;
|
|
16
|
+
};
|
|
17
|
+
export interface VStackProps extends StackProps {
|
|
18
|
+
/**
|
|
19
|
+
* sets the direction for the stack
|
|
20
|
+
* @default "column"
|
|
21
|
+
* */
|
|
22
|
+
flexDirection?: 'column' | 'column-reverse';
|
|
23
|
+
}
|
|
24
|
+
export declare const VStack: import("../../common").ElementComponent<"div", VStackProps> & {
|
|
25
|
+
Item: import("../../common").ElementComponent<"div", import("..").BorderShorthandStyleProps & import("..").BorderColorStyleProps & import("..").BorderRadiusStyleProps & import("..").BorderLineStyleProps & import("..").BorderWidthStyleProps & import("..").BorderLogicalStyleProps & import("..").ColorStyleProps & import("..").DepthStyleProps & import("..").FlexItemStyleProps & import("..").LayoutStyleProps & import("./utils/other").OtherStyleProps & import("..").PositionStandardProps & import("..").PositionLogicalProps & import("./utils/space").SpaceStandardProps & import("./utils/space").SpaceLogicalProps>;
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=Stack.d.ts.map
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
import { CanvasBorderRadiusKeys, CanvasColor } from '@workday/canvas-kit-react/tokens';
|
|
2
|
+
import { PartialEmotionCanvasTheme } from '@workday/canvas-kit-react/common';
|
|
3
|
+
import { PropertyBorder } from './types';
|
|
4
|
+
/** style props to set the border properties */
|
|
5
|
+
export declare type BorderShorthandStyleProps = {
|
|
6
|
+
/** sets `border` property */
|
|
7
|
+
border?: string;
|
|
8
|
+
/** sets `border-top` property */
|
|
9
|
+
borderTop?: string;
|
|
10
|
+
/** sets `border-right` property (no bidirectional support) */
|
|
11
|
+
borderRight?: string;
|
|
12
|
+
/** sets `border-bottom` property */
|
|
13
|
+
borderBottom?: string;
|
|
14
|
+
/** sets `border-left` property (no bidirectional support) */
|
|
15
|
+
borderLeft?: string;
|
|
16
|
+
};
|
|
17
|
+
/** style props to set the border color properties */
|
|
18
|
+
export declare type BorderColorStyleProps = {
|
|
19
|
+
/** sets `border-color` property */
|
|
20
|
+
borderColor?: CanvasColor | (string & {});
|
|
21
|
+
/** sets `border-top-color` property */
|
|
22
|
+
borderTopColor?: CanvasColor | (string & {});
|
|
23
|
+
/** sets `border-right-color` property (no bidirectional support) */
|
|
24
|
+
borderRightColor?: CanvasColor | (string & {});
|
|
25
|
+
/** sets `border-bottom-color` property */
|
|
26
|
+
borderBottomColor?: CanvasColor | (string & {});
|
|
27
|
+
/** sets `border-left-color` property (no bidirectional support) */
|
|
28
|
+
borderLeftColor?: CanvasColor | (string & {});
|
|
29
|
+
};
|
|
30
|
+
/** style props to set the border radius properties */
|
|
31
|
+
export declare type BorderRadiusStyleProps = {
|
|
32
|
+
/** sets `border-radius` property */
|
|
33
|
+
borderRadius?: CanvasBorderRadiusKeys | number | (string & {});
|
|
34
|
+
/** sets `border-top-left-radius` property */
|
|
35
|
+
borderTopLeftRadius?: CanvasBorderRadiusKeys | number | (string & {});
|
|
36
|
+
/** sets `border-top-right-radius` property */
|
|
37
|
+
borderTopRightRadius?: CanvasBorderRadiusKeys | number | (string & {});
|
|
38
|
+
/** sets `border-bottom-left-radius` property */
|
|
39
|
+
borderBottomLeftRadius?: CanvasBorderRadiusKeys | number | (string & {});
|
|
40
|
+
/** sets `border-bottom-right-radius` property */
|
|
41
|
+
borderBottomRightRadius?: CanvasBorderRadiusKeys | number | (string & {});
|
|
42
|
+
};
|
|
43
|
+
/** style props to set the border style properties */
|
|
44
|
+
export declare type BorderLineStyleProps = {
|
|
45
|
+
/** sets `border-style` property */
|
|
46
|
+
borderStyle?: PropertyBorder;
|
|
47
|
+
/** sets `border-top-style` property */
|
|
48
|
+
borderTopStyle?: PropertyBorder;
|
|
49
|
+
/** sets `border-right-style` property (no bidirectional support) */
|
|
50
|
+
borderRightStyle?: PropertyBorder;
|
|
51
|
+
/** sets `border-bottom-style` property */
|
|
52
|
+
borderBottomStyle?: PropertyBorder;
|
|
53
|
+
/** sets `border-left-style` property (no bidirectional support) */
|
|
54
|
+
borderLeftStyle?: PropertyBorder;
|
|
55
|
+
};
|
|
56
|
+
/** style props to set the border width properties */
|
|
57
|
+
export declare type BorderWidthStyleProps = {
|
|
58
|
+
/** sets `border-width` property */
|
|
59
|
+
borderWidth?: string | number;
|
|
60
|
+
/** sets `border-top-width` property */
|
|
61
|
+
borderTopWidth?: string | number;
|
|
62
|
+
/** sets `border-right-width` property (no bidirectional support) */
|
|
63
|
+
borderRightWidth?: string | number;
|
|
64
|
+
/** sets `border-bottom-width` property */
|
|
65
|
+
borderBottomWidth?: string | number;
|
|
66
|
+
/** sets `border-left-width` property (no bidirectional support) */
|
|
67
|
+
borderLeftWidth?: string | number;
|
|
68
|
+
};
|
|
69
|
+
export declare type BorderLogicalStyleProps = {
|
|
70
|
+
/** sets `border-left` property (bidirectional support) */
|
|
71
|
+
borderInlineStart?: string;
|
|
72
|
+
/** sets `border-left-color` property (bidirectional support) */
|
|
73
|
+
borderInlineStartColor?: CanvasColor | (string & {});
|
|
74
|
+
/** sets `border-left-style` property (bidirectional support) */
|
|
75
|
+
borderInlineStartStyle?: PropertyBorder;
|
|
76
|
+
/** sets `border-left-width` property (bidirectional support) */
|
|
77
|
+
borderInlineStartWidth?: string | number;
|
|
78
|
+
/** sets `border-right` property (bidirectional support) */
|
|
79
|
+
borderInlineEnd?: string;
|
|
80
|
+
/** sets `border-right-color` property (bidirectional support) */
|
|
81
|
+
borderInlineEndColor?: CanvasColor | (string & {});
|
|
82
|
+
/** sets `border-right-style` property (bidirectional support) */
|
|
83
|
+
borderInlineEndStyle?: PropertyBorder;
|
|
84
|
+
/** sets `border-right-width` property (bidirectional support) */
|
|
85
|
+
borderInlineEndWidth?: string | number;
|
|
86
|
+
};
|
|
87
|
+
/** a collection style props for border properties */
|
|
88
|
+
export declare type BorderStyleProps = BorderShorthandStyleProps & BorderColorStyleProps & BorderRadiusStyleProps & BorderLineStyleProps & BorderWidthStyleProps & BorderLogicalStyleProps;
|
|
89
|
+
/**
|
|
90
|
+
* A style prop function that takes components props and returns border styles. Some props, such as borderRadius and borderColor, are connected to our design tokens.
|
|
91
|
+
* If no `BorderStyleProps` are found, it returns an empty object.
|
|
92
|
+
*
|
|
93
|
+
* @example
|
|
94
|
+
* // You'll most likely use `border` with low-level, styled components
|
|
95
|
+
* const BoxExample = () => (
|
|
96
|
+
* <Box border={`solid 1px #333333 ${colors.blackPepper400}`}>Hello, border styles!</Box>
|
|
97
|
+
* );
|
|
98
|
+
*
|
|
99
|
+
*/
|
|
100
|
+
export declare function border<P extends BorderStyleProps & {
|
|
101
|
+
theme?: PartialEmotionCanvasTheme;
|
|
102
|
+
}>(props: P): {};
|
|
103
|
+
//# sourceMappingURL=border.d.ts.map
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { colors as colorTokens, CanvasColor } from '@workday/canvas-kit-react/tokens';
|
|
2
|
+
export declare type ColorTokens = typeof colorTokens;
|
|
3
|
+
/** style props to for color properties */
|
|
4
|
+
export declare type ColorStyleProps = {
|
|
5
|
+
/** sets `background` property */
|
|
6
|
+
background?: CanvasColor | (string & {});
|
|
7
|
+
/** sets `background-color` property */
|
|
8
|
+
backgroundColor?: CanvasColor | (string & {});
|
|
9
|
+
/** sets `background-image` property */
|
|
10
|
+
backgroundImage?: string;
|
|
11
|
+
/** sets `color` property */
|
|
12
|
+
color?: CanvasColor | (string & {});
|
|
13
|
+
};
|
|
14
|
+
/**
|
|
15
|
+
* A style prop function that takes components props and returns color styles from canvas token values.
|
|
16
|
+
* If no `ColorStyleProps` are found, it returns an empty object.
|
|
17
|
+
*
|
|
18
|
+
* @example
|
|
19
|
+
* // You'll most likely use `color` with low-level, styled components
|
|
20
|
+
* const BoxExample = () => (
|
|
21
|
+
* <Box backgroundColor="blueberry500" color="frenchVanilla100">Hello, colors!</Box>
|
|
22
|
+
* );
|
|
23
|
+
*
|
|
24
|
+
*/
|
|
25
|
+
export declare function color<P extends ColorStyleProps>(props: P): {};
|
|
26
|
+
//# sourceMappingURL=color.d.ts.map
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { depth as depthTokens } from '@workday/canvas-kit-react/tokens';
|
|
2
|
+
export declare type DepthTokens = typeof depthTokens;
|
|
3
|
+
export declare type DepthTokenKeys = keyof DepthTokens;
|
|
4
|
+
export declare type DepthTokenValues = DepthTokens[keyof DepthTokens];
|
|
5
|
+
/** style props to for depth styles */
|
|
6
|
+
export declare type DepthStyleProps = {
|
|
7
|
+
/** sets depth styles (box-shadow & border) */
|
|
8
|
+
depth?: DepthTokenKeys;
|
|
9
|
+
};
|
|
10
|
+
/**
|
|
11
|
+
* A style prop function that takes components props and returns depth styles from canvas token values.
|
|
12
|
+
* If no `DepthStyleProps` are found, it returns an empty object.
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* // You'll mostly likely use `depth` with low-level, styled components
|
|
16
|
+
* const BoxExample = () => (
|
|
17
|
+
* <Box depth={3}>Hello, box shadows!</Box>
|
|
18
|
+
* );
|
|
19
|
+
*
|
|
20
|
+
*/
|
|
21
|
+
export declare function depth<P extends DepthStyleProps>(props: P): DepthTokenValues;
|
|
22
|
+
//# sourceMappingURL=depth.d.ts.map
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { PropertyAlignItems, PropertyAlignContent, PropertyJustifyItems, PropertyJustifyContent, PropertyFlexWrap, PropertyFlexDirection } from './types';
|
|
2
|
+
/** style props to for flexbox container properties */
|
|
3
|
+
export declare type FlexStyleProps = {
|
|
4
|
+
/** sets `align-items` property */
|
|
5
|
+
alignItems?: PropertyAlignItems;
|
|
6
|
+
/** sets `align-content` property */
|
|
7
|
+
alignContent?: PropertyAlignContent;
|
|
8
|
+
/**
|
|
9
|
+
* sets `display` property
|
|
10
|
+
* @default 'flex'
|
|
11
|
+
* */
|
|
12
|
+
display?: 'flex' | 'inline-flex';
|
|
13
|
+
/** sets `justify-items` property */
|
|
14
|
+
justifyItems?: PropertyJustifyItems;
|
|
15
|
+
/** sets `justify-content` property */
|
|
16
|
+
justifyContent?: PropertyJustifyContent;
|
|
17
|
+
/** sets `flex-wrap` property */
|
|
18
|
+
flexWrap?: PropertyFlexWrap;
|
|
19
|
+
/** sets `flex-direction` property */
|
|
20
|
+
flexDirection?: PropertyFlexDirection;
|
|
21
|
+
};
|
|
22
|
+
/**
|
|
23
|
+
* A style prop function that takes component props and returns flexbox styles.
|
|
24
|
+
* If no `FlexStyleProps` are found, it returns an empty object.
|
|
25
|
+
*
|
|
26
|
+
* @example
|
|
27
|
+
* // You'll most likely use `flex` with low-level, styled components
|
|
28
|
+
* const FlexExample = () => (
|
|
29
|
+
* <Flex justifyContent="center" alignItems="center">
|
|
30
|
+
* Hello, flex!
|
|
31
|
+
* </Flex>
|
|
32
|
+
* );
|
|
33
|
+
*
|
|
34
|
+
*/
|
|
35
|
+
export declare function flex<P extends FlexStyleProps>(props: P): {};
|
|
36
|
+
//# sourceMappingURL=flex.d.ts.map
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { PropertyJustifySelf, PropertyAlignSelf, PropertyOrder } from './types';
|
|
2
|
+
/** style props to for flexbox item properties */
|
|
3
|
+
export declare type FlexItemStyleProps = {
|
|
4
|
+
/** sets `flex` property */
|
|
5
|
+
flex?: number | string;
|
|
6
|
+
/** sets `flex-grow` property */
|
|
7
|
+
flexGrow?: number | string;
|
|
8
|
+
/** sets `flex-shrink` property */
|
|
9
|
+
flexShrink?: number | string;
|
|
10
|
+
/** sets `flex-basis` property */
|
|
11
|
+
flexBasis?: number | string;
|
|
12
|
+
/** sets `justify-self` property */
|
|
13
|
+
justifySelf?: PropertyJustifySelf;
|
|
14
|
+
/** sets `align-self` property */
|
|
15
|
+
alignSelf?: PropertyAlignSelf;
|
|
16
|
+
/** sets `order` property */
|
|
17
|
+
order?: PropertyOrder;
|
|
18
|
+
};
|
|
19
|
+
/**
|
|
20
|
+
* A style prop function that takes component props and returns flexbox item styles.
|
|
21
|
+
* If no `FlexItemStyleProps` are found, it returns an empty object.
|
|
22
|
+
*
|
|
23
|
+
* @example
|
|
24
|
+
* // You'll most likely use `flexItem` with low-level, styled components
|
|
25
|
+
* const FlexItemExample = () => (
|
|
26
|
+
* <Box flex={1} flexBasis="auto" alignSelf={center}>
|
|
27
|
+
* Hello, flex item!
|
|
28
|
+
* </Box>
|
|
29
|
+
* );
|
|
30
|
+
*
|
|
31
|
+
*/
|
|
32
|
+
export declare function flexItem<P extends FlexItemStyleProps>(props: P): {};
|
|
33
|
+
//# sourceMappingURL=flexItem.d.ts.map
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export declare function getValidChildren(children: React.ReactNode): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>[];
|
|
3
|
+
//# sourceMappingURL=getValidChildren.d.ts.map
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { PropertyDisplay, PropertyListStyle, PropertyOverflow, PropertyOverflowX, PropertyOverflowY, PropertyVerticalAlign } from './types';
|
|
2
|
+
/** style props to for layout properties */
|
|
3
|
+
export declare type LayoutStyleProps = {
|
|
4
|
+
/** sets `display` property */
|
|
5
|
+
display?: PropertyDisplay;
|
|
6
|
+
/** sets `height` property */
|
|
7
|
+
height?: number | string;
|
|
8
|
+
/** sets `list-style property */
|
|
9
|
+
listStyle?: PropertyListStyle;
|
|
10
|
+
/** sets `max-height` property */
|
|
11
|
+
maxHeight?: number | string;
|
|
12
|
+
/** sets `max-width` property */
|
|
13
|
+
maxWidth?: number | string;
|
|
14
|
+
/** sets `min-height` property */
|
|
15
|
+
minHeight?: number | string;
|
|
16
|
+
/** sets `min-width` property */
|
|
17
|
+
minWidth?: number | string;
|
|
18
|
+
/** sets `overflow` property */
|
|
19
|
+
overflow?: PropertyOverflow;
|
|
20
|
+
/** sets `overflow-x` property */
|
|
21
|
+
overflowX?: PropertyOverflowX;
|
|
22
|
+
/** sets `overflow-y` property */
|
|
23
|
+
overflowY?: PropertyOverflowY;
|
|
24
|
+
/** sets `vertical-align` property */
|
|
25
|
+
verticalAlign?: PropertyVerticalAlign;
|
|
26
|
+
/** sets `width` property */
|
|
27
|
+
width?: number | string;
|
|
28
|
+
};
|
|
29
|
+
/**
|
|
30
|
+
* A style prop function that takes components props and returns layout styles.
|
|
31
|
+
* If no `LayoutStyleProps` are found, it returns an empty object.
|
|
32
|
+
*
|
|
33
|
+
* @example
|
|
34
|
+
* // You'll most likely use `layout` with low-level, styled components
|
|
35
|
+
* const BoxExample = () => (
|
|
36
|
+
* <Box display="inline-block" height="50%">
|
|
37
|
+
* Hello, positions!
|
|
38
|
+
* </Box>
|
|
39
|
+
* );
|
|
40
|
+
*
|
|
41
|
+
*/
|
|
42
|
+
export declare function layout<P extends LayoutStyleProps>(props: P): {};
|
|
43
|
+
//# sourceMappingURL=layout.d.ts.map
|