@transferwise/components 0.0.0-experimental-8078c24 → 0.0.0-experimental-7d89ae8

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.
Files changed (159) hide show
  1. package/package.json +3 -3
  2. package/src/accordion/Accordion.css +0 -74
  3. package/src/actionButton/ActionButton.css +0 -64
  4. package/src/actionOption/ActionOption.css +0 -4
  5. package/src/alert/Alert.css +0 -7
  6. package/src/avatar/Avatar.css +0 -250
  7. package/src/avatarLayout/AvatarLayout.css +0 -42
  8. package/src/avatarView/AvatarView.css +0 -44
  9. package/src/avatarView/Dot.css +0 -26
  10. package/src/badge/Badge.css +0 -65
  11. package/src/body/Body.css +0 -3
  12. package/src/button/Button.css +0 -246
  13. package/src/button/Button.vars.css +0 -46
  14. package/src/button/LegacyButton.css +0 -23
  15. package/src/card/Card.css +0 -100
  16. package/src/carousel/Carousel.css +0 -134
  17. package/src/checkboxButton/CheckboxButton.css +0 -43
  18. package/src/chips/Chip.css +0 -190
  19. package/src/circularButton/CircularButton.css +0 -34
  20. package/src/common/Option/Option.css +0 -120
  21. package/src/common/RadioButton/RadioButton.css +0 -4
  22. package/src/common/baseCard/BaseCard.css +0 -49
  23. package/src/common/bottomSheet/BottomSheet.css +0 -53
  24. package/src/common/circle/Circle.css +0 -43
  25. package/src/common/closeButton/CloseButton.css +0 -94
  26. package/src/common/liveRegion/LiveRegion.css +0 -3
  27. package/src/common/panel/Panel.css +0 -73
  28. package/src/container/Container.css +0 -38
  29. package/src/criticalBanner/CriticalCommsBanner.css +0 -63
  30. package/src/dateInput/DateInput.css +0 -16
  31. package/src/dateLookup/DateLookup.css +0 -93
  32. package/src/dateLookup/dateTrigger/DateTrigger.css +0 -29
  33. package/src/decision/Decision.css +0 -17
  34. package/src/definitionList/DefinitionList.css +0 -53
  35. package/src/dimmer/Dimmer.css +0 -70
  36. package/src/divider/Divider.css +0 -24
  37. package/src/drawer/Drawer.css +0 -56
  38. package/src/dropFade/DropFade.css +0 -19
  39. package/src/emphasis/Emphasis.css +0 -31
  40. package/src/expressiveMoneyInput/ExpressiveMoneyInput.css +0 -60
  41. package/src/expressiveMoneyInput/amountInput/AmountInput.css +0 -34
  42. package/src/expressiveMoneyInput/chevron/Chevron.css +0 -12
  43. package/src/expressiveMoneyInput/currencySelector/CurrencySelector.css +0 -6
  44. package/src/field/Field.css +0 -29
  45. package/src/flowNavigation/FlowNavigation.css +0 -76
  46. package/src/flowNavigation/animatedLabel/AnimatedLabel.css +0 -30
  47. package/src/header/Header.css +0 -33
  48. package/src/iconButton/IconButton.css +0 -82
  49. package/src/image/Image.css +0 -13
  50. package/src/info/Info.css +0 -9
  51. package/src/inputs/Input.css +0 -158
  52. package/src/inputs/InputGroup.css +0 -71
  53. package/src/inputs/SelectInput/BottomSheet/SelectInputBottomSheet.css +0 -96
  54. package/src/inputs/SelectInput/ButtonInput/SelectInputButtonInput.css +0 -20
  55. package/src/inputs/SelectInput/ClearButton/SelectInputClearButton.css +0 -46
  56. package/src/inputs/SelectInput/ItemView/SelectInputItemView.css +0 -16
  57. package/src/inputs/SelectInput/Option/SelectInputOption.css +0 -33
  58. package/src/inputs/SelectInput/OptionContent/SelectInputOptionContent.css +0 -37
  59. package/src/inputs/SelectInput/Options/SelectInputOptions.css +0 -81
  60. package/src/inputs/SelectInput/Popover/SelectInputPopover.css +0 -46
  61. package/src/inputs/SelectInput/SelectInput.css +0 -384
  62. package/src/inputs/TextArea.css +0 -161
  63. package/src/instructionsList/InstructionsList.css +0 -26
  64. package/src/legacylistItem/LegacyListItem.css +0 -6
  65. package/src/link/Link.css +0 -24
  66. package/src/listItem/ListItem.css +0 -660
  67. package/src/listItem/ListItem.grid.css +0 -384
  68. package/src/listItem/ListItem.vars.css +0 -0
  69. package/src/listItem/Prompt/ListItemPrompt.css +0 -4
  70. package/src/loader/Loader.css +0 -237
  71. package/src/logo/Logo.css +0 -6
  72. package/src/main.css +0 -34572
  73. package/src/modal/Modal.css +0 -82
  74. package/src/moneyInput/MoneyInput.css +0 -78
  75. package/src/navigationOption/NavigationOption.css +0 -69
  76. package/src/navigationOptionsList/NavigationOptionsList.css +0 -13
  77. package/src/nudge/Nudge.css +0 -206
  78. package/src/overlayHeader/OverlayHeader.css +0 -15
  79. package/src/phoneNumberInput/PhoneNumberInput.css +0 -28
  80. package/src/popover/Popover.css +0 -76
  81. package/src/progress/Progress.css +0 -43
  82. package/src/progressBar/ProgressBar.css +0 -14
  83. package/src/promoCard/PromoCard.css +0 -186
  84. package/src/prompt/ActionPrompt/ActionPrompt.css +0 -30
  85. package/src/prompt/CriticalBanner/CriticalBanner.css +0 -134
  86. package/src/prompt/CriticalBanner/CriticalBanner.vars.css +0 -0
  87. package/src/prompt/InfoPrompt/InfoPrompt.css +0 -57
  88. package/src/prompt/InlinePrompt/InlinePrompt.css +0 -57
  89. package/src/prompt/PrimitivePrompt/PrimitivePrompt.css +0 -51
  90. package/src/prompt/common/Expander/Expander.css +0 -8
  91. package/src/radioGroup/RadioGroup.css +0 -3
  92. package/src/section/Section.css +0 -10
  93. package/src/segmentedControl/SegmentedControl.css +0 -101
  94. package/src/select/Select.css +0 -369
  95. package/src/sentimentSurface/SentimentSurface.css +0 -487
  96. package/src/slidingPanel/SlidingPanel.css +0 -105
  97. package/src/snackbar/Snackbar.css +0 -93
  98. package/src/statusIcon/StatusIcon.css +0 -37
  99. package/src/stepper/Stepper.css +0 -77
  100. package/src/styles/less/accordion.css +0 -255
  101. package/src/styles/less/alerts.css +0 -751
  102. package/src/styles/less/background.css +0 -20
  103. package/src/styles/less/badge.css +0 -90
  104. package/src/styles/less/border-radius.css +0 -3
  105. package/src/styles/less/breadcrumbs.css +0 -20
  106. package/src/styles/less/button-groups.css +0 -495
  107. package/src/styles/less/buttons.css +0 -1390
  108. package/src/styles/less/chevron.css +0 -35
  109. package/src/styles/less/circles.css +0 -248
  110. package/src/styles/less/close.css +0 -47
  111. package/src/styles/less/column-layout.css +0 -164
  112. package/src/styles/less/core/viewport-themes.css +0 -63
  113. package/src/styles/less/currency-flags.css +0 -46
  114. package/src/styles/less/decision.css +0 -136
  115. package/src/styles/less/dropdowns.css +0 -472
  116. package/src/styles/less/droppable.css +0 -221
  117. package/src/styles/less/flex.css +0 -596
  118. package/src/styles/less/footer.css +0 -129
  119. package/src/styles/less/forms/bootstrap-forms.css +0 -2277
  120. package/src/styles/less/forms/checkbox-radio.css +0 -367
  121. package/src/styles/less/grid.css +0 -2369
  122. package/src/styles/less/input-groups.css +0 -2740
  123. package/src/styles/less/link-callout.css +0 -20
  124. package/src/styles/less/list-group.css +0 -350
  125. package/src/styles/less/loaders.css +0 -76
  126. package/src/styles/less/media.css +0 -74
  127. package/src/styles/less/modals.css +0 -185
  128. package/src/styles/less/navbar.css +0 -2406
  129. package/src/styles/less/navs.css +0 -296
  130. package/src/styles/less/neptune-social-media.css +0 -144
  131. package/src/styles/less/neptune.css +0 -25468
  132. package/src/styles/less/panels.css +0 -528
  133. package/src/styles/less/popovers.css +0 -661
  134. package/src/styles/less/process.css +0 -483
  135. package/src/styles/less/progress-bars.css +0 -64
  136. package/src/styles/less/ring.css +0 -55
  137. package/src/styles/less/select.css +0 -99
  138. package/src/styles/less/sequences.css +0 -855
  139. package/src/styles/less/table.css +0 -446
  140. package/src/styles/less/tick.css +0 -32
  141. package/src/styles/less/tooltip.css +0 -160
  142. package/src/styles/less/utilities.css +0 -133
  143. package/src/styles/less/wells.css +0 -60
  144. package/src/styles/variables/legacy-variables.css +0 -0
  145. package/src/styles/variables/neptune-tokens.css +0 -0
  146. package/src/styles/variables/zindex.css +0 -0
  147. package/src/summary/Summary.css +0 -81
  148. package/src/switch/Switch.css +0 -63
  149. package/src/switchOption/SwitchOption.css +0 -4
  150. package/src/table/Table.css +0 -274
  151. package/src/tabs/Tabs.css +0 -121
  152. package/src/tile/Tile.css +0 -68
  153. package/src/tooltip/Tooltip.css +0 -50
  154. package/src/typeahead/Typeahead.css +0 -187
  155. package/src/typeahead/typeaheadOption/TypeaheadOption.css +0 -9
  156. package/src/upload/Upload.css +0 -34
  157. package/src/uploadInput/UploadInput.css +0 -18
  158. package/src/uploadInput/uploadButton/UploadButton.css +0 -90
  159. package/src/uploadInput/uploadItem/UploadItem.css +0 -166
