@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.
Files changed (4) hide show
  1. package/components/Button/Button.scss +1 -1
  2. package/components/Button/Button.svelte +20 -2
  3. package/components/Button/ButtoonActiveClass.scss +19 -1
  4. package/package.json +1 -1
package/components/Button/Button.scss CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  .ebtn {
4
4
  // Default styles for button
5
- background-color: $gray-300;
5
+ background-color: $white;
6
6
  color: black;
7
7
  border: none;
8
8
  cursor: pointer;
package/components/Button/Button.svelte CHANGED
@@ -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 : ''}`,'ebtn'];
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: #DEE2E6;
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>
package/components/Button/ButtoonActiveClass.scss CHANGED
@@ -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
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@enki-tek/fms-web-components",
3
- "version": "0.0.73",
3
+ "version": "0.0.74",
4
4
  "devDependencies": {
5
5
  "@storybook/addon-essentials": "^7.6.14",
6
6
  "@storybook/addon-interactions": "^7.6.14",