@transferwise/components 0.0.0-experimental-4a6914a → 0.0.0-experimental-23ee071
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/main.css +105 -105
- package/build/moneyInput/MoneyInput.js +28 -12
- package/build/moneyInput/MoneyInput.js.map +1 -1
- package/build/moneyInput/MoneyInput.mjs +29 -13
- package/build/moneyInput/MoneyInput.mjs.map +1 -1
- package/build/moneyInput/currencyFormatting.js +6 -2
- package/build/moneyInput/currencyFormatting.js.map +1 -1
- package/build/moneyInput/currencyFormatting.mjs +3 -3
- package/build/moneyInput/currencyFormatting.mjs.map +1 -1
- package/build/styles/listItem/ListItem.css +105 -105
- package/build/styles/listItem/ListItem.grid.css +105 -105
- package/build/styles/main.css +105 -105
- package/build/types/moneyInput/MoneyInput.d.ts +5 -0
- package/build/types/moneyInput/MoneyInput.d.ts.map +1 -1
- package/build/types/moneyInput/currencyFormatting.d.ts +3 -3
- package/build/types/moneyInput/currencyFormatting.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/listItem/ListItem.css +105 -105
- package/src/listItem/ListItem.grid.css +105 -105
- package/src/listItem/ListItem.grid.less +159 -162
- package/src/main.css +105 -105
- package/src/moneyInput/MoneyInput.story.tsx +18 -1
- package/src/moneyInput/MoneyInput.test.tsx +24 -0
- package/src/moneyInput/MoneyInput.tsx +26 -3
- package/src/moneyInput/currencyFormatting.ts +9 -4
- package/src/listItem/_stories/ListItemTest.story.tsx +0 -67
package/build/styles/main.css
CHANGED
|
@@ -29430,66 +29430,54 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
|
|
|
29430
29430
|
margin-top: -2px;
|
|
29431
29431
|
}
|
|
29432
29432
|
|
|
29433
|
-
@container (
|
|
29433
|
+
@container (min-width: 309px) {
|
|
29434
29434
|
.wds-list-item-gridWrapper .wds-list-item-control-wrapper {
|
|
29435
|
-
|
|
29435
|
+
height: var(--wds-list-item-control-wrapper-height);
|
|
29436
|
+
align-content: center;
|
|
29437
|
+
}
|
|
29438
|
+
.wds-list-item-gridWrapper .wds-list-item-media-image {
|
|
29439
|
+
-o-object-position: center;
|
|
29440
|
+
object-position: center;
|
|
29436
29441
|
}
|
|
29437
29442
|
.wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-hasPrompt {
|
|
29438
|
-
grid-template-columns: 1fr auto;
|
|
29443
|
+
grid-template-columns: auto 1fr auto;
|
|
29439
29444
|
grid-template-rows: auto auto auto;
|
|
29440
|
-
grid-template-areas: "body control" "info
|
|
29441
|
-
}
|
|
29442
|
-
.wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-hasPrompt:has(.wds-list-item-button-control) {
|
|
29443
|
-
grid-template-columns: 1fr;
|
|
29444
|
-
grid-template-rows: auto;
|
|
29445
|
-
grid-template-areas: "body" "info" "prompt" "control";
|
|
29445
|
+
grid-template-areas: "media body control" ". info ." ". prompt prompt";
|
|
29446
29446
|
}
|
|
29447
29447
|
.wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-noPrompt {
|
|
29448
|
-
grid-template-columns: 1fr auto;
|
|
29448
|
+
grid-template-columns: auto 1fr auto;
|
|
29449
29449
|
grid-template-rows: auto auto;
|
|
29450
|
-
grid-template-areas: "body control" "info
|
|
29451
|
-
}
|
|
29452
|
-
.wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-noPrompt:has(.wds-list-item-button-control) {
|
|
29453
|
-
grid-template-columns: 1fr;
|
|
29454
|
-
grid-template-areas: "body" "info" "control";
|
|
29450
|
+
grid-template-areas: "media body control" ". info .";
|
|
29455
29451
|
}
|
|
29456
29452
|
.wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-noInfo-hasPrompt {
|
|
29457
|
-
grid-template-columns: 1fr auto;
|
|
29453
|
+
grid-template-columns: auto 1fr auto;
|
|
29458
29454
|
grid-template-rows: auto auto;
|
|
29459
|
-
grid-template-areas: "body control" "prompt prompt";
|
|
29460
|
-
}
|
|
29461
|
-
.wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-noInfo-hasPrompt:has(.wds-list-item-button-control) {
|
|
29462
|
-
grid-template-columns: 1fr;
|
|
29463
|
-
grid-template-areas: "body" "prompt" "control";
|
|
29455
|
+
grid-template-areas: "media body control" ". prompt prompt";
|
|
29464
29456
|
}
|
|
29465
29457
|
.wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-noInfo-noPrompt {
|
|
29466
|
-
grid-template-columns: 1fr auto;
|
|
29458
|
+
grid-template-columns: auto 1fr auto;
|
|
29467
29459
|
grid-template-rows: auto;
|
|
29468
|
-
grid-template-areas: "body control";
|
|
29469
|
-
}
|
|
29470
|
-
.wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-noInfo-noPrompt:has(.wds-list-item-button-control) {
|
|
29471
|
-
grid-template-columns: 1fr;
|
|
29472
|
-
grid-template-areas: "body" "control";
|
|
29460
|
+
grid-template-areas: "media body control";
|
|
29473
29461
|
}
|
|
29474
29462
|
.wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-hasInfo-hasPrompt {
|
|
29475
|
-
grid-template-columns: 1fr;
|
|
29476
|
-
grid-template-rows: auto auto
|
|
29477
|
-
grid-template-areas: "body" "info" "prompt";
|
|
29463
|
+
grid-template-columns: auto 1fr;
|
|
29464
|
+
grid-template-rows: auto auto;
|
|
29465
|
+
grid-template-areas: "media body" ". info" ". prompt";
|
|
29478
29466
|
}
|
|
29479
29467
|
.wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-hasInfo-noPrompt {
|
|
29480
|
-
grid-template-columns: 1fr;
|
|
29481
|
-
grid-template-rows: auto auto;
|
|
29482
|
-
grid-template-areas: "body" "info";
|
|
29468
|
+
grid-template-columns: auto 1fr;
|
|
29469
|
+
grid-template-rows: auto auto auto;
|
|
29470
|
+
grid-template-areas: "media body" ". info";
|
|
29483
29471
|
}
|
|
29484
29472
|
.wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-noInfo-hasPrompt {
|
|
29485
|
-
grid-template-columns: 1fr;
|
|
29473
|
+
grid-template-columns: auto 1fr;
|
|
29486
29474
|
grid-template-rows: auto auto;
|
|
29487
|
-
grid-template-areas: "body" "prompt";
|
|
29475
|
+
grid-template-areas: "media body" ". prompt";
|
|
29488
29476
|
}
|
|
29489
29477
|
.wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-noInfo-noPrompt {
|
|
29490
|
-
grid-template-columns: 1fr;
|
|
29478
|
+
grid-template-columns: auto 1fr;
|
|
29491
29479
|
grid-template-rows: auto;
|
|
29492
|
-
grid-template-areas: "body";
|
|
29480
|
+
grid-template-areas: "media body";
|
|
29493
29481
|
}
|
|
29494
29482
|
.wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl .wds-list-item-prompt {
|
|
29495
29483
|
grid-column: 1 / -1;
|
|
@@ -29497,43 +29485,23 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
|
|
|
29497
29485
|
.wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-hasInfo-hasPrompt {
|
|
29498
29486
|
grid-template-columns: 1fr auto;
|
|
29499
29487
|
grid-template-rows: auto auto auto;
|
|
29500
|
-
grid-template-areas: "body control" "info
|
|
29501
|
-
}
|
|
29502
|
-
.wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-hasInfo-hasPrompt:has(.wds-list-item-button-control) {
|
|
29503
|
-
grid-template-columns: 1fr;
|
|
29504
|
-
grid-template-rows: auto;
|
|
29505
|
-
grid-template-areas: "body" "info" "prompt" "control";
|
|
29488
|
+
grid-template-areas: "body control" "info ." "prompt prompt";
|
|
29506
29489
|
}
|
|
29507
29490
|
.wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-hasInfo-noPrompt {
|
|
29508
29491
|
grid-template-columns: 1fr auto;
|
|
29509
29492
|
grid-template-rows: auto auto;
|
|
29510
|
-
grid-template-areas: "body control" "info
|
|
29511
|
-
}
|
|
29512
|
-
.wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-hasInfo-noPrompt:has(.wds-list-item-button-control) {
|
|
29513
|
-
grid-template-columns: 1fr;
|
|
29514
|
-
grid-template-rows: auto;
|
|
29515
|
-
grid-template-areas: "body" "info" "control";
|
|
29493
|
+
grid-template-areas: "body control" "info .";
|
|
29516
29494
|
}
|
|
29517
29495
|
.wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-noInfo-hasPrompt {
|
|
29518
29496
|
grid-template-columns: 1fr auto;
|
|
29519
29497
|
grid-template-rows: auto auto;
|
|
29520
29498
|
grid-template-areas: "body control" "prompt prompt";
|
|
29521
29499
|
}
|
|
29522
|
-
.wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-noInfo-hasPrompt:has(.wds-list-item-button-control) {
|
|
29523
|
-
grid-template-columns: 1fr;
|
|
29524
|
-
grid-template-rows: auto;
|
|
29525
|
-
grid-template-areas: "body" "prompt" "control";
|
|
29526
|
-
}
|
|
29527
29500
|
.wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-noInfo-noPrompt {
|
|
29528
29501
|
grid-template-columns: 1fr auto;
|
|
29529
29502
|
grid-template-rows: auto;
|
|
29530
29503
|
grid-template-areas: "body control";
|
|
29531
29504
|
}
|
|
29532
|
-
.wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-noInfo-noPrompt:has(.wds-list-item-button-control) {
|
|
29533
|
-
grid-template-columns: 1fr;
|
|
29534
|
-
grid-template-rows: auto;
|
|
29535
|
-
grid-template-areas: "body" "control";
|
|
29536
|
-
}
|
|
29537
29505
|
.wds-list-item-gridWrapper.wds-list-item-noMedia-noControl .wds-list-item-prompt {
|
|
29538
29506
|
grid-column: 1 / -1;
|
|
29539
29507
|
}
|
|
@@ -29557,27 +29525,9 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
|
|
|
29557
29525
|
grid-template-rows: auto;
|
|
29558
29526
|
grid-template-areas: "body";
|
|
29559
29527
|
}
|
|
29560
|
-
.wds-list-item-gridWrapper .wds-list-item-media {
|
|
29561
|
-
display: none;
|
|
29562
|
-
}
|
|
29563
|
-
.wds-list-item-gridWrapper .wds-list-item-body {
|
|
29564
|
-
grid-area: body;
|
|
29565
|
-
display: grid;
|
|
29566
|
-
grid-template-columns: 1fr;
|
|
29567
|
-
justify-items: start;
|
|
29568
|
-
grid-gap: 0;
|
|
29569
|
-
gap: 0;
|
|
29570
|
-
}
|
|
29571
|
-
.wds-list-item-gridWrapper .wds-list-item-body .wds-list-item-value {
|
|
29572
|
-
text-align: left;
|
|
29573
|
-
}
|
|
29574
|
-
.wds-list-item-gridWrapper .wds-list-item-button-control--hasPrompt {
|
|
29575
|
-
margin-top: 4px;
|
|
29576
|
-
margin-top: var(--size-4);
|
|
29577
|
-
}
|
|
29578
29528
|
}
|
|
29579
29529
|
|
|
29580
|
-
@container (min-width:
|
|
29530
|
+
@container (min-width: 241px) and (max-width: 308px) {
|
|
29581
29531
|
.wds-list-item-gridWrapper .wds-list-item-media-image {
|
|
29582
29532
|
-o-object-position: bottom left;
|
|
29583
29533
|
object-position: bottom left;
|
|
@@ -29709,54 +29659,66 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
|
|
|
29709
29659
|
}
|
|
29710
29660
|
}
|
|
29711
29661
|
|
|
29712
|
-
@container (
|
|
29662
|
+
@container (max-width: 240px) {
|
|
29713
29663
|
.wds-list-item-gridWrapper .wds-list-item-control-wrapper {
|
|
29714
|
-
|
|
29715
|
-
align-content: center;
|
|
29716
|
-
}
|
|
29717
|
-
.wds-list-item-gridWrapper .wds-list-item-media-image {
|
|
29718
|
-
-o-object-position: center;
|
|
29719
|
-
object-position: center;
|
|
29664
|
+
align-content: start;
|
|
29720
29665
|
}
|
|
29721
29666
|
.wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-hasPrompt {
|
|
29722
|
-
grid-template-columns:
|
|
29667
|
+
grid-template-columns: 1fr auto;
|
|
29723
29668
|
grid-template-rows: auto auto auto;
|
|
29724
|
-
grid-template-areas: "
|
|
29669
|
+
grid-template-areas: "body control" "info control" "prompt prompt";
|
|
29670
|
+
}
|
|
29671
|
+
.wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-hasPrompt:has(.wds-list-item-button-control) {
|
|
29672
|
+
grid-template-columns: 1fr;
|
|
29673
|
+
grid-template-rows: auto;
|
|
29674
|
+
grid-template-areas: "body" "info" "prompt" "control";
|
|
29725
29675
|
}
|
|
29726
29676
|
.wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-noPrompt {
|
|
29727
|
-
grid-template-columns:
|
|
29677
|
+
grid-template-columns: 1fr auto;
|
|
29728
29678
|
grid-template-rows: auto auto;
|
|
29729
|
-
grid-template-areas: "
|
|
29679
|
+
grid-template-areas: "body control" "info control";
|
|
29680
|
+
}
|
|
29681
|
+
.wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-noPrompt:has(.wds-list-item-button-control) {
|
|
29682
|
+
grid-template-columns: 1fr;
|
|
29683
|
+
grid-template-areas: "body" "info" "control";
|
|
29730
29684
|
}
|
|
29731
29685
|
.wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-noInfo-hasPrompt {
|
|
29732
|
-
grid-template-columns:
|
|
29686
|
+
grid-template-columns: 1fr auto;
|
|
29733
29687
|
grid-template-rows: auto auto;
|
|
29734
|
-
grid-template-areas: "
|
|
29688
|
+
grid-template-areas: "body control" "prompt prompt";
|
|
29689
|
+
}
|
|
29690
|
+
.wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-noInfo-hasPrompt:has(.wds-list-item-button-control) {
|
|
29691
|
+
grid-template-columns: 1fr;
|
|
29692
|
+
grid-template-areas: "body" "prompt" "control";
|
|
29735
29693
|
}
|
|
29736
29694
|
.wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-noInfo-noPrompt {
|
|
29737
|
-
grid-template-columns:
|
|
29695
|
+
grid-template-columns: 1fr auto;
|
|
29738
29696
|
grid-template-rows: auto;
|
|
29739
|
-
grid-template-areas: "
|
|
29697
|
+
grid-template-areas: "body control";
|
|
29698
|
+
}
|
|
29699
|
+
.wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-noInfo-noPrompt:has(.wds-list-item-button-control) {
|
|
29700
|
+
grid-template-columns: 1fr;
|
|
29701
|
+
grid-template-areas: "body" "control";
|
|
29740
29702
|
}
|
|
29741
29703
|
.wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-hasInfo-hasPrompt {
|
|
29742
|
-
grid-template-columns:
|
|
29743
|
-
grid-template-rows: auto auto;
|
|
29744
|
-
grid-template-areas: "
|
|
29704
|
+
grid-template-columns: 1fr;
|
|
29705
|
+
grid-template-rows: auto auto auto;
|
|
29706
|
+
grid-template-areas: "body" "info" "prompt";
|
|
29745
29707
|
}
|
|
29746
29708
|
.wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-hasInfo-noPrompt {
|
|
29747
|
-
grid-template-columns:
|
|
29748
|
-
grid-template-rows: auto auto
|
|
29749
|
-
grid-template-areas: "
|
|
29709
|
+
grid-template-columns: 1fr;
|
|
29710
|
+
grid-template-rows: auto auto;
|
|
29711
|
+
grid-template-areas: "body" "info";
|
|
29750
29712
|
}
|
|
29751
29713
|
.wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-noInfo-hasPrompt {
|
|
29752
|
-
grid-template-columns:
|
|
29714
|
+
grid-template-columns: 1fr;
|
|
29753
29715
|
grid-template-rows: auto auto;
|
|
29754
|
-
grid-template-areas: "
|
|
29716
|
+
grid-template-areas: "body" "prompt";
|
|
29755
29717
|
}
|
|
29756
29718
|
.wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-noInfo-noPrompt {
|
|
29757
|
-
grid-template-columns:
|
|
29719
|
+
grid-template-columns: 1fr;
|
|
29758
29720
|
grid-template-rows: auto;
|
|
29759
|
-
grid-template-areas: "
|
|
29721
|
+
grid-template-areas: "body";
|
|
29760
29722
|
}
|
|
29761
29723
|
.wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl .wds-list-item-prompt {
|
|
29762
29724
|
grid-column: 1 / -1;
|
|
@@ -29764,23 +29726,43 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
|
|
|
29764
29726
|
.wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-hasInfo-hasPrompt {
|
|
29765
29727
|
grid-template-columns: 1fr auto;
|
|
29766
29728
|
grid-template-rows: auto auto auto;
|
|
29767
|
-
grid-template-areas: "body control" "info
|
|
29729
|
+
grid-template-areas: "body control" "info control" "prompt prompt";
|
|
29730
|
+
}
|
|
29731
|
+
.wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-hasInfo-hasPrompt:has(.wds-list-item-button-control) {
|
|
29732
|
+
grid-template-columns: 1fr;
|
|
29733
|
+
grid-template-rows: auto;
|
|
29734
|
+
grid-template-areas: "body" "info" "prompt" "control";
|
|
29768
29735
|
}
|
|
29769
29736
|
.wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-hasInfo-noPrompt {
|
|
29770
29737
|
grid-template-columns: 1fr auto;
|
|
29771
29738
|
grid-template-rows: auto auto;
|
|
29772
|
-
grid-template-areas: "body control" "info
|
|
29739
|
+
grid-template-areas: "body control" "info control";
|
|
29740
|
+
}
|
|
29741
|
+
.wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-hasInfo-noPrompt:has(.wds-list-item-button-control) {
|
|
29742
|
+
grid-template-columns: 1fr;
|
|
29743
|
+
grid-template-rows: auto;
|
|
29744
|
+
grid-template-areas: "body" "info" "control";
|
|
29773
29745
|
}
|
|
29774
29746
|
.wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-noInfo-hasPrompt {
|
|
29775
29747
|
grid-template-columns: 1fr auto;
|
|
29776
29748
|
grid-template-rows: auto auto;
|
|
29777
29749
|
grid-template-areas: "body control" "prompt prompt";
|
|
29778
29750
|
}
|
|
29751
|
+
.wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-noInfo-hasPrompt:has(.wds-list-item-button-control) {
|
|
29752
|
+
grid-template-columns: 1fr;
|
|
29753
|
+
grid-template-rows: auto;
|
|
29754
|
+
grid-template-areas: "body" "prompt" "control";
|
|
29755
|
+
}
|
|
29779
29756
|
.wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-noInfo-noPrompt {
|
|
29780
29757
|
grid-template-columns: 1fr auto;
|
|
29781
29758
|
grid-template-rows: auto;
|
|
29782
29759
|
grid-template-areas: "body control";
|
|
29783
29760
|
}
|
|
29761
|
+
.wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-noInfo-noPrompt:has(.wds-list-item-button-control) {
|
|
29762
|
+
grid-template-columns: 1fr;
|
|
29763
|
+
grid-template-rows: auto;
|
|
29764
|
+
grid-template-areas: "body" "control";
|
|
29765
|
+
}
|
|
29784
29766
|
.wds-list-item-gridWrapper.wds-list-item-noMedia-noControl .wds-list-item-prompt {
|
|
29785
29767
|
grid-column: 1 / -1;
|
|
29786
29768
|
}
|
|
@@ -29804,6 +29786,24 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
|
|
|
29804
29786
|
grid-template-rows: auto;
|
|
29805
29787
|
grid-template-areas: "body";
|
|
29806
29788
|
}
|
|
29789
|
+
.wds-list-item-gridWrapper .wds-list-item-media {
|
|
29790
|
+
display: none;
|
|
29791
|
+
}
|
|
29792
|
+
.wds-list-item-gridWrapper .wds-list-item-body {
|
|
29793
|
+
grid-area: body;
|
|
29794
|
+
display: grid;
|
|
29795
|
+
grid-template-columns: 1fr;
|
|
29796
|
+
justify-items: start;
|
|
29797
|
+
grid-gap: 0;
|
|
29798
|
+
gap: 0;
|
|
29799
|
+
}
|
|
29800
|
+
.wds-list-item-gridWrapper .wds-list-item-body .wds-list-item-value {
|
|
29801
|
+
text-align: left;
|
|
29802
|
+
}
|
|
29803
|
+
.wds-list-item-gridWrapper .wds-list-item-button-control--hasPrompt {
|
|
29804
|
+
margin-top: 4px;
|
|
29805
|
+
margin-top: var(--size-4);
|
|
29806
|
+
}
|
|
29807
29807
|
}
|
|
29808
29808
|
|
|
29809
29809
|
.wds-list-item-prompt {
|
|
@@ -37,6 +37,11 @@ export interface MoneyInputProps extends WrappedComponentProps {
|
|
|
37
37
|
onCustomAction?: () => void;
|
|
38
38
|
classNames?: Record<string, string>;
|
|
39
39
|
selectProps?: Partial<SelectInputProps<CurrencyOptionItem>>;
|
|
40
|
+
/**
|
|
41
|
+
* Specify the number of decimal places to format the amount. When not specified, the number of
|
|
42
|
+
* decimals is determined by the selected currency (e.g. 2 for EUR, 0 for JPY, 3 for BHD).
|
|
43
|
+
*/
|
|
44
|
+
decimals?: number;
|
|
40
45
|
}
|
|
41
46
|
export type MoneyInputPropsWithInputAttributes = MoneyInputProps & Partial<WithInputAttributesProps>;
|
|
42
47
|
declare const _default: import("react").FC<import("react-intl").WithIntlProps<Omit<MoneyInputPropsWithInputAttributes, "inputAttributes"> & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MoneyInput.d.ts","sourceRoot":"","sources":["../../../src/moneyInput/MoneyInput.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAc,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAE/D,OAAO,EAGL,SAAS,EACT,UAAU,EACV,SAAS,EAEV,MAAM,WAAW,CAAC;AACnB,OAAO,EAAuB,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAEnF,OAAO,EAKL,gBAAgB,EACjB,MAAM,uBAAuB,CAAC;AAO/B,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,YAAY,GAAG,kBAAkB,GAAG,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"MoneyInput.d.ts","sourceRoot":"","sources":["../../../src/moneyInput/MoneyInput.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAc,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAE/D,OAAO,EAGL,SAAS,EACT,UAAU,EACV,SAAS,EAEV,MAAM,WAAW,CAAC;AACnB,OAAO,EAAuB,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAEnF,OAAO,EAKL,gBAAgB,EACjB,MAAM,uBAAuB,CAAC;AAO/B,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,YAAY,GAAG,kBAAkB,GAAG,kBAAkB,CAAC;AAoDnE,MAAM,WAAW,eAAgB,SAAQ,qBAAqB;IAC5D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,EAAE,SAAS,YAAY,EAAE,CAAC;IACpC,gBAAgB,EAAE,kBAAkB,CAAC;IACrC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,eAAe,EAAE,YAAY,EAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3F,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAC5D;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,kCAAkC,GAAG,eAAe,GAC9D,OAAO,CAAC,wBAAwB,CAAC,CAAC;;;;;;;;AAoapC,wBAA2F"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { formatAmount } from '@transferwise/formatting';
|
|
2
|
-
export { formatAmount };
|
|
3
|
-
export declare function parseAmount(number: string, currency: string, locale?: string): number;
|
|
1
|
+
import { formatAmount, formatNumber } from '@transferwise/formatting';
|
|
2
|
+
export { formatAmount, formatNumber };
|
|
3
|
+
export declare function parseAmount(number: string, currency: string, locale?: string, decimals?: number): number;
|
|
4
4
|
//# sourceMappingURL=currencyFormatting.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"currencyFormatting.d.ts","sourceRoot":"","sources":["../../../src/moneyInput/currencyFormatting.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"currencyFormatting.d.ts","sourceRoot":"","sources":["../../../src/moneyInput/currencyFormatting.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAItE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC;AA2DtC,wBAAgB,WAAW,CACzB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,EAChB,MAAM,SAAiB,EACvB,QAAQ,CAAC,EAAE,MAAM,UAelB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@transferwise/components",
|
|
3
|
-
"version": "0.0.0-experimental-
|
|
3
|
+
"version": "0.0.0-experimental-23ee071",
|
|
4
4
|
"description": "Neptune React components",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -87,8 +87,8 @@
|
|
|
87
87
|
"storybook-addon-tag-badges": "^3.1.0",
|
|
88
88
|
"storybook-addon-test-codegen": "^3.0.1",
|
|
89
89
|
"@transferwise/less-config": "3.1.2",
|
|
90
|
-
"@wise/components-theming": "1.10.1",
|
|
91
90
|
"@transferwise/neptune-css": "14.27.1",
|
|
91
|
+
"@wise/components-theming": "1.10.1",
|
|
92
92
|
"@wise/wds-configs": "0.0.0"
|
|
93
93
|
},
|
|
94
94
|
"peerDependencies": {
|