@entur/button 2.10.14 → 3.0.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.
- package/dist/styles.css +85 -80
- package/package.json +3 -3
package/dist/styles.css
CHANGED
|
@@ -1,6 +1,16 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--eds-button: 1;
|
|
3
|
-
}
|
|
3
|
+
}
|
|
4
|
+
/* DO NOT CHANGE!*/
|
|
5
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
6
|
+
.eds-button-group .eds-button {
|
|
7
|
+
margin-right: 0.75rem;
|
|
8
|
+
margin-bottom: 0.75rem;
|
|
9
|
+
}
|
|
10
|
+
.eds-button-group .eds-button:only-child {
|
|
11
|
+
margin: 0;
|
|
12
|
+
}
|
|
13
|
+
/* DO NOT CHANGE!*/
|
|
4
14
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
5
15
|
a.eds-button {
|
|
6
16
|
padding: 0.5rem 1rem;
|
|
@@ -215,15 +225,62 @@ a.eds-button--size-large {
|
|
|
215
225
|
background-color: #393d79;
|
|
216
226
|
border-color: #393d79;
|
|
217
227
|
color: #aeb7e2;
|
|
218
|
-
}
|
|
228
|
+
}
|
|
229
|
+
/* DO NOT CHANGE!*/
|
|
219
230
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
220
|
-
.eds-
|
|
221
|
-
|
|
222
|
-
|
|
231
|
+
.eds-icon-button {
|
|
232
|
+
border: 0.0625rem solid transparent;
|
|
233
|
+
border-radius: 0.25rem;
|
|
234
|
+
background: none;
|
|
235
|
+
color: inherit;
|
|
236
|
+
cursor: pointer;
|
|
237
|
+
display: flex;
|
|
238
|
+
justify-content: center;
|
|
239
|
+
align-items: center;
|
|
240
|
+
font-size: 1rem;
|
|
241
|
+
padding: 0.5rem;
|
|
223
242
|
}
|
|
224
|
-
.eds-button-
|
|
225
|
-
|
|
226
|
-
}
|
|
243
|
+
.eds-contrast .eds-icon-button > .eds-loading-dots .eds-loading-dots__dot {
|
|
244
|
+
background-color: #ffffff;
|
|
245
|
+
}
|
|
246
|
+
.eds-icon-button--size-small {
|
|
247
|
+
height: 1.5rem;
|
|
248
|
+
width: 1.5rem;
|
|
249
|
+
padding: 0;
|
|
250
|
+
}
|
|
251
|
+
.eds-icon-button--size-medium {
|
|
252
|
+
height: 2rem;
|
|
253
|
+
width: 2rem;
|
|
254
|
+
}
|
|
255
|
+
.eds-icon-button:hover {
|
|
256
|
+
background-color: #d1d4e3;
|
|
257
|
+
}
|
|
258
|
+
.eds-contrast .eds-icon-button:hover {
|
|
259
|
+
background-color: #393d79;
|
|
260
|
+
}
|
|
261
|
+
.eds-icon-button:active {
|
|
262
|
+
background: #babbcf;
|
|
263
|
+
}
|
|
264
|
+
.eds-contrast .eds-icon-button:active {
|
|
265
|
+
background: #292b6a;
|
|
266
|
+
}
|
|
267
|
+
.eds-icon-button:focus {
|
|
268
|
+
border: 0.0625rem solid #181c56;
|
|
269
|
+
outline: none;
|
|
270
|
+
}
|
|
271
|
+
.eds-contrast .eds-icon-button:focus {
|
|
272
|
+
border: 0.0625rem solid #ffffff;
|
|
273
|
+
}
|
|
274
|
+
.eds-icon-button--disabled {
|
|
275
|
+
opacity: 0.5;
|
|
276
|
+
pointer-events: none;
|
|
277
|
+
}
|
|
278
|
+
.eds-icon-button--disabled__wrapper {
|
|
279
|
+
cursor: not-allowed;
|
|
280
|
+
width: -moz-fit-content;
|
|
281
|
+
width: fit-content;
|
|
282
|
+
}
|
|
283
|
+
/* DO NOT CHANGE!*/
|
|
227
284
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
228
285
|
.eds-floating-button {
|
|
229
286
|
align-items: center;
|
|
@@ -296,60 +353,8 @@ a.eds-button--size-large {
|
|
|
296
353
|
}
|
|
297
354
|
.eds-floating-button--extended > *:last-child {
|
|
298
355
|
margin-right: 0;
|
|
299
|
-
}/* DO NOT CHANGE!*/
|
|
300
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
301
|
-
.eds-icon-button {
|
|
302
|
-
border: 0.0625rem solid transparent;
|
|
303
|
-
border-radius: 0.25rem;
|
|
304
|
-
background: none;
|
|
305
|
-
color: inherit;
|
|
306
|
-
cursor: pointer;
|
|
307
|
-
display: flex;
|
|
308
|
-
justify-content: center;
|
|
309
|
-
align-items: center;
|
|
310
|
-
font-size: 1rem;
|
|
311
|
-
padding: 0.5rem;
|
|
312
|
-
}
|
|
313
|
-
.eds-contrast .eds-icon-button > .eds-loading-dots .eds-loading-dots__dot {
|
|
314
|
-
background-color: #ffffff;
|
|
315
|
-
}
|
|
316
|
-
.eds-icon-button--size-small {
|
|
317
|
-
height: 1.5rem;
|
|
318
|
-
width: 1.5rem;
|
|
319
|
-
padding: 0;
|
|
320
|
-
}
|
|
321
|
-
.eds-icon-button--size-medium {
|
|
322
|
-
height: 2rem;
|
|
323
|
-
width: 2rem;
|
|
324
|
-
}
|
|
325
|
-
.eds-icon-button:hover {
|
|
326
|
-
background-color: #d1d4e3;
|
|
327
356
|
}
|
|
328
|
-
|
|
329
|
-
background-color: #393d79;
|
|
330
|
-
}
|
|
331
|
-
.eds-icon-button:active {
|
|
332
|
-
background: #babbcf;
|
|
333
|
-
}
|
|
334
|
-
.eds-contrast .eds-icon-button:active {
|
|
335
|
-
background: #292b6a;
|
|
336
|
-
}
|
|
337
|
-
.eds-icon-button:focus {
|
|
338
|
-
border: 0.0625rem solid #181c56;
|
|
339
|
-
outline: none;
|
|
340
|
-
}
|
|
341
|
-
.eds-contrast .eds-icon-button:focus {
|
|
342
|
-
border: 0.0625rem solid #ffffff;
|
|
343
|
-
}
|
|
344
|
-
.eds-icon-button--disabled {
|
|
345
|
-
opacity: 0.5;
|
|
346
|
-
pointer-events: none;
|
|
347
|
-
}
|
|
348
|
-
.eds-icon-button--disabled__wrapper {
|
|
349
|
-
cursor: not-allowed;
|
|
350
|
-
width: -moz-fit-content;
|
|
351
|
-
width: fit-content;
|
|
352
|
-
}/* DO NOT CHANGE!*/
|
|
357
|
+
/* DO NOT CHANGE!*/
|
|
353
358
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
354
359
|
.eds-square-button {
|
|
355
360
|
--icon-color: var(--primary-text-color);
|
|
@@ -412,9 +417,6 @@ a.eds-button--size-large {
|
|
|
412
417
|
--icon-background: transparent;
|
|
413
418
|
--border-color: #aeb7e2;
|
|
414
419
|
}
|
|
415
|
-
.eds-square-button--secondary .eds-square-button__loading-dots .eds-loading-dots__dot {
|
|
416
|
-
background: #181c56;
|
|
417
|
-
}
|
|
418
420
|
.eds-square-button--secondary:hover {
|
|
419
421
|
--icon-background: #aeb7e2;
|
|
420
422
|
}
|
|
@@ -432,19 +434,22 @@ a.eds-button--size-large {
|
|
|
432
434
|
.eds-contrast .eds-square-button--secondary .eds-square-button__loading-dots .eds-loading-dots__dot {
|
|
433
435
|
background: #ffffff;
|
|
434
436
|
}
|
|
437
|
+
.eds-square-button--secondary .eds-square-button__loading-dots .eds-loading-dots__dot {
|
|
438
|
+
background: #181c56;
|
|
439
|
+
}
|
|
435
440
|
|
|
436
441
|
.eds-square-button--success {
|
|
437
442
|
--icon-background: #5ac39a;
|
|
438
443
|
}
|
|
439
|
-
.eds-square-button--success .eds-square-button__loading-dots .eds-loading-dots__dot {
|
|
440
|
-
background: #181c56;
|
|
441
|
-
}
|
|
442
444
|
.eds-square-button--success:hover {
|
|
443
445
|
--icon-background: #6bc9a4;
|
|
444
446
|
}
|
|
445
447
|
.eds-square-button--success:active {
|
|
446
448
|
--icon-background: #56b992;
|
|
447
449
|
}
|
|
450
|
+
.eds-square-button--success .eds-square-button__loading-dots .eds-loading-dots__dot {
|
|
451
|
+
background: #181c56;
|
|
452
|
+
}
|
|
448
453
|
|
|
449
454
|
.eds-square-button__label {
|
|
450
455
|
color: var(--primary-text-color);
|
|
@@ -460,18 +465,6 @@ a.eds-button--size-large {
|
|
|
460
465
|
--border-color: #181c56;
|
|
461
466
|
font-size: 0.875rem;
|
|
462
467
|
}
|
|
463
|
-
.eds-square-button--tertiary .eds-square-button__label + .eds-square-button__icon,
|
|
464
|
-
.eds-square-button--tertiary .eds-square-button__icon + .eds-square-button__label {
|
|
465
|
-
margin-left: 0.75rem;
|
|
466
|
-
}
|
|
467
|
-
.eds-square-button--tertiary .eds-square-button__icon {
|
|
468
|
-
height: 2rem;
|
|
469
|
-
width: 2rem;
|
|
470
|
-
border-width: 0.0625rem;
|
|
471
|
-
}
|
|
472
|
-
.eds-square-button--tertiary .eds-square-button__loading-dots .eds-loading-dots__dot {
|
|
473
|
-
background: #181c56;
|
|
474
|
-
}
|
|
475
468
|
.eds-square-button--tertiary:hover {
|
|
476
469
|
--icon-background: #d1d4e3;
|
|
477
470
|
}
|
|
@@ -497,4 +490,16 @@ a.eds-button--size-large {
|
|
|
497
490
|
}
|
|
498
491
|
.eds-contrast .eds-square-button--tertiary .eds-square-button__loading-dots .eds-loading-dots__dot {
|
|
499
492
|
background: #ffffff;
|
|
500
|
-
}
|
|
493
|
+
}
|
|
494
|
+
.eds-square-button--tertiary .eds-square-button__label + .eds-square-button__icon,
|
|
495
|
+
.eds-square-button--tertiary .eds-square-button__icon + .eds-square-button__label {
|
|
496
|
+
margin-left: 0.75rem;
|
|
497
|
+
}
|
|
498
|
+
.eds-square-button--tertiary .eds-square-button__icon {
|
|
499
|
+
height: 2rem;
|
|
500
|
+
width: 2rem;
|
|
501
|
+
border-width: 0.0625rem;
|
|
502
|
+
}
|
|
503
|
+
.eds-square-button--tertiary .eds-square-button__loading-dots .eds-loading-dots__dot {
|
|
504
|
+
background: #181c56;
|
|
505
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/button",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.0.0",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/button.esm.js",
|
|
@@ -27,10 +27,10 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/loader": "^0.4.
|
|
30
|
+
"@entur/loader": "^0.4.23",
|
|
31
31
|
"@entur/tokens": "^3.8.0",
|
|
32
32
|
"@entur/utils": "^0.5.5",
|
|
33
33
|
"classnames": "^2.3.1"
|
|
34
34
|
},
|
|
35
|
-
"gitHead": "
|
|
35
|
+
"gitHead": "48cdba2e353c9311d52550a98c6b025deb7b8270"
|
|
36
36
|
}
|