@transferwise/components 45.26.3 → 45.27.0

package/build/index.esm.js

@@ -5575,19 +5575,16 @@ const Logo = ({
   inverse,
   type
 }) => {
-  const [clientWidth] = useClientWidth({
-    ref: isServerSide() ? undefined : window
-  });
-  const isSmall = clientWidth < Breakpoint.SMALL;
-  const LogoSvg = isSmall ? svgPaths[`WISE_FLAG${inverse ? '_INVERSE' : ''}`] : svgPaths[`${type}${inverse ? '_INVERSE' : ''}`];
-
-  // If clientWidth is not defined, don't render anything
-  if (clientWidth === null) {
-    return null;
-  }
-  return /*#__PURE__*/jsx(LogoSvg, {
-    className: classNames('np-logo-svg', className),
-    alt: type === LogoType.WISE ? 'Wise' : 'Wise business'
+  const LogoSm = svgPaths[`WISE_FLAG${inverse ? '_INVERSE' : ''}`];
+  const LogoMd = svgPaths[`${type}${inverse ? '_INVERSE' : ''}`];
+  return /*#__PURE__*/jsxs("span", {
+    "aria-label": type === LogoType.WISE ? 'Wise' : 'Wise business',
+    className: classNames(className, 'np-logo'),
+    children: [/*#__PURE__*/jsx(LogoSm, {
+      className: "np-logo-svg np-logo-svg--size-sm"
+    }), /*#__PURE__*/jsx(LogoMd, {
+      className: "np-logo-svg np-logo-svg--size-md"
+    })]
   });
 };
 Logo.propTypes = {
@@ -6445,6 +6442,7 @@ const Input = /*#__PURE__*/forwardRef(function Input({
 
 const SearchInput = /*#__PURE__*/forwardRef(function SearchInput({
   shape = 'pill',
+  size = Size.MEDIUM,
   disabled,
   className,
   ...restProps
@@ -6452,9 +6450,9 @@ const SearchInput = /*#__PURE__*/forwardRef(function SearchInput({
   return /*#__PURE__*/jsx(InputGroup, {
     addonStart: {
       content: /*#__PURE__*/jsx(Search, {
-        size: 24
+        size: size === Size.SMALL ? 16 : 24
       }),
-      initialContentWidth: 24
+      initialContentWidth: size === Size.SMALL ? 16 : 24
     },
     disabled: disabled,
     className: className,
@@ -6463,6 +6461,7 @@ const SearchInput = /*#__PURE__*/forwardRef(function SearchInput({
       role: "searchbox",
       inputMode: "search",
       shape: shape,
+      size: size,
       ...restProps
     })
   });