@enki-tek/fms-web-components 0.0.73 → 0.0.74
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.
@@ -12,7 +12,7 @@
|
|
12
12
|
export let id='';
|
13
13
|
export let actived={state:false,color:'danger'};
|
14
14
|
|
15
|
-
let buttonStyles = [className,`ebg-active-${actived.state === true ? actived.color : ''}
|
15
|
+
let buttonStyles = [className,`ebg-active-${actived.state === true ? actived.color : ''}`];
|
16
16
|
if (buttonConfig.hasOwnProperty(config)) {
|
17
17
|
buttonStyles = ['ebtn', ...buttonConfig[config], `ebg-${shade}`, `eoutline-${outlineShade}`, `ebtn-${size}`,`ebtn-${shade}:hover`,`ebtn-${shade}:focus` ,`disabled`,className];
|
18
18
|
}
|
@@ -51,7 +51,7 @@
|
|
51
51
|
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
|
52
52
|
@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap");
|
53
53
|
.ebtn {
|
54
|
-
background-color: #
|
54
|
+
background-color: #ffffff;
|
55
55
|
color: black;
|
56
56
|
border: none;
|
57
57
|
cursor: pointer;
|
@@ -1338,56 +1338,74 @@
|
|
1338
1338
|
}
|
1339
1339
|
.ebg-active-secondary {
|
1340
1340
|
background-color: #3AC82E;
|
1341
|
+
color: #ffffff;
|
1341
1342
|
}
|
1342
1343
|
.ebg-active-secondaryDark {
|
1343
1344
|
background-color: #00A855;
|
1345
|
+
color: #ffffff;
|
1344
1346
|
}
|
1345
1347
|
.ebg-active-secondaryLight {
|
1346
1348
|
background-color: #CBFFC7;
|
1349
|
+
color: #ffffff;
|
1347
1350
|
}
|
1348
1351
|
.ebg-active-primary {
|
1349
1352
|
background-color: #00AEE5;
|
1353
|
+
color: #ffffff;
|
1350
1354
|
}
|
1351
1355
|
.ebg-active-primaryDark {
|
1352
1356
|
background-color: #007FD8;
|
1357
|
+
color: #ffffff;
|
1353
1358
|
}
|
1354
1359
|
.ebg-active-primaryLight {
|
1355
1360
|
background-color: #CEF3FF;
|
1361
|
+
color: #ffffff;
|
1356
1362
|
}
|
1357
1363
|
.ebg-active-danger {
|
1358
1364
|
background-color: #FE4747;
|
1365
|
+
color: #ffffff;
|
1359
1366
|
}
|
1360
1367
|
.ebg-active-dangerDark {
|
1361
1368
|
background-color: #B02A37;
|
1369
|
+
color: #ffffff;
|
1362
1370
|
}
|
1363
1371
|
.ebg-active-dangerLight {
|
1364
1372
|
background-color: #f8d7da;
|
1373
|
+
color: #ffffff;
|
1365
1374
|
}
|
1366
1375
|
.ebg-active-warning {
|
1367
1376
|
background-color: #FFBA3A;
|
1377
|
+
color: #ffffff;
|
1368
1378
|
}
|
1369
1379
|
.ebg-active-warningDark {
|
1370
1380
|
background-color: #997404;
|
1381
|
+
color: #ffffff;
|
1371
1382
|
color: #ffffff !important;
|
1372
1383
|
}
|
1373
1384
|
.ebg-active-warningLight {
|
1374
1385
|
background-color: #FFF3CD;
|
1386
|
+
color: #ffffff;
|
1375
1387
|
}
|
1376
1388
|
.ebg-active-info {
|
1377
1389
|
background-color: #0DCAF0;
|
1390
|
+
color: #ffffff;
|
1378
1391
|
}
|
1379
1392
|
.ebg-active-infoDark {
|
1380
1393
|
background-color: #087990;
|
1394
|
+
color: #ffffff;
|
1381
1395
|
}
|
1382
1396
|
.ebg-active-infoLight {
|
1383
1397
|
background-color: #9EEAF9;
|
1398
|
+
color: #ffffff;
|
1384
1399
|
}
|
1385
1400
|
.ebg-active-success {
|
1386
1401
|
background-color: #00A96B;
|
1402
|
+
color: #ffffff;
|
1387
1403
|
}
|
1388
1404
|
.ebg-active-successDark {
|
1389
1405
|
background-color: #146C43;
|
1406
|
+
color: #ffffff;
|
1390
1407
|
}
|
1391
1408
|
.ebg-active-successLight {
|
1392
1409
|
background-color: #D1E7DD;
|
1410
|
+
color: #ffffff;
|
1393
1411
|
}</style>
|
@@ -2,62 +2,80 @@
|
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
-
.ebg-active-secondary{
|
5
|
+
.ebg-active-secondary{
|
6
6
|
background-color: $secondary;
|
7
|
+
color: $white;
|
7
8
|
}
|
8
9
|
|
9
10
|
.ebg-active-secondaryDark{
|
10
11
|
background-color: $secondary-dark;
|
12
|
+
color: $white;
|
11
13
|
}
|
12
14
|
|
13
15
|
.ebg-active-secondaryLight{
|
14
16
|
background-color: $secondary-light;
|
17
|
+
color: $white;
|
15
18
|
}
|
16
19
|
|
17
20
|
.ebg-active-primary {
|
18
21
|
background-color: $primary;
|
22
|
+
color: $white;
|
19
23
|
}
|
20
24
|
|
21
25
|
.ebg-active-primaryDark {
|
22
26
|
background-color: $primary-dark;
|
27
|
+
color: $white;
|
23
28
|
}
|
24
29
|
.ebg-active-primaryLight {
|
25
30
|
background-color: $primary-light;
|
31
|
+
color: $white;
|
26
32
|
}
|
27
33
|
.ebg-active-danger {
|
28
34
|
background-color: $danger ;
|
35
|
+
color: $white;
|
29
36
|
}
|
30
37
|
.ebg-active-dangerDark {
|
31
38
|
background-color: $danger-dark;
|
39
|
+
color: $white;
|
32
40
|
}
|
33
41
|
.ebg-active-dangerLight {
|
34
42
|
background-color: $danger-light;
|
43
|
+
color: $white;
|
35
44
|
}
|
36
45
|
.ebg-active-warning {
|
37
46
|
background-color: $warning;
|
47
|
+
color: $white;
|
38
48
|
}
|
39
49
|
.ebg-active-warningDark {
|
40
50
|
background-color: $warning-dark;
|
51
|
+
color: $white;
|
41
52
|
color: $white !important;
|
42
53
|
}
|
43
54
|
.ebg-active-warningLight {
|
44
55
|
background-color: $warning-light;
|
56
|
+
color: $white;
|
45
57
|
}
|
46
58
|
.ebg-active-info {
|
47
59
|
background-color: $info;
|
60
|
+
color: $white;
|
48
61
|
}
|
49
62
|
.ebg-active-infoDark {
|
50
63
|
background-color: $info-dark;
|
64
|
+
color: $white;
|
51
65
|
}
|
52
66
|
.ebg-active-infoLight {
|
53
67
|
background-color: $info-light;
|
68
|
+
color: $white;
|
54
69
|
}
|
55
70
|
.ebg-active-success {
|
56
71
|
background-color: $success;
|
72
|
+
color: $white;
|
57
73
|
}
|
58
74
|
.ebg-active-successDark {
|
59
75
|
background-color: $success-dark;
|
76
|
+
color: $white;
|
60
77
|
}
|
61
78
|
.ebg-active-successLight {
|
62
79
|
background-color: $success-light;
|
80
|
+
color: $white;
|
63
81
|
}
|