@enki-tek/fms-web-components 0.1.10 → 0.1.12

Sign up to get free protection for your applications and to get access to all the features.
Files changed (50) 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/CardIcon/CardIcon.svelte +1 -1
  7. package/components/CardIcon/CardiconBody.svelte +1 -1
  8. package/components/CardIcon/CardiconSubtitle.svelte +1 -1
  9. package/components/CardIcon/CardiconTitle.svelte +1 -1
  10. package/components/Charts/LineChart.svelte +1 -1
  11. package/components/CheckBox/Checkbox.svelte +1 -1
  12. package/components/Dropdown/Dropdown.svelte +1 -1
  13. package/components/Dropdown/DropdownItem.svelte +1 -1
  14. package/components/EnkiSidbar/EnkiSidebar.svelte +1 -1
  15. package/components/EnkiSidbar/NavIcon.svelte +1 -1
  16. package/components/EnkiSidbar/NavItem.svelte +1 -1
  17. package/components/EnkiSidbar/NavLink.svelte +1 -1
  18. package/components/Header/Brand.svelte +1 -1
  19. package/components/Header/Header.svelte +1 -1
  20. package/components/Header/HeaderItem.svelte +1 -1
  21. package/components/Header/UserAvatar.svelte +1 -1
  22. package/components/ModalWindow/Modal.svelte +1 -1
  23. package/components/ModalWindow/ModalBody.svelte +1 -1
  24. package/components/ModalWindow/ModalFooter.svelte +1 -1
  25. package/components/ModalWindow/ModalHeader.svelte +1 -1
  26. package/components/NotFound/NotFound.svelte +1 -1
  27. package/components/Pagination/Pagination.svelte +1 -1
  28. package/components/RadioButton/RadioButton.svelte +1 -1
  29. package/components/Sidebar/MenuGroup.svelte +3 -1
  30. package/components/Sidebar/MenuItem.svelte +3 -1
  31. package/components/Sidebar/SideBarMenu.svelte +4 -2
  32. package/components/Sidebar/Sidebar.scss +14 -9
  33. package/components/Sidebar/Sidebar.svelte +4 -2
  34. package/components/StatusCard/StatusCard.scss +4 -0
  35. package/components/StatusCard/StatusCard.svelte +13 -7
  36. package/components/StatusCard/StatusCard.svelte.d.ts +2 -0
  37. package/components/StatusCard/StatusCardBody.svelte +4 -0
  38. package/components/StatusCard/StatusCardSubtitle.svelte +7 -0
  39. package/components/StatusCard/StatusCardSubtitle.svelte.d.ts +23 -0
  40. package/components/StatusCard/StatusCardTitle.svelte +4 -0
  41. package/components/Switches/Switch.svelte +1 -1
  42. package/components/Tab/Tab.svelte +1 -1
  43. package/components/TextField/TextField.svelte +1 -1
  44. package/components/Toast/Toast.svelte +1 -1
  45. package/components/Tooltip/Tooltip.svelte +1 -1
  46. package/components/WidgetCard/WidgetCard.svelte +7 -3
  47. package/components/common.scss +1 -1
  48. package/index.d.ts +2 -1
  49. package/index.js +2 -1
  50. package/package.json +2 -1
package/components/Accordion/Accordion.svelte CHANGED
@@ -589,7 +589,7 @@ export let stayOpen = true;
589
589
  }
590
590
  .sidebar {
591
591
  position: fixed;
592
- top: 73px;
592
+ top: 90px;
593
593
  /* Height of the navbar */
594
594
  bottom: 0;
595
595
  width: 315px;
package/components/Accordion/AccordionItem.svelte CHANGED
@@ -590,7 +590,7 @@ export let header;
590
590
  }
