@enki-tek/fms-web-components 0.0.21 → 0.0.23
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.
- package/components/CardIcon/CardIcon.scss +43 -31
- package/components/CardIcon/CardIcon.svelte +45 -69
- package/components/CardIcon/CardIcon.svelte.d.ts +1 -8
- package/components/CardIcon/CardIconConfig.d.ts +3 -2
- package/components/CardIcon/CardIconConfig.js +3 -2
- package/components/CardIcon/CardiconBody.svelte +663 -0
- package/components/CardIcon/CardiconBody.svelte.d.ts +27 -0
- package/components/CardIcon/CardiconSubtitle.svelte +672 -0
- package/components/CardIcon/CardiconSubtitle.svelte.d.ts +27 -0
- package/components/CardIcon/CardiconTitle.svelte +672 -0
- package/components/CardIcon/CardiconTitle.svelte.d.ts +27 -0
- package/components/textField/TextField.svelte +21 -9
- package/components/textField/TextField.svelte.d.ts +6 -0
- package/index.d.ts +4 -1
- package/index.js +4 -1
- package/package.json +4 -1
@@ -1,17 +1,29 @@
|
|
1
|
-
<!-- TextField.svelte -->
|
2
1
|
<script>
|
3
|
-
|
4
|
-
|
2
|
+
import { Input } from 'sveltestrap';
|
3
|
+
|
5
4
|
export let type = 'text';
|
6
|
-
export let placeholder =
|
7
|
-
export let value = '';
|
8
|
-
export let
|
5
|
+
export let placeholder = 'placeholder';
|
6
|
+
export let value = '';
|
7
|
+
export let name = '';
|
8
|
+
export let size ='';
|
9
|
+
export let disabled = false;
|
9
10
|
export let valid = false;
|
10
11
|
export let invalid = false;
|
11
|
-
|
12
|
+
export let feedback;
|
12
13
|
</script>
|
13
14
|
|
14
|
-
<Input
|
15
|
+
<Input
|
16
|
+
type={type}
|
17
|
+
class="custom-field efs-normal"
|
18
|
+
placeholder={placeholder}
|
19
|
+
name={name}
|
20
|
+
value={value}
|
21
|
+
{disabled}
|
22
|
+
valid={valid}
|
23
|
+
invalid={invalid}
|
24
|
+
bsSize= {size}
|
25
|
+
feedback={feedback}
|
26
|
+
/>
|
15
27
|
|
16
28
|
<style>@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
|
17
29
|
@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");
|
@@ -604,4 +616,4 @@
|
|
604
616
|
font-style: normal;
|
605
617
|
font-weight: 400;
|
606
618
|
line-height: normal;
|
607
|
-
}</style>
|
619
|
+
}</style>
|
@@ -2,11 +2,14 @@
|
|
2
2
|
/** @typedef {typeof __propDef.events} TextFieldEvents */
|
3
3
|
/** @typedef {typeof __propDef.slots} TextFieldSlots */
|
4
4
|
export default class TextField extends SvelteComponentTyped<{
|
5
|
+
feedback: any;
|
5
6
|
disabled?: boolean | undefined;
|
6
7
|
invalid?: boolean | undefined;
|
7
8
|
type?: string | undefined;
|
9
|
+
size?: string | undefined;
|
8
10
|
placeholder?: string | undefined;
|
9
11
|
value?: string | undefined;
|
12
|
+
name?: string | undefined;
|
10
13
|
valid?: boolean | undefined;
|
11
14
|
}, {
|
12
15
|
[evt: string]: CustomEvent<any>;
|
@@ -18,11 +21,14 @@ export type TextFieldSlots = typeof __propDef.slots;
|
|
18
21
|
import { SvelteComponentTyped } from "svelte";
|
19
22
|
declare const __propDef: {
|
20
23
|
props: {
|
24
|
+
feedback: any;
|
21
25
|
disabled?: boolean | undefined;
|
22
26
|
invalid?: boolean | undefined;
|
23
27
|
type?: string | undefined;
|
28
|
+
size?: string | undefined;
|
24
29
|
placeholder?: string | undefined;
|
25
30
|
value?: string | undefined;
|
31
|
+
name?: string | undefined;
|
26
32
|
valid?: boolean | undefined;
|
27
33
|
};
|
28
34
|
events: {
|
package/index.d.ts
CHANGED
@@ -22,6 +22,9 @@ import Checkbox from './components/CheckBox/Checkbox.svelte';
|
|
22
22
|
import Breadcrumb from './components/Breadcrumb/Breadcrumb.svelte';
|
23
23
|
import Accordion from './components/Accordion/Accordion.svelte';
|
24
24
|
import CardIcon from './components/CardIcon/CardIcon.svelte';
|
25
|
+
import CardiconTitle from './components/CardIcon/CardiconTitle.svelte';
|
26
|
+
import CardiconBody from './components/CardIcon/CardiconBody.svelte';
|
27
|
+
import CardiconSubtitle from './components/CardIcon/CardiconSubtitle.svelte';
|
25
28
|
import EnkiTable from './components/EnkiTable/EnkiTable.svelte';
|
26
29
|
import TableBody from './components/EnkiTable/TableBody.svelte';
|
27
30
|
import TableHead from './components/EnkiTable/TableHead.svelte';
|
@@ -35,5 +38,5 @@ import CardText from './components/EnkiCard/CardText.svelte';
|
|
35
38
|
import CardBody from './components/EnkiCard/CardBody.svelte';
|
36
39
|
import CardFooter from './components/EnkiCard/CardFooter.svelte';
|
37
40
|
import CardLink from './components/EnkiCard/CardLink.svelte';
|
38
|
-
export { Button, TextField, Card, Tooltip, Tab, Icon, Modal, ModalBody, ModalFooter, ModalHeader, Header, Dropdown, DropdownItem, Badge, Alert, Pagination, RadioButton, Accordion, Switch, Checkbox, Breadcrumb, CardIcon, EnkiTable, TableBody, TableCell, TableRow, TableHead, TableHeadCell, EnkiCard, CardBody, CardTitle, CardSubtitle, CardText, CardLink, CardFooter };
|
41
|
+
export { Button, TextField, Card, Tooltip, Tab, Icon, Modal, ModalBody, ModalFooter, ModalHeader, Header, Dropdown, DropdownItem, Badge, Alert, Pagination, RadioButton, Accordion, Switch, Checkbox, Breadcrumb, CardIcon, CardiconTitle, CardiconBody, CardiconSubtitle, EnkiTable, TableBody, TableCell, TableRow, TableHead, TableHeadCell, EnkiCard, CardBody, CardTitle, CardSubtitle, CardText, CardLink, CardFooter };
|
39
42
|
export default Layout;
|
package/index.js
CHANGED
@@ -23,6 +23,9 @@ import Checkbox from './components/CheckBox/Checkbox.svelte';
|
|
23
23
|
import Breadcrumb from './components/Breadcrumb/Breadcrumb.svelte';
|
24
24
|
import Accordion from './components/Accordion/Accordion.svelte';
|
25
25
|
import CardIcon from './components/CardIcon/CardIcon.svelte';
|
26
|
+
import CardiconTitle from './components/CardIcon/CardiconTitle.svelte';
|
27
|
+
import CardiconBody from './components/CardIcon/CardiconBody.svelte';
|
28
|
+
import CardiconSubtitle from './components/CardIcon/CardiconSubtitle.svelte';
|
26
29
|
import EnkiTable from './components/EnkiTable/EnkiTable.svelte';
|
27
30
|
import TableBody from './components/EnkiTable/TableBody.svelte';
|
28
31
|
import TableHead from './components/EnkiTable/TableHead.svelte';
|
@@ -36,5 +39,5 @@ import CardText from './components/EnkiCard/CardText.svelte';
|
|
36
39
|
import CardBody from './components/EnkiCard/CardBody.svelte';
|
37
40
|
import CardFooter from './components/EnkiCard/CardFooter.svelte';
|
38
41
|
import CardLink from './components/EnkiCard/CardLink.svelte';
|
39
|
-
export { Button, TextField, Card, Tooltip, Tab, Icon, Modal, ModalBody, ModalFooter, ModalHeader, Header, Dropdown, DropdownItem, Badge, Alert, Pagination, RadioButton, Accordion, Switch, Checkbox, Breadcrumb, CardIcon, EnkiTable, TableBody, TableCell, TableRow, TableHead, TableHeadCell, EnkiCard, CardBody, CardTitle, CardSubtitle, CardText, CardLink, CardFooter };
|
42
|
+
export { Button, TextField, Card, Tooltip, Tab, Icon, Modal, ModalBody, ModalFooter, ModalHeader, Header, Dropdown, DropdownItem, Badge, Alert, Pagination, RadioButton, Accordion, Switch, Checkbox, Breadcrumb, CardIcon, CardiconTitle, CardiconBody, CardiconSubtitle, EnkiTable, TableBody, TableCell, TableRow, TableHead, TableHeadCell, EnkiCard, CardBody, CardTitle, CardSubtitle, CardText, CardLink, CardFooter };
|
40
43
|
export default Layout;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@enki-tek/fms-web-components",
|
3
|
-
"version": "0.0.
|
3
|
+
"version": "0.0.23",
|
4
4
|
"devDependencies": {
|
5
5
|
"@storybook/addon-essentials": "^7.6.14",
|
6
6
|
"@storybook/addon-interactions": "^7.6.14",
|
@@ -67,6 +67,9 @@
|
|
67
67
|
"./components/CardIcon/CardIcon.stories": "./components/CardIcon/CardIcon.stories.js",
|
68
68
|
"./components/CardIcon/CardIcon.svelte": "./components/CardIcon/CardIcon.svelte",
|
69
69
|
"./components/CardIcon/CardIconConfig": "./components/CardIcon/CardIconConfig.js",
|
70
|
+
"./components/CardIcon/CardiconBody.svelte": "./components/CardIcon/CardiconBody.svelte",
|
71
|
+
"./components/CardIcon/CardiconSubtitle.svelte": "./components/CardIcon/CardiconSubtitle.svelte",
|
72
|
+
"./components/CardIcon/CardiconTitle.svelte": "./components/CardIcon/CardiconTitle.svelte",
|
70
73
|
"./components/CheckBox/Checkbox.scss": "./components/CheckBox/Checkbox.scss",
|
71
74
|
"./components/CheckBox/Checkbox.stories": "./components/CheckBox/Checkbox.stories.js",
|
72
75
|
"./components/CheckBox/Checkbox.svelte": "./components/CheckBox/Checkbox.svelte",
|