@transferwise/components 46.18.0 → 46.19.0

package/build/index.js

@@ -2689,16 +2689,16 @@ const CircularButton = ({
   children,
   disabled,
   icon,
-  priority,
-  type,
+  priority = exports.Priority.PRIMARY,
+  type = exports.ControlType.ACCENT,
   ...rest
 }) => {
   const classes = classNames__default.default('btn np-btn', typeClassMap$1[type], priorityClassMap[priority]);
-  const iconElement = icon.props.size !== 24 ? /*#__PURE__*/React.cloneElement(icon, {
+  const iconElement = Number(icon.props.size) !== 24 ? /*#__PURE__*/React.cloneElement(icon, {
     size: 24
   }) : icon;
   return /*#__PURE__*/jsxRuntime.jsxs("label", {
-    className: classNames__default.default('np-circular-btn', priority, type, disabled ? 'disabled' : '', className),
+    className: classNames__default.default('np-circular-btn', priority, type, disabled && 'disabled', className),
     children: [/*#__PURE__*/jsxRuntime.jsx("input", {
       type: "button",
       "aria-label": children,
@@ -2713,22 +2713,6 @@ const CircularButton = ({
     })]
   });
 };
-CircularButton.propTypes = {
-  className: PropTypes__default.default.string,
-  children: PropTypes__default.default.string.isRequired,
-  disabled: PropTypes__default.default.bool,
-  icon: PropTypes__default.default.element.isRequired,
-  onClick: PropTypes__default.default.func,
-  priority: PropTypes__default.default.oneOf(['primary', 'secondary']),
-  type: PropTypes__default.default.oneOf(['accent', 'positive', 'negative'])
-};
-CircularButton.defaultProps = {
-  className: undefined,
-  disabled: false,
-  priority: exports.Priority.PRIMARY,
-  type: exports.ControlType.ACCENT
-};
-var CircularButton$1 = CircularButton;
 
 function getDayNames(locale, format = 'short') {
   const days = [];
@@ -9435,6 +9419,7 @@ const defaultSelectProps = {};
 const defaultDisabledCountries = [];
 const PhoneNumberInput = ({
   id,
+  'aria-labelledby': ariaLabelledBy,
   required,
   disabled,
   initialValue,
@@ -9497,6 +9482,7 @@ const PhoneNumberInput = ({
     setBroadcastedValue(internalValue);
   }, [onChange, broadcastedValue, internalValue]);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    "aria-labelledby": ariaLabelledBy,
     className: "tw-telephone",
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "tw-telephone__country-select",
@@ -11123,6 +11109,8 @@ const Summary = ({
         className: "np-summary__title d-flex",
         children: [/*#__PURE__*/jsxRuntime.jsx(Body, {
           as: "span",
+          role: "heading",
+          "aria-level": 4,
           type: exports.Typography.BODY_LARGE_BOLD,
           className: "text-primary m-b-1",
           children: title
@@ -11986,7 +11974,7 @@ class TypeaheadInput extends React.Component {
       autoFocus,
       multiple,
       name,
-      optionsShown,
+      dropdownOpen,
       placeholder,
       selected,
       value,
@@ -12008,7 +11996,7 @@ class TypeaheadInput extends React.Component {
       autoFocus: autoFocus,
       placeholder: hasPlaceholder ? placeholder : '',
       "aria-autocomplete": "list",
-      "aria-expanded": optionsShown,
+      "aria-expanded": dropdownOpen,
       "aria-haspopup": "listbox",
       "aria-controls": `menu-${typeaheadId}`,
       autoComplete: autoComplete,
@@ -12510,7 +12498,7 @@ class Typeahead extends React.Component {
           }), /*#__PURE__*/jsxRuntime.jsx(TypeaheadInput, {
             autoFocus,
             multiple,
-            optionsShown,
+            dropdownOpen,
             placeholder,
             selected,
             maxHeight,
@@ -15180,7 +15168,7 @@ exports.CheckboxOption = CheckboxOption;
 exports.Chevron = Chevron;
 exports.Chip = Chip;
 exports.Chips = Chips;
-exports.CircularButton = CircularButton$1;
+exports.CircularButton = CircularButton;
 exports.CriticalCommsBanner = CriticalCommsBanner;
 exports.DEFAULT_LANG = DEFAULT_LANG;
 exports.DEFAULT_LOCALE = DEFAULT_LOCALE;