@transferwise/components 0.0.0-experimental-3b84ee4 → 0.0.0-experimental-8a06fb3

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/build/index.js CHANGED
@@ -2023,9 +2023,6 @@ function SelectOption({
2023
2023
  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
2024
2024
  children: [/*#__PURE__*/jsxRuntime.jsx(Option$2, {
2025
2025
  ref: rootRef,
2026
- "aria-haspopup": "dialog",
2027
- "aria-expanded": showOptions,
2028
- "aria-labelledby": ariaLabelledBy,
2029
2026
  showMediaAtAllSizes: true,
2030
2027
  disabled: disabled,
2031
2028
  decision: false,
@@ -2036,14 +2033,18 @@ function SelectOption({
2036
2033
  content: (hasSelected ? selected : placeholder).content,
2037
2034
  className: classNames__default.default('np-select-option', 'clickable', hasSelected ? 'np-select-option-selected' : 'np-select-option-placeholder', props.className),
2038
2035
  button: /*#__PURE__*/jsxRuntime.jsx("button", {
2036
+ ...inputAttributes,
2039
2037
  type: "button",
2040
2038
  disabled: disabled,
2041
- className: "btn-unstyled",
2039
+ "aria-labelledby": ariaLabelledBy,
2040
+ "aria-haspopup": "dialog",
2041
+ "aria-expanded": showOptions,
2042
+ className: hasSelected ? 'btn-unstyled' : 'np-action-btn',
2042
2043
  "aria-label": hasSelected ? undefined : props['aria-label'],
2043
2044
  onClick: handleOnClick(true),
2044
- children: hasSelected ? /*#__PURE__*/jsxRuntime.jsx(Chevron, {}) : /*#__PURE__*/jsxRuntime.jsx(ActionButton, {
2045
- children: placeholder.actionLabel || intl.formatMessage(messages$c.actionLabel)
2046
- })
2045
+ children: hasSelected ? /*#__PURE__*/jsxRuntime.jsx(icons.ChevronDown, {
2046
+ title: intl.formatMessage(messages$c.actionLabel)
2047
+ }) : placeholder.actionLabel || intl.formatMessage(messages$c.actionLabel)
2047
2048
  })
2048
2049
  }), /*#__PURE__*/jsxRuntime.jsx(ResponsivePanel, {
2049
2050
  anchorWidth: true,