@transferwise/components 0.0.0-experimental-37d8e2c → 0.0.0-experimental-dabe7c7
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/actionButton/ActionButton.js +1 -1
- package/build/actionButton/ActionButton.js.map +1 -1
- package/build/actionButton/ActionButton.mjs +1 -1
- package/build/actionButton/ActionButton.mjs.map +1 -1
- package/build/actionOption/ActionOption.js +7 -2
- package/build/actionOption/ActionOption.js.map +1 -1
- package/build/actionOption/ActionOption.mjs +8 -3
- package/build/actionOption/ActionOption.mjs.map +1 -1
- package/build/avatar/Avatar.js +1 -4
- package/build/avatar/Avatar.js.map +1 -1
- package/build/avatar/Avatar.mjs +1 -4
- package/build/avatar/Avatar.mjs.map +1 -1
- package/build/avatar/colors/colors.js +1 -1
- package/build/avatar/colors/colors.js.map +1 -1
- package/build/avatar/colors/colors.mjs +1 -1
- package/build/avatar/colors/colors.mjs.map +1 -1
- package/build/avatarWrapper/AvatarWrapper.js +9 -6
- package/build/avatarWrapper/AvatarWrapper.js.map +1 -1
- package/build/avatarWrapper/AvatarWrapper.mjs +8 -5
- package/build/avatarWrapper/AvatarWrapper.mjs.map +1 -1
- package/build/badge/Badge.js +1 -6
- package/build/badge/Badge.js.map +1 -1
- package/build/badge/Badge.mjs +1 -6
- package/build/badge/Badge.mjs.map +1 -1
- package/build/circularButton/CircularButton.js +7 -4
- package/build/circularButton/CircularButton.js.map +1 -1
- package/build/circularButton/CircularButton.mjs +7 -4
- package/build/circularButton/CircularButton.mjs.map +1 -1
- package/build/common/circle/Circle.js +1 -24
- package/build/common/circle/Circle.js.map +1 -1
- package/build/common/circle/Circle.mjs +1 -24
- package/build/common/circle/Circle.mjs.map +1 -1
- package/build/display/Display.js +1 -1
- package/build/display/Display.js.map +1 -1
- package/build/display/Display.mjs +1 -1
- package/build/display/Display.mjs.map +1 -1
- package/build/index.js +0 -6
- package/build/index.js.map +1 -1
- package/build/index.mjs +0 -3
- package/build/index.mjs.map +1 -1
- package/build/main.css +56 -82
- package/build/statusIcon/StatusIcon.js +2 -4
- package/build/statusIcon/StatusIcon.js.map +1 -1
- package/build/statusIcon/StatusIcon.mjs +2 -4
- package/build/statusIcon/StatusIcon.mjs.map +1 -1
- package/build/styles/actionButton/ActionButton.css +11 -0
- package/build/styles/actionOption/ActionOption.css +4 -0
- package/build/styles/badge/Badge.css +5 -5
- package/build/styles/circularButton/CircularButton.css +24 -0
- package/build/styles/common/circle/Circle.css +0 -17
- package/build/styles/main.css +56 -82
- package/build/styles/statusIcon/StatusIcon.css +12 -0
- package/build/types/actionButton/ActionButton.d.ts +3 -3
- package/build/types/actionButton/ActionButton.d.ts.map +1 -1
- package/build/types/actionOption/ActionOption.d.ts +2 -2
- package/build/types/actionOption/ActionOption.d.ts.map +1 -1
- package/build/types/avatar/Avatar.d.ts +0 -3
- package/build/types/avatar/Avatar.d.ts.map +1 -1
- package/build/types/avatar/colors/colors.d.ts +1 -1
- package/build/types/avatar/colors/colors.d.ts.map +1 -1
- package/build/types/avatarWrapper/AvatarWrapper.d.ts +0 -3
- package/build/types/avatarWrapper/AvatarWrapper.d.ts.map +1 -1
- package/build/types/badge/Badge.d.ts +1 -2
- package/build/types/badge/Badge.d.ts.map +1 -1
- package/build/types/circularButton/CircularButton.d.ts.map +1 -1
- package/build/types/common/circle/Circle.d.ts +1 -1
- package/build/types/common/circle/Circle.d.ts.map +1 -1
- package/build/types/common/index.d.ts +0 -1
- package/build/types/index.d.ts +1 -4
- package/build/types/index.d.ts.map +1 -1
- package/build/types/statusIcon/StatusIcon.d.ts +2 -6
- package/build/types/statusIcon/StatusIcon.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/actionButton/ActionButton.css +11 -0
- package/src/actionButton/ActionButton.less +14 -0
- package/src/actionButton/ActionButton.story.tsx +7 -0
- package/src/actionButton/ActionButton.tsx +7 -3
- package/src/actionOption/ActionOption.css +4 -0
- package/src/actionOption/ActionOption.less +3 -0
- package/src/actionOption/ActionOption.story.tsx +4 -0
- package/src/actionOption/ActionOption.tsx +15 -2
- package/src/avatar/Avatar.tsx +1 -4
- package/src/avatar/colors/colors.ts +4 -4
- package/src/avatarWrapper/AvatarWrapper.tsx +16 -12
- package/src/badge/Badge.css +5 -5
- package/src/badge/Badge.less +3 -3
- package/src/badge/Badge.tsx +1 -10
- package/src/circularButton/CircularButton.css +24 -0
- package/src/circularButton/CircularButton.less +15 -15
- package/src/circularButton/CircularButton.tsx +5 -4
- package/src/common/circle/Circle.css +0 -17
- package/src/common/circle/Circle.less +0 -22
- package/src/common/circle/Circle.tsx +2 -33
- package/src/common/index.js +0 -1
- package/src/display/Display.tsx +1 -1
- package/src/index.ts +0 -4
- package/src/main.css +56 -82
- package/src/main.less +1 -3
- package/src/statusIcon/StatusIcon.css +12 -0
- package/src/statusIcon/StatusIcon.less +6 -6
- package/src/statusIcon/StatusIcon.story.tsx +28 -32
- package/src/statusIcon/StatusIcon.tsx +4 -18
- package/build/avatarView/AvatarView.js +0 -207
- package/build/avatarView/AvatarView.js.map +0 -1
- package/build/avatarView/AvatarView.mjs +0 -205
- package/build/avatarView/AvatarView.mjs.map +0 -1
- package/build/common/initials.js +0 -12
- package/build/common/initials.js.map +0 -1
- package/build/common/initials.mjs +0 -10
- package/build/common/initials.mjs.map +0 -1
- package/build/common/notificationDot/NotificationDot.js +0 -16
- package/build/common/notificationDot/NotificationDot.js.map +0 -1
- package/build/common/notificationDot/NotificationDot.mjs +0 -14
- package/build/common/notificationDot/NotificationDot.mjs.map +0 -1
- package/build/styles/avatarGroup/AvatarGroup.css +0 -28
- package/build/styles/avatarView/AvatarView.css +0 -22
- package/build/styles/common/notificationDot/NotificationDot.css +0 -10
- package/build/types/avatarGroup/AvatarGroup.d.ts +0 -19
- package/build/types/avatarGroup/AvatarGroup.d.ts.map +0 -1
- package/build/types/avatarGroup/index.d.ts +0 -3
- package/build/types/avatarGroup/index.d.ts.map +0 -1
- package/build/types/avatarView/AvatarView.d.ts +0 -25
- package/build/types/avatarView/AvatarView.d.ts.map +0 -1
- package/build/types/avatarView/index.d.ts +0 -3
- package/build/types/avatarView/index.d.ts.map +0 -1
- package/build/types/common/initials.d.ts +0 -2
- package/build/types/common/initials.d.ts.map +0 -1
- package/build/types/common/notificationDot/NotificationDot.d.ts +0 -8
- package/build/types/common/notificationDot/NotificationDot.d.ts.map +0 -1
- package/src/avatarGroup/AvatarGroup.css +0 -28
- package/src/avatarGroup/AvatarGroup.less +0 -32
- package/src/avatarGroup/AvatarGroup.story.tsx +0 -249
- package/src/avatarGroup/AvatarGroup.tsx +0 -78
- package/src/avatarGroup/index.ts +0 -2
- package/src/avatarView/AvatarView.css +0 -22
- package/src/avatarView/AvatarView.less +0 -24
- package/src/avatarView/AvatarView.story.tsx +0 -425
- package/src/avatarView/AvatarView.tsx +0 -217
- package/src/avatarView/index.ts +0 -2
- package/src/common/initials.ts +0 -13
- package/src/common/notificationDot/NotificationDot.css +0 -10
- package/src/common/notificationDot/NotificationDot.less +0 -7
- package/src/common/notificationDot/NotificationDot.tsx +0 -10
- package/src/test-utils/avatar-img.webp +0 -0
|
@@ -14,16 +14,16 @@
|
|
|
14
14
|
--badge-border-color: rgba(0, 0, 0, 0.08);
|
|
15
15
|
}
|
|
16
16
|
.tw-badge > .tw-badge__children {
|
|
17
|
-
-webkit-mask-image: radial-gradient(circle at
|
|
18
|
-
mask-image: radial-gradient(circle at
|
|
17
|
+
-webkit-mask-image: radial-gradient(circle at top calc(100% - var(--badge-mask-offset)) left calc(100% - var(--badge-mask-offset)), transparent 0, transparent calc(var(--badge-size) / 2 + var(--badge-mask)), black calc(var(--badge-size) / 2 + var(--badge-mask) + 0.5px));
|
|
18
|
+
mask-image: radial-gradient(circle at top calc(100% - var(--badge-mask-offset)) left calc(100% - var(--badge-mask-offset)), transparent 0, transparent calc(var(--badge-size) / 2 + var(--badge-mask)), black calc(var(--badge-size) / 2 + var(--badge-mask) + 0.5px));
|
|
19
19
|
}
|
|
20
20
|
[dir="rtl"] .tw-badge > .tw-badge__children {
|
|
21
|
-
-webkit-mask-image: radial-gradient(circle at
|
|
22
|
-
mask-image: radial-gradient(circle at
|
|
21
|
+
-webkit-mask-image: radial-gradient(circle at top calc(100% - var(--badge-mask-offset)) right calc(100% - var(--badge-mask-offset)), transparent 0, transparent calc(var(--badge-size) / 2 + var(--badge-mask)), black calc(var(--badge-size) / 2 + var(--badge-mask) + 0.5px));
|
|
22
|
+
mask-image: radial-gradient(circle at top calc(100% - var(--badge-mask-offset)) right calc(100% - var(--badge-mask-offset)), transparent 0, transparent calc(var(--badge-size) / 2 + var(--badge-mask)), black calc(var(--badge-size) / 2 + var(--badge-mask) + 0.5px));
|
|
23
23
|
}
|
|
24
24
|
.tw-badge > .tw-badge__content {
|
|
25
25
|
position: absolute;
|
|
26
|
-
bottom:
|
|
26
|
+
bottom: 0;
|
|
27
27
|
right: 0;
|
|
28
28
|
box-sizing: border-box;
|
|
29
29
|
text-align: center;
|
|
@@ -6,6 +6,30 @@
|
|
|
6
6
|
cursor: pointer;
|
|
7
7
|
position: relative;
|
|
8
8
|
}
|
|
9
|
+
.np-circular-btn .tw-icon {
|
|
10
|
+
position: absolute;
|
|
11
|
+
top: 16px;
|
|
12
|
+
top: var(--size-16);
|
|
13
|
+
pointer-events: none;
|
|
14
|
+
color: white;
|
|
15
|
+
transition: color 0.15s ease-in-out;
|
|
16
|
+
width: 100%;
|
|
17
|
+
left: 0;
|
|
18
|
+
}
|
|
19
|
+
[dir="rtl"] .np-circular-btn .tw-icon {
|
|
20
|
+
right: 0;
|
|
21
|
+
left: auto;
|
|
22
|
+
left: initial;
|
|
23
|
+
}
|
|
24
|
+
@media (max-width: 320px) {
|
|
25
|
+
.np-circular-btn .tw-icon {
|
|
26
|
+
top: 8px;
|
|
27
|
+
top: var(--size-8);
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
.np-circular-btn .tw-icon > svg {
|
|
31
|
+
margin: 0 auto;
|
|
32
|
+
}
|
|
9
33
|
.np-theme-personal .np-circular-btn {
|
|
10
34
|
/* stylelint-disable-next-line no-duplicate-selectors */
|
|
11
35
|
}
|
|
@@ -4,21 +4,4 @@
|
|
|
4
4
|
width: var(--circle-size);
|
|
5
5
|
height: var(--circle-size);
|
|
6
6
|
flex-shrink: 0;
|
|
7
|
-
font-size: var(--circle-font-size);
|
|
8
|
-
font-weight: 600;
|
|
9
|
-
font-weight: var(--font-weight-semi-bold);
|
|
10
|
-
line-height: 1;
|
|
11
|
-
}
|
|
12
|
-
.np-circle img {
|
|
13
|
-
border-radius: 9999px;
|
|
14
|
-
border-radius: var(--radius-full);
|
|
15
|
-
width: 100%;
|
|
16
|
-
height: 100%;
|
|
17
|
-
}
|
|
18
|
-
.np-circle .np-display {
|
|
19
|
-
font-size: var(--circle-font-size);
|
|
20
|
-
}
|
|
21
|
-
.np-circle .tw-icon > svg {
|
|
22
|
-
height: var(--circle-icon-size);
|
|
23
|
-
width: var(--circle-icon-size);
|
|
24
7
|
}
|
package/build/styles/main.css
CHANGED
|
@@ -186,6 +186,10 @@ div.critical-comms .critical-comms-body {
|
|
|
186
186
|
background-color: var(--color-background-neutral);
|
|
187
187
|
color: var(--color-interactive-primary);
|
|
188
188
|
}
|
|
189
|
+
.np-action-btn.btn-priority-3 {
|
|
190
|
+
background-color: transparent !important;
|
|
191
|
+
color: var(--color-interactive-primary);
|
|
192
|
+
}
|
|
189
193
|
.np-action-btn:not(:disabled):hover {
|
|
190
194
|
background-color: #008fc9;
|
|
191
195
|
background-color: var(--color-interactive-accent-hover);
|
|
@@ -193,6 +197,9 @@ div.critical-comms .critical-comms-body {
|
|
|
193
197
|
.np-action-btn:not(:disabled):hover.btn-priority-2 {
|
|
194
198
|
background-color: var(--color-background-neutral-hover);
|
|
195
199
|
}
|
|
200
|
+
.np-action-btn:not(:disabled):hover.btn-priority-3 {
|
|
201
|
+
color: var(--color-interactive-primary-hover);
|
|
202
|
+
}
|
|
196
203
|
.np-action-btn:not(:disabled):active {
|
|
197
204
|
box-shadow: none;
|
|
198
205
|
border-color: transparent;
|
|
@@ -202,6 +209,10 @@ div.critical-comms .critical-comms-body {
|
|
|
202
209
|
.np-action-btn:not(:disabled):active.btn-priority-2 {
|
|
203
210
|
background-color: var(--color-background-neutral-active);
|
|
204
211
|
}
|
|
212
|
+
.np-action-btn:not(:disabled):active.btn-priority-3 {
|
|
213
|
+
color: var(--color-interactive-primary-active);
|
|
214
|
+
background-color: var(--color-background-screen-active) !important;
|
|
215
|
+
}
|
|
205
216
|
.np-action-btn:not(:disabled):focus {
|
|
206
217
|
box-shadow: none;
|
|
207
218
|
}
|
|
@@ -421,56 +432,6 @@ div.critical-comms .critical-comms-body {
|
|
|
421
432
|
.np-theme-personal .tw-avatar--outlined:not(.disabled):not(:disabled):hover {
|
|
422
433
|
border-color: var(--color-interactive-primary-hover);
|
|
423
434
|
}
|
|
424
|
-
.np-avatar-view {
|
|
425
|
-
border-radius: 9999px;
|
|
426
|
-
border-radius: var(--radius-full);
|
|
427
|
-
color: var(--color-interactive-primary);
|
|
428
|
-
height: -moz-fit-content;
|
|
429
|
-
height: fit-content;
|
|
430
|
-
width: -moz-fit-content;
|
|
431
|
-
width: fit-content;
|
|
432
|
-
}
|
|
433
|
-
.np-avatar-view .np-circle {
|
|
434
|
-
background-color: transparent;
|
|
435
|
-
border: var(--avatar-view-non-interactive-border-width) solid rgba(0,0,0,0.10196);
|
|
436
|
-
border: var(--avatar-view-non-interactive-border-width) solid var(--color-border-neutral);
|
|
437
|
-
}
|
|
438
|
-
.np-avatar-view-selected .np-circle {
|
|
439
|
-
border: var(--avatar-view-selected-border-width) solid var(--color-interactive-primary) !important;
|
|
440
|
-
}
|
|
441
|
-
.np-avatar-view-interactive .np-circle {
|
|
442
|
-
background-color: rgba(134,167,189,0.10196);
|
|
443
|
-
background-color: var(--color-background-neutral);
|
|
444
|
-
border: none;
|
|
445
|
-
}
|
|
446
|
-
.np-avatar-group {
|
|
447
|
-
display: inline-flex;
|
|
448
|
-
--np-avatar-group-size: 48px;
|
|
449
|
-
--np-avatar-size: 32px;
|
|
450
|
-
}
|
|
451
|
-
.np-avatar-group-diagonal {
|
|
452
|
-
width: var(--np-avatar-group-size);
|
|
453
|
-
height: var(--np-avatar-group-size);
|
|
454
|
-
}
|
|
455
|
-
.np-avatar-group-diagonal-mask {
|
|
456
|
-
-webkit-mask-image: radial-gradient(circle at right 100%, transparent, transparent calc(var(--np-avatar-size) / 1.8), black 0);
|
|
457
|
-
mask-image: radial-gradient(circle at right 100%, transparent, transparent calc(var(--np-avatar-size) / 1.8), black 0);
|
|
458
|
-
}
|
|
459
|
-
.np-avatar-group-diagonal-child {
|
|
460
|
-
margin-left: calc((var(--np-avatar-size) / 2) * -1);
|
|
461
|
-
margin-top: calc((var(--np-avatar-size) * var(--np-avatar-group-index)) / 2);
|
|
462
|
-
}
|
|
463
|
-
.np-avatar-group-horizontal {
|
|
464
|
-
width: calc((var(--np-avatar-size) * 2) - 2px);
|
|
465
|
-
height: var(--np-avatar-group-size);
|
|
466
|
-
}
|
|
467
|
-
.np-avatar-group-horizontal-mask {
|
|
468
|
-
-webkit-mask-image: radial-gradient(circle at right 50%, transparent, transparent calc(var(--np-avatar-size) / 2), black 0);
|
|
469
|
-
mask-image: radial-gradient(circle at right 50%, transparent, transparent calc(var(--np-avatar-size) / 2), black 0);
|
|
470
|
-
}
|
|
471
|
-
.np-avatar-group-horizontal-child {
|
|
472
|
-
margin-left: calc((var(--np-avatar-size) / 4) * -1);
|
|
473
|
-
}
|
|
474
435
|
.tw-badge {
|
|
475
436
|
position: relative;
|
|
476
437
|
display: inline-block;
|
|
@@ -487,16 +448,16 @@ div.critical-comms .critical-comms-body {
|
|
|
487
448
|
--badge-border-color: rgba(0, 0, 0, 0.08);
|
|
488
449
|
}
|
|
489
450
|
.tw-badge > .tw-badge__children {
|
|
490
|
-
-webkit-mask-image: radial-gradient(circle at
|
|
491
|
-
mask-image: radial-gradient(circle at
|
|
451
|
+
-webkit-mask-image: radial-gradient(circle at top calc(100% - var(--badge-mask-offset)) left calc(100% - var(--badge-mask-offset)), transparent 0, transparent calc(var(--badge-size) / 2 + var(--badge-mask)), black calc(var(--badge-size) / 2 + var(--badge-mask) + 0.5px));
|
|
452
|
+
mask-image: radial-gradient(circle at top calc(100% - var(--badge-mask-offset)) left calc(100% - var(--badge-mask-offset)), transparent 0, transparent calc(var(--badge-size) / 2 + var(--badge-mask)), black calc(var(--badge-size) / 2 + var(--badge-mask) + 0.5px));
|
|
492
453
|
}
|
|
493
454
|
[dir="rtl"] .tw-badge > .tw-badge__children {
|
|
494
|
-
-webkit-mask-image: radial-gradient(circle at
|
|
495
|
-
mask-image: radial-gradient(circle at
|
|
455
|
+
-webkit-mask-image: radial-gradient(circle at top calc(100% - var(--badge-mask-offset)) right calc(100% - var(--badge-mask-offset)), transparent 0, transparent calc(var(--badge-size) / 2 + var(--badge-mask)), black calc(var(--badge-size) / 2 + var(--badge-mask) + 0.5px));
|
|
456
|
+
mask-image: radial-gradient(circle at top calc(100% - var(--badge-mask-offset)) right calc(100% - var(--badge-mask-offset)), transparent 0, transparent calc(var(--badge-size) / 2 + var(--badge-mask)), black calc(var(--badge-size) / 2 + var(--badge-mask) + 0.5px));
|
|
496
457
|
}
|
|
497
458
|
.tw-badge > .tw-badge__content {
|
|
498
459
|
position: absolute;
|
|
499
|
-
bottom:
|
|
460
|
+
bottom: 0;
|
|
500
461
|
right: 0;
|
|
501
462
|
box-sizing: border-box;
|
|
502
463
|
text-align: center;
|
|
@@ -1035,6 +996,30 @@ div.critical-comms .critical-comms-body {
|
|
|
1035
996
|
cursor: pointer;
|
|
1036
997
|
position: relative;
|
|
1037
998
|
}
|
|
999
|
+
.np-circular-btn .tw-icon {
|
|
1000
|
+
position: absolute;
|
|
1001
|
+
top: 16px;
|
|
1002
|
+
top: var(--size-16);
|
|
1003
|
+
pointer-events: none;
|
|
1004
|
+
color: white;
|
|
1005
|
+
transition: color 0.15s ease-in-out;
|
|
1006
|
+
width: 100%;
|
|
1007
|
+
left: 0;
|
|
1008
|
+
}
|
|
1009
|
+
[dir="rtl"] .np-circular-btn .tw-icon {
|
|
1010
|
+
right: 0;
|
|
1011
|
+
left: auto;
|
|
1012
|
+
left: initial;
|
|
1013
|
+
}
|
|
1014
|
+
@media (max-width: 320px) {
|
|
1015
|
+
.np-circular-btn .tw-icon {
|
|
1016
|
+
top: 8px;
|
|
1017
|
+
top: var(--size-8);
|
|
1018
|
+
}
|
|
1019
|
+
}
|
|
1020
|
+
.np-circular-btn .tw-icon > svg {
|
|
1021
|
+
margin: 0 auto;
|
|
1022
|
+
}
|
|
1038
1023
|
.np-theme-personal .np-circular-btn {
|
|
1039
1024
|
/* stylelint-disable-next-line no-duplicate-selectors */
|
|
1040
1025
|
}
|
|
@@ -1183,23 +1168,6 @@ div.critical-comms .critical-comms-body {
|
|
|
1183
1168
|
width: var(--circle-size);
|
|
1184
1169
|
height: var(--circle-size);
|
|
1185
1170
|
flex-shrink: 0;
|
|
1186
|
-
font-size: var(--circle-font-size);
|
|
1187
|
-
font-weight: 600;
|
|
1188
|
-
font-weight: var(--font-weight-semi-bold);
|
|
1189
|
-
line-height: 1;
|
|
1190
|
-
}
|
|
1191
|
-
.np-circle img {
|
|
1192
|
-
border-radius: 9999px;
|
|
1193
|
-
border-radius: var(--radius-full);
|
|
1194
|
-
width: 100%;
|
|
1195
|
-
height: 100%;
|
|
1196
|
-
}
|
|
1197
|
-
.np-circle .np-display {
|
|
1198
|
-
font-size: var(--circle-font-size);
|
|
1199
|
-
}
|
|
1200
|
-
.np-circle .tw-icon > svg {
|
|
1201
|
-
height: var(--circle-icon-size);
|
|
1202
|
-
width: var(--circle-icon-size);
|
|
1203
1171
|
}
|
|
1204
1172
|
.np-bottom-sheet {
|
|
1205
1173
|
border-radius: 10px 10px 0 0;
|
|
@@ -1482,16 +1450,6 @@ button.np-option {
|
|
|
1482
1450
|
border-radius: var(--radius-small);
|
|
1483
1451
|
}
|
|
1484
1452
|
}
|
|
1485
|
-
.np-notification-dot {
|
|
1486
|
-
--badge-notification-dot-size: 14px;
|
|
1487
|
-
width: 14px;
|
|
1488
|
-
width: var(--badge-notification-dot-size);
|
|
1489
|
-
height: 14px;
|
|
1490
|
-
height: var(--badge-notification-dot-size);
|
|
1491
|
-
background-color: var(--color-sentiment-negative);
|
|
1492
|
-
border-radius: 9999px;
|
|
1493
|
-
border-radius: var(--radius-full);
|
|
1494
|
-
}
|
|
1495
1453
|
.np-select-option {
|
|
1496
1454
|
border-radius: 10px;
|
|
1497
1455
|
border-radius: var(--radius-small);
|
|
@@ -4197,6 +4155,12 @@ html:not([dir="rtl"]) .np-navigation-option {
|
|
|
4197
4155
|
transform: translateY(-24px);
|
|
4198
4156
|
}
|
|
4199
4157
|
}
|
|
4158
|
+
.status-icon > svg {
|
|
4159
|
+
height: 32px;
|
|
4160
|
+
height: var(--size-32);
|
|
4161
|
+
width: 32px;
|
|
4162
|
+
width: var(--size-32);
|
|
4163
|
+
}
|
|
4200
4164
|
.status-circle .light {
|
|
4201
4165
|
color: var(--color-contrast);
|
|
4202
4166
|
}
|
|
@@ -4212,6 +4176,12 @@ html:not([dir="rtl"]) .np-navigation-option {
|
|
|
4212
4176
|
.np-theme-personal .status-circle.pending .status-icon {
|
|
4213
4177
|
color: var(--color-dark);
|
|
4214
4178
|
}
|
|
4179
|
+
.status-circle-sm .status-icon > svg {
|
|
4180
|
+
height: 14px;
|
|
4181
|
+
height: var(--size-14);
|
|
4182
|
+
width: 14px;
|
|
4183
|
+
width: var(--size-14);
|
|
4184
|
+
}
|
|
4215
4185
|
@media (max-width: 320px) {
|
|
4216
4186
|
.status-circle-sm .status-icon > svg {
|
|
4217
4187
|
width: 24px;
|
|
@@ -5732,3 +5702,7 @@ html:not([dir="rtl"]) .np-navigation-option {
|
|
|
5732
5702
|
.np-list-item__action {
|
|
5733
5703
|
flex-shrink: 0;
|
|
5734
5704
|
}
|
|
5705
|
+
.np-action-btn-chevron {
|
|
5706
|
+
color: #c9cbce;
|
|
5707
|
+
color: var(--color-interactive-secondary);
|
|
5708
|
+
}
|
|
@@ -1,3 +1,9 @@
|
|
|
1
|
+
.status-icon > svg {
|
|
2
|
+
height: 32px;
|
|
3
|
+
height: var(--size-32);
|
|
4
|
+
width: 32px;
|
|
5
|
+
width: var(--size-32);
|
|
6
|
+
}
|
|
1
7
|
.status-circle .light {
|
|
2
8
|
color: var(--color-contrast);
|
|
3
9
|
}
|
|
@@ -13,6 +19,12 @@
|
|
|
13
19
|
.np-theme-personal .status-circle.pending .status-icon {
|
|
14
20
|
color: var(--color-dark);
|
|
15
21
|
}
|
|
22
|
+
.status-circle-sm .status-icon > svg {
|
|
23
|
+
height: 14px;
|
|
24
|
+
height: var(--size-14);
|
|
25
|
+
width: 14px;
|
|
26
|
+
width: var(--size-14);
|
|
27
|
+
}
|
|
16
28
|
@media (max-width: 320px) {
|
|
17
29
|
.status-circle-sm .status-icon > svg {
|
|
18
30
|
width: 24px;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { ButtonHTMLAttributes } from 'react';
|
|
2
|
-
import { PriorityPrimary, PrioritySecondary } from '../common';
|
|
2
|
+
import { PriorityPrimary, PrioritySecondary, PriorityTertiary } from '../common';
|
|
3
3
|
export type ActionButtonProps = {
|
|
4
|
-
priority?: PriorityPrimary | PrioritySecondary;
|
|
4
|
+
priority?: PriorityPrimary | PrioritySecondary | PriorityTertiary;
|
|
5
5
|
/**
|
|
6
6
|
* @deprecated use `children` instead
|
|
7
7
|
*/
|
|
8
8
|
text?: string;
|
|
9
9
|
} & ButtonHTMLAttributes<HTMLButtonElement>;
|
|
10
10
|
declare const ActionButton: import("react").ForwardRefExoticComponent<{
|
|
11
|
-
priority?: PriorityPrimary | PrioritySecondary;
|
|
11
|
+
priority?: PriorityPrimary | PrioritySecondary | PriorityTertiary;
|
|
12
12
|
/**
|
|
13
13
|
* @deprecated use `children` instead
|
|
14
14
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../../src/actionButton/ActionButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAc,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAY,eAAe,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../../src/actionButton/ActionButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAc,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAY,eAAe,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAE3F,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,EAAE,eAAe,GAAG,iBAAiB,GAAG,gBAAgB,CAAC;IAClE;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,QAAA,MAAM,YAAY;eAPL,eAAe,GAAG,iBAAiB,GAAG,gBAAgB;IACjE;;OAEG;WACI,MAAM;+FAoCd,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { CommonProps, PriorityPrimary, PrioritySecondary } from '../common';
|
|
1
|
+
import { CommonProps, PriorityPrimary, PrioritySecondary, PriorityTertiary } from '../common';
|
|
2
2
|
export type ActionOptionProps = {
|
|
3
3
|
complex?: boolean;
|
|
4
4
|
content?: React.ReactNode;
|
|
@@ -8,7 +8,7 @@ export type ActionOptionProps = {
|
|
|
8
8
|
onClick: () => void;
|
|
9
9
|
title: React.ReactNode;
|
|
10
10
|
action: React.ReactNode;
|
|
11
|
-
priority?: PriorityPrimary | PrioritySecondary;
|
|
11
|
+
priority?: PriorityPrimary | PrioritySecondary | PriorityTertiary;
|
|
12
12
|
showMediaCircle?: boolean;
|
|
13
13
|
isContainerAligned?: boolean;
|
|
14
14
|
as?: React.ElementType;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionOption.d.ts","sourceRoot":"","sources":["../../../src/actionOption/ActionOption.tsx"],"names":[],"mappings":"AAGA,OAAO,
|
|
1
|
+
{"version":3,"file":"ActionOption.d.ts","sourceRoot":"","sources":["../../../src/actionOption/ActionOption.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,WAAW,EAEX,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EACjB,MAAM,WAAW,CAAC;AAInB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,eAAe,GAAG,iBAAiB,GAAG,gBAAgB,CAAC;IAClE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACxB,GAAG,WAAW,CAAC;AAEhB,QAAA,MAAM,YAAY,sJAcf,iBAAiB,gCAiDnB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -14,9 +14,6 @@ export interface AvatarProps {
|
|
|
14
14
|
type?: AvatarType;
|
|
15
15
|
'aria-label'?: string;
|
|
16
16
|
}
|
|
17
|
-
/**
|
|
18
|
-
* @deprecated Use `AvatarView` component instead
|
|
19
|
-
*/
|
|
20
17
|
declare const Avatar: React.FC<AvatarProps>;
|
|
21
18
|
export default Avatar;
|
|
22
19
|
//# sourceMappingURL=Avatar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/avatar/Avatar.tsx"],"names":[],"mappings":"AAQA,KAAK,iBAAiB,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAEhD,KAAK,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,MAAM,UAAU,GAAG,iBAAiB,GAAG,gBAAgB,CAAC;AAE9D,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AAE3C,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC;AAErE,MAAM,WAAW,WAAW;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAkBD
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/avatar/Avatar.tsx"],"names":[],"mappings":"AAQA,KAAK,iBAAiB,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAEhD,KAAK,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,MAAM,UAAU,GAAG,iBAAiB,GAAG,gBAAgB,CAAC;AAE9D,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AAE3C,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC;AAErE,MAAM,WAAW,WAAW;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAkBD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA4CjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
declare const avatarColors: readonly ["
|
|
1
|
+
declare const avatarColors: readonly ["--color-bright-blue", "--color-bright-yellow", "--color-bright-pink", "--color-bright-orange"];
|
|
2
2
|
export declare const getAvatarColorFromSeed: (seed: string) => (typeof avatarColors)[number];
|
|
3
3
|
export {};
|
|
4
4
|
//# sourceMappingURL=colors.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../src/avatar/colors/colors.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,YAAY
|
|
1
|
+
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../src/avatar/colors/colors.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,YAAY,2GAKR,CAAC;AAuBX,eAAO,MAAM,sBAAsB,SAAU,MAAM,KAAG,CAAC,OAAO,YAAY,EAAE,MAAM,CAEjF,CAAC"}
|
|
@@ -22,9 +22,6 @@ export type AvatarWrapperProps = {
|
|
|
22
22
|
badgeAltText?: never;
|
|
23
23
|
badgeStatusIcon?: never;
|
|
24
24
|
});
|
|
25
|
-
/**
|
|
26
|
-
* @deprecated Use `AvatarView` component instead
|
|
27
|
-
*/
|
|
28
25
|
declare const AvatarWrapper: ({ url, "aria-label": ariaLabel, profileType, profileId, badgeUrl, badgeAltText, badgeStatusIcon, name, avatarProps, badgeProps, }: AvatarWrapperProps) => import("react").JSX.Element;
|
|
29
26
|
export default AvatarWrapper;
|
|
30
27
|
//# sourceMappingURL=AvatarWrapper.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarWrapper.d.ts","sourceRoot":"","sources":["../../../src/avatarWrapper/AvatarWrapper.tsx"],"names":[],"mappings":"AAGA,OAAe,EAAE,WAAW,EAAc,MAAM,WAAW,CAAC;AAC5D,OAAc,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,
|
|
1
|
+
{"version":3,"file":"AvatarWrapper.d.ts","sourceRoot":"","sources":["../../../src/avatarWrapper/AvatarWrapper.tsx"],"names":[],"mappings":"AAGA,OAAe,EAAE,WAAW,EAAc,MAAM,WAAW,CAAC;AAC5D,OAAc,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAe,mBAAmB,EAAE,mBAAmB,EAAQ,SAAS,EAAE,MAAM,WAAW,CAAC;AAuCnG,MAAM,MAAM,kBAAkB,GAAG;IAC/B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,mBAAmB,GAAG,mBAAmB,CAAC;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,GAAG,CACA;IACE,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB,GACD;IACE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,eAAe,EAAE,SAAS,CAAC;CAC5B,GACD;IACE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB,CACJ,CAAC;AAEF,QAAA,MAAM,aAAa,sIAWhB,kBAAkB,gCAoDpB,CAAC;AAgBF,eAAe,aAAa,CAAC"}
|
|
@@ -13,8 +13,7 @@ export type BadgeProps = {
|
|
|
13
13
|
size?: SizeSmall | DeprecatedSizes | SizeLarge;
|
|
14
14
|
border?: ThemeDark | ThemeLight;
|
|
15
15
|
'aria-label'?: string;
|
|
16
|
-
position?: 'top-right' | 'bottom-right';
|
|
17
16
|
} & CommonProps;
|
|
18
|
-
declare const Badge: ({ badge, className, size: sizeProp, border, "aria-label": ariaLabel, children,
|
|
17
|
+
declare const Badge: ({ badge, className, size: sizeProp, border, "aria-label": ariaLabel, children, }: BadgeProps) => import("react").JSX.Element;
|
|
19
18
|
export default Badge;
|
|
20
19
|
//# sourceMappingURL=Badge.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAGL,SAAS,EACT,UAAU,EACV,SAAS,EACT,SAAS,EACT,UAAU,EACV,WAAW,EACZ,MAAM,WAAW,CAAC;AAGnB;;GAEG;AACH,KAAK,eAAe,GAAG,UAAU,CAAC;AAElC,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,eAAe,GAAG,SAAS,CAAC;IAC/C,MAAM,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAGL,SAAS,EACT,UAAU,EACV,SAAS,EACT,SAAS,EACT,UAAU,EACV,WAAW,EACZ,MAAM,WAAW,CAAC;AAGnB;;GAEG;AACH,KAAK,eAAe,GAAG,UAAU,CAAC;AAElC,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,eAAe,GAAG,SAAS,CAAC;IAC/C,MAAM,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,WAAW,CAAC;AAShB,QAAA,MAAM,KAAK,qFAOR,UAAU,gCAoBZ,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CircularButton.d.ts","sourceRoot":"","sources":["../../../src/circularButton/CircularButton.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAc,WAAW,EAAE,QAAQ,EAAc,MAAM,WAAW,CAAC;AAI1E,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACpD,QAAQ,CAAC,EAAE,GAAG,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC,SAAS,EAAE,CAAC;IACtD,IAAI,CAAC,EAAE,GAAG,WAAW,CAAC,MAAM,GAAG,WAAW,CAAC,QAAQ,GAAG,WAAW,CAAC,QAAQ,EAAE,CAAC;CAC9E;AAED,QAAA,MAAM,cAAc,qEAQjB,mBAAmB,
|
|
1
|
+
{"version":3,"file":"CircularButton.d.ts","sourceRoot":"","sources":["../../../src/circularButton/CircularButton.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAc,WAAW,EAAE,QAAQ,EAAc,MAAM,WAAW,CAAC;AAI1E,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACpD,QAAQ,CAAC,EAAE,GAAG,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC,SAAS,EAAE,CAAC;IACtD,IAAI,CAAC,EAAE,GAAG,WAAW,CAAC,MAAM,GAAG,WAAW,CAAC,QAAQ,GAAG,WAAW,CAAC,QAAQ,EAAE,CAAC;CAC9E;AAED,QAAA,MAAM,cAAc,qEAQjB,mBAAmB,gCAyBrB,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Circle.d.ts","sourceRoot":"","sources":["../../../../src/common/circle/Circle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAGnD,MAAM,MAAM,SAAS,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"Circle.d.ts","sourceRoot":"","sources":["../../../../src/common/circle/Circle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAGnD,MAAM,MAAM,SAAS,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE9D,MAAM,MAAM,KAAK,GAAG;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,QAAA,MAAM,MAAM;IAfV;;OAEG;SACE,KAAK,CAAC,WAAW;IACtB;;OAEG;WACI,SAAS;IAChB;;;OAGG;gBACS,OAAO;4EAyBnB,CAAC;AAEH,eAAe,MAAM,CAAC"}
|
|
@@ -12,7 +12,6 @@ export * from "./propsValues/profileType";
|
|
|
12
12
|
export * from "./propsValues/scroll";
|
|
13
13
|
export * from "./locale";
|
|
14
14
|
export * from "./commonProps";
|
|
15
|
-
export * from "./initials";
|
|
16
15
|
export { Breakpoint } from "./propsValues/breakpoint";
|
|
17
16
|
export { Type } from "./propsValues/type";
|
|
18
17
|
export { DateMode } from "./propsValues/dateMode";
|
package/build/types/index.d.ts
CHANGED
|
@@ -6,7 +6,6 @@ export type { ActionOptionProps } from './actionOption';
|
|
|
6
6
|
export type { SelectOptionProps, SelectOptionValue, SelectOptiopsSection } from './selectOption';
|
|
7
7
|
export type { AlertAction, AlertProps, AlertType } from './alert';
|
|
8
8
|
export type { AvatarProps } from './avatar';
|
|
9
|
-
export type { AvatarViewProps } from './avatarView';
|
|
10
9
|
export type { BadgeProps } from './badge';
|
|
11
10
|
export type { CardProps } from './card';
|
|
12
11
|
export type { CarouselProps } from './carousel';
|
|
@@ -75,7 +74,6 @@ export { default as ActionOption } from './actionOption';
|
|
|
75
74
|
export { default as SelectOption } from './selectOption';
|
|
76
75
|
export { default as Alert } from './alert';
|
|
77
76
|
export { default as Avatar } from './avatar';
|
|
78
|
-
export { default as AvatarView } from './avatarView';
|
|
79
77
|
export { default as AvatarWrapper } from './avatarWrapper';
|
|
80
78
|
export { default as Badge } from './badge';
|
|
81
79
|
export { default as Body } from './body';
|
|
@@ -178,8 +176,7 @@ export { UploadStep } from './upload';
|
|
|
178
176
|
/**
|
|
179
177
|
* Utils
|
|
180
178
|
*/
|
|
181
|
-
export { DEFAULT_LANG, DEFAULT_LOCALE, RTL_LANGUAGES, SUPPORTED_LANGUAGES, adjustLocale, getCountryFromLocale, getDirectionFromLocale, getLangFromLocale, isBrowser, isServerSide,
|
|
182
|
-
export { getAvatarColorFromSeed } from './avatar/colors';
|
|
179
|
+
export { DEFAULT_LANG, DEFAULT_LOCALE, RTL_LANGUAGES, SUPPORTED_LANGUAGES, adjustLocale, getCountryFromLocale, getDirectionFromLocale, getLangFromLocale, isBrowser, isServerSide, } from './common';
|
|
183
180
|
/**
|
|
184
181
|
* Translations
|
|
185
182
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACjE,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACjG,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAClE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,7 @@
|
|
|
1
1
|
import { SizeSmall, SizeMedium, SizeLarge, Sentiment } from '../common';
|
|
2
|
-
/**
|
|
3
|
-
* @deprecated use `16 | 24 | 32 | 40 | 48 | 56 | 72` component instead
|
|
4
|
-
*/
|
|
5
|
-
type LegacySizes = SizeSmall | SizeMedium | SizeLarge;
|
|
6
2
|
export type StatusIconProps = {
|
|
7
|
-
sentiment
|
|
8
|
-
size
|
|
3
|
+
sentiment: `${Sentiment}`;
|
|
4
|
+
size: SizeSmall | SizeMedium | SizeLarge;
|
|
9
5
|
};
|
|
10
6
|
declare const StatusIcon: ({ sentiment, size: sizeProp }: StatusIconProps) => import("react").JSX.Element;
|
|
11
7
|
export default StatusIcon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StatusIcon.d.ts","sourceRoot":"","sources":["../../../src/statusIcon/StatusIcon.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAoB,MAAM,WAAW,CAAC;AAI1F
|
|
1
|
+
{"version":3,"file":"StatusIcon.d.ts","sourceRoot":"","sources":["../../../src/statusIcon/StatusIcon.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAoB,MAAM,WAAW,CAAC;AAI1F,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,EAAE,GAAG,SAAS,EAAE,CAAC;IAC1B,IAAI,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;CAC1C,CAAC;AAmBF,QAAA,MAAM,UAAU,kCAAsD,eAAe,gCAepF,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
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-dabe7c7",
|
|
4
4
|
"description": "Neptune React components",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -91,9 +91,9 @@
|
|
|
91
91
|
"rollup": "^4.18.1",
|
|
92
92
|
"rollup-preserve-directives": "^1.1.1",
|
|
93
93
|
"storybook": "^8.2.2",
|
|
94
|
+
"@transferwise/less-config": "3.1.0",
|
|
94
95
|
"@transferwise/neptune-css": "14.19.1",
|
|
95
|
-
"@wise/components-theming": "1.6.1"
|
|
96
|
-
"@transferwise/less-config": "3.1.0"
|
|
96
|
+
"@wise/components-theming": "1.6.1"
|
|
97
97
|
},
|
|
98
98
|
"peerDependencies": {
|
|
99
99
|
"@transferwise/icons": "^3.13.1",
|
|
@@ -32,6 +32,10 @@
|
|
|
32
32
|
background-color: var(--color-background-neutral);
|
|
33
33
|
color: var(--color-interactive-primary);
|
|
34
34
|
}
|
|
35
|
+
.np-action-btn.btn-priority-3 {
|
|
36
|
+
background-color: transparent !important;
|
|
37
|
+
color: var(--color-interactive-primary);
|
|
38
|
+
}
|
|
35
39
|
.np-action-btn:not(:disabled):hover {
|
|
36
40
|
background-color: #008fc9;
|
|
37
41
|
background-color: var(--color-interactive-accent-hover);
|
|
@@ -39,6 +43,9 @@
|
|
|
39
43
|
.np-action-btn:not(:disabled):hover.btn-priority-2 {
|
|
40
44
|
background-color: var(--color-background-neutral-hover);
|
|
41
45
|
}
|
|
46
|
+
.np-action-btn:not(:disabled):hover.btn-priority-3 {
|
|
47
|
+
color: var(--color-interactive-primary-hover);
|
|
48
|
+
}
|
|
42
49
|
.np-action-btn:not(:disabled):active {
|
|
43
50
|
box-shadow: none;
|
|
44
51
|
border-color: transparent;
|
|
@@ -48,6 +55,10 @@
|
|
|
48
55
|
.np-action-btn:not(:disabled):active.btn-priority-2 {
|
|
49
56
|
background-color: var(--color-background-neutral-active);
|
|
50
57
|
}
|
|
58
|
+
.np-action-btn:not(:disabled):active.btn-priority-3 {
|
|
59
|
+
color: var(--color-interactive-primary-active);
|
|
60
|
+
background-color: var(--color-background-screen-active) !important;
|
|
61
|
+
}
|
|
51
62
|
.np-action-btn:not(:disabled):focus {
|
|
52
63
|
box-shadow: none;
|
|
53
64
|
}
|
|
@@ -24,6 +24,11 @@
|
|
|
24
24
|
color: var(--color-interactive-primary);
|
|
25
25
|
}
|
|
26
26
|
|
|
27
|
+
&.btn-priority-3 {
|
|
28
|
+
background-color: transparent !important;
|
|
29
|
+
color: var(--color-interactive-primary);
|
|
30
|
+
}
|
|
31
|
+
|
|
27
32
|
&:not(:disabled) {
|
|
28
33
|
&:hover {
|
|
29
34
|
background-color: var(--color-interactive-accent-hover);
|
|
@@ -31,6 +36,10 @@
|
|
|
31
36
|
&.btn-priority-2 {
|
|
32
37
|
background-color: var(--color-background-neutral-hover);
|
|
33
38
|
}
|
|
39
|
+
|
|
40
|
+
&.btn-priority-3 {
|
|
41
|
+
color: var(--color-interactive-primary-hover);
|
|
42
|
+
}
|
|
34
43
|
}
|
|
35
44
|
|
|
36
45
|
&:active {
|
|
@@ -41,6 +50,11 @@
|
|
|
41
50
|
&.btn-priority-2 {
|
|
42
51
|
background-color: var(--color-background-neutral-active);
|
|
43
52
|
}
|
|
53
|
+
|
|
54
|
+
&.btn-priority-3 {
|
|
55
|
+
color: var(--color-interactive-primary-active);
|
|
56
|
+
background-color: var(--color-background-screen-active) !important;
|
|
57
|
+
}
|
|
44
58
|
}
|
|
45
59
|
|
|
46
60
|
&:focus {
|