@transferwise/components 46.117.0 → 46.117.1
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 +85 -25
- package/build/styles/button/Button.css +5 -5
- package/build/styles/button/Button.vars.css +5 -5
- package/build/styles/main.css +85 -25
- package/build/styles/sentimentSurface/SentimentSurface.css +80 -20
- package/build/types/button/_stories/helpers.d.ts +11 -0
- package/build/types/button/_stories/helpers.d.ts.map +1 -0
- package/build/types/test-utils/story-config.d.ts +1 -1
- package/build/types/test-utils/story-config.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/button/Button.css +5 -5
- package/src/button/Button.vars.css +5 -5
- package/src/button/Button.vars.less +5 -5
- package/src/button/{Button.accessibility.docs.mdx → _stories/Button.accessibility.docs.mdx} +1 -1
- package/src/button/_stories/Button.brightGreen.tests.story.tsx +31 -0
- package/src/button/_stories/Button.dark.tests.story.tsx +25 -0
- package/src/button/_stories/Button.default.tests.story.tsx +25 -0
- package/src/button/_stories/Button.forestGreen.tests.story.tsx +28 -0
- package/src/button/{Button.story.tsx → _stories/Button.story.tsx} +6 -6
- package/src/button/{Button.tests.story.tsx → _stories/Button.tests.story.tsx} +5 -82
- package/src/button/_stories/helpers.tsx +118 -0
- package/src/main.css +85 -25
- package/src/sentimentSurface/SentimentSurface.css +80 -20
- package/src/sentimentSurface/SentimentSurface.less +40 -10
- package/src/test-utils/story-config.ts +5 -0
|
@@ -6,7 +6,10 @@
|
|
|
6
6
|
|
|
7
7
|
&-negative {
|
|
8
8
|
.np-theme-personal &,
|
|
9
|
-
.np-theme-
|
|
9
|
+
.np-theme-business &,
|
|
10
|
+
.np-theme-platform &,
|
|
11
|
+
.np-theme-personal--bright-green &,
|
|
12
|
+
.np-theme-business--bright-green & {
|
|
10
13
|
&-base {
|
|
11
14
|
.sentiment-surface-tokens(
|
|
12
15
|
#CB272F, #B8232B, #A72027,
|
|
@@ -30,7 +33,10 @@
|
|
|
30
33
|
}
|
|
31
34
|
|
|
32
35
|
.np-theme-personal--dark &,
|
|
33
|
-
.np-theme-
|
|
36
|
+
.np-theme-business--dark &,
|
|
37
|
+
.np-theme-personal--forest-green &,
|
|
38
|
+
.np-theme-business--forest-green &,
|
|
39
|
+
.np-theme-platform--forest-green & {
|
|
34
40
|
&-base {
|
|
35
41
|
.sentiment-surface-tokens(
|
|
36
42
|
#FFA8AD, #FFBDC0, #FFD1D3,
|
|
@@ -56,7 +62,10 @@
|
|
|
56
62
|
|
|
57
63
|
&-warning {
|
|
58
64
|
.np-theme-personal &,
|
|
59
|
-
.np-theme-
|
|
65
|
+
.np-theme-business &,
|
|
66
|
+
.np-theme-platform &,
|
|
67
|
+
.np-theme-personal--bright-green &,
|
|
68
|
+
.np-theme-business--bright-green & {
|
|
60
69
|
&-base {
|
|
61
70
|
.sentiment-surface-tokens(
|
|
62
71
|
#4A3B1C, #302612, #2C2311, // content-primary (default, hover, active)
|
|
@@ -80,7 +89,10 @@
|
|
|
80
89
|
}
|
|
81
90
|
|
|
82
91
|
.np-theme-personal--dark &,
|
|
83
|
-
.np-theme-
|
|
92
|
+
.np-theme-business--dark &,
|
|
93
|
+
.np-theme-personal--forest-green &,
|
|
94
|
+
.np-theme-business--forest-green &,
|
|
95
|
+
.np-theme-platform--forest-green & {
|
|
84
96
|
&-base {
|
|
85
97
|
.sentiment-surface-tokens(
|
|
86
98
|
#FADC65, #F9D648, #F8CD20, // content-primary
|
|
@@ -105,7 +117,10 @@
|
|
|
105
117
|
}
|
|
106
118
|
&-success {
|
|
107
119
|
.np-theme-personal &,
|
|
108
|
-
.np-theme-
|
|
120
|
+
.np-theme-business &,
|
|
121
|
+
.np-theme-platform &,
|
|
122
|
+
.np-theme-personal--bright-green &,
|
|
123
|
+
.np-theme-business--bright-green & {
|
|
109
124
|
&-base {
|
|
110
125
|
.sentiment-surface-tokens(
|
|
111
126
|
#054D28, #043A1E, #022614, // content-primary (default, hover, active)
|
|
@@ -129,7 +144,10 @@
|
|
|
129
144
|
}
|
|
130
145
|
|
|
131
146
|
.np-theme-personal--dark &,
|
|
132
|
-
.np-theme-
|
|
147
|
+
.np-theme-business--dark &,
|
|
148
|
+
.np-theme-personal--forest-green &,
|
|
149
|
+
.np-theme-business--forest-green &,
|
|
150
|
+
.np-theme-platform--forest-green & {
|
|
133
151
|
&-base {
|
|
134
152
|
.sentiment-surface-tokens(
|
|
135
153
|
#BAE5A0, #C8EAB3, #D6F0C7, // content-primary
|
|
@@ -154,7 +172,10 @@
|
|
|
154
172
|
}
|
|
155
173
|
&-neutral {
|
|
156
174
|
.np-theme-personal &,
|
|
157
|
-
.np-theme-
|
|
175
|
+
.np-theme-business &,
|
|
176
|
+
.np-theme-platform &,
|
|
177
|
+
.np-theme-personal--bright-green &,
|
|
178
|
+
.np-theme-business--bright-green & {
|
|
158
179
|
&-base {
|
|
159
180
|
.sentiment-surface-tokens(
|
|
160
181
|
#454745, #353635, #232423, // content-primary (default, hover, active)
|
|
@@ -178,7 +199,10 @@
|
|
|
178
199
|
}
|
|
179
200
|
|
|
180
201
|
.np-theme-personal--dark &,
|
|
181
|
-
.np-theme-
|
|
202
|
+
.np-theme-business--dark &,
|
|
203
|
+
.np-theme-personal--forest-green &,
|
|
204
|
+
.np-theme-business--forest-green &,
|
|
205
|
+
.np-theme-platform--forest-green & {
|
|
182
206
|
&-base {
|
|
183
207
|
.sentiment-surface-tokens(
|
|
184
208
|
#F1F1ED, #E7E7E1, #DFDED5, // content-primary
|
|
@@ -203,7 +227,10 @@
|
|
|
203
227
|
}
|
|
204
228
|
&-proposition {
|
|
205
229
|
.np-theme-personal &,
|
|
206
|
-
.np-theme-
|
|
230
|
+
.np-theme-business &,
|
|
231
|
+
.np-theme-platform &,
|
|
232
|
+
.np-theme-personal--bright-green &,
|
|
233
|
+
.np-theme-business--bright-green & {
|
|
207
234
|
&-base {
|
|
208
235
|
.sentiment-surface-tokens(
|
|
209
236
|
#0E0F0C, #0A2826, #074140, // content-primary (default, hover, active)
|
|
@@ -227,7 +254,10 @@
|
|
|
227
254
|
}
|
|
228
255
|
|
|
229
256
|
.np-theme-personal--dark &,
|
|
230
|
-
.np-theme-
|
|
257
|
+
.np-theme-business--dark &,
|
|
258
|
+
.np-theme-personal--forest-green &,
|
|
259
|
+
.np-theme-business--forest-green &,
|
|
260
|
+
.np-theme-platform--forest-green & {
|
|
231
261
|
&-base {
|
|
232
262
|
.sentiment-surface-tokens(
|
|
233
263
|
#FFFFFF, #EAF9F9, #D5F4F4, // content-primary
|