@transferwise/components 0.0.0-experimental-89e80d6 → 0.0.0-experimental-b52dbcf
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/index.js +4 -5
- package/build/index.js.map +1 -1
- package/build/index.mjs +4 -5
- package/build/index.mjs.map +1 -1
- package/build/main.css +16 -0
- package/build/styles/logo/Logo.css +16 -0
- package/build/styles/main.css +16 -0
- package/build/types/logo/Logo.d.ts.map +1 -1
- package/package.json +6 -6
- package/src/logo/Logo.css +16 -0
- package/src/logo/Logo.js +2 -7
- package/src/logo/Logo.less +16 -0
- package/src/logo/__snapshots__/Logo.spec.js.snap +104 -8
- package/src/main.css +16 -0
- package/src/provider/theme/ThemeProvider.story.tsx +0 -21
package/build/main.css
CHANGED
|
@@ -3023,6 +3023,22 @@ a {
|
|
|
3023
3023
|
.np-theme-personal--dark .np-logo-svg path {
|
|
3024
3024
|
fill: var(--color-white);
|
|
3025
3025
|
}
|
|
3026
|
+
.np-logo-svg--size-sm {
|
|
3027
|
+
display: block;
|
|
3028
|
+
}
|
|
3029
|
+
@media (min-width: 576px) {
|
|
3030
|
+
.np-logo-svg--size-sm {
|
|
3031
|
+
display: none;
|
|
3032
|
+
}
|
|
3033
|
+
}
|
|
3034
|
+
.np-logo-svg--size-md {
|
|
3035
|
+
display: none;
|
|
3036
|
+
}
|
|
3037
|
+
@media (min-width: 576px) {
|
|
3038
|
+
.np-logo-svg--size-md {
|
|
3039
|
+
display: block;
|
|
3040
|
+
}
|
|
3041
|
+
}
|
|
3026
3042
|
.tw-modal--scrollable {
|
|
3027
3043
|
max-height: 100%;
|
|
3028
3044
|
/* mobile viewport bug fix */
|
|
@@ -8,3 +8,19 @@
|
|
|
8
8
|
.np-theme-personal--dark .np-logo-svg path {
|
|
9
9
|
fill: var(--color-white);
|
|
10
10
|
}
|
|
11
|
+
.np-logo-svg--size-sm {
|
|
12
|
+
display: block;
|
|
13
|
+
}
|
|
14
|
+
@media (min-width: 576px) {
|
|
15
|
+
.np-logo-svg--size-sm {
|
|
16
|
+
display: none;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
.np-logo-svg--size-md {
|
|
20
|
+
display: none;
|
|
21
|
+
}
|
|
22
|
+
@media (min-width: 576px) {
|
|
23
|
+
.np-logo-svg--size-md {
|
|
24
|
+
display: block;
|
|
25
|
+
}
|
|
26
|
+
}
|
package/build/styles/main.css
CHANGED
|
@@ -3023,6 +3023,22 @@ a {
|
|
|
3023
3023
|
.np-theme-personal--dark .np-logo-svg path {
|
|
3024
3024
|
fill: var(--color-white);
|
|
3025
3025
|
}
|
|
3026
|
+
.np-logo-svg--size-sm {
|
|
3027
|
+
display: block;
|
|
3028
|
+
}
|
|
3029
|
+
@media (min-width: 576px) {
|
|
3030
|
+
.np-logo-svg--size-sm {
|
|
3031
|
+
display: none;
|
|
3032
|
+
}
|
|
3033
|
+
}
|
|
3034
|
+
.np-logo-svg--size-md {
|
|
3035
|
+
display: none;
|
|
3036
|
+
}
|
|
3037
|
+
@media (min-width: 576px) {
|
|
3038
|
+
.np-logo-svg--size-md {
|
|
3039
|
+
display: block;
|
|
3040
|
+
}
|
|
3041
|
+
}
|
|
3026
3042
|
.tw-modal--scrollable {
|
|
3027
3043
|
max-height: 100%;
|
|
3028
3044
|
/* mobile viewport bug fix */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../../src/logo/Logo.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../../src/logo/Logo.js"],"names":[],"mappings":";AA0BA;;;;gCAuBC"}
|
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-b52dbcf",
|
|
4
4
|
"description": "Neptune React components",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
"@testing-library/react-hooks": "^8.0.0",
|
|
68
68
|
"@testing-library/user-event": "^13.2.1",
|
|
69
69
|
"@transferwise/icons": "^3.7.0",
|
|
70
|
-
"@transferwise/neptune-tokens": "^8.
|
|
70
|
+
"@transferwise/neptune-tokens": "^8.8.1",
|
|
71
71
|
"@tsconfig/recommended": "^1.0.2",
|
|
72
72
|
"@types/babel__core": "^7.20.1",
|
|
73
73
|
"@types/commonmark": "^0.27.9",
|
|
@@ -94,15 +94,15 @@
|
|
|
94
94
|
"react-intl": "^5.10.0",
|
|
95
95
|
"rollup": "^3.28.1",
|
|
96
96
|
"storybook": "^7.6.17",
|
|
97
|
-
"@transferwise/neptune-css": "0.0.0-experimental-89e80d6",
|
|
98
97
|
"@transferwise/less-config": "3.1.0",
|
|
99
|
-
"@
|
|
98
|
+
"@transferwise/neptune-css": "14.9.6",
|
|
99
|
+
"@wise/components-theming": "1.1.0"
|
|
100
100
|
},
|
|
101
101
|
"peerDependencies": {
|
|
102
102
|
"@transferwise/icons": "^3.7.0",
|
|
103
|
-
"@transferwise/neptune-css": "
|
|
103
|
+
"@transferwise/neptune-css": "^14.9.6",
|
|
104
104
|
"@wise/art": "^2.7.0",
|
|
105
|
-
"@wise/components-theming": "
|
|
105
|
+
"@wise/components-theming": "^1.0.0",
|
|
106
106
|
"react": ">=16.14",
|
|
107
107
|
"react-dom": ">=16.14",
|
|
108
108
|
"react-intl": "^5.10.0 || ^6"
|
package/src/logo/Logo.css
CHANGED
|
@@ -8,3 +8,19 @@
|
|
|
8
8
|
.np-theme-personal--dark .np-logo-svg path {
|
|
9
9
|
fill: var(--color-white);
|
|
10
10
|
}
|
|
11
|
+
.np-logo-svg--size-sm {
|
|
12
|
+
display: block;
|
|
13
|
+
}
|
|
14
|
+
@media (min-width: 576px) {
|
|
15
|
+
.np-logo-svg--size-sm {
|
|
16
|
+
display: none;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
.np-logo-svg--size-md {
|
|
20
|
+
display: none;
|
|
21
|
+
}
|
|
22
|
+
@media (min-width: 576px) {
|
|
23
|
+
.np-logo-svg--size-md {
|
|
24
|
+
display: block;
|
|
25
|
+
}
|
|
26
|
+
}
|
package/src/logo/Logo.js
CHANGED
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import classNames from 'classnames';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
|
|
4
|
-
import { Breakpoint } from '../common';
|
|
5
|
-
import { useScreenSize } from '../common/hooks/useScreenSize';
|
|
6
|
-
|
|
7
4
|
import { LogoType } from './logoTypes';
|
|
8
5
|
import { ReactComponent as LogoFlagInverse } from './svg/flag-inverse.svg';
|
|
9
6
|
import { ReactComponent as LogoFlagPlatformInverse } from './svg/flag-platform-white.svg';
|
|
@@ -34,8 +31,6 @@ const Logo = ({ className, inverse, type }) => {
|
|
|
34
31
|
];
|
|
35
32
|
const LogoMd = svgPaths[`${type}${inverse ? '_INVERSE' : ''}`];
|
|
36
33
|
|
|
37
|
-
const screenMd = useScreenSize(Breakpoint.MEDIUM);
|
|
38
|
-
|
|
39
34
|
return (
|
|
40
35
|
<span
|
|
41
36
|
aria-label={
|
|
@@ -48,8 +43,8 @@ const Logo = ({ className, inverse, type }) => {
|
|
|
48
43
|
role="img"
|
|
49
44
|
className={classNames(className, 'np-logo')}
|
|
50
45
|
>
|
|
51
|
-
|
|
52
|
-
|
|
46
|
+
<LogoSm className="np-logo-svg np-logo-svg--size-sm" />
|
|
47
|
+
<LogoMd className="np-logo-svg np-logo-svg--size-md" />
|
|
53
48
|
</span>
|
|
54
49
|
);
|
|
55
50
|
};
|
package/src/logo/Logo.less
CHANGED
|
@@ -8,7 +8,7 @@ exports[`Logo on mobile renders only fast flag 1`] = `
|
|
|
8
8
|
role="img"
|
|
9
9
|
>
|
|
10
10
|
<svg
|
|
11
|
-
class="np-logo-svg"
|
|
11
|
+
class="np-logo-svg np-logo-svg--size-sm"
|
|
12
12
|
fill="none"
|
|
13
13
|
height="24"
|
|
14
14
|
width="26"
|
|
@@ -19,6 +19,18 @@ exports[`Logo on mobile renders only fast flag 1`] = `
|
|
|
19
19
|
fill="#163300"
|
|
20
20
|
/>
|
|
21
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.738.359h6.498l-3.27 23.322h-6.498L58.739.359Zm-8.193 0L46.16 13.794 44.247.359h-4.545L33.96 13.754 33.243.36h-6.299l2.193 23.322h5.223l6.458-14.75 2.272 14.75h5.143L56.725.359h-6.18Zm54.558 13.555H89.674c.08 3.03 1.894 5.023 4.565 5.023 2.014 0 3.608-1.077 4.844-3.13l5.208 2.368C102.501 21.702 98.729 24 94.08 24c-6.339 0-10.545-4.266-10.545-11.123C83.535 5.342 88.478 0 95.455 0c6.14 0 10.007 4.146 10.007 10.605 0 1.076-.12 2.152-.359 3.309Zm-5.78-4.466c0-2.71-1.516-4.425-3.947-4.425-2.512 0-4.585 1.794-5.144 4.425h9.09ZM6.632 7.387 0 15.139h11.844l1.33-3.655H8.1l3.1-3.586.01-.095-2.016-3.471h9.072l-7.032 19.35h4.812L24.538.358H2.6l4.033 7.028Zm69.168-2.364c2.292 0 4.3 1.233 6.055 3.346l.921-6.575C81.143.688 78.93 0 76 0c-5.82 0-9.09 3.409-9.09 7.734 0 3 1.675 4.834 4.426 6.02l1.315.598c2.452 1.047 3.11 1.565 3.11 2.671 0 1.146-1.106 1.874-2.79 1.874-2.782.01-5.034-1.415-6.728-3.847l-.94 6.699C67.234 23.22 69.708 24 72.97 24c5.532 0 8.93-3.19 8.93-7.615 0-3.01-1.335-4.943-4.704-6.458l-1.435-.678c-1.994-.887-2.671-1.375-2.671-2.352 0-1.056.927-1.874 2.71-1.874Z"
|
|
31
|
+
fill="#163300"
|
|
32
|
+
/>
|
|
33
|
+
</svg>
|
|
22
34
|
</span>
|
|
23
35
|
</div>
|
|
24
36
|
`;
|
|
@@ -31,7 +43,19 @@ exports[`Logo renders wise business logo 1`] = `
|
|
|
31
43
|
role="img"
|
|
32
44
|
>
|
|
33
45
|
<svg
|
|
34
|
-
class="np-logo-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.826 7.232 0 15.21h12.188l1.37-3.762H8.335l3.191-3.69.01-.098L9.461 4.09h9.336L11.56 24h4.953L25.25 0H2.676l4.15 7.232Z"
|
|
54
|
+
fill="#163300"
|
|
55
|
+
/>
|
|
56
|
+
</svg>
|
|
57
|
+
<svg
|
|
58
|
+
class="np-logo-svg np-logo-svg--size-md"
|
|
35
59
|
fill="none"
|
|
36
60
|
height="24"
|
|
37
61
|
width="106"
|
|
@@ -54,7 +78,19 @@ exports[`Logo renders wise business logo inversed 1`] = `
|
|
|
54
78
|
role="img"
|
|
55
79
|
>
|
|
56
80
|
<svg
|
|
57
|
-
class="np-logo-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.826 7.232 0 15.21h12.188l1.37-3.762H8.335l3.191-3.69.01-.098L9.461 4.09h9.336L11.56 24h4.953L25.25 0H2.676l4.15 7.232Z"
|
|
89
|
+
fill="#9FE870"
|
|
90
|
+
/>
|
|
91
|
+
</svg>
|
|
92
|
+
<svg
|
|
93
|
+
class="np-logo-svg np-logo-svg--size-md"
|
|
58
94
|
fill="none"
|
|
59
95
|
height="24"
|
|
60
96
|
width="106"
|
|
@@ -77,7 +113,19 @@ exports[`Logo renders wise logo 1`] = `
|
|
|
77
113
|
role="img"
|
|
78
114
|
>
|
|
79
115
|
<svg
|
|
80
|
-
class="np-logo-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.826 7.232 0 15.21h12.188l1.37-3.762H8.335l3.191-3.69.01-.098L9.461 4.09h9.336L11.56 24h4.953L25.25 0H2.676l4.15 7.232Z"
|
|
124
|
+
fill="#163300"
|
|
125
|
+
/>
|
|
126
|
+
</svg>
|
|
127
|
+
<svg
|
|
128
|
+
class="np-logo-svg np-logo-svg--size-md"
|
|
81
129
|
fill="none"
|
|
82
130
|
height="24"
|
|
83
131
|
width="106"
|
|
@@ -100,7 +148,19 @@ exports[`Logo renders wise logo by default 1`] = `
|
|
|
100
148
|
role="img"
|
|
101
149
|
>
|
|
102
150
|
<svg
|
|
103
|
-
class="np-logo-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.826 7.232 0 15.21h12.188l1.37-3.762H8.335l3.191-3.69.01-.098L9.461 4.09h9.336L11.56 24h4.953L25.25 0H2.676l4.15 7.232Z"
|
|
159
|
+
fill="#163300"
|
|
160
|
+
/>
|
|
161
|
+
</svg>
|
|
162
|
+
<svg
|
|
163
|
+
class="np-logo-svg np-logo-svg--size-md"
|
|
104
164
|
fill="none"
|
|
105
165
|
height="24"
|
|
106
166
|
width="106"
|
|
@@ -123,7 +183,19 @@ exports[`Logo renders wise logo inversed 1`] = `
|
|
|
123
183
|
role="img"
|
|
124
184
|
>
|
|
125
185
|
<svg
|
|
126
|
-
class="np-logo-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.826 7.232 0 15.21h12.188l1.37-3.762H8.335l3.191-3.69.01-.098L9.461 4.09h9.336L11.56 24h4.953L25.25 0H2.676l4.15 7.232Z"
|
|
194
|
+
fill="#9FE870"
|
|
195
|
+
/>
|
|
196
|
+
</svg>
|
|
197
|
+
<svg
|
|
198
|
+
class="np-logo-svg np-logo-svg--size-md"
|
|
127
199
|
fill="none"
|
|
128
200
|
height="24"
|
|
129
201
|
width="106"
|
|
@@ -146,7 +218,19 @@ exports[`Logo renders wise platform logo 1`] = `
|
|
|
146
218
|
role="img"
|
|
147
219
|
>
|
|
148
220
|
<svg
|
|
149
|
-
class="np-logo-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.08Zm17.114 11.8V.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.078a1.1 1.1 0 0 0 .568.488c.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.985Zm13.846 3.041V7.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.2Zm12.182.257c-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.613Zm8.044 1.818V5.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.363a5.1 5.1 0 0 0-.538-.095 5.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.002Zm8.589 0V5.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"
|
|
150
234
|
fill="none"
|
|
151
235
|
height="18"
|
|
152
236
|
width="172"
|
|
@@ -169,7 +253,19 @@ exports[`Logo renders wise platform logo inversed 1`] = `
|
|
|
169
253
|
role="img"
|
|
170
254
|
>
|
|
171
255
|
<svg
|
|
172
|
-
class="np-logo-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.08Zm17.114 11.799V.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.518Zm6.889 17.207c-.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.19 33.88 33.88 0 0 1-.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.078a1.1 1.1 0 0 0 .568.488c.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.983Zm13.846 3.041v1.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.2Zm12.182.257c-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.612Zm8.044 1.817V5.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.363a5.1 5.1 0 0 0-.538-.095 5.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.002Zm8.589 0V5.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.826h-2.522Z"
|
|
264
|
+
fill="#fff"
|
|
265
|
+
/>
|
|
266
|
+
</svg>
|
|
267
|
+
<svg
|
|
268
|
+
class="np-logo-svg np-logo-svg--size-md"
|
|
173
269
|
fill="none"
|
|
174
270
|
height="18"
|
|
175
271
|
width="172"
|
package/src/main.css
CHANGED
|
@@ -3023,6 +3023,22 @@ a {
|
|
|
3023
3023
|
.np-theme-personal--dark .np-logo-svg path {
|
|
3024
3024
|
fill: var(--color-white);
|
|
3025
3025
|
}
|
|
3026
|
+
.np-logo-svg--size-sm {
|
|
3027
|
+
display: block;
|
|
3028
|
+
}
|
|
3029
|
+
@media (min-width: 576px) {
|
|
3030
|
+
.np-logo-svg--size-sm {
|
|
3031
|
+
display: none;
|
|
3032
|
+
}
|
|
3033
|
+
}
|
|
3034
|
+
.np-logo-svg--size-md {
|
|
3035
|
+
display: none;
|
|
3036
|
+
}
|
|
3037
|
+
@media (min-width: 576px) {
|
|
3038
|
+
.np-logo-svg--size-md {
|
|
3039
|
+
display: block;
|
|
3040
|
+
}
|
|
3041
|
+
}
|
|
3026
3042
|
.tw-modal--scrollable {
|
|
3027
3043
|
max-height: 100%;
|
|
3028
3044
|
/* mobile viewport bug fix */
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { ThemeProvider } from '@wise/components-theming';
|
|
3
|
-
|
|
4
|
-
import Button from '../../button';
|
|
5
|
-
|
|
6
|
-
export default {
|
|
7
|
-
component: ThemeProvider,
|
|
8
|
-
title: 'Other/ThemeProvider',
|
|
9
|
-
} satisfies Meta<typeof ThemeProvider>;
|
|
10
|
-
|
|
11
|
-
type Story = StoryObj<typeof ThemeProvider>;
|
|
12
|
-
|
|
13
|
-
export const PlatformTheme: Story = {
|
|
14
|
-
render: () => (
|
|
15
|
-
<>
|
|
16
|
-
<ThemeProvider theme="platform">
|
|
17
|
-
<Button>Button</Button>
|
|
18
|
-
</ThemeProvider>
|
|
19
|
-
</>
|
|
20
|
-
),
|
|
21
|
-
};
|