@enki-tek/fms-web-components 0.0.35 → 0.0.37

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 (33) hide show
  1. package/components/Accordion/Accordion.svelte +1 -1
  2. package/components/Accordion/AccordionItem.svelte +1 -1
  3. package/components/Badge/Badge.svelte +1 -1
  4. package/components/Breadcrumb/Breadcrumb.svelte +1 -1
  5. package/components/Button/Button.svelte +1 -1
  6. package/components/Button/ButtonFilter.scss +73 -65
  7. package/components/Button/ButtonFilter.svelte +29 -27
  8. package/components/Button/ButtonFilter.svelte.d.ts +2 -0
  9. package/components/Button/FilterOption.svelte +23 -10
  10. package/components/CardIcon/CardIcon.svelte +1 -1
  11. package/components/CardIcon/CardiconBody.svelte +1 -1
  12. package/components/CardIcon/CardiconSubtitle.svelte +1 -1
  13. package/components/CardIcon/CardiconTitle.svelte +1 -1
  14. package/components/CheckBox/Checkbox.svelte +1 -1
  15. package/components/CheckBox/Checkbox.svelte.d.ts +2 -2
  16. package/components/Dropdown/Dropdown.svelte +1 -1
  17. package/components/Dropdown/DropdownItem.svelte +1 -1
  18. package/components/Header/Header.svelte +1 -1
  19. package/components/ModalWindow/Modal.svelte +1 -1
  20. package/components/ModalWindow/Modal.svelte.d.ts +2 -2
  21. package/components/ModalWindow/ModalBody.svelte +1 -1
  22. package/components/ModalWindow/ModalFooter.svelte +1 -1
  23. package/components/ModalWindow/ModalHeader.svelte +1 -1
  24. package/components/Pagination/Pagination.svelte +1 -1
  25. package/components/RadioButton/RadioButton.svelte +1 -1
  26. package/components/Sidebar/Sidebar.svelte +1 -1
  27. package/components/Switches/Switch.svelte +1 -1
  28. package/components/Tab/Tab.svelte +1 -1
  29. package/components/Tooltip/Tooltip.svelte +1 -1
  30. package/components/common.scss +1 -1
  31. package/components/textField/TextField.svelte +1 -1
  32. package/components/textField/TextField.svelte.d.ts +2 -2
  33. package/package.json +1 -1
package/components/Accordion/Accordion.svelte CHANGED
@@ -29,7 +29,7 @@ export let stayOpen = true;
29
29
  background-color: #ffffff;
30
30
  }
31
31
  :global(.ebg-secondary, .eactive-secondary:active, .ehover-secondary:hover) {
32
- background-color: #3AC82E !important;
32
+ background-color: #3AC82E;
33
33
  }
34
34
  :global(.ebg-secondaryDark, .eactive-secondaryDark:active, .ehover-secondaryDark:hover) {
35
35
  background-color: #00A855;
package/components/Accordion/AccordionItem.svelte CHANGED
@@ -30,7 +30,7 @@ export let header;
30
30
  background-color: #ffffff;
31
31
  }
32
32
  :global(.ebg-secondary, .eactive-secondary:active, .ehover-secondary:hover) {
33
- background-color: #3AC82E !important;
33
+ background-color: #3AC82E;
34
34
  }
