@transferwise/components 0.0.0-experimental-395b171 → 0.0.0-experimental-467c6d5

package/build/index.js

@@ -2174,6 +2174,7 @@ const Carousel = ({
               }
             },
             href: card.href,
+            target: card.hrefTarget,
             rel: "noreferrer",
             onKeyDown: event => handleOnKeyDown(event, index),
             children: cardContent
@@ -2256,62 +2257,28 @@ const Card = /*#__PURE__*/React.forwardRef(function Card({
   });
 });
 
-const FieldLabelIdContext = /*#__PURE__*/React.createContext(undefined);
-const FieldLabelIdContextProvider = FieldLabelIdContext.Provider;
-const InputIdContext = /*#__PURE__*/React.createContext(undefined);
-const InputIdContextProvider = InputIdContext.Provider;
-const InputDescribedByContext = /*#__PURE__*/React.createContext(undefined);
-const InputDescribedByProvider = InputDescribedByContext.Provider;
-const InputInvalidContext = /*#__PURE__*/React.createContext(undefined);
-const InputInvalidProvider = InputInvalidContext.Provider;
-function useInputAttributes({
-  nonLabelable
-} = {}) {
-  const labelId = React.useContext(FieldLabelIdContext);
-  return {
-    id: React.useContext(InputIdContext),
-    'aria-labelledby': nonLabelable ? labelId : undefined,
-    'aria-describedby': React.useContext(InputDescribedByContext),
-    'aria-invalid': React.useContext(InputInvalidContext)
-  };
-}
-function withInputAttributes(Component, args) {
-  function ComponentWithInputAttributes(props) {
-    return /*#__PURE__*/jsxRuntime.jsx(Component, {
-      inputAttributes: useInputAttributes(args),
-      ...props
-    });
-  }
-  ComponentWithInputAttributes.displayName = `withInputAttributes(${Component.displayName || Component.name || 'Component'})`;
-  return ComponentWithInputAttributes;
-}
-
-const CheckboxButton = /*#__PURE__*/React.forwardRef(function CheckboxButton({
+const CheckboxButton = /*#__PURE__*/React.forwardRef(({
   checked,
   className,
   disabled,
   onChange,
   ...rest
-}, reference) {
-  const inputAttributes = useInputAttributes();
-  return /*#__PURE__*/jsxRuntime.jsxs("span", {
-    className: classNames__default.default('np-checkbox-button', className, disabled && 'disabled'),
-    children: [/*#__PURE__*/jsxRuntime.jsx("input", {
-      ...inputAttributes,
-      ...rest,
-      ref: reference,
-      type: "checkbox",
-      disabled: disabled,
-      checked: checked,
-      onChange: onChange
-    }), /*#__PURE__*/jsxRuntime.jsx("span", {
-      className: "tw-checkbox-button",
-      children: /*#__PURE__*/jsxRuntime.jsx("span", {
-        className: "tw-checkbox-check"
-      })
-    })]
-  });
-});
+}, reference) => /*#__PURE__*/jsxRuntime.jsxs("span", {
+  className: classNames__default.default('np-checkbox-button', className, disabled && 'disabled'),
+  children: [/*#__PURE__*/jsxRuntime.jsx("input", {
+    ...rest,
+    ref: reference,
+    type: "checkbox",
+    disabled: disabled,
+    checked: checked,
+    onChange: onChange
+  }), /*#__PURE__*/jsxRuntime.jsx("span", {
+    className: "tw-checkbox-button",
+    children: /*#__PURE__*/jsxRuntime.jsx("span", {
+      className: "tw-checkbox-check"
+    })
+  })]
+}));
 
 function Checkbox({
   id,
@@ -3112,6 +3079,36 @@ const isMonthAndYearFormat = dateString => validDateString(dateString) && dateSt
 const MDY = new Set(['en-US']);
 const YMD = new Set(['hu', 'hu-HU', 'zh-HK', 'zh-CN', 'ja', 'ja-JP']);
 
+const FieldLabelIdContext = /*#__PURE__*/React.createContext(undefined);
+const FieldLabelIdContextProvider = FieldLabelIdContext.Provider;
+const InputIdContext = /*#__PURE__*/React.createContext(undefined);
+const InputIdContextProvider = InputIdContext.Provider;
+const InputDescribedByContext = /*#__PURE__*/React.createContext(undefined);
+const InputDescribedByProvider = InputDescribedByContext.Provider;
+const InputInvalidContext = /*#__PURE__*/React.createContext(undefined);
+const InputInvalidProvider = InputInvalidContext.Provider;
+function useInputAttributes({
+  nonLabelable
+} = {}) {
+  const labelId = React.useContext(FieldLabelIdContext);
+  return {
+    id: React.useContext(InputIdContext),
+    'aria-labelledby': nonLabelable ? labelId : undefined,
+    'aria-describedby': React.useContext(InputDescribedByContext),
+    'aria-invalid': React.useContext(InputInvalidContext)
+  };
+}
+function withInputAttributes(Component, args) {
+  function ComponentWithInputAttributes(props) {
+    return /*#__PURE__*/jsxRuntime.jsx(Component, {
+      inputAttributes: useInputAttributes(args),
+      ...props
+    });
+  }
+  ComponentWithInputAttributes.displayName = `withInputAttributes(${Component.displayName || Component.name || 'Component'})`;
+  return ComponentWithInputAttributes;
+}
+
 var messages$9 = reactIntl.defineMessages({
   monthLabel: {
     id: "neptune.DateInput.month.label"
@@ -4929,11 +4926,11 @@ const Field = ({
               'has-error': hasError,
               'has-info': sentiment === exports.Sentiment.NEUTRAL
             }, className),
-            children: [label != null ? /*#__PURE__*/jsxRuntime.jsxs(Label, {
+            children: [/*#__PURE__*/jsxRuntime.jsxs(Label, {
               id: labelId,
               htmlFor: inputId,
               children: [label, children]
-            }) : children, message && /*#__PURE__*/jsxRuntime.jsx(InlineAlert, {
+            }), message && /*#__PURE__*/jsxRuntime.jsx(InlineAlert, {
               type: sentiment,
               id: descriptionId,
               children: message