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

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