@transferwise/components 46.126.0 → 46.128.0

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 (128) hide show
  1. package/build/alert/Alert.js +3 -0
  2. package/build/alert/Alert.js.map +1 -1
  3. package/build/alert/Alert.mjs +3 -0
  4. package/build/alert/Alert.mjs.map +1 -1
  5. package/build/index.js +1 -0
  6. package/build/index.js.map +1 -1
  7. package/build/index.mjs +1 -1
  8. package/build/inputs/SelectInput.js +81 -12
  9. package/build/inputs/SelectInput.js.map +1 -1
  10. package/build/inputs/SelectInput.mjs +81 -13
  11. package/build/inputs/SelectInput.mjs.map +1 -1
  12. package/build/listItem/Prompt/ListItemPrompt.js +5 -4
  13. package/build/listItem/Prompt/ListItemPrompt.js.map +1 -1
  14. package/build/listItem/Prompt/ListItemPrompt.mjs +6 -2
  15. package/build/listItem/Prompt/ListItemPrompt.mjs.map +1 -1
  16. package/build/main.css +36 -28
  17. package/build/prompt/ActionPrompt/ActionPrompt.js +6 -4
  18. package/build/prompt/ActionPrompt/ActionPrompt.js.map +1 -1
  19. package/build/prompt/ActionPrompt/ActionPrompt.mjs +6 -4
  20. package/build/prompt/ActionPrompt/ActionPrompt.mjs.map +1 -1
  21. package/build/prompt/InfoPrompt/InfoPrompt.js.map +1 -1
  22. package/build/prompt/InfoPrompt/InfoPrompt.mjs.map +1 -1
  23. package/build/prompt/InlinePrompt/InlinePrompt.js +1 -1
  24. package/build/prompt/InlinePrompt/InlinePrompt.js.map +1 -1
  25. package/build/prompt/InlinePrompt/InlinePrompt.mjs +1 -1
  26. package/build/prompt/InlinePrompt/InlinePrompt.mjs.map +1 -1
  27. package/build/styles/main.css +36 -28
  28. package/build/styles/prompt/ActionPrompt/ActionPrompt.css +4 -0
  29. package/build/styles/prompt/InfoPrompt/InfoPrompt.css +7 -5
  30. package/build/styles/prompt/InlinePrompt/InlinePrompt.css +3 -2
  31. package/build/styles/prompt/PrimitivePrompt/PrimitivePrompt.css +1 -0
  32. package/build/styles/sentimentSurface/SentimentSurface.css +21 -21
  33. package/build/types/alert/Alert.d.ts +15 -0
  34. package/build/types/alert/Alert.d.ts.map +1 -1
  35. package/build/types/index.d.ts +1 -1
  36. package/build/types/index.d.ts.map +1 -1
  37. package/build/types/inputs/SelectInput.d.ts +19 -0
  38. package/build/types/inputs/SelectInput.d.ts.map +1 -1
  39. package/build/types/listItem/ListItem.d.ts +1 -1
  40. package/build/types/listItem/Prompt/ListItemPrompt.d.ts +2 -3
  41. package/build/types/listItem/Prompt/ListItemPrompt.d.ts.map +1 -1
  42. package/build/types/prompt/ActionPrompt/ActionPrompt.d.ts +7 -0
  43. package/build/types/prompt/ActionPrompt/ActionPrompt.d.ts.map +1 -1
  44. package/build/types/prompt/InfoPrompt/InfoPrompt.d.ts +4 -2
  45. package/build/types/prompt/InfoPrompt/InfoPrompt.d.ts.map +1 -1
  46. package/package.json +3 -3
  47. package/src/accordion/Accordion.test.js +0 -6
  48. package/src/accordion/AccordionItem/AccordionItem.test.js +0 -10
  49. package/src/actionButton/ActionButton.test.tsx +0 -4
  50. package/src/alert/Alert.story.tsx +4 -0
  51. package/src/alert/Alert.test.story.tsx +1 -1
  52. package/src/alert/Alert.tsx +16 -0
  53. package/src/avatarWrapper/AvatarWrapper.test.tsx +0 -53
  54. package/src/checkbox/Checkbox.test.tsx +0 -5
  55. package/src/chevron/Chevron.test.tsx +0 -7
  56. package/src/chips/Chips.test.tsx +0 -8
  57. package/src/common/RadioButton/RadioButton.test.tsx +0 -18
  58. package/src/common/bottomSheet/BottomSheet.test.tsx +0 -9
  59. package/src/common/card/Card.test.tsx +0 -6
  60. package/src/common/closeButton/CloseButton.test.tsx +0 -4
  61. package/src/common/panel/Panel.test.tsx +0 -6
  62. package/src/flowNavigation/FlowNavigation.test.js +0 -10
  63. package/src/iconButton/IconButton.story.tsx +173 -48
  64. package/src/iconButton/IconButton.test.story.tsx +194 -0
  65. package/src/index.ts +1 -0
  66. package/src/inputs/SelectInput.story.tsx +33 -20
  67. package/src/inputs/SelectInput.test.story.tsx +1285 -5
  68. package/src/inputs/SelectInput.tsx +93 -15
  69. package/src/listItem/Prompt/ListItemPrompt.story.tsx +71 -9
  70. package/src/listItem/Prompt/ListItemPrompt.test.tsx +31 -0
  71. package/src/listItem/Prompt/ListItemPrompt.tsx +8 -2
  72. package/src/listItem/_stories/ListItem.story.tsx +0 -1
  73. package/src/logo/Logo.story.tsx +24 -5
  74. package/src/main.css +36 -28
  75. package/src/overlayHeader/OverlayHeader.test.tsx +0 -3
  76. package/src/popover/Popover.test.tsx +0 -25
  77. package/src/promoCard/PromoCard.test.tsx +0 -6
  78. package/src/promoCard/PromoCardGroup.test.tsx +0 -5
  79. package/src/prompt/ActionPrompt/ActionPrompt.accessibility.docs.mdx +2 -18
  80. package/src/prompt/ActionPrompt/ActionPrompt.css +4 -0
  81. package/src/prompt/ActionPrompt/ActionPrompt.less +5 -1
  82. package/src/prompt/ActionPrompt/ActionPrompt.story.tsx +323 -108
  83. package/src/prompt/ActionPrompt/ActionPrompt.test.story.tsx +86 -3
  84. package/src/prompt/ActionPrompt/ActionPrompt.tsx +17 -6
  85. package/src/prompt/InfoPrompt/InfoPrompt.accessibility.docs.mdx +79 -0
  86. package/src/prompt/InfoPrompt/InfoPrompt.css +7 -5
  87. package/src/prompt/InfoPrompt/InfoPrompt.less +8 -8
  88. package/src/prompt/InfoPrompt/InfoPrompt.story.tsx +112 -82
  89. package/src/prompt/InfoPrompt/InfoPrompt.test.story.tsx +54 -1
  90. package/src/prompt/InfoPrompt/InfoPrompt.tsx +4 -2
  91. package/src/prompt/InlinePrompt/InlinePrompt.accessibility.docs.mdx +63 -0
  92. package/src/prompt/InlinePrompt/InlinePrompt.css +3 -2
  93. package/src/prompt/InlinePrompt/InlinePrompt.less +2 -2
  94. package/src/prompt/InlinePrompt/InlinePrompt.story.tsx +38 -40
  95. package/src/prompt/InlinePrompt/InlinePrompt.test.story.tsx +21 -0
  96. package/src/prompt/InlinePrompt/InlinePrompt.test.tsx +23 -4
  97. package/src/prompt/InlinePrompt/InlinePrompt.tsx +1 -1
  98. package/src/prompt/PrimitivePrompt/PrimitivePrompt.css +1 -0
  99. package/src/prompt/PrimitivePrompt/PrimitivePrompt.less +2 -1
  100. package/src/sentimentSurface/SentimentSurface.css +21 -21
  101. package/src/sentimentSurface/SentimentSurface.docs.mdx +1 -1
  102. package/src/sentimentSurface/SentimentSurface.less +13 -13
  103. package/src/sentimentSurface/SentimentSurface.test.story.tsx +47 -0
  104. package/src/tile/Tile.test.tsx +0 -10
  105. package/src/tooltip/Tooltip.test.tsx +0 -10
  106. package/src/accordion/AccordionItem/__snapshots__/AccordionItem.test.js.snap +0 -124
  107. package/src/accordion/__snapshots__/Accordion.test.js.snap +0 -3
  108. package/src/actionButton/__snapshots__/ActionButton.test.tsx.snap +0 -12
  109. package/src/avatarWrapper/__snapshots__/AvatarWrapper.test.tsx.snap +0 -156
  110. package/src/checkbox/__snapshots__/Checkbox.test.tsx.snap +0 -40
  111. package/src/chevron/__snapshots__/Chevron.test.tsx.snap +0 -24
  112. package/src/chips/__snapshots__/Chips.test.tsx.snap +0 -153
  113. package/src/common/RadioButton/__snapshots__/RadioButton.test.tsx.snap +0 -58
  114. package/src/common/bottomSheet/__snapshots__/BottomSheet.test.tsx.snap +0 -80
  115. package/src/common/card/__snapshots__/Card.test.tsx.snap +0 -10
  116. package/src/common/closeButton/__snapshots__/CloseButton.test.tsx.snap +0 -30
  117. package/src/common/flowHeader/FlowHeader.test.tsx +0 -22
  118. package/src/common/flowHeader/__snapshots__/FlowHeader.test.tsx.snap +0 -33
  119. package/src/common/panel/__snapshots__/Panel.test.tsx.snap +0 -3
  120. package/src/flowNavigation/__snapshots__/FlowNavigation.test.js.snap +0 -262
  121. package/src/logo/Logo.test.tsx +0 -55
  122. package/src/logo/__snapshots__/Logo.test.tsx.snap +0 -281
  123. package/src/overlayHeader/__snapshots__/OverlayHeader.test.tsx.snap +0 -65
  124. package/src/popover/__snapshots__/Popover.test.tsx.snap +0 -51
  125. package/src/promoCard/__snapshots__/PromoCard.test.tsx.snap +0 -40
  126. package/src/promoCard/__snapshots__/PromoCardGroup.test.tsx.snap +0 -80
  127. package/src/tile/__snapshots__/Tile.test.tsx.snap +0 -55
  128. package/src/tooltip/__snapshots__/Tooltip.test.tsx.snap +0 -32
