@enki-tek/fms-web-components 0.0.64 → 0.0.66

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 (10) hide show
  1. package/components/Header/Header.svelte +1 -1
  2. package/components/Layout/Page.svelte +8 -1
  3. package/index.d.ts +1 -3
  4. package/index.js +1 -3
  5. package/package.json +1 -4
  6. package/components/Button/ButtonFilter.scss +0 -75
  7. package/components/Button/ButtonFilter.svelte +0 -651
  8. package/components/Button/ButtonFilter.svelte.d.ts +0 -39
  9. package/components/Button/FilterOption.svelte +0 -639
  10. package/components/Button/FilterOption.svelte.d.ts +0 -31
package/components/Header/Header.svelte CHANGED
@@ -13,7 +13,7 @@
13
13
  }
14
14
  </script>
15
15
 
16
- <Navbar expand="md" class="bg-white sticky-top">
16
+ <Navbar expand="md" class="bg-white sticky-top shadow-sm">
17
17
  <slot name="brand" />
18
18
  <NavbarToggler class="border border-success text-success" on:click={() => (isOpen = !isOpen)} />
19
19
  <Collapse {isOpen} navbar expand="md" on:update={handleUpdate}>
package/components/Layout/Page.svelte CHANGED
@@ -2,7 +2,7 @@
2
2
  import { Col, Row } from 'sveltestrap';
3
3
  </script>
4
4
 
5
- <section>
5
+ <section class="screen-size-fix">
6
6
  <div class="container-fluid mb-2">
7
7
  <Row class="border-bottom py-1">
8
8
  <Col>
@@ -20,3 +20,10 @@
20
20
  <slot name="content" />
21
21
  </section>
22
22
 
23
+ <style>
24
+ .screen-size-fix{
25
+ height: calc(100vh - 132px - 65px);
26
+ overflow: auto;
27
+ }
28
+
29
+ </style>
package/index.d.ts CHANGED
@@ -1,8 +1,6 @@
1
1
  import './app.scss';
2
2
  import Layout from './components/Layout/LayOut.svelte';
3
3
  import Button from './components/Button/Button.svelte';
4
- import ButtonFilter from './components/Button/ButtonFilter.svelte';
5
- import FilterOption from './components/Button/FilterOption.svelte';
6
4
  import TextField from './components/TextField/TextField.svelte';
7
5
  import Card from './components/Card/Card.svelte';
8
6
  import Tooltip from './components/Tooltip/Tooltip.svelte';
@@ -57,5 +55,5 @@ import { i18nInit } from "./components/i18n/i18n";
57
55
  import { menuTypeStore } from "./components/Layout/menuStore.js";
58
56
  import { derivedStore } from "./components/Layout/menuStore.js";
59
57
  import { smallMenuwidth } from "./components/Layout/menuStore.js";
60
- export { Button, ButtonFilter, Brand, FilterOption, TextField, Card, Tooltip, Tab, Icon, ActionIconGroup, ActionIcon, Modal, ModalBody, ModalFooter, ModalHeader, Header, HeaderItem, UserAvatar, Dropdown, DropdownItem, Badge, Alert, Pagination, RadioButton, Accordion, AccordionItem, Switch, Checkbox, Breadcrumb, CardIcon, CardiconTitle, CardiconBody, CardiconSubtitle, EnkiTable, TableBody, TableCell, TableRow, TableHead, TableHeadCell, EnkiCard, CardBody, CardTitle, CardSubtitle, CardText, CardLink, CardFooter, EnkiSidebar, NavItem, NavIcon, NavLink, Layout, Page, MainMenuHead, Footer, menuTypeStore, derivedStore, smallMenuwidth, };
58
+ export { Button, Brand, TextField, Card, Tooltip, Tab, Icon, ActionIconGroup, ActionIcon, Modal, ModalBody, ModalFooter, ModalHeader, Header, HeaderItem, UserAvatar, Dropdown, DropdownItem, Badge, Alert, Pagination, RadioButton, Accordion, AccordionItem, Switch, Checkbox, Breadcrumb, CardIcon, CardiconTitle, CardiconBody, CardiconSubtitle, EnkiTable, TableBody, TableCell, TableRow, TableHead, TableHeadCell, EnkiCard, CardBody, CardTitle, CardSubtitle, CardText, CardLink, CardFooter, EnkiSidebar, NavItem, NavIcon, NavLink, Layout, Page, MainMenuHead, Footer, menuTypeStore, derivedStore, smallMenuwidth, };
61
59
  export default i18nInit;
