@transferwise/components 0.0.0-experimental-fa6ab41 → 0.0.0-experimental-39aaa59

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 (14) hide show
  1. package/build/index.esm.js +7 -6
  2. package/build/index.esm.js.map +1 -1
  3. package/build/index.js +7 -6
  4. package/build/index.js.map +1 -1
  5. package/build/main.css +1 -1
  6. package/build/styles/inputs/SelectInput.css +1 -1
  7. package/build/styles/main.css +1 -1
  8. package/build/types/inputs/SelectInput.d.ts.map +1 -1
  9. package/package.json +3 -3
  10. package/src/inputs/SelectInput.css +1 -1
  11. package/src/inputs/SelectInput.less +6 -0
  12. package/src/inputs/SelectInput.story.tsx +6 -0
  13. package/src/inputs/SelectInput.tsx +8 -4
  14. package/src/main.css +1 -1
package/build/index.js CHANGED
@@ -6957,18 +6957,19 @@ function SelectInputOption({
6957
6957
  disabled: disabled,
6958
6958
  className: ({
6959
6959
  active,
6960
+ selected,
6960
6961
  disabled: uiDisabled
6961
- }) => classNames__default.default('np-select-input-option-container np-text-body-large', active && 'np-select-input-option-container--active', uiDisabled && 'np-select-input-option-container--disabled'),
6962
+ }) => classNames__default.default('np-select-input-option-container np-text-body-large', active && 'np-select-input-option-container--active', selected && 'np-select-input-option-container--selected', uiDisabled && 'np-select-input-option-container--disabled'),
6962
6963
  children: ({
6963
6964
  selected
6964
6965
  }) => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
6965
- children: [cachedParentHasValue ? /*#__PURE__*/jsxRuntime.jsx(icons.Check, {
6966
- size: 16,
6967
- className: classNames__default.default(!selected && 'np-select-input-option-check--not-selected')
6968
- }) : null, /*#__PURE__*/jsxRuntime.jsx("div", {
6966
+ children: [/*#__PURE__*/jsxRuntime.jsx("div", {
6969
6967
  className: "np-select-input-option",
6970
6968
  children: children
6971
- })]
6969
+ }), cachedParentHasValue ? /*#__PURE__*/jsxRuntime.jsx(icons.Check, {
6970
+ size: 24,
6971
+ className: classNames__default.default('np-select-input-option-check', !selected && 'np-select-input-option-check--not-selected')
6972
+ }) : null]
6972
6973
  })
6973
6974
  });
6974
6975
  }