@enki-tek/fms-web-components 0.0.26 → 0.0.27

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/Badge/Badge.scss +2 -0
  2. package/components/Badge/Badge.svelte +8 -4
  3. package/components/Badge/Badge.svelte.d.ts +3 -2
  4. package/components/EnkiTable/EnkiTable.svelte +2 -2
  5. package/components/EnkiTable/EnkiTable.svelte.d.ts +2 -2
  6. package/components/EnkiTable/TableCell.svelte +2 -2
  7. package/components/EnkiTable/TableCell.svelte.d.ts +2 -2
  8. package/components/textField/TextField.svelte +24 -22
  9. package/components/textField/TextField.svelte.d.ts +6 -2
  10. package/package.json +1 -1
package/components/Badge/Badge.scss CHANGED
@@ -8,4 +8,6 @@
8
8
  text-transform: capitalize;
9
9
  font-weight: 500;
10
10
  font-family: $bodyFonts;
11
+ background-color: $success;
12
+ color: $black;
11
13
  }
package/components/Badge/Badge.svelte CHANGED
@@ -1,15 +1,17 @@
1
1
  <script>import { Badge } from "sveltestrap";
2
2
  import { badgeConfig } from "./BadgeConfig";
3
3
  export let config = "";
4
- export let label = "badges";
5
4
  export let className;
6
- let badgeStyles = [className];
5
+ let badgeStyles = [`custom-badge`, className];
7
6
  if (badgeConfig.hasOwnProperty(config)) {
8
- badgeStyles = [...badgeConfig[config], `custom-badge`, className];
7
+ badgeStyles = [...badgeConfig[config]];
9
8
  }
10
9
  </script>
11
10
 
12
- <Badge pill color="none" class={badgeStyles.join(' ')}>{label}</Badge>
11
+ <Badge pill color="none" class={badgeStyles.join(' ')}>
12
+ <slot />
13
+
14
+ </Badge>
13
15
 
14
16
  <style>@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
15
17
  @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");
@@ -25,6 +27,8 @@ if (badgeConfig.hasOwnProperty(config)) {
25
27
  text-transform: capitalize;
26
28
  font-weight: 500;
27
29
  font-family: Roboto;
30
+ background-color: #00A96B;
31
+ color: #000000;
28
32
  }
