@transferwise/neptune-css 14.3.5 → 14.3.7

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/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@transferwise/neptune-css",
3
3
  "description": "Neptune CSS library",
4
- "version": "14.3.5",
4
+ "version": "14.3.7",
5
5
  "license": "MIT",
6
6
  "repository": {
7
7
  "type": "git",
@@ -53,5 +53,5 @@
53
53
  "bin": {
54
54
  "neptune-css-upgrade-util": "scripts/neptune-css-upgrader.js"
55
55
  },
56
- "gitHead": "422385e170c801418f48ab8e6fa7c2bd058d1d18"
56
+ "gitHead": "370fff1d4abe2d3a78c5cd9ee2d9d232e88d15dc"
57
57
  }
@@ -4,9 +4,8 @@
4
4
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.6);
5
5
 
6
6
  .np-theme-personal & {
7
- box-shadow: none;
7
+ box-shadow: inset 0 0 0 1px var(--color-border-neutral);
8
8
  border-radius: 50%;
9
- outline: 1px solid var(--color-border-neutral);
10
9
  }
11
10
 
12
11
  .btn &,
@@ -0,0 +1,352 @@
1
+ :root {
2
+ --Loading-side: #163300;
3
+ --Loading-side-dark: #163300;
4
+ --Loading-coin-size: 7rem;
5
+ --Loading-coin-face: url("data:image/png;base64,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");
6
+ }
7
+
8
+ @size-names: xs sm md lg xl;
9
+ @sizes: 24px 48px 72px 96px 128px;
10
+
11
+ @keyframe-jumps: 7%, 8%, 3%, 7%;
12
+ @opacity-keyframe-jumps: 3%, 12%, 3%, 7%;
13
+
14
+ @sequences: -45% 40% -20% 60%, 20% -55% 50% -18%, -35% 18% -10% 10%, -18% -60% 25% -25%,
15
+ 40% -35% 60% -25%;
16
+
17
+ .rem( @property, @list, @base: 16 ) {
18
+ @n: length(@list);
19
+
20
+ // Only convert numbers that are not percentages or 0;
21
+ ._merge( @px ) when ( isnumber(@px) ) and not ( ispercentage(@px) ) and not ( @px = 0 ) {
22
+ @rem: ( @px / @base );
23
+
24
+ @{property}+_: unit(@rem, rem);
25
+ }
26
+ ._merge( @px ) when ( default() ) {
27
+ @{property}+_: @px;
28
+ }
29
+
30
+ ._loop( @n ) when ( @n > 0 ) {
31
+ ._loop((@n - 1));
32
+
33
+ @val: extract(@list, @n);
34
+ ._merge( @val ); // merges values onto @property with space character.
35
+ }
36
+
37
+ ._loop( @n );
38
+ }
39
+
40
+ .keyframe-opacity(@opacity: 0; @prevPercent: 0; @keyframeIndex: 1; @delay: 0 ) {
41
+ @percent-current: (@prevPercent + extract(@opacity-keyframe-jumps, @keyframeIndex));
42
+ @percent-with-delay: (@percent-current + @delay);
43
+ @{percent-with-delay} {
44
+ opacity: @opacity;
45
+ }
46
+ }
47
+
48
+ .keyframe-translate(@direction: 1; @position; @prevPercent: 0; @keyframeIndex: 1; @delay: 0 ) {
49
+ @percent-current: (@prevPercent + extract(@keyframe-jumps, @keyframeIndex));
50
+ @percent-with-delay: (@percent-current + @delay);
51
+
52
+ @edge-position: (if((@keyframeIndex = 4), -80%, 100%) * @direction);
53
+ @key-position: (@position + ((1% * @direction) * if((@keyframeIndex = 1), -1, 1)));
54
+ @offset: if((@keyframeIndex <= 2), @key-position, @edge-position);
55
+
56
+ @{percent-with-delay} {
57
+ transform: translateX(@offset) skew(-23.5deg);
58
+ }
59
+ }
60
+
61
+ .generate-anim(
62
+ @name: 'slide';
63
+ @direction: 1; // 1 = animate to right, -1 = animate to left,
64
+ @positions: -50%, 50%, 20%, 60%;
65
+ @delay: 0;
66
+ ) {
67
+ @opacity-anim-name: "@{name}-opacity";
68
+
69
+ /* stylelint-disable-next-line function-no-unknown */
70
+ animation: e(@name) 6s linear 0s infinite, e(@opacity-anim-name) 6s linear 0s infinite;
71
+
72
+ // Opacity animation frames
73
+ @keyframes e(@opacity-anim-name) {
74
+ 0% {
75
+ opacity: 0;
76
+ }
77
+
78
+ // Loop for 4 times for each animation
79
+ .forI(@i: 0) when (@i <= 3) {
80
+ // Each segment has 4 keyframes
81
+ .forC(@c: 1, @percent) when (@c <= 4) {
82
+ .keyframe-opacity(if((@c >= 3), 0, 1), @percent, @c, if((@c = 3), (@delay * 1%), 0%));
83
+ .forC((@c + 1), @percent-current);
84
+ }
85
+
86
+ .forC(1, (@i * 25%));
87
+ .forI((@i + 1));
88
+ }
89
+
90
+ .forI();
91
+ }
92
+
93
+ // Position animation frames
94
+ @keyframes e(@name) {
95
+ // Insert 0 frame
96
+ 0% {
97
+ transform: translateX((100% * @direction * -1)) skew(-23.5deg);
98
+ }
99
+
100
+ // There are 4 different animation sequences
101
+ .forI(@i: 0) when (@i <= 3) {
102
+ // @random-offset: random(@sway) + 0%; // Less doesn't have a random function like Sass
103
+ @random-offset: 0%;
104
+
105
+ // Each segment has 4 keyframes
106
+ .forC(@c: 1, @percent) when (@c <= 4) {
107
+ .keyframe-translate(
108
+ @direction,
109
+ extract(@positions, (@i + 1)),
110
+ @percent,
111
+ @c,
112
+ if(((@c = 2) or (@c = 3)), (@delay * 1%), 0%)
113
+ );
114
+
115
+ .forC((@c + 1), @percent-current);
116
+ }
117
+
118
+ .forC(1, (@i * 25%));
119
+ .forI((@i + 1));
120
+ }
121
+ .forI();
122
+ }
123
+ }
124
+
125
+ .tw-loader {
126
+ overflow: hidden;
127
+ border-radius: 50%;
128
+ backface-visibility: hidden;
129
+ transform: translate3d(0, 0, 0);
130
+
131
+ .for(@c: 1) when (@c <= length(@sizes)) {
132
+ @size-name: extract(@size-names, @c);
133
+ @size: extract(@sizes, @c);
134
+
135
+ &.tw-loader--@{size-name} {
136
+ width: @size;
137
+ height: @size;
138
+ }
139
+
140
+ .for((@c + 1));
141
+ }
142
+
143
+ .for();
144
+
145
+ &__stripe {
146
+ position: relative;
147
+ width: 100%;
148
+ height: 11%;
149
+ margin: 7.5% 0;
150
+ background-color: var(--color-interactive-accent);
151
+
152
+ .np-theme-personal & {
153
+ background-color: var(--color-interactive-primary);
154
+ }
155
+
156
+ .for(@c: 1) when (@c <= length(@sequences)) {
157
+ &:nth-child(@{c}) {
158
+ @direction: if((mod(@c, 2) > 0), 1, -1);
159
+ .generate-anim("s-@{c}", @direction, extract(@sequences, @c), (@c - 1));
160
+ }
161
+
162
+ .for((@c + 1));
163
+ }
164
+
165
+ .for();
166
+ }
167
+ }
168
+
169
+ .np-theme-personal {
170
+ .tw-loader {
171
+ width: var(--Loading-coin-size);
172
+ height: var(--Loading-coin-size);
173
+ margin: 0.5rem;
174
+ display: flex;
175
+ flex-direction: column;
176
+ justify-content: center;
177
+ align-items: center;
178
+
179
+ &::before {
180
+ content: "";
181
+ display: block;
182
+ width: var(--Loading-coin-size);
183
+ height: var(--Loading-coin-size);
184
+ position: relative;
185
+ border-radius: 50%;
186
+ animation:
187
+ spin 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s
188
+ infinite both;
189
+ animation: spin 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s infinite both;
190
+ background-image: var(--Loading-coin-face);
191
+ background-size: 100% 100%;
192
+ background-position: center;
193
+ background-blend-mode: overlay;
194
+ }
195
+ }
196
+
197
+ .for(@c: 1) when (@c <= length(@sizes)) {
198
+ @size-name: extract(@size-names, @c);
199
+ @size: extract(@sizes, @c);
200
+
201
+ .tw-loader--@{size-name} {
202
+ .rem( --Loading-coin-size, @size);
203
+
204
+ width: var(--Loading-coin-size);
205
+ height: var(--Loading-coin-size);
206
+ }
207
+
208
+ .for((@c + 1));
209
+ }
210
+
211
+ .for();
212
+ }
213
+
214
+ .np-theme-personal--forest-green {
215
+ --Loading-coin-face: url("data:image/png;base64,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");
216
+ --Loading-side: #9fe870;
217
+ --Loading-side-dark: #9fe870;
218
+ }
219
+
220
+ .np-theme-personal--dark {
221
+ --Loading-coin-face: url("data:image/png;base64,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");
222
+ --Loading-side: #9fe870;
223
+ --Loading-side-dark: #9fe870;
224
+ }
225
+
226
+ /* animation definitions */
227
+
228
+ @keyframes spin {
229
+ 0% {
230
+ width: var(--Loading-coin-size);
231
+ box-shadow: 0 0 0 var(--Loading-side-dark);
232
+ animation-timing-function: ease-in;
233
+ transform: translateX(0);
234
+ transform: translateX(0);
235
+ }
236
+
237
+ 43.5% {
238
+ width: 0.1rem;
239
+ box-shadow:
240
+ 0.05rem 0 0 var(--Loading-side),
241
+ 0.1rem 0 0 var(--Loading-side),
242
+ 0.15rem 0 0 var(--Loading-side),
243
+ 0.2rem 0 0 var(--Loading-side),
244
+ 0.25rem 0 0 var(--Loading-side),
245
+ 0.3rem 0 0 var(--Loading-side),
246
+ 0.35rem 0 0 var(--Loading-side),
247
+ 0.4rem 0 0 var(--Loading-side),
248
+ 0.45rem 0 0 var(--Loading-side),
249
+ 0.5rem 0 0 var(--Loading-side),
250
+ 0.55rem 0 0 var(--Loading-side),
251
+ 0.6rem 0 0 var(--Loading-side),
252
+ 0.65rem 0 0 var(--Loading-side),
253
+ 0.7rem 0 0 var(--Loading-side),
254
+ 0.75rem 0 0 var(--Loading-side);
255
+ transform: translateX(-0.375rem);
256
+ transform: translateX(-0.375rem);
257
+ animation-timing-function: linear;
258
+ }
259
+
260
+ 57% {
261
+ width: 0.1rem;
262
+ box-shadow:
263
+ -0.05rem 0 0 var(--Loading-side),
264
+ -0.1rem 0 0 var(--Loading-side),
265
+ -0.15rem 0 0 var(--Loading-side),
266
+ -0.2rem 0 0 var(--Loading-side),
267
+ -0.25rem 0 0 var(--Loading-side),
268
+ -0.3rem 0 0 var(--Loading-side),
269
+ -0.35rem 0 0 var(--Loading-side),
270
+ -0.4rem 0 0 var(--Loading-side),
271
+ -0.45rem 0 0 var(--Loading-side),
272
+ -0.5rem 0 0 var(--Loading-side),
273
+ -0.55rem 0 0 var(--Loading-side),
274
+ -0.6rem 0 0 var(--Loading-side),
275
+ -0.65rem 0 0 var(--Loading-side),
276
+ -0.7rem 0 0 var(--Loading-side),
277
+ -0.75rem 0 0 var(--Loading-side);
278
+ transform: translateX(0.375rem);
279
+ transform: translateX(0.375rem);
280
+ animation-timing-function: ease-out;
281
+ }
282
+
283
+ 100% {
284
+ width: var(--Loading-coin-size);
285
+ box-shadow: 0 0 0 var(--Loading-side-dark);
286
+ transform: translateX(0);
287
+ transform: translateX(0);
288
+ }
289
+ }
290
+
291
+ @keyframes spin {
292
+ 0% {
293
+ width: var(--Loading-coin-size);
294
+ box-shadow: 0 0 0 var(--Loading-side-dark);
295
+ animation-timing-function: ease-in;
296
+ transform: translateX(0);
297
+ transform: translateX(0);
298
+ }
299
+
300
+ 43.5% {
301
+ width: 0.1rem;
302
+ box-shadow:
303
+ 0.05rem 0 0 var(--Loading-side),
304
+ 0.1rem 0 0 var(--Loading-side),
305
+ 0.15rem 0 0 var(--Loading-side),
306
+ 0.2rem 0 0 var(--Loading-side),
307
+ 0.25rem 0 0 var(--Loading-side),
308
+ 0.3rem 0 0 var(--Loading-side),
309
+ 0.35rem 0 0 var(--Loading-side),
310
+ 0.4rem 0 0 var(--Loading-side),
311
+ 0.45rem 0 0 var(--Loading-side),
312
+ 0.5rem 0 0 var(--Loading-side),
313
+ 0.55rem 0 0 var(--Loading-side),
314
+ 0.6rem 0 0 var(--Loading-side),
315
+ 0.65rem 0 0 var(--Loading-side),
316
+ 0.7rem 0 0 var(--Loading-side),
317
+ 0.75rem 0 0 var(--Loading-side);
318
+ transform: translateX(-0.375rem);
319
+ transform: translateX(-0.375rem);
320
+ animation-timing-function: linear;
321
+ }
322
+
323
+ 57% {
324
+ width: 0.1rem;
325
+ box-shadow:
326
+ -0.05rem 0 0 var(--Loading-side),
327
+ -0.1rem 0 0 var(--Loading-side),
328
+ -0.15rem 0 0 var(--Loading-side),
329
+ -0.2rem 0 0 var(--Loading-side),
330
+ -0.25rem 0 0 var(--Loading-side),
331
+ -0.3rem 0 0 var(--Loading-side),
332
+ -0.35rem 0 0 var(--Loading-side),
333
+ -0.4rem 0 0 var(--Loading-side),
334
+ -0.45rem 0 0 var(--Loading-side),
335
+ -0.5rem 0 0 var(--Loading-side),
336
+ -0.55rem 0 0 var(--Loading-side),
337
+ -0.6rem 0 0 var(--Loading-side),
338
+ -0.65rem 0 0 var(--Loading-side),
339
+ -0.7rem 0 0 var(--Loading-side),
340
+ -0.75rem 0 0 var(--Loading-side);
341
+ transform: translateX(0.375rem);
342
+ transform: translateX(0.375rem);
343
+ animation-timing-function: ease-out;
344
+ }
345
+
346
+ 100% {
347
+ width: var(--Loading-coin-size);
348
+ box-shadow: 0 0 0 var(--Loading-side-dark);
349
+ transform: translateX(0);
350
+ transform: translateX(0);
351
+ }
352
+ }
@@ -23,6 +23,7 @@
23
23
  @import "./grid.less";
24
24
  @import "./link-callout.less";
25
25
  @import "./list-group.less";
26
+ @import "./loader.less";
26
27
  @import "./navs.less";
27
28
  @import "./navbar.less";
28
29
  @import "./select.less";