@transferwise/components 0.0.0-experimental-e3bf70c → 0.0.0-experimental-baecac9
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 +5510 -1
- package/build/styles/accordion/Accordion.css +60 -1
- package/build/styles/actionButton/ActionButton.css +53 -1
- package/build/styles/avatar/Avatar.css +205 -1
- package/build/styles/badge/Badge.css +68 -1
- package/build/styles/button/Button.css +20 -1
- package/build/styles/card/Card.css +100 -1
- package/build/styles/checkboxButton/CheckboxButton.css +24 -1
- package/build/styles/chips/Chip.css +190 -1
- package/build/styles/circularButton/CircularButton.css +211 -1
- package/build/styles/common/Option/Option.css +100 -1
- package/build/styles/common/RadioButton/RadioButton.css +4 -1
- package/build/styles/common/bottomSheet/BottomSheet.css +53 -1
- package/build/styles/common/card/Card.css +53 -1
- package/build/styles/common/closeButton/CloseButton.css +79 -1
- package/build/styles/common/panel/Panel.css +73 -1
- package/build/styles/criticalBanner/CriticalCommsBanner.css +77 -1
- package/build/styles/dateInput/DateInput.css +3 -1
- package/build/styles/dateLookup/DateLookup.css +98 -1
- package/build/styles/dateLookup/dateTrigger/DateTrigger.css +68 -1
- package/build/styles/decision/Decision.css +93 -1
- package/build/styles/definitionList/DefinitionList.css +53 -1
- package/build/styles/dimmer/Dimmer.css +70 -1
- package/build/styles/drawer/Drawer.css +100 -1
- package/build/styles/dropFade/DropFade.css +19 -1
- package/build/styles/dynamicFieldDefinitionList/FormattedValue/FormattedValue.css +5 -1
- package/build/styles/emphasis/Emphasis.css +31 -1
- package/build/styles/flowNavigation/FlowNavigation.css +72 -1
- package/build/styles/flowNavigation/animatedLabel/AnimatedLabel.css +21 -1
- package/build/styles/flowNavigation/backButton/BackButton.css +32 -1
- package/build/styles/header/Header.css +28 -1
- package/build/styles/image/Image.css +13 -1
- package/build/styles/info/Info.css +32 -1
- package/build/styles/inputs/Input.css +106 -1
- package/build/styles/inputs/InputGroup.css +62 -1
- package/build/styles/inputs/SelectInput.css +374 -1
- package/build/styles/inputs/TextArea.css +110 -1
- package/build/styles/instructionsList/InstructionsList.css +22 -1
- package/build/styles/link/Link.css +15 -1
- package/build/styles/listItem/ListItem.css +6 -1
- package/build/styles/loader/Loader.css +313 -1
- package/build/styles/logo/Logo.css +26 -1
- package/build/styles/main.css +5510 -1
- package/build/styles/modal/Modal.css +155 -1
- package/build/styles/moneyInput/MoneyInput.css +66 -1
- package/build/styles/navigationOption/NavigationOption.css +69 -1
- package/build/styles/navigationOptionsList/NavigationOptionsList.css +13 -1
- package/build/styles/nudge/Nudge.css +182 -1
- package/build/styles/overlayHeader/OverlayHeader.css +15 -1
- package/build/styles/phoneNumberInput/PhoneNumberInput.css +23 -1
- package/build/styles/popover/Popover.css +43 -1
- package/build/styles/progress/Progress.css +43 -1
- package/build/styles/progressBar/ProgressBar.css +14 -1
- package/build/styles/promoCard/PromoCard.css +186 -1
- package/build/styles/section/Section.css +10 -1
- package/build/styles/select/Select.css +314 -1
- package/build/styles/slidingPanel/SlidingPanel.css +105 -1
- package/build/styles/snackbar/Snackbar.css +93 -1
- package/build/styles/statusIcon/StatusIcon.css +78 -1
- package/build/styles/stepper/Stepper.css +108 -1
- package/build/styles/summary/Summary.css +81 -1
- package/build/styles/switch/Switch.css +68 -1
- package/build/styles/tabs/Tabs.css +121 -1
- package/build/styles/tile/Tile.css +55 -1
- package/build/styles/tooltip/Tooltip.css +50 -1
- package/build/styles/typeahead/Typeahead.css +183 -1
- package/build/styles/typeahead/typeaheadOption/TypeaheadOption.css +9 -1
- package/build/styles/upload/Upload.css +15 -1
- package/build/styles/uploadInput/UploadInput.css +71 -1
- package/build/styles/uploadInput/uploadButton/UploadButton.css +49 -1
- package/build/styles/uploadInput/uploadItem/UploadItem.css +74 -1
- package/package.json +4 -4
- package/src/accordion/Accordion.css +60 -1
- package/src/actionButton/ActionButton.css +53 -1
- package/src/avatar/Avatar.css +205 -1
- package/src/badge/Badge.css +68 -1
- package/src/button/Button.css +20 -1
- package/src/card/Card.css +100 -1
- package/src/checkboxButton/CheckboxButton.css +24 -1
- package/src/chips/Chip.css +190 -1
- package/src/circularButton/CircularButton.css +211 -1
- package/src/common/Option/Option.css +100 -1
- package/src/common/RadioButton/RadioButton.css +4 -1
- package/src/common/bottomSheet/BottomSheet.css +53 -1
- package/src/common/card/Card.css +53 -1
- package/src/common/closeButton/CloseButton.css +79 -1
- package/src/common/panel/Panel.css +73 -1
- package/src/criticalBanner/CriticalCommsBanner.css +77 -1
- package/src/dateInput/DateInput.css +3 -1
- package/src/dateLookup/DateLookup.css +98 -1
- package/src/dateLookup/dateTrigger/DateTrigger.css +68 -1
- package/src/decision/Decision.css +93 -1
- package/src/definitionList/DefinitionList.css +53 -1
- package/src/dimmer/Dimmer.css +70 -1
- package/src/drawer/Drawer.css +100 -1
- package/src/dropFade/DropFade.css +19 -1
- package/src/dynamicFieldDefinitionList/FormattedValue/FormattedValue.css +5 -1
- package/src/emphasis/Emphasis.css +31 -1
- package/src/flowNavigation/FlowNavigation.css +72 -1
- package/src/flowNavigation/animatedLabel/AnimatedLabel.css +21 -1
- package/src/flowNavigation/backButton/BackButton.css +32 -1
- package/src/header/Header.css +28 -1
- package/src/image/Image.css +13 -1
- package/src/info/Info.css +32 -1
- package/src/inputs/Input.css +106 -1
- package/src/inputs/InputGroup.css +62 -1
- package/src/inputs/SelectInput.css +374 -1
- package/src/inputs/TextArea.css +110 -1
- package/src/instructionsList/InstructionsList.css +22 -1
- package/src/link/Link.css +15 -1
- package/src/listItem/ListItem.css +6 -1
- package/src/loader/Loader.css +313 -1
- package/src/logo/Logo.css +26 -1
- package/src/main.css +5510 -1
- package/src/modal/Modal.css +155 -1
- package/src/moneyInput/MoneyInput.css +66 -1
- package/src/navigationOption/NavigationOption.css +69 -1
- package/src/navigationOptionsList/NavigationOptionsList.css +13 -1
- package/src/nudge/Nudge.css +182 -1
- package/src/overlayHeader/OverlayHeader.css +15 -1
- package/src/phoneNumberInput/PhoneNumberInput.css +23 -1
- package/src/popover/Popover.css +43 -1
- package/src/progress/Progress.css +43 -1
- package/src/progressBar/ProgressBar.css +14 -1
- package/src/promoCard/PromoCard.css +186 -1
- package/src/section/Section.css +10 -1
- package/src/select/Select.css +314 -1
- package/src/slidingPanel/SlidingPanel.css +105 -1
- package/src/snackbar/Snackbar.css +93 -1
- package/src/statusIcon/StatusIcon.css +78 -1
- package/src/stepper/Stepper.css +108 -1
- package/src/summary/Summary.css +81 -1
- package/src/switch/Switch.css +68 -1
- package/src/tabs/Tabs.css +121 -1
- package/src/tile/Tile.css +55 -1
- package/src/tooltip/Tooltip.css +50 -1
- package/src/typeahead/Typeahead.css +183 -1
- package/src/typeahead/typeaheadOption/TypeaheadOption.css +9 -1
- package/src/upload/Upload.css +15 -1
- package/src/uploadInput/UploadInput.css +71 -1
- package/src/uploadInput/uploadButton/UploadButton.css +49 -1
- package/src/uploadInput/uploadItem/UploadItem.css +74 -1
package/src/inputs/TextArea.css
CHANGED
|
@@ -1 +1,110 @@
|
|
|
1
|
-
|
|
1
|
+
@media (min-width: 768px) {
|
|
2
|
+
}@media (min-width: 768px) {
|
|
3
|
+
}.np-form-control {
|
|
4
|
+
--ring-width: 1px;
|
|
5
|
+
--ring-color: var(--color-interactive-secondary);
|
|
6
|
+
border: none;
|
|
7
|
+
background-color: transparent;
|
|
8
|
+
min-height: 0;
|
|
9
|
+
/* TODO: Remove this override once `.form-control` isn’t used anymore */
|
|
10
|
+
padding-left: 16px;
|
|
11
|
+
padding-left: var(--size-16);
|
|
12
|
+
padding-right: 16px;
|
|
13
|
+
padding-right: var(--size-16);
|
|
14
|
+
color: #37517e;
|
|
15
|
+
color: var(--color-content-primary);
|
|
16
|
+
box-shadow: inset 0 0 0 1px #c9cbce;
|
|
17
|
+
box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
|
|
18
|
+
box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color);
|
|
19
|
+
transition-property: color, opacity, box-shadow;
|
|
20
|
+
transition-timing-function: ease-in-out;
|
|
21
|
+
transition-duration: 300ms;
|
|
22
|
+
/* TODO: Remove these overrides once `.form-control` isn’t used anymore */
|
|
23
|
+
}.np-form-control:focus-visible {
|
|
24
|
+
outline: none;
|
|
25
|
+
}.np-form-control[aria-invalid="true"] {
|
|
26
|
+
--ring-width: 2px;
|
|
27
|
+
--ring-color: var(--color-sentiment-negative) !important;
|
|
28
|
+
}.np-form-control:hover:enabled {
|
|
29
|
+
--ring-width: 2px;
|
|
30
|
+
--ring-color: var(--color-interactive-secondary-hover);
|
|
31
|
+
}.np-form-control:focus:enabled {
|
|
32
|
+
--ring-width: 3px;
|
|
33
|
+
--ring-color: var(--color-interactive-primary);
|
|
34
|
+
}.np-form-control--size-auto {
|
|
35
|
+
font-weight: 400;
|
|
36
|
+
font-weight: var(--font-weight-regular);
|
|
37
|
+
font-size: 1rem;
|
|
38
|
+
font-size: var(--font-size-16);
|
|
39
|
+
line-height: 150%;
|
|
40
|
+
letter-spacing: -0.011em;
|
|
41
|
+
padding-top: 12px;
|
|
42
|
+
padding-top: var(--size-12);
|
|
43
|
+
padding-bottom: 12px;
|
|
44
|
+
padding-bottom: var(--size-12);
|
|
45
|
+
}.np-form-control--size-sm,
|
|
46
|
+
.np-form-control--size-md,
|
|
47
|
+
.np-form-control--size-lg {
|
|
48
|
+
padding-top: 0 !important;
|
|
49
|
+
padding-bottom: 0 !important;
|
|
50
|
+
}.np-form-control--size-sm {
|
|
51
|
+
line-height: 1.5;
|
|
52
|
+
line-height: var(--line-height-body);
|
|
53
|
+
font-size: 1rem;
|
|
54
|
+
font-size: var(--font-size-16);
|
|
55
|
+
font-size: 0.875rem;
|
|
56
|
+
font-size: var(--font-size-14);
|
|
57
|
+
line-height: 155%;
|
|
58
|
+
letter-spacing: -0.006em;
|
|
59
|
+
font-weight: 400;
|
|
60
|
+
font-weight: var(--font-weight-regular);
|
|
61
|
+
height: 32px !important;
|
|
62
|
+
height: var(--size-32) !important;
|
|
63
|
+
}.np-form-control--size-md {
|
|
64
|
+
font-weight: 400;
|
|
65
|
+
font-weight: var(--font-weight-regular);
|
|
66
|
+
font-size: 1rem;
|
|
67
|
+
font-size: var(--font-size-16);
|
|
68
|
+
line-height: 150%;
|
|
69
|
+
letter-spacing: -0.011em;
|
|
70
|
+
height: 48px !important;
|
|
71
|
+
height: var(--size-48) !important;
|
|
72
|
+
}.np-form-control--size-lg {
|
|
73
|
+
margin: 0;
|
|
74
|
+
color: #37517e;
|
|
75
|
+
color: var(--color-content-primary);
|
|
76
|
+
line-height: 1.2;
|
|
77
|
+
line-height: var(--line-height-title);
|
|
78
|
+
letter-spacing: 0;
|
|
79
|
+
margin-bottom: 0;
|
|
80
|
+
margin-bottom: initial;
|
|
81
|
+
font-size: 1.375rem;
|
|
82
|
+
font-size: var(--font-size-22);
|
|
83
|
+
font-weight: 600;
|
|
84
|
+
font-weight: var(--font-weight-semi-bold);
|
|
85
|
+
letter-spacing: -0.018em;
|
|
86
|
+
line-height: 125%;
|
|
87
|
+
height: 72px !important;
|
|
88
|
+
height: var(--size-72) !important;
|
|
89
|
+
}.np-form-control--size-lg + p,
|
|
90
|
+
.np-form-control--size-lg + ul:not(.list-unstyled),
|
|
91
|
+
.np-form-control--size-lg + ol:not(.list-unstyled) {
|
|
92
|
+
margin-top: 8px;
|
|
93
|
+
margin-top: var(--size-8);
|
|
94
|
+
}.np-text-area {
|
|
95
|
+
min-height: 72px;
|
|
96
|
+
min-height: var(--size-72);
|
|
97
|
+
scroll-padding-top: 8px;
|
|
98
|
+
scroll-padding-top: var(--size-8);
|
|
99
|
+
scroll-padding-bottom: 8px;
|
|
100
|
+
scroll-padding-bottom: var(--size-8);
|
|
101
|
+
overscroll-behavior: none;
|
|
102
|
+
border-radius: 10px !important;
|
|
103
|
+
border-radius: var(--radius-small) !important;
|
|
104
|
+
}.np-text-area::-moz-placeholder {
|
|
105
|
+
color: #768e9c;
|
|
106
|
+
color: var(--color-content-tertiary);
|
|
107
|
+
}.np-text-area::placeholder {
|
|
108
|
+
color: #768e9c;
|
|
109
|
+
color: var(--color-content-tertiary);
|
|
110
|
+
}
|
|
@@ -1 +1,22 @@
|
|
|
1
|
-
.tw-instructions
|
|
1
|
+
.tw-instructions {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
}
|
|
5
|
+
.tw-instructions .instruction {
|
|
6
|
+
display: flex;
|
|
7
|
+
margin-top: 8px;
|
|
8
|
+
margin-top: var(--padding-x-small);
|
|
9
|
+
}
|
|
10
|
+
.tw-instructions .instruction .do,
|
|
11
|
+
.tw-instructions .instruction .dont {
|
|
12
|
+
flex-shrink: 0;
|
|
13
|
+
margin-right: 8px;
|
|
14
|
+
margin-right: var(--padding-x-small);
|
|
15
|
+
margin-bottom: 0;
|
|
16
|
+
}
|
|
17
|
+
.tw-instructions .instruction .do {
|
|
18
|
+
color: var(--color-sentiment-positive);
|
|
19
|
+
}
|
|
20
|
+
.tw-instructions .instruction .dont {
|
|
21
|
+
color: var(--color-sentiment-negative);
|
|
22
|
+
}
|
package/src/link/Link.css
CHANGED
|
@@ -1 +1,15 @@
|
|
|
1
|
-
a
|
|
1
|
+
a {
|
|
2
|
+
border-radius: 2px;
|
|
3
|
+
}
|
|
4
|
+
.np-link .tw-icon {
|
|
5
|
+
display: flex;
|
|
6
|
+
align-items: center;
|
|
7
|
+
margin-left: 4px;
|
|
8
|
+
margin-left: var(--size-4);
|
|
9
|
+
}
|
|
10
|
+
[dir="rtl"] .np-link .tw-icon {
|
|
11
|
+
margin-right: 4px;
|
|
12
|
+
margin-right: var(--size-4);
|
|
13
|
+
margin-left: 0;
|
|
14
|
+
margin-left: initial;
|
|
15
|
+
}
|