29
33
  :global(.ebg-none) {
30
34
  background-color: #ffffff !important;
package/components/Badge/Badge.svelte.d.ts CHANGED
@@ -2,13 +2,14 @@ import { SvelteComponentTyped } from "svelte";
2
2
  declare const __propDef: {
3
3
  props: {
4
4
  config?: string | undefined;
5
- label?: string | undefined;
6
5
  className: any;
7
6
  };
8
7
  events: {
9
8
  [evt: string]: CustomEvent<any>;
10
9
  };
11
- slots: {};
10
+ slots: {
11
+ default: {};
12
+ };
12
13
  };
13
14
  export type BadgeProps = typeof __propDef.props;
14
15
  export type BadgeEvents = typeof __propDef.events;
package/components/EnkiTable/EnkiTable.svelte CHANGED
@@ -2,12 +2,12 @@
2
2
  import { Table } from 'sveltestrap';
3
3
  export let size = "lg"
4
4
  export let type = ' ';
5
- export let className ='' ;
5
+ export let classes ='' ;
6
6
  const tableTypes = {
7
7
  hover:'table-hover' ,
8
8
  striped:'table-striped'
9
9
  }
10
- let tableClasses = ['table' ,className];
10
+ let tableClasses = ['table' ,classes];
11
11
  if (tableTypes.hasOwnProperty(type.trim())) {
12
12
  tableClasses.push(tableTypes[type.trim()]);
13
13
  }
package/components/EnkiTable/EnkiTable.svelte.d.ts CHANGED
@@ -4,7 +4,7 @@
4
4
  export default class EnkiTable extends SvelteComponentTyped<{
5
5
  type?: string | undefined;
6
6
  size?: string | undefined;
7
- className?: string | undefined;
7
+ classes?: string | undefined;
8
8
  }, {
9
9
  [evt: string]: CustomEvent<any>;
10
10
  }, {
@@ -19,7 +19,7 @@ declare const __propDef: {
19
19
  props: {
20
20
  type?: string | undefined;
21
21
  size?: string | undefined;
22
- className?: string | undefined;
22
+ classes?: string | undefined;
23
23
  };
24
24
  events: {
25
25
  [evt: string]: CustomEvent<any>;
package/components/EnkiTable/TableCell.svelte CHANGED
@@ -2,8 +2,8 @@
2
2
  export let dataLabel = " ";
3
3
  export let colspan = 1;
4
4
  export let rowspan = 1 ;
5
- export let textAlign =' ';
6
- let tdStyles = ['td-div', `text-${textAlign}`]
5
+ export let classes = ''
6
+ let tdStyles = ['td-div', classes]
7
7
  </script>
8
8
 
9
9
  <td data-label ={dataLabel} colspan={colspan} rowspan={rowspan} class={tdStyles.join(' ')} ><slot /></td>
package/components/EnkiTable/TableCell.svelte.d.ts CHANGED
@@ -2,9 +2,9 @@
2
2
  /** @typedef {typeof __propDef.events} TableCellEvents */
3
3
  /** @typedef {typeof __propDef.slots} TableCellSlots */
4
4
  export default class TableCell extends SvelteComponentTyped<{
5
+ classes?: string | undefined;
5
6
  colspan?: number | undefined;
6
7
  rowspan?: number | undefined;
7
- textAlign?: string | undefined;
8
8
  dataLabel?: string | undefined;
9
9
  }, {
10
10
  [evt: string]: CustomEvent<any>;
@@ -18,9 +18,9 @@ export type TableCellSlots = typeof __propDef.slots;
18
18
  import { SvelteComponentTyped } from "svelte";
19
19
  declare const __propDef: {
20
20
  props: {
21
+ classes?: string | undefined;
21
22
  colspan?: number | undefined;
22
23
  rowspan?: number | undefined;
23
- textAlign?: string | undefined;
24
24
  dataLabel?: string | undefined;
25
25
  };
26
26
  events: {
package/components/textField/TextField.svelte CHANGED
@@ -1,29 +1,31 @@
1
1
  <script>
2
- import { Input } from 'sveltestrap';
2
+ import { Input } from 'sveltestrap';
3
3
 
4
- export let type = 'text';
5
- export let placeholder = 'placeholder';
6
- export let value = '';
7
- export let name = '';
8
- export let size ='';
9
- export let disabled = false;
10
- export let valid = false;
11
- export let invalid = false;
12
- export let feedback;
4
+ export let type = 'text';
5
+ export let placeholder = 'placeholder';
6
+ export let value = '';
7
+ export let name = '';
8
+ export let size = '';
9
+ export let disabled = false;
10
+ export let valid = false;
11
+ export let invalid = false;
12
+ export let feedback;
13
13
  </script>
14
14
 
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
+ <Input
16
+ {type}
17
+ class="custom-field efs-normal"
18
+ {placeholder}
19
+ {name}
20
+ {value}
21
+ {disabled}
22
+ {valid}
23
+ {invalid}
24
+ bsSize={size}
25
+ {feedback}
26
+ >
27
+ <slot />
28
+ </Input>
27
29
 
28
30
  <style>@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
29
31
  @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");
package/components/textField/TextField.svelte.d.ts CHANGED
@@ -13,7 +13,9 @@ export default class TextField extends SvelteComponentTyped<{
13
13
  valid?: boolean | undefined;
14
14
  }, {
15
15
  [evt: string]: CustomEvent<any>;
16
- }, {}> {
16
+ }, {
17
+ default: {};
18
+ }> {
17
19
  }
18
20
  export type TextFieldProps = typeof __propDef.props;
19
21
  export type TextFieldEvents = typeof __propDef.events;
@@ -34,6 +36,8 @@ declare const __propDef: {
34
36
  events: {
35
37
  [evt: string]: CustomEvent<any>;
36
38
  };
37
- slots: {};
39
+ slots: {
40
+ default: {};
41
+ };
38
42
  };
39
43
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@enki-tek/fms-web-components",
3
- "version": "0.0.26",
3
+ "version": "0.0.27",
4
4
  "devDependencies": {
5
5
  "@storybook/addon-essentials": "^7.6.14",
6
6
  "@storybook/addon-interactions": "^7.6.14",