@transferwise/components 0.0.0-experimental-7df8816 → 0.0.0-experimental-d2bc8ee
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/common/closeButton/CloseButton.messages.js +2 -2
- package/build/common/closeButton/CloseButton.messages.js.map +1 -1
- package/build/common/closeButton/CloseButton.messages.mjs +2 -2
- package/build/common/closeButton/CloseButton.messages.mjs.map +1 -1
- package/build/common/closeButton/CloseButton.mjs +2 -2
- package/build/common/closeButton/CloseButton.mjs.map +1 -1
- package/build/drawer/Drawer.js +9 -18
- package/build/drawer/Drawer.js.map +1 -1
- package/build/drawer/Drawer.mjs +9 -18
- package/build/drawer/Drawer.mjs.map +1 -1
- package/build/main.css +476 -223
- package/build/modal/Modal.js +21 -20
- package/build/modal/Modal.js.map +1 -1
- package/build/modal/Modal.mjs +21 -20
- package/build/modal/Modal.mjs.map +1 -1
- package/build/select/Select.js +1 -2
- package/build/select/Select.js.map +1 -1
- package/build/select/Select.mjs +1 -2
- package/build/select/Select.mjs.map +1 -1
- package/build/styles/accordion/Accordion.css +2 -6
- package/build/styles/actionButton/ActionButton.css +12 -4
- package/build/styles/avatar/Avatar.css +13 -10
- package/build/styles/avatarView/AvatarView.css +5 -3
- package/build/styles/avatarView/Dot.css +2 -1
- package/build/styles/button/Button.css +1 -0
- package/build/styles/card/Card.css +2 -2
- package/build/styles/carousel/Carousel.css +5 -2
- package/build/styles/checkboxButton/CheckboxButton.css +0 -1
- package/build/styles/chips/Chip.css +31 -12
- package/build/styles/circularButton/CircularButton.css +6 -0
- package/build/styles/common/Option/Option.css +2 -2
- package/build/styles/common/RadioButton/RadioButton.css +1 -1
- package/build/styles/common/bottomSheet/BottomSheet.css +1 -1
- package/build/styles/common/card/Card.css +1 -1
- package/build/styles/common/closeButton/CloseButton.css +7 -2
- package/build/styles/criticalBanner/CriticalCommsBanner.css +4 -0
- package/build/styles/dateLookup/DateLookup.css +5 -3
- package/build/styles/definitionList/DefinitionList.css +1 -1
- package/build/styles/divider/Divider.css +1 -1
- package/build/styles/drawer/Drawer.css +58 -11
- package/build/styles/emphasis/Emphasis.css +4 -5
- package/build/styles/expressiveMoneyInput/ExpressiveMoneyInput.css +2 -0
- package/build/styles/expressiveMoneyInput/amountInput/AmountInput.css +1 -0
- package/build/styles/expressiveMoneyInput/chevron/Chevron.css +1 -0
- package/build/styles/flowNavigation/FlowNavigation.css +2 -1
- package/build/styles/header/Header.css +2 -2
- package/build/styles/iconButton/IconButton.css +27 -4
- package/build/styles/inputs/Input.css +5 -5
- package/build/styles/inputs/InputGroup.css +3 -2
- package/build/styles/inputs/SelectInput.css +14 -13
- package/build/styles/inputs/TextArea.css +5 -5
- package/build/styles/instructionsList/InstructionsList.css +2 -0
- package/build/styles/listItem/ListItem.css +22 -8
- package/build/styles/logo/Logo.css +2 -0
- package/build/styles/main.css +476 -223
- package/build/styles/modal/Modal.css +68 -6
- package/build/styles/moneyInput/MoneyInput.css +2 -2
- package/build/styles/navigationOption/NavigationOption.css +1 -3
- package/build/styles/nudge/Nudge.css +1 -1
- package/build/styles/overlayHeader/OverlayHeader.css +2 -1
- package/build/styles/popover/Popover.css +2 -2
- package/build/styles/progress/Progress.css +3 -3
- package/build/styles/progressBar/ProgressBar.css +2 -2
- package/build/styles/promoCard/PromoCard.css +3 -3
- package/build/styles/prompt/InlinePrompt/InlinePrompt.css +39 -3
- package/build/styles/segmentedControl/SegmentedControl.css +6 -2
- package/build/styles/select/Select.css +25 -41
- package/build/styles/slidingPanel/SlidingPanel.css +4 -4
- package/build/styles/snackbar/Snackbar.css +4 -4
- package/build/styles/statusIcon/StatusIcon.css +10 -2
- package/build/styles/stepper/Stepper.css +4 -4
- package/build/styles/summary/Summary.css +5 -2
- package/build/styles/switch/Switch.css +3 -2
- package/build/styles/table/Table.css +13 -5
- package/build/styles/tabs/Tabs.css +10 -9
- package/build/styles/tile/Tile.css +8 -5
- package/build/styles/typeahead/Typeahead.css +2 -1
- package/build/styles/typeahead/typeaheadOption/TypeaheadOption.css +1 -4
- package/build/styles/upload/Upload.css +1 -1
- package/build/styles/uploadInput/uploadButton/UploadButton.css +4 -2
- package/build/styles/uploadInput/uploadItem/UploadItem.css +8 -4
- package/build/types/drawer/Drawer.d.ts.map +1 -1
- package/build/types/modal/Modal.d.ts.map +1 -1
- package/build/types/select/Select.d.ts +1 -1
- package/build/types/select/Select.d.ts.map +1 -1
- package/package.json +12 -7
- package/src/accordion/Accordion.css +2 -6
- package/src/accordion/Accordion.less +0 -7
- package/src/accordion/Accordion.story.tsx +1 -1
- package/src/actionButton/ActionButton.css +12 -4
- package/src/avatar/Avatar.css +13 -10
- package/src/avatarLayout/AvatarLayout.story.tsx +0 -1
- package/src/avatarView/AvatarView.css +5 -3
- package/src/avatarView/AvatarView.story.tsx +0 -1
- package/src/avatarView/Dot.css +2 -1
- package/src/button/Button.css +1 -0
- package/src/card/Card.css +2 -2
- package/src/carousel/Carousel.css +5 -2
- package/src/checkboxButton/CheckboxButton.css +0 -1
- package/src/chips/Chip.css +31 -12
- package/src/circularButton/CircularButton.css +6 -0
- package/src/common/Option/Option.css +2 -2
- package/src/common/RadioButton/RadioButton.css +1 -1
- package/src/common/bottomSheet/BottomSheet.css +1 -1
- package/src/common/card/Card.css +1 -1
- package/src/common/closeButton/CloseButton.css +7 -2
- package/src/criticalBanner/CriticalCommsBanner.css +4 -0
- package/src/dateLookup/DateLookup.css +5 -3
- package/src/definitionList/DefinitionList.css +1 -1
- package/src/display/Display.story.tsx +0 -1
- package/src/divider/Divider.css +1 -1
- package/src/drawer/Drawer.css +58 -11
- package/src/drawer/Drawer.less +70 -14
- package/src/drawer/Drawer.story.tsx +100 -158
- package/src/drawer/Drawer.tsx +7 -26
- package/src/emphasis/Emphasis.css +4 -5
- package/src/expressiveMoneyInput/ExpressiveMoneyInput.css +2 -0
- package/src/expressiveMoneyInput/amountInput/AmountInput.css +1 -0
- package/src/expressiveMoneyInput/chevron/Chevron.css +1 -0
- package/src/flowNavigation/FlowNavigation.css +2 -1
- package/src/header/Header.css +2 -2
- package/src/iconButton/IconButton.css +27 -4
- package/src/iconButton/IconButton.story.tsx +0 -1
- package/src/inputs/Input.css +5 -5
- package/src/inputs/InputGroup.css +3 -2
- package/src/inputs/SelectInput.css +14 -13
- package/src/inputs/TextArea.css +5 -5
- package/src/instructionsList/InstructionsList.css +2 -0
- package/src/listItem/ListItem.css +22 -8
- package/src/logo/Logo.css +2 -0
- package/src/main.css +476 -223
- package/src/modal/Modal.css +68 -6
- package/src/modal/Modal.less +76 -6
- package/src/modal/Modal.tsx +23 -23
- package/src/moneyInput/MoneyInput.css +2 -2
- package/src/navigationOption/NavigationOption.css +1 -3
- package/src/nudge/Nudge.css +1 -1
- package/src/overlayHeader/OverlayHeader.css +2 -1
- package/src/popover/Popover.css +2 -2
- package/src/progress/Progress.css +3 -3
- package/src/progressBar/ProgressBar.css +2 -2
- package/src/promoCard/PromoCard.css +3 -3
- package/src/prompt/InlinePrompt/InlinePrompt.css +39 -3
- package/src/segmentedControl/SegmentedControl.css +6 -2
- package/src/select/Select.css +25 -41
- package/src/select/Select.less +0 -25
- package/src/select/Select.tsx +1 -6
- package/src/slidingPanel/SlidingPanel.css +4 -4
- package/src/snackbar/Snackbar.css +4 -4
- package/src/snackbar/Snackbar.less +2 -4
- package/src/statusIcon/StatusIcon.css +10 -2
- package/src/stepper/Stepper.css +4 -4
- package/src/summary/Summary.css +5 -2
- package/src/switch/Switch.css +3 -2
- package/src/table/Table.css +13 -5
- package/src/tabs/Tabs.css +10 -9
- package/src/tile/Tile.css +8 -5
- package/src/typeahead/Typeahead.css +2 -1
- package/src/typeahead/typeaheadOption/TypeaheadOption.css +1 -4
- package/src/typeahead/typeaheadOption/TypeaheadOption.less +0 -6
- package/src/upload/Upload.css +1 -1
- package/src/uploadInput/uploadButton/UploadButton.css +4 -2
- package/src/uploadInput/uploadItem/UploadItem.css +8 -4
|
@@ -9,9 +9,9 @@
|
|
|
9
9
|
padding-left: var(--size-16);
|
|
10
10
|
padding-right: 16px;
|
|
11
11
|
padding-right: var(--size-16);
|
|
12
|
-
color: #
|
|
12
|
+
color: #0e0f0c;
|
|
13
13
|
color: var(--color-content-primary);
|
|
14
|
-
box-shadow: inset 0 0 0 1px #
|
|
14
|
+
box-shadow: inset 0 0 0 1px #868685;
|
|
15
15
|
box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color);
|
|
16
16
|
transition-property: color, opacity, box-shadow;
|
|
17
17
|
transition-timing-function: ease-in-out;
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
}
|
|
91
91
|
.np-form-control--size-lg {
|
|
92
92
|
margin: 0;
|
|
93
|
-
color: #
|
|
93
|
+
color: #0e0f0c;
|
|
94
94
|
color: var(--color-content-primary);
|
|
95
95
|
line-height: 1.2;
|
|
96
96
|
line-height: var(--line-height-title);
|
|
@@ -154,10 +154,10 @@
|
|
|
154
154
|
border-radius: var(--radius-small) !important;
|
|
155
155
|
}
|
|
156
156
|
.np-text-area::-moz-placeholder {
|
|
157
|
-
color: #
|
|
157
|
+
color: #6a6c6a;
|
|
158
158
|
color: var(--color-content-tertiary);
|
|
159
159
|
}
|
|
160
160
|
.np-text-area::placeholder {
|
|
161
|
-
color: #
|
|
161
|
+
color: #6a6c6a;
|
|
162
162
|
color: var(--color-content-tertiary);
|
|
163
163
|
}
|
|
@@ -425,7 +425,7 @@
|
|
|
425
425
|
}
|
|
426
426
|
.wds-list-item a .wds-list-item-subtitle,
|
|
427
427
|
.wds-list-item a .wds-list-item-subtitle-value {
|
|
428
|
-
color: #
|
|
428
|
+
color: #454745;
|
|
429
429
|
color: var(--color-content-secondary);
|
|
430
430
|
}
|
|
431
431
|
.wds-list-item-interactive .wds-list-item-control:focus-visible,
|
|
@@ -480,9 +480,11 @@
|
|
|
480
480
|
border-radius: var(--radius-medium);
|
|
481
481
|
}
|
|
482
482
|
.wds-list-item-interactive:not(.wds-list-item-spotlight):not(.disabled):not(:disabled):hover:before {
|
|
483
|
+
background-color: rgba(22,51,0,0.07843);
|
|
483
484
|
background-color: var(--color-background-screen-hover);
|
|
484
485
|
}
|
|
485
486
|
.wds-list-item-interactive:not(.wds-list-item-spotlight):not(.disabled):not(:disabled):active:before {
|
|
487
|
+
background-color: rgba(22,51,0,0.12941);
|
|
486
488
|
background-color: var(--color-background-screen-active);
|
|
487
489
|
}
|
|
488
490
|
.wds-list-item-interactive:not(.wds-list-item-spotlight):has(.wds-list-item-prompt:hover a, .wds-list-item-prompt:hover button):hover:before {
|
|
@@ -543,7 +545,7 @@
|
|
|
543
545
|
}
|
|
544
546
|
.wds-list-item-title,
|
|
545
547
|
.wds-list-item-title-value {
|
|
546
|
-
color: #
|
|
548
|
+
color: #0e0f0c;
|
|
547
549
|
color: var(--color-content-primary);
|
|
548
550
|
}
|
|
549
551
|
.wds-list-item-body-center {
|
|
@@ -553,7 +555,7 @@
|
|
|
553
555
|
}
|
|
554
556
|
.wds-list-item-additional-info {
|
|
555
557
|
grid-area: info;
|
|
556
|
-
color: #
|
|
558
|
+
color: #6a6c6a;
|
|
557
559
|
color: var(--color-content-tertiary);
|
|
558
560
|
margin-top: calc(4px * -1);
|
|
559
561
|
margin-top: calc(var(--size-4) * -1);
|
|
@@ -565,7 +567,7 @@
|
|
|
565
567
|
grid-area: control;
|
|
566
568
|
}
|
|
567
569
|
.wds-list-item-navigation .tw-icon-chevron-right {
|
|
568
|
-
color: #
|
|
570
|
+
color: #868685;
|
|
569
571
|
color: var(--color-interactive-secondary);
|
|
570
572
|
}
|
|
571
573
|
.wds-list-item-control {
|
|
@@ -586,7 +588,7 @@
|
|
|
586
588
|
.wds-list-item.disabled .wds-list-item-subtitle,
|
|
587
589
|
.wds-list-item.disabled .wds-list-item-subtitle-value,
|
|
588
590
|
.wds-list-item.disabled .wds-list-item-additional-info {
|
|
589
|
-
color: #
|
|
591
|
+
color: #6a6c6a;
|
|
590
592
|
color: var(--color-content-tertiary);
|
|
591
593
|
}
|
|
592
594
|
.wds-list-item.disabled .wds-list-item-media,
|
|
@@ -604,29 +606,41 @@
|
|
|
604
606
|
padding-right: var(--size-12);
|
|
605
607
|
}
|
|
606
608
|
.wds-list-item-spotlight-active {
|
|
607
|
-
background-color: rgba(
|
|
609
|
+
background-color: rgba(22,51,0,0.07843);
|
|
608
610
|
background-color: var(--color-background-neutral);
|
|
609
611
|
}
|
|
610
612
|
.wds-list-item-spotlight-active:not(.disabled):not(:disabled):hover {
|
|
613
|
+
background-color: rgba(22,51,0,0.12941);
|
|
611
614
|
background-color: var(--color-background-neutral-hover);
|
|
612
615
|
}
|
|
613
616
|
.wds-list-item-spotlight-active:not(.disabled):not(:disabled):active {
|
|
617
|
+
background-color: rgba(22,51,0,0.18039);
|
|
614
618
|
background-color: var(--color-background-neutral-active);
|
|
615
619
|
}
|
|
616
620
|
.wds-list-item-spotlight-inactive {
|
|
617
|
-
background-color: rgba(
|
|
621
|
+
background-color: rgba(22, 51, 0, 0.02);
|
|
618
622
|
}
|
|
619
623
|
@supports (color: color-mix(in lch, red, blue)) {
|
|
620
624
|
.wds-list-item-spotlight-inactive {
|
|
621
625
|
background-color: color-mix(in srgb, var(--color-background-neutral) 25%, transparent);
|
|
622
626
|
}
|
|
623
627
|
}
|
|
628
|
+
.wds-list-item-spotlight-inactive:not(.disabled):not(:disabled):hover {
|
|
629
|
+
background-color: rgba(22, 51, 0, 0.045);
|
|
630
|
+
}
|
|
631
|
+
@supports (color: color-mix(in lch, red, blue)) {
|
|
624
632
|
.wds-list-item-spotlight-inactive:not(.disabled):not(:disabled):hover {
|
|
625
633
|
background-color: color-mix(in srgb, var(--color-background-neutral-hover) 35%, transparent);
|
|
626
634
|
}
|
|
635
|
+
}
|
|
636
|
+
.wds-list-item-spotlight-inactive:not(.disabled):not(:disabled):active {
|
|
637
|
+
background-color: rgba(22, 51, 0, 0.081);
|
|
638
|
+
}
|
|
639
|
+
@supports (color: color-mix(in lch, red, blue)) {
|
|
627
640
|
.wds-list-item-spotlight-inactive:not(.disabled):not(:disabled):active {
|
|
628
641
|
background-color: color-mix(in srgb, var(--color-background-neutral-active) 45%, transparent);
|
|
629
642
|
}
|
|
643
|
+
}
|
|
630
644
|
.wds-list-item .wds-list-item-spotlight__border {
|
|
631
645
|
position: absolute;
|
|
632
646
|
inset: 0;
|
|
@@ -638,7 +652,7 @@
|
|
|
638
652
|
--wds-list-item-spotlight-borderWidthOffset: 0.5px;
|
|
639
653
|
--wds-list-item-spotlight-strokeDashSize: calc(var(--size-12) * 0.5);
|
|
640
654
|
fill: none;
|
|
641
|
-
stroke: rgba(
|
|
655
|
+
stroke: rgba(14,15,12,0.12157);
|
|
642
656
|
stroke: var(--color-border-neutral);
|
|
643
657
|
width: calc(100% - 1px);
|
|
644
658
|
width: calc(100% - var(--wds-list-item-spotlight-borderWidth));
|
|
@@ -3,9 +3,11 @@
|
|
|
3
3
|
}
|
|
4
4
|
.np-theme-personal--forest-green .np-logo-svg path,
|
|
5
5
|
.np-theme-personal--bright-green .np-logo-svg path {
|
|
6
|
+
fill: #163300;
|
|
6
7
|
fill: var(--color-interactive-primary);
|
|
7
8
|
}
|
|
8
9
|
.np-theme-personal--dark .np-logo-svg path {
|
|
10
|
+
fill: #ffffff;
|
|
9
11
|
fill: var(--color-white);
|
|
10
12
|
}
|
|
11
13
|
.np-logo-svg--size-sm {
|