package/src/uploadInput/uploadItem/UploadItem.css DELETED
@@ -1,166 +0,0 @@
1
- .np-upload-input__item {
2
- position: relative;
3
- padding: 16px;
4
- padding: var(--size-16);
5
- display: flex;
6
- align-items: flex-start;
7
- border-left: var(--outerBorder);
8
- border-right: var(--outerBorder);
9
- }
10
- .np-upload-input__item:first-child {
11
- border-top: var(--outerBorder);
12
- border-top-left-radius: 10px;
13
- border-top-left-radius: var(--radius-small);
14
- border-top-right-radius: 10px;
15
- border-top-right-radius: var(--radius-small);
16
- }
17
- .np-upload-input__item + .np-upload-input__item:before {
18
- content: " ";
19
- display: block;
20
- position: absolute;
21
- height: 1px;
22
- left: 16px;
23
- left: var(--size-16);
24
- width: calc(100% - 2 * 16px);
25
- width: calc(100% - 2 * var(--size-16));
26
- top: 0;
27
- background: rgba(0,0,0,0.10196);
28
- background: var(--color-border-neutral);
29
- }
30
- .np-upload-input__item .np-upload-input__item-content {
31
- padding-right: 32px;
32
- padding-right: var(--size-32);
33
- flex: 1;
34
- }
35
- @media (max-width: 320px) {
36
- .np-upload-input__item .np-upload-input__item-content {
37
- padding-right: 64px;
38
- padding-right: var(--size-64);
39
- }
40
- }
41
- .np-upload-input__item .np-upload-input__title,
42
- .np-upload-input__item .np-upload-input__text {
43
- margin: 0;
44
- -moz-text-align-last: left;
45
- text-align-last: left;
46
- color: #5d7079;
47
- color: var(--color-content-secondary);
48
- }
49
- .np-upload-input__item .np-upload-input__title + .np-upload-input__text {
50
- margin-top: 4px;
51
- margin-top: var(--size-4);
52
- }
53
- .np-upload-input__item .np-upload-input__icon {
54
- padding-right: 16px;
55
- padding-right: var(--size-16);
56
- }
57
- .np-upload-input__item .np-upload-input__item-link,
58
- .np-upload-input__item .np-upload-input__item-container {
59
- align-items: flex-start;
60
- display: flex;
61
- width: 100%;
62
- }
63
- .np-upload-input__item .np-upload-input__item-action {
64
- --iconSize: var(--size-24);
65
- --clickAreaSize: 44px;
66
- --buttonTopRightOffset: var(--size-16);
67
- --clickAreaTopRightOffset: calc((var(--clickAreaSize) - var(--iconSize)) * -0.5);
68
- position: absolute;
69
- right: 16px;
70
- right: var(--buttonTopRightOffset);
71
- top: 16px;
72
- top: var(--buttonTopRightOffset);
73
- }
74
- @media (max-width: 320px) {
75
- .np-upload-input__item .np-upload-input__item-action {
76
- --iconSize: var(--size-48);
77
- --clickAreaTopRightOffset: calc(-1 * var(--buttonTopRightOffset));
78
- }
79
- }
80
- .np-upload-input__item .np-upload-input__item-action .np-upload-input__item-button {
81
- -webkit-appearance: none;
82
- -moz-appearance: none;
83
- appearance: none;
84
- height: var(--iconSize);
85
- width: var(--iconSize);
86
- padding: 0 4px;
87
- padding: 0 var(--size-4);
88
- border-radius: 50%;
89
- border: 0;
90
- background-color: rgba(134,167,189,0.10196);
91
- background-color: var(--color-background-neutral);
92
- color: var(--color-interactive-primary);
93
- transition: color, background-color 0.15s ease-in-out;
94
- outline-offset: 0;
95
- display: flex;
96
- align-items: center;
97
- justify-content: center;
98
- }
99
- .np-upload-input__item .np-upload-input__item-action .np-upload-input__item-button:before {
100
- content: '';
101
- display: block;
102
- width: var(--clickAreaSize);
103
- height: var(--clickAreaSize);
104
- border-radius: 50%;
105
- position: absolute;
106
- top: var(--clickAreaTopRightOffset);
107
- right: var(--clickAreaTopRightOffset);
108
- }
109
- .np-upload-input__item .np-upload-input__item-action .np-upload-input__item-button:hover {
110
- background-color: var(--color-sentiment-negative);
111
- color: var(--color-contrast-overlay) !important;
112
- }
113
- .np-upload-input__item .np-upload-input__item-action .np-upload-input__item-button:active {
114
- background-color: var(--color-background-neutral-active);
115
- }
116
- .np-upload-input__item.is-interactive {
117
- padding: 0;
118
- }
119
- .np-upload-input__item.is-interactive:hover:not(:has(.np-upload-input__item-button:hover)):before,
120
- .np-upload-input__item.is-interactive:hover:not(:has(.np-upload-input__item-button:hover)) + .np-upload-input__item:before {
121
- width: 100%;
122
- left: 0;
123
- }
124
- .np-upload-input__item.is-interactive .np-upload-input__item-link {
125
- padding: 16px;
126
- padding: var(--size-16);
127
- -webkit-text-decoration: none;
128
- text-decoration: none;
129
- border-radius: inherit;
130
- border-top: 1px solid transparent;
131
- background-clip: padding-box;
132
- }
133
- .np-upload-input__item.is-interactive .np-upload-input__item-link:focus-visible {
134
- outline-offset: -2px;
135
- outline-width: 3px;
136
- }
137
- .np-upload-input__item.is-interactive .np-upload-input__item-link:hover,
138
- .np-upload-input__item.is-interactive .np-upload-input__item-link:active {
139
- background-color: rgba(134,167,189,0.10196);
140
- background-color: var(--color-background-neutral);
141
- }
142
- .np-upload-input__item.is-interactive:first-child .np-upload-input__item-link {
143
- border-top-width: 0;
144
- }
145
- .np-upload-input__item .np-upload-input-errors {
146
- padding-left: 0;
147
- list-style-type: "";
148
- }
149
- .np-upload-input__item .np-upload-input-errors > li {
150
- position: relative;
151
- padding-left: 16px;
152
- padding-left: var(--size-16);
153
- }
154
- .np-upload-input__item .np-upload-input-errors > li::before {
155
- content: '•' ;
156
- content: '•' / '';
157
- position: absolute;
158
- display: block;
159
- left: 0;
160
- }
161
- @media (max-width: 320px) {
162
- .np-upload-input__item .np-upload-input-errors > li {
163
- padding-left: 32px;
164
- padding-left: var(--size-32);
165
- }
166
- }