591
591
  .sidebar {
592
592
  position: fixed;
593
- top: 73px;
593
+ top: 90px;
594
594
  /* Height of the navbar */
595
595
  bottom: 0;
596
596
  width: 315px;
package/components/Badge/Badge.svelte CHANGED
@@ -595,7 +595,7 @@ if (badgeConfig.hasOwnProperty(config)) {
595
595
  }
596
596
  .sidebar {
597
597
  position: fixed;
598
- top: 73px;
598
+ top: 90px;
599
599
  /* Height of the navbar */
600
600
  bottom: 0;
601
601
  width: 315px;
package/components/Breadcrumb/Breadcrumb.svelte CHANGED
@@ -605,7 +605,7 @@ let length = newBreadcrumbs.length;
605
605
  }
606
606
  .sidebar {
607
607
  position: fixed;
608
- top: 73px;
608
+ top: 90px;
609
609
  /* Height of the navbar */
610
610
  bottom: 0;
611
611
  width: 315px;
package/components/Button/Button.svelte CHANGED
@@ -1341,7 +1341,7 @@
1341
1341
  }
1342
1342
  .sidebar {
1343
1343
  position: fixed;
1344
- top: 73px;
1344
+ top: 90px;
1345
1345
  /* Height of the navbar */
1346
1346
  bottom: 0;
1347
1347
  width: 315px;
package/components/CardIcon/CardIcon.svelte CHANGED
@@ -672,7 +672,7 @@ if (titleConfig.includes(titleLocation)) {
672
672
  }
673
673
  .sidebar {
674
674
  position: fixed;
675
- top: 73px;
675
+ top: 90px;
676
676
  /* Height of the navbar */
677
677
  bottom: 0;
678
678
  width: 315px;
package/components/CardIcon/CardiconBody.svelte CHANGED
@@ -667,7 +667,7 @@
667
667
  }
668
668
  .sidebar {
669
669
  position: fixed;
670
- top: 73px;
670
+ top: 90px;
671
671
  /* Height of the navbar */
672
672
  bottom: 0;
673
673
  width: 315px;
package/components/CardIcon/CardiconSubtitle.svelte CHANGED
@@ -676,7 +676,7 @@
676
676
  }
677
677
  .sidebar {
678
678
  position: fixed;
679
- top: 73px;
679
+ top: 90px;
680
680
  /* Height of the navbar */
681
681
  bottom: 0;
682
682
  width: 315px;
package/components/CardIcon/CardiconTitle.svelte CHANGED
@@ -676,7 +676,7 @@
676
676
  }
677
677
  .sidebar {
678
678
  position: fixed;
679
- top: 73px;
679
+ top: 90px;
680
680
  /* Height of the navbar */
681
681
  bottom: 0;
682
682
  width: 315px;
package/components/Charts/LineChart.svelte CHANGED
@@ -2,7 +2,7 @@
2
2
  <script>
3
3
  import { Chart, registerables } from 'chart.js';
4
4
  import { onDestroy, onMount } from 'svelte';
5
- import { chartOptions } from './chartOptions';
5
+ import { chartOptions, getChartData } from './chartOptions';
6
6
 
7
7
  export let data = {};
8
8
  export let label = '';
package/components/CheckBox/Checkbox.svelte CHANGED
@@ -625,7 +625,7 @@
625
625
  }
626
626
  .sidebar {
627
627
  position: fixed;
628
- top: 73px;
628
+ top: 90px;
629
629
  /* Height of the navbar */
630
630
  bottom: 0;
631
631
  width: 315px;
package/components/Dropdown/Dropdown.svelte CHANGED
@@ -650,7 +650,7 @@ export let title = "Dropdowns";
650
650
  }
651
651
  .sidebar {
652
652
  position: fixed;
653
- top: 73px;
653
+ top: 90px;
654
654
  /* Height of the navbar */
655
655
  bottom: 0;
656
656
  width: 315px;
package/components/Dropdown/DropdownItem.svelte CHANGED
@@ -643,7 +643,7 @@ export let disabled = false;
643
643
  }
644
644
  .sidebar {
645
645
  position: fixed;
646
- top: 73px;
646
+ top: 90px;
647
647
  /* Height of the navbar */
648
648
  bottom: 0;
649
649
  width: 315px;
package/components/EnkiSidbar/EnkiSidebar.svelte CHANGED
@@ -724,7 +724,7 @@ li.icons:hover {
724
724
  }
725
725
  .sidebar {
726
726
  position: fixed;
727
- top: 73px;
727
+ top: 90px;
728
728
  /* Height of the navbar */
729
729
  bottom: 0;
730
730
  width: 315px;
package/components/EnkiSidbar/NavIcon.svelte CHANGED
@@ -667,7 +667,7 @@ li.icons:hover {
667
667
  }
668
668
  .sidebar {
669
669
  position: fixed;
670
- top: 73px;
670
+ top: 90px;
671
671
  /* Height of the navbar */
672
672
  bottom: 0;
673
673
  width: 315px;
package/components/EnkiSidbar/NavItem.svelte CHANGED
@@ -665,7 +665,7 @@ li.icons:hover {
665
665
  }
666
666
  .sidebar {
667
667
  position: fixed;
668
- top: 73px;
668
+ top: 90px;
669
669
  /* Height of the navbar */
670
670
  bottom: 0;
671
671
  width: 315px;
package/components/EnkiSidbar/NavLink.svelte CHANGED
@@ -674,7 +674,7 @@ li.icons:hover {
674
674
  }
675
675
  .sidebar {
676
676
  position: fixed;
677
- top: 73px;
677
+ top: 90px;
678
678
  /* Height of the navbar */
679
679
  bottom: 0;
680
680
  width: 315px;
package/components/Header/Brand.svelte CHANGED
@@ -653,7 +653,7 @@
653
653
  }
654
654
  .sidebar {
655
655
  position: fixed;
656
- top: 73px;
656
+ top: 90px;
657
657
  /* Height of the navbar */
658
658
  bottom: 0;
659
659
  width: 315px;
package/components/Header/Header.svelte CHANGED
@@ -652,7 +652,7 @@
652
652
  }
653
653
  .sidebar {
654
654
  position: fixed;
655
- top: 73px;
655
+ top: 90px;
656
656
  /* Height of the navbar */
657
657
  bottom: 0;
658
658
  width: 315px;
package/components/Header/HeaderItem.svelte CHANGED
@@ -654,7 +654,7 @@
654
654
  }
655
655
  .sidebar {
656
656
  position: fixed;
657
- top: 73px;
657
+ top: 90px;
658
658
  /* Height of the navbar */
659
659
  bottom: 0;
660
660
  width: 315px;
package/components/Header/UserAvatar.svelte CHANGED
@@ -652,7 +652,7 @@
652
652
  }
653
653
  .sidebar {
654
654
  position: fixed;
655
- top: 73px;
655
+ top: 90px;
656
656
  /* Height of the navbar */
657
657
  bottom: 0;
658
658
  width: 315px;
package/components/ModalWindow/Modal.svelte CHANGED
@@ -591,7 +591,7 @@
591
591
  }
592
592
  .sidebar {
593
593
  position: fixed;
594
- top: 73px;
594
+ top: 90px;
595
595
  /* Height of the navbar */
596
596
  bottom: 0;
597
597
  width: 315px;
package/components/ModalWindow/ModalBody.svelte CHANGED
@@ -589,7 +589,7 @@
589
589
  }
590
590
  .sidebar {
591
591
  position: fixed;
592
- top: 73px;
592
+ top: 90px;
593
593
  /* Height of the navbar */
594
594
  bottom: 0;
595
595
  width: 315px;
package/components/ModalWindow/ModalFooter.svelte CHANGED
@@ -587,7 +587,7 @@
587
587
  }
588
588
  .sidebar {
589
589
  position: fixed;
590
- top: 73px;
590
+ top: 90px;
591
591
  /* Height of the navbar */
592
592
  bottom: 0;
593
593
  width: 315px;
package/components/ModalWindow/ModalHeader.svelte CHANGED
@@ -592,7 +592,7 @@
592
592
  }
593
593
  .sidebar {
594
594
  position: fixed;
595
- top: 73px;
595
+ top: 90px;
596
596
  /* Height of the navbar */
597
597
  bottom: 0;
598
598
  width: 315px;
package/components/NotFound/NotFound.svelte CHANGED
@@ -627,7 +627,7 @@
627
627
  }
628
628
  .sidebar {
629
629
  position: fixed;
630
- top: 73px;
630
+ top: 90px;
631
631
  /* Height of the navbar */
632
632
  bottom: 0;
633
633
  width: 315px;
package/components/Pagination/Pagination.svelte CHANGED
@@ -724,7 +724,7 @@ function nextPage() {
724
724
  }
725
725
  .sidebar {
726
726
  position: fixed;
727
- top: 73px;
727
+ top: 90px;
728
728
  /* Height of the navbar */
729
729
  bottom: 0;
730
730
  width: 315px;
package/components/RadioButton/RadioButton.svelte CHANGED
@@ -607,7 +607,7 @@
607
607
  }
608
608
  .sidebar {
609
609
  position: fixed;
610
- top: 73px;
610
+ top: 90px;
611
611
  /* Height of the navbar */
612
612
  bottom: 0;
613
613
  width: 315px;
package/components/Sidebar/MenuGroup.svelte CHANGED
@@ -107,5 +107,7 @@ ul, .icon-sidebar-content ul li, .icon-sidebar-content .toggle-button {
107
107
  background-color: #ddf9f6;
108
108
  }
109
109
  #sidebarMenu {
110
- min-height: calc(100vh - 130px);
110
+ height: calc(100vh - 146px);
111
+ overflow: auto;
112
+ border-radius: 0.75rem;
111
113
  }</style>
package/components/Sidebar/MenuItem.svelte CHANGED
@@ -120,6 +120,8 @@ ul, .icon-sidebar-content ul li, .icon-sidebar-content .toggle-button {
120
120
  background-color: #ddf9f6;
121
121
  }
122
122
  #sidebarMenu {
123
- min-height: calc(100vh - 130px);
123
+ height: calc(100vh - 146px);
124
+ overflow: auto;
125
+ border-radius: 0.75rem;
124
126
  }</style>
125
127
 
package/components/Sidebar/SideBarMenu.svelte CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
  <div class="sidebar pe-0" >
9
9
  <div
10
- class="offcanvas-md offcanvas-end bg-white rounded"
10
+ class="offcanvas-md offcanvas-end bg-white"
11
11
  tabindex="-1"
12
12
  id="sidebarMenu"
13
13
  aria-labelledby="sidebarMenuLabel"
@@ -130,7 +130,9 @@ ul, .icon-sidebar-content ul li, .icon-sidebar-content .toggle-button {
130
130
  background-color: #ddf9f6;
131
131
  }
132
132
  #sidebarMenu {
133
- min-height: calc(100vh - 130px);
133
+ height: calc(100vh - 146px);
134
+ overflow: auto;
135
+ border-radius: 0.75rem;
134
136
  }
135
137
  @media (min-width: 768px) {
136
138
  .sidebar .offcanvas-lg {
package/components/Sidebar/Sidebar.scss CHANGED
@@ -131,22 +131,27 @@ ul {
131
131
  height: 48px;
132
132
  border-radius: 5px;
133
133
  }
134
- .box a{
134
+
135
+ .box a {
135
136
  color: #05445e;
136
137
  }
137
- @media (max-width: 768px){
138
- .box a{
138
+
139
+ @media (max-width: 768px) {
140
+ .box a {
139
141
  color: #ffffff;
140
142
  }
141
143
 
142
- .active{
144
+ .active {
143
145
  background-color: #3A736D !important;
144
- }
146
+ }
145
147
  }
146
148
 
147
- .active{
148
- background-color: #ddf9f6;
149
+ .active {
150
+ background-color: #ddf9f6;
149
151
  }
150
- #sidebarMenu{
151
- min-height: calc(100vh - 130px);
152
+
153
+ #sidebarMenu {
154
+ height: calc(100vh - 146px);
155
+ overflow: auto;
156
+ border-radius: .75rem;
152
157
  }
package/components/Sidebar/Sidebar.svelte CHANGED
@@ -183,7 +183,9 @@ ul, .icon-sidebar-content ul li, .icon-sidebar-content .toggle-button {
183
183
  background-color: #ddf9f6;
184
184
  }
185
185
  #sidebarMenu {
186
- min-height: calc(100vh - 130px);
186
+ height: calc(100vh - 146px);
187
+ overflow: auto;
188
+ border-radius: 0.75rem;
187
189
  }
188
190
  :global(.ebg-none) {
189
191
  background-color: #ffffff !important;
@@ -752,7 +754,7 @@ ul, .icon-sidebar-content ul li, .icon-sidebar-content .toggle-button {
752
754
  }
753
755
  .sidebar {
754
756
  position: fixed;
755
- top: 73px;
757
+ top: 90px;
756
758
  /* Height of the navbar */
757
759
  bottom: 0;
758
760
  width: 315px;
package/components/StatusCard/StatusCard.scss CHANGED
@@ -8,6 +8,10 @@
8
8
  font-family: $bodyFonts;
9
9
  min-height:14rem;
10
10
  }
11
+ .card-mini{
12
+ height: 6rem !important;
13
+ min-height: 6rem !important;
14
+ }
11
15
  .title{
12
16
  font-size: $status-card-title;
13
17
  font-weight: $title-weight;
package/components/StatusCard/StatusCard.svelte CHANGED
@@ -1,12 +1,15 @@
1
1
  <script>
2
- export let className = "";
3
- </script>
4
- <div class="col-12 col-md-6 col-sm-6 col-lg-3">
5
- <div class="m-2 card {className}">
2
+ export let className = '';
3
+ export let small = false;
4
+ </script>
5
+
6
+ <div class="col-12 col-md-6 col-sm-6 col-lg-6 col-xl-3">
7
+ <div class="m-2 card {className} {small? 'card-mini':''}">
6
8
  <slot />
7
9
  </div>
8
- </div>
9
- <style>@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
10
+ </div>
11
+
12
+ <style>@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
10
13
  @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");
11
14
  @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");
12
15
  .card {
@@ -17,6 +20,10 @@
17
20
  font-family: Roboto;
18
21
  min-height: 14rem;
19
22
  }
23
+ .card-mini {
24
+ height: 6rem !important;
25
+ min-height: 6rem !important;
26
+ }
20
27
  .title {
21
28
  font-size: 24px;
22
29
  font-weight: 400;
@@ -40,4 +47,3 @@
40
47
  width: fit-content;
41
48
  border-radius: 0.3333333333rem;
42
49
  }</style>
43
-
package/components/StatusCard/StatusCard.svelte.d.ts CHANGED
@@ -3,6 +3,7 @@
3
3
  /** @typedef {typeof __propDef.slots} StatusCardSlots */
4
4
  export default class StatusCard extends SvelteComponentTyped<{
5
5
  className?: string | undefined;
6
+ small?: boolean | undefined;
6
7
  }, {
7
8
  [evt: string]: CustomEvent<any>;
8
9
  }, {
@@ -16,6 +17,7 @@ import { SvelteComponentTyped } from "svelte";
16
17
  declare const __propDef: {
17
18
  props: {
18
19
  className?: string | undefined;
20
+ small?: boolean | undefined;
19
21
  };
20
22
  events: {
21
23
  [evt: string]: CustomEvent<any>;
package/components/StatusCard/StatusCardBody.svelte CHANGED
@@ -32,6 +32,10 @@
32
32
  font-family: Roboto;
33
33
  min-height: 14rem;
34
34
  }
35
+ .card-mini {
36
+ height: 6rem !important;
37
+ min-height: 6rem !important;
38
+ }
35
39
  .title {
36
40
  font-size: 24px;
37
41
  font-weight: 400;
package/components/StatusCard/StatusCardSubtitle.svelte ADDED
@@ -0,0 +1,7 @@
1
+ <script>
2
+ export let value = '';
3
+ </script>
4
+
5
+ <div class="align-middle text-center float-end value fw-bold fs-2">
6
+ {value}
7
+ </div>
package/components/StatusCard/StatusCardSubtitle.svelte.d.ts ADDED
@@ -0,0 +1,23 @@
1
+ /** @typedef {typeof __propDef.props} StatusCardSubtitleProps */
2
+ /** @typedef {typeof __propDef.events} StatusCardSubtitleEvents */
3
+ /** @typedef {typeof __propDef.slots} StatusCardSubtitleSlots */
4
+ export default class StatusCardSubtitle extends SvelteComponentTyped<{
5
+ value?: string | undefined;
6
+ }, {
7
+ [evt: string]: CustomEvent<any>;
8
+ }, {}> {
9
+ }
10
+ export type StatusCardSubtitleProps = typeof __propDef.props;
11
+ export type StatusCardSubtitleEvents = typeof __propDef.events;
12
+ export type StatusCardSubtitleSlots = typeof __propDef.slots;
13
+ import { SvelteComponentTyped } from "svelte";
14
+ declare const __propDef: {
15
+ props: {
16
+ value?: string | undefined;
17
+ };
18
+ events: {
19
+ [evt: string]: CustomEvent<any>;
20
+ };
21
+ slots: {};
22
+ };
23
+ export {};
package/components/StatusCard/StatusCardTitle.svelte CHANGED
@@ -22,6 +22,10 @@
22
22
  font-family: Roboto;
23
23
  min-height: 14rem;
24
24
  }
25
+ .card-mini {
26
+ height: 6rem !important;
27
+ min-height: 6rem !important;
28
+ }
25
29
  .title {
26
30
  font-size: 24px;
27
31
  font-weight: 400;
package/components/Switches/Switch.svelte CHANGED
@@ -598,7 +598,7 @@
598
598
  }
599
599
  .sidebar {
600
600
  position: fixed;
601
- top: 73px;
601
+ top: 90px;
602
602
  /* Height of the navbar */
603
603
  bottom: 0;
604
604
  width: 315px;
package/components/Tab/Tab.svelte CHANGED
@@ -618,7 +618,7 @@ export let tabs = [
618
618
  }
619
619
  .sidebar {
620
620
  position: fixed;
621
- top: 73px;
621
+ top: 90px;
622
622
  /* Height of the navbar */
623
623
  bottom: 0;
624
624
  width: 315px;
package/components/TextField/TextField.svelte CHANGED
@@ -626,7 +626,7 @@
626
626
  }
627
627
  .sidebar {
628
628
  position: fixed;
629
- top: 73px;
629
+ top: 90px;
630
630
  /* Height of the navbar */
631
631
  bottom: 0;
632
632
  width: 315px;
package/components/Toast/Toast.svelte CHANGED
@@ -662,7 +662,7 @@
662
662
  }
663
663
  .sidebar {
664
664
  position: fixed;
665
- top: 73px;
665
+ top: 90px;
666
666
  /* Height of the navbar */
667
667
  bottom: 0;
668
668
  width: 315px;
package/components/Tooltip/Tooltip.svelte CHANGED
@@ -605,7 +605,7 @@ const textAligns = {
605
605
  }
606
606
  .sidebar {
607
607
  position: fixed;
608
- top: 73px;
608
+ top: 90px;
609
609
  /* Height of the navbar */
610
610
  bottom: 0;
611
611
  width: 315px;
package/components/WidgetCard/WidgetCard.svelte CHANGED
@@ -20,15 +20,19 @@
20
20
  </script>
21
21
 
22
22
  {#key cardLength}
23
- <div class="col-12 col-md-{cardLength * 2} col-sm-{cardLength * 2} col-lg-{cardLength}">
23
+ <div
24
+ class="col-12 col-md-{cardLength * 2} col-sm-{cardLength * 2} col-lg-{cardLength < 6
25
+ ? cardLength * 2
26
+ : cardLength} col-xl-{cardLength}"
27
+ >
24
28
  <div bind:this={element}>
25
29
  <div class="m-2 card">
26
30
  <Row>
27
- <Col md=10>
31
+ <Col md="10">
28
32
  <div class="title fw-normal">{title}</div>
29
33
  </Col>
30
34
  {#if resizable}
31
- <Col md=2>
35
+ <Col md="2">
32
36
  <div class="float-end">
33
37
  <i on:click={toggleMaximize} class="material-icons"
34
38
  >{!maximized ? 'zoom_out_map' : 'zoom_in_map'}</i
package/components/common.scss CHANGED
@@ -794,7 +794,7 @@
794
794
 
795
795
  .sidebar {
796
796
  position: fixed;
797
- top: 73px;
797
+ top: 90px;
798
798
  /* Height of the navbar */
799
799
  bottom: 0;
800
800
  width: 315px;
package/index.d.ts CHANGED
@@ -74,5 +74,6 @@ import DoughnutChart from './components/Charts/DoughnutChart.svelte';
74
74
  import PieChart from './components/Charts/PieChart.svelte';
75
75
  import BarChart from './components/Charts/Barchart.svelte';
76
76
  import LineChart from './components/Charts/LineChart.svelte';
77
- export { Accordion, AccordionItem, ActionIcon, ActionIconGroup, Alert, Badge, Brand, Breadcrumb, Button, Card, CardBody, CardFooter, CardIcon, CardiconBody, CardiconSubtitle, CardiconTitle, CardLink, CardSubtitle, CardText, CardTitle, Checkbox, derivedStore, Dropdown, DropdownItem, EnkiCard, EnkiSidebar, EnkiTable, Footer, Header, HeaderItem, Icon, Layout, MainMenuHead, menuTypeStore, Modal, ModalBody, ModalFooter, ModalHeader, NavIcon, NavItem, NavLink, NotFound, Page, Pagination, RadioButton, smallMenuwidth, Switch, Tab, TableBody, TableCell, TableHead, TableHeadCell, TableRow, TextField, Toast, Tooltip, UserAvatar, HeaderDropDownLink, HeaderDropDownLinkItem, HeaderLink, HeaderLinks, Content, MenuGroup, MenuItem, SortableGrid, SideBarMenu, StatusCard, StatusCardBody, StatusCardTitle, StateCard, WidgetCard, WidgetCardBody, DoughnutChart, PieChart, BarChart, LineChart, };
77
+ import StatusCardSubtitle from './components/StatusCard/StatusCardSubtitle.svelte';
78
+ export { Accordion, AccordionItem, ActionIcon, ActionIconGroup, Alert, Badge, Brand, Breadcrumb, Button, Card, CardBody, CardFooter, CardIcon, CardiconBody, CardiconSubtitle, CardiconTitle, CardLink, CardSubtitle, CardText, CardTitle, Checkbox, derivedStore, Dropdown, DropdownItem, EnkiCard, EnkiSidebar, EnkiTable, Footer, Header, HeaderItem, Icon, Layout, MainMenuHead, menuTypeStore, Modal, ModalBody, ModalFooter, ModalHeader, NavIcon, NavItem, NavLink, NotFound, Page, Pagination, RadioButton, smallMenuwidth, Switch, Tab, TableBody, TableCell, TableHead, TableHeadCell, TableRow, TextField, Toast, Tooltip, UserAvatar, HeaderDropDownLink, HeaderDropDownLinkItem, HeaderLink, HeaderLinks, Content, MenuGroup, MenuItem, SortableGrid, SideBarMenu, StatusCard, StatusCardBody, StatusCardTitle, StatusCardSubtitle, StateCard, WidgetCard, WidgetCardBody, DoughnutChart, PieChart, BarChart, LineChart, };
78
79
  export default i18nInit;
package/index.js CHANGED
@@ -75,5 +75,6 @@ import DoughnutChart from './components/Charts/DoughnutChart.svelte';
75
75
  import PieChart from './components/Charts/PieChart.svelte';
76
76
  import BarChart from './components/Charts/Barchart.svelte';
77
77
  import LineChart from './components/Charts/LineChart.svelte';
78
- export { Accordion, AccordionItem, ActionIcon, ActionIconGroup, Alert, Badge, Brand, Breadcrumb, Button, Card, CardBody, CardFooter, CardIcon, CardiconBody, CardiconSubtitle, CardiconTitle, CardLink, CardSubtitle, CardText, CardTitle, Checkbox, derivedStore, Dropdown, DropdownItem, EnkiCard, EnkiSidebar, EnkiTable, Footer, Header, HeaderItem, Icon, Layout, MainMenuHead, menuTypeStore, Modal, ModalBody, ModalFooter, ModalHeader, NavIcon, NavItem, NavLink, NotFound, Page, Pagination, RadioButton, smallMenuwidth, Switch, Tab, TableBody, TableCell, TableHead, TableHeadCell, TableRow, TextField, Toast, Tooltip, UserAvatar, HeaderDropDownLink, HeaderDropDownLinkItem, HeaderLink, HeaderLinks, Content, MenuGroup, MenuItem, SortableGrid, SideBarMenu, StatusCard, StatusCardBody, StatusCardTitle, StateCard, WidgetCard, WidgetCardBody, DoughnutChart, PieChart, BarChart, LineChart, };
78
+ import StatusCardSubtitle from './components/StatusCard/StatusCardSubtitle.svelte';
79
+ export { Accordion, AccordionItem, ActionIcon, ActionIconGroup, Alert, Badge, Brand, Breadcrumb, Button, Card, CardBody, CardFooter, CardIcon, CardiconBody, CardiconSubtitle, CardiconTitle, CardLink, CardSubtitle, CardText, CardTitle, Checkbox, derivedStore, Dropdown, DropdownItem, EnkiCard, EnkiSidebar, EnkiTable, Footer, Header, HeaderItem, Icon, Layout, MainMenuHead, menuTypeStore, Modal, ModalBody, ModalFooter, ModalHeader, NavIcon, NavItem, NavLink, NotFound, Page, Pagination, RadioButton, smallMenuwidth, Switch, Tab, TableBody, TableCell, TableHead, TableHeadCell, TableRow, TextField, Toast, Tooltip, UserAvatar, HeaderDropDownLink, HeaderDropDownLinkItem, HeaderLink, HeaderLinks, Content, MenuGroup, MenuItem, SortableGrid, SideBarMenu, StatusCard, StatusCardBody, StatusCardTitle, StatusCardSubtitle, StateCard, WidgetCard, WidgetCardBody, DoughnutChart, PieChart, BarChart, LineChart, };
79
80
  export default i18nInit;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@enki-tek/fms-web-components",
3
- "version": "0.1.10",
3
+ "version": "0.1.12",
4
4
  "devDependencies": {
5
5
  "@storybook/addon-essentials": "^7.6.14",
6
6
  "@storybook/addon-interactions": "^7.6.14",
@@ -158,6 +158,7 @@
158
158
  "./components/StatusCard/StatusCard.scss": "./components/StatusCard/StatusCard.scss",
159
159
  "./components/StatusCard/StatusCard.svelte": "./components/StatusCard/StatusCard.svelte",
160
160
  "./components/StatusCard/StatusCardBody.svelte": "./components/StatusCard/StatusCardBody.svelte",
161
+ "./components/StatusCard/StatusCardSubtitle.svelte": "./components/StatusCard/StatusCardSubtitle.svelte",
161
162
  "./components/StatusCard/StatusCardTitle.svelte": "./components/StatusCard/StatusCardTitle.svelte",
162
163
  "./components/Switches/Switch.scss": "./components/Switches/Switch.scss",
163
164
  "./components/Switches/Switch.stories": "./components/Switches/Switch.stories.js",