@@ -1,262 +0,0 @@
1
- // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
-
3
- exports[`FlowNavigation on mobile renders as expected 1`] = `
4
- <div>
5
- <div
6
- class="np-flow-navigation d-flex align-items-center justify-content-center p-y-3 np-flow-navigation--border-bottom"
7
- >
8
- <div
9
- class="np-flow-header d-flex flex-wrap align-items-center justify-content-between flex__item--12 np-flow-navigation__content p-x-3 np-flow-navigation--xs-max"
10
- >
11
- <button
12
- aria-label="back to previous step"
13
- aria-live="off"
14
- class="np-circle d-flex align-items-center justify-content-center np-icon-button np-icon-button-tertiary-default"
15
- style="--circle-size: 40px; --circle-icon-size: 20px; --circle-font-size: 18px;"
16
- type="button"
17
- >
18
- <span
19
- class="tw-icon tw-icon-arrow-left "
20
- data-testid="arrow-left-icon"
21
- >
22
- <svg
23
- aria-hidden="true"
24
- fill="currentColor"
25
- focusable="false"
26
- height="16"
27
- role="none"
28
- viewBox="0 0 24 24"
29
- width="16"
30
- >
31
- <path
32
- clip-rule="evenodd"
33
- d="m5.414 11 6.293-6.293-1.414-1.414L2.3 11.286a1.01 1.01 0 0 0 0 1.428l7.993 7.993 1.414-1.414L5.414 13H22v-2z"
34
- fill-rule="evenodd"
35
- />
36
- </svg>
37
- </span>
38
- </button>
39
- <div
40
- class="m-x-1"
41
- data-testid="activeLabel-1"
42
- >
43
- AnimatedLabel
44
- </div>
45
- <div
46
- class="np-flow-header__right d-flex align-items-center justify-content-end order-2--lg"
47
- >
48
- <div
49
- class="np-circle d-flex align-items-center justify-content-center np-avatar-view np-avatar-view-non-interactive"
50
- style="--circle-size: 48px; --circle-icon-size: 24px; --circle-font-size: 22px;"
51
- >
52
- <div
53
- class="np-circle np-circle-border d-flex align-items-center justify-content-center np-avatar-view-content"
54
- style="--circle-size: 48px; --circle-icon-size: 24px; --circle-font-size: 22px;"
55
- >
56
- TM
57
- </div>
58
- </div>
59
- <span
60
- class="m-x-1"
61
- />
62
- <button
63
- aria-label="Close"
64
- class="np-close-button close btn-link text-no-decoration np-close-button--x-large"
65
- type="button"
66
- >
67
- <span
68
- class="tw-icon tw-icon-cross "
69
- data-testid="cross-icon"
70
- >
71
- <svg
72
- aria-hidden="true"
73
- fill="currentColor"
74
- focusable="false"
75
- height="24"
76
- role="none"
77
- viewBox="0 0 24 24"
78
- width="24"
79
- >
80
- <path
81
- d="m12 13.414-7.293 7.293-1.414-1.414L10.586 12 3.293 4.707l1.414-1.414L12 10.586l7.293-7.293 1.414 1.414L13.414 12l7.293 7.293-1.414 1.414z"
82
- />
83
- </svg>
84
- </span>
85
- </button>
86
- </div>
87
- <div
88
- class="align-items-center d-flex justify-content-center flex__item--12"
89
- >
90
- <div
91
- class="tw-stepper np-flow-navigation__stepper"
92
- >
93
- <div
94
- class="progress"
95
- >
96
- <div
97
- class="progress-bar"
98
- data-testid="progress-bar"
99
- />
100
- </div>
101
- <ol
102
- class="tw-stepper-steps p-t-1 m-b-0"
103
- >
104
- <li
105
- aria-current="false"
106
- class="hidden-xs tw-stepper__step np-text-body-default"
107
- style="left: 0%;"
108
- >
109
- <span
110
- class="tw-stepper__step-label"
111
- >
112
- label-0
113
- </span>
114
- </li>
115
- <li
116
- aria-current="step"
117
- class="hidden-xs tw-stepper__step np-text-body-default-bold tw-stepper__step--active"
118
- style="left: 50%;"
119
- >
120
- <span
121
- class="tw-stepper__step-label"
122
- >
123
- label-1
124
- </span>
125
- </li>
126
- <li
127
- aria-current="false"
128
- class="hidden-xs tw-stepper__step np-text-body-default"
129
- style="left: 100%;"
130
- >
131
- <span
132
- class="tw-stepper__step-label"
133
- >
134
- label-2
135
- </span>
136
- </li>
137
- </ol>
138
- </div>
139
- </div>
140
- </div>
141
- </div>
142
- </div>
143
- `;
144
-
145
- exports[`FlowNavigation renders as expected 1`] = `
146
- <div>
147
- <div
148
- class="np-flow-navigation d-flex align-items-center justify-content-center p-y-3 np-flow-navigation--border-bottom"
149
- >
150
- <div
151
- class="np-flow-header d-flex flex-wrap align-items-center justify-content-between flex__item--12 np-flow-navigation__content p-x-3 np-flow-navigation--sm np-flow-navigation--lg"
152
- >
153
- <div
154
- class="np-flow-header__left"
155
- >
156
- <img
157
- alt="logo"
158
- height="24"
159
- src="logo.svg"
160
- width="138"
161
- />
162
- </div>
163
- <div
164
- class="np-flow-header__right d-flex align-items-center justify-content-end order-2--lg"
165
- >
166
- <div
167
- class="np-circle d-flex align-items-center justify-content-center np-avatar-view np-avatar-view-non-interactive"
168
- style="--circle-size: 48px; --circle-icon-size: 24px; --circle-font-size: 22px;"
169
- >
170
- <div
171
- class="np-circle np-circle-border d-flex align-items-center justify-content-center np-avatar-view-content"
172
- style="--circle-size: 48px; --circle-icon-size: 24px; --circle-font-size: 22px;"
173
- >
174
- TM
175
- </div>
176
- </div>
177
- <span
178
- class="m-x-1"
179
- />
180
- <button
181
- aria-label="Close"
182
- class="np-close-button close btn-link text-no-decoration np-close-button--x-large"
183
- type="button"
184
- >
185
- <span
186
- class="tw-icon tw-icon-cross "
187
- data-testid="cross-icon"
188
- >
189
- <svg
190
- aria-hidden="true"
191
- fill="currentColor"
192
- focusable="false"
193
- height="24"
194
- role="none"
195
- viewBox="0 0 24 24"
196
- width="24"
197
- >
198
- <path
199
- d="m12 13.414-7.293 7.293-1.414-1.414L10.586 12 3.293 4.707l1.414-1.414L12 10.586l7.293-7.293 1.414 1.414L13.414 12l7.293 7.293-1.414 1.414z"
200
- />
201
- </svg>
202
- </span>
203
- </button>
204
- </div>
205
- <div
206
- class="align-items-center d-flex justify-content-center order-1 flex-grow-1"
207
- >
208
- <div
209
- class="tw-stepper np-flow-navigation__stepper"
210
- >
211
- <div
212
- class="progress"
213
- >
214
- <div
215
- class="progress-bar"
216
- data-testid="progress-bar"
217
- style="width: 0%;"
218
- />
219
- </div>
220
- <ol
221
- class="tw-stepper-steps p-t-1 m-b-0"
222
- >
223
- <li
224
- aria-current="step"
225
- class="hidden-xs tw-stepper__step np-text-body-default-bold tw-stepper__step--active"
226
- style="left: 0%;"
227
- >
228
- <span
229
- class="tw-stepper__step-label"
230
- >
231
- label-0
232
- </span>
233
- </li>
234
- <li
235
- aria-current="false"
236
- class="hidden-xs tw-stepper__step np-text-body-default"
237
- style="left: 50%;"
238
- >
239
- <span
240
- class="tw-stepper__step-label"
241
- >
242
- label-1
243
- </span>
244
- </li>
245
- <li
246
- aria-current="false"
247
- class="hidden-xs tw-stepper__step np-text-body-default"
248
- style="left: 100%;"
249
- >
250
- <span
251
- class="tw-stepper__step-label"
252
- >
253
- label-2
254
- </span>
255
- </li>
256
- </ol>
257
- </div>
258
- </div>
259
- </div>
260
- </div>
261
- </div>
262
- `;
@@ -1,55 +0,0 @@
1
- import { render, mockMatchMedia } from '../test-utils';
2
-
3
- import Logo, { LogoType } from '.';
4
-
5
- mockMatchMedia();
6
-
7
- describe('Logo', () => {
8
- it('renders wise logo', () => {
9
- expect(render(<Logo className="class" type={LogoType.WISE} />).container).toMatchSnapshot();
10
- });
11
-
12
- it('renders wise logo by default', () => {
13
- expect(render(<Logo className="class" />).container).toMatchSnapshot();
14
- });
15
-
16
- it('renders wise business logo', () => {
17
- expect(
18
- render(<Logo className="class" type={LogoType.WISE_BUSINESS} />).container,
19
- ).toMatchSnapshot();
20
- });
21
-
22
- it('renders wise platform logo', () => {
23
- expect(
24
- render(<Logo className="class" type={LogoType.WISE_PLATFORM} />).container,
25
- ).toMatchSnapshot();
26
- });
27
-
28
- it('renders wise logo inversed', () => {
29
- expect(
30
- render(<Logo className="class" type={LogoType.WISE} inverse />).container,
31
- ).toMatchSnapshot();
32
- });
33
-
34
- it('renders wise business logo inversed', () => {
35
- expect(
36
- render(<Logo className="class" type={LogoType.WISE_BUSINESS} inverse />).container,
37
- ).toMatchSnapshot();
38
- });
39
-
40
- it('renders wise platform logo inversed', () => {
41
- expect(
42
- render(<Logo className="class" type={LogoType.WISE_PLATFORM} inverse />).container,
43
- ).toMatchSnapshot();
44
- });
45
-
46
- describe('on mobile', () => {
47
- beforeEach(() => {
48
- window.innerWidth = 500;
49
- });
50
-
51
- it('renders only fast flag', () => {
52
- expect(render(<Logo className="class" type={LogoType.WISE} />).container).toMatchSnapshot();
53
- });
54
- });
55
- });
@@ -1,281 +0,0 @@
1
- // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
-
3
- exports[`Logo on mobile renders only fast flag 1`] = `
4
- <div>
5
- <span
6
- aria-label="Wise"
7
- class="class np-logo"
8
- role="img"
9
- >
10
- <svg
11
- class="np-logo-svg np-logo-svg--size-sm"
12
- fill="none"
13
- height="24"
14
- width="26"
15
- xmlns="http://www.w3.org/2000/svg"
16
- >
17
- <path
18
- d="M6.82603 7.23227 0 15.2096h12.1882l1.3696-3.7616H8.33504l3.19126-3.68968.0102-.09787-2.07504-3.57192h9.33564L11.5604 24h4.9522l8.7385-24H2.6758l4.15023 7.23227Z"
19
- fill="#163300"
20
- />
21
- </svg>
22
- <svg
23
- class="np-logo-svg np-logo-svg--size-md"
24
- fill="none"
25
- height="24"
26
- width="106"
27
- xmlns="http://www.w3.org/2000/svg"
28
- >
29
- <path
30
- d="M58.7377.358803h6.4982L61.9668 23.681h-6.4983L58.7377.358803Zm-8.1922 0L46.1602 13.794 44.2465.358803h-4.5448L33.9608 13.7541 33.2433.358803h-6.2991L29.1369 23.681h5.2226L40.818 8.93022 43.0904 23.681h5.1428L56.7249.358803h-6.1794ZM105.103 13.9136H89.6744c.0798 3.0299 1.8937 5.0233 4.5648 5.0233 2.0133 0 3.608-1.0765 4.8439-3.1296l5.2079 2.3674C102.501 21.7017 98.729 24 94.0798 24 87.741 24 83.535 19.7342 83.535 12.8771 83.535 5.34221 88.4784 0 95.4552 0c6.1398 0 10.0068 4.14618 10.0068 10.6046 0 1.0765-.12 2.1528-.359 3.309Zm-5.7807-4.46512c0-2.71095-1.515-4.42525-3.9468-4.42525-2.5117 0-4.5848 1.79402-5.143 4.42525h9.0898ZM6.63326 7.38685 0 15.1389h11.844l1.3309-3.6553H8.09965l3.10105-3.58555.01-.09511L9.19424 4.3319h9.07196l-7.0323 19.3492h4.8124L24.538.358823H2.60021L6.63326 7.38685Zm69.16744-2.3636c2.2923 0 4.301 1.23273 6.0551 3.34565l.9216-6.57488C81.1429.687707 78.9303 0 76 0c-5.8205 0-9.0896 3.40865-9.0896 7.73421 0 2.99999 1.6744 4.83389 4.4252 6.01989l1.3156.598c2.4518 1.0466 3.1097 1.5649 3.1097 2.6712 0 1.1461-1.1064 1.8737-2.7907 1.8737-2.7808.01-5.0332-1.4153-6.7276-3.8472l-.939 6.699C67.2332 23.2201 69.7067 24 72.9702 24c5.5315 0 8.9302-3.1894 8.9302-7.6147 0-3.0099-1.3355-4.9434-4.7044-6.4584l-1.4351-.67772c-1.9934-.88708-2.6711-1.37543-2.6711-2.35216 0-1.05647.9269-1.87377 2.7109-1.87377Z"
31
- fill="#163300"
32
- />
33
- </svg>
34
- </span>
35
- </div>
36
- `;
37
-
38
- exports[`Logo renders wise business logo 1`] = `
39
- <div>
40
- <span
41
- aria-label="Wise Business"
42
- class="class np-logo"
43
- role="img"
44
- >
45
- <svg
46
- class="np-logo-svg np-logo-svg--size-sm"
47
- fill="none"
48
- height="24"
49
- width="26"
50
- xmlns="http://www.w3.org/2000/svg"
51
- >
52
- <path
53
- d="M6.82603 7.23227 0 15.2096h12.1882l1.3696-3.7616H8.33504l3.19126-3.68968.0102-.09787-2.07504-3.57192h9.33564L11.5604 24h4.9522l8.7385-24H2.6758l4.15023 7.23227Z"
54
- fill="#163300"
55
- />
56
- </svg>
57
- <svg
58
- class="np-logo-svg np-logo-svg--size-md"
59
- fill="none"
60
- height="24"
61
- width="106"
62
- xmlns="http://www.w3.org/2000/svg"
63
- >
64
- <path
65
- d="M58.7377.358803h6.4982L61.9668 23.681h-6.4983L58.7377.358803Zm-8.1922 0L46.1602 13.794 44.2465.358803h-4.5448L33.9608 13.7541 33.2433.358803h-6.2991L29.1369 23.681h5.2226L40.818 8.93022 43.0904 23.681h5.1428L56.7249.358803h-6.1794ZM105.103 13.9136H89.6744c.0798 3.0299 1.8937 5.0233 4.5648 5.0233 2.0133 0 3.608-1.0765 4.8439-3.1296l5.2079 2.3674C102.501 21.7017 98.729 24 94.0798 24 87.741 24 83.535 19.7342 83.535 12.8771 83.535 5.34221 88.4784 0 95.4552 0c6.1398 0 10.0068 4.14618 10.0068 10.6046 0 1.0765-.12 2.1528-.359 3.309Zm-5.7807-4.46512c0-2.71095-1.515-4.42525-3.9468-4.42525-2.5117 0-4.5848 1.79402-5.143 4.42525h9.0898ZM6.63326 7.38685 0 15.1389h11.844l1.3309-3.6553H8.09965l3.10105-3.58555.01-.09511L9.19424 4.3319h9.07196l-7.0323 19.3492h4.8124L24.538.358823H2.60021L6.63326 7.38685Zm69.16744-2.3636c2.2923 0 4.301 1.23273 6.0551 3.34565l.9216-6.57488C81.1429.687707 78.9303 0 76 0c-5.8205 0-9.0896 3.40865-9.0896 7.73421 0 2.99999 1.6744 4.83389 4.4252 6.01989l1.3156.598c2.4518 1.0466 3.1097 1.5649 3.1097 2.6712 0 1.1461-1.1064 1.8737-2.7907 1.8737-2.7808.01-5.0332-1.4153-6.7276-3.8472l-.939 6.699C67.2332 23.2201 69.7067 24 72.9702 24c5.5315 0 8.9302-3.1894 8.9302-7.6147 0-3.0099-1.3355-4.9434-4.7044-6.4584l-1.4351-.67772c-1.9934-.88708-2.6711-1.37543-2.6711-2.35216 0-1.05647.9269-1.87377 2.7109-1.87377Z"
66
- fill="#163300"
67
- />
68
- </svg>
69
- </span>
70
- </div>
71
- `;
72
-
73
- exports[`Logo renders wise business logo inversed 1`] = `
74
- <div>
75
- <span
76
- aria-label="Wise Business"
77
- class="class np-logo"
78
- role="img"
79
- >
80
- <svg
81
- class="np-logo-svg np-logo-svg--size-sm"
82
- fill="none"
83
- height="24"
84
- width="26"
85
- xmlns="http://www.w3.org/2000/svg"
86
- >
87
- <path
88
- d="M6.82603 7.23227 0 15.2096h12.1882l1.3696-3.7616H8.33504l3.19126-3.68968.0102-.09787-2.07504-3.57192h9.33564L11.5604 24h4.9522l8.7385-24H2.6758l4.15023 7.23227Z"
89
- fill="#9FE870"
90
- />
91
- </svg>
92
- <svg
93
- class="np-logo-svg np-logo-svg--size-md"
94
- fill="none"
95
- height="24"
96
- width="106"
97
- xmlns="http://www.w3.org/2000/svg"
98
- >
99
- <path
100
- d="M58.7377.358803h6.4982L61.9668 23.681h-6.4983L58.7377.358803Zm-8.1922 0L46.1602 13.794 44.2465.358803h-4.5448L33.9608 13.7541 33.2433.358803h-6.2991L29.1369 23.681h5.2226L40.818 8.93022 43.0904 23.681h5.1428L56.7249.358803h-6.1794ZM105.103 13.9136H89.6744c.0798 3.0299 1.8937 5.0233 4.5648 5.0233 2.0133 0 3.608-1.0765 4.8439-3.1296l5.2079 2.3674C102.501 21.7017 98.729 24 94.0798 24 87.741 24 83.535 19.7342 83.535 12.8771 83.535 5.34221 88.4784 0 95.4552 0c6.1398 0 10.0068 4.14618 10.0068 10.6046 0 1.0765-.12 2.1528-.359 3.309Zm-5.7807-4.46512c0-2.71095-1.515-4.42525-3.9468-4.42525-2.5117 0-4.5848 1.79402-5.143 4.42525h9.0898ZM6.63326 7.38685 0 15.1389h11.844l1.3309-3.6553H8.09965l3.10105-3.58555.01-.09511L9.19424 4.3319h9.07196l-7.0323 19.3492h4.8124L24.538.358823H2.60021L6.63326 7.38685Zm69.16744-2.3636c2.2923 0 4.301 1.23273 6.0551 3.34565l.9216-6.57488C81.1429.687707 78.9303 0 76 0c-5.8205 0-9.0896 3.40865-9.0896 7.73421 0 2.99999 1.6744 4.83389 4.4252 6.01989l1.3156.598c2.4518 1.0466 3.1097 1.5649 3.1097 2.6712 0 1.1461-1.1064 1.8737-2.7907 1.8737-2.7808.01-5.0332-1.4153-6.7276-3.8472l-.939 6.699C67.2332 23.2201 69.7067 24 72.9702 24c5.5315 0 8.9302-3.1894 8.9302-7.6147 0-3.0099-1.3355-4.9434-4.7044-6.4584l-1.4351-.67772c-1.9934-.88708-2.6711-1.37543-2.6711-2.35216 0-1.05647.9269-1.87377 2.7109-1.87377Z"
101
- fill="#9FE870"
102
- />
103
- </svg>
104
- </span>
105
- </div>
106
- `;
107
-
108
- exports[`Logo renders wise logo 1`] = `
109
- <div>
110
- <span
111
- aria-label="Wise"
112
- class="class np-logo"
113
- role="img"
114
- >
115
- <svg
116
- class="np-logo-svg np-logo-svg--size-sm"
117
- fill="none"
118
- height="24"
119
- width="26"
120
- xmlns="http://www.w3.org/2000/svg"
121
- >
122
- <path
123
- d="M6.82603 7.23227 0 15.2096h12.1882l1.3696-3.7616H8.33504l3.19126-3.68968.0102-.09787-2.07504-3.57192h9.33564L11.5604 24h4.9522l8.7385-24H2.6758l4.15023 7.23227Z"
124
- fill="#163300"
125
- />
126
- </svg>
127
- <svg
128
- class="np-logo-svg np-logo-svg--size-md"
129
- fill="none"
130
- height="24"
131
- width="106"
132
- xmlns="http://www.w3.org/2000/svg"
133
- >
134
- <path
135
- d="M58.7377.358803h6.4982L61.9668 23.681h-6.4983L58.7377.358803Zm-8.1922 0L46.1602 13.794 44.2465.358803h-4.5448L33.9608 13.7541 33.2433.358803h-6.2991L29.1369 23.681h5.2226L40.818 8.93022 43.0904 23.681h5.1428L56.7249.358803h-6.1794ZM105.103 13.9136H89.6744c.0798 3.0299 1.8937 5.0233 4.5648 5.0233 2.0133 0 3.608-1.0765 4.8439-3.1296l5.2079 2.3674C102.501 21.7017 98.729 24 94.0798 24 87.741 24 83.535 19.7342 83.535 12.8771 83.535 5.34221 88.4784 0 95.4552 0c6.1398 0 10.0068 4.14618 10.0068 10.6046 0 1.0765-.12 2.1528-.359 3.309Zm-5.7807-4.46512c0-2.71095-1.515-4.42525-3.9468-4.42525-2.5117 0-4.5848 1.79402-5.143 4.42525h9.0898ZM6.63326 7.38685 0 15.1389h11.844l1.3309-3.6553H8.09965l3.10105-3.58555.01-.09511L9.19424 4.3319h9.07196l-7.0323 19.3492h4.8124L24.538.358823H2.60021L6.63326 7.38685Zm69.16744-2.3636c2.2923 0 4.301 1.23273 6.0551 3.34565l.9216-6.57488C81.1429.687707 78.9303 0 76 0c-5.8205 0-9.0896 3.40865-9.0896 7.73421 0 2.99999 1.6744 4.83389 4.4252 6.01989l1.3156.598c2.4518 1.0466 3.1097 1.5649 3.1097 2.6712 0 1.1461-1.1064 1.8737-2.7907 1.8737-2.7808.01-5.0332-1.4153-6.7276-3.8472l-.939 6.699C67.2332 23.2201 69.7067 24 72.9702 24c5.5315 0 8.9302-3.1894 8.9302-7.6147 0-3.0099-1.3355-4.9434-4.7044-6.4584l-1.4351-.67772c-1.9934-.88708-2.6711-1.37543-2.6711-2.35216 0-1.05647.9269-1.87377 2.7109-1.87377Z"
136
- fill="#163300"
137
- />
138
- </svg>
139
- </span>
140
- </div>
141
- `;
142
-
143
- exports[`Logo renders wise logo by default 1`] = `
144
- <div>
145
- <span
146
- aria-label="Wise"
147
- class="class np-logo"
148
- role="img"
149
- >
150
- <svg
151
- class="np-logo-svg np-logo-svg--size-sm"
152
- fill="none"
153
- height="24"
154
- width="26"
155
- xmlns="http://www.w3.org/2000/svg"
156
- >
157
- <path
158
- d="M6.82603 7.23227 0 15.2096h12.1882l1.3696-3.7616H8.33504l3.19126-3.68968.0102-.09787-2.07504-3.57192h9.33564L11.5604 24h4.9522l8.7385-24H2.6758l4.15023 7.23227Z"
159
- fill="#163300"
160
- />
161
- </svg>
162
- <svg
163
- class="np-logo-svg np-logo-svg--size-md"
164
- fill="none"
165
- height="24"
166
- width="106"
167
- xmlns="http://www.w3.org/2000/svg"
168
- >
169
- <path
170
- d="M58.7377.358803h6.4982L61.9668 23.681h-6.4983L58.7377.358803Zm-8.1922 0L46.1602 13.794 44.2465.358803h-4.5448L33.9608 13.7541 33.2433.358803h-6.2991L29.1369 23.681h5.2226L40.818 8.93022 43.0904 23.681h5.1428L56.7249.358803h-6.1794ZM105.103 13.9136H89.6744c.0798 3.0299 1.8937 5.0233 4.5648 5.0233 2.0133 0 3.608-1.0765 4.8439-3.1296l5.2079 2.3674C102.501 21.7017 98.729 24 94.0798 24 87.741 24 83.535 19.7342 83.535 12.8771 83.535 5.34221 88.4784 0 95.4552 0c6.1398 0 10.0068 4.14618 10.0068 10.6046 0 1.0765-.12 2.1528-.359 3.309Zm-5.7807-4.46512c0-2.71095-1.515-4.42525-3.9468-4.42525-2.5117 0-4.5848 1.79402-5.143 4.42525h9.0898ZM6.63326 7.38685 0 15.1389h11.844l1.3309-3.6553H8.09965l3.10105-3.58555.01-.09511L9.19424 4.3319h9.07196l-7.0323 19.3492h4.8124L24.538.358823H2.60021L6.63326 7.38685Zm69.16744-2.3636c2.2923 0 4.301 1.23273 6.0551 3.34565l.9216-6.57488C81.1429.687707 78.9303 0 76 0c-5.8205 0-9.0896 3.40865-9.0896 7.73421 0 2.99999 1.6744 4.83389 4.4252 6.01989l1.3156.598c2.4518 1.0466 3.1097 1.5649 3.1097 2.6712 0 1.1461-1.1064 1.8737-2.7907 1.8737-2.7808.01-5.0332-1.4153-6.7276-3.8472l-.939 6.699C67.2332 23.2201 69.7067 24 72.9702 24c5.5315 0 8.9302-3.1894 8.9302-7.6147 0-3.0099-1.3355-4.9434-4.7044-6.4584l-1.4351-.67772c-1.9934-.88708-2.6711-1.37543-2.6711-2.35216 0-1.05647.9269-1.87377 2.7109-1.87377Z"
171
- fill="#163300"
172
- />
173
- </svg>
174
- </span>
175
- </div>
176
- `;
177
-
178
- exports[`Logo renders wise logo inversed 1`] = `
179
- <div>
180
- <span
181
- aria-label="Wise"
182
- class="class np-logo"
183
- role="img"
184
- >
185
- <svg
186
- class="np-logo-svg np-logo-svg--size-sm"
187
- fill="none"
188
- height="24"
189
- width="26"
190
- xmlns="http://www.w3.org/2000/svg"
191
- >
192
- <path
193
- d="M6.82603 7.23227 0 15.2096h12.1882l1.3696-3.7616H8.33504l3.19126-3.68968.0102-.09787-2.07504-3.57192h9.33564L11.5604 24h4.9522l8.7385-24H2.6758l4.15023 7.23227Z"
194
- fill="#9FE870"
195
- />
196
- </svg>
197
- <svg
198
- class="np-logo-svg np-logo-svg--size-md"
199
- fill="none"
200
- height="24"
201
- width="106"
202
- xmlns="http://www.w3.org/2000/svg"
203
- >
204
- <path
205
- d="M58.7377.358803h6.4982L61.9668 23.681h-6.4983L58.7377.358803Zm-8.1922 0L46.1602 13.794 44.2465.358803h-4.5448L33.9608 13.7541 33.2433.358803h-6.2991L29.1369 23.681h5.2226L40.818 8.93022 43.0904 23.681h5.1428L56.7249.358803h-6.1794ZM105.103 13.9136H89.6744c.0798 3.0299 1.8937 5.0233 4.5648 5.0233 2.0133 0 3.608-1.0765 4.8439-3.1296l5.2079 2.3674C102.501 21.7017 98.729 24 94.0798 24 87.741 24 83.535 19.7342 83.535 12.8771 83.535 5.34221 88.4784 0 95.4552 0c6.1398 0 10.0068 4.14618 10.0068 10.6046 0 1.0765-.12 2.1528-.359 3.309Zm-5.7807-4.46512c0-2.71095-1.515-4.42525-3.9468-4.42525-2.5117 0-4.5848 1.79402-5.143 4.42525h9.0898ZM6.63326 7.38685 0 15.1389h11.844l1.3309-3.6553H8.09965l3.10105-3.58555.01-.09511L9.19424 4.3319h9.07196l-7.0323 19.3492h4.8124L24.538.358823H2.60021L6.63326 7.38685Zm69.16744-2.3636c2.2923 0 4.301 1.23273 6.0551 3.34565l.9216-6.57488C81.1429.687707 78.9303 0 76 0c-5.8205 0-9.0896 3.40865-9.0896 7.73421 0 2.99999 1.6744 4.83389 4.4252 6.01989l1.3156.598c2.4518 1.0466 3.1097 1.5649 3.1097 2.6712 0 1.1461-1.1064 1.8737-2.7907 1.8737-2.7808.01-5.0332-1.4153-6.7276-3.8472l-.939 6.699C67.2332 23.2201 69.7067 24 72.9702 24c5.5315 0 8.9302-3.1894 8.9302-7.6147 0-3.0099-1.3355-4.9434-4.7044-6.4584l-1.4351-.67772c-1.9934-.88708-2.6711-1.37543-2.6711-2.35216 0-1.05647.9269-1.87377 2.7109-1.87377Z"
206
- fill="#9FE870"
207
- />
208
- </svg>
209
- </span>
210
- </div>
211
- `;
212
-
213
- exports[`Logo renders wise platform logo 1`] = `
214
- <div>
215
- <span
216
- aria-label="Wise Platform"
217
- class="class np-logo"
218
- role="img"
219
- >
220
- <svg
221
- class="np-logo-svg np-logo-svg--size-sm"
222
- fill="none"
223
- height="18"
224
- width="111"
225
- xmlns="http://www.w3.org/2000/svg"
226
- >
227
- <path
228
- d="M4.887 5.92 0 11.525h8.726l.98-2.642H5.969L8.252 6.29l.008-.068-1.486-2.508h6.683L8.276 17.7h3.546L18.079.84H1.916l2.97 5.08ZM22.001 17.72V.792h6.15c1.341 0 2.454.24 3.334.719.882.48 1.541 1.134 1.979 1.963.438.83.657 1.762.657 2.798s-.22 1.976-.662 2.806c-.44.829-1.104 1.485-1.988 1.967-.885.482-1.995.723-3.331.723h-4.23V9.603h3.994c.848 0 1.536-.144 2.064-.434.528-.29.914-.684 1.162-1.186.248-.501.37-1.07.37-1.71 0-.639-.122-1.206-.37-1.702-.248-.497-.636-.885-1.166-1.165-.531-.282-1.228-.422-2.093-.422h-3.268v14.735H22h.001ZM38.823.793v16.926h-2.518V.793h2.518ZM45.712 18c-.82 0-1.561-.15-2.224-.45a3.665 3.665 0 0 1-1.572-1.31c-.385-.573-.576-1.275-.576-2.107 0-.717.14-1.307.42-1.768.281-.462.661-.83 1.138-1.1a6.036 6.036 0 0 1 1.6-.612c.59-.139 1.19-.243 1.802-.314.775-.088 1.404-.16 1.887-.218.482-.058.834-.153 1.052-.286.22-.132.33-.347.33-.644v-.058c0-.72-.208-1.28-.62-1.678-.412-.396-1.025-.595-1.84-.595-.813 0-1.514.183-2 .55-.486.366-.822.772-1.007 1.218L41.736 8.1c.28-.772.692-1.395 1.234-1.873a5.034 5.034 0 0 1 1.874-1.041 7.562 7.562 0 0 1 2.232-.327c.516 0 1.065.06 1.647.178a4.949 4.949 0 0 1 1.634.65c.509.313.925.76 1.25 1.342.325.58.49 1.334.49 2.26v8.43h-2.46v-1.736h-.101c-.163.32-.408.634-.733.942-.326.309-.744.565-1.255.77-.512.204-1.123.305-1.836.305Zm.547-1.984c.696 0 1.294-.135 1.79-.405.497-.27.876-.623 1.138-1.062a2.71 2.71 0 0 0 .392-1.409v-1.637c-.09.089-.262.17-.518.244a7.313 7.313 0 0 1-.871.19c-.327.054-.644.1-.952.14l-.774.104c-.489.06-.933.162-1.336.306-.4.144-.722.348-.96.616-.239.267-.358.62-.358 1.062 0 .612.23 1.073.69 1.385.46.31 1.048.466 1.76.466ZM60.833 5.025V7.01h-7.067V5.025h7.067Zm-5.172-3.04h2.518v12.008c0 .48.074.838.22 1.078.145.24.335.403.568.488.233.086.487.128.763.128.201 0 .378-.014.53-.04l.354-.066.455 2.041a4.53 4.53 0 0 1-.624.17c-.27.058-.607.09-1.01.095a4.509 4.509 0 0 1-1.853-.347 3.166 3.166 0 0 1-1.39-1.124c-.355-.506-.531-1.143-.531-1.91V1.985ZM69.507 5.026V7.01h-7.312V5.026h7.312ZM64.2 17.72V3.555c0-.794.177-1.453.531-1.98.354-.525.823-.92 1.406-1.18a4.615 4.615 0 0 1 1.904-.393A6.072 6.072 0 0 1 70.14.34l-.59 2c-.117-.034-.27-.074-.454-.12a2.81 2.81 0 0 0-.674-.07c-.612 0-1.048.148-1.309.445-.26.297-.392.728-.392 1.29V17.72H64.2ZM76.382 17.977c-1.213 0-2.27-.273-3.175-.818-.904-.545-1.606-1.31-2.106-2.289-.5-.981-.75-2.127-.75-3.438 0-1.312.25-2.469.75-3.455.5-.986 1.202-1.753 2.106-2.298.904-.545 1.963-.818 3.175-.818 1.213 0 2.271.273 3.176.818.904.545 1.605 1.312 2.106 2.298.499.986.75 2.138.75 3.455 0 1.316-.251 2.457-.75 3.438-.5.981-1.202 1.744-2.106 2.289-.905.545-1.963.818-3.176.818Zm.008-2.075c.787 0 1.438-.203 1.954-.611.517-.41.9-.95 1.15-1.628.25-.678.374-1.425.374-2.24 0-.815-.124-1.555-.374-2.236-.25-.68-.633-1.227-1.15-1.64-.516-.415-1.167-.62-1.954-.62-.786 0-1.448.206-1.967.62-.519.412-.904.96-1.153 1.64a6.43 6.43 0 0 0-.375 2.236c0 .81.125 1.562.375 2.24.25.677.634 1.22 1.153 1.627.52.408 1.176.613 1.967.613ZM84.434 17.72V5.026h2.434v2.016h.135a3.098 3.098 0 0 1 1.25-1.617 3.618 3.618 0 0 1 2.034-.591 10.677 10.677 0 0 1 1.071.058v2.363c-.1-.027-.28-.059-.538-.095a5.6 5.6 0 0 0-.775-.054c-.595 0-1.124.122-1.588.368-.464.245-.83.583-1.1 1.017-.27.432-.405.924-.405 1.475v7.752h-2.518v.002ZM93.023 17.72V5.025h2.418v2.067h.16c.27-.7.71-1.246 1.322-1.641.612-.394 1.345-.592 2.2-.592.854 0 1.59.198 2.177.596.587.396 1.021.942 1.302 1.637h.135c.309-.678.8-1.22 1.474-1.624.674-.405 1.477-.607 2.409-.607 1.174 0 2.132.361 2.876 1.082.744.722 1.117 1.81 1.117 3.265v8.512h-2.519V9.44c0-.86-.239-1.483-.716-1.869-.477-.386-1.047-.578-1.71-.578-.82 0-1.457.246-1.912.739-.455.492-.683 1.125-.683 1.896v8.092h-2.509V9.283c0-.69-.219-1.243-.657-1.662-.437-.419-1.007-.627-1.71-.627-.477 0-.917.122-1.318.368a2.74 2.74 0 0 0-.969 1.02c-.243.435-.365.94-.365 1.513v7.826h-2.519l-.003-.001Z"
229
- fill="#163300"
230
- />
231
- </svg>
232
- <svg
233
- class="np-logo-svg np-logo-svg--size-md"
234
- fill="none"
235
- height="18"
236
- width="172"
237
- xmlns="http://www.w3.org/2000/svg"
238
- >
239
- <path
240
- d="M43.276.841h4.787l-2.409 16.86h-4.787L43.276.84Zm-6.036 0-3.232 9.712L32.598.84H29.25l-4.23 9.684L24.49.84h-4.64l1.616 16.86h3.848l4.758-10.664 1.675 10.664h3.788L41.794.84H37.24Zm40.196 9.8H66.069c.059 2.189 1.396 3.63 3.363 3.63 1.483 0 2.657-.778 3.568-2.261l3.837 1.711c-1.32 2.55-4.098 4.211-7.523 4.211-4.67 0-7.769-3.083-7.769-8.04 0-5.447 3.642-9.31 8.783-9.31 4.524 0 7.373 2.998 7.373 7.667 0 .778-.088 1.555-.265 2.391Zm-4.259-3.228c0-1.96-1.117-3.2-2.908-3.2s-3.378 1.298-3.789 3.2h6.697ZM4.887 5.92 0 11.526h8.726l.98-2.642H5.969l2.284-2.592.008-.069-1.486-2.508h6.683L8.276 17.702h3.546L18.079.842H1.916l2.97 5.08Zm50.96-1.709c1.69 0 3.169.892 4.461 2.42l.679-4.755C59.783 1.077 58.152.58 55.994.58c-4.288 0-6.697 2.464-6.697 5.59 0 2.17 1.234 3.496 3.26 4.353l.97.432c1.806.756 2.291 1.132 2.291 1.931 0 .8-.815 1.355-2.056 1.355-2.048.007-3.708-1.024-4.956-2.782l-.692 4.843c1.422 1.063 3.245 1.628 5.648 1.628 4.076 0 6.58-2.306 6.58-5.505 0-2.176-.984-3.573-3.466-4.669l-1.058-.49c-1.469-.641-1.968-.994-1.968-1.7 0-.763.683-1.354 1.997-1.354ZM83.392 17.72V.792h6.149c1.342 0 2.454.24 3.335.719.882.48 1.541 1.134 1.979 1.963.437.83.656 1.762.656 2.798s-.22 1.976-.662 2.806c-.44.829-1.103 1.485-1.988 1.967-.884.482-1.994.723-3.33.723H85.3V9.603h3.993c.848 0 1.536-.144 2.064-.434.528-.29.915-.684 1.163-1.186.247-.501.37-1.07.37-1.71 0-.639-.123-1.206-.37-1.702-.248-.497-.636-.885-1.167-1.165-.53-.282-1.228-.422-2.092-.422h-3.269v14.735h-2.602ZM100.21.793v16.926h-2.519V.793h2.519ZM107.102 18c-.82 0-1.561-.15-2.224-.45a3.664 3.664 0 0 1-1.571-1.31c-.385-.573-.577-1.275-.577-2.107 0-.717.141-1.307.421-1.768.281-.462.661-.83 1.138-1.1a6.031 6.031 0 0 1 1.6-.612c.589-.139 1.19-.243 1.802-.314.774-.088 1.403-.16 1.887-.218.482-.058.833-.153 1.052-.286.219-.132.329-.347.329-.644v-.058c0-.72-.207-1.28-.619-1.678-.412-.396-1.026-.595-1.84-.595-.813 0-1.514.183-2.001.55-.486.366-.821.772-1.006 1.218l-2.367-.528c.281-.772.692-1.395 1.235-1.873a5.03 5.03 0 0 1 1.874-1.041 7.558 7.558 0 0 1 2.231-.327c.517 0 1.066.06 1.648.178a4.952 4.952 0 0 1 1.634.65c.508.313.925.76 1.25 1.342.325.58.489 1.334.489 2.26v8.43h-2.46v-1.736h-.101c-.162.32-.407.634-.732.942-.327.309-.745.565-1.256.77-.511.204-1.123.305-1.836.305Zm.548-1.984c.696 0 1.293-.135 1.79-.405.497-.27.876-.623 1.138-1.062.26-.438.391-.908.391-1.409v-1.637c-.09.089-.262.17-.517.244a7.34 7.34 0 0 1-.872.19c-.326.054-.643.1-.951.14l-.775.104a6.22 6.22 0 0 0-1.335.306c-.401.144-.722.348-.961.616-.238.267-.357.62-.357 1.062 0 .612.23 1.073.69 1.385.46.31 1.047.466 1.76.466h-.001ZM122.224 5.025V7.01h-7.068V5.025h7.068Zm-5.173-3.04h2.519v12.008c0 .48.073.838.219 1.078a1.1 1.1 0 0 0 .569.488c.233.086.487.128.762.128.202 0 .379-.014.531-.04l.354-.066.455 2.041a4.555 4.555 0 0 1-.624.17c-.27.058-.607.09-1.011.095a4.51 4.51 0 0 1-1.853-.347 3.17 3.17 0 0 1-1.39-1.124c-.354-.506-.531-1.143-.531-1.91V1.985ZM130.897 5.026V7.01h-7.311V5.026h7.311Zm-5.306 12.694V3.555c0-.794.177-1.453.531-1.98.354-.525.823-.92 1.406-1.18a4.614 4.614 0 0 1 1.904-.393 6.067 6.067 0 0 1 2.098.338l-.59 2c-.118-.034-.27-.074-.454-.12a2.818 2.818 0 0 0-.674-.07c-.612 0-1.048.148-1.309.445-.261.297-.392.728-.392 1.29V17.72h-2.52ZM137.773 17.975c-1.214 0-2.271-.273-3.175-.818-.905-.545-1.607-1.31-2.106-2.289-.5-.981-.75-2.127-.75-3.438 0-1.312.25-2.469.75-3.455.499-.986 1.201-1.753 2.106-2.298.904-.545 1.963-.818 3.175-.818 1.212 0 2.271.273 3.175.818.905.545 1.606 1.312 2.106 2.298.5.986.75 2.138.75 3.455 0 1.316-.25 2.457-.75 3.438-.499.981-1.201 1.744-2.106 2.289-.904.545-1.963.818-3.175.818Zm.008-2.074c.786 0 1.437-.204 1.954-.612.516-.41.9-.95 1.149-1.628.25-.678.375-1.425.375-2.24 0-.815-.125-1.555-.375-2.236-.25-.68-.633-1.227-1.149-1.64-.517-.415-1.168-.62-1.954-.62s-1.448.206-1.967.62c-.519.412-.904.96-1.153 1.64a6.414 6.414 0 0 0-.375 2.236c0 .81.124 1.562.375 2.24.25.677.634 1.22 1.153 1.628.519.407 1.175.612 1.967.612ZM145.82 17.72V5.026h2.435v2.016h.135a3.1 3.1 0 0 1 1.25-1.617 3.62 3.62 0 0 1 2.034-.591 10.671 10.671 0 0 1 1.071.058v2.363a5.174 5.174 0 0 0-.539-.095 5.594 5.594 0 0 0-.774-.054c-.595 0-1.125.122-1.589.368a2.83 2.83 0 0 0-1.099 1.017c-.27.432-.405.924-.405 1.475v7.752h-2.519v.002ZM154.41 17.72V5.025h2.418v2.067h.16c.27-.7.71-1.246 1.322-1.641.612-.394 1.345-.592 2.199-.592.855 0 1.591.198 2.178.596a3.5 3.5 0 0 1 1.301 1.637h.135c.31-.678.801-1.22 1.475-1.624.673-.405 1.477-.607 2.408-.607 1.175 0 2.132.361 2.877 1.082.744.722 1.116 1.81 1.116 3.265v8.512h-2.518V9.44c0-.86-.239-1.483-.716-1.869-.477-.386-1.047-.578-1.71-.578-.82 0-1.457.246-1.912.739-.455.492-.683 1.125-.683 1.896v8.092h-2.509V9.283c0-.69-.219-1.243-.657-1.662-.438-.419-1.008-.627-1.71-.627-.477 0-.917.122-1.318.368a2.742 2.742 0 0 0-.969 1.02c-.244.435-.365.94-.365 1.513v7.826h-2.519l-.003-.001Z"
241
- fill="#163300"
242
- />
243
- </svg>
244
- </span>
245
- </div>
246
- `;
247
-
248
- exports[`Logo renders wise platform logo inversed 1`] = `
249
- <div>
250
- <span
251
- aria-label="Wise Platform"
252
- class="class np-logo"
253
- role="img"
254
- >
255
- <svg
256
- class="np-logo-svg np-logo-svg--size-sm"
257
- fill="none"
258
- height="18"
259
- width="111"
260
- xmlns="http://www.w3.org/2000/svg"
261
- >
262
- <path
263
- d="M4.887 5.918 0 11.523h8.726l.98-2.642H5.969l2.284-2.593.008-.068-1.486-2.508h6.683L8.276 17.699h3.546L18.079.838H1.916l2.97 5.08ZM22.001 17.717V.791h6.15c1.341 0 2.454.24 3.334.719.882.48 1.541 1.134 1.979 1.963.438.83.657 1.762.657 2.798s-.22 1.976-.662 2.806c-.44.83-1.104 1.485-1.988 1.967-.885.482-1.995.723-3.331.723h-4.23V9.6h3.994c.848 0 1.536-.144 2.064-.434.528-.29.914-.684 1.162-1.186.248-.501.37-1.07.37-1.71 0-.639-.122-1.206-.37-1.702-.248-.497-.636-.885-1.166-1.165-.531-.282-1.228-.422-2.093-.422h-3.268v14.735H22h.001ZM38.823.791v16.926h-2.518V.791h2.518ZM45.712 17.998c-.82 0-1.561-.15-2.224-.45a3.665 3.665 0 0 1-1.572-1.31c-.385-.573-.576-1.275-.576-2.107 0-.716.14-1.307.42-1.768.281-.462.661-.83 1.138-1.1a6.036 6.036 0 0 1 1.6-.612c.59-.139 1.19-.243 1.802-.313.775-.09 1.404-.161 1.887-.22.482-.057.834-.152 1.052-.285.22-.132.33-.347.33-.644v-.058c0-.72-.208-1.28-.62-1.678-.412-.396-1.025-.595-1.84-.595-.813 0-1.514.183-2 .55-.486.366-.822.772-1.007 1.218l-2.366-.528c.28-.772.692-1.395 1.234-1.872a5.034 5.034 0 0 1 1.874-1.042 7.562 7.562 0 0 1 2.232-.327c.516 0 1.065.06 1.647.178a4.949 4.949 0 0 1 1.634.65c.509.313.925.76 1.25 1.342.325.58.49 1.334.49 2.26v8.43h-2.46V15.98h-.101c-.163.32-.408.634-.733.942-.326.309-.744.565-1.255.77-.512.204-1.123.305-1.836.305Zm.547-1.984c.696 0 1.294-.135 1.79-.405.497-.27.876-.623 1.138-1.062a2.71 2.71 0 0 0 .392-1.409v-1.637c-.09.089-.262.17-.518.245a7.313 7.313 0 0 1-.871.19c-.327.053-.644.099-.952.14l-.774.103c-.489.06-.933.162-1.336.306-.4.144-.722.348-.96.616-.239.267-.358.62-.358 1.062 0 .612.23 1.073.69 1.385.46.31 1.048.466 1.76.466ZM60.833 5.023v1.984h-7.067V5.023h7.067Zm-5.172-3.04h2.518V13.99c0 .48.074.838.22 1.078.145.24.335.403.568.488.233.086.487.128.763.128.201 0 .378-.014.53-.04l.354-.066.455 2.041a4.518 4.518 0 0 1-.624.17c-.27.058-.607.09-1.01.095a4.509 4.509 0 0 1-1.853-.347 3.165 3.165 0 0 1-1.39-1.124c-.355-.506-.531-1.143-.531-1.91V1.983ZM69.507 5.024v1.984h-7.312V5.024h7.312ZM64.2 17.718V3.553c0-.794.177-1.453.531-1.98.354-.525.823-.92 1.406-1.18A4.615 4.615 0 0 1 68.041 0a6.072 6.072 0 0 1 2.098.338l-.59 2c-.117-.034-.27-.074-.454-.12a2.81 2.81 0 0 0-.674-.07c-.612 0-1.048.148-1.309.445-.26.297-.392.728-.392 1.29v13.835H64.2ZM76.382 17.975c-1.213 0-2.27-.273-3.175-.818-.904-.545-1.606-1.31-2.106-2.289-.5-.981-.75-2.127-.75-3.438 0-1.312.25-2.469.75-3.455.5-.986 1.202-1.753 2.106-2.298.904-.545 1.963-.818 3.175-.818 1.213 0 2.271.273 3.176.818.904.545 1.605 1.312 2.106 2.298.499.986.75 2.138.75 3.455 0 1.316-.251 2.457-.75 3.438-.5.981-1.202 1.744-2.106 2.289-.905.545-1.963.818-3.176.818Zm.008-2.074c.787 0 1.438-.204 1.954-.612.517-.41.9-.95 1.15-1.628.25-.678.374-1.425.374-2.24 0-.815-.124-1.555-.374-2.236-.25-.68-.633-1.227-1.15-1.64-.516-.415-1.167-.62-1.954-.62-.786 0-1.448.206-1.967.62-.519.412-.904.96-1.153 1.64a6.43 6.43 0 0 0-.375 2.236c0 .81.125 1.562.375 2.24.25.677.634 1.22 1.153 1.628.52.407 1.176.612 1.967.612ZM84.434 17.718V5.024h2.434V7.04h.135a3.098 3.098 0 0 1 1.25-1.617 3.619 3.619 0 0 1 2.034-.591 10.666 10.666 0 0 1 1.071.058v2.363c-.1-.027-.28-.059-.538-.095a5.6 5.6 0 0 0-.775-.054c-.595 0-1.124.122-1.588.368-.464.245-.83.584-1.1 1.017-.27.432-.405.924-.405 1.475v7.752h-2.518v.002ZM93.023 17.718V5.023h2.418V7.09h.16c.27-.7.71-1.246 1.322-1.641.612-.394 1.345-.592 2.2-.592.854 0 1.59.198 2.177.596.587.396 1.021.942 1.302 1.637h.135c.309-.678.8-1.22 1.474-1.624.674-.405 1.477-.607 2.409-.607 1.174 0 2.132.361 2.876 1.082.744.722 1.117 1.81 1.117 3.265v8.512h-2.519v-8.28c0-.86-.239-1.483-.716-1.869-.477-.386-1.047-.578-1.71-.578-.82 0-1.457.246-1.912.739-.455.492-.683 1.125-.683 1.896v8.092h-2.509V9.281c0-.69-.219-1.242-.657-1.662-.437-.419-1.007-.627-1.71-.627-.477 0-.917.122-1.318.368a2.74 2.74 0 0 0-.969 1.02c-.243.435-.365.94-.365 1.513v7.826H93.023Z"
264
- fill="#fff"
265
- />
266
- </svg>
267
- <svg
268
- class="np-logo-svg np-logo-svg--size-md"
269
- fill="none"
270
- height="18"
271
- width="172"
272
- xmlns="http://www.w3.org/2000/svg"
273
- >
274
- <path
275
- d="M43.276.841h4.787l-2.409 16.86h-4.787L43.276.84Zm-6.036 0-3.232 9.712L32.598.84H29.25l-4.23 9.684L24.49.84h-4.64l1.616 16.86h3.848l4.758-10.664 1.675 10.664h3.788L41.794.84H37.24Zm40.196 9.8H66.069c.059 2.189 1.396 3.63 3.363 3.63 1.483 0 2.657-.778 3.568-2.261l3.837 1.711c-1.32 2.55-4.098 4.211-7.523 4.211-4.67 0-7.769-3.083-7.769-8.04 0-5.447 3.642-9.31 8.783-9.31 4.524 0 7.373 2.998 7.373 7.667 0 .778-.088 1.555-.265 2.391Zm-4.259-3.228c0-1.96-1.117-3.2-2.908-3.2s-3.378 1.298-3.789 3.2h6.697ZM4.887 5.92 0 11.526h8.726l.98-2.642H5.969l2.284-2.592.008-.069-1.486-2.508h6.683L8.276 17.702h3.546L18.079.842H1.916l2.97 5.08Zm50.96-1.709c1.69 0 3.169.892 4.461 2.42l.679-4.755C59.783 1.077 58.152.58 55.994.58c-4.288 0-6.697 2.464-6.697 5.59 0 2.17 1.234 3.496 3.26 4.353l.97.432c1.806.756 2.291 1.132 2.291 1.931 0 .8-.815 1.355-2.056 1.355-2.048.007-3.708-1.024-4.956-2.782l-.692 4.843c1.422 1.063 3.245 1.628 5.648 1.628 4.076 0 6.58-2.306 6.58-5.505 0-2.176-.984-3.573-3.466-4.669l-1.058-.49c-1.469-.641-1.968-.994-1.968-1.7 0-.763.683-1.354 1.997-1.354ZM83.392 17.72V.792h6.149c1.342 0 2.454.24 3.335.719.882.48 1.541 1.134 1.979 1.963.437.83.656 1.762.656 2.798s-.22 1.976-.662 2.806c-.44.829-1.103 1.485-1.988 1.967-.884.482-1.994.723-3.33.723H85.3V9.603h3.993c.848 0 1.536-.144 2.064-.434.528-.29.915-.684 1.163-1.186.247-.501.37-1.07.37-1.71 0-.639-.123-1.206-.37-1.702-.248-.497-.636-.885-1.167-1.165-.53-.282-1.228-.422-2.092-.422h-3.269v14.735h-2.602ZM100.21.793v16.926h-2.519V.793h2.519ZM107.102 18c-.82 0-1.561-.15-2.224-.45a3.664 3.664 0 0 1-1.571-1.31c-.385-.573-.577-1.275-.577-2.107 0-.717.141-1.307.421-1.768.281-.462.661-.83 1.138-1.1a6.031 6.031 0 0 1 1.6-.612c.589-.139 1.19-.243 1.802-.314.774-.088 1.403-.16 1.887-.218.482-.058.833-.153 1.052-.286.219-.132.329-.347.329-.644v-.058c0-.72-.207-1.28-.619-1.678-.412-.396-1.026-.595-1.84-.595-.813 0-1.514.183-2.001.55-.486.366-.821.772-1.006 1.218l-2.367-.528c.281-.772.692-1.395 1.235-1.873a5.03 5.03 0 0 1 1.874-1.041 7.558 7.558 0 0 1 2.231-.327c.517 0 1.066.06 1.648.178a4.952 4.952 0 0 1 1.634.65c.508.313.925.76 1.25 1.342.325.58.489 1.334.489 2.26v8.43h-2.46v-1.736h-.101c-.162.32-.407.634-.732.942-.327.309-.745.565-1.256.77-.511.204-1.123.305-1.836.305Zm.548-1.984c.696 0 1.293-.135 1.79-.405.497-.27.876-.623 1.138-1.062.26-.438.391-.908.391-1.409v-1.637c-.09.089-.262.17-.517.244a7.34 7.34 0 0 1-.872.19c-.326.054-.643.1-.951.14l-.775.104a6.22 6.22 0 0 0-1.335.306c-.401.144-.722.348-.961.616-.238.267-.357.62-.357 1.062 0 .612.23 1.073.69 1.385.46.31 1.047.466 1.76.466h-.001ZM122.224 5.025V7.01h-7.068V5.025h7.068Zm-5.173-3.04h2.519v12.008c0 .48.073.838.219 1.078a1.1 1.1 0 0 0 .569.488c.233.086.487.128.762.128.202 0 .379-.014.531-.04l.354-.066.455 2.041a4.555 4.555 0 0 1-.624.17c-.27.058-.607.09-1.011.095a4.51 4.51 0 0 1-1.853-.347 3.17 3.17 0 0 1-1.39-1.124c-.354-.506-.531-1.143-.531-1.91V1.985ZM130.897 5.026V7.01h-7.311V5.026h7.311Zm-5.306 12.694V3.555c0-.794.177-1.453.531-1.98.354-.525.823-.92 1.406-1.18a4.614 4.614 0 0 1 1.904-.393 6.067 6.067 0 0 1 2.098.338l-.59 2c-.118-.034-.27-.074-.454-.12a2.818 2.818 0 0 0-.674-.07c-.612 0-1.048.148-1.309.445-.261.297-.392.728-.392 1.29V17.72h-2.52ZM137.773 17.975c-1.214 0-2.271-.273-3.175-.818-.905-.545-1.607-1.31-2.106-2.289-.5-.981-.75-2.127-.75-3.438 0-1.312.25-2.469.75-3.455.499-.986 1.201-1.753 2.106-2.298.904-.545 1.963-.818 3.175-.818 1.212 0 2.271.273 3.175.818.905.545 1.606 1.312 2.106 2.298.5.986.75 2.138.75 3.455 0 1.316-.25 2.457-.75 3.438-.499.981-1.201 1.744-2.106 2.289-.904.545-1.963.818-3.175.818Zm.008-2.074c.786 0 1.437-.204 1.954-.612.516-.41.9-.95 1.149-1.628.25-.678.375-1.425.375-2.24 0-.815-.125-1.555-.375-2.236-.25-.68-.633-1.227-1.149-1.64-.517-.415-1.168-.62-1.954-.62s-1.448.206-1.967.62c-.519.412-.904.96-1.153 1.64a6.414 6.414 0 0 0-.375 2.236c0 .81.124 1.562.375 2.24.25.677.634 1.22 1.153 1.628.519.407 1.175.612 1.967.612ZM145.82 17.72V5.026h2.435v2.016h.135a3.1 3.1 0 0 1 1.25-1.617 3.62 3.62 0 0 1 2.034-.591 10.671 10.671 0 0 1 1.071.058v2.363a5.174 5.174 0 0 0-.539-.095 5.594 5.594 0 0 0-.774-.054c-.595 0-1.125.122-1.589.368a2.83 2.83 0 0 0-1.099 1.017c-.27.432-.405.924-.405 1.475v7.752h-2.519v.002ZM154.41 17.72V5.025h2.418v2.067h.16c.27-.7.71-1.246 1.322-1.641.612-.394 1.345-.592 2.199-.592.855 0 1.591.198 2.178.596a3.5 3.5 0 0 1 1.301 1.637h.135c.31-.678.801-1.22 1.475-1.624.673-.405 1.477-.607 2.408-.607 1.175 0 2.132.361 2.877 1.082.744.722 1.116 1.81 1.116 3.265v8.512h-2.518V9.44c0-.86-.239-1.483-.716-1.869-.477-.386-1.047-.578-1.71-.578-.82 0-1.457.246-1.912.739-.455.492-.683 1.125-.683 1.896v8.092h-2.509V9.283c0-.69-.219-1.243-.657-1.662-.438-.419-1.008-.627-1.71-.627-.477 0-.917.122-1.318.368a2.742 2.742 0 0 0-.969 1.02c-.244.435-.365.94-.365 1.513v7.826h-2.519l-.003-.001Z"
276
- fill="#fff"
277
- />
278
- </svg>
279
- </span>
280
- </div>
281
- `;