@transferwise/components 0.0.0-experimental-799b843 → 0.0.0-experimental-025f0d7
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.esm.js +27 -30
- package/build/index.esm.js.map +1 -1
- package/build/index.js +27 -30
- package/build/index.js.map +1 -1
- package/build/main.css +6 -82
- package/build/styles/decision/Decision.css +6 -82
- package/build/styles/main.css +6 -82
- package/build/types/decision/Decision.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/decision/Decision.css +6 -82
- package/src/decision/Decision.less +2 -40
- package/src/decision/Decision.spec.js +3 -2
- package/src/decision/Decision.tsx +32 -35
- package/src/main.css +6 -82
package/build/index.js
CHANGED
|
@@ -4557,38 +4557,35 @@ const Decision = ({
|
|
|
4557
4557
|
const breakpoint = isSmall ? screenXs : screenSm;
|
|
4558
4558
|
const isGrid = presentation === exports.DecisionPresentation.LIST_BLOCK_GRID;
|
|
4559
4559
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
4560
|
-
className: classNames__default.default('np-decision', {
|
|
4560
|
+
className: classNames__default.default('np-decision d-flex', {
|
|
4561
4561
|
'np-decision--small': isSmall,
|
|
4562
4562
|
'np-decision--grid': isGrid
|
|
4563
|
-
}),
|
|
4564
|
-
children:
|
|
4565
|
-
|
|
4566
|
-
|
|
4567
|
-
|
|
4568
|
-
|
|
4569
|
-
|
|
4570
|
-
|
|
4571
|
-
|
|
4572
|
-
|
|
4573
|
-
|
|
4574
|
-
|
|
4575
|
-
|
|
4576
|
-
|
|
4577
|
-
|
|
4578
|
-
|
|
4579
|
-
|
|
4580
|
-
|
|
4581
|
-
|
|
4582
|
-
|
|
4583
|
-
|
|
4584
|
-
|
|
4585
|
-
|
|
4586
|
-
|
|
4587
|
-
|
|
4588
|
-
|
|
4589
|
-
onClick: onClick
|
|
4590
|
-
}, `tile-${key}`)) : renderedOptions
|
|
4591
|
-
})
|
|
4563
|
+
}, breakpoint ? isGrid && 'flex-wrap' : 'flex-column'),
|
|
4564
|
+
children: breakpoint ? options.map(({
|
|
4565
|
+
description,
|
|
4566
|
+
disabled,
|
|
4567
|
+
href,
|
|
4568
|
+
target,
|
|
4569
|
+
media: {
|
|
4570
|
+
block
|
|
4571
|
+
},
|
|
4572
|
+
onClick,
|
|
4573
|
+
title
|
|
4574
|
+
}, key) => /*#__PURE__*/jsxRuntime.jsx(Tile$1
|
|
4575
|
+
// eslint-disable-next-line react/no-array-index-key
|
|
4576
|
+
, {
|
|
4577
|
+
className: classNames__default.default(`np-decision__tile${isSmall ? '--small' : ''}`, {
|
|
4578
|
+
'np-decision__tile--fixed-width': isGrid
|
|
4579
|
+
}),
|
|
4580
|
+
description: description,
|
|
4581
|
+
disabled: disabled,
|
|
4582
|
+
href: href,
|
|
4583
|
+
target: target,
|
|
4584
|
+
media: block,
|
|
4585
|
+
size: isSmall ? exports.Size.SMALL : exports.Size.MEDIUM,
|
|
4586
|
+
title: title,
|
|
4587
|
+
onClick: onClick
|
|
4588
|
+
}, `tile-${key}`)) : renderedOptions
|
|
4592
4589
|
});
|
|
4593
4590
|
}
|
|
4594
4591
|
// LIST
|