npm - @transferwise/components - Versions diffs - 43.11.38 → 43.11.40 - Mend

@transferwise/components 43.11.38 → 43.11.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/build/es/no-polyfill/drawer/Drawer.js +1 -1
package/build/es/polyfill/drawer/Drawer.js +1 -1
package/build/main.css +1 -1
package/build/styles/drawer/Drawer.css +1 -1
package/build/styles/main.css +1 -1
package/build/styles/summary/Summary.css +1 -1
package/build/umd/no-polyfill/main.js +1 -1
package/build/umd/polyfill/main.js +1 -1
package/package.json +2 -2

package/build/es/no-polyfill/drawer/Drawer.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{useTheme}from"@wise/components-theming";import classNames from"classnames";import PropTypes from"prop-types";import{Position,Typography}from"../common";import CloseButton from"../common/closeButton";import{useLayout}from"../common/hooks";import Dimmer from"../dimmer";import SlidingPanel from"../slidingPanel";import Title from"../title";import{logActionRequiredIf}from"../utilities";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Drawer=function(a){var b=a.children,c=a.className,d=a.footerContent,e=a.headerTitle,f=a.onClose,g=a.open,h=a.position;logActionRequiredIf("Drawer now expects `onClose`, and will soon make this prop required. Please update your usage to provide it.",!f);var i=useLayout(),j=i.isMobile,k=useTheme(),l=k.theme,m=k.isModern;return/#__PURE__/_jsx(Dimmer,{open:g,onClose:f,children:/#__PURE__/_jsx(SlidingPanel,{open:g,position:j?Position.BOTTOM:h,children:/#__PURE__/_jsxs("div",{className:classNames("np-drawer","np-theme-".concat(l),c),children:[/#__PURE__/_jsxs("div",{className:classNames("np-drawer-header",{"np-drawer-header--withborder":e}),children:[~~!m&&/#__PURE__/_jsx(CloseButton,{onClick:f}),~~e&&/#__PURE__/_jsx(Title,{type:m?Typography.TITLE_BODY~~:Typography.TITLE_SUBSECTION~~,~~className:m?"":"m-l-2",~~children:e})~~,m&&/#~~__PURE__/_jsx(CloseButton,{onClick:f})]}),b&&/#__PURE__/_jsx("div",{className:classNames("np-drawer-content"),children:b}),d&&/#__PURE__/_jsx("div",{className:classNames("np-drawer-footer"),children:d})]})})})};Drawer.propTypes={/** The content to appear in the drawer body. /children:PropTypes.node,className:PropTypes.string,/* The content to appear in the drawer footer. /footerContent:PropTypes.node,/* The content to appear in the drawer header. /headerTitle:PropTypes.node,/* The action to perform on close click. /onClose:PropTypes.func,/* The status of Drawer either open or not. /open:PropTypes.bool,/* The placement of Drawer on the screen either left or right. On mobile it will default to bottom. */position:PropTypes.oneOf(["left","right","bottom"])},Drawer.defaultProps={children:null,className:void 0,footerContent:null,headerTitle:null,onClose:null,open:!1,position:Position.RIGHT};export default Drawer;
1	+ import{useTheme}from"@wise/components-theming";import classNames from"classnames";import PropTypes from"prop-types";import{Position,Typography}from"../common";import CloseButton from"../common/closeButton";import{useLayout}from"../common/hooks";import Dimmer from"../dimmer";import SlidingPanel from"../slidingPanel";import Title from"../title";import{logActionRequiredIf}from"../utilities";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Drawer=function(a){var b=a.children,c=a.className,d=a.footerContent,e=a.headerTitle,f=a.onClose,g=a.open,h=a.position;logActionRequiredIf("Drawer now expects `onClose`, and will soon make this prop required. Please update your usage to provide it.",!f);var i=useLayout(),j=i.isMobile,k=useTheme(),l=k.theme,m=k.isModern;return/#__PURE__/_jsx(Dimmer,{open:g,onClose:f,children:/#__PURE__/_jsx(SlidingPanel,{open:g,position:j?Position.BOTTOM:h,children:/#__PURE__/_jsxs("div",{className:classNames("np-drawer","np-theme-".concat(l),c),children:[/#__PURE__/_jsxs("div",{className:classNames("np-drawer-header",{"np-drawer-header--withborder":e}),children:[e&&/#__PURE__/_jsx(Title,{type:Typography.TITLE_BODY,children:e}),/#__PURE__/_jsx(CloseButton,{onClick:f})]}),b&&/#__PURE__/_jsx("div",{className:classNames("np-drawer-content"),children:b}),d&&/#__PURE__/_jsx("div",{className:classNames("np-drawer-footer"),children:d})]})})})};Drawer.propTypes={/** The content to appear in the drawer body. /children:PropTypes.node,className:PropTypes.string,/* The content to appear in the drawer footer. /footerContent:PropTypes.node,/* The content to appear in the drawer header. /headerTitle:PropTypes.node,/* The action to perform on close click. /onClose:PropTypes.func,/* The status of Drawer either open or not. /open:PropTypes.bool,/* The placement of Drawer on the screen either left or right. On mobile it will default to bottom. */position:PropTypes.oneOf(["left","right","bottom"])},Drawer.defaultProps={children:null,className:void 0,footerContent:null,headerTitle:null,onClose:null,open:!1,position:Position.RIGHT};export default Drawer;

package/build/es/polyfill/drawer/Drawer.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{useTheme}from"@wise/components-theming";import classNames from"classnames";import PropTypes from"prop-types";import{Position,Typography}from"../common";import CloseButton from"../common/closeButton";import{useLayout}from"../common/hooks";import Dimmer from"../dimmer";import SlidingPanel from"../slidingPanel";import Title from"../title";import{logActionRequiredIf}from"../utilities";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Drawer=function(a){var b=a.children,c=a.className,d=a.footerContent,e=a.headerTitle,f=a.onClose,g=a.open,h=a.position;logActionRequiredIf("Drawer now expects `onClose`, and will soon make this prop required. Please update your usage to provide it.",!f);var i=useLayout(),j=i.isMobile,k=useTheme(),l=k.theme,m=k.isModern;return/#__PURE__/_jsx(Dimmer,{open:g,onClose:f,children:/#__PURE__/_jsx(SlidingPanel,{open:g,position:j?Position.BOTTOM:h,children:/#__PURE__/_jsxs("div",{className:classNames("np-drawer","np-theme-".concat(l),c),children:[/#__PURE__/_jsxs("div",{className:classNames("np-drawer-header",{"np-drawer-header--withborder":e}),children:[~~!m&&/#__PURE__/_jsx(CloseButton,{onClick:f}),~~e&&/#__PURE__/_jsx(Title,{type:m?Typography.TITLE_BODY~~:Typography.TITLE_SUBSECTION~~,~~className:m?"":"m-l-2",~~children:e})~~,m&&/#~~__PURE__/_jsx(CloseButton,{onClick:f})]}),b&&/#__PURE__/_jsx("div",{className:classNames("np-drawer-content"),children:b}),d&&/#__PURE__/_jsx("div",{className:classNames("np-drawer-footer"),children:d})]})})})};Drawer.propTypes={/** The content to appear in the drawer body. /children:PropTypes.node,className:PropTypes.string,/* The content to appear in the drawer footer. /footerContent:PropTypes.node,/* The content to appear in the drawer header. /headerTitle:PropTypes.node,/* The action to perform on close click. /onClose:PropTypes.func,/* The status of Drawer either open or not. /open:PropTypes.bool,/* The placement of Drawer on the screen either left or right. On mobile it will default to bottom. */position:PropTypes.oneOf(["left","right","bottom"])},Drawer.defaultProps={children:null,className:void 0,footerContent:null,headerTitle:null,onClose:null,open:!1,position:Position.RIGHT};export default Drawer;
1	+ import{useTheme}from"@wise/components-theming";import classNames from"classnames";import PropTypes from"prop-types";import{Position,Typography}from"../common";import CloseButton from"../common/closeButton";import{useLayout}from"../common/hooks";import Dimmer from"../dimmer";import SlidingPanel from"../slidingPanel";import Title from"../title";import{logActionRequiredIf}from"../utilities";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Drawer=function(a){var b=a.children,c=a.className,d=a.footerContent,e=a.headerTitle,f=a.onClose,g=a.open,h=a.position;logActionRequiredIf("Drawer now expects `onClose`, and will soon make this prop required. Please update your usage to provide it.",!f);var i=useLayout(),j=i.isMobile,k=useTheme(),l=k.theme,m=k.isModern;return/#__PURE__/_jsx(Dimmer,{open:g,onClose:f,children:/#__PURE__/_jsx(SlidingPanel,{open:g,position:j?Position.BOTTOM:h,children:/#__PURE__/_jsxs("div",{className:classNames("np-drawer","np-theme-".concat(l),c),children:[/#__PURE__/_jsxs("div",{className:classNames("np-drawer-header",{"np-drawer-header--withborder":e}),children:[e&&/#__PURE__/_jsx(Title,{type:Typography.TITLE_BODY,children:e}),/#__PURE__/_jsx(CloseButton,{onClick:f})]}),b&&/#__PURE__/_jsx("div",{className:classNames("np-drawer-content"),children:b}),d&&/#__PURE__/_jsx("div",{className:classNames("np-drawer-footer"),children:d})]})})})};Drawer.propTypes={/** The content to appear in the drawer body. /children:PropTypes.node,className:PropTypes.string,/* The content to appear in the drawer footer. /footerContent:PropTypes.node,/* The content to appear in the drawer header. /headerTitle:PropTypes.node,/* The action to perform on close click. /onClose:PropTypes.func,/* The status of Drawer either open or not. /open:PropTypes.bool,/* The placement of Drawer on the screen either left or right. On mobile it will default to bottom. */position:PropTypes.oneOf(["left","right","bottom"])},Drawer.defaultProps={children:null,className:void 0,footerContent:null,headerTitle:null,onClose:null,open:!1,position:Position.RIGHT};export default Drawer;