@transferwise/components 0.0.0-experimental-3b1799b → 0.0.0-experimental-1b4195e
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/README.md +3 -5
- package/build/index.esm.js +3 -5
- package/build/index.esm.js.map +1 -1
- package/build/index.js +3 -5
- package/build/index.js.map +1 -1
- package/build/main.css +4 -11
- package/build/styles/main.css +4 -11
- package/build/styles/select/Select.css +4 -9
- package/build/types/select/option/Option.d.ts.map +1 -1
- package/package.json +3 -9
- package/src/main.css +4 -11
- package/src/select/Select.css +4 -9
- package/src/select/Select.less +1 -8
- package/src/select/option/Option.spec.js +3 -21
- package/src/select/option/Option.tsx +2 -7
package/README.md
CHANGED
|
@@ -10,17 +10,15 @@ This is the Neptune Web React component library. It uses [Neptune CSS](https://g
|
|
|
10
10
|
|
|
11
11
|
Neptune Components are published to npm as [@transferwise/components](https://www.npmjs.com/package/@transferwise/components).
|
|
12
12
|
|
|
13
|
-
Install `@transferwise/components` and its peer dependencies. **Note:** currency-flags is only required if you're using the [Money Input](https://transferwise.github.io/neptune-web/components/MoneyInput) or if you're using flags on the [Select](https://transferwise.github.io/neptune-web/components/Select).
|
|
14
|
-
|
|
15
13
|
```
|
|
16
14
|
# pnpm
|
|
17
|
-
pnpm install @transferwise/components react react-dom prop-types
|
|
15
|
+
pnpm install @transferwise/components react react-dom prop-types @wise/art
|
|
18
16
|
|
|
19
17
|
# yarn
|
|
20
|
-
yarn add @transferwise/components react react-dom prop-types
|
|
18
|
+
yarn add @transferwise/components react react-dom prop-types @wise/art
|
|
21
19
|
|
|
22
20
|
# npm
|
|
23
|
-
npm install @transferwise/components react react-dom prop-types
|
|
21
|
+
npm install @transferwise/components react react-dom prop-types @wise/art
|
|
24
22
|
```
|
|
25
23
|
|
|
26
24
|
```js
|
package/build/index.esm.js
CHANGED
|
@@ -10579,7 +10579,6 @@ var messages$2 = defineMessages({
|
|
|
10579
10579
|
}
|
|
10580
10580
|
});
|
|
10581
10581
|
|
|
10582
|
-
// Option.tsx NEW
|
|
10583
10582
|
function Option$1({
|
|
10584
10583
|
label,
|
|
10585
10584
|
currency = '',
|
|
@@ -10592,13 +10591,12 @@ function Option$1({
|
|
|
10592
10591
|
const {
|
|
10593
10592
|
isModern
|
|
10594
10593
|
} = useTheme();
|
|
10595
|
-
const style = classes => classes.map(className => classNames[className] || className).join(' ');
|
|
10596
|
-
const currencyClassNames = currency ? style(['currency-flag', `currency-flag-${currency.toLowerCase()}`]) : undefined;
|
|
10597
10594
|
const iconElement = icon ? /*#__PURE__*/cloneElement(icon, {
|
|
10598
10595
|
size: 24,
|
|
10599
10596
|
className: 'tw-icon'
|
|
10600
|
-
}) : currency && /*#__PURE__*/jsx(
|
|
10601
|
-
|
|
10597
|
+
}) : currency && /*#__PURE__*/jsx(Flag, {
|
|
10598
|
+
code: currency.toLowerCase(),
|
|
10599
|
+
intrinsicSize: 24
|
|
10602
10600
|
});
|
|
10603
10601
|
const titleAndNoteElement = /*#__PURE__*/jsxs(Body, {
|
|
10604
10602
|
as: "span",
|