@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.
Files changed (14) hide show
  1. package/build/index.esm.js +27 -30
  2. package/build/index.esm.js.map +1 -1
  3. package/build/index.js +27 -30
  4. package/build/index.js.map +1 -1
  5. package/build/main.css +6 -82
  6. package/build/styles/decision/Decision.css +6 -82
  7. package/build/styles/main.css +6 -82
  8. package/build/types/decision/Decision.d.ts.map +1 -1
  9. package/package.json +1 -1
  10. package/src/decision/Decision.css +6 -82
  11. package/src/decision/Decision.less +2 -40
  12. package/src/decision/Decision.spec.js +3 -2
  13. package/src/decision/Decision.tsx +32 -35
  14. package/src/main.css +6 -82
package/build/index.esm.js CHANGED
@@ -4523,38 +4523,35 @@ const Decision = ({
4523
4523
  const breakpoint = isSmall ? screenXs : screenSm;
4524
4524
  const isGrid = presentation === DecisionPresentation.LIST_BLOCK_GRID;
4525
4525
  return /*#__PURE__*/jsx("div", {
4526
- className: classNames('np-decision', {
4526
+ className: classNames('np-decision d-flex', {
4527
4527
  'np-decision--small': isSmall,
4528
4528
  'np-decision--grid': isGrid
4529
- }),
4530
- children: /*#__PURE__*/jsx("div", {
4531
- className: classNames('np-size-swapper d-flex', breakpoint ? isGrid && 'flex-wrap' : 'flex-column'),
4532
- children: breakpoint ? options.map(({
4533
- description,
4534
- disabled,
4535
- href,
4536
- target,
4537
- media: {
4538
- block
4539
- },
4540
- onClick,
4541
- title
4542
- }, key) => /*#__PURE__*/jsx(Tile$1
4543
- // eslint-disable-next-line react/no-array-index-key
4544
- , {
4545
- className: classNames(`np-decision__tile${isSmall ? '--small' : ''}`, {
4546
- 'np-decision__tile--fixed-width': isGrid
4547
- }),
4548
- description: description,
4549
- disabled: disabled,
4550
- href: href,
4551
- target: target,
4552
- media: block,
4553
- size: isSmall ? Size.SMALL : Size.MEDIUM,
4554
- title: title,
4555
- onClick: onClick
4556
- }, `tile-${key}`)) : renderedOptions
4557
- })
4529
+ }, breakpoint ? isGrid && 'flex-wrap' : 'flex-column'),
4530
+ children: breakpoint ? options.map(({
4531
+ description,
4532
+ disabled,
4533
+ href,
4534
+ target,
4535
+ media: {
4536
+ block
4537
+ },
4538
+ onClick,
4539
+ title
4540
+ }, key) => /*#__PURE__*/jsx(Tile$1
4541
+ // eslint-disable-next-line react/no-array-index-key
4542
+ , {
4543
+ className: classNames(`np-decision__tile${isSmall ? '--small' : ''}`, {
4544
+ 'np-decision__tile--fixed-width': isGrid
4545
+ }),
4546
+ description: description,
4547
+ disabled: disabled,
4548
+ href: href,
4549
+ target: target,
4550
+ media: block,
4551
+ size: isSmall ? Size.SMALL : Size.MEDIUM,
4552
+ title: title,
4553
+ onClick: onClick
4554
+ }, `tile-${key}`)) : renderedOptions
4558
4555
  });
4559
4556
  }
4560
4557
  // LIST