@transferwise/components 0.0.0-experimental-93bf218 → 0.0.0-experimental-4aed95c
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/i18n/en.json +0 -2
- package/build/index.js +2384 -2478
- package/build/index.js.map +1 -1
- package/build/index.mjs +2387 -2480
- package/build/index.mjs.map +1 -1
- package/build/main.css +41 -98
- package/build/styles/inputs/SelectInput.css +41 -51
- package/build/styles/main.css +41 -98
- package/build/types/common/hooks/useVirtualKeyboard.d.ts +7 -0
- package/build/types/common/hooks/useVirtualKeyboard.d.ts.map +1 -0
- package/build/types/common/responsivePanel/ResponsivePanel.d.ts.map +1 -1
- package/build/types/index.d.ts +0 -2
- package/build/types/index.d.ts.map +1 -1
- package/build/types/inputs/_BottomSheet.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/common/hooks/useVirtualKeyboard.ts +21 -0
- package/src/common/responsivePanel/ResponsivePanel.tsx +0 -2
- package/src/i18n/en.json +0 -2
- package/src/index.ts +0 -2
- package/src/inputs/SelectInput.css +41 -51
- package/src/inputs/_BottomSheet.less +35 -49
- package/src/inputs/_BottomSheet.tsx +22 -27
- package/src/inputs/_Popover.less +2 -2
- package/src/main.css +41 -98
- package/src/main.less +0 -1
- package/src/ssr.spec.js +0 -1
- package/build/styles/selectOption/SelectOption.css +0 -47
- package/build/types/selectOption/SelectOption.d.ts +0 -21
- package/build/types/selectOption/SelectOption.d.ts.map +0 -1
- package/build/types/selectOption/SelectOption.messages.d.ts +0 -12
- package/build/types/selectOption/SelectOption.messages.d.ts.map +0 -1
- package/build/types/selectOption/index.d.ts +0 -3
- package/build/types/selectOption/index.d.ts.map +0 -1
- package/src/selectOption/SelectOption.css +0 -47
- package/src/selectOption/SelectOption.less +0 -45
- package/src/selectOption/SelectOption.messages.ts +0 -12
- package/src/selectOption/SelectOption.spec.tsx +0 -89
- package/src/selectOption/SelectOption.story.tsx +0 -269
- package/src/selectOption/SelectOption.tsx +0 -152
- package/src/selectOption/index.ts +0 -2
package/build/main.css
CHANGED
|
@@ -1484,53 +1484,6 @@ button.np-option {
|
|
|
1484
1484
|
border-radius: var(--radius-small);
|
|
1485
1485
|
}
|
|
1486
1486
|
}
|
|
1487
|
-
.np-select-option {
|
|
1488
|
-
border-radius: 10px;
|
|
1489
|
-
border-radius: var(--radius-small);
|
|
1490
|
-
padding: 16px;
|
|
1491
|
-
padding: var(--size-16);
|
|
1492
|
-
}
|
|
1493
|
-
.np-select-option-placeholder {
|
|
1494
|
-
background-color: rgba(134,167,189,0.10196);
|
|
1495
|
-
background-color: var(--color-background-neutral);
|
|
1496
|
-
}
|
|
1497
|
-
.np-select-option-placeholder:not(.disabled):hover {
|
|
1498
|
-
background-color: var(--color-background-neutral-hover);
|
|
1499
|
-
}
|
|
1500
|
-
.np-select-option-placeholder:not(.disabled):focus,
|
|
1501
|
-
.np-select-option-placeholder:not(.disabled):active {
|
|
1502
|
-
background-color: var(--color-background-neutral-active);
|
|
1503
|
-
}
|
|
1504
|
-
.np-select-option-selected {
|
|
1505
|
-
border: 1px solid #c9cbce;
|
|
1506
|
-
border: 1px solid var(--color-interactive-secondary);
|
|
1507
|
-
}
|
|
1508
|
-
.np-select-option-list {
|
|
1509
|
-
max-height: 350px;
|
|
1510
|
-
overflow-y: auto;
|
|
1511
|
-
}
|
|
1512
|
-
.np-select-option-list > .np-section {
|
|
1513
|
-
margin-top: 0;
|
|
1514
|
-
}
|
|
1515
|
-
.form-group label > .np-select-option {
|
|
1516
|
-
margin-bottom: 0;
|
|
1517
|
-
}
|
|
1518
|
-
.has-error * .np-select-option {
|
|
1519
|
-
--ring-outline-color: var(--color-sentiment-negative);
|
|
1520
|
-
--ring-outline-width: 3px;
|
|
1521
|
-
--ring-outline-offset: calc(-1 * var(--ring-outline-width));
|
|
1522
|
-
outline: var(--ring-outline-color) solid 3px;
|
|
1523
|
-
outline: var(--ring-outline-color) solid var(--ring-outline-width);
|
|
1524
|
-
outline-offset: calc(-1 * 3px);
|
|
1525
|
-
outline-offset: var(--ring-outline-offset);
|
|
1526
|
-
}
|
|
1527
|
-
.has-error * .np-select-option:focus {
|
|
1528
|
-
outline: none;
|
|
1529
|
-
}
|
|
1530
|
-
.has-error * .np-select-option:focus-visible {
|
|
1531
|
-
outline: var(--ring-outline-color) solid var(--ring-outline-width);
|
|
1532
|
-
outline-offset: var(--ring-outline-offset);
|
|
1533
|
-
}
|
|
1534
1487
|
.np-panel__content {
|
|
1535
1488
|
opacity: 0;
|
|
1536
1489
|
visibility: hidden;
|
|
@@ -2447,67 +2400,37 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
|
|
|
2447
2400
|
position: relative;
|
|
2448
2401
|
z-index: 1060;
|
|
2449
2402
|
}
|
|
2450
|
-
.np-bottom-sheet-v2-backdrop-container--enter,
|
|
2451
|
-
.np-bottom-sheet-v2-backdrop-container--leave {
|
|
2452
|
-
transition-property: opacity;
|
|
2453
|
-
transition-timing-function: ease-out;
|
|
2454
|
-
transition-duration: 300ms;
|
|
2455
|
-
}
|
|
2456
|
-
.np-bottom-sheet-v2-backdrop-container--enter-from,
|
|
2457
|
-
.np-bottom-sheet-v2-backdrop-container--leave-to {
|
|
2458
|
-
opacity: 0;
|
|
2459
|
-
}
|
|
2460
2403
|
.np-bottom-sheet-v2-backdrop {
|
|
2461
2404
|
position: fixed;
|
|
2462
2405
|
inset: 0px;
|
|
2463
2406
|
background-color: #37517e;
|
|
2464
2407
|
background-color: var(--color-content-primary);
|
|
2465
2408
|
opacity: 0.4;
|
|
2409
|
+
transition-property: opacity;
|
|
2410
|
+
transition-timing-function: ease-out;
|
|
2411
|
+
transition-duration: 300ms;
|
|
2412
|
+
}
|
|
2413
|
+
.np-bottom-sheet-v2-backdrop--closed {
|
|
2414
|
+
opacity: 0;
|
|
2466
2415
|
}
|
|
2467
2416
|
.np-bottom-sheet-v2 {
|
|
2468
2417
|
position: fixed;
|
|
2469
2418
|
inset: 0px;
|
|
2419
|
+
bottom: env(keyboard-inset-height, 0px);
|
|
2420
|
+
margin-left: 8px;
|
|
2421
|
+
margin-left: var(--size-8);
|
|
2422
|
+
margin-right: 8px;
|
|
2423
|
+
margin-right: var(--size-8);
|
|
2424
|
+
margin-top: 64px;
|
|
2425
|
+
margin-top: var(--size-64);
|
|
2470
2426
|
display: flex;
|
|
2471
2427
|
flex-direction: column;
|
|
2472
2428
|
justify-content: flex-end;
|
|
2473
|
-
padding-left: 8px;
|
|
2474
|
-
padding-left: var(--size-8);
|
|
2475
|
-
padding-right: 8px;
|
|
2476
|
-
padding-right: var(--size-8);
|
|
2477
|
-
padding-top: 64px;
|
|
2478
|
-
padding-top: var(--size-64);
|
|
2479
2429
|
}
|
|
2480
2430
|
.np-bottom-sheet-v2-content {
|
|
2481
|
-
max-height: 100%;
|
|
2482
|
-
}
|
|
2483
|
-
.np-bottom-sheet-v2-content--enter,
|
|
2484
|
-
.np-bottom-sheet-v2-content--leave {
|
|
2485
|
-
transition-property: transform;
|
|
2486
|
-
transition-timing-function: ease-out;
|
|
2487
|
-
transition-duration: 300ms;
|
|
2488
|
-
}
|
|
2489
|
-
@media (prefers-reduced-motion: reduce) {
|
|
2490
|
-
.np-bottom-sheet-v2-content--enter,
|
|
2491
|
-
.np-bottom-sheet-v2-content--leave {
|
|
2492
|
-
transition-property: opacity;
|
|
2493
|
-
}
|
|
2494
|
-
}
|
|
2495
|
-
@media (prefers-reduced-motion: no-preference) {
|
|
2496
|
-
.np-bottom-sheet-v2-content--enter-from,
|
|
2497
|
-
.np-bottom-sheet-v2-content--leave-to {
|
|
2498
|
-
transform: translateY(100%);
|
|
2499
|
-
}
|
|
2500
|
-
}
|
|
2501
|
-
@media (prefers-reduced-motion: reduce) {
|
|
2502
|
-
.np-bottom-sheet-v2-content--enter-from,
|
|
2503
|
-
.np-bottom-sheet-v2-content--leave-to {
|
|
2504
|
-
opacity: 0;
|
|
2505
|
-
}
|
|
2506
|
-
}
|
|
2507
|
-
.np-bottom-sheet-v2-content-inner-container {
|
|
2508
2431
|
display: flex;
|
|
2509
|
-
height: 100%;
|
|
2510
2432
|
flex-direction: column;
|
|
2433
|
+
overflow: auto;
|
|
2511
2434
|
border-top-left-radius: 32px;
|
|
2512
2435
|
/* TODO: Tokenize */
|
|
2513
2436
|
border-top-right-radius: 32px;
|
|
@@ -2516,30 +2439,50 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
|
|
|
2516
2439
|
background-color: var(--color-background-elevated);
|
|
2517
2440
|
box-shadow: 0 0 40px rgba(69, 71, 69, 0.2);
|
|
2518
2441
|
}
|
|
2519
|
-
.np-bottom-sheet-v2-content
|
|
2442
|
+
.np-bottom-sheet-v2-content:focus {
|
|
2520
2443
|
outline: none;
|
|
2521
2444
|
}
|
|
2445
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
2446
|
+
.np-bottom-sheet-v2-content {
|
|
2447
|
+
transition-property: transform;
|
|
2448
|
+
transition-timing-function: ease-out;
|
|
2449
|
+
transition-duration: 300ms;
|
|
2450
|
+
}
|
|
2451
|
+
.np-bottom-sheet-v2-content--closed {
|
|
2452
|
+
transform: translateY(100%);
|
|
2453
|
+
}
|
|
2454
|
+
}
|
|
2455
|
+
@media (prefers-reduced-motion: reduce) {
|
|
2456
|
+
.np-bottom-sheet-v2-content {
|
|
2457
|
+
transition-property: opacity;
|
|
2458
|
+
transition-timing-function: ease-out;
|
|
2459
|
+
transition-duration: 300ms;
|
|
2460
|
+
}
|
|
2461
|
+
.np-bottom-sheet-v2-content--closed {
|
|
2462
|
+
opacity: 0;
|
|
2463
|
+
}
|
|
2464
|
+
}
|
|
2522
2465
|
.np-bottom-sheet-v2-header {
|
|
2523
2466
|
align-self: flex-end;
|
|
2524
2467
|
padding: 16px;
|
|
2525
2468
|
padding: var(--size-16);
|
|
2526
2469
|
}
|
|
2527
2470
|
.np-bottom-sheet-v2-content-inner {
|
|
2528
|
-
padding-top: 0px;
|
|
2529
2471
|
display: grid;
|
|
2472
|
+
grid-template-rows: minmax(0, 1fr);
|
|
2530
2473
|
grid-row-gap: 8px;
|
|
2531
2474
|
grid-row-gap: var(--size-8);
|
|
2532
2475
|
row-gap: 8px;
|
|
2533
2476
|
row-gap: var(--size-8);
|
|
2534
|
-
overflow
|
|
2535
|
-
grid-template-rows: repeat(1, minmax(0, 1fr));
|
|
2477
|
+
overflow: auto;
|
|
2536
2478
|
}
|
|
2537
2479
|
.np-bottom-sheet-v2-content-inner--has-title {
|
|
2538
|
-
grid-template-rows: auto 1fr;
|
|
2480
|
+
grid-template-rows: auto minmax(0, 1fr);
|
|
2539
2481
|
}
|
|
2540
2482
|
.np-bottom-sheet-v2-content-inner--padding-md {
|
|
2541
2483
|
padding: 16px;
|
|
2542
2484
|
padding: var(--size-16);
|
|
2485
|
+
padding-top: 0px;
|
|
2543
2486
|
}
|
|
2544
2487
|
.np-bottom-sheet-v2-title {
|
|
2545
2488
|
color: #37517e;
|
|
@@ -2586,10 +2529,10 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
|
|
|
2586
2529
|
row-gap: 8px;
|
|
2587
2530
|
row-gap: var(--size-8);
|
|
2588
2531
|
overflow-y: auto;
|
|
2589
|
-
grid-template-rows:
|
|
2532
|
+
grid-template-rows: minmax(0, 1fr);
|
|
2590
2533
|
}
|
|
2591
2534
|
.np-popover-v2--has-title {
|
|
2592
|
-
grid-template-rows: auto 1fr;
|
|
2535
|
+
grid-template-rows: auto minmax(0, 1fr);
|
|
2593
2536
|
}
|
|
2594
2537
|
.np-popover-v2--padding-md {
|
|
2595
2538
|
padding: 16px;
|
|
@@ -2,67 +2,37 @@
|
|
|
2
2
|
position: relative;
|
|
3
3
|
z-index: 1060;
|
|
4
4
|
}
|
|
5
|
-
.np-bottom-sheet-v2-backdrop-container--enter,
|
|
6
|
-
.np-bottom-sheet-v2-backdrop-container--leave {
|
|
7
|
-
transition-property: opacity;
|
|
8
|
-
transition-timing-function: ease-out;
|
|
9
|
-
transition-duration: 300ms;
|
|
10
|
-
}
|
|
11
|
-
.np-bottom-sheet-v2-backdrop-container--enter-from,
|
|
12
|
-
.np-bottom-sheet-v2-backdrop-container--leave-to {
|
|
13
|
-
opacity: 0;
|
|
14
|
-
}
|
|
15
5
|
.np-bottom-sheet-v2-backdrop {
|
|
16
6
|
position: fixed;
|
|
17
7
|
inset: 0px;
|
|
18
8
|
background-color: #37517e;
|
|
19
9
|
background-color: var(--color-content-primary);
|
|
20
10
|
opacity: 0.4;
|
|
11
|
+
transition-property: opacity;
|
|
12
|
+
transition-timing-function: ease-out;
|
|
13
|
+
transition-duration: 300ms;
|
|
14
|
+
}
|
|
15
|
+
.np-bottom-sheet-v2-backdrop--closed {
|
|
16
|
+
opacity: 0;
|
|
21
17
|
}
|
|
22
18
|
.np-bottom-sheet-v2 {
|
|
23
19
|
position: fixed;
|
|
24
20
|
inset: 0px;
|
|
21
|
+
bottom: env(keyboard-inset-height, 0px);
|
|
22
|
+
margin-left: 8px;
|
|
23
|
+
margin-left: var(--size-8);
|
|
24
|
+
margin-right: 8px;
|
|
25
|
+
margin-right: var(--size-8);
|
|
26
|
+
margin-top: 64px;
|
|
27
|
+
margin-top: var(--size-64);
|
|
25
28
|
display: flex;
|
|
26
29
|
flex-direction: column;
|
|
27
30
|
justify-content: flex-end;
|
|
28
|
-
padding-left: 8px;
|
|
29
|
-
padding-left: var(--size-8);
|
|
30
|
-
padding-right: 8px;
|
|
31
|
-
padding-right: var(--size-8);
|
|
32
|
-
padding-top: 64px;
|
|
33
|
-
padding-top: var(--size-64);
|
|
34
31
|
}
|
|
35
32
|
.np-bottom-sheet-v2-content {
|
|
36
|
-
max-height: 100%;
|
|
37
|
-
}
|
|
38
|
-
.np-bottom-sheet-v2-content--enter,
|
|
39
|
-
.np-bottom-sheet-v2-content--leave {
|
|
40
|
-
transition-property: transform;
|
|
41
|
-
transition-timing-function: ease-out;
|
|
42
|
-
transition-duration: 300ms;
|
|
43
|
-
}
|
|
44
|
-
@media (prefers-reduced-motion: reduce) {
|
|
45
|
-
.np-bottom-sheet-v2-content--enter,
|
|
46
|
-
.np-bottom-sheet-v2-content--leave {
|
|
47
|
-
transition-property: opacity;
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
@media (prefers-reduced-motion: no-preference) {
|
|
51
|
-
.np-bottom-sheet-v2-content--enter-from,
|
|
52
|
-
.np-bottom-sheet-v2-content--leave-to {
|
|
53
|
-
transform: translateY(100%);
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
@media (prefers-reduced-motion: reduce) {
|
|
57
|
-
.np-bottom-sheet-v2-content--enter-from,
|
|
58
|
-
.np-bottom-sheet-v2-content--leave-to {
|
|
59
|
-
opacity: 0;
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
.np-bottom-sheet-v2-content-inner-container {
|
|
63
33
|
display: flex;
|
|
64
|
-
height: 100%;
|
|
65
34
|
flex-direction: column;
|
|
35
|
+
overflow: auto;
|
|
66
36
|
border-top-left-radius: 32px;
|
|
67
37
|
/* TODO: Tokenize */
|
|
68
38
|
border-top-right-radius: 32px;
|
|
@@ -71,30 +41,50 @@
|
|
|
71
41
|
background-color: var(--color-background-elevated);
|
|
72
42
|
box-shadow: 0 0 40px rgba(69, 71, 69, 0.2);
|
|
73
43
|
}
|
|
74
|
-
.np-bottom-sheet-v2-content
|
|
44
|
+
.np-bottom-sheet-v2-content:focus {
|
|
75
45
|
outline: none;
|
|
76
46
|
}
|
|
47
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
48
|
+
.np-bottom-sheet-v2-content {
|
|
49
|
+
transition-property: transform;
|
|
50
|
+
transition-timing-function: ease-out;
|
|
51
|
+
transition-duration: 300ms;
|
|
52
|
+
}
|
|
53
|
+
.np-bottom-sheet-v2-content--closed {
|
|
54
|
+
transform: translateY(100%);
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
@media (prefers-reduced-motion: reduce) {
|
|
58
|
+
.np-bottom-sheet-v2-content {
|
|
59
|
+
transition-property: opacity;
|
|
60
|
+
transition-timing-function: ease-out;
|
|
61
|
+
transition-duration: 300ms;
|
|
62
|
+
}
|
|
63
|
+
.np-bottom-sheet-v2-content--closed {
|
|
64
|
+
opacity: 0;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
77
67
|
.np-bottom-sheet-v2-header {
|
|
78
68
|
align-self: flex-end;
|
|
79
69
|
padding: 16px;
|
|
80
70
|
padding: var(--size-16);
|
|
81
71
|
}
|
|
82
72
|
.np-bottom-sheet-v2-content-inner {
|
|
83
|
-
padding-top: 0px;
|
|
84
73
|
display: grid;
|
|
74
|
+
grid-template-rows: minmax(0, 1fr);
|
|
85
75
|
grid-row-gap: 8px;
|
|
86
76
|
grid-row-gap: var(--size-8);
|
|
87
77
|
row-gap: 8px;
|
|
88
78
|
row-gap: var(--size-8);
|
|
89
|
-
overflow
|
|
90
|
-
grid-template-rows: repeat(1, minmax(0, 1fr));
|
|
79
|
+
overflow: auto;
|
|
91
80
|
}
|
|
92
81
|
.np-bottom-sheet-v2-content-inner--has-title {
|
|
93
|
-
grid-template-rows: auto 1fr;
|
|
82
|
+
grid-template-rows: auto minmax(0, 1fr);
|
|
94
83
|
}
|
|
95
84
|
.np-bottom-sheet-v2-content-inner--padding-md {
|
|
96
85
|
padding: 16px;
|
|
97
86
|
padding: var(--size-16);
|
|
87
|
+
padding-top: 0px;
|
|
98
88
|
}
|
|
99
89
|
.np-bottom-sheet-v2-title {
|
|
100
90
|
color: #37517e;
|
|
@@ -141,10 +131,10 @@
|
|
|
141
131
|
row-gap: 8px;
|
|
142
132
|
row-gap: var(--size-8);
|
|
143
133
|
overflow-y: auto;
|
|
144
|
-
grid-template-rows:
|
|
134
|
+
grid-template-rows: minmax(0, 1fr);
|
|
145
135
|
}
|
|
146
136
|
.np-popover-v2--has-title {
|
|
147
|
-
grid-template-rows: auto 1fr;
|
|
137
|
+
grid-template-rows: auto minmax(0, 1fr);
|
|
148
138
|
}
|
|
149
139
|
.np-popover-v2--padding-md {
|
|
150
140
|
padding: 16px;
|
package/build/styles/main.css
CHANGED
|
@@ -1484,53 +1484,6 @@ button.np-option {
|
|
|
1484
1484
|
border-radius: var(--radius-small);
|
|
1485
1485
|
}
|
|
1486
1486
|
}
|
|
1487
|
-
.np-select-option {
|
|
1488
|
-
border-radius: 10px;
|
|
1489
|
-
border-radius: var(--radius-small);
|
|
1490
|
-
padding: 16px;
|
|
1491
|
-
padding: var(--size-16);
|
|
1492
|
-
}
|
|
1493
|
-
.np-select-option-placeholder {
|
|
1494
|
-
background-color: rgba(134,167,189,0.10196);
|
|
1495
|
-
background-color: var(--color-background-neutral);
|
|
1496
|
-
}
|
|
1497
|
-
.np-select-option-placeholder:not(.disabled):hover {
|
|
1498
|
-
background-color: var(--color-background-neutral-hover);
|
|
1499
|
-
}
|
|
1500
|
-
.np-select-option-placeholder:not(.disabled):focus,
|
|
1501
|
-
.np-select-option-placeholder:not(.disabled):active {
|
|
1502
|
-
background-color: var(--color-background-neutral-active);
|
|
1503
|
-
}
|
|
1504
|
-
.np-select-option-selected {
|
|
1505
|
-
border: 1px solid #c9cbce;
|
|
1506
|
-
border: 1px solid var(--color-interactive-secondary);
|
|
1507
|
-
}
|
|
1508
|
-
.np-select-option-list {
|
|
1509
|
-
max-height: 350px;
|
|
1510
|
-
overflow-y: auto;
|
|
1511
|
-
}
|
|
1512
|
-
.np-select-option-list > .np-section {
|
|
1513
|
-
margin-top: 0;
|
|
1514
|
-
}
|
|
1515
|
-
.form-group label > .np-select-option {
|
|
1516
|
-
margin-bottom: 0;
|
|
1517
|
-
}
|
|
1518
|
-
.has-error * .np-select-option {
|
|
1519
|
-
--ring-outline-color: var(--color-sentiment-negative);
|
|
1520
|
-
--ring-outline-width: 3px;
|
|
1521
|
-
--ring-outline-offset: calc(-1 * var(--ring-outline-width));
|
|
1522
|
-
outline: var(--ring-outline-color) solid 3px;
|
|
1523
|
-
outline: var(--ring-outline-color) solid var(--ring-outline-width);
|
|
1524
|
-
outline-offset: calc(-1 * 3px);
|
|
1525
|
-
outline-offset: var(--ring-outline-offset);
|
|
1526
|
-
}
|
|
1527
|
-
.has-error * .np-select-option:focus {
|
|
1528
|
-
outline: none;
|
|
1529
|
-
}
|
|
1530
|
-
.has-error * .np-select-option:focus-visible {
|
|
1531
|
-
outline: var(--ring-outline-color) solid var(--ring-outline-width);
|
|
1532
|
-
outline-offset: var(--ring-outline-offset);
|
|
1533
|
-
}
|
|
1534
1487
|
.np-panel__content {
|
|
1535
1488
|
opacity: 0;
|
|
1536
1489
|
visibility: hidden;
|
|
@@ -2447,67 +2400,37 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
|
|
|
2447
2400
|
position: relative;
|
|
2448
2401
|
z-index: 1060;
|
|
2449
2402
|
}
|
|
2450
|
-
.np-bottom-sheet-v2-backdrop-container--enter,
|
|
2451
|
-
.np-bottom-sheet-v2-backdrop-container--leave {
|
|
2452
|
-
transition-property: opacity;
|
|
2453
|
-
transition-timing-function: ease-out;
|
|
2454
|
-
transition-duration: 300ms;
|
|
2455
|
-
}
|
|
2456
|
-
.np-bottom-sheet-v2-backdrop-container--enter-from,
|
|
2457
|
-
.np-bottom-sheet-v2-backdrop-container--leave-to {
|
|
2458
|
-
opacity: 0;
|
|
2459
|
-
}
|
|
2460
2403
|
.np-bottom-sheet-v2-backdrop {
|
|
2461
2404
|
position: fixed;
|
|
2462
2405
|
inset: 0px;
|
|
2463
2406
|
background-color: #37517e;
|
|
2464
2407
|
background-color: var(--color-content-primary);
|
|
2465
2408
|
opacity: 0.4;
|
|
2409
|
+
transition-property: opacity;
|
|
2410
|
+
transition-timing-function: ease-out;
|
|
2411
|
+
transition-duration: 300ms;
|
|
2412
|
+
}
|
|
2413
|
+
.np-bottom-sheet-v2-backdrop--closed {
|
|
2414
|
+
opacity: 0;
|
|
2466
2415
|
}
|
|
2467
2416
|
.np-bottom-sheet-v2 {
|
|
2468
2417
|
position: fixed;
|
|
2469
2418
|
inset: 0px;
|
|
2419
|
+
bottom: env(keyboard-inset-height, 0px);
|
|
2420
|
+
margin-left: 8px;
|
|
2421
|
+
margin-left: var(--size-8);
|
|
2422
|
+
margin-right: 8px;
|
|
2423
|
+
margin-right: var(--size-8);
|
|
2424
|
+
margin-top: 64px;
|
|
2425
|
+
margin-top: var(--size-64);
|
|
2470
2426
|
display: flex;
|
|
2471
2427
|
flex-direction: column;
|
|
2472
2428
|
justify-content: flex-end;
|
|
2473
|
-
padding-left: 8px;
|
|
2474
|
-
padding-left: var(--size-8);
|
|
2475
|
-
padding-right: 8px;
|
|
2476
|
-
padding-right: var(--size-8);
|
|
2477
|
-
padding-top: 64px;
|
|
2478
|
-
padding-top: var(--size-64);
|
|
2479
2429
|
}
|
|
2480
2430
|
.np-bottom-sheet-v2-content {
|
|
2481
|
-
max-height: 100%;
|
|
2482
|
-
}
|
|
2483
|
-
.np-bottom-sheet-v2-content--enter,
|
|
2484
|
-
.np-bottom-sheet-v2-content--leave {
|
|
2485
|
-
transition-property: transform;
|
|
2486
|
-
transition-timing-function: ease-out;
|
|
2487
|
-
transition-duration: 300ms;
|
|
2488
|
-
}
|
|
2489
|
-
@media (prefers-reduced-motion: reduce) {
|
|
2490
|
-
.np-bottom-sheet-v2-content--enter,
|
|
2491
|
-
.np-bottom-sheet-v2-content--leave {
|
|
2492
|
-
transition-property: opacity;
|
|
2493
|
-
}
|
|
2494
|
-
}
|
|
2495
|
-
@media (prefers-reduced-motion: no-preference) {
|
|
2496
|
-
.np-bottom-sheet-v2-content--enter-from,
|
|
2497
|
-
.np-bottom-sheet-v2-content--leave-to {
|
|
2498
|
-
transform: translateY(100%);
|
|
2499
|
-
}
|
|
2500
|
-
}
|
|
2501
|
-
@media (prefers-reduced-motion: reduce) {
|
|
2502
|
-
.np-bottom-sheet-v2-content--enter-from,
|
|
2503
|
-
.np-bottom-sheet-v2-content--leave-to {
|
|
2504
|
-
opacity: 0;
|
|
2505
|
-
}
|
|
2506
|
-
}
|
|
2507
|
-
.np-bottom-sheet-v2-content-inner-container {
|
|
2508
2431
|
display: flex;
|
|
2509
|
-
height: 100%;
|
|
2510
2432
|
flex-direction: column;
|
|
2433
|
+
overflow: auto;
|
|
2511
2434
|
border-top-left-radius: 32px;
|
|
2512
2435
|
/* TODO: Tokenize */
|
|
2513
2436
|
border-top-right-radius: 32px;
|
|
@@ -2516,30 +2439,50 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
|
|
|
2516
2439
|
background-color: var(--color-background-elevated);
|
|
2517
2440
|
box-shadow: 0 0 40px rgba(69, 71, 69, 0.2);
|
|
2518
2441
|
}
|
|
2519
|
-
.np-bottom-sheet-v2-content
|
|
2442
|
+
.np-bottom-sheet-v2-content:focus {
|
|
2520
2443
|
outline: none;
|
|
2521
2444
|
}
|
|
2445
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
2446
|
+
.np-bottom-sheet-v2-content {
|
|
2447
|
+
transition-property: transform;
|
|
2448
|
+
transition-timing-function: ease-out;
|
|
2449
|
+
transition-duration: 300ms;
|
|
2450
|
+
}
|
|
2451
|
+
.np-bottom-sheet-v2-content--closed {
|
|
2452
|
+
transform: translateY(100%);
|
|
2453
|
+
}
|
|
2454
|
+
}
|
|
2455
|
+
@media (prefers-reduced-motion: reduce) {
|
|
2456
|
+
.np-bottom-sheet-v2-content {
|
|
2457
|
+
transition-property: opacity;
|
|
2458
|
+
transition-timing-function: ease-out;
|
|
2459
|
+
transition-duration: 300ms;
|
|
2460
|
+
}
|
|
2461
|
+
.np-bottom-sheet-v2-content--closed {
|
|
2462
|
+
opacity: 0;
|
|
2463
|
+
}
|
|
2464
|
+
}
|
|
2522
2465
|
.np-bottom-sheet-v2-header {
|
|
2523
2466
|
align-self: flex-end;
|
|
2524
2467
|
padding: 16px;
|
|
2525
2468
|
padding: var(--size-16);
|
|
2526
2469
|
}
|
|
2527
2470
|
.np-bottom-sheet-v2-content-inner {
|
|
2528
|
-
padding-top: 0px;
|
|
2529
2471
|
display: grid;
|
|
2472
|
+
grid-template-rows: minmax(0, 1fr);
|
|
2530
2473
|
grid-row-gap: 8px;
|
|
2531
2474
|
grid-row-gap: var(--size-8);
|
|
2532
2475
|
row-gap: 8px;
|
|
2533
2476
|
row-gap: var(--size-8);
|
|
2534
|
-
overflow
|
|
2535
|
-
grid-template-rows: repeat(1, minmax(0, 1fr));
|
|
2477
|
+
overflow: auto;
|
|
2536
2478
|
}
|
|
2537
2479
|
.np-bottom-sheet-v2-content-inner--has-title {
|
|
2538
|
-
grid-template-rows: auto 1fr;
|
|
2480
|
+
grid-template-rows: auto minmax(0, 1fr);
|
|
2539
2481
|
}
|
|
2540
2482
|
.np-bottom-sheet-v2-content-inner--padding-md {
|
|
2541
2483
|
padding: 16px;
|
|
2542
2484
|
padding: var(--size-16);
|
|
2485
|
+
padding-top: 0px;
|
|
2543
2486
|
}
|
|
2544
2487
|
.np-bottom-sheet-v2-title {
|
|
2545
2488
|
color: #37517e;
|
|
@@ -2586,10 +2529,10 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
|
|
|
2586
2529
|
row-gap: 8px;
|
|
2587
2530
|
row-gap: var(--size-8);
|
|
2588
2531
|
overflow-y: auto;
|
|
2589
|
-
grid-template-rows:
|
|
2532
|
+
grid-template-rows: minmax(0, 1fr);
|
|
2590
2533
|
}
|
|
2591
2534
|
.np-popover-v2--has-title {
|
|
2592
|
-
grid-template-rows: auto 1fr;
|
|
2535
|
+
grid-template-rows: auto minmax(0, 1fr);
|
|
2593
2536
|
}
|
|
2594
2537
|
.np-popover-v2--padding-md {
|
|
2595
2538
|
padding: 16px;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This progressive enhancement uses an experimental API, it might change,
|
|
3
|
+
* and at the time of authoring is not supported on iOS or mobile Firefox.
|
|
4
|
+
* @see https://developer.mozilla.org/en-US/docs/Web/API/VirtualKeyboard
|
|
5
|
+
*/
|
|
6
|
+
export declare function useVirtualKeyboard(): void;
|
|
7
|
+
//# sourceMappingURL=useVirtualKeyboard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useVirtualKeyboard.d.ts","sourceRoot":"","sources":["../../../../src/common/hooks/useVirtualKeyboard.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,wBAAgB,kBAAkB,SAajC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResponsivePanel.d.ts","sourceRoot":"","sources":["../../../../src/common/responsivePanel/ResponsivePanel.tsx"],"names":[],"mappings":"AAQA,QAAA,MAAM,eAAe;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"ResponsivePanel.d.ts","sourceRoot":"","sources":["../../../../src/common/responsivePanel/ResponsivePanel.tsx"],"names":[],"mappings":"AAQA,QAAA,MAAM,eAAe;;;;;;;;;;;mGAoCnB,CAAC;AAEH,eAAe,eAAe,CAAC"}
|
package/build/types/index.d.ts
CHANGED
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
*/
|
|
4
4
|
export type { AccordionItem, AccordionProps } from './accordion';
|
|
5
5
|
export type { ActionOptionProps } from './actionOption';
|
|
6
|
-
export type { SelectOptionProps, SelectOptionValue, SelectOptiopsSection } from './selectOption';
|
|
7
6
|
export type { AlertAction, AlertProps, AlertType } from './alert';
|
|
8
7
|
export type { AvatarProps } from './avatar';
|
|
9
8
|
export type { BadgeProps } from './badge';
|
|
@@ -66,7 +65,6 @@ export type { UploadError, UploadResponse, UploadedFile } from './uploadInput/ty
|
|
|
66
65
|
export { default as Accordion } from './accordion';
|
|
67
66
|
export { default as ActionButton } from './actionButton';
|
|
68
67
|
export { default as ActionOption } from './actionOption';
|
|
69
|
-
export { default as SelectOption } from './selectOption';
|
|
70
68
|
export { default as Alert } from './alert';
|
|
71
69
|
export { default as Avatar } from './avatar';
|
|
72
70
|
export { default as AvatarWrapper } from './avatarWrapper';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACjE,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/inputs/_BottomSheet.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"_BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/inputs/_BottomSheet.tsx"],"names":[],"mappings":"AAmBA,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE;QACrB,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAChC,mBAAmB,EAAE,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK;YACvE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;SACxB,CAAC;KACH,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC7D,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,aAAa,EACb,KAAK,EACL,eAAe,EACf,OAAc,EACd,QAAQ,EACR,OAAO,EACP,UAAU,GACX,EAAE,gBAAgB,+BA6FlB"}
|
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-4aed95c",
|
|
4
4
|
"description": "Neptune React components",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -93,12 +93,12 @@
|
|
|
93
93
|
"rollup": "^4.17.2",
|
|
94
94
|
"storybook": "^8.1.10",
|
|
95
95
|
"@transferwise/less-config": "3.1.0",
|
|
96
|
-
"@transferwise/neptune-css": "
|
|
96
|
+
"@transferwise/neptune-css": "14.12.0",
|
|
97
97
|
"@wise/components-theming": "1.3.0"
|
|
98
98
|
},
|
|
99
99
|
"peerDependencies": {
|
|
100
100
|
"@transferwise/icons": "^3.7.0",
|
|
101
|
-
"@transferwise/neptune-css": "
|
|
101
|
+
"@transferwise/neptune-css": "^14.9.6",
|
|
102
102
|
"@wise/art": "^2.7.0",
|
|
103
103
|
"@wise/components-theming": "^1.0.0",
|
|
104
104
|
"react": ">=18",
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { useEffect } from 'react';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* This progressive enhancement uses an experimental API, it might change,
|
|
5
|
+
* and at the time of authoring is not supported on iOS or mobile Firefox.
|
|
6
|
+
* @see https://developer.mozilla.org/en-US/docs/Web/API/VirtualKeyboard
|
|
7
|
+
*/
|
|
8
|
+
export function useVirtualKeyboard() {
|
|
9
|
+
useEffect(() => {
|
|
10
|
+
/* eslint-disable @typescript-eslint/no-unsafe-member-access, functional/immutable-data */
|
|
11
|
+
if ('virtualKeyboard' in navigator) {
|
|
12
|
+
const virtualKeyboard: any = navigator.virtualKeyboard;
|
|
13
|
+
const initialOverlaysContent: unknown = virtualKeyboard.overlaysContent;
|
|
14
|
+
virtualKeyboard.overlaysContent = true;
|
|
15
|
+
return () => {
|
|
16
|
+
virtualKeyboard.overlaysContent = initialOverlaysContent;
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
/* eslint-enable @typescript-eslint/no-unsafe-member-access, functional/immutable-data */
|
|
20
|
+
}, []);
|
|
21
|
+
}
|