package/index.js CHANGED
@@ -2,8 +2,6 @@
2
2
  import './app.scss';
3
3
  import Layout from './components/Layout/LayOut.svelte';
4
4
  import Button from './components/Button/Button.svelte';
5
- import ButtonFilter from './components/Button/ButtonFilter.svelte';
6
- import FilterOption from './components/Button/FilterOption.svelte';
7
5
  import TextField from './components/TextField/TextField.svelte';
8
6
  import Card from './components/Card/Card.svelte';
9
7
  import Tooltip from './components/Tooltip/Tooltip.svelte';
@@ -58,5 +56,5 @@ import { i18nInit } from "./components/i18n/i18n";
58
56
  import { menuTypeStore } from "./components/Layout/menuStore.js";
59
57
  import { derivedStore } from "./components/Layout/menuStore.js";
60
58
  import { smallMenuwidth } from "./components/Layout/menuStore.js";
61
- export { Button, ButtonFilter, Brand, FilterOption, TextField, Card, Tooltip, Tab, Icon, ActionIconGroup, ActionIcon, Modal, ModalBody, ModalFooter, ModalHeader, Header, HeaderItem, UserAvatar, Dropdown, DropdownItem, Badge, Alert, Pagination, RadioButton, Accordion, AccordionItem, Switch, Checkbox, Breadcrumb, CardIcon, CardiconTitle, CardiconBody, CardiconSubtitle, EnkiTable, TableBody, TableCell, TableRow, TableHead, TableHeadCell, EnkiCard, CardBody, CardTitle, CardSubtitle, CardText, CardLink, CardFooter, EnkiSidebar, NavItem, NavIcon, NavLink, Layout, Page, MainMenuHead, Footer, menuTypeStore, derivedStore, smallMenuwidth, };
59
+ export { Button, Brand, TextField, Card, Tooltip, Tab, Icon, ActionIconGroup, ActionIcon, Modal, ModalBody, ModalFooter, ModalHeader, Header, HeaderItem, UserAvatar, Dropdown, DropdownItem, Badge, Alert, Pagination, RadioButton, Accordion, AccordionItem, Switch, Checkbox, Breadcrumb, CardIcon, CardiconTitle, CardiconBody, CardiconSubtitle, EnkiTable, TableBody, TableCell, TableRow, TableHead, TableHeadCell, EnkiCard, CardBody, CardTitle, CardSubtitle, CardText, CardLink, CardFooter, EnkiSidebar, NavItem, NavIcon, NavLink, Layout, Page, MainMenuHead, Footer, menuTypeStore, derivedStore, smallMenuwidth, };
62
60
  export default i18nInit;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@enki-tek/fms-web-components",
3
- "version": "0.0.64",
3
+ "version": "0.0.66",
4
4
  "devDependencies": {
5
5
  "@storybook/addon-essentials": "^7.6.14",
6
6
  "@storybook/addon-interactions": "^7.6.14",
@@ -60,9 +60,6 @@
60
60
  "./components/Button/Button.scss": "./components/Button/Button.scss",
61
61
  "./components/Button/Button.stories": "./components/Button/Button.stories.js",
62
62
  "./components/Button/Button.svelte": "./components/Button/Button.svelte",
63
- "./components/Button/ButtonFilter.scss": "./components/Button/ButtonFilter.scss",
64
- "./components/Button/ButtonFilter.svelte": "./components/Button/ButtonFilter.svelte",
65
- "./components/Button/FilterOption.svelte": "./components/Button/FilterOption.svelte",
66
63
  "./components/Button/buttonConfig": "./components/Button/buttonConfig.js",
67
64
  "./components/Card/Card.scss": "./components/Card/Card.scss",
68
65
  "./components/Card/Card.stories": "./components/Card/Card.stories.js",
package/components/Button/ButtonFilter.scss DELETED
@@ -1,75 +0,0 @@
1
- @import './../variable.scss';
2
-
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
- }