@enki-tek/fms-web-components 0.0.58 → 0.0.60

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 (39) hide show
  1. package/components/Accordion/Accordion.svelte +3 -3
  2. package/components/Accordion/AccordionItem.svelte +3 -3
  3. package/components/Badge/Badge.svelte +3 -3
  4. package/components/Breadcrumb/Breadcrumb.svelte +3 -3
  5. package/components/Button/Button.scss +233 -14
  6. package/components/Button/Button.svelte +218 -17
  7. package/components/Button/Button.svelte.d.ts +2 -0
  8. package/components/Button/ButtonFilter.svelte +3 -3
  9. package/components/Button/FilterOption.svelte +3 -3
  10. package/components/Button/buttonConfig.js +0 -18
  11. package/components/CardIcon/CardIcon.svelte +3 -3
  12. package/components/CardIcon/CardiconBody.svelte +3 -3
  13. package/components/CardIcon/CardiconSubtitle.svelte +3 -3
  14. package/components/CardIcon/CardiconTitle.svelte +3 -3
  15. package/components/CheckBox/Checkbox.svelte +3 -3
  16. package/components/Dropdown/Dropdown.svelte +3 -3
  17. package/components/Dropdown/DropdownItem.svelte +3 -3
  18. package/components/EnkiSidbar/EnkiSidebar.svelte +3 -3
  19. package/components/EnkiSidbar/NavIcon.svelte +3 -3
  20. package/components/EnkiSidbar/NavItem.svelte +3 -3
  21. package/components/EnkiSidbar/NavLink.svelte +3 -3
  22. package/components/Header/Brand.svelte +3 -3
  23. package/components/Header/Header.svelte +3 -3
  24. package/components/Header/HeaderItem.svelte +3 -3
  25. package/components/Header/UserAvatar.svelte +3 -3
  26. package/components/ModalWindow/Modal.svelte +3 -3
  27. package/components/ModalWindow/ModalBody.svelte +3 -3
  28. package/components/ModalWindow/ModalFooter.svelte +3 -3
  29. package/components/ModalWindow/ModalHeader.svelte +3 -3
  30. package/components/Pagination/Pagination.svelte +3 -3
  31. package/components/RadioButton/RadioButton.svelte +3 -3
  32. package/components/Sidebar/Sidebar.svelte +3 -3
  33. package/components/Switches/Switch.svelte +3 -3
  34. package/components/Tab/Tab.svelte +3 -3
  35. package/components/TextField/TextField.scss +4 -3
  36. package/components/TextField/TextField.svelte +7 -5
  37. package/components/Tooltip/Tooltip.svelte +3 -3
  38. package/components/variable.scss +3 -15
  39. package/package.json +1 -1
package/components/Dropdown/Dropdown.svelte CHANGED
@@ -116,7 +116,7 @@ export let title = "Dropdowns";
116
116
  background-color: #B02A37;
117
117
  }
118
118
  :global(.ebg-dangerLight) {
119
- background-color: #FE4747;
119
+ background-color: #f8d7da;
120
120
  }
121
121
  :global(.ebg-warning) {
122
122
  background-color: #FFBA3A;
@@ -312,7 +312,7 @@ export let title = "Dropdowns";
312
312
  color: #B02A37;
313
313
  }
314
314
  :global(.etext-dangerLight) {
315
- color: #FE4747;
315
+ color: #f8d7da;
316
316
  }
317
317
  :global(.etext-info) {
318
318
  color: #0DCAF0;
@@ -501,7 +501,7 @@ export let title = "Dropdowns";
501
501
  outline: 1px solid #B02A37;
502
502
  }
503
503
  :global(.eoutline-dangerLight) {
504
- outline: 1px solid #FE4747;
504
+ outline: 1px solid #f8d7da;
505
505
  }
506
506
  :global(.eoutline-success) {
507
507
  outline: 1px solid #00A96B;
package/components/Dropdown/DropdownItem.svelte CHANGED
@@ -109,7 +109,7 @@ export let disabled = false;
109
109
  background-color: #B02A37;
110
110
  }
111
111
  :global(.ebg-dangerLight) {
112
- background-color: #FE4747;
112
+ background-color: #f8d7da;
113
113
  }
