@enki-tek/fms-web-components 0.0.75 → 0.0.77

package/components/Dropdown/Dropdown.scss

@@ -31,7 +31,6 @@
   position: absolute;
   top: 4px;
   @extend %commonSCSS;
-  text-transform: uppercase;
   background-color: $white;
 }
 
@@ -51,7 +50,6 @@
   font-size: 14px;
   font-style: normal;
   @extend %commonSCSS;
-  text-transform: capitalize;
   font-family: $bodyFonts;
 }
 

package/components/Dropdown/Dropdown.svelte

@@ -47,7 +47,6 @@ export let title = "Dropdowns";
   justify-content: flex-start;
   position: absolute;
   top: 4px;
-  text-transform: uppercase;
   background-color: #ffffff;
 }
 :global(.dropdown-custom .dropdown-menu-custom) {
@@ -64,7 +63,6 @@ export let title = "Dropdowns";
   color: #343A40;
   font-size: 14px;
   font-style: normal;
-  text-transform: capitalize;
   font-family: Roboto;
 }
 :global(.btn-light:hover, .btn-light:focus, .btn-light:active, .btn-light.active, .show>.btn-light.dropdown-toggle, .open>.dropdown-toggle.btn-light) {

package/components/Dropdown/DropdownItem.svelte

@@ -3,7 +3,7 @@ export let classname = "";
 export let disabled = false;
 </script>
 
-<DropdownItem class="dropdown-item-custom {classname}"  disabled={disabled} on:click >
+<DropdownItem class="dropdown-item-custom d-flex text-wrap {classname}"  disabled={disabled} on:click >
 	<slot />
 </DropdownItem>
 
@@ -40,7 +40,6 @@ export let disabled = false;
   justify-content: flex-start;
   position: absolute;
   top: 4px;
-  text-transform: uppercase;
   background-color: #ffffff;
 }
 :global(.dropdown-custom .dropdown-menu-custom) {
@@ -57,7 +56,6 @@ export let disabled = false;
   color: #343A40;
   font-size: 14px;
   font-style: normal;
-  text-transform: capitalize;
   font-family: Roboto;
 }
 :global(.btn-light:hover, .btn-light:focus, .btn-light:active, .btn-light.active, .show>.btn-light.dropdown-toggle, .open>.dropdown-toggle.btn-light) {

package/components/ModalWindow/Modal.svelte

@@ -4,9 +4,10 @@
 	export let isOpen = false;
 	export let toggle;
 	export let size = ' ';
+	export let className = ''
 </script>
 
-<Modal {isOpen} {backdrop} {size} {toggle}  >
+<Modal {isOpen} {backdrop} {size} {toggle} class={className} >
 	<slot />
 </Modal>
 

package/components/ModalWindow/Modal.svelte.d.ts

@@ -5,6 +5,7 @@ export default class Modal extends SvelteComponentTyped<{
     toggle: any;
     size?: string | undefined;
     isOpen?: boolean | undefined;
+    className?: string | undefined;
     backdrop?: boolean | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
@@ -21,6 +22,7 @@ declare const __propDef: {
         toggle: any;
         size?: string | undefined;
         isOpen?: boolean | undefined;
+        className?: string | undefined;
         backdrop?: boolean | undefined;
     };
     events: {

package/components/ModalWindow/ModalBody.svelte

@@ -1,8 +1,9 @@
 <script>
 	import { ModalBody } from 'sveltestrap';
+	export let className = ''
 </script>
 
-<ModalBody>
+<ModalBody class={className}>
 	<div class="content">
 		<slot />
 	</div>

package/components/ModalWindow/ModalBody.svelte.d.ts

@@ -2,7 +2,7 @@
 /** @typedef {typeof __propDef.events}  ModalBodyEvents */
 /** @typedef {typeof __propDef.slots}  ModalBodySlots */
 export default class ModalBody extends SvelteComponentTyped<{
-    [x: string]: never;
+    className?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {
@@ -15,7 +15,7 @@ export type ModalBodySlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        [x: string]: never;
+        className?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/components/ModalWindow/ModalFooter.svelte

@@ -1,8 +1,9 @@
 <script>
 	import { ModalFooter } from 'sveltestrap';
+	export let className = ''
 </script>
 
-<ModalFooter>
+<ModalFooter class={className}>
 	<slot />
 </ModalFooter>
 

package/components/ModalWindow/ModalFooter.svelte.d.ts

@@ -2,7 +2,7 @@
 /** @typedef {typeof __propDef.events}  ModalFooterEvents */
 /** @typedef {typeof __propDef.slots}  ModalFooterSlots */
 export default class ModalFooter extends SvelteComponentTyped<{
-    [x: string]: never;
+    className?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {
@@ -15,7 +15,7 @@ export type ModalFooterSlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        [x: string]: never;
+        className?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/components/ModalWindow/ModalHeader.svelte

@@ -1,9 +1,10 @@
 <script>
 	import { ModalHeader } from 'sveltestrap';
 	export let toggle;
+	export let className = ''
 </script>
 
-<ModalHeader {toggle} >
+<ModalHeader {toggle}  class={className}>
 	<div class="header">
 		<div class="title">
 			<slot />

package/components/ModalWindow/ModalHeader.svelte.d.ts

@@ -3,6 +3,7 @@
 /** @typedef {typeof __propDef.slots}  ModalHeaderSlots */
 export default class ModalHeader extends SvelteComponentTyped<{
     toggle: any;
+    className?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {
@@ -16,6 +17,7 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         toggle: any;
+        className?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/package.json

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