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

Sign up to get free protection for your applications and to get access to all the features.
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",