114
114
  :global(.ebg-warning) {
115
115
  background-color: #FFBA3A;
@@ -305,7 +305,7 @@ export let disabled = false;
305
305
  color: #B02A37;
306
306
  }
307
307
  :global(.etext-dangerLight) {
308
- color: #FE4747;
308
+ color: #f8d7da;
309
309
  }
310
310
  :global(.etext-info) {
311
311
  color: #0DCAF0;
@@ -494,7 +494,7 @@ export let disabled = false;
494
494
  outline: 1px solid #B02A37;
495
495
  }
496
496
  :global(.eoutline-dangerLight) {
497
- outline: 1px solid #FE4747;
497
+ outline: 1px solid #f8d7da;
498
498
  }
499
499
  :global(.eoutline-success) {
500
500
  outline: 1px solid #00A96B;
package/components/EnkiSidbar/EnkiSidebar.svelte CHANGED
@@ -184,7 +184,7 @@ li.icons:hover {
184
184
  background-color: #B02A37;
185
185
  }
186
186
  :global(.ebg-dangerLight) {
187
- background-color: #FE4747;
187
+ background-color: #f8d7da;
188
188
  }
189
189
  :global(.ebg-warning) {
190
190
  background-color: #FFBA3A;
@@ -380,7 +380,7 @@ li.icons:hover {
380
380
  color: #B02A37;
381
381
  }
382
382
  :global(.etext-dangerLight) {
383
- color: #FE4747;
383
+ color: #f8d7da;
384
384
  }
385
385
  :global(.etext-info) {
386
386
  color: #0DCAF0;
@@ -569,7 +569,7 @@ li.icons:hover {
569
569
  outline: 1px solid #B02A37;
570
570
  }
571
571
  :global(.eoutline-dangerLight) {
572
- outline: 1px solid #FE4747;
572
+ outline: 1px solid #f8d7da;
573
573
  }
574
574
  :global(.eoutline-success) {
575
575
  outline: 1px solid #00A96B;
package/components/EnkiSidbar/NavIcon.svelte CHANGED
@@ -127,7 +127,7 @@ li.icons:hover {
127
127
  background-color: #B02A37;
128
128
  }
129
129
  :global(.ebg-dangerLight) {
130
- background-color: #FE4747;
130
+ background-color: #f8d7da;
131
131
  }
132
132
  :global(.ebg-warning) {
133
133
  background-color: #FFBA3A;
@@ -323,7 +323,7 @@ li.icons:hover {
323
323
  color: #B02A37;
324
324
  }
325
325
  :global(.etext-dangerLight) {
326
- color: #FE4747;
326
+ color: #f8d7da;
327
327
  }
328
328
  :global(.etext-info) {
329
329
  color: #0DCAF0;
@@ -512,7 +512,7 @@ li.icons:hover {
512
512
  outline: 1px solid #B02A37;
513
513
  }
514
514
  :global(.eoutline-dangerLight) {
515
- outline: 1px solid #FE4747;
515
+ outline: 1px solid #f8d7da;
516
516
  }
517
517
  :global(.eoutline-success) {
518
518
  outline: 1px solid #00A96B;
package/components/EnkiSidbar/NavItem.svelte CHANGED
@@ -125,7 +125,7 @@ li.icons:hover {
125
125
  background-color: #B02A37;
126
126
  }
127
127
  :global(.ebg-dangerLight) {
128
- background-color: #FE4747;
128
+ background-color: #f8d7da;
129
129
  }
130
130
  :global(.ebg-warning) {
131
131
  background-color: #FFBA3A;
@@ -321,7 +321,7 @@ li.icons:hover {
321
321
  color: #B02A37;
322
322
  }
323
323
  :global(.etext-dangerLight) {
324
- color: #FE4747;
324
+ color: #f8d7da;
325
325
  }
326
326
  :global(.etext-info) {
327
327
  color: #0DCAF0;
@@ -510,7 +510,7 @@ li.icons:hover {
510
510
  outline: 1px solid #B02A37;
511
511
  }
512
512
  :global(.eoutline-dangerLight) {
513
- outline: 1px solid #FE4747;
513
+ outline: 1px solid #f8d7da;
514
514
  }
515
515
  :global(.eoutline-success) {
516
516
  outline: 1px solid #00A96B;
package/components/EnkiSidbar/NavLink.svelte CHANGED
@@ -134,7 +134,7 @@ li.icons:hover {
134
134
  background-color: #B02A37;
135
135
  }
136
136
  :global(.ebg-dangerLight) {
137
- background-color: #FE4747;
137
+ background-color: #f8d7da;
138
138
  }
139
139
  :global(.ebg-warning) {
140
140
  background-color: #FFBA3A;
@@ -330,7 +330,7 @@ li.icons:hover {
330
330
  color: #B02A37;
331
331
  }
332
332
  :global(.etext-dangerLight) {
333
- color: #FE4747;
333
+ color: #f8d7da;
334
334
  }
335
335
  :global(.etext-info) {
336
336
  color: #0DCAF0;
@@ -519,7 +519,7 @@ li.icons:hover {
519
519
  outline: 1px solid #B02A37;
520
520
  }
521
521
  :global(.eoutline-dangerLight) {
522
- outline: 1px solid #FE4747;
522
+ outline: 1px solid #f8d7da;
523
523
  }
524
524
  :global(.eoutline-success) {
525
525
  outline: 1px solid #00A96B;
package/components/Header/Brand.svelte CHANGED
@@ -108,7 +108,7 @@
108
108
  background-color: #B02A37;
109
109
  }
110
110
  :global(.ebg-dangerLight) {
111
- background-color: #FE4747;
111
+ background-color: #f8d7da;
112
112
  }
113
113
  :global(.ebg-warning) {
114
114
  background-color: #FFBA3A;
@@ -304,7 +304,7 @@
304
304
  color: #B02A37;
305
305
  }
306
306
  :global(.etext-dangerLight) {
307
- color: #FE4747;
307
+ color: #f8d7da;
308
308
  }
309
309
  :global(.etext-info) {
310
310
  color: #0DCAF0;
@@ -493,7 +493,7 @@
493
493
  outline: 1px solid #B02A37;
494
494
  }
495
495
  :global(.eoutline-dangerLight) {
496
- outline: 1px solid #FE4747;
496
+ outline: 1px solid #f8d7da;
497
497
  }
498
498
  :global(.eoutline-success) {
499
499
  outline: 1px solid #00A96B;
package/components/Header/Header.svelte CHANGED
@@ -110,7 +110,7 @@
110
110
  background-color: #B02A37;
111
111
  }
112
112
  :global(.ebg-dangerLight) {
113
- background-color: #FE4747;
113
+ background-color: #f8d7da;
114
114
  }
115
115
  :global(.ebg-warning) {
116
116
  background-color: #FFBA3A;
@@ -306,7 +306,7 @@
306
306
  color: #B02A37;
307
307
  }
308
308
  :global(.etext-dangerLight) {
309
- color: #FE4747;
309
+ color: #f8d7da;
310
310
  }
311
311
  :global(.etext-info) {
312
312
  color: #0DCAF0;
@@ -495,7 +495,7 @@
495
495
  outline: 1px solid #B02A37;
496
496
  }
497
497
  :global(.eoutline-dangerLight) {
498
- outline: 1px solid #FE4747;
498
+ outline: 1px solid #f8d7da;
499
499
  }
500
500
  :global(.eoutline-success) {
501
501
  outline: 1px solid #00A96B;
package/components/Header/HeaderItem.svelte CHANGED
@@ -109,7 +109,7 @@
109
109
  background-color: #B02A37;
110
110
  }
111
111
  :global(.ebg-dangerLight) {
112
- background-color: #FE4747;
112
+ background-color: #f8d7da;
113
113
  }
114
114
  :global(.ebg-warning) {
115
115
  background-color: #FFBA3A;
@@ -305,7 +305,7 @@
305
305
  color: #B02A37;
306
306
  }
307
307
  :global(.etext-dangerLight) {
308
- color: #FE4747;
308
+ color: #f8d7da;
309
309
  }
310
310
  :global(.etext-info) {
311
311
  color: #0DCAF0;
@@ -494,7 +494,7 @@
494
494
  outline: 1px solid #B02A37;
495
495
  }
496
496
  :global(.eoutline-dangerLight) {
497
- outline: 1px solid #FE4747;
497
+ outline: 1px solid #f8d7da;
498
498
  }
499
499
  :global(.eoutline-success) {
500
500
  outline: 1px solid #00A96B;
package/components/Header/UserAvatar.svelte CHANGED
@@ -107,7 +107,7 @@
107
107
  background-color: #B02A37;
108
108
  }
109
109
  :global(.ebg-dangerLight) {
110
- background-color: #FE4747;
110
+ background-color: #f8d7da;
111
111
  }
112
112
  :global(.ebg-warning) {
113
113
  background-color: #FFBA3A;
@@ -303,7 +303,7 @@
303
303
  color: #B02A37;
304
304
  }
305
305
  :global(.etext-dangerLight) {
306
- color: #FE4747;
306
+ color: #f8d7da;
307
307
  }
308
308
  :global(.etext-info) {
309
309
  color: #0DCAF0;
@@ -492,7 +492,7 @@
492
492
  outline: 1px solid #B02A37;
493
493
  }
494
494
  :global(.eoutline-dangerLight) {
495
- outline: 1px solid #FE4747;
495
+ outline: 1px solid #f8d7da;
496
496
  }
497
497
  :global(.eoutline-success) {
498
498
  outline: 1px solid #00A96B;
package/components/ModalWindow/Modal.svelte CHANGED
@@ -54,7 +54,7 @@
54
54
  background-color: #B02A37;
55
55
  }
56
56
  :global(.ebg-dangerLight) {
57
- background-color: #FE4747;
57
+ background-color: #f8d7da;
58
58
  }
59
59
  :global(.ebg-warning) {
60
60
  background-color: #FFBA3A;
@@ -250,7 +250,7 @@
250
250
  color: #B02A37;
251
251
  }
252
252
  :global(.etext-dangerLight) {
253
- color: #FE4747;
253
+ color: #f8d7da;
254
254
  }
255
255
  :global(.etext-info) {
256
256
  color: #0DCAF0;
@@ -439,7 +439,7 @@
439
439
  outline: 1px solid #B02A37;
440
440
  }
441
441
  :global(.eoutline-dangerLight) {
442
- outline: 1px solid #FE4747;
442
+ outline: 1px solid #f8d7da;
443
443
  }
444
444
  :global(.eoutline-success) {
445
445
  outline: 1px solid #00A96B;
package/components/ModalWindow/ModalBody.svelte CHANGED
@@ -52,7 +52,7 @@
52
52
  background-color: #B02A37;
53
53
  }
54
54
  :global(.ebg-dangerLight) {
55
- background-color: #FE4747;
55
+ background-color: #f8d7da;
56
56
  }
57
57
  :global(.ebg-warning) {
58
58
  background-color: #FFBA3A;
@@ -248,7 +248,7 @@
248
248
  color: #B02A37;
249
249
  }
250
250
  :global(.etext-dangerLight) {
251
- color: #FE4747;
251
+ color: #f8d7da;
252
252
  }
253
253
  :global(.etext-info) {
254
254
  color: #0DCAF0;
@@ -437,7 +437,7 @@
437
437
  outline: 1px solid #B02A37;
438
438
  }
439
439
  :global(.eoutline-dangerLight) {
440
- outline: 1px solid #FE4747;
440
+ outline: 1px solid #f8d7da;
441
441
  }
442
442
  :global(.eoutline-success) {
443
443
  outline: 1px solid #00A96B;
package/components/ModalWindow/ModalFooter.svelte CHANGED
@@ -50,7 +50,7 @@
50
50
  background-color: #B02A37;
51
51
  }
52
52
  :global(.ebg-dangerLight) {
53
- background-color: #FE4747;
53
+ background-color: #f8d7da;
54
54
  }
55
55
  :global(.ebg-warning) {
56
56
  background-color: #FFBA3A;
@@ -246,7 +246,7 @@
246
246
  color: #B02A37;
247
247
  }
248
248
  :global(.etext-dangerLight) {
249
- color: #FE4747;
249
+ color: #f8d7da;
250
250
  }
251
251
  :global(.etext-info) {
252
252
  color: #0DCAF0;
@@ -435,7 +435,7 @@
435
435
  outline: 1px solid #B02A37;
436
436
  }
437
437
  :global(.eoutline-dangerLight) {
438
- outline: 1px solid #FE4747;
438
+ outline: 1px solid #f8d7da;
439
439
  }
440
440
  :global(.eoutline-success) {
441
441
  outline: 1px solid #00A96B;
package/components/ModalWindow/ModalHeader.svelte CHANGED
@@ -55,7 +55,7 @@
55
55
  background-color: #B02A37;
56
56
  }
57
57
  :global(.ebg-dangerLight) {
58
- background-color: #FE4747;
58
+ background-color: #f8d7da;
59
59
  }
60
60
  :global(.ebg-warning) {
61
61
  background-color: #FFBA3A;
@@ -251,7 +251,7 @@
251
251
  color: #B02A37;
252
252
  }
253
253
  :global(.etext-dangerLight) {
254
- color: #FE4747;
254
+ color: #f8d7da;
255
255
  }
256
256
  :global(.etext-info) {
257
257
  color: #0DCAF0;
@@ -440,7 +440,7 @@
440
440
  outline: 1px solid #B02A37;
441
441
  }
442
442
  :global(.eoutline-dangerLight) {
443
- outline: 1px solid #FE4747;
443
+ outline: 1px solid #f8d7da;
444
444
  }
445
445
  :global(.eoutline-success) {
446
446
  outline: 1px solid #00A96B;
package/components/Pagination/Pagination.svelte CHANGED
@@ -188,7 +188,7 @@ function nextPage() {
188
188
  background-color: #B02A37;
189
189
  }
190
190
  :global(.ebg-dangerLight) {
191
- background-color: #FE4747;
191
+ background-color: #f8d7da;
192
192
  }
193
193
  :global(.ebg-warning) {
194
194
  background-color: #FFBA3A;
@@ -384,7 +384,7 @@ function nextPage() {
384
384
  color: #B02A37;
385
385
  }
386
386
  :global(.etext-dangerLight) {
387
- color: #FE4747;
387
+ color: #f8d7da;
388
388
  }
389
389
  :global(.etext-info) {
390
390
  color: #0DCAF0;
@@ -573,7 +573,7 @@ function nextPage() {
573
573
  outline: 1px solid #B02A37;
574
574
  }
575
575
  :global(.eoutline-dangerLight) {
576
- outline: 1px solid #FE4747;
576
+ outline: 1px solid #f8d7da;
577
577
  }
578
578
  :global(.eoutline-success) {
579
579
  outline: 1px solid #00A96B;
package/components/RadioButton/RadioButton.svelte CHANGED
@@ -71,7 +71,7 @@
71
71
  background-color: #B02A37;
72
72
  }
73
73
  :global(.ebg-dangerLight) {
74
- background-color: #FE4747;
74
+ background-color: #f8d7da;
75
75
  }
76
76
  :global(.ebg-warning) {
77
77
  background-color: #FFBA3A;
@@ -267,7 +267,7 @@
267
267
  color: #B02A37;
268
268
  }
269
269
  :global(.etext-dangerLight) {
270
- color: #FE4747;
270
+ color: #f8d7da;
271
271
  }
272
272
  :global(.etext-info) {
273
273
  color: #0DCAF0;
@@ -456,7 +456,7 @@
456
456
  outline: 1px solid #B02A37;
457
457
  }
458
458
  :global(.eoutline-dangerLight) {
459
- outline: 1px solid #FE4747;
459
+ outline: 1px solid #f8d7da;
460
460
  }
461
461
  :global(.eoutline-success) {
462
462
  outline: 1px solid #00A96B;
package/components/Sidebar/Sidebar.svelte CHANGED
@@ -187,7 +187,7 @@ ul, .icon-sidebar-content ul li, .icon-sidebar-content .toggle-button {
187
187
  background-color: #B02A37;
188
188
  }
189
189
  :global(.ebg-dangerLight) {
190
- background-color: #FE4747;
190
+ background-color: #f8d7da;
191
191
  }
192
192
  :global(.ebg-warning) {
193
193
  background-color: #FFBA3A;
@@ -383,7 +383,7 @@ ul, .icon-sidebar-content ul li, .icon-sidebar-content .toggle-button {
383
383
  color: #B02A37;
384
384
  }
385
385
  :global(.etext-dangerLight) {
386
- color: #FE4747;
386
+ color: #f8d7da;
387
387
  }
388
388
  :global(.etext-info) {
389
389
  color: #0DCAF0;
@@ -572,7 +572,7 @@ ul, .icon-sidebar-content ul li, .icon-sidebar-content .toggle-button {
572
572
  outline: 1px solid #B02A37;
573
573
  }
574
574
  :global(.eoutline-dangerLight) {
575
- outline: 1px solid #FE4747;
575
+ outline: 1px solid #f8d7da;
576
576
  }
577
577
  :global(.eoutline-success) {
578
578
  outline: 1px solid #00A96B;
package/components/Switches/Switch.svelte CHANGED
@@ -62,7 +62,7 @@
62
62
  background-color: #B02A37;
63
63
  }
64
64
  :global(.ebg-dangerLight) {
65
- background-color: #FE4747;
65
+ background-color: #f8d7da;
66
66
  }
67
67
  :global(.ebg-warning) {
68
68
  background-color: #FFBA3A;
@@ -258,7 +258,7 @@
258
258
  color: #B02A37;
259
259
  }
260
260
  :global(.etext-dangerLight) {
261
- color: #FE4747;
261
+ color: #f8d7da;
262
262
  }
263
263
  :global(.etext-info) {
264
264
  color: #0DCAF0;
@@ -447,7 +447,7 @@
447
447
  outline: 1px solid #B02A37;
448
448
  }
449
449
  :global(.eoutline-dangerLight) {
450
- outline: 1px solid #FE4747;
450
+ outline: 1px solid #f8d7da;
451
451
  }
452
452
  :global(.eoutline-success) {
453
453
  outline: 1px solid #00A96B;
package/components/Tab/Tab.svelte CHANGED
@@ -82,7 +82,7 @@ export let tabs = [
82
82
  background-color: #B02A37;
83
83
  }
84
84
  :global(.ebg-dangerLight) {
85
- background-color: #FE4747;
85
+ background-color: #f8d7da;
86
86
  }
87
87
  :global(.ebg-warning) {
88
88
  background-color: #FFBA3A;
@@ -278,7 +278,7 @@ export let tabs = [
278
278
  color: #B02A37;
279
279
  }
280
280
  :global(.etext-dangerLight) {
281
- color: #FE4747;
281
+ color: #f8d7da;
282
282
  }
283
283
  :global(.etext-info) {
284
284
  color: #0DCAF0;
@@ -467,7 +467,7 @@ export let tabs = [
467
467
  outline: 1px solid #B02A37;
468
468
  }
469
469
  :global(.eoutline-dangerLight) {
470
- outline: 1px solid #FE4747;
470
+ outline: 1px solid #f8d7da;
471
471
  }
472
472
  :global(.eoutline-success) {
473
473
  outline: 1px solid #00A96B;
package/components/TextField/TextField.scss CHANGED
@@ -5,11 +5,10 @@
5
5
  }
6
6
 
7
7
  :global(.custom-field) {
8
- box-shadow: $mediumShadow;
8
+ box-shadow: none;
9
9
  color: $gray-500;
10
10
  line-height: 20px;
11
11
  display: flex;
12
- padding: 16px;
13
12
  align-items: center;
14
13
  gap: 0.5rem;
15
14
  align-self: stretch;
@@ -17,7 +16,9 @@
17
16
  border: 1px solid $gray-300;
18
17
  background: $white;
19
18
  }
20
-
19
+ :global(input[type='date']){
20
+ color: $gray-900;
21
+ }
21
22
  :global(.form-control:focus) {
22
23
  box-shadow: none;
23
24
  border-color: $primary;
package/components/TextField/TextField.svelte CHANGED
@@ -41,11 +41,10 @@
41
41
  font-family: Roboto;
42
42
  }
43
43
  :global(.custom-field) {
44
- box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.1);
44
+ box-shadow: none;
45
45
  color: #adb5bd;
46
46
  line-height: 20px;
47
47
  display: flex;
48
- padding: 16px;
49
48
  align-items: center;
50
49
  gap: 0.5rem;
51
50
  align-self: stretch;
@@ -53,6 +52,9 @@
53
52
  border: 1px solid #DEE2E6;
54
53
  background: #ffffff;
55
54
  }
55
+ :global(input[type="date"]) {
56
+ color: #212529;
57
+ }
56
58
  :global(.form-control:focus) {
57
59
  box-shadow: none;
58
60
  border-color: #00AEE5;
@@ -92,7 +94,7 @@
92
94
  background-color: #B02A37;
93
95
  }
94
96
  :global(.ebg-dangerLight) {
95
- background-color: #FE4747;
97
+ background-color: #f8d7da;
96
98
  }
97
99
  :global(.ebg-warning) {
98
100
  background-color: #FFBA3A;
@@ -288,7 +290,7 @@
288
290
  color: #B02A37;
289
291
  }
290
292
  :global(.etext-dangerLight) {
291
- color: #FE4747;
293
+ color: #f8d7da;
292
294
  }
293
295
  :global(.etext-info) {
294
296
  color: #0DCAF0;
@@ -477,7 +479,7 @@
477
479
  outline: 1px solid #B02A37;
478
480
  }
479
481
  :global(.eoutline-dangerLight) {
480
- outline: 1px solid #FE4747;
482
+ outline: 1px solid #f8d7da;
481
483
  }
482
484
  :global(.eoutline-success) {
483
485
  outline: 1px solid #00A96B;
package/components/Tooltip/Tooltip.svelte CHANGED
@@ -69,7 +69,7 @@ const textAligns = {
69
69
  background-color: #B02A37;
70
70
  }
71
71
  :global(.ebg-dangerLight) {
72
- background-color: #FE4747;
72
+ background-color: #f8d7da;
73
73
  }
74
74
  :global(.ebg-warning) {
75
75
  background-color: #FFBA3A;
@@ -265,7 +265,7 @@ const textAligns = {
265
265
  color: #B02A37;
266
266
  }
267
267
  :global(.etext-dangerLight) {
268
- color: #FE4747;
268
+ color: #f8d7da;
269
269
  }
270
270
  :global(.etext-info) {
271
271
  color: #0DCAF0;
@@ -454,7 +454,7 @@ const textAligns = {
454
454
  outline: 1px solid #B02A37;
455
455
  }
456
456
  :global(.eoutline-dangerLight) {
457
- outline: 1px solid #FE4747;
457
+ outline: 1px solid #f8d7da;
458
458
  }
459
459
  :global(.eoutline-success) {
460
460
  outline: 1px solid #00A96B;
package/components/variable.scss CHANGED
@@ -26,7 +26,7 @@ $black :#000000;
26
26
 
27
27
  $danger: #FE4747;
28
28
  $danger-dark: #B02A37;
29
- $danger-light: #FE4747;
29
+ $danger-light: #f8d7da;
30
30
 
31
31
  $success: #00A96B;
32
32
  $success-dark: #146C43;
@@ -121,18 +121,6 @@ $lowShadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.10);
121
121
  $mediumShadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.10);
122
122
  $highShadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.10);
123
123
 
124
- // $shadow-key-umbra-opacity: 0.20 !default;
125
- // $shadow-key-penumbra-opacity: 0.14 !default;
126
- // $shadow-ambient-shadow-opacity: 0.12 !default;
124
+ // transition variable hover
127
125
 
128
- //$lowShadow:0 4px 5px 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),
129
- // 0 1px 10px 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity),
130
- // 0 2px 4px -1px rgba(0, 0, 0, $shadow-key-umbra-opacity);
131
-
132
- //$mediumShadow:0 8px 10px 1px rgba(0, 0, 0, $shadow-key-penumbra-opacity),
133
- // 0 3px 14px 2px rgba(0, 0, 0, $shadow-ambient-shadow-opacity),
134
- // 0 5px 5px -3px rgba(0, 0, 0, $shadow-key-umbra-opacity);
135
-
136
- //$highShadow:0 16px 24px 2px rgba(0, 0, 0, $shadow-key-penumbra-opacity),
137
- // 0 6px 30px 5px rgba(0, 0, 0, $shadow-ambient-shadow-opacity),
138
- // 0 8px 10px -5px rgba(0, 0, 0, $shadow-key-umbra-opacity);
126
+ $transitionTimeHover:.3s;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@enki-tek/fms-web-components",
3
- "version": "0.0.58",
3
+ "version": "0.0.60",
4
4
  "devDependencies": {
5
5
  "@storybook/addon-essentials": "^7.6.14",
6
6
  "@storybook/addon-interactions": "^7.6.14",