@workday/canvas-kit-react 6.3.6 → 7.0.0-alpha.0-next.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/action-bar/README.md +4 -53
- package/action-bar/index.ts +0 -4
- package/action-bar/lib/ActionBar.tsx +29 -68
- package/banner/index.ts +1 -4
- package/banner/lib/Banner.tsx +86 -111
- package/banner/lib/BannerActionText.tsx +49 -0
- package/banner/lib/BannerIcon.tsx +39 -0
- package/banner/lib/BannerLabel.tsx +29 -0
- package/banner/lib/hooks/index.ts +6 -0
- package/banner/lib/hooks/useBanner.tsx +13 -0
- package/banner/lib/hooks/useBannerActionText.tsx +12 -0
- package/banner/lib/hooks/useBannerIcon.tsx +19 -0
- package/banner/lib/hooks/useBannerLabel.tsx +12 -0
- package/banner/lib/hooks/useBannerModel.tsx +63 -0
- package/banner/lib/hooks/useThemedPalette.ts +53 -0
- package/button/lib/IconButton.tsx +5 -2
- package/button/lib/ToolbarDropdownButton.tsx +1 -2
- package/card/lib/CardHeading.tsx +5 -6
- package/common/lib/styles/hideMouseFocus.ts +3 -2
- package/common/lib/utils/index.ts +1 -0
- package/cookie-banner/lib/CookieBanner.tsx +1 -0
- package/dist/commonjs/action-bar/index.d.ts +0 -3
- package/dist/commonjs/action-bar/index.d.ts.map +1 -1
- package/dist/commonjs/action-bar/index.js +0 -6
- package/dist/commonjs/action-bar/lib/ActionBar.d.ts +5 -10
- package/dist/commonjs/action-bar/lib/ActionBar.d.ts.map +1 -1
- package/dist/commonjs/action-bar/lib/ActionBar.js +8 -76
- package/dist/commonjs/banner/index.d.ts +1 -3
- package/dist/commonjs/banner/index.d.ts.map +1 -1
- package/dist/commonjs/banner/index.js +1 -6
- package/dist/commonjs/banner/lib/Banner.d.ts +17 -33
- package/dist/commonjs/banner/lib/Banner.d.ts.map +1 -1
- package/dist/commonjs/banner/lib/Banner.js +45 -69
- package/dist/commonjs/banner/lib/BannerActionText.d.ts +14 -0
- package/dist/commonjs/banner/lib/BannerActionText.d.ts.map +1 -0
- package/dist/commonjs/banner/lib/BannerActionText.js +48 -0
- package/dist/commonjs/banner/lib/BannerIcon.d.ts +14 -0
- package/dist/commonjs/banner/lib/BannerIcon.d.ts.map +1 -0
- package/dist/commonjs/banner/lib/BannerIcon.js +47 -0
- package/dist/commonjs/banner/lib/BannerLabel.d.ts +13 -0
- package/dist/commonjs/banner/lib/BannerLabel.d.ts.map +1 -0
- package/dist/commonjs/banner/lib/BannerLabel.js +45 -0
- package/dist/commonjs/banner/lib/hooks/index.d.ts +7 -0
- package/dist/commonjs/banner/lib/hooks/index.d.ts.map +1 -0
- package/dist/commonjs/banner/lib/hooks/index.js +11 -0
- package/dist/commonjs/banner/lib/hooks/useBanner.d.ts +16 -0
- package/dist/commonjs/banner/lib/hooks/useBanner.d.ts.map +1 -0
- package/dist/commonjs/banner/lib/hooks/useBanner.js +14 -0
- package/dist/commonjs/banner/lib/hooks/useBannerActionText.d.ts +15 -0
- package/dist/commonjs/banner/lib/hooks/useBannerActionText.d.ts.map +1 -0
- package/dist/commonjs/banner/lib/hooks/useBannerActionText.js +13 -0
- package/dist/commonjs/banner/lib/hooks/useBannerIcon.d.ts +18 -0
- package/dist/commonjs/banner/lib/hooks/useBannerIcon.d.ts.map +1 -0
- package/dist/commonjs/banner/lib/hooks/useBannerIcon.js +19 -0
- package/dist/commonjs/banner/lib/hooks/useBannerLabel.d.ts +15 -0
- package/dist/commonjs/banner/lib/hooks/useBannerLabel.d.ts.map +1 -0
- package/dist/commonjs/banner/lib/hooks/useBannerLabel.js +13 -0
- package/dist/commonjs/banner/lib/hooks/useBannerModel.d.ts +37 -0
- package/dist/commonjs/banner/lib/hooks/useBannerModel.d.ts.map +1 -0
- package/dist/commonjs/banner/lib/hooks/useBannerModel.js +22 -0
- package/dist/commonjs/banner/lib/hooks/useThemedPalette.d.ts +11 -0
- package/dist/commonjs/banner/lib/hooks/useThemedPalette.d.ts.map +1 -0
- package/dist/commonjs/banner/lib/hooks/useThemedPalette.js +39 -0
- package/dist/commonjs/button/lib/IconButton.d.ts +5 -2
- package/dist/commonjs/button/lib/IconButton.d.ts.map +1 -1
- package/dist/commonjs/button/lib/ToolbarDropdownButton.d.ts.map +1 -1
- package/dist/commonjs/button/lib/ToolbarDropdownButton.js +7 -5
- package/dist/commonjs/card/lib/Card.d.ts +1 -1
- 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/CardHeading.d.ts +2 -1
- package/dist/commonjs/card/lib/CardHeading.d.ts.map +1 -1
- package/dist/commonjs/card/lib/CardHeading.js +3 -4
- package/dist/commonjs/common/lib/styles/hideMouseFocus.d.ts +3 -2
- package/dist/commonjs/common/lib/styles/hideMouseFocus.d.ts.map +1 -1
- package/dist/commonjs/common/lib/utils/index.d.ts +1 -0
- package/dist/commonjs/common/lib/utils/index.d.ts.map +1 -1
- package/dist/commonjs/common/lib/utils/index.js +1 -0
- package/dist/commonjs/cookie-banner/lib/CookieBanner.d.ts.map +1 -1
- package/dist/commonjs/cookie-banner/lib/CookieBanner.js +1 -0
- package/dist/commonjs/dialog/lib/Dialog.d.ts +1 -1
- package/dist/commonjs/icon/lib/Svg.d.ts +0 -1
- package/dist/commonjs/icon/lib/Svg.d.ts.map +1 -1
- package/dist/commonjs/icon/lib/Svg.js +7 -14
- package/dist/commonjs/modal/lib/Modal.d.ts +2 -1
- package/dist/commonjs/modal/lib/Modal.d.ts.map +1 -1
- package/dist/commonjs/modal/lib/Modal.js +2 -0
- package/dist/commonjs/modal/lib/ModalCard.js +1 -1
- package/dist/commonjs/modal/lib/ModalOverflowOverlay.d.ts +2 -0
- package/dist/commonjs/modal/lib/ModalOverflowOverlay.d.ts.map +1 -0
- package/dist/commonjs/{pagination/lib/Pagination/common/Box.js → modal/lib/ModalOverflowOverlay.js} +10 -32
- package/dist/commonjs/modal/lib/ModalOverlay.d.ts +2 -1
- package/dist/commonjs/modal/lib/ModalOverlay.d.ts.map +1 -1
- package/dist/commonjs/modal/lib/ModalOverlay.js +9 -2
- package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.d.ts +2 -3
- package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.d.ts.map +1 -1
- package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.js +21 -7
- package/dist/commonjs/pagination/lib/Pagination/Controls.js +2 -2
- package/dist/commonjs/pagination/lib/Pagination/GoTo/Form.d.ts +2 -3
- package/dist/commonjs/pagination/lib/Pagination/GoTo/Form.d.ts.map +1 -1
- package/dist/commonjs/pagination/lib/Pagination/GoTo/Form.js +2 -2
- package/dist/commonjs/pagination/lib/Pagination/GoTo/Label.d.ts +1 -2
- package/dist/commonjs/pagination/lib/Pagination/GoTo/Label.d.ts.map +1 -1
- package/dist/commonjs/pagination/lib/Pagination/GoTo/Label.js +12 -4
- 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 +2 -2
- package/dist/commonjs/pagination/lib/Pagination/PageList.d.ts +4 -4
- package/dist/commonjs/pagination/lib/Pagination/PageList.d.ts.map +1 -1
- package/dist/commonjs/pagination/lib/Pagination/PageList.js +11 -7
- package/dist/commonjs/pagination/lib/Pagination/Pagination.d.ts +4 -4
- package/dist/commonjs/pagination/lib/Pagination/common/List.d.ts +6 -8
- package/dist/commonjs/pagination/lib/Pagination/common/List.d.ts.map +1 -1
- package/dist/commonjs/pagination/lib/Pagination/common/List.js +15 -12
- package/dist/commonjs/popup/lib/Popup.d.ts +1 -1
- package/dist/commonjs/popup/lib/Popup.d.ts.map +1 -1
- package/dist/commonjs/popup/lib/Popup.js +2 -2
- package/dist/commonjs/popup/lib/PopupBody.d.ts +2 -0
- package/dist/commonjs/popup/lib/PopupBody.d.ts.map +1 -0
- package/dist/commonjs/popup/lib/PopupBody.js +29 -0
- package/dist/commonjs/popup/lib/PopupCard.d.ts +2 -1
- package/dist/commonjs/popup/lib/PopupCard.d.ts.map +1 -1
- package/dist/commonjs/popup/lib/PopupCard.js +7 -1
- package/dist/commonjs/popup/lib/PopupHeading.d.ts +3 -1
- package/dist/commonjs/popup/lib/PopupHeading.d.ts.map +1 -1
- package/dist/commonjs/popup/lib/PopupHeading.js +1 -1
- package/dist/commonjs/status-indicator/lib/StatusIndicator.d.ts +5 -0
- package/dist/commonjs/status-indicator/lib/StatusIndicator.d.ts.map +1 -1
- package/dist/commonjs/status-indicator/lib/StatusIndicator.js +5 -5
- package/dist/commonjs/tabs/lib/TabsItem.d.ts +1 -1
- package/dist/commonjs/toast/lib/Toast.d.ts.map +1 -1
- package/dist/commonjs/toast/lib/Toast.js +16 -13
- package/dist/es6/action-bar/index.d.ts +0 -3
- package/dist/es6/action-bar/index.d.ts.map +1 -1
- package/dist/es6/action-bar/index.js +0 -3
- package/dist/es6/action-bar/lib/ActionBar.d.ts +5 -10
- package/dist/es6/action-bar/lib/ActionBar.d.ts.map +1 -1
- package/dist/es6/action-bar/lib/ActionBar.js +10 -78
- package/dist/es6/banner/index.d.ts +1 -3
- package/dist/es6/banner/index.d.ts.map +1 -1
- package/dist/es6/banner/index.js +1 -3
- package/dist/es6/banner/lib/Banner.d.ts +17 -33
- package/dist/es6/banner/lib/Banner.d.ts.map +1 -1
- package/dist/es6/banner/lib/Banner.js +47 -71
- package/dist/es6/banner/lib/BannerActionText.d.ts +14 -0
- package/dist/es6/banner/lib/BannerActionText.d.ts.map +1 -0
- package/dist/es6/banner/lib/BannerActionText.js +39 -0
- package/dist/es6/banner/lib/BannerIcon.d.ts +14 -0
- package/dist/es6/banner/lib/BannerIcon.d.ts.map +1 -0
- package/dist/es6/banner/lib/BannerIcon.js +42 -0
- package/dist/es6/banner/lib/BannerLabel.d.ts +13 -0
- package/dist/es6/banner/lib/BannerLabel.d.ts.map +1 -0
- package/dist/es6/banner/lib/BannerLabel.js +36 -0
- package/dist/es6/banner/lib/hooks/index.d.ts +7 -0
- package/dist/es6/banner/lib/hooks/index.d.ts.map +1 -0
- package/dist/es6/banner/lib/hooks/index.js +6 -0
- package/dist/es6/banner/lib/hooks/useBanner.d.ts +16 -0
- package/dist/es6/banner/lib/hooks/useBanner.d.ts.map +1 -0
- package/dist/es6/banner/lib/hooks/useBanner.js +12 -0
- package/dist/es6/banner/lib/hooks/useBannerActionText.d.ts +15 -0
- package/dist/es6/banner/lib/hooks/useBannerActionText.d.ts.map +1 -0
- package/dist/es6/banner/lib/hooks/useBannerActionText.js +11 -0
- package/dist/es6/banner/lib/hooks/useBannerIcon.d.ts +18 -0
- package/dist/es6/banner/lib/hooks/useBannerIcon.d.ts.map +1 -0
- package/dist/es6/banner/lib/hooks/useBannerIcon.js +17 -0
- package/dist/es6/banner/lib/hooks/useBannerLabel.d.ts +15 -0
- package/dist/es6/banner/lib/hooks/useBannerLabel.d.ts.map +1 -0
- package/dist/es6/banner/lib/hooks/useBannerLabel.js +11 -0
- package/dist/es6/banner/lib/hooks/useBannerModel.d.ts +37 -0
- package/dist/es6/banner/lib/hooks/useBannerModel.d.ts.map +1 -0
- package/dist/es6/banner/lib/hooks/useBannerModel.js +20 -0
- package/dist/es6/banner/lib/hooks/useThemedPalette.d.ts +11 -0
- package/dist/es6/banner/lib/hooks/useThemedPalette.d.ts.map +1 -0
- package/dist/es6/banner/lib/hooks/useThemedPalette.js +33 -0
- package/dist/es6/button/lib/IconButton.d.ts +5 -2
- package/dist/es6/button/lib/IconButton.d.ts.map +1 -1
- package/dist/es6/button/lib/ToolbarDropdownButton.d.ts.map +1 -1
- package/dist/es6/button/lib/ToolbarDropdownButton.js +4 -5
- package/dist/es6/card/lib/Card.d.ts +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/CardHeading.d.ts +2 -1
- package/dist/es6/card/lib/CardHeading.d.ts.map +1 -1
- package/dist/es6/card/lib/CardHeading.js +4 -5
- package/dist/es6/common/lib/styles/hideMouseFocus.d.ts +3 -2
- package/dist/es6/common/lib/styles/hideMouseFocus.d.ts.map +1 -1
- package/dist/es6/common/lib/utils/index.d.ts +1 -0
- package/dist/es6/common/lib/utils/index.d.ts.map +1 -1
- package/dist/es6/common/lib/utils/index.js +1 -0
- package/dist/es6/cookie-banner/lib/CookieBanner.d.ts.map +1 -1
- package/dist/es6/cookie-banner/lib/CookieBanner.js +1 -0
- package/dist/es6/dialog/lib/Dialog.d.ts +1 -1
- package/dist/es6/icon/lib/Svg.d.ts +0 -1
- package/dist/es6/icon/lib/Svg.d.ts.map +1 -1
- package/dist/es6/icon/lib/Svg.js +7 -14
- package/dist/es6/modal/lib/Modal.d.ts +2 -1
- package/dist/es6/modal/lib/Modal.d.ts.map +1 -1
- package/dist/es6/modal/lib/Modal.js +2 -0
- package/dist/es6/modal/lib/ModalCard.js +1 -1
- package/dist/es6/modal/lib/ModalOverflowOverlay.d.ts +2 -0
- package/dist/es6/modal/lib/ModalOverflowOverlay.d.ts.map +1 -0
- package/dist/es6/modal/lib/ModalOverflowOverlay.js +36 -0
- package/dist/es6/modal/lib/ModalOverlay.d.ts +2 -1
- package/dist/es6/modal/lib/ModalOverlay.d.ts.map +1 -1
- package/dist/es6/modal/lib/ModalOverlay.js +9 -2
- package/dist/es6/pagination/lib/Pagination/AdditionalDetails.d.ts +2 -3
- package/dist/es6/pagination/lib/Pagination/AdditionalDetails.d.ts.map +1 -1
- package/dist/es6/pagination/lib/Pagination/AdditionalDetails.js +16 -9
- package/dist/es6/pagination/lib/Pagination/Controls.js +1 -1
- package/dist/es6/pagination/lib/Pagination/GoTo/Form.d.ts +2 -3
- package/dist/es6/pagination/lib/Pagination/GoTo/Form.d.ts.map +1 -1
- package/dist/es6/pagination/lib/Pagination/GoTo/Form.js +2 -2
- package/dist/es6/pagination/lib/Pagination/GoTo/Label.d.ts +1 -2
- package/dist/es6/pagination/lib/Pagination/GoTo/Label.d.ts.map +1 -1
- package/dist/es6/pagination/lib/Pagination/GoTo/Label.js +5 -4
- 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 +2 -2
- package/dist/es6/pagination/lib/Pagination/PageList.d.ts +4 -4
- package/dist/es6/pagination/lib/Pagination/PageList.d.ts.map +1 -1
- package/dist/es6/pagination/lib/Pagination/PageList.js +5 -8
- package/dist/es6/pagination/lib/Pagination/Pagination.d.ts +4 -4
- package/dist/es6/pagination/lib/Pagination/common/List.d.ts +6 -8
- package/dist/es6/pagination/lib/Pagination/common/List.d.ts.map +1 -1
- package/dist/es6/pagination/lib/Pagination/common/List.js +15 -12
- package/dist/es6/popup/lib/Popup.d.ts +1 -1
- package/dist/es6/popup/lib/Popup.d.ts.map +1 -1
- package/dist/es6/popup/lib/Popup.js +2 -2
- package/dist/es6/popup/lib/PopupBody.d.ts +2 -0
- package/dist/es6/popup/lib/PopupBody.d.ts.map +1 -0
- package/dist/es6/popup/lib/PopupBody.js +20 -0
- package/dist/es6/popup/lib/PopupCard.d.ts +2 -1
- package/dist/es6/popup/lib/PopupCard.d.ts.map +1 -1
- package/dist/es6/popup/lib/PopupCard.js +8 -2
- package/dist/es6/popup/lib/PopupHeading.d.ts +3 -1
- package/dist/es6/popup/lib/PopupHeading.d.ts.map +1 -1
- package/dist/es6/popup/lib/PopupHeading.js +1 -1
- package/dist/es6/status-indicator/lib/StatusIndicator.d.ts +5 -0
- package/dist/es6/status-indicator/lib/StatusIndicator.d.ts.map +1 -1
- package/dist/es6/status-indicator/lib/StatusIndicator.js +5 -5
- package/dist/es6/tabs/lib/TabsItem.d.ts +1 -1
- package/dist/es6/toast/lib/Toast.d.ts.map +1 -1
- package/dist/es6/toast/lib/Toast.js +9 -13
- package/icon/lib/Svg.tsx +13 -22
- package/modal/lib/Modal.tsx +2 -0
- package/modal/lib/ModalCard.tsx +1 -1
- package/modal/lib/ModalOverflowOverlay.tsx +25 -0
- package/modal/lib/ModalOverlay.tsx +11 -3
- package/package.json +5 -5
- package/pagination/lib/Pagination/AdditionalDetails.tsx +24 -18
- package/pagination/lib/Pagination/Controls.tsx +1 -1
- package/pagination/lib/Pagination/GoTo/Form.tsx +4 -5
- package/pagination/lib/Pagination/GoTo/Label.tsx +5 -6
- package/pagination/lib/Pagination/Nav.tsx +2 -2
- package/pagination/lib/Pagination/PageList.tsx +13 -11
- package/pagination/lib/Pagination/common/List.tsx +25 -23
- package/popup/lib/Popup.tsx +2 -2
- package/popup/lib/PopupBody.tsx +11 -0
- package/popup/lib/PopupCard.tsx +17 -3
- package/popup/lib/PopupHeading.tsx +3 -3
- package/status-indicator/lib/StatusIndicator.tsx +20 -9
- package/toast/lib/Toast.tsx +9 -15
- package/ts3.5/dist/commonjs/action-bar/index.d.ts +0 -3
- package/ts3.5/dist/commonjs/action-bar/lib/ActionBar.d.ts +5 -10
- package/ts3.5/dist/commonjs/banner/index.d.ts +1 -3
- package/ts3.5/dist/commonjs/banner/lib/Banner.d.ts +17 -33
- package/ts3.5/dist/commonjs/banner/lib/BannerActionText.d.ts +14 -0
- package/ts3.5/dist/commonjs/banner/lib/BannerIcon.d.ts +14 -0
- package/ts3.5/dist/commonjs/banner/lib/BannerLabel.d.ts +13 -0
- package/ts3.5/dist/commonjs/banner/lib/hooks/index.d.ts +7 -0
- package/ts3.5/dist/commonjs/banner/lib/hooks/useBanner.d.ts +16 -0
- package/ts3.5/dist/commonjs/banner/lib/hooks/useBannerActionText.d.ts +15 -0
- package/ts3.5/dist/commonjs/banner/lib/hooks/useBannerIcon.d.ts +18 -0
- package/ts3.5/dist/commonjs/banner/lib/hooks/useBannerLabel.d.ts +15 -0
- package/ts3.5/dist/commonjs/banner/lib/hooks/useBannerModel.d.ts +37 -0
- package/ts3.5/dist/commonjs/banner/lib/hooks/useThemedPalette.d.ts +11 -0
- package/ts3.5/dist/commonjs/button/lib/IconButton.d.ts +5 -2
- package/ts3.5/dist/commonjs/card/lib/Card.d.ts +1 -1
- package/ts3.5/dist/commonjs/card/lib/CardBody.d.ts +1 -1
- package/ts3.5/dist/commonjs/card/lib/CardHeading.d.ts +2 -1
- package/ts3.5/dist/commonjs/common/lib/styles/hideMouseFocus.d.ts +3 -2
- package/ts3.5/dist/commonjs/common/lib/utils/index.d.ts +1 -0
- package/ts3.5/dist/commonjs/dialog/lib/Dialog.d.ts +1 -1
- package/ts3.5/dist/commonjs/icon/lib/Svg.d.ts +0 -1
- package/ts3.5/dist/commonjs/modal/lib/Modal.d.ts +2 -1
- package/ts3.5/dist/commonjs/modal/lib/ModalOverflowOverlay.d.ts +2 -0
- package/ts3.5/dist/commonjs/modal/lib/ModalOverlay.d.ts +2 -1
- package/ts3.5/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.d.ts +2 -3
- package/ts3.5/dist/commonjs/pagination/lib/Pagination/GoTo/Form.d.ts +2 -3
- package/ts3.5/dist/commonjs/pagination/lib/Pagination/GoTo/Label.d.ts +1 -2
- package/ts3.5/dist/commonjs/pagination/lib/Pagination/Nav.d.ts +1 -1
- package/ts3.5/dist/commonjs/pagination/lib/Pagination/PageList.d.ts +4 -4
- package/ts3.5/dist/commonjs/pagination/lib/Pagination/Pagination.d.ts +4 -4
- package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/List.d.ts +6 -8
- package/ts3.5/dist/commonjs/popup/lib/Popup.d.ts +1 -1
- package/ts3.5/dist/commonjs/popup/lib/PopupBody.d.ts +2 -0
- package/ts3.5/dist/commonjs/popup/lib/PopupCard.d.ts +2 -1
- package/ts3.5/dist/commonjs/popup/lib/PopupHeading.d.ts +3 -1
- package/ts3.5/dist/commonjs/status-indicator/lib/StatusIndicator.d.ts +5 -0
- package/ts3.5/dist/commonjs/tabs/lib/TabsItem.d.ts +1 -1
- package/ts3.5/dist/es6/action-bar/index.d.ts +0 -3
- package/ts3.5/dist/es6/action-bar/lib/ActionBar.d.ts +5 -10
- package/ts3.5/dist/es6/banner/index.d.ts +1 -3
- package/ts3.5/dist/es6/banner/lib/Banner.d.ts +17 -33
- package/ts3.5/dist/es6/banner/lib/BannerActionText.d.ts +14 -0
- package/ts3.5/dist/es6/banner/lib/BannerIcon.d.ts +14 -0
- package/ts3.5/dist/es6/banner/lib/BannerLabel.d.ts +13 -0
- package/ts3.5/dist/es6/banner/lib/hooks/index.d.ts +7 -0
- package/ts3.5/dist/es6/banner/lib/hooks/useBanner.d.ts +16 -0
- package/ts3.5/dist/es6/banner/lib/hooks/useBannerActionText.d.ts +15 -0
- package/ts3.5/dist/es6/banner/lib/hooks/useBannerIcon.d.ts +18 -0
- package/ts3.5/dist/es6/banner/lib/hooks/useBannerLabel.d.ts +15 -0
- package/ts3.5/dist/es6/banner/lib/hooks/useBannerModel.d.ts +37 -0
- package/ts3.5/dist/es6/banner/lib/hooks/useThemedPalette.d.ts +11 -0
- package/ts3.5/dist/es6/button/lib/IconButton.d.ts +5 -2
- package/ts3.5/dist/es6/card/lib/Card.d.ts +1 -1
- package/ts3.5/dist/es6/card/lib/CardBody.d.ts +1 -1
- package/ts3.5/dist/es6/card/lib/CardHeading.d.ts +2 -1
- package/ts3.5/dist/es6/common/lib/styles/hideMouseFocus.d.ts +3 -2
- package/ts3.5/dist/es6/common/lib/utils/index.d.ts +1 -0
- package/ts3.5/dist/es6/dialog/lib/Dialog.d.ts +1 -1
- package/ts3.5/dist/es6/icon/lib/Svg.d.ts +0 -1
- package/ts3.5/dist/es6/modal/lib/Modal.d.ts +2 -1
- package/ts3.5/dist/es6/modal/lib/ModalOverflowOverlay.d.ts +2 -0
- package/ts3.5/dist/es6/modal/lib/ModalOverlay.d.ts +2 -1
- package/ts3.5/dist/es6/pagination/lib/Pagination/AdditionalDetails.d.ts +2 -3
- package/ts3.5/dist/es6/pagination/lib/Pagination/GoTo/Form.d.ts +2 -3
- package/ts3.5/dist/es6/pagination/lib/Pagination/GoTo/Label.d.ts +1 -2
- package/ts3.5/dist/es6/pagination/lib/Pagination/Nav.d.ts +1 -1
- package/ts3.5/dist/es6/pagination/lib/Pagination/PageList.d.ts +4 -4
- package/ts3.5/dist/es6/pagination/lib/Pagination/Pagination.d.ts +4 -4
- package/ts3.5/dist/es6/pagination/lib/Pagination/common/List.d.ts +6 -8
- package/ts3.5/dist/es6/popup/lib/Popup.d.ts +1 -1
- package/ts3.5/dist/es6/popup/lib/PopupBody.d.ts +2 -0
- package/ts3.5/dist/es6/popup/lib/PopupCard.d.ts +2 -1
- package/ts3.5/dist/es6/popup/lib/PopupHeading.d.ts +3 -1
- package/ts3.5/dist/es6/status-indicator/lib/StatusIndicator.d.ts +5 -0
- package/ts3.5/dist/es6/tabs/lib/TabsItem.d.ts +1 -1
- package/dist/commonjs/pagination/lib/Pagination/common/Box.d.ts +0 -12
- package/dist/commonjs/pagination/lib/Pagination/common/Box.d.ts.map +0 -1
- package/dist/commonjs/pagination/lib/Pagination/common/Flex.d.ts +0 -6
- package/dist/commonjs/pagination/lib/Pagination/common/Flex.d.ts.map +0 -1
- package/dist/commonjs/pagination/lib/Pagination/common/Flex.js +0 -32
- package/dist/commonjs/pagination/lib/Pagination/common/Stack.d.ts +0 -48
- package/dist/commonjs/pagination/lib/Pagination/common/Stack.d.ts.map +0 -1
- package/dist/commonjs/pagination/lib/Pagination/common/Stack.js +0 -87
- package/dist/commonjs/pagination/lib/Pagination/common/utils/flex.d.ts +0 -57
- package/dist/commonjs/pagination/lib/Pagination/common/utils/flex.d.ts.map +0 -1
- package/dist/commonjs/pagination/lib/Pagination/common/utils/flex.js +0 -23
- package/dist/commonjs/pagination/lib/Pagination/common/utils/layout.d.ts +0 -32
- package/dist/commonjs/pagination/lib/Pagination/common/utils/layout.d.ts.map +0 -1
- package/dist/commonjs/pagination/lib/Pagination/common/utils/layout.js +0 -15
- package/dist/commonjs/pagination/lib/Pagination/common/utils/safelySpreadProps.d.ts +0 -12
- package/dist/commonjs/pagination/lib/Pagination/common/utils/safelySpreadProps.d.ts.map +0 -1
- package/dist/commonjs/pagination/lib/Pagination/common/utils/safelySpreadProps.js +0 -37
- package/dist/commonjs/pagination/lib/Pagination/common/utils/space.d.ts +0 -127
- package/dist/commonjs/pagination/lib/Pagination/common/utils/space.d.ts.map +0 -1
- package/dist/commonjs/pagination/lib/Pagination/common/utils/space.js +0 -75
- package/dist/es6/pagination/lib/Pagination/common/Box.d.ts +0 -12
- package/dist/es6/pagination/lib/Pagination/common/Box.d.ts.map +0 -1
- package/dist/es6/pagination/lib/Pagination/common/Box.js +0 -58
- package/dist/es6/pagination/lib/Pagination/common/Flex.d.ts +0 -6
- package/dist/es6/pagination/lib/Pagination/common/Flex.d.ts.map +0 -1
- package/dist/es6/pagination/lib/Pagination/common/Flex.js +0 -27
- package/dist/es6/pagination/lib/Pagination/common/Stack.d.ts +0 -48
- package/dist/es6/pagination/lib/Pagination/common/Stack.d.ts.map +0 -1
- package/dist/es6/pagination/lib/Pagination/common/Stack.js +0 -78
- package/dist/es6/pagination/lib/Pagination/common/utils/flex.d.ts +0 -57
- package/dist/es6/pagination/lib/Pagination/common/utils/flex.d.ts.map +0 -1
- package/dist/es6/pagination/lib/Pagination/common/utils/flex.js +0 -21
- package/dist/es6/pagination/lib/Pagination/common/utils/layout.d.ts +0 -32
- package/dist/es6/pagination/lib/Pagination/common/utils/layout.d.ts.map +0 -1
- package/dist/es6/pagination/lib/Pagination/common/utils/layout.js +0 -13
- package/dist/es6/pagination/lib/Pagination/common/utils/safelySpreadProps.d.ts +0 -12
- package/dist/es6/pagination/lib/Pagination/common/utils/safelySpreadProps.d.ts.map +0 -1
- package/dist/es6/pagination/lib/Pagination/common/utils/safelySpreadProps.js +0 -34
- package/dist/es6/pagination/lib/Pagination/common/utils/space.d.ts +0 -127
- package/dist/es6/pagination/lib/Pagination/common/utils/space.d.ts.map +0 -1
- package/dist/es6/pagination/lib/Pagination/common/utils/space.js +0 -73
- package/pagination/lib/Pagination/common/Box.tsx +0 -44
- package/pagination/lib/Pagination/common/Flex.tsx +0 -23
- package/pagination/lib/Pagination/common/Stack.tsx +0 -98
- package/pagination/lib/Pagination/common/utils/flex.ts +0 -110
- package/pagination/lib/Pagination/common/utils/layout.ts +0 -40
- package/pagination/lib/Pagination/common/utils/safelySpreadProps.ts +0 -29
- package/pagination/lib/Pagination/common/utils/space.ts +0 -109
- package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/Box.d.ts +0 -12
- package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/Flex.d.ts +0 -6
- package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/Stack.d.ts +0 -48
- package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/utils/flex.d.ts +0 -57
- package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/utils/layout.d.ts +0 -32
- package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/utils/safelySpreadProps.d.ts +0 -12
- package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/utils/space.d.ts +0 -127
- package/ts3.5/dist/es6/pagination/lib/Pagination/common/Box.d.ts +0 -12
- package/ts3.5/dist/es6/pagination/lib/Pagination/common/Flex.d.ts +0 -6
- package/ts3.5/dist/es6/pagination/lib/Pagination/common/Stack.d.ts +0 -48
- package/ts3.5/dist/es6/pagination/lib/Pagination/common/utils/flex.d.ts +0 -57
- package/ts3.5/dist/es6/pagination/lib/Pagination/common/utils/layout.d.ts +0 -32
- package/ts3.5/dist/es6/pagination/lib/Pagination/common/utils/safelySpreadProps.d.ts +0 -12
- package/ts3.5/dist/es6/pagination/lib/Pagination/common/utils/space.d.ts +0 -127
|
@@ -1,127 +0,0 @@
|
|
|
1
|
-
import { space as canvasSpace } from '@workday/canvas-kit-react/tokens';
|
|
2
|
-
export declare type Spacing = keyof typeof canvasSpace;
|
|
3
|
-
export interface SpaceProps {
|
|
4
|
-
margin?: Spacing;
|
|
5
|
-
m?: Spacing;
|
|
6
|
-
marginX?: Spacing;
|
|
7
|
-
mx?: Spacing;
|
|
8
|
-
marginY?: Spacing;
|
|
9
|
-
my?: Spacing;
|
|
10
|
-
marginT?: Spacing;
|
|
11
|
-
mt?: Spacing;
|
|
12
|
-
marginR?: Spacing;
|
|
13
|
-
mr?: Spacing;
|
|
14
|
-
marginB?: Spacing;
|
|
15
|
-
mb?: Spacing;
|
|
16
|
-
marginL?: Spacing;
|
|
17
|
-
ml?: Spacing;
|
|
18
|
-
padding?: Spacing;
|
|
19
|
-
p?: Spacing;
|
|
20
|
-
paddingX?: Spacing;
|
|
21
|
-
px?: Spacing;
|
|
22
|
-
paddingY?: Spacing;
|
|
23
|
-
py?: Spacing;
|
|
24
|
-
paddingT?: Spacing;
|
|
25
|
-
pt?: Spacing;
|
|
26
|
-
paddingR?: Spacing;
|
|
27
|
-
pr?: Spacing;
|
|
28
|
-
paddingB?: Spacing;
|
|
29
|
-
pb?: Spacing;
|
|
30
|
-
paddingL?: Spacing;
|
|
31
|
-
pl?: Spacing;
|
|
32
|
-
}
|
|
33
|
-
export declare const space: {
|
|
34
|
-
margin: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
35
|
-
margin: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
36
|
-
};
|
|
37
|
-
m: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
38
|
-
margin: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
39
|
-
};
|
|
40
|
-
marginX: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
41
|
-
marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
42
|
-
marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
43
|
-
};
|
|
44
|
-
mx: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
45
|
-
marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
46
|
-
marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
47
|
-
};
|
|
48
|
-
marginY: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
49
|
-
marginBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
50
|
-
marginTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
51
|
-
};
|
|
52
|
-
my: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
53
|
-
marginBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
54
|
-
marginTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
55
|
-
};
|
|
56
|
-
marginT: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
57
|
-
marginTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
58
|
-
};
|
|
59
|
-
mt: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
60
|
-
marginTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
61
|
-
};
|
|
62
|
-
marginR: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
63
|
-
marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
64
|
-
};
|
|
65
|
-
mr: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
66
|
-
marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
67
|
-
};
|
|
68
|
-
marginB: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
69
|
-
marginBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
70
|
-
};
|
|
71
|
-
mb: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
72
|
-
marginBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
73
|
-
};
|
|
74
|
-
marginL: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
75
|
-
marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
76
|
-
};
|
|
77
|
-
ml: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
78
|
-
marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
79
|
-
};
|
|
80
|
-
padding: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
81
|
-
padding: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
82
|
-
};
|
|
83
|
-
p: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
84
|
-
padding: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
85
|
-
};
|
|
86
|
-
paddingX: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
87
|
-
paddingLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
88
|
-
paddingRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
89
|
-
};
|
|
90
|
-
px: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
91
|
-
paddingLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
92
|
-
paddingRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
93
|
-
};
|
|
94
|
-
paddingY: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
95
|
-
paddingBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
96
|
-
paddingTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
97
|
-
};
|
|
98
|
-
py: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
99
|
-
paddingBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
100
|
-
paddingTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
101
|
-
};
|
|
102
|
-
paddingT: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
103
|
-
paddingTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
104
|
-
};
|
|
105
|
-
pt: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
106
|
-
paddingTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
107
|
-
};
|
|
108
|
-
paddingR: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
109
|
-
paddingRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
110
|
-
};
|
|
111
|
-
pr: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
112
|
-
paddingRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
113
|
-
};
|
|
114
|
-
paddingB: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
115
|
-
paddingBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
116
|
-
};
|
|
117
|
-
pb: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
118
|
-
paddingBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
119
|
-
};
|
|
120
|
-
paddingL: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
121
|
-
paddingLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
122
|
-
};
|
|
123
|
-
pl: (value: "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
124
|
-
paddingLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
125
|
-
};
|
|
126
|
-
};
|
|
127
|
-
//# sourceMappingURL=space.d.ts.map
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/** @jsx jsx */
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { SpaceProps } from './utils/space';
|
|
4
|
-
import { LayoutProps } from './utils/layout';
|
|
5
|
-
declare type As = keyof JSX.IntrinsicElements;
|
|
6
|
-
export interface BoxProps extends SpaceProps, LayoutProps, React.HTMLAttributes<HTMLElement> {
|
|
7
|
-
as?: As;
|
|
8
|
-
}
|
|
9
|
-
export declare const StyledBox: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BoxProps, object>;
|
|
10
|
-
export declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<any>>;
|
|
11
|
-
export {};
|
|
12
|
-
//# sourceMappingURL=Box.d.ts.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="@emotion/core" />
|
|
2
|
-
import { FlexProps as BaseFlexProps } from './utils/flex';
|
|
3
|
-
import { BoxProps } from './Box';
|
|
4
|
-
export declare type FlexProps = BaseFlexProps & BoxProps;
|
|
5
|
-
export declare const Flex: import("@emotion/styled-base").StyledComponent<BoxProps & import("react").RefAttributes<any>, FlexProps, object>;
|
|
6
|
-
//# sourceMappingURL=Flex.d.ts.map
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
/** @jsx jsx */
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { FlexProps } from './Flex';
|
|
4
|
-
import { Spacing } from './utils/space';
|
|
5
|
-
declare type StackDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
|
|
6
|
-
export interface StackProps extends FlexProps {
|
|
7
|
-
children?: React.ReactNode;
|
|
8
|
-
direction: StackDirection;
|
|
9
|
-
flexDirection?: StackDirection;
|
|
10
|
-
spacing: Spacing;
|
|
11
|
-
}
|
|
12
|
-
declare const selector = "& > *:not(style) ~ *:not(style)";
|
|
13
|
-
declare type Options = {
|
|
14
|
-
spacing: Spacing;
|
|
15
|
-
direction: StackDirection;
|
|
16
|
-
shouldUseRTL: boolean;
|
|
17
|
-
};
|
|
18
|
-
export declare const useStack: ({ direction, shouldUseRTL, spacing }: Options) => {
|
|
19
|
-
flexDirection: StackDirection;
|
|
20
|
-
"& > *:not(style) ~ *:not(style)": {
|
|
21
|
-
marginTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
22
|
-
} | {
|
|
23
|
-
marginBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
24
|
-
} | {
|
|
25
|
-
marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
26
|
-
marginRight?: undefined;
|
|
27
|
-
} | {
|
|
28
|
-
marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
29
|
-
marginLeft?: undefined;
|
|
30
|
-
} | {
|
|
31
|
-
marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
32
|
-
marginLeft?: undefined;
|
|
33
|
-
} | {
|
|
34
|
-
marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
35
|
-
marginRight?: undefined;
|
|
36
|
-
};
|
|
37
|
-
};
|
|
38
|
-
export declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<unknown>>;
|
|
39
|
-
export interface HStackProps extends Omit<StackProps, 'direction'> {
|
|
40
|
-
direction?: 'row' | 'row-reverse';
|
|
41
|
-
}
|
|
42
|
-
export declare const HStack: React.ForwardRefExoticComponent<HStackProps & React.RefAttributes<unknown>>;
|
|
43
|
-
export interface VStackProps extends Omit<StackProps, 'direction'> {
|
|
44
|
-
direction?: 'column' | 'column-reverse';
|
|
45
|
-
}
|
|
46
|
-
export declare const VStack: React.ForwardRefExoticComponent<VStackProps & React.RefAttributes<unknown>>;
|
|
47
|
-
export {};
|
|
48
|
-
//# sourceMappingURL=Stack.d.ts.map
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
declare type Globals = '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset';
|
|
2
|
-
declare type GlobalsNumber = number | '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset';
|
|
3
|
-
declare type SelfPosition = 'center' | 'end' | 'flex-end' | 'flex-start' | 'self-end' | 'self-start' | 'start';
|
|
4
|
-
declare type ContentDistribution = 'space-around' | 'space-between' | 'space-evenly' | 'stretch';
|
|
5
|
-
declare type ContentPosition = 'center' | 'end' | 'flex-end' | 'flex-start' | 'start';
|
|
6
|
-
declare type AlignItemsProperty = Globals | SelfPosition | 'baseline' | 'normal' | 'stretch';
|
|
7
|
-
declare type AlignContentProperty = Globals | ContentDistribution | ContentPosition | 'baseline' | 'normal';
|
|
8
|
-
declare type JustifyItemsProperty = Globals | SelfPosition | 'baseline' | 'left' | 'legacy' | 'normal' | 'right' | 'stretch';
|
|
9
|
-
declare type JustifyContentProperty = Globals | ContentDistribution | ContentPosition | 'left' | 'normal' | 'right';
|
|
10
|
-
declare type FlexWrapProperty = '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset' | 'nowrap' | 'wrap' | 'wrap-reverse';
|
|
11
|
-
declare type FlexDirectionProperty = '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset' | 'column' | 'column-reverse' | 'row' | 'row-reverse';
|
|
12
|
-
declare type JustifySelfProperty = Globals | SelfPosition | 'auto' | 'baseline' | 'left' | 'normal' | 'right' | 'stretch' | 'auto' | 'baseline' | 'left' | 'normal' | 'right' | 'stretch';
|
|
13
|
-
declare type AlignSelfProperty = Globals | SelfPosition | 'auto' | 'baseline' | 'normal' | 'stretch';
|
|
14
|
-
export interface FlexProps {
|
|
15
|
-
alignItems?: AlignItemsProperty;
|
|
16
|
-
alignContent?: AlignContentProperty;
|
|
17
|
-
display?: 'flex' | 'inline-flex';
|
|
18
|
-
justifyItems?: JustifyItemsProperty;
|
|
19
|
-
justifyContent?: JustifyContentProperty;
|
|
20
|
-
flexWrap?: FlexWrapProperty;
|
|
21
|
-
wrap?: FlexWrapProperty;
|
|
22
|
-
flexDirection?: FlexDirectionProperty;
|
|
23
|
-
direction?: FlexDirectionProperty;
|
|
24
|
-
flex?: number | string;
|
|
25
|
-
flexGrow?: number | string;
|
|
26
|
-
grow?: number | string;
|
|
27
|
-
flexShrink?: number | string;
|
|
28
|
-
shrink?: number | string;
|
|
29
|
-
flexBasis?: number | string;
|
|
30
|
-
basis?: number | string;
|
|
31
|
-
justifySelf?: JustifySelfProperty;
|
|
32
|
-
alignSelf?: AlignSelfProperty;
|
|
33
|
-
order?: GlobalsNumber;
|
|
34
|
-
}
|
|
35
|
-
export declare const flex: {
|
|
36
|
-
alignItems: string;
|
|
37
|
-
alignContent: string;
|
|
38
|
-
display: string;
|
|
39
|
-
justifyItems: string;
|
|
40
|
-
justifyContent: string;
|
|
41
|
-
flexWrap: string;
|
|
42
|
-
wrap: string;
|
|
43
|
-
flexDirection: string;
|
|
44
|
-
direction: string;
|
|
45
|
-
flex: string;
|
|
46
|
-
flexGrow: string;
|
|
47
|
-
grow: string;
|
|
48
|
-
flexShrink: string;
|
|
49
|
-
shrink: string;
|
|
50
|
-
flexBasis: string;
|
|
51
|
-
basis: string;
|
|
52
|
-
justifySelf: string;
|
|
53
|
-
alignSelf: string;
|
|
54
|
-
order: string;
|
|
55
|
-
};
|
|
56
|
-
export {};
|
|
57
|
-
//# sourceMappingURL=flex.d.ts.map
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
declare type Globals = '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset';
|
|
2
|
-
declare type OverflowProperty = Globals | 'auto' | 'hidden' | 'scroll' | 'visible' | string;
|
|
3
|
-
declare type OverflowXProperty = '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset' | 'auto' | 'hidden' | 'scroll' | 'visible';
|
|
4
|
-
declare type OverflowYProperty = OverflowXProperty;
|
|
5
|
-
export interface LayoutProps {
|
|
6
|
-
display?: string;
|
|
7
|
-
height?: number | string;
|
|
8
|
-
maxHeight?: number | string;
|
|
9
|
-
maxWidth?: number | string;
|
|
10
|
-
minHeight?: number | string;
|
|
11
|
-
minWidth?: number | string;
|
|
12
|
-
overflow?: OverflowProperty;
|
|
13
|
-
overflowX?: OverflowXProperty;
|
|
14
|
-
overflowY?: OverflowYProperty;
|
|
15
|
-
verticalAlign?: string;
|
|
16
|
-
width?: number | string;
|
|
17
|
-
}
|
|
18
|
-
export declare const layout: {
|
|
19
|
-
display: string;
|
|
20
|
-
height: string;
|
|
21
|
-
maxHeight: string;
|
|
22
|
-
maxWidth: string;
|
|
23
|
-
minHeight: string;
|
|
24
|
-
minWidth: string;
|
|
25
|
-
overflow: string;
|
|
26
|
-
overflowX: string;
|
|
27
|
-
overflowY: string;
|
|
28
|
-
verticalAlign: string;
|
|
29
|
-
width: string;
|
|
30
|
-
};
|
|
31
|
-
export {};
|
|
32
|
-
//# sourceMappingURL=layout.d.ts.map
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Removes style props from props to prevent them from being applied to the HTML element.
|
|
3
|
-
* Returns an object of props that is stripped of all style props.
|
|
4
|
-
* @example
|
|
5
|
-
* const Box = (props) => {
|
|
6
|
-
* const safeProps = safelySpreadProps(props);
|
|
7
|
-
* return <div {...safeProps} />
|
|
8
|
-
* }
|
|
9
|
-
*
|
|
10
|
-
*/
|
|
11
|
-
export declare function safelySpreadProps<T extends object>(props: T): T;
|
|
12
|
-
//# sourceMappingURL=safelySpreadProps.d.ts.map
|
|
@@ -1,127 +0,0 @@
|
|
|
1
|
-
import { space as canvasSpace } from '@workday/canvas-kit-react/tokens';
|
|
2
|
-
export declare type Spacing = keyof typeof canvasSpace;
|
|
3
|
-
export interface SpaceProps {
|
|
4
|
-
margin?: Spacing;
|
|
5
|
-
m?: Spacing;
|
|
6
|
-
marginX?: Spacing;
|
|
7
|
-
mx?: Spacing;
|
|
8
|
-
marginY?: Spacing;
|
|
9
|
-
my?: Spacing;
|
|
10
|
-
marginT?: Spacing;
|
|
11
|
-
mt?: Spacing;
|
|
12
|
-
marginR?: Spacing;
|
|
13
|
-
mr?: Spacing;
|
|
14
|
-
marginB?: Spacing;
|
|
15
|
-
mb?: Spacing;
|
|
16
|
-
marginL?: Spacing;
|
|
17
|
-
ml?: Spacing;
|
|
18
|
-
padding?: Spacing;
|
|
19
|
-
p?: Spacing;
|
|
20
|
-
paddingX?: Spacing;
|
|
21
|
-
px?: Spacing;
|
|
22
|
-
paddingY?: Spacing;
|
|
23
|
-
py?: Spacing;
|
|
24
|
-
paddingT?: Spacing;
|
|
25
|
-
pt?: Spacing;
|
|
26
|
-
paddingR?: Spacing;
|
|
27
|
-
pr?: Spacing;
|
|
28
|
-
paddingB?: Spacing;
|
|
29
|
-
pb?: Spacing;
|
|
30
|
-
paddingL?: Spacing;
|
|
31
|
-
pl?: Spacing;
|
|
32
|
-
}
|
|
33
|
-
export declare const space: {
|
|
34
|
-
margin: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
35
|
-
margin: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
36
|
-
};
|
|
37
|
-
m: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
38
|
-
margin: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
39
|
-
};
|
|
40
|
-
marginX: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
41
|
-
marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
42
|
-
marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
43
|
-
};
|
|
44
|
-
mx: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
45
|
-
marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
46
|
-
marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
47
|
-
};
|
|
48
|
-
marginY: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
49
|
-
marginBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
50
|
-
marginTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
51
|
-
};
|
|
52
|
-
my: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
53
|
-
marginBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
54
|
-
marginTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
55
|
-
};
|
|
56
|
-
marginT: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
57
|
-
marginTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
58
|
-
};
|
|
59
|
-
mt: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
60
|
-
marginTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
61
|
-
};
|
|
62
|
-
marginR: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
63
|
-
marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
64
|
-
};
|
|
65
|
-
mr: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
66
|
-
marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
67
|
-
};
|
|
68
|
-
marginB: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
69
|
-
marginBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
70
|
-
};
|
|
71
|
-
mb: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
72
|
-
marginBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
73
|
-
};
|
|
74
|
-
marginL: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
75
|
-
marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
76
|
-
};
|
|
77
|
-
ml: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
78
|
-
marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
79
|
-
};
|
|
80
|
-
padding: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
81
|
-
padding: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
82
|
-
};
|
|
83
|
-
p: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
84
|
-
padding: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
85
|
-
};
|
|
86
|
-
paddingX: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
87
|
-
paddingLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
88
|
-
paddingRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
89
|
-
};
|
|
90
|
-
px: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
91
|
-
paddingLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
92
|
-
paddingRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
93
|
-
};
|
|
94
|
-
paddingY: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
95
|
-
paddingBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
96
|
-
paddingTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
97
|
-
};
|
|
98
|
-
py: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
99
|
-
paddingBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
100
|
-
paddingTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
101
|
-
};
|
|
102
|
-
paddingT: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
103
|
-
paddingTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
104
|
-
};
|
|
105
|
-
pt: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
106
|
-
paddingTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
107
|
-
};
|
|
108
|
-
paddingR: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
109
|
-
paddingRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
110
|
-
};
|
|
111
|
-
pr: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
112
|
-
paddingRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
113
|
-
};
|
|
114
|
-
paddingB: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
115
|
-
paddingBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
116
|
-
};
|
|
117
|
-
pb: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
118
|
-
paddingBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
119
|
-
};
|
|
120
|
-
paddingL: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
121
|
-
paddingLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
122
|
-
};
|
|
123
|
-
pl: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
|
|
124
|
-
paddingLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
|
|
125
|
-
};
|
|
126
|
-
};
|
|
127
|
-
//# sourceMappingURL=space.d.ts.map
|