@enki-tek/fms-web-components 0.0.54 → 0.0.56

package/components/EnkiTable/EnkiTable.svelte

@@ -31,6 +31,8 @@
 .th-div {
   font-size: 17px;
   text-wrap: nowrap;
+  text-transform: capitalize;
+  padding-right: 40px !important;
 }
 .td-div {
   width: 12.5rem;

package/components/EnkiTable/Table.scss

@@ -12,6 +12,8 @@
     @extend %common-fonts;
     font-size: 17px;
     text-wrap: nowrap;
+    text-transform: capitalize;
+    padding-right: 40px !important;
 }
 
 .td-div {

package/components/EnkiTable/TableBody.svelte

@@ -19,6 +19,8 @@
 .th-div {
   font-size: 17px;
   text-wrap: nowrap;
+  text-transform: capitalize;
+  padding-right: 40px !important;
 }
 .td-div {
   width: 12.5rem;

package/components/EnkiTable/TableCell.svelte

@@ -21,6 +21,8 @@ let tdStyles = ['td-div', className]
 .th-div {
   font-size: 17px;
   text-wrap: nowrap;
+  text-transform: capitalize;
+  padding-right: 40px !important;
 }
 .td-div {
   width: 12.5rem;

package/components/EnkiTable/TableHead.svelte

@@ -18,6 +18,8 @@
 .th-div {
   font-size: 17px;
   text-wrap: nowrap;
+  text-transform: capitalize;
+  padding-right: 40px !important;
 }
 .td-div {
   width: 12.5rem;

package/components/EnkiTable/TableHeadCell.svelte

@@ -21,6 +21,8 @@
 .th-div {
   font-size: 17px;
   text-wrap: nowrap;
+  text-transform: capitalize;
+  padding-right: 40px !important;
 }
 .td-div {
   width: 12.5rem;

package/components/EnkiTable/TableRow.svelte

@@ -19,6 +19,8 @@
 .th-div {
   font-size: 17px;
   text-wrap: nowrap;
+  text-transform: capitalize;
+  padding-right: 40px !important;
 }
 .td-div {
   width: 12.5rem;

package/components/Header/Brand.svelte

@@ -44,6 +44,9 @@
   border-radius: 50%;
   color: #3AC82E;
   padding: 8px 9px;
+  height: 45px;
+  width: 45px;
+  font-weight: bold;
 }
 :global(.headerIcons i) {
   padding: 0 4px;

package/components/Header/Header.scss

@@ -19,6 +19,9 @@
     border-radius: 50%;
     color: $secondary;
     padding: 8px 9px;
+    height:45px;
+    width:45px;
+    font-weight:bold;
 }
 
 :global(.headerIcons i) {

package/components/Header/Header.svelte

@@ -46,6 +46,9 @@
   border-radius: 50%;
   color: #3AC82E;
   padding: 8px 9px;
+  height: 45px;
+  width: 45px;
+  font-weight: bold;
 }
 :global(.headerIcons i) {
   padding: 0 4px;

package/components/Header/HeaderItem.svelte

@@ -9,7 +9,7 @@
 </script>
 
     <NavItem class='me-3' {...$$restProps}>
-        <NavLink href={link} class='headerIcons' on:click><Icon name={iconName}></Icon></NavLink>
+        <NavLink href={link} class='headerIcons' on:click><Icon name={iconName}></Icon><slot></slot></NavLink>
     </NavItem>
 
 <style>@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
@@ -35,6 +35,9 @@
   border-radius: 50%;
   color: #3AC82E;
   padding: 8px 9px;
+  height: 45px;
+  width: 45px;
+  font-weight: bold;
 }
 :global(.headerIcons i) {
   padding: 0 4px;

package/components/Header/HeaderItem.svelte.d.ts

@@ -9,7 +9,9 @@ export default class HeaderItem extends SvelteComponentTyped<{
     click: MouseEvent;
 } & {
     [evt: string]: CustomEvent<any>;
-}, {}> {
+}, {
+    default: {};
+}> {
 }
 export type HeaderItemProps = typeof __propDef.props;
 export type HeaderItemEvents = typeof __propDef.events;
@@ -26,6 +28,8 @@ declare const __propDef: {
     } & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {};
+    slots: {
+        default: {};
+    };
 };
 export {};

package/components/Header/UserAvatar.svelte

@@ -43,6 +43,9 @@
   border-radius: 50%;
   color: #3AC82E;
   padding: 8px 9px;
+  height: 45px;
+  width: 45px;
+  font-weight: bold;
 }
 :global(.headerIcons i) {
   padding: 0 4px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enki-tek/fms-web-components",
-  "version": "0.0.54",
+  "version": "0.0.56",
   "devDependencies": {
     "@storybook/addon-essentials": "^7.6.14",
     "@storybook/addon-interactions": "^7.6.14",