35
35
  :global(.ebg-secondaryDark, .eactive-secondaryDark:active, .ehover-secondaryDark:hover) {
36
36
  background-color: #00A855;
package/components/Badge/Badge.svelte CHANGED
@@ -35,7 +35,7 @@ if (badgeConfig.hasOwnProperty(config)) {
35
35
  background-color: #ffffff;
36
36
  }
37
37
  :global(.ebg-secondary, .eactive-secondary:active, .ehover-secondary:hover) {
38
- background-color: #3AC82E !important;
38
+ background-color: #3AC82E;
39
39
  }
40
40
  :global(.ebg-secondaryDark, .eactive-secondaryDark:active, .ehover-secondaryDark:hover) {
41
41
  background-color: #00A855;
package/components/Breadcrumb/Breadcrumb.svelte CHANGED
@@ -45,7 +45,7 @@ let length = newBreadcrumbs.length;
45
45
  background-color: #ffffff;
46
46
  }
47
47
  :global(.ebg-secondary, .eactive-secondary:active, .ehover-secondary:hover) {
48
- background-color: #3AC82E !important;
48
+ background-color: #3AC82E;
49
49
  }
50
50
  :global(.ebg-secondaryDark, .eactive-secondaryDark:active, .ehover-secondaryDark:hover) {
51
51
  background-color: #00A855;
package/components/Button/Button.svelte CHANGED
@@ -576,7 +576,7 @@
576
576
  background-color: #ffffff;
577
577
  }
578
578
  :global(.ebg-secondary, .eactive-secondary:active, .ehover-secondary:hover) {
579
- background-color: #3AC82E !important;
579
+ background-color: #3AC82E;
580
580
  }
581
581
  :global(.ebg-secondaryDark, .eactive-secondaryDark:active, .ehover-secondaryDark:hover) {
582
582
  background-color: #00A855;
package/components/Button/ButtonFilter.scss CHANGED
@@ -1,67 +1,75 @@
1
1
  @import './../variable.scss';
2
2
 
3
- .efilterbtn {
4
- // Default styles for button
5
- background-color: $primary-dark;
6
- color: $white;
7
- border: none;
8
- cursor: pointer;
9
- border-radius: 4px;
10
- padding: 0px 24px;
11
- height: $medium-height;
12
- box-shadow: $lowShadow;
13
- border: none;
14
- outline: 1px solid $white;
15
- font-family: Roboto;
16
- }
17
-
18
- //small button
19
- .efilterbtn-small {
20
- height: $small-height;
21
- font-size: 12px;
22
- display: flex;
23
- justify-content: center;
24
- align-items: center;
25
- font-family: Roboto;
26
-
27
- i {
28
- font-size: 12px;
29
- }
30
- }
31
-
32
- //medium button
33
- .efilterbtn-medium {
34
- padding: 0px 24px;
35
- height: $medium-height;
36
- display: flex;
37
- justify-content: center;
38
- align-items: center;
39
- font-size: 16px;
40
- font-family: Roboto;
41
-
42
- i {
43
- font-size: 16px;
44
- }
45
- }
46
-
47
- //large button
48
- .ebtn-large {
49
- height: $large-height;
50
- display: flex;
51
- justify-content: center;
52
- align-items: center;
53
- font-size: 16px;
54
- font-family: Roboto;
55
-
56
- i {
57
- font-size: 16px;
58
- }
59
- }
60
-
61
- .filter-button .dropdown-menu{
62
- min-width: 7rem;
63
- }
64
- .filter-button-menu{
65
- text-align: center;
66
- font-family: $bodyFonts;
67
- }
3
+ .efilter-btn {
4
+ // Default styles for button
5
+ background-color: $primary-dark;
6
+ color: $white;
7
+ border: none;
8
+ cursor: pointer;
9
+ border-radius: 4px;
10
+ padding: 0px 24px;
11
+ height: $medium-height;
12
+ box-shadow: $lowShadow;
13
+ border: none;
14
+ outline: 1px solid $white;
15
+ font-family: Roboto;
16
+ }
17
+
18
+ //small button
19
+ .efilter-btn-small {
20
+ height: $small-height;
21
+ font-size: 12px;
22
+ display: flex;
23
+ justify-content: center;
24
+ align-items: center;
25
+ font-family: Roboto;
26
+
27
+ i {
28
+ font-size: 12px;
29
+ }
30
+ }
31
+
32
+ //medium button
33
+ .efilter-btn-medium {
34
+ padding: 0px 24px;
35
+ height: $medium-height;
36
+ display: flex;
37
+ justify-content: center;
38
+ align-items: center;
39
+ font-size: 16px;
40
+ font-family: Roboto;
41
+
42
+ i {
43
+ font-size: 16px;
44
+ }
45
+ }
46
+
47
+ //large button
48
+ .ebtn-large {
49
+ height: $large-height;
50
+ display: flex;
51
+ justify-content: center;
52
+ align-items: center;
53
+ font-size: 16px;
54
+ font-family: Roboto;
55
+
56
+ i {
57
+ font-size: 16px;
58
+ }
59
+ }
60
+
61
+ .filter-button .dropdown-menu {
62
+ min-width: 7rem;
63
+ display: flex;
64
+ flex-direction: column;
65
+ padding: 0;
66
+ }
67
+
68
+ .filter-button-menu {
69
+ text-align: center;
70
+ font-family: $bodyFonts;
71
+ }
72
+
73
+ :global(.custom-icon-filterbtn) {
74
+ font-size: 12px;
75
+ }
package/components/Button/ButtonFilter.svelte CHANGED
@@ -1,28 +1,24 @@
1
1
  <script>
2
-
3
- export let className;
4
- export let size='';
5
- export let label='search in'
6
-
7
- let buttonStyles = ['efilterbtn',className,'dropdown-toggle',`efilterbtn-${size}`];
8
-
2
+ import Icon from '../Icon/Icon.svelte';
3
+ export let className;
4
+ export let size = '';
5
+ export let label = 'search in';
6
+ export let isOpen = false;
7
+ let buttonStyles = ['efilter-btn', className, `efilter-btn-${size}`];
9
8
  </script>
10
9
 
11
10
  <form class="d-flex filter-component-section">
12
- <div class="dropdown filter-button">
13
- <button
14
- class={buttonStyles.join(' ')} on:click on:focus
15
- type="button"
16
- id="dropdownMenuButton"
17
- data-bs-toggle="dropdown"
18
- aria-expanded="false"
19
- >
20
- {label}
21
- </button>
22
- <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
23
- <slot></slot>
24
- </ul>
25
- </div>
11
+ <div class="dropdown filter-button">
12
+ <button class={buttonStyles.join(' ')} on:click on:focus type="button">
13
+ {label}
14
+ <Icon iconName="caret-down-fill" className="custom-icon-filterbtn" />
15
+ </button>
16
+ {#if isOpen}
17
+ <ul class="dropdown-menu" aria-labelledby="">
18
+ <slot />
19
+ </ul>
20
+ {/if}
21
+ </div>
26
22
  </form>
27
23
 
28
24
  <style>@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
@@ -31,7 +27,7 @@
31
27
  @import url(https://fonts.googleapis.com/icon?family=Material+Icons);
32
28
  @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");
33
29
  @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");
34
- .efilterbtn {
30
+ .efilter-btn {
35
31
  background-color: #007FD8;
36
32
  color: #ffffff;
37
33
  border: none;
@@ -44,7 +40,7 @@
44
40
  outline: 1px solid #ffffff;
45
41
  font-family: Roboto;
46
42
  }
47
- .efilterbtn-small {
43
+ .efilter-btn-small {
48
44
  height: 32px;
49
45
  font-size: 12px;
50
46
  display: flex;
@@ -52,10 +48,10 @@
52
48
  align-items: center;
53
49
  font-family: Roboto;
54
50
  }
55
- .efilterbtn-small i {
51
+ .efilter-btn-small i {
56
52
  font-size: 12px;
57
53
  }
58
- .efilterbtn-medium {
54
+ .efilter-btn-medium {
59
55
  padding: 0px 24px;
60
56
  height: 42px;
61
57
  display: flex;
@@ -64,7 +60,7 @@
64
60
  font-size: 16px;
65
61
  font-family: Roboto;
66
62
  }
67
- .efilterbtn-medium i {
63
+ .efilter-btn-medium i {
68
64
  font-size: 16px;
69
65
  }
70
66
  .ebtn-large {
@@ -80,11 +76,17 @@
80
76
  }
81
77
  .filter-button .dropdown-menu {
82
78
  min-width: 7rem;
79
+ display: flex;
80
+ flex-direction: column;
81
+ padding: 0;
83
82
  }
84
83
  .filter-button-menu {
85
84
  text-align: center;
86
85
  font-family: Roboto;
87
86
  }
87
+ :global(.custom-icon-filterbtn) {
88
+ font-size: 12px;
89
+ }
88
90
  :global(.ebg-none) {
89
91
  background-color: #ffffff !important;
90
92
  }
@@ -92,7 +94,7 @@
92
94
  background-color: #ffffff;
93
95
  }
94
96
  :global(.ebg-secondary, .eactive-secondary:active, .ehover-secondary:hover) {
95
- background-color: #3AC82E !important;
97
+ background-color: #3AC82E;
96
98
  }
97
99
  :global(.ebg-secondaryDark, .eactive-secondaryDark:active, .ehover-secondaryDark:hover) {
98
100
  background-color: #00A855;
package/components/Button/ButtonFilter.svelte.d.ts CHANGED
@@ -5,6 +5,7 @@ export default class ButtonFilter extends SvelteComponentTyped<{
5
5
  className: any;
6
6
  label?: string | undefined;
7
7
  size?: string | undefined;
8
+ isOpen?: boolean | undefined;
8
9
  }, {
9
10
  click: MouseEvent;
10
11
  focus: FocusEvent;
@@ -23,6 +24,7 @@ declare const __propDef: {
23
24
  className: any;
24
25
  label?: string | undefined;
25
26
  size?: string | undefined;
27
+ isOpen?: boolean | undefined;
26
28
  };
27
29
  events: {
28
30
  click: MouseEvent;
package/components/Button/FilterOption.svelte CHANGED
@@ -1,6 +1,11 @@
1
- <li class="filter-button-menu" on:click >
2
- <slot></slot>
3
- </li>
1
+ <script>
2
+
3
+ </script>
4
+ <li class="filter-button-menu" on:click>
5
+ <slot>
6
+
7
+ </slot>
8
+ </li>
4
9
 
5
10
  <style>@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
6
11
  @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");
@@ -8,7 +13,7 @@
8
13
  @import url(https://fonts.googleapis.com/icon?family=Material+Icons);
9
14
  @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");
10
15
  @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");
11
- .efilterbtn {
16
+ .efilter-btn {
12
17
  background-color: #007FD8;
13
18
  color: #ffffff;
14
19
  border: none;
@@ -21,7 +26,7 @@
21
26
  outline: 1px solid #ffffff;
22
27
  font-family: Roboto;
23
28
  }
24
- .efilterbtn-small {
29
+ .efilter-btn-small {
25
30
  height: 32px;
26
31
  font-size: 12px;
27
32
  display: flex;
@@ -29,10 +34,10 @@
29
34
  align-items: center;
30
35
  font-family: Roboto;
31
36
  }
32
- .efilterbtn-small i {
37
+ .efilter-btn-small i {
33
38
  font-size: 12px;
34
39
  }
35
- .efilterbtn-medium {
40
+ .efilter-btn-medium {
36
41
  padding: 0px 24px;
37
42
  height: 42px;
38
43
  display: flex;
@@ -41,7 +46,7 @@
41
46
  font-size: 16px;
42
47
  font-family: Roboto;
43
48
  }
44
- .efilterbtn-medium i {
49
+ .efilter-btn-medium i {
45
50
  font-size: 16px;
46
51
  }
47
52
  .ebtn-large {
@@ -57,11 +62,17 @@
57
62
  }
58
63
  .filter-button .dropdown-menu {
59
64
  min-width: 7rem;
65
+ display: flex;
66
+ flex-direction: column;
67
+ padding: 0;
60
68
  }
61
69
  .filter-button-menu {
62
70
  text-align: center;
63
71
  font-family: Roboto;
64
72
  }
73
+ :global(.custom-icon-filterbtn) {
74
+ font-size: 12px;
75
+ }
65
76
  :global(.ebg-none) {
66
77
  background-color: #ffffff !important;
67
78
  }
@@ -69,7 +80,7 @@
69
80
  background-color: #ffffff;
70
81
  }
71
82
  :global(.ebg-secondary, .eactive-secondary:active, .ehover-secondary:hover) {
72
- background-color: #3AC82E !important;
83
+ background-color: #3AC82E;
73
84
  }
74
85
  :global(.ebg-secondaryDark, .eactive-secondaryDark:active, .ehover-secondaryDark:hover) {
75
86
  background-color: #00A855;
@@ -623,4 +634,6 @@
623
634
  font-style: normal;
624
635
  font-weight: 400;
625
636
  line-height: normal;
626
- }</style>
637
+ }</style>
638
+
639
+
package/components/CardIcon/CardIcon.svelte CHANGED
@@ -112,7 +112,7 @@ if (titleConfig.includes(titleLocation)) {
112
112
  background-color: #ffffff;
113
113
  }
114
114
  :global(.ebg-secondary, .eactive-secondary:active, .ehover-secondary:hover) {
115
- background-color: #3AC82E !important;
115
+ background-color: #3AC82E;
116
116
  }
117
117
  :global(.ebg-secondaryDark, .eactive-secondaryDark:active, .ehover-secondaryDark:hover) {
118
118
  background-color: #00A855;
package/components/CardIcon/CardiconBody.svelte CHANGED
@@ -107,7 +107,7 @@
107
107
  background-color: #ffffff;
108
108
  }
109
109
  :global(.ebg-secondary, .eactive-secondary:active, .ehover-secondary:hover) {
110
- background-color: #3AC82E !important;
110
+ background-color: #3AC82E;
111
111
  }
112
112
  :global(.ebg-secondaryDark, .eactive-secondaryDark:active, .ehover-secondaryDark:hover) {
113
113
  background-color: #00A855;
package/components/CardIcon/CardiconSubtitle.svelte CHANGED
@@ -116,7 +116,7 @@
116
116
  background-color: #ffffff;
117
117
  }
118
118
  :global(.ebg-secondary, .eactive-secondary:active, .ehover-secondary:hover) {
119
- background-color: #3AC82E !important;
119
+ background-color: #3AC82E;
120
120
  }
121
121
  :global(.ebg-secondaryDark, .eactive-secondaryDark:active, .ehover-secondaryDark:hover) {
122
122
  background-color: #00A855;
package/components/CardIcon/CardiconTitle.svelte CHANGED
@@ -116,7 +116,7 @@
116
116
  background-color: #ffffff;
117
117
  }
118
118
  :global(.ebg-secondary, .eactive-secondary:active, .ehover-secondary:hover) {
119
- background-color: #3AC82E !important;
119
+ background-color: #3AC82E;
120
120
  }
121
121
  :global(.ebg-secondaryDark, .eactive-secondaryDark:active, .ehover-secondaryDark:hover) {
122
122
  background-color: #00A855;
package/components/CheckBox/Checkbox.svelte CHANGED
@@ -65,7 +65,7 @@
65
65
  background-color: #ffffff;
66
66
  }
67
67
  :global(.ebg-secondary, .eactive-secondary:active, .ehover-secondary:hover) {
68
- background-color: #3AC82E !important;
68
+ background-color: #3AC82E;
69
69
  }
70
70
  :global(.ebg-secondaryDark, .eactive-secondaryDark:active, .ehover-secondaryDark:hover) {
71
71
  background-color: #00A855;
package/components/CheckBox/Checkbox.svelte.d.ts CHANGED
@@ -9,8 +9,8 @@ export default class Checkbox extends SvelteComponentTyped<{
9
9
  enable: any;
10
10
  label?: string | undefined;
11
11
  size?: string | undefined;
12
- value?: string | undefined;
13
12
  name?: string | undefined;
13
+ value?: string | undefined;
14
14
  }, {
15
15
  [evt: string]: CustomEvent<any>;
16
16
  }, {}> {
@@ -28,8 +28,8 @@ declare const __propDef: {
28
28
  enable: any;
29
29
  label?: string | undefined;
30
30
  size?: string | undefined;
31
- value?: string | undefined;
32
31
  name?: string | undefined;
32
+ value?: string | undefined;
33
33
  };
34
34
  events: {
35
35
  [evt: string]: CustomEvent<any>;
package/components/Dropdown/Dropdown.svelte CHANGED
@@ -92,7 +92,7 @@ export let title = "Dropdowns";
92
92
  background-color: #ffffff;
93
93
  }
94
94
  :global(.ebg-secondary, .eactive-secondary:active, .ehover-secondary:hover) {
95
- background-color: #3AC82E !important;
95
+ background-color: #3AC82E;
96
96
  }
97
97
  :global(.ebg-secondaryDark, .eactive-secondaryDark:active, .ehover-secondaryDark:hover) {
98
98
  background-color: #00A855;
package/components/Dropdown/DropdownItem.svelte CHANGED
@@ -85,7 +85,7 @@ export let disabled;
85
85
  background-color: #ffffff;
86
86
  }
87
87
  :global(.ebg-secondary, .eactive-secondary:active, .ehover-secondary:hover) {
88
- background-color: #3AC82E !important;
88
+ background-color: #3AC82E;
89
89
  }
90
90
  :global(.ebg-secondaryDark, .eactive-secondaryDark:active, .ehover-secondaryDark:hover) {
91
91
  background-color: #00A855;
package/components/Header/Header.svelte CHANGED
@@ -110,7 +110,7 @@
110
110
  background-color: #ffffff;
111
111
  }
112
112
  :global(.ebg-secondary, .eactive-secondary:active, .ehover-secondary:hover) {
113
- background-color: #3AC82E !important;
113
+ background-color: #3AC82E;
114
114
  }
115
115
  :global(.ebg-secondaryDark, .eactive-secondaryDark:active, .ehover-secondaryDark:hover) {
116
116
  background-color: #00A855;
package/components/ModalWindow/Modal.svelte CHANGED
@@ -30,7 +30,7 @@
30
30
  background-color: #ffffff;
31
31
  }
32
32
  :global(.ebg-secondary, .eactive-secondary:active, .ehover-secondary:hover) {
33
- background-color: #3AC82E !important;
33
+ background-color: #3AC82E;
34
34
  }
35
35
  :global(.ebg-secondaryDark, .eactive-secondaryDark:active, .ehover-secondaryDark:hover) {
36
36
  background-color: #00A855;
package/components/ModalWindow/Modal.svelte.d.ts CHANGED
@@ -4,8 +4,8 @@
4
4
  export default class Modal extends SvelteComponentTyped<{
5
5
  toggle: any;
6
6
  size?: string | undefined;
7
- backdrop?: boolean | undefined;
8
7
  isOpen?: boolean | undefined;
8
+ backdrop?: boolean | undefined;
9
9
  }, {
10
10
  [evt: string]: CustomEvent<any>;
11
11
  }, {
@@ -20,8 +20,8 @@ declare const __propDef: {
20
20
  props: {
21
21
  toggle: any;
22
22
  size?: string | undefined;
23
- backdrop?: boolean | undefined;
24
23
  isOpen?: boolean | undefined;
24
+ backdrop?: boolean | undefined;
25
25
  };
26
26
  events: {
27
27
  [evt: string]: CustomEvent<any>;
package/components/ModalWindow/ModalBody.svelte CHANGED
@@ -28,7 +28,7 @@
28
28
  background-color: #ffffff;
29
29
  }
30
30
  :global(.ebg-secondary, .eactive-secondary:active, .ehover-secondary:hover) {
31
- background-color: #3AC82E !important;
31
+ background-color: #3AC82E;
32
32
  }
33
33
  :global(.ebg-secondaryDark, .eactive-secondaryDark:active, .ehover-secondaryDark:hover) {
34
34
  background-color: #00A855;
package/components/ModalWindow/ModalFooter.svelte CHANGED
@@ -26,7 +26,7 @@
26
26
  background-color: #ffffff;
27
27
  }
28
28
  :global(.ebg-secondary, .eactive-secondary:active, .ehover-secondary:hover) {
29
- background-color: #3AC82E !important;
29
+ background-color: #3AC82E;
30
30
  }
31
31
  :global(.ebg-secondaryDark, .eactive-secondaryDark:active, .ehover-secondaryDark:hover) {
32
32
  background-color: #00A855;
package/components/ModalWindow/ModalHeader.svelte CHANGED
@@ -31,7 +31,7 @@
31
31
  background-color: #ffffff;
32
32
  }
33
33
  :global(.ebg-secondary, .eactive-secondary:active, .ehover-secondary:hover) {
34
- background-color: #3AC82E !important;
34
+ background-color: #3AC82E;
35
35
  }
36
36
  :global(.ebg-secondaryDark, .eactive-secondaryDark:active, .ehover-secondaryDark:hover) {
37
37
  background-color: #00A855;
package/components/Pagination/Pagination.svelte CHANGED
@@ -153,7 +153,7 @@ function nextPage() {
153
153
  background-color: #ffffff;
154
154
  }
155
155
  :global(.ebg-secondary, .eactive-secondary:active, .ehover-secondary:hover) {
156
- background-color: #3AC82E !important;
156
+ background-color: #3AC82E;
157
157
  }
158
158
  :global(.ebg-secondaryDark, .eactive-secondaryDark:active, .ehover-secondaryDark:hover) {
159
159
  background-color: #00A855;
package/components/RadioButton/RadioButton.svelte CHANGED
@@ -41,7 +41,7 @@
41
41
  background-color: #ffffff;
42
42
  }
43
43
  :global(.ebg-secondary, .eactive-secondary:active, .ehover-secondary:hover) {
44
- background-color: #3AC82E !important;
44
+ background-color: #3AC82E;
45
45
  }
46
46
  :global(.ebg-secondaryDark, .eactive-secondaryDark:active, .ehover-secondaryDark:hover) {
47
47
  background-color: #00A855;
package/components/Sidebar/Sidebar.svelte CHANGED
@@ -163,7 +163,7 @@ ul, .icon-sidebar-content ul li, .icon-sidebar-content .toggle-button {
163
163
  background-color: #ffffff;
164
164
  }
165
165
  :global(.ebg-secondary, .eactive-secondary:active, .ehover-secondary:hover) {
166
- background-color: #3AC82E !important;
166
+ background-color: #3AC82E;
167
167
  }
168
168
  :global(.ebg-secondaryDark, .eactive-secondaryDark:active, .ehover-secondaryDark:hover) {
169
169
  background-color: #00A855;
package/components/Switches/Switch.svelte CHANGED
@@ -38,7 +38,7 @@
38
38
  background-color: #ffffff;
39
39
  }
40
40
  :global(.ebg-secondary, .eactive-secondary:active, .ehover-secondary:hover) {
41
- background-color: #3AC82E !important;
41
+ background-color: #3AC82E;
42
42
  }
43
43
  :global(.ebg-secondaryDark, .eactive-secondaryDark:active, .ehover-secondaryDark:hover) {
44
44
  background-color: #00A855;
package/components/Tab/Tab.svelte CHANGED
@@ -58,7 +58,7 @@ export let tabs = [
58
58
  background-color: #ffffff;
59
59
  }
60
60
  :global(.ebg-secondary, .eactive-secondary:active, .ehover-secondary:hover) {
61
- background-color: #3AC82E !important;
61
+ background-color: #3AC82E;
62
62
  }
63
63
  :global(.ebg-secondaryDark, .eactive-secondaryDark:active, .ehover-secondaryDark:hover) {
64
64
  background-color: #00A855;
package/components/Tooltip/Tooltip.svelte CHANGED
@@ -45,7 +45,7 @@ export let label = "";
45
45
  background-color: #ffffff;
46
46
  }
47
47
  :global(.ebg-secondary, .eactive-secondary:active, .ehover-secondary:hover) {
48
- background-color: #3AC82E !important;
48
+ background-color: #3AC82E;
49
49
  }
50
50
  :global(.ebg-secondaryDark, .eactive-secondaryDark:active, .ehover-secondaryDark:hover) {
51
51
  background-color: #00A855;
package/components/common.scss CHANGED
@@ -38,7 +38,7 @@
38
38
  }
39
39
 
40
40
  :global(.ebg-secondary, .eactive-secondary:active, .ehover-secondary:hover) {
41
- background-color: $secondary !important;
41
+ background-color: $secondary;
42
42
  }
43
43
 
44
44
  :global(.ebg-secondaryDark, .eactive-secondaryDark:active, .ehover-secondaryDark:hover) {
package/components/textField/TextField.svelte CHANGED
@@ -67,7 +67,7 @@
67
67
  background-color: #ffffff;
68
68
  }
69
69
  :global(.ebg-secondary, .eactive-secondary:active, .ehover-secondary:hover) {
70
- background-color: #3AC82E !important;
70
+ background-color: #3AC82E;
71
71
  }
72
72
  :global(.ebg-secondaryDark, .eactive-secondaryDark:active, .ehover-secondaryDark:hover) {
73
73
  background-color: #00A855;
package/components/textField/TextField.svelte.d.ts CHANGED
@@ -8,9 +8,9 @@ export default class TextField extends SvelteComponentTyped<{
8
8
  invalid?: boolean | undefined;
9
9
  type?: string | undefined;
10
10
  size?: string | undefined;
11
+ name?: string | undefined;
11
12
  placeholder?: string | undefined;
12
13
  value?: string | undefined;
13
- name?: string | undefined;
14
14
  valid?: boolean | undefined;
15
15
  }, {
16
16
  change: Event;
@@ -33,9 +33,9 @@ declare const __propDef: {
33
33
  invalid?: boolean | undefined;
34
34
  type?: string | undefined;
35
35
  size?: string | undefined;
36
+ name?: string | undefined;
36
37
  placeholder?: string | undefined;
37
38
  value?: string | undefined;
38
- name?: string | undefined;
39
39
  valid?: boolean | undefined;
40
40
  };
41
41
  events: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@enki-tek/fms-web-components",
3
- "version": "0.0.35",
3
+ "version": "0.0.37",
4
4
  "devDependencies": {
5
5
  "@storybook/addon-essentials": "^7.6.14",
6
6
  "@storybook/addon-interactions": "^7.6.14",